@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 :'Noto Sans KR',"나눔 고딕","Dotum","돋움",sans-serif; height: 100%; width:100%;}
#header{width:100%; height:120px; background:#fff; position: relative;}
#header:after{content:"";clear:both;display:block;}
/*기본세팅*/
#nav{margin:0 auto;width:1100px; z-index:10; height:120px;}
#nav ul{overflow:visible; /*margin-top:15px; */float:right;}
#nav ul:after{content:""; clear:both; display:block;}
#nav .logo{position:absolute; top:35px;}
#nav .depth {display: block;}
#nav .depth li {display: block;position:relative;}
#nav .depth > li{float:left; width:180px; }
#nav .depth .mm{display: block;height: 120px; line-height: 120px; text-align: center; font-weight: 500; font-size: 17px;}
#nav .depth .subnav{display: none; position:absolute; z-index:9999; left:0;top:120px; height: 230px;padding-top: 20px; border-top: 1px solid #e5e5e5;}
#nav .depth .subnav li{text-align: center; width:180px; 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;font-weight: bold; background: url(/images/nav_bg.png);}
.bgGnb{display:none;background:#fff; height: 190px; width:100%; position:absolute;top:120px;left:0;z-index:-1; border-bottom: 1px solid #e5e5e5;z-index: 999;}
.quick_link{position: absolute; right:20px; height: 120px; line-height: 120px;}
.quick_link li{display: block; float:left;}
.quick_link li a{color:#666; font-size:13px; color:#777; font-weight: 300; padding:0 10px; }




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

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



/*서브 레이아웃*/
#container{width:100%;}
.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:1100px; 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:#f97f93; }
.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 #ed092f; background: url(/images/snb_blt.gif) 200px  center no-repeat;}
/*.snb li .active_top{border-bottom: 1px solid #ed092f;}*/

.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: 26px; font-weight: bold; color: #8ec41d; letter-spacing: -1px;font-family :'Noto Sans KR',"나눔 고딕","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; letter-spacing: -1px;}
.right_side h3 p a{color:#999;}

.right_contents{width:850px;}