@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/*LAYOUT*/
html, body{height: 100%; margin: 0; padding:0; border:0;}
#wrap{position: relative; min-height: 100%;}
#wrap:after{content: ""; height: 110px; display: block;}
/*height에 푸터 높이값+푸터마진값*/
/*.heightDiv{height: 76px;}*/
/*nav를 포지션으로 띄워줬을때 container 위 빈 div로 nav값만큼*/
#footer{position:absolute; bottom:0;}
body:before,#wrap:before{content:'';float:left;height:100%;margin-top:-999em;} 
/*HEADER*/
#header{width:100%; height:99px; background: #fff;position:fixed; left:0;top:0; z-index:1000;border-bottom:1px solid #ddd;}
#header:after{content:"";clear:both;display:block;}
#header #gnb{margin:0 auto;width:1024px; z-index:10; height:125px;}
#header #gnb ul{overflow:visible; float:right;}
#header #gnb ul:after{content:""; clear:both; display:block;}
#header #gnb .logo{position:absolute; top:30px;}
/*GNB STYLE*/
#header #gnb .gnbList > li{position:relative;float:left;width:100px; height:100px;text-align:center; z-index:999; }
#header #gnb .gnbList .mm{display: block; width:100px; height:100px; line-height:100px; color:#444; font-weight: 700; font-size: 15px;}
#header #gnb .gnbList > li > a:hover,.gnbList > li.on > a{color:#001e76;}
/*SUB GNB*/
#header #gnb .subnav{display:none; position:absolute; z-index:999; left:0;top:100px;border-left: 1px solid #eee;height:200px;}
#header #gnb .subnav li{width:100px; height: 40px; line-height: 40px;}
#header #gnb .subnav li a{color:#666; font-size:14px;text-align:center; font-weight: normal; display: block; width:100%; height:100%;}
#header #gnb .subnav li a:hover{color:#001e76; font-weight: bold;}
.sm05{border-right:1px solid #eee;}
#header .bgGnb{display:none;position:absolute;top:100px;left:0; background:#fff; width:100%;height:200px;z-index:998;border-bottom: 1px solid #eee;}
/*CONTAINER*/
#contianer{width:100%;}
/*FOOTER*/
#footer{width:100%; background:#fafafa; padding:30px 0;}
#footer #foot{width:1024px; margin: 0 auto;}
#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%; height: 231px; background: url(../../images/sub_visual.jpg) no-repeat center; margin-top: 101px;}
#sub_contents{width:1024px; margin: 0 auto; padding-bottom: 50px;}
#sub_contents:after{content: ''; display: block; clear: both;}
.sub_left{float:left; width:230px;}
.sub_left_tit{width:230px; height:140px; background:#001e76; text-align:center;}
.sub_left_tit p{font-size:30px; font-weight:800; color:#fff;height:140px;line-height:140px;}
.sub_left_list ul li{display: block;}
.sub_left_list ul li a{display: block; width:228px; background:#fff; height:60px; line-height:60px;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{background:#f5f5f5; height:60px; color:#001e76; font-weight:600;}
.sub_left_list ul li a:hover{background:#f5f5f5; height:60px; color:#001e76; font-weight:600;}
.left_tel{width:186px; border:2px solid #eee; padding:20px; margin-top: 30px; 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:50px;}
.sub_right_tit_02{font-size: 18px; color:#333; margin-left:20px; padding-top: 15px;}
.sub_right_tit_03{font-size: 14px; color:#666; margin-top:14px;}

.sub_right_contents{margin-top:40px; width:750px;}