@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
/*공통*/
*{margin:0;padding:0;}
li{list-style:none;}
img{border:0;}
a{text-decoration:none;color:#333;}
html,body{font-family :"Nanum Gothic","나눔 고딕","Dotum","돋움",sans-serif;}
#header{width:100%; height:130px; position:relative; left:0;top:0; z-index:9000; background:#fff;-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);-moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);-ms-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);}}
#header:after{content:"";clear:both;display:block;}
#header #top{width: 100%; background: #f4f4f4;  height: 30px;}
#header #top div{width:1024px; margin: 0 auto;}
#header #top .top_right{display: block; float:right; }
#header #top .top_right li{display: block; float:left;height: 30px; line-height: 30px; padding:0 20px;border-left: 1px solid #e5e5e5;border-right:1px solid #e5e5e5;}
#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:55px;}
#nav .depth {display: block;}
#nav .depth li {display: block;position:relative;}
#nav .depth li:hover .mm{color:#001ca7;}
#nav .depth > li{float:left; width:150px; }
#nav .depth .mm{display: block;font-size: 17px; font-weight:500; color:#555; height: 100px; line-height: 100px; 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 #001ca7;-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 .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%; }
#container:after{content: ''; clear: both; display: block;}

#footer{width:100%; background: #333; font-size: 12px;}
#foot{width:1024px; margin: 0 auto; padding:40px 0; text-align: center;}
#foot address{font-style: normal; color:#aaa;}
#foot address a{font-style: normal; color:#aaa;}
.foot_copy p{margin-top: 10px; color:#aaa;}
.foot_copy a{color:#999; font-weight: bold;}
.kod_link{text-align: right;}

/*서브 레이아웃*/
#container{width:100%;}
#sub_container{width:100%; height: 100%;}
.sub_visual{height: 290px; background: url(/images/sub_visual.gif) center center;}
.sub_contents{width:1024px; margin: -120px auto 0; padding-bottom: 50px; background:url(/images/left_bg.gif) repeat-y;min-height: 600px;}
.sub_contents:after{display: block; clear:both; content: '';}
.left_side{float:left; width:225px; min-height: 100%;  }
.left_side h2{background: url(/images/h2_bg.gif); width:225px; height:95px; color:#fff; text-align: center; font-size: 24px; line-height: 24px; padding-top: 45px;}
.left_side h2 span{font-size: 14px; color:#9fa3b7; }
.snb li{display: block;}
.snb li a{padding:12px 25px; border-bottom: 1px solid #D5D7DA; border-left: 1px solid #D5D7DA;border-right: 1px solid #D5D7DA;display: block; color:#555; font-size: 14px; font-weight: 200; background-color: #f4f5f7; background-image: url(/images/snb_blt_off.gif); background-repeat: no-repeat; background-position:190px  center;font-family: "Nanum Gothic"; }
.snb li a:hover{color:#000; }
.snb li .active{color:#000; font-weight: bold;  background: url(/images/snb_blt.gif) 190px  center no-repeat;}
/*.snb li .active_top{border-bottom: 1px solid #ed092f;}*/

.left_other{width:225px;}
.left_other ul{border:1px solid #D5D7DA; width:223px; background: #fafafa; border-width:0px 1px 1px 1px;}
.left_other ul:after{display: block; clear:both; content: '';}
.left_other ul li{display: block; float:left; width:74px;  padding:12px 0;}
.left_other ul li a{width:100%; color:#666; font-size: 11px; text-align: center; display: block; padding-top: 40px; font-family: 'Dotum'; color:#999;}
.left_ico_01{background: url(/images/table_ico_04.gif) no-repeat center 0;}
.left_ico_02{background: url(/images/table_ico_02.gif) no-repeat center 0; border-right:1px solid #eee; border-left: 1px solid #eee;}
.left_ico_03{background: url(/images/table_ico_03.gif) no-repeat center 0;}

.snb_tel{padding:20px 25px; border: 1px solid #D5D7DA;border-width:0px 1px 1px 1px; width:173px; }
.sub_tel_tit{font-size: 12px; font-weight: bold;}
.sub_tel{font-size: 24px; color: #000; font-family :'Tahoma';}
.sub_tel_txt{color:#999; font-size: 11px; line-height: 1.6em; padding-top: 10px; border-top: 1px solid #eee; margin-top: 10px;}
.sub_tel_txt span{font-size: 12px; font-weight: bold;color:#000;}
.sub_tel_txt a{color:#999; font-size: 12px; line-height: 1.6em;font-family: 'Dotum';display:inline-block;}

.right_side{float: right; width: 770px;}
.right_side h3{font-size: 30px; line-height: 1.3em; border-bottom: 1px solid #D5D7DA; padding:13px 0; margin-bottom: 30px;}
.right_side h3 span{font-weight: 200; font-size: 14px; color:#666;}
.right_side h3 p{font-size: 11px; font-family:'Dotum';color:#999;font-weight: 200; letter-spacing: -1px;}
.right_side h3 p a{color:#999;}
.right_contents{width:770px;}

.s_tab_cont:after{display: block; clear:both; content: '';}


.right_snb:after{display: block; clear:both; content: '';}
.right_snb li{display: block; float:left; margin-right: 4px; padding:8px 20px; position: relative; background: #f9f9f9; border: 1px solid #ddd;}
.right_snb li a{display: block; color:#666; font-size: 14px;}
.r_snb_li_active{background: #333c5b !important; border: 1px solid #222 !important; }
.r_snb_li_active a{color:#fff !important; font-weight: bold;}
.right_snb li .r_snb_active{position: absolute; left:50%;bottom:-9px; background: url(/images/r_snb_active.gif); width:11px; height: 6px;}