/*mobile 탑메뉴*/
	/* 공통 */

@media all and (max-width:1199px) {
.ver_pc{display:none !important;}
.ver_mobile {display:block !important;}


.conSearch{padding:30px 0; border-bottom:0;}
.conSearch form{max-width:80%; position:relative; margin: 0 auto;}
.conSearch input{border:none; background:none; border-bottom:2px solid #ff209e; line-height:24px; font-size:0.85em; width:100%; padding:0.750em 0; }
.conSearch button{border:none; background:none; position:absolute; right:0;}
.conSearch button:before{content:'\f002'; font-family:'FontAwesome'; color:#ff209e; font-size:20px;}

 #header{/*background:#212020;*/position:fixed;z-index:99;width:100%;height:50px; min-width:320px;}
  #header .bg{position:absolute;left:0;top:0;width:100%;height:100%;background:url('../images/common/trans_bg.png');opacity:0;transition:.5s}
  #header .lnb_btn{position:absolute;z-index:2;right:3%;top:10px;cursor:pointer;width:50px;height:50px;}
   #header .lnb_btn a{display:block; position:relative; width:100%; height:100%;}
  #header .lnb_btn span {
  /* line in the center */
  position: absolute;
  top: 50%;
  right: 0px;
  -webkit-transition: background 0.3s 0.3s;
  -moz-transition: background 0.3s 0.3s;
  transition: background 0.3s 0.3s;
}
#header .lnb_btn span::before, #header .lnb_btn span::after {
  /* other 2 lines */
  content: '';
  right: 0;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-transition: -webkit-transform 0.3s 0.3s;
  -moz-transition: -moz-transform 0.3s 0.3s;
  transition: transform 0.3s 0.3s;
}
#header .lnb_btn span::before {
  /* menu icon top line */
  top: -8px;
  width:30px;
}
#header .lnb_btn span::after {
  /* menu icon bottom line */
  top: 8px;
  width:30px;
}
#header .lnb_btn  span, #header .lnb_btn  span::before, #header .lnb_btn span::after
{
  /* hide line in the center */
  background:#323232;
  width:100%;
  height:3px;
  position:absolute;
  display:block;
}
body.lnb_on #header .lnb_btn span::before {
  -webkit-transform: translateX(4px) translateY(-15px) rotate(45deg);
  -moz-transform: translateX(4px) translateY(-15px) rotate(45deg);
  -ms-transform: translateX(4px) translateY(-15px) rotate(45deg);
  -o-transform: translateX(4px) translateY(-15px) rotate(45deg);
  transform: translateX(4px) translateY(-15px) rotate(45deg);
}
body.lnb_on #header .lnb_btn span::after {
  -webkit-transform: translateX(4px) translateY(3px) rotate(-45deg);
  -moz-transform: translateX(4px) translateY(3px) rotate(-45deg);
  -ms-transform: translateX(4px) translateY(3px) rotate(-45deg);
  -o-transform: translateX(4px) translateY(3px) rotate(-45deg);
  transform: translateX(4px) translateY(3px) rotate(-45deg);
}
body.lnb_on  #header .lnb_btn span{background:#ffffff}


  #header .ic_call{position:absolute; z-index:2; left:10px; top:10px; width:30px; height:30px; text-align:center; }
  #header .ic_call img{width:95%;}
	body.lnb_on #header .bg{opacity:1;transition:0.5s}
	body.lnb_on #header .lnb_btn{}
	body.lnb_on{overflow:hidden}

	#hs1{position:relative;z-index:1;}
	#hs1 .con1{display:none}
	#hs1 .con1 b{font-weight:600}
	#hs1 .con2{background:#ffffff; border-bottom:1px solid #dcdcdc}
	#hs1 .con2 h1{/*float:left;*/text-align:center; padding:10px ; margin:0 !important; font-size:22px}
	#hs1 .con2 h1 a img {max-height:50px;}

	
	#d_lnb{position:fixed;left:-100%;width:100%;height:100%;;overflow:auto;background:#f5f5f5;z-index:991}
	body.scroll #d_lnb{top:50px;}
	#d_lnb ul{background:#fff; padding:20px 3% 30px;}
	#d_lnb li{border-bottom:1px solid #ddd}	
	#d_lnb li > a{font-family:'noto';display:block;padding:15px 0px;font-size:1.15em;font-weight:normal;color:#333; text-indent:10px;}
	#d_lnb li.on > a{color:#ed0d69; font-weight:800}
	#d_lnb li .sub{background:#f5f5f5;display:none;padding:10px}
	#d_lnb li.on .sub{display:block}
	#d_lnb li .sub dd{}
	#d_lnb li .sub dd a{display:block;padding:7px 0px;color:#333;font-size:0.95em}
	#d_lnb li .sub dd a:hover{}
	
	#d_lnb .log{padding:30px 15px}
	#d_lnb .log p{font-size:0.95em}
	#d_lnb .log .d1 a{display:block;background:#6e7a8b;border-radius:10px;text-align:center;color:#fff;font-size:0.9em;font-weight:600;padding:13px 0; margin-bottom:7px;}
	#d_lnb .log .d2{padding:10px 5px;line-height:1.3}
	#d_lnb .log .d3 a{display:block; ;color:#333;font-weight:600;padding-left:10px;background:url('../images/common/icon_arrow.png') no-repeat 0 center}
	#d_lnb .mlogin .d1 a:first-child{background:#ed0d69}
	#d_lnb li.lag{display:none;}
	
	/*컨텐츠*/
	.content_wrap { background:#efefef; padding:65px 0 45px 0;}

	#d_lnb li.last,
	#d_lnb li.sitebar{display:none;}

}

@media all and (min-width:1200px) {
	/* 공통 */
.ver_pc{display:block !important;}
.ver_mobile {display:none !important;}
	/*pc 탑메뉴*/


	.d_container{max-width:2000px; width:100%;margin:0 auto; background:#ffffff}

	body.pc{width:100%; margin: 0 auto;}
	body.scroll #header .bg{opacity:1;transition:.5s}

	#header{background:#ffffff; position:relative;z-index:99;width:100%;}

	#header .bg{position:absolute;left:0;top:0;width:100%;height:100%;background:url('../images/common/trans_bg.png');opacity:0;transition:.5s}
	#header .lnb_btn{display:none}

	#d_lnb{height:44px;}
	#d_lnb li{position:relative;float:left;text-align:center; border-bottom:none; width:24%;}	
	

	#d_lnb li > a{line-height:40px;display:block; line-height:80px; text-indent:0; padding:0; font-size:17px;}
	#d_lnb li > ul > li {color:#333 !important;}
	.dropdown-menu>li>a {color:#333 !important;}
	#d_lnb li > a:hover,
	#d_lnb li.on > a{font-weight:600; color:#ed0d69}
	#d_lnb li.nosub > a{background:none}
	#d_lnb li.on .sub{display:block !important}
	#d_lnb li .sub{position:absolute;width:100%; min-width:220px; background:#fff;;display:none;top:80px;margin-top:-5px; padding:0; opacity:0; border-radius:10px; overflow:hidden; left:50%; margin-left:-110px;}
	#d_lnb li .sub:before{content:''; width:30px; height:3px;background:#ed0d69; left:50%; margin-left:-15px; top:0; z-index:10; position:absolute}
	#d_lnb li .sub dl{padding:0px; text-align:left; }
	#d_lnb li .sub dd{/*border-top:1px solid #ddd*/}
	#d_lnb li .sub dd:first-child{border-top:none}
	#d_lnb li .sub dd a{display:block;padding:12px 20px;color:#333;  line-height:20px; font-size:14px;}
	#d_lnb li .sub dd a:hover{background:#ed0d69; color:#ffffff}

	#d_lnb li.last{width:23%; font-size:0px;}
	#d_lnb li.last a{display:inline-block; vertical-align:middle; font-size:13px; padding-left:35px; position:relative; background-size:20px !important;}
	#d_lnb li.last a.ic_login{background:url(../img/ic_gnb01.png) no-repeat left center;}
	#d_lnb li.last a.ic_member{background:url(../img/ic_gnb02.png) no-repeat left center;}
	#d_lnb li.last a:last-child{margin-left:20px;}
	/*#d_lnb li.last a:last-child:before{display:block; content:''; height:10px; width:1px; background:#dcdcdc; position:absolute; left:0;bottom:0; top:0; margin:auto}*/
	#d_lnb li.last:hover{color:inherit; font-weight:normal}
	#d_lnb li.last:hover a{color:inherit; font-weight:normal}
	#d_lnb li.sitebar{width:5%;}
	#d_lnb li.sitebar a{padding:0; padding-top:25px; line-height:100%; }
	#d_lnb li.sitebar a img{width:30px;}

	#d_lnb .log{display:none}

	#d_lnb li > a:hover{text-decoration:none; color:#e71c5b}
	#d_lnb li.login_btn{background:#454545; margin-left:15px !important; margin-right:20px !important}
	#d_lnb li.login_btn a{color:#ffffff; line-height:50px;  font-family:'noto';  font-size:0.9em; font-weight:600}
	#d_lnb li.login_btn a:before{content:'\f2bd'; font-family:'FontAwesome'; color:#ffffff; font-size:16px; margin-right:10px;}


	body.scroll #d_lnb li.lag{display:none;}
	#d_lnb li.lag {display:block; background:#212020; border:1px solid #a5957f; box-sizing:border-box; position:absolute; top:-85px; right:20px;}
	#d_lnb li.lag a{padding:0 20px 0px 40px; line-height:30px; background:url("../images/common/ic_lang.png") no-repeat 15px center}
	#d_lnb li.lag a{color:#a5957f; letter-spacing:2px;}
	body.scroll #hs1{position:relative; border-bottom:1px solid #dcdcdc}
	body.scroll #hs1 .con1{display:none}
	#hs1 .con1{display:block;font-size:0.9em;font-weight:normal; background:#f0f0f0; padding:10px 0px; overflow:hidden;}
	#hs1 .con1 p {margin-bottom:0; float:left;}
	#hs1 .con1 p span{ letter-spacing:1px;}
	body.scroll #hs1 .con1 p {display:none !important;}
	#hs1 .con1 .gnb{overflow:hidden; float:right;}
	#hs1 .con1 .gnb li{float:left; margin-left:15px; padding-left:15px; position:relative;}
	#hs1 .con1 .gnb li:before{content:''; background:#c8c8c8; position:absolute; width:1px; height:12px; top:0; bottom:0; left:0; margin:auto;}


	#hs1 .con2{position:relative; max-width:1200px; margin:0 auto; border-bottom:0;}
	
	#hs1 .con2 h1{float:none;text-align:left; padding:15px 0px 15px 20px; float:left; width:20%;}
	#hs1 .con2 h1 a img{width:140px;}
	#hs1 .con2 #d_lnb{position:relative; left:0 !important; top:7px; background:none; height:140px; width:auto !important; overflow:visible; text-align:center;}
	#hs1 .con2 #d_lnb ul{width:80%; display:block; float:left;; background:none; /*padding-right:150px*/; padding:0}
	#hs1 .con2 #d_lnb ul li.fl{float:right; margin:10px 0px; padding:0;}
	.conSearch input{min-width:200px;}
	.conSearch form{max-width:100%;}
	#lag_down {right: 0 !important; left:auto; width:125px !important; overflow:hidden; border-radius:0px; min-width:auto; background:#323232; border:1px solid #a5957f; padding:0px; margin:0px;}
	#lag_down .lag_box a{background:none !important; }
	#lag_down .lag_box a:hover{text-decoration:none;}

	.ic_phone{background:url(../images/common/ic_phone.png) no-repeat left center; padding-left:20px;}
	.ic_mail{background:url(../images/common/ic_mail.png) no-repeat left center; padding-left:25px; margin-left:20px;}

	.d_clear{clear:both}

}