.d_clear{clear:both}
/*pc*/
@media all and (min-width:1200px) {
	.d_container{margin:0 auto; max-width:1500px;}
	body.pc{min-width:1200px}
	body.scroll #header{/*-webkit-box-shadow: 0px 0px 30px -5px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 30px -5px rgba(0,0,0,0.3);
box-shadow: 0px 0px 30px -5px rgba(0,0,0,0.3); */}
	body.scroll #header .bg{background:#ffffff;opacity:1;transition:.5s}
	body.scroll #hs1{display:none;}
	#header{position:fixed; top:0; z-index:999;width:100%; max-width:2000px; margin:0 auto;}
	/*#header:after{content:''; display:block; position:absolute; left:0; right:0; bottom:0; width:100%; height:1px; background:#ffffff; opacity:0.3}*/
	#header .bg{position:absolute;left:0;top:0;width:100%;height:100%; transition:0.5s; opacity:0; }
	body.lnb_over #header .bg{border-bottom:1px solid #dcdcdc; opacity:1; background:#ffffff }

	body.lnb_over #header .bg{transition:0.5s}
	#hs1{position:relative; overflow:hidden; display:none}
	body.lnb_over #hs1{background:#2f3438 }
	#hs1 .d_container{position:relative; border:1px solid #dcdcdc; border-color:rgba(255,255,255,0.3); border-width:0 0 0 1px;}

	#d_gnb{overflow:hidden;}
	#d_gnb li{display:block; float:left; font-size:0.9em; font-weight:500; color:#ccc; position:relative;}
	#d_gnb li.d2 span{display:inline-block; margin-right:20px;}
	#d_gnb li.d2 span img{width:18px; margin-right:10px;}
	#d_gnb li.d3{padding-right:20px;}
	#d_gnb li.d4{margin-left:0; padding-left:0; border-left:0;}
	#d_gnb li.d4 a{background:#3ca8ed; padding:10px 20px; color:#ffffff; }
	#d_gnb li.d4 a:before{font-family: 'LA Free'; font-size:11px; display:inline-block; content:"\f2bb"; color:#ffffff; padding-right:10px}
	/*#d_gnb li span:before{font-family:'FontAwesome'; color:#ccc; font-size:18px; content:'\f0ac'; padding-right:10px;}*/
	#d_gnb li a{display:block;height:100%;text-align:center; color:#ccc; font-size:14px; border-right:1px solid #dcdcdc;  border-color:rgba(255,255,255,0.3); }
	#d_gnb li a{position:relative; display:block; padding:13px 25px}
	#d_gnb li:first-child a{padding-left:50px;}
	#d_gnb li.d1:before{font-family: 'LA Free'; font-size:14px; display:inline-block; content:"\f011"; position:absolute; left:20px; top:13px}


	
	#hs2{/*background:#fff;*/ position:relative; width:100%}
	#hs2 h1{float:left; width:12%; max-width:255px;  margin:15px 0 0 20px; position:relative; z-index:2; text-indent:-999999px}
	#hs2 h1 span{position:absolute; right:0; font-size:13px; font-weight:600; line-height:55px}
	#hs2 h1 a {display:block; padding:0; }
	#hs2 h1 a{width:100%; height:57px; background:url(../img/logo.png) no-repeat center left; background-size:100% !important}
	body.scroll #hs2 h1 a,
	body.lnb_over #hs2 h1 a{background:url(../img/logo.png) no-repeat center center !important; background-size:100% !important}
	#hs2 h1 a img {width:100%; max-width:200px; vertical-align:middle}
	#d_lnb_bg{position:absolute;left:0;top:90px; width:100%; background:#ffffff;  height:0;overflow:visible !important; z-index:0;  }
	body.lnb_over #d_lnb_bg{background:#ffffff; border-bottom:1px solid #dcdcdc;}
	#d_lnb_bg .shadow{position:absolute;left:0;width:100%;height:15px;bottom:-15px;display:none}
	#d_lnb_bg > .d_container{overflow:hidden;height:100%}
	#d_lnb_bg .thumb{padding:40px 40px}
	
	/*body.lnb_over #d_lnb_bg{min-height:180px}*/
	body.lnb_over #d_lnb_bg .shadow{display:block}
	body.lnb_over #header{background:#ffffff; }

	
	#d_lnb_btn{display:none}

	#d_lnb{width:calc(88% - 160px); margin-right:100px; margin-left:40px; float:right; }

	#d_lnb li{position:relative;float:left;}	
	#d_lnb ul.d_lnb > li {width:calc(20% - 20px)}
	#d_lnb ul.d_lnb > li.lang {width:100px; }
	#d_lnb ul.d_lnb > li.lang a{font-family:'Pretendard','noto','Dotum','arial',sans-serif; text-indent:0; font-size:13px; font-weight:600;line-height: 20px;display: inline-block;padding: 5px 10px 5px 35px;background: #dbc3b2;color: #ffffff !important;margin-top: 30px;border-radius: 500px; position:relative}
	#d_lnb ul.d_lnb > li.lang a:before{font-family: 'LA Free'; content:'\f0ac'; position:absolute; left:10px; top:5px; color:#ffffff; width:auto; height:auto; background:none}
	#d_lnb ul.d_lnb > li.lang:hover a:before{margin:0}
	#d_lnb ul.d_lnb > li.lang:hover a{color:#ffffff}

	#d_lnb ul.d_lnb > li.d7{float:right; margin-right:70px; font-size:14px; width:150px; text-align:left;}
	#d_lnb ul.d_lnb > li.d7 a.g3{width:auto; display:inline-block; vertical-align:middle; text-align:left; font-size:14px; font-weight:600; letter-spacing:0;  }
	#d_lnb ul.d_lnb > li.d7 a.g3:hover{color:#000000 !important; }
	#d_lnb ul.d_lnb > li.on a.g3:before{margin:0;}
	#d_lnb ul.d_lnb > li.d7 a.g3:before{transition:none; display:inline-block; content:''; width:20px; height:20px; margin-right:10px; vertical-align:middle; background-size:100% !important; background:url("../img/g03.png") no-repeat center center; position:relative; left:auto;}
	#d_lnb ul.d_lnb > li.d7 a:hover:before{transition:none}
	#d_lnb ul.d_lnb > li.d7 a.g3:hover:before{margin-left:0}
	body.scroll #d_lnb ul.d_lnb > li.d7 a.g3:before,
	body.lnb_over #d_lnb ul.d_lnb > li.d7 a.g3:before{background:url("../img/g03_b.png") no-repeat center center}

	#d_lnb li > a:before{content:''; position:absolute; bottom:0; left:50%; width:0; height:2px; background:#a98b7c; transition:all 0.2s cubic-bezier(0.7, 0, 0.3, 1)}
	#d_lnb li:hover > a:before{width:60px; margin-left:-30px;}
	

	#d_lnb li > a{display:block;font-size:18px; font-family:'Marcellus', sans-serif;  line-height:90px; text-indent:10px; text-align:center; padding-left:0px; text-transform:uppercase; }
	body.mainWrap #d_lnb li > a{color:#ffffff}
	body.mainWrap #hs2 h1 a{background:url(../img/logo_w.png) no-repeat center left; }
	body.scroll #d_lnb li > a,
	body.lnb_over #d_lnb li > a{color:#000000}
	#d_lnb li > a i{font-size:0.8em; color:#dbc3b2; top:-20px; position:relative}

	/*
	#d_lnb li > a i{font-size:0.8em; color:#eecdbc; top:-20px; position:relative}
	body.scroll #d_lnb li > a i,
	body.lnb_over #d_lnb li > a i{color:#a98b7c}*/


	


	#d_lnb li > a:hover,
	#d_lnb li.on > a{ transition:.3s; color:#a98b7c !important; position:relative;}
	#d_lnb li.on .sub{}
	#d_lnb li .sub{position:absolute;width:100%; height:0;overflow:hidden;}
    #d_lnb li .sub dl{padding-top:30px}
	#d_lnb li.tail{float:right; width:80px !important; max-width:100%; overflow:hidden; text-align:right; position:absolute; right:0; top:0;}
	#d_lnb li.tail a{display:inline-block; font-size:16px; padding:0 3%; font-weight:normal;  line-height:80px; height:80px; position:relative; vertical-align:middle}
	#d_lnb li.tail a.g1:after{content:''; display:block; position:absolute; right:0; top:0; bottom:0; margin:auto; width:1px; height:15px; background:#e6e6e6;}
	
	#d_lnb li.tail a:before{ display:inline-block; content:''; width:20px; height:20px; margin-right:8px; position:relative; left:auto; vertical-align:middle;  background-size:100% !important; }
	#d_lnb li.tail a.g3{width:auto; float:right; display:inline-block; vertical-align:middle; text-align:left; font-size:16px;  }

	#d_lnb li.tail a.g1:before{background:url("../img/g01.png") no-repeat center center}
	#d_lnb li.tail a.g2:before{background:url("../img/g02.png") no-repeat center center}
	#d_lnb li.tail a.g3:before{display:inline-block; content:''; width:20px; height:20px; vertical-align:middle; background-size:100% !important; background:url("../img/g03.png") no-repeat center center}
	body.scroll #d_lnb li.tail a.g3:before,
	body.lnb_over #d_lnb li.tail a.g3:before{background:url("../img/g03_b.png") no-repeat center center}

	#d_lnb li.tail  a:before{color:inherit; font-weight:normal; margin-left:0; transition:none}
	#d_lnb li.tail:hover a:before{margin-left:0}
	#d_lnb li.tail:hover a{color:inherit}

	#d_lnb li.tail a.lnb_contact{text-align:right; padding-right:15px; margin-right:10px; position:relative; display:inline-block; font-size:13px}
	#d_lnb li.tail a.lnb_contact:after{content:''; position:absolute; width:1px; height:10px; background:#ffffff; top:0; bottom:0; right:0; margin:auto}
	body.scroll #d_lnb li.tail a.lnb_contact:after,
	body.lnb_over #d_lnb li.tail a.lnb_contact:after{background:#dcdcdc}
	#d_lnb li.tail a span{border-bottom:1px solid #36c2f1}

	#d_lnb li .sub dd a{display:block;padding:7px 0;font-size:16px;color:#323232; line-height:25px; ;text-align:center;}
	#d_lnb li .sub dd a:hover{color:#a98b7c; font-weight:500;}
	#d_lnb li .sub dd a[target='_blank']:after {font-family: 'FontAwesome'; font-size:11px; display:inline-block; content:"\f08e"; margin: 0 0 2px 5px; vertical-align: middle;}

	#d_lnb_mask{display:none}

	#d_lnb li.tail span.sitebar{display:block; width:100%; height:90px; background:#303030; padding-top:32px}
	#d_lnb li.tail span.sitebar i{display:inline-block; vertical-align:middle; width:35px; height:2px; background:#ffffff; margin:0 15px 0px 15px; position:relative;}
	#d_lnb li.tail span.sitebar i:before,
	#d_lnb li.tail span.sitebar i:after{content:''; position:absolute; top:-9px; right:0; width:40px; height:2px; background:#ffffff; }
	#d_lnb li.tail span.sitebar i:after{top:auto; bottom:-9px}


	 .top_link{position:absolute; top:90px; right:0; width:80px; height:100vh; max-height:1024px; min-height:900px}
	 .top_link:before{content:''; width:1px; height:100%; top:0; bottom:0; background:#e6e6e6; opacity:0.5; position:absolute; left:0;}
	 .top_link:after{content:''; clear:both; display:block;}
	 .top_link .langbox{overflow:hidden; height:calc(50% - 90px); background:#303030;}
	 .top_link h2,
	 .top_link a.btn_catalog,
	 .top_link ul{float:left; writing-mode:tb-rl; overflow:hidden; line-height:75px; color:#ffffff; letter-spacing:0; text-transform:uppercase; font-size:13px;   padding:25px 0px; width:80px; height:50%; text-align:center; letter-spacing:2px}
	 .top_link ul li{float:left; margin-top:10px; padding-top:10px; position:relative}
	 .top_link ul li:before{content:''; display:block; position:absolute; width:10px; height:1px; top:0; left:0; right:0; margin:auto; background:#ffffff; opacity:0.5}
	 .top_link ul li:first-child{margin-left:0px; padding-left:0px;}	
	 .top_link ul li:first-child:before{display:none}
	
    .top_link ul{padding-top:0;}
	.top_link h2{padding-bottom:0px;}
	.top_link h2:before{font-family: 'FontAwesome'; font-size:11px; display:inline-block; content:"\f0ac"; margin-bottom:5px}

	.top_link a.btn_catalog{height:130px; position:relative;display:block; background:#303030; text-align:center; font-weight:600}
	.top_link a.btn_catalog:last-child{height:180px;  background:#be1e2d;}
	.top_link a.btn_catalog span{position:relative;display:block;}
	/*
	.top_link a.btn_catalog span:before{font-family: 'FontAwesome'; font-size:11px; display:inline-block; content:"\f15c"; margin-bottom:5px;  writing-mode:tb-rl;}*/
	.top_link a.btn_catalog:before{content:''; display:block; position:absolute; z-index:0;  top:0; right:0; left:0; width:100%; height:100%; background:#161616; transform: scaleY(0); transform-origin: top; transition: .1s ease-in;}
	.top_link a.btn_catalog:hover:before{transform:scaleY(1); transition: .3s ease-out;}

	.langbox .lag{display:inline-block; color:#ffffff; position:relative;  min-width:70px; line-height:50px; height:50px; vertical-align:top;  margin-top:20px}
	.langbox .lag li{float:none !important; width:100% !important}

    

	.langbox .dropbtn {background:none; width:100%; text-align:left; border:none; display:inline-block; height:auto; position:relative; color:#ffffff; font-size:13px; font-weight:700; line-height:30px;}
	.langbox .dropbtn:after{font-family:'LA Free'; content:'\f107'; position:absolute; right:10px; color:#ffffff; line-height:30px;}

	body.lnb_over #d_lnb li.langbox .dropbtn,
	body.scroll #d_lnb li.langbox .dropbtn{color:#3b4315}
	body.lnb_over #d_lnb li.langbox .dropbtn:after,
	body.scroll #d_lnb li.langbox .dropbtn:after{color:#3b4315 !Important}


	.langbox .dropmenu {display: none; width:100%; position: absolute;  z-index: 5; border-width:0 1px 1px 1px; margin-top:-1px}
	.langbox .dropmenu a {display:block; color:inherit; font-size:14px !important; line-height:30px !Important; }
	.langbox .dropmenu.show {display:block;}

	.langbox .dropmenu ul{background:#3b4315; }
	.langbox .dropmenu ul li{padding:5px 0px; font-size:0.9em; cursor: pointer; color:#ffffff; text-align:left; line-height:32px;}
	.langbox .dropmenu ul li:hover a{color:#ffffff !important}
	.langbox .dropmenu ul li a:before{display:none}

	body.scroll #d_lnb li.langbox .dropmenu ul li a,
	body.lnb_over #d_lnb li.langbox .dropmenu ul li a{color:#ffffff !important}


}

@media all and (min-width:1640px) {
#d_lnb{margin-right:0}
/*#d_lnb{width:75%; margin-right:0; float:right; }*/
}


/*mobile*/

@media all and (max-width:1199px) {
	
	.ver_mobile{display:block !important;}
	.ver_pc{display:none !important;}
	.top_link{display:none}
	
	#header{position:fixed;z-index:9999;width:100%;height:60px; top:0; /*box-shadow:1px 1px 1px 0 #777*/;/*  border-bottom:1px solid #ffffff; border-bottom-color:rgba(255,255,255,0.3);*/ min-width:320px; max-width:2000px;}
	body.scroll  #header{background:#ffffff}

	#header .bg{position:absolute;left:0;top:0;width:100%;height:100%;opacity:1;transition:.5s}
	#hs2 h1 span{display:none}
	body.mo{}
	body.lnb_on{overflow:hidden}
	body.lnb_on #d_lnb_mask{position:fixed;left:0;top:0;width:100%;height:100%;z-index:990; background:rgba(0,0,0,0.6)}
	
	#hs1{position:absolute; z-index:10000}
	#d_gnb{position:fixed; background:#3f3a39; overflow:hidden; right:-100%;top:0;height:60px;width:100%; max-width:600px; z-index:991;}
	#d_gnb img{max-width:160px;}
	#d_gnb p.lag{display:block; float:left; width:100px; color:#ffffff; font-weight:600; padding-left:30px; line-height:50px; font-size:0.9em}
	#d_gnb ul{ overflow:hidden; float:left; padding-left:20px}

	#d_gnb li{position:relative;   font-size:16px; letter-spacing:0; float:left;  font-weight:600; font-size:0.85em; opacity:0.6; padding-right:20px}

	#d_lnb ul > li.langbox{display:none}

	#d_gnb li a{display:block; color:#ffffff; line-height:50px; margin-top:5px;  position:relative}
	#d_gnb li a{text-indent:0; padding-left:30px; max-width:150px}
	#d_gnb li a:before{position:absolute; left:0; top:0; line-height:50px; text-indent:0; font-family: 'LA Free'; content:'\f15c'; font-size:1.6em }

	#d_gnb li:nth-child(3) a:before{content:'\f0ac';}
	#d_gnb li:nth-child(2) a:before{ font-family: 'Pretendard'; content:'N'; font-size:1.4em; font-weight:800}

	#d_gnb li a.num_info b{font-size:0.8em}
	#d_gnb li a.num_info span{font-size:1.8em; display:block;}
    /*#d_gnb li a:before{content:''; display:inline-block; width:15px; height:15px; background:#ffffff; margin-bottom:3px; margin-right:8px; vertical-align:middle; background:url(../img/ic_map.png) no-repeat center center; background-size:cover !important; }*/



	#d_gnb .close{position:absolute;right:15px;top:10px;width:50px;height:50px;cursor:pointer}
	#d_gnb .close span{display:inline-block; position:absolute; top:55%; right:5px;}
	#d_gnb .close span:before,
	#d_gnb .close span:after{content:''; display:inline-block; width:34px; height:2px; background:#ffffff; position:absolute; right:5px;}
	#d_gnb .close span:after{top:-11px}
	#d_gnb .close span:before {
	  -webkit-transform: translateX(4px) translateY(-5px) rotate(45deg);
	  -moz-transform: translateX(4px) translateY(-5px) rotate(45deg);
	  -ms-transform: translateX(4px) translateY(-5px) rotate(45deg);
	  -o-transform: translateX(4px) translateY(-5px) rotate(45deg);
	  transform: translateX(4px) translateY(-5px) rotate(45deg);
	}
	#d_gnb .close span:after {
	  -webkit-transform: translateX(4px) translateY(6px) rotate(-45deg);
	  -moz-transform: translateX(4px) translateY(6px) rotate(-45deg);
	  -ms-transform: translateX(4px) translateY(6px) rotate(-45deg);
	  -o-transform: translateX(4px) translateY(6px) rotate(-45deg);
	  transform: translateX(4px) translateY(6px) rotate(-45deg);
	}



	#hs2{position:relative;padding:13px 0 13px;  text-align:center; transition:0.5s}	

	#hs2 h1{position:absolute; width:180px; top:0; margin-top:10px; left:5%; display:inline-block; text-indent:-999999px}
	#hs2 h1 a {display:block; width:180px; height:37px; background:url(../img/logo.png) no-repeat center center; background-size:100% !important; text-indent:-999999px; }
	body.lnb_over #hs2 h1 a,
	body.scroll #hs2 h1 a {background-image:url(../img/logo.png)}


	#d_lnb_bg{display:none}
	#d_lnb_btn{position:absolute;right:5%;top:15px;cursor:pointer}
	
	

	#d_lnb{position:fixed;right:-100%;top:60px;width:100%; max-width:600px; height:100%; overflow:auto;background:#ffffff;z-index:991}
	#d_lnb h2{position:relative;text-align:center;color:#333;padding-top:20px;border-bottom:1px solid #c8c8c8}
	#d_lnb h2 .close{position:absolute;right:10px;top:10px;cursor:pointer}
	#d_lnb h2 .close img {max-width:65px;}

	#d_lnb ul{height:100%;overflow:auto; text-align:left; background:#3f3a39;}
	#d_lnb ul > li{position:relative; padding:10px 0px 20px}
	#d_lnb ul > li:after{content:''; display:block; clear:both}
	#d_lnb ul > li:before{content:''; display:block; width:94%; height:1px; background:#ffffff; margin:0 auto; left:0; right:0; top:0; position:absolute; opacity:0.1}
	#d_lnb li > a{ display:block;padding:6px 30px; font-family:'Marcellus', sans-serif;   font-size:16px; letter-spacing:0;  color:#ffffff; position:relative; transition:0.3s; padding-top:20px }
	#d_lnb li > a i{font-size:0.7em; color:#a98b7c; position:absolute; left:30px; top:0;}
	#d_lnb li.tail{position:relative;  left:0px}
	#d_lnb ul > li.lang{display:none}
	/*#d_lnb li.on > a{font-weight:600; font-size:1.5em;}
	/*#d_lnb li.on > a{background:#252525; color:#ffffff;  font-weight:600;  position:relative; border:1px solid #ffffff;  border-width:1px 0px; border-color:rgba(255,255,255,0.3)}
	#d_lnb li.on > a:before{content:''; position:absolute; bottom:0; left:30px;  width:20px; height:2px;  background:#ffffff}

	#d_lnb li.on > a:after{content:''; position:absolute; top:0; bottom:0; right:0px; margin:auto;  margin-right:20px; transition:0.6s; width:6px; height:6px; border-radius:500px; background:#ffffff}*/



	/*#d_lnb li.tail a{color:#baaf9d}*/

	#d_lnb li > a:after{content:''; display:block; opacity:0.9; font-size:0.6em; /*text-transform:uppercase*/; position:absolute; top:35px; font-weight:normal}

	#d_lnb li.tail .num_info{}

	#d_lnb li.tail{padding:10px 3%}
	#d_lnb li.tail:before{display:none}
	#d_lnb li.tail a{display:block; padding:5px 20px; background:#002253; margin:0; font-size:1.1em; text-align:center; border-radius:500px;}
	#d_lnb li.tail a b{font-size:14px; margin-right:10px}
	#d_lnb li.tail a:before{position:relative; width:auto; height:auto; display:inline-block; background:none; font-size:18px !important;}
	#d_lnb li.tail a.ic_blog:before{font-size:20px !important}


	#d_lnb li .sub{display:block !Important; position:relative; margin-left:160px; margin-top:-38px; height:auto !important;}
	/*#d_lnb li .sub:before{content:''; display:block; position:absolute; bottom:0; top:0; left:0px; width:100%; height:100%; background:#252525; transform: scaleX(0); transform-origin: left; transition: 1s ease-in;}
	#d_lnb li.on .sub:before{transform:scaleX(1); transition: 1s ease-out;}*/

	/*#d_lnb li.on .sub{display:block;height:auto !important; padding:10px 0px ;}*/
	#d_lnb li .sub dl{position:relative;}
	#d_lnb li .sub dd a{display:block;padding:8px 5px; font-size:14px;  color:#ffffff; opacity:0.7}
	#d_lnb li .sub dd a:hover{font-weight:500}	
	.icon-bar {display: block; margin-top: 6px; width: 35px;height: 2px; background: #a98b7c;}
	.icon-bar:nth-child(2){width:25px; margin-left:10px}
	body.lnb_over .icon-bar,
	body.scroll .icon-bar {background:#a98b7c}

	#d_lnb li.lag{display:none}

	
}