@charset "utf-8";

body {font-family: 'NanumBarunGothic';}
img {vertical-align:middle;}
.w850 {width:100%; max-width:890px; margin:0 auto; padding:0 20px; box-sizing:border-box;}
.w920 {width:100%; max-width:960px;margin:0 auto; padding:0 20px; box-sizing:border-box;}
.w1200 {width:100%; max-width:1240px;margin:0 auto; padding:0 20px; box-sizing:border-box;}
.w1440 {width:100%; max-width:1440px;margin:0 auto; padding:0 20px; box-sizing:border-box; }
.wid1440 {width:100%; max-width:1440px;margin:0 auto; border: 1px solid #eee; /*padding:0 20px;*/ box-sizing:border-box; }
.w1600 {width:100%; max-width:1600px; margin:0 auto; padding:50px 20px; box-sizing:border-box; }
.color_01 {color:#015bab;}
.color_02 {color:#d59300;}

/*타이틀*/
.tit_wrap {text-align:center;margin:80px 0;}
.tit_wrap .tit_01 {margin-bottom:20px;}
.tit_wrap .tit_02 {color:#666;}
.tit_wrap .tit_01 span {font-size:50px;}

.s-only{ position: absolute; font-size: 0; text-indent: -9999em; line-height: 0; overflow: hidden; }
/*헤더*/
#header {overflow:hidden;background:rgba(0,0,0,.5);position:absolute;z-index:9;width:100%;box-sizing:border-box;padding:0 5%;top:0;}
#header:after{ display:block; content:""; clear:both; }
#header h1{float:left; width:40%; max-width:227px; margin:10px 0 15px;}
#header h1 a{ display:block;}
#header h1 .on_logo {display:none;}
@media all and (max-width:1219px){
	.str{ position:relative; }
	#header #gnb{ position: fixed; z-index: 9999999; top: 0; right: -100%; width: 95%; height: 100%; padding-left: 50px; box-sizing: border-box; -webkit-box-sizing: border-box; max-width: 450px; -webkit-transition: right 0.8s ease-in-out;
	-moz-transition: right 0.8s ease-in-out;
	-ms-transition: right 0.8s ease-in-out;
	-o-transition: right 0.8s ease-in-out;
	transition: right 0.8s ease-in-out; }
	#header #gnb.on{ right: 0; }
	#header #gnb-close{ background-color: #fff; width: 50px; height: 50px; background-image: url(../images/main/icon_gnb_off.png); background-repeat: no-repeat; background-position: 50% 50%; position: absolute; top: 0; left: 0;z-index: 9999999; background-size: 50%; }
	#header .gnb-scroll{ float: right; background: #fff; width: 100%; height: 100%; }
	#header .depth01{ margin-top:10px; }
	#header .depth01 li{ display: block; }
	#header .depth01 a{ display:block; color: #6f6f6f; font-weight: 500; }
	#header .depth01 > li{ width: 40%; }
	#header .depth01 > li .str a{ text-align: center; padding: 10px 5px; position: relative; }
	#header .depth01 > li .tabbt{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; background: none; }
	#header .depth02{ position: absolute; top: 70px; right: 0; height: 100%; background: #f4f4f4; width: 60%; padding: 10px; box-sizing: border-box; -webkit-box-sizing: border-box; display: none; }
	#header .depth01 > li.on .str a{ color: #005593; }
	#header .depth01 > li.on .depth02{ display: block; }
	#header .depth02 > li > a{ padding: 10px; border-bottom: 1px solid #d2d2d2; }
	#header .gnbm_bg{ display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 99999; background: rgba(0,0,0,0.7); }

	#header .bt-gnb{ display: block; width: 30px; height: 30px; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); -webkit-transform:translateY(-50%); background: url(../images/main/icon_gnb.png) no-repeat 50% 50%;}
	#header #gnb .gnb-timg{ padding:15px; background: url(../images/main/gnb_tbg.jpg) no-repeat 50% 50%; background-size: cover; }
	#header #gnb .gnb-timg img{ display:block; height:40px; max-width:227px; margin:0 auto; }

}
@media all and (min-width:1220px){
	#header{ height:90px; -webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out; }
	#header h1 { margin-top:25px;}
	#gnb-close,
	#gnb-op,
	#header #gnb .gnb-timg{display:none;}
	#header #gnb {float:left;margin-left:18%;}
	#header #gnb ul li {float:left;text-align:center;font-size:18px;}
	#header #gnb ul li .tabbt{ display:none; }
	#header #gnb ul li a {color:#fff;display:block;width:220px;padding:35px 0;}
	#header #gnb ul li .depth02 {height:200px;}
	#header #gnb ul li .depth02 li {float:none;font-size:15px;}
	#header #gnb ul li .depth02 li a {font-weight:normal;padding:20px 0;}
	#header #gnb ul li .depth02 li a:hover {color:#d59400;}
	#header #gnb ul li .depth02 .line {width:40%;height:3px;background:#d59400;margin:0 auto;display:none;}
	#header .sub_nav_bg {position:absolute;top:0;width:100%;height:90px;background:#fff;margin-left:-5%;z-index:-1;display:none;}

	#header.on{ height:290px; -webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out; }
	#header.on #gnb ul li a.tit_nav{ color:#015bab; }
	#header.on h1 .on_logo{ display:block; }
	#header.on h1 .off_logo{ display:none; }
	#header.on .sub_nav_bg{ display:block; }
	.depth02:hover .line{ display:block !important; }
}

/*푸터*/
#footer {width:100%; border-top:1px solid #ddd;margin-top:130px;padding:30px 0;overflow:hidden;}
#footer address {overflow:hidden;margin-top:10px;font-style:normal;}
#footer address .footer_logo {width:227px;height:43px;background:url('../images/main/logo_ft.png');margin:5px 30px 0 0; background-size: contain; }
#footer address .txt_01 {font-size:15px;line-height:1.4;color:#111;}
#footer address .txt_01 strong {font-size:14px;}
#footer address .txt_01 span {color:#888;font-size:13px;}
#footer address .txt_01 span a {color:#515151;}
#footer .cs_center {text-align:right;}
#footer .cs_center .txt_01 i {margin-right:5px;font-size:18px;}
#footer .cs_center .txt_02 {font-size:18px;margin:5px 0;font-weight:bold;color:#005bac;}
#footer .cs_center .txt_03 {font-size:28px;color:#525252;}
@media all and (max-width:1219px){
	#footer { text-align:center; }
	#footer address .footer_logo{ margin:0 auto 40px; }
	#footer address .txt_01 strong{ display:block; margin:0 auto 20px; }
	#footer .cs_center{ display:none; }
	#footer address .txt_01 span{ display: block; margin-top:20px; }
}
@media all and (min-width:1220px){
	#footer address {float:left;}
	#footer address .footer_logo {float:left;}
	#footer address .txt_01 {float:left;}
	#footer .cs_center {float:right;}
}

/*상단으로 이동*/
#moveTop {position:fixed;bottom:50px;right:50px;border:1px solid #ddd;width:47px;height:47px;background:url('../images/main/top.png');}

/*메인 타이틀*/
#main .tit_wrap {margin:110px 0 50px;}
#main .tit_wrap .tit_01 {font-size:1.2rem;}

/*슬라이더*/
#main .main_slider_wrap {position:relative;}
#main .main_slider_wrap .slider .slick-arrow {position:fixed;left:-9999px;}
#main .main_slider_wrap .slider .slick-dots {position:absolute;right:50px;top:450px;text-indent:-9999px;}
#main .main_slider_wrap .slider .slick-dots li {width:10px;height:10px;background:#fff;border-radius:50px;margin-bottom:10px;cursor:pointer;}
#main .main_slider_wrap .slider .slick-dots li.slick-active {height:30px;}
#main .main_slider_wrap .slider_txt {position:absolute;top:60%;text-align:center;left:0;color:#fff;text-shadow:2px 2px 8px #525252;transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 100%; padding: 0 20px; box-sizing: border-box; }
#main .main_slider_wrap .slider_txt .txt_01 {font-size:1rem;margin-bottom:10px;}
#main .main_slider_wrap .slider_txt .txt_02 {font-size:0.8rem;line-height:1.6;}
#main .main_slider_wrap .slider_txt .icon {margin-top:10%; max-width:110px; width:30%; margin:10% auto 0; }
#main .slider img{ width:100%; }
/* float */
.clear:after{ display: block; content: ""; clear: both; }
/* 제품검색 */
.trackingNum_wrap{ margin-top:10px; }
.trackingNum_wrap .max-width{ max-width:750px; margin:0 auto; background:#fff; }
.trackingNum_wrap label,
.trackingNum_wrap input,
.trackingNum_wrap button{display:block;float:left;box-sizing:border-box;-webkit-box-sizing:border-box;padding: 20px 10px; height:60px; }
.trackingNum_wrap label{width:30%;border-right: 1px solid #eee; color: #000000; text-shadow:none; }
.trackingNum_wrap input{width:50%;border: none;}
.trackingNum_wrap button{width:20%;background: #4389ef;color: #fff;}

#main .abuot ul {overflow:hidden;}
/*#main .abuot ul li{border:1px solid #ddd; }*/
#main .abuot ul li .img img {min-width:100%;}
/*#main .abuot ul li .txt {margin:40px 25px 40px 25px;}*/
#main .abuot ul li .txt {margin:20px;}
#main .abuot ul li .txt .tit_01 {font-weight:bold;font-size:20px;}
#main .abuot ul li .txt .txt_01 {margin:10px 0 25px;}
#main .abuot ul li .txt a {font-weight:bold;font-size:14px;}
#main .abuot ul li .txt a img {margin:0 5px 2px 0;}
@media all and (max-width:500px){
    #main .main_slider_wrap .slider .slick-dots {display:none!important;}
    #moveTop {bottom: 30px; right: 30px;}
}
@media all and (max-width:969px){
	#main .slider .con_m { display:block !important; }
	#main .slider .con_pc{ display:none !important; }

	/* #main .abuot ul li{ max-width:360px; margin:0 auto 20px;  } */
	#main .abuot ul li.w80per{ max-width:100%; padding:20px; }


}
@media all and (min-width:970px){
	#main .tit_wrap {margin:110px 0;}
	#main .tit_wrap .tit_01 {font-size:50px;}

	#main .slider .con_m { display:none !important; }
	#main .slider .con_pc{ display:block !important; }
	#main .main_slider_wrap .slider_txt .txt_01{ font-size: 50px;margin-bottom:25px;}
	#main .main_slider_wrap .slider_txt .txt_02 {font-size:24px;}
	.trackingNum_wrap{ margin-top:50px; }

	/*#main .abuot ul li{float:left;width:32%; margin-right:2%;}
	#main .abuot ul li:last-child {margin-right:0;}
	*/

	#main .abuot ul li.w80per{float:left; width:77% !important; margin-right:3%; padding:20px;}
	#main .abuot ul li.w20per{padding-top:100px;}
	#main .abuot ul li:last-child {margin-right:0;}

}