@charset "utf-8";
/*공통*/

a{text-decoration:none;color:#333;}
html,body{"나눔 고딕","Dotum","돋움",sans-serif; height: 100%; width:100%;}

.top_btn{display: none; width: 60px; height: 60px; position: fixed; top: 60%; right:3%; z-index: 999999;}
#header{width:100%; height:110px; background:#fff; position: fixed; top: 0; z-index: 9999; border-bottom: 4px solid #4a8eff;}
#header:after{content:"";clear:both;display:block;}
/*기본세팅*/
#top{border-bottom: 1px solid #eee; height: 30px; }
#top div{width: 1200px; margin: 0 auto; position: relative;}
#top .quick_link{position: absolute; right:0px; line-height: 30px;}
#top .quick_link li{display: block; float:left;}
#top .quick_link li a{color:#666; font-size:13px; color:#777; font-weight: 300; padding:0 10px; }

#nav{margin:0 auto;width:1200px; z-index:10; height:80px;}
#nav> ul{overflow:visible; float:right; margin-left: 300px;}
#nav ul:after{content:""; clear:both; display:block;}
#nav .logo{position:absolute; top:48px;}
#nav .depth {display: block;}
#nav .depth li {display: block;position:relative;}
#nav .depth > li{float:left; width:150px; }
#nav .depth .mm{display: block;height: 80px; line-height: 80px; text-align: center;  font-size: 18px;}
#nav .depth .subnav{display: none; position:absolute; z-index:9999; left:0;top:60px; height: 230px;padding-top: 20px; border-top: px solid #e5e5e5;}
#nav .depth .subnav li{text-align: center; width:150px; line-height: 35px; height: 35px;}
#nav .depth .subnav li a{color:#666;font-size: 14px; display: block; width:100%; height: 100%;}
/*#nav .depth .subnav li a:hover{ color:#000; background: url(/images/nav_bg.png);}*/
.bgGnb{display:none;background:#fff; height: 190px; width:100%; position:absolute;top:110px;left:0;z-index:-1; border-bottom: 1px solid #e5e5e5;z-index: 999;}




#container{width:100%;}
#container:after{content: ''; clear: both; display: block;}

#footer{width:100%; border-top: 1px solid #e5e5e5;background: #4a8eff; letter-spacing: 0; line-height: 15px;}
#foot{width:1200px; margin: 0 auto; padding:30px 0; text-align: center;}
#foot address{font-style: normal; color:#fff; font-size: 12px;}
.foot_copy p{margin-top: 10px; color:#fff;font-size: 12px;}
.foot_copy a{color:#ccc; font-weight: bold;}
.kod_link{text-align: right;}



/*서브 레이아웃*/
#container{width:100%; margin-top: 114px;}
.sub_visual{padding:60px 0; background: url(/images/sub_visual.jpg) center center;}
.sub_visual p{color:#fff; text-align: center;}
.sub_visual_txt_s{font-size: 14px;}
.sub_visual_txt_l{line-height: 40px; font-size: 30px; font-weight: 600; margin-top: 20px;}
.sub_contents{width:1200px; margin: 0 auto; padding: 25px 0 50px;}
.sub_contents:after{display: block; clear:both; content: '';}
.left_side{float:left; width:225px;}
.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:#eee; font-weight: lighter;}
.snb li{display: block;}
.snb li a{padding:10px 25px; border-bottom: 1px solid #e5e5e5; display: block; color:#666; font-size: 16px; font-weight: 200;}
.snb li a:hover{color:#000; font-weight: 400; }
.snb li .active{color:#000; font-weight: 400; border-bottom: 1px solid #003366; background: url(/images/snb_blt.gif) 200px  center no-repeat;}

.left_other{width:225px; margin-top: 50px;}
.left_other ul{border:1px solid #e5e5e5; width:223px; background: #fafafa;}
.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_01.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 #e5e5e5; margin-top: 10px; width:173px;}
.sub_tel_tit{font-size: 12px; font-weight: bold;}
.sub_tel{font-size: 23px; font-weight: bold; color: #8ec41d; font-family :"나눔 고딕","Dotum","돋움",sans-serif;}
.sub_tel_txt{color:#999; font-size: 11px; line-height: 1.6em; padding-top: 10px; border-top: 1px solid #eee; margin-top: 10px;font-family: 'Dotum';}
.sub_tel_txt span{font-weight: bold; color:#333;}

.right_side{float: right; width: 850px;}
.right_side h3{text-align: center; font-size: 30px; line-height: 1.2em; border-bottom: 1px solid #e5e5e5; 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; }
.right_side h3 p a{color:#999;}

.right_contents{width:850px;}