@charset "utf-8";

#visual {width:1920px;left:50%;margin-left:-960px;position:relative;}
#tnb {width:100%;}
#content {width:1200px;position:relative;}

/* 팝업 */
.renew_pop{ width:1300px; height:100vh; margin:0 auto; overflow:hidden; }
.renew_pop2{ width:1300px; height:200vh; margin:0 auto; overflow:hidden; }
.repop_con {width:50%; height:100vh; float:left;  }
.repop_con01 { background:url(/images/sub/renew_pop01.jpg) center no-repeat; background-size:100%;  }
.repop_con02 { background:url(/images/sub/renew_pop02.jpg) center no-repeat; background-size:100%; }
.repop_con03 { background:url(/images/sub/renew_pop03.jpg) center no-repeat; background-size:100%;  }
.repop_con04 { background:url(/images/sub/renew_pop04.jpg) center no-repeat; background-size:100%; }
.repop_con05 { background:url(/images/sub/renew_pop05.jpg) center no-repeat; background-size:100%; }
.repop_con06 { background:url(/images/sub/renew_pop06.jpg) center no-repeat; background-size:100%; }
.repop_con07 { background:url(/images/sub/renew_pop07.jpg) center no-repeat; background-size:100%; width:100%; height:100vh float:left; }

.tnb_type01 .title_side {width:100%;height:65px;line-height:65px;font-size:26px;font-weight:500;color:#fff;text-align:center;border-bottom:1px solid #cccccc;background-color:#8ebd2c;}
.tnb_type01 .inner {position:relative;width:1200px;left:50%;margin-left:-600px;}
.tnb_type01 .inner>ul {width:100%;}
.tnb_type01 .inner>ul>li {position:relative;width:50%;float:left;border:1px solid #b6b6b6;border-top:none;border-right:none;box-sizing:border-box;}
.tnb_type01 .inner>ul>li:last-child {border-right:1px solid #b6b6b6;}
.tnb_type01 .inner>ul>li a {display:block;height:54px;line-height:54px;text-align:center;font-size:18px;color:#232728;vertical-align:top;}
.tnb_type01 .inner>ul>li>a:hover, #tnb li>a.on {color:#8ebd2c;}
.tnb_type01 .inner>ul>li>a.on:before, .tnb_type01 .inner>ul>li>a:hover:before {position:absolute;width:100%;height:48px;top:0;left:0;bottom:0;border-bottom:6px solid #8ebd2c;content:" ";cursor:pointer;}

.tnb_type02 .title_side {width:100%;height:65px;line-height:65px;font-size:26px;font-weight:500;color:#fff;text-align:center;border-bottom:1px solid #cccccc;background-color:#8ebd2c;}
.tnb_type02 .inner {position:relative;width:1200px;left:50%;margin-left:-600px;}
.tnb_type02 .inner>ul {width:100%;}
.tnb_type02 .inner>ul>li {position:relative;width:25%;float:left;border:1px solid #b6b6b6;border-top:none;border-right:none;box-sizing:border-box;}
.tnb_type02 .inner>ul>li:last-child {border-right:1px solid #b6b6b6;}
.tnb_type02 .inner>ul>li a {display:block;height:54px;line-height:54px;text-align:center;font-size:18px;color:#232728;vertical-align:top;}
.tnb_type02 .inner>ul>li>a:hover, #tnb li>a.on {color:#8ebd2c;}
.tnb_type02 .inner>ul>li>a.on:before, .tnb_type01 .inner>ul>li>a:hover:before {position:absolute;width:100%;height:48px;top:0;left:0;bottom:0;border-bottom:6px solid #8ebd2c;content:" ";cursor:pointer;}

/* depth */
.path {position:absolute;top:10px;right:5px;}
.path li {display:inline-block;zoom:1;*display:inline;padding:0 10px 0 16px;font-size:0.9em;color:#313131;background:url('/images/misc/arr_depth01.png') 0 5px no-repeat;vertical-align:middle;}
.path li:first-child {background:none;padding-left:0;}
.path li:last-child {padding-right:0;}
.path li>a>img {margin-top:1px;}
.path span {color:#333;font-weight:600;}

.title_cont {margin-top:25px;padding:0 0 2px 10px;font-size:26px;font-weight:600;color:#232728;border-bottom:1px solid #8ebd2c;background:url('/images/misc/bull_tit_con.jpg') 0 center no-repeat;}
#inner_content {padding:70px 0;}
.map {height:465px;}

/* 제품 */
.product_list {}
.product_list li {float:left;width:400px;margin-bottom:54px;}
.product_list li:nth-child(2n) {margin-right:0px;}
.product_list li h2 {position:relative;height:34px;line-height:34px;margin-bottom:27px;padding-left:40px;color:#e55904;font-size:22px;font-weight:600;background:url('/images/misc/bull_product_tit.png') 0 center no-repeat;}
.product_list .btn_detail {position:absolute;width:132px;height:34px; }
.product_list .btn_detail a {display:block;width:100%;height:100%;line-height:34px;text-align:center;color:#2e2e2d;font-size:18px;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ececec+0,b2b2b2+100 */background:#ececec; /* Old browsers */background:-moz-linear-gradient(top, #ececec 0%, #b2b2b2 100%); /* FF3.6-15 */background:-webkit-linear-gradient(top, #ececec 0%,#b2b2b2 100%); /* Chrome10-25,Safari5.1-6 */background:linear-gradient(to bottom, #ececec 0%,#b2b2b2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#b2b2b2',GradientType=0 ); /* IE6-9 */}
.image-link01 { margin-left:235px; margin-top:20px;}
.image-link02 { margin-left:235px; margin-top:20px;}
.image-link03 { margin-left:235px; margin-top:20px;}

/* 작업갤러리 */
.gallery_list {}
.gallery_list li {float:left;width:250px;margin-right:45px;margin-bottom:15px;}
.gallery_list li:nth-child(4n) {margin-right:0px;}
.gallery_list li a {display:block;width:100%;height:100%;}
.gallery_list li a .info {margin-top:10px;}
.gallery_list li p {width:100%;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.gallery_list li .txt01 {color:#232728;}
.gallery_list li .txt02 {color:#9c9c9c;}

/* 사이트맵 */
.sm_wrap {font-size:12px;font-weight:600;color:#222;padding:20px 0 0 20px;}
.sm_wrap>ul {float:left;width:100px;margin:10px 20px 40px;}
.sm_wrap>ul.sm02 {width:430px;}
.sm_wrap>ul.sm02>li {padding-left:10px;}
.sm_wrap>ul.sm03 {width:600px;}
.sm_wrap>ul.sm03>li {padding-left:10px;}
.sm_wrap>ul.sm05 {width:140px;}
.sm_wrap>ul.sm05>li {padding-left:10px;}
.sm_wrap li {margin-bottom:5px;padding-left:20px;background:url('/images/misc/bull_01.jpg') 12px 10px no-repeat;}
.sm_wrap>ul>li.sm_title {font-size:18px;padding-left:10px;padding-bottom:10px;margin-bottom:15px;background:none;border-bottom:2px solid #aaa;}
.sm_wrap>ul li a:hover {padding-bottom:2px;border-bottom:1px solid #8c40a8;}

.sm_wrap>ul ul {float:left;margin-right:25px;}
.sm_wrap>ul ul li {padding-left:10px;background-position:2px 10px;}
.sm_wrap>ul.sm02 ul li {padding-left:20px;padding-right:10px;background-position:10px 9px;}
.sm_wrap>ul.sm03 ul li {padding-left:20px;padding-right:10px;background-position:10px 9px;}
.sm_wrap>ul ul li.sm_title2 {font-size:14px;background:none;text-align:center;border-bottom:2px solid #555;padding:0 20px 5px 20px;margin-bottom:10px;}
.sm_wrap>ul ul li.sm_title3 {background:none;font-size:13px;padding:3px 0;border-bottom:1px solid #777;}

/* sticky foot */
#footer_wrap {}
#footer_wrap.sticky {width:100%;position:fixed;left:0;bottom:0;z-index:9999;}
#container_wrap {padding-bottom:0px;}
#container_wrap.sticky {padding-bottom:100px;}