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

*{margin:0;padding:0;}
body *::selection{background:#ffebcf;color:#fff}
li{list-style:none;}
img{border:0;}
a{text-decoration:none;color:#333;}
html,body{font-family :"Noto Sans KR","나눔 고딕","Dotum","돋움",sans-serif;}
#header{width:100%; height:140px; 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: #304176;  height: 40px;}
#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: 40px; line-height: 40px; padding:0 20px 0 0;font-size: 12px;}
#header #top .top_left li a{font-size: 12px; color:#fef4e6;}
#header #top .top_right{display: block; float:right;}
#header #top .top_right li{display: block; float:left;height: 40px; line-height: 40px; padding:0 20px; background-color: #3c508e; border-left: 1px solid #2f4075; border-right: #2f4075;}
#header #top .top_right li a{font-size: 12px; color:#fef4e6;}
/*기본세팅*/
#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:73px;}
#nav .depth {display: block;}
#nav .depth li {display: block;position:relative;}
#nav .depth li:hover .mm{color:#304176;}
#nav .depth > li{float:left; width:150px; }
#nav .depth .mm{display: block;font-size: 18px; font-weight: 600; color:#333; height: 100px; line-height: 120px; font-family :'Noto Sans KR',"나눔 고딕","Dotum","돋움",sans-serif; text-align: center;}
#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 #304176;-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);}
#nav .depth .sm04{border-right: 1px solid #ddd;}
#nav .depth .subnav li{width:180px; 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%;text-indent: 20px;}
#nav .depth .subnav li a:hover{ color:#333;font-weight: bold; background: #fafafa;}
#container{width:100%; margin-top: 120px;}
#container:after{content: ''; clear: both; display: block;}

#footer{width:100%; background: #fff; font-size: 12px; border-top: 1px solid #ddd;}
#foot{width:1024px; margin: 0 auto; padding:20px 0; text-align: center;}
#foot address{font-style: normal; color:#888;}
.foot_copy p{margin-top: 10px; color:#888;}
.foot_copy a{color:#999; font-weight: bold;}
.kod_link{text-align: right;}



/*서브 레이아웃*/
#container{width:100%;}
#sub_container{width:100%; margin-top: 140px; height: 100%;}
.sub_visual{height: 250px; background:url(/images/sub_visual.jpg);}
.sub_visual_txt{display: block; position: absolute; width: 460px; height: 106px; left: 50%; margin-left: -510px; margin-top: 72px; z-index: 999;}
.sub_visual_txt h4{font-size: 48px; line-height: 1em; color: #304176; font-weight: 500;}
.sub_visual_txt h5{font-size: 48px; line-height: 1em; padding-top: 10px; color: #001d48;  font-weight: 500;}

.sub_move{background:url(/images/sub_move.gif) no-repeat -325px -120px; width:500px; height: 200px; position: absolute;right:0px;}
.sub_contents{width:1024px;padding-bottom: 50px; margin:0 auto;}
.sub_contents:after{display: block; clear:both; content: '';}


.subnav_wrap{width:100%; height:50px; border:1px solid #ececec; margin-bottom:50px;}
.subnav_wrap .sub_nav{width:1024px; height:50px; margin:0px auto;}
.subnav_wrap .sub_nav dl dt{width:200px; line-height:50px; font-size:18px; font-weight:300;border-right:1px solid #ececec;  display:inline-block; text-align:center; width:60px; font-size:12px; font-weight:900;}
.subnav_wrap .sub_nav dl dt.sub_homeIco{border-right:1px solid #ececec; border-left:1px solid #ececec; display:inline-block; background: url(/images/home.png); background-repeat: no-repeat;}
.subnav_wrap .sub_nav dl dd{border-right:1px solid #ececec;width:170px; padding-left:30px; line-height:50px; font-size:18px; font-weight:500; cursor:pointer; display:inline-block; }
.subnav_wrap .sub_nav dl dd.sub_navBig{background: url(/images/subn.png);background-repeat: no-repeat; background-position: 160px center; font-size: 16px; color: #666;}
.subnav_wrap .sub_nav dl dd .snav_scroll{width:203px; z-index:30; position:absolute; margin-left:-34px; margin-top:1px;border-right:1px solid #ececec; border-left:1px solid #ececec; }
.subnav_wrap .sub_nav dl dd .snav_scroll li{width:203px; background:#fff; height:50px; line-height:50px;border-bottom:1px solid #ececec; text-align:center;font-size:14px;}
.subnav_wrap .sub_nav dl dd .snav_scroll li.snav_on{font-weight:500; background:#304176;}
.subnav_wrap .sub_nav dl dd .snav_scroll li.snav_on a{color:#fff;}
.subnav_wrap .sub_nav dl dd .snav_scroll li a{width:100%; height:100%;}