@charset "utf-8";

/*LAYOUT*/
html, body{height: 100%; margin: 0; padding:0; border:0;}
#wrap{position: relative; min-height: 100%;}




/*HEADER*/
#header{width:100%; height:130px; position:fixed; left:0;top:0; z-index:1000; background:#2b2b2b;}
#header:after{content:"";clear:both;display:block;}
#header #top{width: 100%; background: #232323; border-bottom: 1px solid #4a4a4a; height: 30px;}
#header #top div{width:1024px; margin: 0 auto;}
#header #top .top_left{display: block; float:left;}
#header #top .top_left li{display: block; float:left;height: 30px; line-height: 30px; padding:0 20px 0 0; color:#0c4da2; font-size: 12px;}
#header #top .top_left li .top_ico{display: block; height: 30px; width:20px; float:left; margin-top: 3px;}

#header #top .top_right{display: block; float:right;}
#header #top .top_right li{display: block; float:left;height: 30px; line-height: 30px; padding:0 10px;}
#header #top .top_right li a{font-size: 12px; color:#888;}
/*기본세팅*/
#nav{margin:0 auto;width:1024px; z-index:10; height:110px;}
#nav ul{overflow:visible; /*margin-top:15px; */float:right;}
#nav ul:after{content:""; clear:both; display:block;}
#nav .logo{position:absolute; top:55px;}
#nav .depth {display: block;}
#nav .depth li {display: block;position:relative;}
#nav .depth li a:hover{ color:#006fac;}
#nav .depth > li{float:left; width:135px;}
#nav .depth .mm{display: block;margin:43px auto; text-align: center; font-size: 16px; font-weight:700;color:#fff;}
.mm03{margin:33px auto !important;}
.mm.active{color:#006fac !important;}
#nav .depth .subnav{display: none; position:absolute; z-index:9999; left:0;top:100px; border-left: 1px solid #666;height: 200px;}
/* #nav .depth .sm04{border-right: 1px solid #ddd;} */
#nav .depth .sm06{border-right: 1px solid #666;}
#nav .depth .subnav li{text-align: center; width:135px; margin-top: 15px;}
#nav .depth .subnav li a{color:#ccc;font-size: 13px; font-weight:300; display: block; width:100%; height: 100%;}
#nav .depth .subnav li a:hover{ color:#fff;font-weight: bold; }
.bgGnb{display:none;background:#000; opacity: 0.9; height: 200px; width:100%; border-bottom: 2px solid #006fac; position:absolute;top:130px;left:0;z-index:-1; }

/*CONTAINER*/
#container{width:100%;}
.main_bg{background:#3f3f3f url(/images/cont_bg.jpg) no-repeat; padding-top: 40px;}




/*FOOTER*/
#footer{width:100%; background:#fafafa; padding:30px 0;}
#footer #foot{width:1024px; margin: 0 auto;overflow:hidden;}
#footer #foot .copy{font-style: normal; color:#666; text-align: center; font-size: 12px; line-height: 1.5em;}
#footer #foot .copy a{color:#666;}
#footer #foot .footLogo{float:right;}
#footer #foot .footLogo img{width:80px; opacity:0.5;}

/*서브페이지레이아웃*/
.subVisual{width:100%; background: url(/images/sub_visual.jpg) no-repeat center; margin: 131px 0 0 0;}

#sub_contents{width:1024px; margin: 0 auto; padding-bottom: 50px;overflow:hidden;min-height:600px;}

.sub_left{float:left; width:230px;}
.sub_left_tit{width:230px; height:138px; line-height:138px;font-size:25px;font-weight:800;background:#006fac; text-align: center;color:#fff; box-sizing: border-box;}
.sub_left_tit2{width:230px; height:138px;padding-top:40px; font-size:25px;font-weight:800;background:#006fac; text-align: center;color:#fff; box-sizing: border-box;}

.sub_left_list ul li{display: block;}
.sub_left_list ul li a{display: block; width:228px; background:#fff; height: 50px; line-height: 50px;color:#666; font-size:14px; text-align: center; 
					   border-bottom: 1px solid #ddd;border-left: 1px solid #ddd;border-right: 1px solid #ddd; font-weight:600;}
.sub_left_list ul li .active{height: 50px; color:#006fac; font-weight:600;background:#f5f5f5;}
.sub_left_list ul li a:hover{background:#f5f5f5; height: 50px; color:#006fac; font-weight:600;}
.left_bnr{padding-top:10px;height:144px;}
.left_tel{width:186px; border:2px solid #eee; padding:20px; margin-top:10px; background: #fafafa;}
.left_tel .tel_tit{font-weight: 900; color:#333; font-size: 18px;}
.left_tel .tel_txt{font-size: 12px; color:#777; margin-top: 10px; margin-bottom: 30px;}
.left_tel .tel_num{font-size: 16px; font-weight: 900; color:#333; letter-spacing: -1px; margin-bottom: 10px;}
.left_tel .tel_num span{font-weight: normal; font-size: 12px; color:#666;}

.sub_right{float:right; width:750px;}
.sub_right .sub_right_tit{height:140px;border-bottom:1px solid #e5e5e5;}
.sub_right_tit_01{font-size: 30px; color:#333; font-weight: bold; padding-top: 38px;}
.sub_right_tit_03{font-size: 14px; color:#666;margin-top:14px;}

.sub_right_contents{margin-top:40px; width:750px;}
.sub_right_contents> img{width: 100%;}