@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: 100%; display: block;}
#footer{position:relative; bottom:0;}
body:before,#wrap:before{content:'';float:left;height:100%;margin-top:-999em;} 
/*header*/
#header{width:100%; position:fixed; left:0;top:0; z-index:9000; background:#fff; border-bottom: 1px solid #ddd;-webkit-box-shadow: 0px 2px 12px -1px rgba(0,0,0,0.20);-moz-box-shadow: 0px 2px 12px -1px rgba(0,0,0,0.20);
box-shadow: 0px 2px 12px -1px rgba(0,0,0,0.20);}
#header:after{content:"";clear:both;display:block;}
#header #top{width: 100%; background: #090973;  height: 25px;}
#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: 25px; line-height: 25px; padding:0 20px 0 0;font-size: 12px;}
#header #top .top_left li a{font-size: 12px; color:#fff;}
#header #top .top_right{display: block; float:right;}
#header #top .top_right li{display: block; float:left;height: 25px; line-height: 25px; padding:0 20px; background-color: #fff; border-left: 1px solid #ddd; border-right: #ddd; border-bottom:1px solid #ddd}
#header #top .top_right li a{font-size: 12px; color:#666;}
/*기본세팅*/
#nav{margin:0 auto;width:1024px; z-index:10; height:100px;}
#nav ul{overflow:visible; /*margin-top:15px; */float:right;}
#nav ul:after{content:""; clear:both; display:block;}
#nav .logo{position:absolute; top:60.5px;}
#nav .depth {display: block; margin-left:100px}
#nav .depth li {display: block;position:relative;}
#nav .depth li:hover .mm{color:#005aab;}
#nav .depth > li{float:left; width:210px; }
#nav .depth .mm{display: block;font-size:17px; font-weight: 900; line-height: 101px; color:#090973; font-family :'Noto Sans KR',"나눔 고딕","Dotum","돋움",sans-serif; text-align: center;text-shadow: 0 1px 1px #D4C9D1;}
#nav .depth .subnav{display: none; position:absolute; z-index:9999; top:85px; z-index:9999;background: #fff; border-left: 1px solid #dedade;border-right: 1px solid #dedade; border-top: 2px solid #005aab;-webkit-box-shadow: 0px 2px 12px -1px rgba(0,0,0,0.20);-moz-box-shadow: 0px 2px 12px -1px rgba(0,0,0,0.20);
box-shadow: 0px 2px 12px -1px rgba(0,0,0,0.20); text-align:center}
#nav .depth .sm06{border-right: 1px solid #ddd;}
#nav .depth .subnav li{width:210px; line-height: 40px; height: 40px; border-bottom:1px solid #ddd;}
#nav .depth .subnav li a{color:#666;font-size: 14px; display: block; width:100%; height: 100%;}
#nav .depth .subnav li a:hover{ color:#333;font-weight: bold; background: #fafafa;}
#container{width:100%; margin-top: 126px;}
#container:after{content: ''; clear: both; display: block;}

/*CONTAINER*/
#contianer{width:100%;}
/*FOOTER*/
#footer{width:100%; background: #333; padding:40px 0;}
#footer #foot{width:1024px; margin: 0 auto;}
#footer #foot .copy{font-style: normal; color:#888; text-align: center; font-size: 12px; line-height: 1.5em;}
#footer #foot .copy a{color:#888;}
#footer #foot .footLogo{float:right;}
#footer #foot .footLogo img{width:100px; opacity:0.5;}

/*서브페이지레이아웃*/
.subVisual{width:100%; height: 231px; background: url(../../images/sub_visual.jpg) no-repeat center; margin:0 0 30px 0;}
#sub_contents{width:1024px; margin: 30px auto; padding-bottom: 50px;min-height:400px;}
#sub_contents:after{content: ''; display: block; clear: both;}
.sub_left{float:left; width:230px;}
.sub_left_tit{width:230px; height: 140px; background:url(/images/left_tit_bg.jpg); text-align: center;}
.sub_left_tit .sub_left_tit_01{font-size: 30px; font-weight: 900; color:#fff; padding-top: 38px;}
.sub_left_tit .sub_left_tit_02{font-size: 18px; font-weight: 500; color:#cddef3;}
.sub_left_list ul li{display: block;}
.sub_left_list ul li a{display: block; width:228px; background-image: url(/images/li_blt_off.gif); background-repeat: no-repeat; background-position: 194px center; height: 50px; line-height: 50px;color:#666; font-size: 16px; text-align: center; border-bottom: 1px solid #ddd;border-left: 1px solid #ddd;border-right: 1px solid #ddd;}
.sub_left_list ul li .active{background-image: url(/images/li_blt.gif); background-repeat: no-repeat; background-position: 194px center; height: 50px; color:#000; font-weight: 500;}
.sub_left_list ul li a:hover{background-image: url(/images/li_blt.gif); background-repeat: no-repeat; background-position: 194px center; height: 50px; color:#000; font-weight: 500;}

.sub_right{float: right; width:750px;}
.sub_right .sub_right_tit{height:140px; border-top:2px solid #7f7f7f; border-bottom:1px solid #e5e5e5; background: url(/images/sub_tit_bg.gif) no-repeat 500px 40px;}
.sub_right_tit_01{font-size: 30px; color:#333; font-weight: bold; margin-top: 38px; margin-left:20px; }
.sub_right_tit_02{font-size: 18px; color:#333; margin-left:20px; margin-top: 15px;}
.sub_right_tit_03{font-size: 14px; color:#666; margin-left:20px; margin-top: 5px;}

.sub_right_contents{margin-top: 30px; width:750px;}
.sub_right_contents p{font-size:13px; text-indent:30px;line-height:30px; color:#484848 }
.sub_right_contents h4{padding:10px; color:#e44949; font-size:15px}
.sub_right_contents .sub{text-indent:40px; color:#515050}