@charset "utf-8";

::-moz-selection{background: #333;color: white;}
::selection{background: #333;color: white;}

.blind{display:none;}
.bold{font-weight: bold;}
i{transition:0.5s all;}
/*가장 상단으로 올라가기버튼*/
.top_btn{display: block; width: 60px; height: 60px; position: fixed; bottom: 40%; right:2%; z-index: 999999;}
/*가장 상단으로 올라가기버튼*/

#mobile_info{position: fixed; top: 0; left: 0; min-width: 100%; width:100%; min-height: 100%; height: 100%; z-index: 99999; background: url(/images/bg_mobile_info.png); text-align: center;}
#mobile_info img{width: 60%; margin: 300px auto; }


#header{position:fixed;top:0;left:0;width:100%;height:96px;color:#444;z-index:9999; background: #fff; border-bottom: none; opacity: 1; transform:translateZ(0);}
#header #gnb_wrap{width:100%;background:#333; border-bottom:1px solid #e9e9e9; height:30px;line-height:30px;}
#header #gnb_wrap .gnb{width:1200px;margin:0 auto;overflow:hidden;font-size:11px; color: #999; font-weight: 400;}
#header #gnb_wrap .gnb> a{color: #ccc;}
#header #gnb_wrap .gnb dl{float:right;}
#header #gnb_wrap .gnb dl dd{float:left;margin-left:20px;}
#header #gnb_wrap .gnb dl dd a{font-size:11px;color:#777;}
#header #gnb_wrap .gnb dl dd a:hover{color:#444;}

#header #head{width:1345px;margin:0 auto;}
#header #head .logo{float:left; margin-top: 3px;}
#header #head .logo img{vertical-align:top;}

.toggle_menu{display: none; position: absolute; right:20px; top: 27px; text-align: -99999px;}

#header #head .lnb{float:left; margin-left: 40px;}
#header #head .lnb li{float:left; position: relative;  width: auto; height:45px; line-height:96px; box-sizing:border-box; text-align: center; margin-left: 30px;}
#header #head .lnb li a{display: block; font-size:18px; color: #2d2e38; font-weight: 600; letter-spacing:-1.2px;}

@media screen and (max-width:1300px){
	#header #gnb_wrap{display: none; height: auto; line-height: 25px;}
	#header #gnb_wrap .gnb{width: 100%; padding: 0 10px; box-sizing:border-box;}
	#header #head{width: 100%;}
	#header #head .lnb{margin-left: 10px;}
}
@media screen and (max-width:1200px){
	#header #head .logo img{width: 150px;}
}

@media screen and (max-width:1023px){
	#head .lnb{clear:right; position: absolute; top:80px;  right: -201px; transition: All 0.2s ease;opacity: 0;width:180px; background: rgba(0,0,0,0.8); padding: 10px 20px 20px 20px;}
	.lnb.depth_active{width:180px !important; opacity: 1 !important;right: 0px !important;}
	#head .lnb li{clear:both; margin-left: 0 !important;}
	#head .lnb li > a{color:#aaa !important; font-weight: 600 !important; height:40px; line-height:40px; display: block !important; border-bottom: 1px solid #444; width:180px; font-size: 16px !important;}
	#head .lnb li:hover > a{color:#fff !important;}
	.toggle_menu{display: block;background:url(/images/m_menu_open.gif); width:40px; height: 40px;}
	.toggle_menu.toggle_active{background:url(/images/m_menu_close.gif);}
}



.quick_mm{width:1200px;height:46px;position:absolute;bottom:0;z-index:5;left:50%;margin-left:-600px;border-radius:30px 30px 0 0;overflow:hidden;border:1px solid #fff;border-bottom:0;}
.quick_mm a{color:#fff;display:block;height:46px;line-height:46px}
.quick_mm table{table-layout:fixed;text-align:center;}
.quick_mm table td{border:1px solid #fff;height:46px;border-bottom:0;border-top:0;}
.quick_mm table td a:hover{background:#fff;color:#666;}

.visual{position: relative; overflow: hidden;min-height: 1068px !important;}
.contain{position: relative; overflow: hidden;min-height: 1143px !important;}

#contain01{background: url(/images/img_Ldng_01.jpg) no-repeat; background-position: top center; margin-top: 97px; background-size: auto;}
#contain02{background: url(/images/img_Ldng_02.jpg) no-repeat; background-position: top center; background-size: auto;}
#contain03{background: url(/images/img_Ldng_03.jpg) no-repeat; background-position: top center; background-size: auto;}
#contain04{background: url(/images/img_Ldng_04.jpg) no-repeat; background-position: top center; background-size: auto;}
#contain05{background: url(/images/img_Ldng_05.jpg) no-repeat; background-position: top center; background-size: auto;}
#contain06{height: 2603px; background: url(/images/img_Ldng_06.jpg) no-repeat; background-position: top center; background-size: auto;}
#contain07{height: 3611px; background: url(/images/img_Ldng_07.jpg) no-repeat; background-position: top center; background-size: auto;}

#contain08{height: 2603px; background: url(/images/img_Ldng_10.jpg) no-repeat; background-position: top center; background-size: auto;}

#contain09{height: 3099px; background: url(/images/img_Ldng_08.jpg) no-repeat; background-position: top center; background-size: auto;}

#contain10{height: 1489px; background: url(/images/img_Ldng_11.jpg) no-repeat; background-position: top center; background-size: auto;}

#contain08{height: 2603px; background: url(/images/img_Ldng_10.jpg) no-repeat; background-position: top center; background-size: auto;}
/*#contain09{height: 3223px;background: url(/images/img_Ldng_08.jpg) no-repeat; background-position: top center; background-size: 100%;}
#contain10{height: 7987px;background: url(/images/img_Ldng_09.jpg) no-repeat; background-position: top center; background-size: 100%;}
#contain11{height: 2659px;background: url(/images/img_Ldng_10.jpg) no-repeat; background-position: top center; background-size: 100%;}*/

@media screen and (max-width:1200px){
	.visual{background-size: 144% !important; height: 76.10vw; min-height: auto !important; margin-top: 90px;}
	.contain{background-size: 160% !important; height: 94.5vw; min-height: auto !important; }
	#contain03{height: 91.5vw !important;}
	#contain04{height: 91vw !important;}
	#contain05{height: 91.5vw !important;}
	#contain06{height: 168.5vw !important; background-size: 130% !important;}
	#contain07{height: 275.5vw !important; background-size: 153% !important;}
	#contain08{height: 175.5vw !important; background-size: 135% !important;}
	#contain09{height: 200.5vw !important; background-size: 130% !important;}
	#contain10{height: 100.5vw !important; background-size: 135% !important;}

}

/*2page parallax*/
.bg-holder{width: 100%; height: 300px; background-size: cover; background-position: 50% 50%; color: #fff; background-image: url(/images/bg_guide.jpg);}
/*//2page parallax*/






#footer{ background:#fff; border-top:1px solid #ddd; padding:50px 0 125px 0; font-size:14px; color:#666; letter-spacing: -0.5px;}
#footer #foot{width:1200px;margin:0 auto; padding:50px 0; overflow:hidden; font-size: 12px; line-height: 22px;}
#footer #foot .foot_logo{float:left;padding-right:50px;}
#footer #foot address{font-style: normal;}
#footer #foot a{color: #000;}
#footer #foot h4{font-size: 18px; color: #999; padding-bottom: 35px;}
#footer #foot .info_area{float:left; padding: 0 45px;  border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; margin-left: 260px;}
#footer #foot .kod{float: right; text-align: right;}
#footer #foot .kod_logo{display: block;}
#footer #foot .kod span{font-size: 12px; color:#999;}
#footer #foot .info_area address{font-style:normal;}
#footer #foot .btn_top{float:right;}

@media screen and (max-width:1200px){
	#footer{padding:30px 10px; padding-bottom: 220px !important;}
	#footer #foot{width: 100%;}
	#footer #foot .foot_logo{padding-right: 0;}
	.info_area{display: none;}
	#footer #foot .kod{float: left; text-align: left; margin-top: 20px;}


}