@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;}
#header{width:100%; height:130px; position:absolute; left:0;top:0; z-index:1000; background:#fff;border-bottom: 1px solid #e5e5e5;}
#header:after{content:"";clear:both;display:block;}
#header #top{width: 100%; background: #f4f4f4; border-bottom: 1px solid #e5e5e5; height: 30px;}
#header #top div{width:1100px; margin: 0 auto;}
#header #top .top_left{display: block; float:left;}
#header #top .top_left li{display: block; float:left;line-height: 30px;font-size: 12px; color:#666;}
#header #top .top_left li a{font-size: 12px; color:#666;}
#header #top .top_right{display: block; float:right;border-right: 1px solid #e5e5e5;}
#header #top .top_right li{display: block; float:left;height: 30px; line-height: 30px; border-left: 1px solid #e5e5e5; padding:0 20px;}
#header #top .top_right li a{font-size: 12px; color:#666;}
/*기본세팅*/
#nav{margin:0 auto;width:1100px; z-index:10; height:100px;position:relative;}
#nav> ul{overflow:visible; /*margin-top:15px; */float:right;}
#nav ul:after{content:""; clear:both; display:block;}
#nav .logo{position:absolute; top:34px;}
#nav .depth {display: block;}
#nav .depth li {display: block;}
#nav .depth > li{float:left; width:175px; }
#nav .depth .mm{display: block;margin: 41.5px auto; text-align: center; font-size: 18px; font-weight:normal;color:#555;}
#nav .depth div{display: none;width:700px; position:absolute; z-index:9999; left:400px;top:100px;height: 175px;background:#fff;}
#nav .depth div:after{content:''; display:block;clear:both;}
#nav .depth div.sm01{background:url(/images/nav_company.jpg) no-repeat left center #fff;}
#nav .depth div.sm02{background:url(/images/nav_biz.jpg) no-repeat left center #fff;}
#nav .depth div.sm03{background:url(/images/product_01.jpg) no-repeat left center #fff;}
#nav .depth div.sm03.s{background:url(/images/product_01.jpg) no-repeat left center #fff;}
#nav .depth div.sm03.g{background:url(/images/product_02.jpg) no-repeat left center #fff;}
#nav .depth div.sm03.n{background:url(/images/product_03.jpg) no-repeat left center #fff;}
#nav .depth div.sm03.v{background:url(/images/product_04.jpg) no-repeat left center #fff;}
#nav .depth div.sm03.m{background:url(/images/product_05.jpg) no-repeat left center #fff;}
#nav .depth div.sm04{background:url(/images/nav_cs.jpg) no-repeat left center #fff;}
#nav .depth .sm05{border-right: 1px solid #ddd;}
#nav .depth .subnav{float:right;width:229px;margin-left:15px;}
#nav .depth .subnav li{text-align: center; width:100%; line-height: 35px; height: 35px;}
#nav .depth .subnav li a{color:#666;font-size: 13px; display: block; width:100%; height: 100%;letter-spacing:-0.8px;text-align:left;}
#nav .depth .subnav li a:hover{ color:#1d1d1d;font-weight: bold; }
.bgGnb{display:none;background:#fff; height: 175px; width:100%; border-bottom: 2px solid #ddd; position:absolute;top:131px;left:0;z-index:-1; }
#container{width:100%; margin-top: 130px;}
#container:after{content: ''; clear: both; display: block;}

#footer{width:100%; background: #333; font-size: 12px;overflow:hidden;}
#foot{width:1100px;margin:0 auto;}
#foot p{float:left;color:#aaa;padding:30px 0;line-height:21px;}
#foot p a{color:#aaa; font-weight: bold;}
.kod_link{text-align: right;padding-top:50px;}



/*서브페이지레이아웃*/
.sub_visual{width:100%; height: 350px; background: url(/images/sub_visual.jpg) center center; margin-top: 120px;}
.sub_visual p{text-align: center; color:#fff;}
.sub_visual .sub_visual_ko{/*font-weight: bold;*/ font-size: 45px; padding-top: 60px;}
.sub_visual .sub_visual_en{font-size: 16px; margin-top: 10px;}
#s_cont{width:1100px; margin: 0 auto; padding-bottom: 40px;}
#s_cont:after{content: ''; clear: both; display: block;}
.left_cont{width:220px; float:left;}
.left_cont h2{font-size: 30px; color:#333; height: 100px; line-height: 100px; border-bottom: 2px solid #666;}
.left_cont .snb li{display: block; width:220px;}
.left_cont .snb li a{display: block; width:220px; height: 40px;line-height: 40px; color:#888; text-indent: 10px;}
.left_cont .snb li .snb_active{ color:#666; background: url(/images/snb_on.png) no-repeat 200px center; background-color: #fafafa;}
.left_cont .snb li a:hover{ color:#666; background: url(/images/snb_on.png) no-repeat 200px center; background-color: #fafafa;}
.left_cont .snb li .nitty{border-top:2px solid #444;}
.left_cont .snb li .nitty li a{text-indent:25px;}
.left_cont .snb li .nitty li{border-bottom:1px solid #eee;}
.left_cont .left_tel{width:156px; border:2px solid #eee; padding:20px; margin-top: 30px; background: #fafafa; margin-bottom: 160px;}
.left_cont .left_tel .tel_tit{font-weight: 900; color:#333; font-size: 18px;}
.left_cont .left_tel .tel_txt{font-size: 12px; color:#777; margin-top: 10px; margin-bottom: 30px;}
.left_cont .left_tel .tel_num{font-size: 16px; font-weight: 900; color:#333; letter-spacing: -1px; margin-bottom: 10px;}
.left_cont .left_tel .tel_num span{font-weight: normal; font-size: 12px; color:#666;}

.right_cont{width:850px; float:right;}
.right_cont h3{font-size: 30px;margin-bottom:45px; height: 100px; line-height: 100px; color:#333;border-bottom:1px solid #eee;
			   background:url(/images/sub_right_bg.gif) no-repeat 0 0;}
.right_contbox{margin-top:20px;}
.cont_txt_right{text-align:right;}