@charset "utf-8";


/* CSS Document */

/* 서브페이지 상단 및 공용 시작 */
.subg{ padding-top: 100px; height: 300px; color: rgba(255,255,255,0.8); font-size: 32px; text-align: center; border-bottom: 1px solid #e4e4e4; background: url(../img/sub/subg.png) no-repeat center center; background-size: cover; box-sizing: border-box; }
.subg p:nth-child(2){ font-size: 26px; }
.subg .line{ display: inline-block; width: 30px; height: 1px; background: rgba(255,255,255,0.7); }

.subconBox{ background: #FFF; padding: 0; box-sizing: border-box; }
.subreporttitle{ text-align: center; padding: 40px 0 70px; font-size: 34px; line-height: 160%; font-weight: 500; }
.subreporttitle span{ display: block; width: 35px; height: 1px; background: #000; margin: 0 auto }

.subcontent .subnav{ z-index: 9999; height: 50px; border-bottom: 1px solid #e6e9ec; border-top: 1px solid #e6e9ec;  line-height: 50px; }
.subcontent .subnav .subnav-in{ /*width: 850px;*/ float: left; height: 50px; font-family: 'Nanum Gothic', sans-serif; }
.subcontent .subnav .sns{ float: right; line-height: 50px; }
.subcontent .subnav .sns .snshidden{ display: none; }
.subcontent .subnav .sns .snshidden span{ padding-left: 5px; }
.subcontent .subnav .sns > div{ float: left; cursor: pointer; }
.subcontent .subnav .sns .printico{ margin-left: 20px; }
.subcontent .subnav .sns .snsico{ margin-left: 10px; }
.subcontent .subnav .subnav-in .subhome{ float: left; width: 55px; text-align: center; border-left: 1px solid #e5e5e5; cursor: pointer; }

.printw{ overflow: hidden; float: right; }
.printw a.addthis_button_url{ display: inline-block; text-align: center; width: 32px; height: 32px; vertical-align: middle; margin-right: 7px; }
.printw a.addthis_button_url:last-child{ margin-right: 0; }
.printw a.btn-b2{ background: url(../img/inc/mm_check.png) no-repeat 0 0; }
.printw a.btn-b2:hover{ background: url(../img/inc/mm_checkon.png) no-repeat 0 0; }
.printw a.btn-b3{ background: url(../img/inc/mm_print.png) no-repeat 0 0; }
.printw a.btn-b3:hover{ background: url(../img/inc/mm_printon.png) no-repeat 0 0; }

.subcontent .navbar-fixed-top{ border-bottom: none !important; }
.subcontent .navbar-fixed-top .subnav-in .subhome{ border-left: 1px solid #5d8b7f !important; }
.navbar-fixed-top{ z-index: 201; position: fixed; top: 0; width: 100%; background: #488877; transition: background-color 200ms linear; color: rgba(255,255,255,1); }
.navbar-fixed-top .lnb_area .lnb_list .lnb_a a{ color : #000; }
.navbar-fixed-top #lnb .active{ border: 0; }
.navbar-fixed-top #lnb > .lnb_area{ background: #488877; border-right: 1px solid #5d8b7f; }
.navbar-fixed-top #lnb > .lnb_area>a{ color: rgba(255,255,255,1); height: 50px; }
.navbar-fixed-top #lnb > .lnb_area > a:after{ border-top: 5px solid #fff; }
.navbar-fixed-top #lnb > .active > a:after{ border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 5px solid #ffffff; border-top: none; }
.navbar-fixed-top #lnb > .lnb_area:first-child > a{ border-left: 1px solid #5d8b7f; height: 50px; }
.navbar-fixed-top #lnb > .active{ border: 1px solid #5d8b7f; margin-top: -1px; padding-top: 0; }
.navbar-fixed-top .util-search{float: right; margin-top: 12px; }
.navbar-fixed-top .mserchico{ display: block; width: 30px; height: 30px; line-height: 30px; background: #FFF; border-radius: 100%; vertical-align: middle; text-align: center; }
.navbar-fixed-top .mserchico:hover{ background: rgba(0,0,0,1); }
.navbar-fixed-top .mserchico img{ width: 60%; position: relative; top: -2px; }
.navbar-fixed-top .printw{ width: 115px; }
.mserchico{ display: none; }

.hiddenover{ overflow: hidden; float: left; margin-right: 8px; display: none; }
.hiddenoverw{ overflow: hidden; float: right; margin-right: 8px; }
.hiddenoverw .btn-b1{ display: block; }
.hiddenover a.addthis_sns_url{ display: inline-block; text-align: center; width: 37px; height: 36px; vertical-align: middle; margin-right: 1px; }
.hiddenover a.btn-sns1{ background: #fff url(../img/inc/mm_sns01.png) no-repeat 0 0; }
.hiddenover a.btn-sns2{ background: #fff url(../img/inc/mm_sns02.png) no-repeat 0 0; }
.hiddenover a.btn-sns3{ background: #fff url(../img/inc/mm_sns03.png) no-repeat 0 0; }
.hiddenover a.btn-sns4{ background: #fff url(../img/inc/mm_sns04.png) no-repeat 0 0; }
.hiddenoverw a.btn-b1{ background: url(../img/inc/mm_url.png) no-repeat 0 0; width: 32px; height: 32px; display: inline-block; text-align: center; vertical-align: middle; }
.hiddenoverw a.btn-b1:hover, .hiddenoverw a.btn-b1.on{ background: url(../img/inc/mm_urlon.png) no-repeat 0 0; width: 32px; height: 32px; }

.basic-table{ border-top: 3px solid #5f3277; }
.basic-table th{ border-right: 1px solid #e5e6e7; border-bottom: 1px solid #e5e6e7; text-align: center; font-size: 14px; font-weight: 500; height: 50px; line-height: 1.5; background: #f7f7f7; }
.basic-table td{ padding: 15px 10px; border-right: 1px solid #e5e6e7; border-bottom: 1px solid #e5e6e7; text-align: center; line-height: 1.5; font-size: 14px; font-weight: 400; color: #595959; background: #ffffff; word-wrap: break-word; word-break: keep-all; }
.basic-table tr td:last-child{ border-right: none; }
.basic-table th:last-child{ border-right: none; }
.basic-table th.tdbr{ border-right: 1px solid #e5e6e7 !important; }
.basic-table td.tdbr{ border-right: 1px solid #e5e6e7 !important; }
.basic-table td span, .basic-table th span{ padding: 0 10px; }
.basic-table .tleft{ text-align: left; line-height: 1.4; }
.basic-table td ul{ margin-left: 30px; }
.basic-table td ul li{ text-align: left; list-style-type: disc; }
.basic-table td strong{ font-size: 16px; font-weight: 500; }
.basic-table td.tleft_h1{ text-align: left; line-height: 1.4; padding-left: 30px; text-indent: -11px; word-wrap: break-word; word-break: keep-all; }
/* 서브페이지 상단 및 공용 끝 */







/* 서브페이지 콘텐츠 시작 */
.contsBox{font-size: 16px; line-height: 180%; }
.contsBox .h1-title{ font-size: 24px; margin-bottom: 25px; }
.contsBox .h1-title span{ display: block; margin-bottom: 10px; width: 25px; height: 1px; background: #505050; }
.contsBox .h1-title em{ font-size: 14px; font-weight: 300; }

.conts-Div{ overflow: hidden; }
.conts-Div .h1-title{ float: left; width: 370px; font-size: 24px; position: relative; margin-bottom: 10px; }
.conts-Div .h1-title span{ display: block; margin-bottom: 10px; width: 25px; height: 1px; background: #505050; }
.conts-Div .conts-des{ width: 730px; float: right; font-size: 16px; color: #323232; line-height: 180%; }
.conts-Div .carbox-title{ font-weight: 500; font-size: 18px; }
.conts-Div .carbox-stitle{font-weight: 500; font-size: 18px;  letter-spacing: 0; }
.conts-Div .carbox-stitle strong{ font-size: 14px; font-weight: 500; }

.h4_box{ padding: 20px; font-size: 14px; letter-spacing: 0; border: 1px solid #eaeaea; border-radius: 3px; background-color: #f9f9f9; word-wrap: break-word; word-break: keep-all; }
.h4_box strong{ font-size: 16px; font-weight: 500; letter-spacing: -1px; }
.h4_box p strong{ font-size: 15px; letter-spacing: 0; color: #2d2d2d; }
.h4_box .h4_in0{ padding-left: 15px; }
.h4_box .h4_in1{ padding-left: 25px; text-indent: -15px; }
.h4_box .h4_in1-1{ padding-left: 16px; text-indent: -17px; }
.h4_box .h4_in1-2{ padding-left: 25px; text-indent: -23px; }
.h4_box .h4_in1-3{ padding-left: 20px; text-indent: -20px; }
.h4_box .h4_in2{ padding-left: 25px; text-indent: -17px; }
.h4_box .h4_in2-1{ padding-left: 25px; text-indent: -20px; }
.h4_box .h4_in3{ padding-left: 35px; text-indent: -15px; }
.h4_box .h4_in3-1{ padding-left: 35px; text-indent: -9px; }
.h4_box .h4_in4{ padding-left: 50px; text-indent: -20px; }
/* 서브페이지 콘텐츠 끝 */

.producbox{overflow:hidden; padding-top:130px;}
.producimg{float:left; width:515px; padding-right:120px; box-sizing:border-box; padding-left:80px}
.producimg .bimg{text-align:center; height:510px;}
.productxt{float:right; width:670px; border-bottom:1px solid #b6b6b6}
.product-bom{}
.product-bomtitle{border-bottom:3px solid rgba(0,0,0,1); font-size:22px; font-weight:600; color:#3e3e3e; margin-bottom:15px; padding-bottom:10px; position:relative; clear:both;}
.prod-btn{position:absolute; right:0; bottom:0}
.prod-btn a{border:1px solid #979797; width:35px; height:30px; display:inline-block; background-repeat:no-repeat; background-position:center center}
.prod-btn a.prevbtn{background-image:url(../img/sub/left_arr.png)}
.prod-btn a.nextbtn{background-image:url(../img/sub/right_arr.png); margin-left:-1px}
.product-bomlist{overflow:hidden; margin-bottom:100px;}
.product-bomlist .product-bow{width:230px; height:360px; margin-right:10px; border:1px solid #e0e0e0; float:left; box-sizing:border-box; position:relative; border-bottom:none}
.product-bomlist .product-bow:last-child{margin-right:0;}
.simg {display:table;}
.simg > div{float:left; margin-right:10px;}
.simg span{display:table-cell; vertical-align:middle; border:1px solid #dfdfdf; width:135px; height:154px; text-align:center; margin-right:6px;}
.product-title{font-size:28px; font-weight:600; padding-bottom:15px; border-bottom:1px solid #353535; margin-bottom:20px; white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis;padding-top: 10px;}
.product-stitle{padding-bottom:40px; font-size:20px; font-weight:500;}
.product-stitle .total{font-size:16px; border:1px solid #3c7b69; width:145px; height:30px; line-height:30px; text-align:center; font-weight:600; display:inline-block; margin-right:15px; }
.product-list{border-bottom:1px solid #b6b6b6; padding-bottom:30px; margin-bottom:30px;} 
.product-list li{color:#505050; margin-bottom:5px; font-weight:500}
.product-slist p{padding-bottom:30px; color:#878787; font-size:14px}
.listbtn{margin-top:35px; margin-bottom:180px;}
.listbtn a{display:block; float:right; height:30px; line-height:30px; width:90px; text-align:center; color:#000; font-weight:500; border:1px solid #666666}
.product-bowimg{display:table; height:260px; width:100%}
.product-bowimg span{display:table-cell; vertical-align:middle;text-align: center;}
.product-bowtxt{height:99px; background:#f7f7f7; padding:10px 10px 0 10px; text-align:center; box-sizing:border-box;  border-bottom:1px solid #e0e0e0;}
.viewlist{padding-top:120px; overflow:hidden; padding-bottom:100px;}
.viewboxw{padding-bottom:30px;}
.viewboxw .veiwbox{width:380px; margin-right:20px; float:left}
.viewboxw .veiwboximg{height:400px; background:#f7f7f7; overflow:hidden; width:100%;}
.veiwbox:nth-child(3n){margin-right:0;}
.veiwboxtxt{padding:20px 0 50px;; text-align:center; font-weight:500; white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}


.subcon{padding-top:120px; text-align:center;}
.toptxt{padding-bottom:30px;     line-height: 200%;}
.toptxt .t1{font-size:28px; color:#545454; font-weight:600;}
.toptxt .t1 span{color:#0f529d}
.toptxt2{color:#5a5a5a; padding-bottom:75px;}
.a5000bg{background:url(../img/sub/a5000bg.png) no-repeat top center; height:460px; color:rgba(255,255,255,1); padding-top:195px; font-size:24px; text-align:center; font-weight:600}
.a4000bg{background:url(../img/sub/a4000bg.png) no-repeat top center; height:460px; color:rgba(255,255,255,1); padding-top:110px;text-align:center; font-weight:600}
.a1000bg{background:url(../img/sub/a1000bg.png) no-repeat top center; height:460px; color:rgba(255,255,255,1); padding-top:195px; font-size:24px; text-align:center; font-weight:600}
.a4000bg ul li{font-size:16px; font-weight:normal; padding-bottom:30px; }
.A4000{padding-top:80px;}
.A4000 .toptxt .t1{font-size:36px;}
.line{height:1px; width:80px; margin:20px auto; background:rgba(255,255,255,1);}
#map{margin: 30px auto 100px; width: auto; height: 480px; border: 1px solid #c0c0c0; }

.a6000top{font-size:70px; color:#606060; font-weight:600}
.a6000top .t1 {width:400px;  margin:0 auto;}
.a6000top .t1 p{position:relative; float:left}
.a6000top .t2{font-size:20px; color:#323232;  font-weight:600; position:absolute; display: block;    width: 100%;    top: 50px;    left: 0;}
.a6000img{padding-top:120px; padding-bottom:100px;}
.a6000list{overflow:hidden; padding-bottom:300px}
.a6000list .alistbox{float:left; width:22%; margin:0 1.5%}
.alistboximg{padding-bottom:20px;}
.alistboxt .boxt1{font-size:16px; font-weight:500;}
.alistboxt .boxt2{font-size:20px; font-weight:600; padding-bottom:20px}
.alistboxt .boxline{width:40px; height:1px; background:rgba(51,51,51,1); margin:0 auto 40px}
.boxt3{color:#4c4c4c; text-align:left}
.a3000top{font-size:28px; color:#4db41b; margin-bottom:40px;}
.a3000top span{font-weight:700;}
.a3000toptxt{padding-bottom:70px;}
.a3000bg{background:url(../img/sub/a3000bg.png) no-repeat top center;  height:720px; margin-bottom:180px;}

@media only all and (max-width: 1200px){
.producimg{width:40%; padding:0}
.productxt{width:60%;}
.product-bomlist .product-bow{width:19%; margin-right:1%;}
.viewboxw .veiwbox{width:32%; margin-right:1%;}
.viewboxw .veiwbox img{width:100%;}
.viewboxw .veiwboximg{height:300px;}

}

@media only all and (max-width: 1024px){

/* 서브페이지 상단 및 공용 시작 */
	.subcontent{ padding-top: 70px; }
	.subcontent .subnav .subnav-in{ width: 100%; }
	.subcontent .subnav .subnav-in .subhome{ display: none; }

	.subreporttitle{ padding: 20px 0 30px; font-size: 24px; }

	.contsBox{ margin: 20px auto 60px; font-size: 14px; }
	.contsBox .h1-title{ font-size: 18px; margin-bottom: 20px; }
	.contsBox .h1-title span{ margin-bottom: 7px; }

	.printw{ float: left; display: none; }

	.basic-table th{ line-height: inherit !important; padding: 5px !important; height: auto !important; font-size: 14px !important; }
	.basic-table tbody th{ font-size: 12px !important; }
	.basic-table td{ padding: 3px !important; height: auto !important; font-size: 12px !important; }
	.basic-table td span, .basic-table th span{ padding: 0; }
	.basic-table td.tleft_h1{ padding-left: 16px !important; text-indent: -9px !important; }
/* 서브페이지 상단 및 공용 끝 */



/* 서브페이지 콘텐츠 시작 */
	.conts-Div .h1-title{ width: 100%; font-size: 18px; }
	.conts-Div .h1-title span{ margin-bottom: 7px; }
	.conts-Div .conts-des{ width: 100%; float: left; font-size: 14px; line-height: 130%; }
	.conts-Div .carbox-title{ font-size: 14px; }
	.conts-Div .carbox-stitle{ font-size: 13px; }
	.conts-Div .carbox-stitle strong{ font-size: 13px; }

	.h4_box{ padding: 10px; font-size: 12px; }
	.h4_box strong{ font-size: 14px; }
	.h4_box p strong{ font-size: 13px; }
	.h4_box .h4_in0{ padding-left: 8px; }
	.h4_box .h4_in1{ padding-left: 23px; text-indent: -12px; }
	.h4_box .h4_in1-1{ padding-left: 17px; text-indent: -15px; }
	.h4_box .h4_in1-2{ padding-left: 25px; text-indent: -20px; }
	.h4_box .h4_in1-3{ padding-left: 20px; text-indent: -17px; }
	.h4_box .h4_in2{ padding-left: 23px; text-indent: -15px; }
	.h4_box .h4_in2-1{ padding-left: 25px; text-indent: -17px; }
	.h4_box .h4_in3{ padding-left: 35px; text-indent: -13px; }
	.h4_box .h4_in3-1{ padding-left: 35px; text-indent: -7px; }
	.h4_box .h4_in4{ padding-left: 50px; text-indent: -17px; }
/* 서브페이지 콘텐츠 끝 */

.product-slist p{line-height:160%;}
.producimg{padding-right:20px; box-sizing:border-box;}
.simg > div{width:48%; margin-right:1%}
.producimg .bimg{height:auto; }
.simg{padding-top:20px;}
.prod-btn{bottom:10px;}
.product-stitle{font-size:15px;}
}

@media only all and (max-width: 640px){
.veiwbox:nth-child(2n){margin-right:0%;}
.veiwbox:nth-child(3n){margin-right:1%;}
.viewboxw .veiwbox{width:49%; margin-right:1%;}
.viewboxw .veiwboximg{height:250px;}
.veiwboxtxt{padding-bottom:20px;}
.viewlist{padding-bottom:10px; padding-top:30px;}

.a6000top{font-size:50px;}
.a6000list .alistbox{width:97%; margin-bottom:40px;}
.a6000list{padding-bottom:50px;}
.a6000top .t1{width:100%;}
.a6000img{padding-bottom:50px;}
.a6000img img{width:270px;}

}

@media only all and (max-width: 520px){
.productxt{width:100%;}
.producimg{width:100%; padding-right:0; padding-bottom:50px;}
.producbox{padding-top:50px;}
.product-bomlist .product-bow{width:49%; margin-bottom:10px;}
.producimg .bimg{padding:0 30px;}
.simg{ margin:0 auto;}
.A1000{padding-top: 20px;}
.toptxt .t1{font-size:20px;}
.toptxt2{padding-bottom:10px;}
.a1000bg{height:240px; padding-top:100px; font-size:20px}
.subcon p{display:inline; }
.subcon{padding-top:0;}
.a6000top .t1 p{float:none;}
.a6000top .t2{top:70px;}
#map{height: 380px;}
.A4000 .toptxt .t1{font-size:24px}
.a3000bg{height:300px; margin-bottom:0px; background-size:cover;}
.a3000top{font-size:24px;}
}


@media only all and (max-width: 420px){
	
.viewboxw .veiwbox{width:100%; padding:0;}
.viewboxw .veiwboximg{height:auto;}
}