@charset "utf-8";
/**************************************************

	Respond.css

**************************************************/
/**************************************************
	Setting Device Width
**************************************************/
#_device_pc{display: block;} #_device_ta{display: none;} #_device_mo{display: none;} .__pc{display: block !important;} .__ta{display: none !important;} .__mo{display: none;}
@media screen and (min-width: 750px) and (max-width: 1300px){#_device_pc{display: none;} #_device_ta{display: block;} #_device_mo{display: none;} .__pc{display: none !important;} .__ta{display: block !important;} .__mo{display: none;}}
@media screen and (max-width: 750px){#_device_pc{display: none;} #_device_ta{display: none;} #_device_mo{display: block;} .__pc{display: none !important;} .__ta{display: none;} .__mo{display: block !important;} }

/**************************
	Shop Default Style
**************************/
@media screen and (max-width: 750px){

    #sb-footer{margin-top: 15px;min-height: 35px;}

    .sb-btnWrap{margin-top: 10px;}
    .sb-btn.type1{padding: 0 5px;min-width: 40px;font-size: 13px;}
    .sb-btn.type1.small{height: 25px;line-height: 23px;padding: 0 5px;font-size: 12px;}
    .sb-btn.type2{padding: 0 5px;min-width: 40px;font-size: 13px;}
    .sb-btn.type1.small{height: 25px;line-height: 23px;padding: 0 5px;font-size: 12px;}

    .sb-no-data{padding: 20px 10px;font-size: 12px;}

}
/**************************************************
	Layout
**************************************************/
@media screen and (max-width: 1300px){

	html{min-width: 320px;padding-top: 55px;overflow-x: hidden;}
    img{max-width:100%;height: auto;}
    table tr > *{width: auto !important;}

	#header{position: fixed; padding:0 10px; top: 0;left: 0;width: 100%;box-shadow: 0 3px 3px rgba(0,0,0,0.05);}
	#header .inner{width: auto;height: 55px;}
    #header .logo{position: absolute;top: 0;left: 0;height: 100%;line-height: 55px;}
    #header .logo img{width: auto;max-width: 120px;max-height: 40px;}
    #header:after{content: '';display: block;position: absolute;bottom: -1px;width: 100%;height: 1px;background: rgba(0,0,0,0.05);}

	.logo-slide {height: 55px;}
	.logo-slide .item a img {width: auto;max-height: calc(55px - 20px);max-width: 100%;}

	.mypage_btn {top:16px; right:75px;}
	.logout_btn {top:16px; right:105px;}

	#gnb{display: none;}
    #tnb{display: none;}

    #hd-lan{display: none;}

	#hd-sch {top:17px; right:40px;}

    #footer {padding:30px 10px 80px 10px; box-sizing:border-box;}
	#footer .fnbWrap {padding-top:10px;}
    #footer .fnbWrap .inner{width: auto;}
    #footer .fnbWrap .inner{width: auto;}
    #footer .ftWrap{width: auto; padding-bottom:10px;}
    #footer address{font-size: 10px;line-height: 13px; font-style: normal;text-align: center;}
    #footer address hr{display: block;border: none;margin: 0;}

    #sns-ico{margin-top: 15px;text-align: center;}
    #sns-ico li{margin: 2px;}
    #sns-ico li img{width: 25px;height: auto;}

    #ft-fam{display: none;}

    #gotop{display: none;}

    #fnb{text-align: center;}
    #fnb > li{display: inline-block;padding: 0 5px; margin:0;}
    #fnb > li:first-child{padding-left: 0;background: none;}
    #fnb > li a{font-size: 11px; letter-spacing: -1px; }
	#footer .fnbWrap .inner .copyright {position:relative; margin-top:10px;top:auto; right:auto; display:block; text-align:center; font-size:10px; line-height:13px;}


    #slide-btn{top: 50%;margin-top: -8px;right: 0;display: block;width: 25px;height: 16px;}
	#slide-btn button span {left:10px;}

    #slide-bg{position: fixed;z-index: 200;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.3);}
    #slide-bg.on{display: block;}
    #slide-close{position: absolute;top: 0;right: 0;width: 60px;height: 55px;background: rgba(0,0,0,0.2) url('../images/layout/slide-close.png') no-repeat center center;background-size: 20px auto;}

    #slide-menu{position: fixed;top: 0;right: 0;width: calc(100% - 55px);height: 100%;display: none;background: #fff;z-index: 201;overflow-y: auto;transition: all 0.3s cubic-bezier(0.930, 0.635, 0.650, 0.970);}
    #slide-menu .tit{height: 55px;position: relative;background: var(--slidebar-bg-color);}
    #slide-menu.on{display: block;}

	.quick {bottom:80px; right:10px;text-align: center;width: 40px;}
	.quick a {display: inline-block; margin-top:0;display: block;margin-top: 5px; }
	.quick a img {width: 40px;}

    #tnb-mo{padding: 0 20px;line-height: 50px;border-bottom: 1px solid #ddd;background: #f7f7f7;}
    #tnb-mo > li{display: inline-block;margin-right: 15px;vertical-align: middle;}
    #tnb-mo > li a{font-size: 13px;color: #666;letter-spacing: -1px;}

    #gnb-mo > li{border-bottom: 1px solid #eee;}
    #gnb-mo > li > a{position: relative;display: block;line-height: 45px;padding: 0 20px 0 37px;font-size: 14px;letter-spacing: -1px;color: #333;text-decoration: none;}
    #gnb-mo > li > a:before{content: '\f12f';display: block;font-family: axicon;position: absolute;top: calc(50% - 1px);left: 20px;font-size: 13px;color: #999;line-height: 0;}
    #gnb-mo > li.active{border-top: 1px solid #ccc;margin-top: -1px;background: #f7f7f7;}
    #gnb-mo > li.active > a:before{transform: rotate(180deg);}
    #gnb-mo > li > ul{padding: 8px 20px;border-top: 1px solid #e1e1e1;border-bottom: 1px solid #ccc;margin-bottom: -1px;background: #f7f7f7;display: none;}
    #gnb-mo > li > ul li a{line-height: 30px;font-size: 14px;color: #666;text-decoration: none;padding-left: 15px;}
    #gnb-mo > li.hidden-gnb{display: none;}

    #hd-lan-mo{position: absolute;top: 0;left: 20px;z-index: 92;}
    #hd-lan-mo > a{display: block;line-height: 55px;padding: 0 10px 0 20px;font-size: 12px;color: #fff;text-decoration: none;text-transform: uppercase;background: url('/images/layout/hd-lan-ico-mo.png') no-repeat 0 center / 15px auto, url('/images/layout/hd-lan-spr-mo.png') no-repeat right center / 6px auto;}
    #hd-lan-mo > ul{position: absolute;top: 40px;left: 50%;display: none;width: 80px;margin-left: -40px;padding: 10px 0;border: 1px solid #b8b8b8;background: #fff;}
    #hd-lan-mo > ul:before{position: absolute;top: -7px;left: 50%;content: '';display: block;width: 6px;height: 7px;margin-left: -3px;background: url('/images/layout/hd-lanbox-spr-mo.png');}
    #hd-lan-mo > ul li a{display: block;font-size: 12px;line-height: 20px;color: #666666;text-decoration: none;text-align: center;text-transform: uppercase;}
    #hd-lan-mo.on > ul{display: block;}

    #hd-sch-mo{position: absolute;top: 50%;transform: translate(0, -50%);left: 90px;z-index: 91;}
    #hd-sch-mo .btn{display: block;width: 21px;height: 21px;background: url('/images/layout/hd-sch-btn-mo.png') no-repeat center center;background-size: 16px auto;text-indent: -999em;border: none;}
    #hd-sch-mo form{position: fixed;display: none;top: 55px;right: 0;width: 80%;padding-right: 50px;border: 1px solid #333;border-width: 1px 0 1px 0;overflow: hidden;background: #fff;box-sizing: border-box;}
    #hd-sch-mo legend{display: none;}
    #hd-sch-mo .inp{width: 100%;height: 38px;line-height: 38px;text-indent: 10px;background: none;border: none;font-size: 12px;}
    #hd-sch-mo .sbm{position: absolute;top: 0;right: 0;width: 40px;height: 40px;background: #333 url('/images/layout/hd-sch-btn-mo.png') no-repeat center center;background-size: 18px auto;border: none;text-indent: -999em;}
    #hd-sch-mo.on form{display: block;}
    
    #hd-sch-pop{position: fixed;top: 0;left: 0;width: 100%;z-index: 202;box-shadow: 3px 10px 30px rgba(0,0,0,0.1);padding: 0;border: none;}
    #hd-sch-pop form{width: auto;}
    #hd-sch-pop .inp{width: calc(100% - 80px);text-indent: 10px;font-size: 14px;}
    #hd-sch-pop .sbm{width: 40px;}
    #hd-sch-pop .sbm:after{font-size: 16px;}
    #hd-sch-pop .close{width: 40px;}
    #hd-sch-pop .close:after{font-size: 16px;}

    /* Site Layer Popup */
    .sp-pop{top: 65px !important;left: 5% !important;width: 90% !important;height: auto !important;}
    .sp-pop .img{position: relative;min-height: 100px;padding-bottom: 30px;}
    .sp-pop .img img{max-width:100%;}
    .sp-pop .btns li{height: 30px;}
    .sp-pop .btns li a,
    .sp-pop .btns li label{line-height: 28px;}

	/* Table */
    .table_scroll_wrap{position: relative;overflow-x: auto;}
    .table_scroll_wrap > table{min-width: 800px;}
    .table_scroll_wrap .scroll_alert{position: absolute;bottom: 0;right: 0;z-index: 2;background: rgba(0,0,0,0.7);line-height: 40px;padding: 0 20px;font-size: 12px;letter-spacing: -1px;color: #fff;text-align: center;white-space: nowrap;}
    .table_scroll_wrap .scroll_alert i{font-size: 20px;margin-left: 10px;display: inline-block;vertical-align: middle;}
    .table1 colgroup{display: none;}
	.table1 tr > *{padding: 10px 5px;font-size: 12px;line-height: 16px;}
	.table1 tbody th{width: 80px;}
	.table1 .inp{width: 40%;font-size: 13px;padding: 0 10px;letter-spacing: -1px;}
	.table1 .w100p{width: 100% !important;}	
	.table1 .w50p{width: calc(50% - 8px);}	
	.table1 .w33p{width: calc(33% - 8px);}	
	.table1 select{padding: 0 5px;font-size: 13px;letter-spacing: -1px;}
	.table1 textarea{height: 150px;font-size: 13px;line-height: 16px;padding: 10px;letter-spacing: -1px;}
    .table1 label{font-size: 13px;}
	.table1 em.tbl_sment{font-size: 13px;}
	.table1 .fileWrap .addFile{display: block;margin-top: 5px;margin-left: 0;}
	.table1 .fileWrap input[type=file]{width: 100%;}
    .table1 .many-inputs{display: flex;justify-content: space-between;flex-wrap: wrap;}
    .table1 .many-inputs > *{display: inline-block;}
    .table1 .many-inputs .hipen{font-size: 12px;width: 10px;line-height: 35px;}

    /* button */
    .btn1{padding: 0 15px;height: 40px;line-height: 40px;font-size: 14px;min-width: 120px;}
    .btn2{padding: 0 15px;height: 40px;line-height: 40px;font-size: 14px;min-width: 120px;}
    .btn3{padding: 0 15px;height: 40px;line-height: 40px;font-size: 14px;min-width: 120px;}

    /* etc */
    .selectbox select{font-size: 13px;}

    .custlab{font-size: 13px;min-width: 70px;}
    .custlab input{display: none;}

    

	.quick .question1001{
		height: 40px;
		width: 40px;
		
	}
	.quick .question1001 span{
		font-size: 10px;
	}
	.quick .godparts1001{
		width: 40px;
		height: 40px;
	}
	.quick .godparts1001 span{
		font-size: 10px;
	}
}

/**************************************************
	Ajax Popup
**************************************************/
@media screen and (max-width: 1300px){

    #popup{top: 5%;left: 5%;width: 90%;height: 90%;margin-top: 0;margin-left: 0;padding-top: 41px;}
    #popup .pop-tit{height: 40px;padding: 0 10px;}
    #popup .pop-tit h3{font-size: 13px;line-height: 40px;}
    #popup .pop-tit .close{width: 39px;height: 39px;line-height: 39px;font-size: 13px;}
    #popup .pop-wrap{height: 100%;overflow-y: auto;padding: 15px;box-sizing: border-box;}
    #popup.on{opacity: 1;}
    #popupBG{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 300;background: rgba(0,0,0,0.5);opacity: 0;transition: all 0.3s;}
    #popupBG.on{opacity: 1;}

    /* sitemap */
    #popup .sitemap > li{width: 49%;}
    #popup .sitemap > li > a{font-size: 12px;line-height: 35px;}
    #popup .sitemap > li ul li a{font-size: 12px;padding: 7px 0;}

}

/**************************************************
	Ajax Popup
**************************************************/
@media screen and (max-width: 1300px){

    #popup{top: 5%;left: 5%;width: 90%;height: 90%;margin-top: 0;margin-left: 0;padding-top: 41px;}
    #popup .pop-tit{height: 40px;padding: 0 10px;}
    #popup .pop-tit h3{font-size: 13px;line-height: 40px;}
    #popup .pop-tit .close{width: 39px;height: 39px;line-height: 39px;font-size: 13px;}
    #popup .pop-wrap{height: 100%;overflow-y: auto;padding: 15px;box-sizing: border-box;}
    #popup.on{opacity: 1;}
    #popupBG{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 300;background: rgba(0,0,0,0.5);opacity: 0;transition: all 0.3s;}
    #popupBG.on{opacity: 1;}

    /* sitemap */
    #popup .sitemap > li{width: 49%;}
    #popup .sitemap > li > a{font-size: 12px;line-height: 35px;}
    #popup .sitemap > li ul li a{font-size: 12px;padding: 7px 0;}

    #main #mainWrap{width: auto;margin: 0;padding: 20px 15px;}

    #main .visual .roll .item img{position: static;width: 100%;height: auto;transform: translateX(0);}
    #main .visual .slick-dots{bottom: 20px;}


	#main .visual .slick-prev {width:40px; left:10px; height:40px;}
	#main .visual .slick-prev:after {line-height:40px; font-size:20px;}
	#main .visual .slick-next {width:40px; right:10px; height:40px;}
	#main .visual .slick-next:after {line-height:40px; font-size:20px;}



	
	.section_1 {padding-top:40px;}
	.section_1 ul {box-sizing:border-box; padding:0 10px; text-align:center;}
	.section_1 ul li a {padding:20px 10px;}
	.section_1 ul li a img {width:50px;}
	.section_1 ul li a p {font-size:14px; margin-top:10px;}
	.section_1 ul li a:after{margin-top: -40px;}


	.section_2 {padding:60px 10px;}
	.section_2 .sec2_slide {padding:0 50px; box-sizing:border-box; margin:0;}
	.section_2 .sec2_slide .item {margin:0 15px;}
	.section_2 .sec2_slide .item .left {padding-left:0; padding-right:0;}
	.section_2 .sec2_slide .item .left h4 {font-size:15px; margin-top:0; padding-left:34px;}
	.section_2 .sec2_slide .item .left h4:after {width:26px;}
	.section_2 .sec2_slide .item .left h3 {font-size:22px; margin-top:30px;}
	.section_2 .sec2_slide .item .left p {font-size:13px; margin-top:15px;}
	.section_2 .sec2_slide .item .left a {font-size:11px; margin-top:25px;}
	.section_2 .arrow {position:relative; bottom:auto; left:auto; width:auto; display:block; margin-top:30px;  padding:0; text-align:center;}
	.section_2 .arrow .dots {display:inline-block; padding:0 20px;}
	.section_2 .arrow .dots .slick-prev {width:20px; height:24px; }
	.section_2 .arrow .dots .slick-prev:after {width:20px; left:0; line-height:24px; font-size:15px; }
	.section_2 .arrow .dots .slick-next {width:20px; height:24px; }
	.section_2 .arrow .dots .slick-next:after {width:20px; right:0; line-height:24px; font-size:15px;}
	.section_2 .arrow .dots .slick-dots {height:24px;}
	.section_2 .arrow .dots .slick-dots li button {line-height:24px; font-size:15px;}
	.section_2 .arrow .dots span { line-height:24px; font-size:15px; padding-left:20px;}
	.section_2 .arrow .dots span:after {width:20px; line-height:24px; font-size:15px;}
	.section_2 .arrow a.more {position:relative; top:auto; right:auto; display:inline-block; line-height:24px; font-size:12px; padding-right:32px; margin-left:20px;}
	.section_2 .arrow a.more i {width:24px; line-height:24px; font-size:12px;}


	.section_3 {padding:60px 10px;}
	.section_3 .sec3_tit {padding-bottom:30px;}
	.section_3 .sec3_tit h3 {font-size:20px;}
	.section_3 .sec3_tit p {font-size:13px; margin-top:10px;}
	.section_3 .sec3_tit a {font-size:11px; top:auto; bottom:0;}
	
	.section_3 ul li a {padding-left:180px;}
	.section_3 ul li a .left {width:110px;}
	.section_3 ul li a .left em {top:0; left:-10px; font-size:12px; width:30px; line-height:30px;}
	.section_3 ul li a .txt {padding:20px 0;}
	.section_3 ul li a .txt strong {font-size:14px; }
	.section_3 ul li a .txt p {font-size:12px; margin-top:0;}

	.section_3 ul li:first-child a {padding:20px;}
	.section_3 ul li:first-child a .txt strong {font-size:15px;}
	.section_3 ul li:first-child a .left em {top:-10px; left:-10px;}
	.section_3 ul li a .txt span {font-size:11px; margin-top:15px;}


	.section_4 {padding:60px 10px 0;}
	.section_4 h3 {font-size:16px; line-height:24px;}
	.section_4 h3 a {font-size:11px; line-height:24px;}


	.section_4 ul li a {padding:10px;}
	.section_4 ul li a p {font-size:14px; padding-right:20px; }
	.section_4 ul li a p b {width:15px; line-height:15px; top:7px; font-size:10px; }
	.section_4 ul li a span {font-size:11px; margin-top:5px;}
	.section_4 ul li a:hover {padding:10px; margin:0; border-radius:0; background:none; box-shadow:none;}



	.section_5 {padding:60px 10px;}
	.section_5 .sec5_tit h3 {font-size:20px;}
	.section_5 .sec5_tit p {font-size:13px; margin-top:10px;}
	.section_5 .sec5_slide .slick-slide div {margin-top:20px;}

	.section_6 {padding:60px 10px;}
	.section_6 .sec6_tit h3 {font-size:20px;}
	.section_6 .search_box {margin-top:20px; padding-right:100px;}
	.section_6 .search_box:after {width:40px; line-height:40px; font-size:13px;}
	.section_6 .search_box input {padding-left:40px; line-height:40px; font-size:13px;}
	.section_6 .search_box button {width:90px; line-height:40px; font-size:13px;}
	.section_6 .key_box {margin-top:20px;}
	.section_6 .key_box span {padding:0 10px; font-size:12px; line-height:30px;}


	.section_7 {padding:60px 10px 0;}
	.section_7 .slick-dots {margin-top:20px;}


	.section_8 {padding:60px 10px;}
	.section_8 .sec8_tit {padding-bottom:30px;}
	.section_8 .sec8_tit h3 {font-size:20px;}
	.section_8 .sec8_tit p {font-size:13px; margin-top:10px;}
	.section_8 .sec8_tit a {font-size:11px; top:auto; bottom:0;}

	.section_8 .sec8_slide { margin-top:30px; padding:0 30px;}
	.section_8 .sec8_slide .item {margin:0 10px;}
	.section_8 .sec8_slide .item .txt {margin-top:15px;}
	.section_8 .sec8_slide .item .txt strong {font-size:14px; }
	.section_8 .sec8_slide .item .txt p {font-size:12px; margin-top:6px;}
	.section_8 .sec8_slide .item .txt span {font-size:11px; margin-top:10px;}
	.section_8 .sec8_slide .slick-prev {width:30px; height:30px; margin-top:-15px;}
	.section_8 .sec8_slide .slick-prev:after {line-height:26px; font-size:14px;}
	.section_8 .sec8_slide .slick-next {width:30px; height:30px; margin-top:-15px;}
	.section_8 .sec8_slide .slick-next:after {line-height:26px; font-size:14px;}


	.section_9 .body {padding:60px 0;}
	.section_9 a {font-size:16px; line-height:24px;}

}

@media screen and (max-width: 750px){

    .section_1 ul li {width:33.333%;}
	.section_1 ul li a span {opacity:1; display:none;}
	.section_1 ul li:nth-child(3) a:after {display:none;}
	.section_1 ul li:last-child a:after {display:none;}
	.section_1 ul li a:hover {background:none; box-shadow:none;}
	.section_1 ul li a:hover:after {opacity:1;}
	.section_1 ul li a:hover p {color:#333;}
	.section_1 ul li a:hover img { filter: brightness(1) invert(0);}



	
	.section_2 .sec2_slide .item .left {float:none; width:100%; margin-top:30px;}
	.section_2 .sec2_slide .item .right {float:none; width:100%; padding-left:0;}

	
	.section_2 .sec2_slide .item {opacity:0.3;}
	.section_2 .sec2_slide .item.slick-active {opacity:1;} 


	
	.section_3 ul {margin:20px 0 0;}
	.section_3 ul li {width:100%; margin:10px 0 0;}



	.section_4 .left {width:100%; margin-right:0;}
	.section_4 .right {width:100%; margin-top:40px;}

	
	.section_7 .sec7_slide .item {margin:0 10px;}
    
}

/**************************************************
	Main
**************************************************/
@media screen and (max-width: 1300px){

    #main #mainWrap{width: auto;margin: 0;padding: 20px 10px;}

    #main .visual .roll .item img{position: static;margin-left: 0;width: 100%;height: auto;}
    #main .visual .slick-dots{bottom: 20px;}
    #main .visual .slick-dots li{margin: 0 2px;}
    #main .visual .slick-dots li button{width: 12px;height: 2px;}

}


/**************************************************
	Sub
**************************************************/
@media screen and (max-width: 1300px){

	#gnb > li > a{padding: 0 20px;}

}
@media screen and (max-width: 1300px){

    #sub{padding-top: 0;}
    #sub #content{ width: auto;padding: 20px 10px; }

    #sub .sub-vis{height: 120px;}
    #sub .sub-vis h2{font-size: 20px;}
    #sub .sub-vis h2 em{margin-top: 5px;font-size: 11px;}

    #sub .sub-tit{margin-bottom: 20px;padding-bottom: 15px;}
    #sub .sub-tit h3{font-size: 20px;margin-top: 0;}
	#sub .sub-tit p {font-size:13px; margin-top:10px;}
	#sub #content.about_go .sub-tit {padding-top:50px;}

    .lnbWrap{display: none;}
    .lnbWrap.s80 {display:block;}
	#lnb {width:100%; }
	#lnb > li {margin:0 5px;}
	#lnb > li a {font-size:12px; line-height:32px;}

    .lnbWrap{display: none;}

    #status{display: none;}

    #navigator{border-width: 0 0 1px 0;}
    #navigator > ul{width: auto;border-left: none;padding-left: 40px;}
    #navigator > ul > li{width: 50%;box-sizing: border-box;}
    #navigator > ul > li > a{min-width: 0;font-size: 13px;padding: 0 20px 0 10px;line-height: 40px;background-size: 8px auto;}
    #navigator > ul > li:first-child{position: absolute;top: 0;left: 0;width: 40px;}
    #navigator > ul > li:first-child a{width: 40px;background: none;}
    #navigator > ul > li.d2{border: none;}
    #navigator > ul > li > ul{top: 40px;left: -1px;}
    #navigator > ul > li.d2 > ul{border-right: none;}
    #navigator > ul > li > ul li a{padding: 10px;font-size: 13px;}

    /* 마이페이지 */
    .tblWrap{overflow-x: scroll;}
    .tblWrap table{min-width: 700px;table-layout: auto;}
    .tblWrap table tr > *{width: auto;}

    #smb_my_ov .my_ov_name{line-height:20px;padding:15px;font-size:14px;}
    #smb_my_act {position:static;}
    #smb_my_act{position: absolute;top: 15px;right: 15px;float:none;margin:0;padding:0;list-style:none}
    #smb_my_act li {float:none;display: inline-block;vertical-align: top;margin: 0;margin-left: 2px;}
    #smb_my_act li a{font-size: 13px;letter-spacing: -1px;}
    #smb_my_act li .btn_admin{display: none;}
    #smb_my_ov .cou_pt{position:static;text-align: center;border: 1px solid #ccc;border-width: 0 1px 0 1px;}
    #smb_my_ov .cou_pt dt:first-child{margin-left: 0;}
    #smb_my_ov .cou_pt dt{display: inline-block;vertical-align: top;float:none;width:auto;line-height: 25px;margin-right: 5px;margin-left: 15px;font-size: 13px;}
    #smb_my_ov .cou_pt dd{display: inline-block;vertical-align: top;float:none;width:auto;line-height: 25px;text-align:left;padding:0;margin-right: 5px;font-size: 13px;}
    #smb_my_ov .cou_pt dd a{color:#000;font-weight:bold;font-size:1.167em}
    #smb_my_ov .op_area{border-top: 1px solid #ddd;display: block !important;}
    #smb_my_ov .op_area:after {display:block;visibility:hidden;clear:both;content:""}
    #smb_my_ov .op_area dt{width:30%;}
    #smb_my_ov .op_area dd{width:70% !important;}
    .my_ov_btn{display: none;}

    .smb_my_more a{font-size: 13px;letter-spacing: -1px;}

    .list_02 ul{margin: -2px;}
    .list_02 li{margin: 2px;width: calc(50% - 4px);}
    .list_02 li img{margin-bottom: 10px;}
    .list_02 li .smb_my_tit a{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

    .about .about_tit {overflow:hidden;}
	.about .about_tit h3 {font-size:20px;}
	.about .about_tit p {font-size:13px; margin-top:10px;}
	.about .about_tit a {position:relative; top:auto; right:auto; float:right; font-size:11px; margin-top:10px; }

	.about .cont_1 {width:100%; left:auto; margin-left:0; padding:50px 10px;}
	.about .cont_1:before {width:100%; left:0;}
	.about .cont_1 ul li .txt {padding:0 10px; box-sizing:border-box;}
	.about .cont_1 ul li .txt strong {font-size:14px;}
	.about .cont_1 ul li .txt p {font-size:12px; margin-top:10px;}


	.about .cont_2 {padding:100px 0;}
	.about .cont_2 .left {padding-right:0;}
	.about .cont_2 .left h4 {font-size:17px;}
	.about .cont_2 .left p {margin-top:15px; font-size:13px;}
	.about .cont_2 .left strong {padding:10px 0 10px 80px; font-size:12px; line-height:24px;}
	.about .cont_2 .left strong b {top:10px; width:80px; }
	.about .cont_2 .left a {margin-top:20px; width:180px; font-size:12px; line-height:40px;}
	.about .cont_2 .left a i {font-size:15px; line-height:40px;}
	.about .cont_2 .right {padding-left:100px; box-sizing:border-box;}



	.about .cont_3 {padding:50px 10px; width:100%; left:auto; margin-left:0; box-sizing:border-box;}
	.about .cont_3:before {width:100%; left:0;}
	.about .cont_3 .box {margin-top:30px;}
	.about .cont_3 .box .left {padding-right:20px;}
	.about .cont_3 .box .right {padding-left:20px;}
	.about .cont_3 .box .right h4 {font-size:16px;}
	.about .cont_3 .box .right p {margin-top:15px; font-size:13px;}
	.about .cont_3 .box .right span {margin-top:15px; font-size:13px; line-height:40px;}
	.about .cont_3 .box .right span b {font-size:14px; }
	.about .cont_3 .box .right span img {height:40px;}


	.about .cont_4 {padding:60px 0; }
	.about .cont_4 .his_tabs {margin:20px auto 30px;}
	.about .cont_4 .his_tabs li {width:calc(49% - 10px); line-height:40px; font-size:13px;}
	.about .cont_4 .his_slide .item strong {font-size:20px; }
	.about .cont_4 .his_slide .item p {padding-left:40px; line-height:24px; font-size:12px;}
	.about .cont_4 .his_slide .item p:after {left:30px; top:10px;}

	.about .cont_4 .his_slide {width:100%; padding:0 30px; margin-left:0;}
	.about .cont_4 .his_slide .item {margin:0 10px; padding:20px;}
	.about .cont_4 .his_slide .slick-prev {width:30px; height:30px; margin-top:-15px;}
	.about .cont_4 .his_slide .slick-prev:after {line-height:26px; font-size:15px;}
	.about .cont_4 .his_slide .slick-next {width:30px; height:30px; margin-top:-15px;}
	.about .cont_4 .his_slide .slick-next:after {line-height:26px; font-size:15px;}



	.about .cont_5 {padding:60px 10px; width:100%; left:auto; margin-left:0;}
	.about .cont_5:before {width:100%; left:0;}
	.about .cont_5 .box {margin-top:30px;}
	.about .cont_5 .box h4 {font-size:16px; line-height:22px;}
	.about .cont_5 .box h4 span {font-size:13px; line-height:22px;}
	.about .cont_5 .box ul {padding:15px;}
	.about .cont_5 .box ul li {width:calc(50% - 34px); font-size:12px; line-height:24px; padding-left:54px;}
	.about .cont_5 .box ul li:nth-child(2n):after {display:none;}
	.about .cont_5 .box ul li b {width:24px; line-height:24px; top:15px; left:15px; font-size:11px;}



	.about .cont_6 {padding:60px 0;}
	.about .cont_6 .cont6_slide {margin-top:30px; width:100%; margin-left:0; padding:0 30px;}
	.about .cont_6 .cont6_slide .item {margin:0 10px;}
	.about .cont_6 .cont6_slide .item p {margin-top:15px; font-size:13px;}
	.about .cont_6 .cont6_slide .slick-prev {width:30px; height:30px; margin-top:-15px;}
	.about .cont_6 .cont6_slide .slick-prev:after {line-height:26px; font-size:15px;}
	.about .cont_6 .cont6_slide .slick-next {width:30px; height:30px; margin-top:-15px;}
	.about .cont_6 .cont6_slide .slick-next:after {line-height:26px; font-size:15px;}


	.about .cont_7 {padding:60px 10px; width:100%; left:auto; margin-left:0;}
	.about .cont_7:before {width:100%; left:0;}
	.about .cont_7 .cont7_slide {padding:0 30px; width:100%; margin:30px auto 0;}
	.about .cont_7 .cont7_slide .item {margin:0 10px;}
	.about .cont_7 .cont7_slide .item .txt {margin-top:15px;}
	.about .cont_7 .cont7_slide .item .txt strong {font-size:14px;}
	.about .cont_7 .cont7_slide .item .txt p {font-size:12px; margin-top:6px;}
	.about .cont_7 .cont7_slide .item .txt span {font-size:11px; margin-top:10px;}
	.about .cont_7 .cont7_slide .slick-prev {width:30px; height:30px; margin-top:-15px;}
	.about .cont_7 .cont7_slide .slick-prev:after {line-height:26px; font-size:15px;}
	.about .cont_7 .cont7_slide .slick-next {width:30px; height:30px; margin-top:-15px;}
	.about .cont_7 .cont7_slide .slick-next:after {line-height:26px; font-size:15px;}


	.about .cont_8 {padding:60px 0 0;}



	.product_tab { top: 65px;padding: 0;overflow: hidden;}
	.product_tab ul {padding-right: 35px;}
	.product_tab ul li {width: calc(33.33%); }
	.product_tab ul li a{font-size: 13px;line-height: 40px;padding: 0 10px;}
	.product_tab button{font-size: 13px;width: 40px;background: #f7f7f7;}

	.product_tab.closed{height: 40px;}
	.product_tab.closed ul li a{line-height: 40px;}
	.product_tab.closed button{transform: rotate(0);border-left: 1px solid #e9e9e9;border-right: none;}



	.product_list .box {margin-top:40px;}
	.product_list .box .box_view .left {width:300px; padding-right:30px;}
	.product_list .box .box_view .right {width:calc(100% - 300px); margin-top:10px;}
	.product_list .box .box_view .right .tit {padding-bottom:15px; margin-bottom:15px;}
	.product_list .box .box_view .right .tit span {font-size:13px;}
	.product_list .box .box_view .right .tit h4 {font-size:17px; margin-top:10px;}
	.product_list .box .box_view .right .tit .check_btn{width: 17px;height: 17px;margin-top: -2px;}
	.product_list .box .box_view .right .tit .check_btn input[type="checkbox"]{width: 17px;height: 17px;}
	.product_list .box .box_view .right .txt strong {font-size:14px;}
	.product_list .box .box_view .right .txt p {margin-top:7px; font-size:12px;}

	.table_1{overflow-x: auto;}
	.table_1 table colgroup {display:none;}
	.table_1 thead th {padding:3px; font-size:11px; line-height:18px;}
	.table_1 tbody th {padding:3px; font-size:11px; line-height:18px;}
	.table_1 tbody td {padding:3px; font-size:11px; line-height:18px;}
	.table_1 tbody td a.down_btn {font-size:14px; line-height:18px;}
	.table_1 tbody td .color_box {width:18px; height:18px;}
	.table_1 tbody td .check_btn {width:18px; height:18px;}
	.table_1 tbody .thumbnails{width: 40px;height: auto;}

	.table_1::-webkit-scrollbar {width: 10px;height: 5px;}
	.table_1::-webkit-scrollbar-thumb {background-color: #b4b4b4; border-radius: 10px; background-clip: padding-box}
	.table_1::-webkit-scrollbar-track {background-color: #f1f1f1; border-radius: 10px; }


	.product_list .box .box_info {margin-top:40px;}
	.product_list .box .box_info .pc_info {display:none;}
	.product_list .box .box_info .mo_info {display:block;}

	.btn_wrap {width:calc(100% + 20px); left:0; margin-left:-10px; padding:10px; box-sizing:border-box;}
	.btn_wrap.on {margin-bottom:-50px; left:auto;}
	.btn_wrap .body {padding:0;  width:auto; }
	.btn_wrap .body .btn_1 {font-size:13px; line-height:40px; max-width:220px;}
	.btn_wrap .body .btn_2 {font-size:13px; line-height:40px; max-width:220px;}


	.table_2 thead th {padding:5px; font-size:12px; line-height:20px;}
	.table_2 thead th.tleft {padding:5px;}
	.table_2 tbody td {padding:5px; font-size:12px; line-height:20px;}
	.table_2 tbody td.tleft {padding:5px;}
	.quantity {padding-right:20px;}
	.quantity .box button {width:20px; font-size:11px;}
	.quantity .box .input-box {width:32px; font-size:11px;}
	.quantity .box {width:72px; height:20px;}
	.quantity .box button.plus {font-size:13px;}
	.quantity b {font-size:12px; line-height:20px;}
	.table_2 tbody td .delbtn {width:auto; padding:0 5px; line-height:18px; font-size:12px;}


	.order .box {margin-top:40px;}
	.order .box h4 {font-size:16px;}

	.table_3 th {padding:5px; font-size:12px;}
	.table_3 td {padding:5px 0; font-size:12px;}
	.table_3 .inp {height:36px; line-height:34px; font-size:12px; padding:0 10px;}
	.table_3 .inp.w20p {width:30%;}
	.table_3 .zip_search {width:80px; line-height:34px; font-size:12px;}
	.table_3 td .mailbox b {font-size:12px; line-height:36px;}
	.table_3 td .mailbox select {height:36px; line-height:34px; padding:0 20px 0 10px; font-size:12px;}

	.table_3 td .ra_btn input + em {font-size:12px; padding-left:30px; line-height:22px;}
	.table_3 td .ra_btn input + em:after {top:2px;}

	.pop_cont {padding:15px; width:calc(100% - 20px);}
	.pop_cont .product_pop_checkbox{display: inline-block;vertical-align: middle;margin-left: 5px;margin-top: -2px;}
	.pop_cont .product_pop_file{position: absolute;top: 15px;right: 15px;}
	.pop_cont .product_pop_file a{font-size: 20px;color: #000;text-decoration: none;}

	.btn_body {margin-top:40px;}
	.btn_body .btn_1 {width:calc(49% - 12px); line-height:38px; font-size:13px;}
	.btn_body .btn_2 {width:calc(49% - 12px); line-height:38px; font-size:13px;}
	.btn_body .btn_3 {width:calc(49% - 12px); line-height:38px; font-size:13px;}

    .loca_tab {margin:20px auto 30px;}
	.loca_tab li {width:calc(49% - 10px); line-height:40px; font-size:12px;}
	.mapWrap {height:300px;}
	.loc-box {margin-top:20px; padding:15px;}
	.loc-box ul li {display:block; margin:10px 0; font-size:13px; line-height:24px;}
	.loc-box ul li b {font-size:14px; line-height:24px; padding-left:30px;}
	.loc-box ul li b i {font-size:13px; width:24px; line-height:24px;}
	.loc-box ul li.tel {padding-left:95px;}
	.loc-box ul li.fax {padding-left:95px;}

    /* 견적요청 */
    .ctit1{font-size: 18px;padding-bottom: 15px;}

    .regist_table tr > *{padding: 10px;}
    .regist_table tbody th{width: 90px;font-size: 13px;}

    .regist_table .inp{height: 40px;padding-left: 10px;font-size: 13px;width: 100%;}
    .regist_table select{height: 40px;padding-left: 10px;font-size: 13px;width: 100%;}
    .regist_table textarea{padding: 10px;font-size: 13px;height: 120px;line-height: 18px;}
    .regist_table .hipen{font-size: 11px;width: 5%;}
    .regist_table .inputs .inp{width: 30%;}
    .regist_table .inputs select{width: 30%;}
    .regist_table .inputs.email select{width: 30%;margin-left: 5%;}


	.stit + .stit {margin-top: -5px;}
	.stit {margin-bottom: 15px;}
	.stit > h3 {font-size: 18px;}
	.stit > h4 {font-size: 14px;}
	.stit > h3 + h4 {margin-top: 10px;}

}

@media screen and (max-width: 750px){

    .about .cont_1 ul {margin:-10px 0 0;}
	.about .cont_1 ul li {width:100%; margin:10px 0 0; height:auto; padding:20px 0;}

	
	.about .cont_2 {padding:50px 0;}
	.about .cont_2 .left {width:100%;}
	.about .cont_2 .right {position:relative; top:auto; right:auto; transform:translate(0); width:100%; text-align:center; padding-left:0;}
	.about .cont_2 .right img {max-width:90%; margin:0 auto;}


	
	.about .cont_3 .box .left {width:100%; padding-right:0;}
	.about .cont_3 .box .right {width:100%; padding-left:0; margin-top:30px;}


	.about .cont_5 .box h4 span {display:block; margin-left:0;}
	.about .cont_5 .box ul li {width:100%; margin:30px 0 0;}
	.about .cont_5 .box ul li:nth-child(1) {margin-top:0;}
	.about .cont_5 .box ul li:after {transform:rotate(90deg); top:auto; bottom:-20px; right:50%; margin-right:-10px;}
	
	.about .cont_5 .box ul li:nth-child(2n):after {display:block;}
	.about .cont_5 .box ul li:last-child:after {display:none;}




	.product_list .box .box_view .left {width:220px; margin:0 auto; padding-right:0; float:none;}
	.product_list .box .box_view .right {width:100%; margin-top:30px; float:none;}

	.product_list .box .box_view.ca_id_50 .left{width:100%;}
	.product_list .box .box_view.ca_id_50 .right{width:100%;}


	.product_pop_title{font-size: 14px;}

	
	.btn_wrap .body:after {display:block; content:''; clear:both;}
	.btn_wrap .body .btn_1 {float:left;}
	.btn_wrap .body .btn_2 {float:left;}


	.table_3 .inp.w40 {width:calc(100% - 10px); margin:10px 5px 0;}

	.table_3 td .mailbox .inp.w35 {width:calc(33.333% - 12px); }
	.table_3 td .mailbox b {width:24px;}
	.table_3 td .mailbox select {width:calc(33.333% - 12px); margin-left:6px;}
		
	/* search */
	.search_form{margin-bottom: 20px;}
	.search_form fieldset{width: auto;padding-right: 40px;}
	.search_form fieldset .sbm{width: 40px;height: 40px;}
	.search_form fieldset .sbm:after{line-height: 40px;font-size: 16px;}
	.search_form fieldset .inp{height: 40px;padding: 0 15px;font-size: 14px;}

	.search_title{margin: 30px 0 15px;font-size: 18px;}

	.search_pc_info{display: none;}
	.search_mo_info{display: block;}

	.item_list1{margin: -10px -5px;}
	.item_list1 > li{margin: 10px 5px;width: calc(50% - 10px);}
	.item_list1 > li > strong{font-size: 14px;}
	.item_list1 > li ul{margin-top: 10px;}
	.item_list1 > li ul li{margin: 4px 0;}
	.item_list1 > li ul li *{font-size: 13px;}

	.notice_txt{margin-bottom: 15px;}
	.notice_txt li{margin: 5px 0;font-size: 13px;}
	.notice_txt li:before{top: 4px;width: 3px;height: 3px;border-radius: 3px;left: 2px;}


}








@media screen and (max-width: 1400px){

#shop_intro {margin: 0 0 30px;}
#shop_intro .banner{margin-bottom: 30px;}
#shop_intro .banner .roll .item img{width: 100%;}
#shop_intro .banner .controls {bottom: 20px; right: 20px;}
#shop_intro .banner .controls {bottom: 25px; right: 25px}
#shop_intro .banner .controls .wrap {padding: 0 12px 0 12px}
#shop_intro .banner .controls .wrap .numb span {font-size: 12px; line-height: 30px}
#shop_intro .banner .controls .wrap .arrow {margin-left: 10px}
#shop_intro .banner .controls .wrap .arrow a {height: 30px; line-height: 30px}

.cate_ico {margin: -6px;margin-bottom: 24px;}
.cate_ico a {margin: 6px;width: calc(100%/4 - 12px); font-size: 13px; line-height: 20px}
.cate_ico a .img {width: 55px; height: 55px;margin-bottom: 5px;}

.ranking_list {padding: 4px 0;}
.ranking_list > li {display: flex;align-items: center;justify-content: space-between;padding: 0 0 0 40px;height: 55px;position: relative;font-size: 17px;}
.ranking_list > li + li {border-top: 1px solid #ddd;}
.ranking_list > li > em {width: 35px;line-height: 55px;font-style: normal;text-align: center;position: absolute;top: 0;left: 0;font-family: 'Open Sans';font-size: inherit;color: #222222;font-weight: 700;}
.ranking_list > li > a {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 70%;font-size: 15px;color: #222;}
.ranking_list > li > span {width: 40px;text-align: center;font-size: inherit;font-size: 24px;color: #222;}
.ranking_list > li > span.colRed,
.ranking_list > li > span.colBlue {font-size: 8px;}
.ranking_list > li.li_1 > em {color: #ff9d03;}
.ranking_list > li.li_2 > em {color: #929292;}
.ranking_list > li.li_3 > em {color: #b48230;}

.expose_wrap {margin-top: 50px;display: block;}
.expose_wrap > dl {margin-top: 50px;width: auto;}
.expose_wrap > dl > dt {margin-bottom: 10px;font-size: 18px;}
.expose_wrap > dl > dd {border: 0;border-radius: 0;padding: 0;}
.expose_wrap .slick-prev {left: -40px;}
.expose_wrap .slick-next {right: -40px;}
.expose_wrap .roll {margin: 0 20px;}
.expose_wrap .item {padding: 0;margin: 0 10px;}
.expose_wrap .item .tmb {width: 100%;padding-bottom: 100%;}
.expose_wrap .item em {top: 10px;left: 10px;width: 30px;height: 30px;line-height: 30px;border-radius: 5px;font-size: 15px;}
.expose_wrap .item .inf {margin-top: 10px;}
.expose_wrap .item .inf > strong {font-size: 16px;line-height: 1.4em;}
.expose_wrap .item .inf > p {margin-top: 5px;font-size: 14px;}
.expose_wrap .item .inf > u {margin-top: 10px;line-height: 2em;}

}