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

*{margin:0;padding:0;}
li{list-style:none;}
img{border:0;}
a{text-decoration:none;color:#333;}
html,body{font-family :"Noto Sans KR",sans-serif;}
body{background:#fafafa;}
#header{width:100%; height:129px; position:relative; left:0;top:0; z-index:1000; background:#fff;-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);}
.clear_fix:after{content:'';display:block; clear:both;}
#header:after{content:"";clear:both;display:block;}
.nav_wrap{background:url(/images/nav_bg.gif) no-repeat center center; }
#top{width: 100%; height: 29px; background: #353734;}
#top .top{width: 1100px; height: 29px; margin: 0 auto;}
#top .top p{ display: inline-block; float: right; font-size: 12px; color: #666; line-height: 29px;font-weight:500;}
#top .top p span{color: #6ec0a7;}
/*기본세팅*/
#nav{margin:0 auto;width:1100px; 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: 40px}
#nav .depth {display: block;}
#nav .depth li {display: block;position:relative;}
#nav .depth > li{float:left; width:128px; }
#nav .depth .mm{display: block;padding:39px 0; text-align: center; font-size: 16px; font-weight: 500;letter-spacing:0.05em;color:#353734;}
#nav .depth .subnav{display: none; position:absolute; z-index:9999; left:0;top:100px;padding:15px 0;}
#nav .depth .subnav li{text-align: center; width:128px; line-height: 35px; height: 35px;}
#nav .depth .subnav li a{color:#999;font-size: 14px; display: block; width:100%; height: 100%;}
#nav .depth .subnav li a:hover{ color:#555;font-weight: 400; }
.bgGnb{display:none;background:#fff; height:135px; width:100%;position:absolute;top:128px;left:0;z-index:-1; border-bottom: 3px solid #fdd922;}

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

#footer{width:100%; background: #353734; font-size: 12px; letter-spacing:0.05em;}
#foot{width:1024px; margin: 0 auto; padding:40px 0 30px 0; text-align: center;}
#foot address{font-style: normal; color:#fff;}
#foot address a{font-style: normal; color:#fff;}
.foot_copy p{margin-top:5px; color:#fff;}
.foot_copy a{color:#fdd922; font-weight: bold;}
.kod_link{text-align: right;}
.sns_link {
    position: fixed;
    bottom: 25px;
    right: 25px;
}

/*서브 레이아웃*/
#sub_container{width:1100px; margin:0 auto;padding-bottom: 50px;min-height:500px;}
#sub_container:after{content: ''; clear: both; display: block;}
#sub_container .sub_snb{float:left; width:250px;}
#sub_container .sub_snb h2{background:url(/images/sub_tit_bg.png) no-repeat; width:250px; height: 147px; font-size: 30px; font-weight: 900; color:#353734; text-align: center; line-height: 147px;}

#sub_container .sub_snb h2 span{font-size: 12px; color:#999; font-weight: normal;}
#sub_container .sub_snb .snb_list{display: block; margin: 30px 0;}
#sub_container .sub_snb .snb_list li{display: block; width:250px; height: 47px; margin-bottom:5px;}
#sub_container .sub_snb .snb_list li a{display: block; font-size: 16px; color:#353734; width:100%; height: 47px; line-height: 47px; text-indent: 20px;background:url(/images/sub_mm_off.png);}
#sub_container .sub_snb .snb_list li a:hover{color:#353734;font-weight:bold;background:url(/images/sub_mm_on.png) no-repeat;}
#sub_container .sub_snb .snb_list li .active{background:url(/images/sub_mm_on.png) no-repeat; color:#353734;font-weight:bold;}
#sub_container .sub_snb .snb_list li .active:hover{color:#353734;}
#sub_container .sub_snb .sub_bnr_list li{margin-bottom: 5px;}

#sub_container .sub_contents{float:right; width:800px;}
#sub_container .sub_contents .sub_contents_tit{position:relative;height: 145px; border-bottom: 2px solid #353734; margin-bottom: 30px; background: url(/images/sub_cont_bg.gif) no-repeat;}
#sub_container .sub_contents .sub_contents_tit:after{content:''; display:block;background:url(/images/sub_dog.png) no-repeat center center;width:105px;height:177px; position:absolute;top:20px; right:50%;margin-right:-389px;z-index:5;}
#sub_container .sub_contents .sub_contents_tit p{text-align: right; color:#999; font-size: 12px;}
#sub_container .sub_contents .sub_contents_tit h3,#sub_container .sub_contents .sub_contents_tit h3 .takeit{font-size: 30px; font-weight: 900; color:#353734; line-height: 0.8em;padding-top: 61px;}
#sub_container .sub_contents .sub_contents_tit h3 span{font-size: 12px; color:#999; font-weight: normal; margin-left: 3px;}
#sub_container .sub_contents .sub_contents_write .sub_img_tit{margin-bottom: 25px;}