@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Poppins');
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo');
/* CSS Document */


/* 대메뉴별 이미지 */
.subcontent .A0000 {background-image:url('../img/images/subVisual_A0000.jpg');}
.subcontent .B0000 {background-image:url('../img/images/subVisual_B0000.jpg');}
.subcontent .C0000 {background-image:url('../img/images/subVisual_C0000.jpg');}
.subcontent .D0000 {background-image:url('../img/images/subVisual_D0000.jpg');}
.subcontent .E0000 {background-image:url('../img/images/subVisual_E0000.jpg');}
/*
.subcontent .F0000 {background-image:url('../img/images/subVisual_F0000.jpg');}
.subcontent .G0000 {background-image:url('../img/images/subVisual_G0000.jpg');}
*/

.w1170{width:1170px; margin:0 auto; }

.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 }
.subreport ul.tabs{ width:1156px; margin:0 auto; text-align: center; }
.subreport ul.tabs li{ float:left; display:inline-block; margin-left:-1px; padding-left:20px; height:48px; line-height:48px; font-size:15px; text-align:left; background:rgb(255,255,255); border:1px solid #dedee1; cursor:pointer; box-sizing:border-box; }
.subreport ul.tabs li:first-child{border-left:1px solid #cdd5be; }
.subreport ul.tabs li.active{ background:#1a6cbf url(../img/images/gnbarr.png) no-repeat 92% center; color:rgba(255,255,255,1);/* border:#1a6cbf 1px solid*/}
.subreport ul.tabs li:hover{background: #1a6cbf url(../img/images/gnbarr.png) no-repeat 92% center; cursor:pointer; -webkit-transition: background-color 300ms linear; color:#FFF; -ms-transition: background-color 300ms linear; transition: background-color 300ms linear; }
.subreport ul.tabs li a{ display:block; width:100%; height:100%; }
.subreport ul.tabs li:nth-child(1){width:218px; }
.subreport ul.tabs li:nth-child(2){width:270px; }
.subreport ul.tabs li:nth-child(3){width:200px; }
.subreport ul.tabs li:nth-child(4){width:275px; }
.subreport ul.tabs li:nth-child(5){width:190px; }

.new-align{text-align:center;}


.third_tab {margin-bottom: 20px; position:relative;}
.third_tab ul.tabs{ width:1170px; margin:0 auto; text-align: center; }
.third_tab ul.tabs li{ float:left; display:inline-block; margin-left:-1px; height:48px; line-height:48px; font-size:15px; text-align:left; background:rgb(255,255,255); border:1px solid #dedee1; cursor:pointer; box-sizing:border-box; }
.third_tab ul.tabs li:first-child{border-left:1px solid #cdd5be; }
.third_tab ul.tabs li.active{ background:#1a6cbf url(../img/images/gnbarr.png) no-repeat 92% center; color:rgba(255,255,255,1);}
.third_tab ul.tabs li:hover{background: #1a6cbf url(../img/images/gnbarr.png) no-repeat 92% center; cursor:pointer; -webkit-transition: background-color 300ms linear; color:#FFF; -ms-transition: background-color 300ms linear; transition: background-color 300ms linear; }
.third_tab ul.tabs li a{ display:block; width:100%; height:100%; }
.third_tab ul.tabs li {width:20%; text-align:center }

.third_tab ul.tabs li:nth-child(1):nth-last-child(2),
.third_tab ul.tabs li:nth-child(1):nth-last-child(2) ~ li{
	position:relative; left:30%;
}

.third_tab ul.tabs li:nth-child(1):nth-last-child(3),
.third_tab ul.tabs li:nth-child(1):nth-last-child(3) ~ li{
	 position:relative; left:20%;
}

.third_tab ul.tabs li:nth-child(1):nth-last-child(4),
.third_tab ul.tabs li:nth-child(1):nth-last-child(4) ~ li{
	 position:relative; left:10%;
}



.subg{height:400px; background:url(../img/skin/subg.png) no-repeat center center; border-bottom: 1px solid #e4e4e4; background-size:cover; color:rgba(255,255,255,0.7); font-size:32px; text-align:center; padding-top:200px; box-sizing:border-box}
.subg p:nth-child(2){font-size:18px; }
.subg .line{display:inline-block; width:30px; height:1px; background:rgba(255,255,255,0.7); }
.subcontent .subnav{height:50px; border-bottom:1px solid #e6e9ec; box-sizing:border-box ;  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;}
.subcontent .wrap{overflow:visible; }
.subcontent select,.dropdown{	margin-bottom: 30px;	display: inline-block; }
.reservtime .dropdown{	margin-bottom: 0px; }
.reservtime .dropdown .selected, .reservtime .dropdown li{padding:0 12px; height:41px; line-height:41px}
.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/check.png) no-repeat 0 0; }
.printw a.btn-b2:hover{background: url(../img/inc/checkon.png) no-repeat 0 0; }
.printw a.btn-b3{background: url(../img/inc/print.png) no-repeat 0 0; }
.printw a.btn-b3:hover{background:url(../img/inc/printon.png) no-repeat 0 0; }

.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/nsns01.png) no-repeat 0 0; }
.hiddenover a.btn-sns2{background:#fff url(../img/inc/nsns02.png) no-repeat 0 0; }
.hiddenover a.btn-sns3{background:#fff url(../img/inc/nsns03.png) no-repeat 0 0; }
.hiddenover a.btn-sns4{background:#fff url(../img/inc/nsns04.png) no-repeat 0 0; }
.hiddenoverw a.btn-b1{ background: url(../img/inc/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/urlon.png) no-repeat 0 0;  width:32px; height:32px; }

.chargebox{width:1170px; margin:0 auto 20px; padding-top: 100px; height:auto; line-height:50px; box-sizing:border-box; font-size:14px; display: block; clear:both; overflow: hidden; }
.infobox{width:1170px; margin:0 auto; margin-bottom: 30px; height:50px; line-height:50px; border:1px solid #e1e1e1;  padding:0 30px; box-sizing:border-box; font-size:14px; display: block; clear:both; }
.infobox > div{float:left; height:30px; box-sizing:border-box; width:33.3%; text-align:left; }
.infobox > div span:nth-child(1){padding-left:30px; }
.infobox .info1 .t1{background:url(../img/skin/info1.png) no-repeat; }
.infobox .info2 .t1{background:url(../img/skin/info2.png) no-repeat; }
.infobox .info3 .t1{background:url(../img/skin/info3.png) no-repeat; }
.infobox .t1{font-weight:600; color:#515151}
.infobox .t2{ color:#6a6a6a; padding-left:5px; }
.infobox input[type="text"] { margin-left:10px; height:30px;}
.btn_box { width:100%; margin:0 auto 20px; height:50px; line-height:50px; padding:0; text-align:right;}
.btn_box .mod_btn {display: inline-block; border: 1px solid #e1e1e1; width: 125px; text-align: center; margin-left: 25px}
.btn_box .submit_btn {display: inline-block; padding: 0 20px; border: 1px solid #e1e1e1; color:#fff; background:#474e61; height: 50px; line-height:50px; text-align: center; margin-right: 8px}
.btn_box .cancel_btn {display: inline-block; padding: 0 20px; font-size: 16px; border: 1px solid #e1e1e1; text-align: center; }

.commentsbox{width:1170px; margin:0 auto 60px;  border:1px solid #e1e1e1; padding:20px 30px; box-sizing:border-box; font-size:14px; }
.commentsbox-title{background:url(../img/skin/info1.png) no-repeat left center; padding-left:30px; line-height:35px; }
.commentsinput input[type=text]{line-height:1;margin:0;border:1px solid #474e61;-webkit-appearance:none !important;background:#fff;color:#4d4d4d;font-size:12px;text-indent:10px !important; box-sizing:border-box; width:930px; height:45px; line-height:45px; }
.commentsinput input[type='button']{  width: 100px; height: 45px; line-height: 45px; color: #fff; background: #474e61;  font-weight: 500; border: 0; font-size:15px; position:relative; top:-1px; float:right}
.commentsinput input[type='button']:hover{transition: background-color 200ms linear; background:#2c3347;}

.busDiv{overflow:hidden;}
.busw{overflow:hidden; margin-bottom:130px}
.busw .busimg{float:left;}
.busw .bustxt{float:right}
.busw .line{width: 25px;     height: 1px;    display: block;    background: rgba(51,51,51,1); margin-bottom:10px;}
.bustxt-title{font-size:28px;}
.bustxt-title span{font-size:30px; font-weight:600; padding-right:20px}
.bustxt-stitle{margin-bottom:35px;}
.bustxt-list{font-size:20px; line-height:180%}
.busw:last-child  .busimg{float:right;}
.busw:last-child  .bustxt{float:left;}

.planbox{width:1010px; margin:0 auto 120px ; font-size:16px; line-height:180%; }
.planbox .h1-title{font-size:30px; position:relative; margin-bottom:60px; }
.planbox .h1-title span{width:25px; height:1px; display:block; background:#505050; margin-bottom:10px; }
.planbox-title{text-align:center; font-size:30px; margin-bottom:35px;  line-height:140%; }
.planbox-img{ background:url(../img/skin/plan_top.png) no-repeat 50px center; height:260px; width:100%; }
.planbox-img ul{overflow:hidden; padding-left:50px; padding-top:270px; }
.planbox-img ul li{float:left; width:150px; text-align:center; line-height:140%; font-weight:500}
.planbox-img2{padding-left:150px; }
.planboxbg{background:url(../img/skin/plan_bg.png) no-repeat; width:100%; height:437px; background-size:cover; text-align:center; color:rgba(255,255,255,1); padding-top:130px; box-sizing:border-box; margin-bottom:60px }
.planboxbg .line{width:60px; height:1px; background:#fff; display:block; margin:20px auto}
.planboxbg .bt1{font-size:24px; font-weight:600; margin-bottom:20px; }
.planboxbg .bt2{font-size:17px; font-weight:400; width:485px; margin:0 auto}

.nuBox .subreport ul.tabs li{float:none; margin-left:-3px; width:205px; padding-left:60px; }
.nu-view{text-align:center; margin-bottom:75px; }
.nu-view .nu-title{font-size:26px; color:#0f529d; font-weight:600; padding-top:50px; padding-bottom:35px; }
.nu-view .nu-title span{color:#143f70; }
.nu-view .nu-stitle{font-size:16px; color:#5a5a5a; line-height:160%; margin-bottom:25px; }
.home-link a{display:block; width:120px; height:35px; line-height:35px; background:url(../img/skin/homeico.png) no-repeat 80px center; border:1px solid #474e61; padding-left:18px; box-sizing:border-box; margin:0 auto; text-align:left; font-weight:500; font-size:15px}
.home-link a:hover{background:#0f529d url(../img/skin/homeico.png) no-repeat 80px center; color:rgba(255,255,255,1.00);  -webkit-transition: background-color 300ms linear;  -ms-transition: background-color 300ms linear; transition: background-color 300ms linear; border:1px solid #0f529d; }
.nubg{background:url(../img/images/nuye_bg.jpg) no-repeat center center; height:460px; background-size:cover; color:rgba(255,255,255,1); text-align:center; font-size:20px; padding-top:170px; box-sizing:border-box; text-shadow: 0 2px 6px #000; }
.nubg01{background:url(../img/images/nuye_bg01.jpg) no-repeat center center; height:460px; background-size:cover; color:rgba(255,255,255,1); text-align:center; font-size:20px; padding-top:170px; box-sizing:border-box; text-shadow: 0 2px 6px #000; }
.munbg{background:url(../img/skin/munbg.png) no-repeat center center; }
.nubg .line{width:25px; height:1px; background:#fff; display:block; margin:20px auto}
.nu-list{overflow:hidden; width:1160px; margin:65px auto 0; }
.nu-boxw{overflow:hidden; }
.nu-boxw .nu-box{border-bottom:1px solid #c9c9c9; float:left; margin-bottom:80px; width:540px; margin-right:65px; padding-left:120px; box-sizing:border-box}
.nu-boxw .nu-box:nth-child(2){margin-right:0; }
.nu-boxw .nu01{ background:url(../img/skin/ico1.png) no-repeat left top; }
.nu-boxw .nu02{ background:url(../img/skin/ico2.png) no-repeat left top; }
.nu-boxw .nu03{ background:url(../img/skin/ico3.png) no-repeat left top; }
.nu-boxw .nu04{ background:url(../img/skin/ico4.png) no-repeat left top; }
.nu-boxw .nu05{ background:url(../img/skin/ico5.png) no-repeat left top; }
.nu-boxw .nu06{background:url(../img/skin/ico6.png) no-repeat left top; }
.nu-boxw .nu07{ background:url(../img/skin/ico7.png) no-repeat left top; }
.nu-boxw .nu08{background:url(../img/skin/ico8.png) no-repeat left top; }
.nu-boxw .nu09{ background:url(../img/skin/ico9.png) no-repeat left top; }
.nu-boxw .nu10{ background:url(../img/skin/ico10.png) no-repeat left top; }
.h230{height:230px; }
.h275{height:275px; }
.h340{height:340px; }
.h300{height:300px; }
.h200{height:200px; }
.h170{height:170px; }
.h130{height:130px; }

/*지도로보기*/
.sin{ overflow: hidden; padding:50px 0; border-bottom: 1px solid #e6e6e6;}
.sin:last-child{padding-bottom:150px;}
.sin .sin-top{ margin-bottom:50px}
.sin .sin-top .sin-top-title{float:left; width:370px; font-size:26px; color:#3a3a3a; font-weight:600; position: relative;}
.sin .sin-top .sin-top-title span{width:25px; height:1px; display:block; background:#12508a;     top: -1px;     position: absolute;}
.sin .sin-top .sin-top-stitle{float:right; width:780px; font-size:16px; color:#4d4d4d; line-height:160%; letter-spacing:0}
.sin .sin-top .sin-top-stitle .sin-down a{position:absolute; right:0; top:10px; width:136px; height:33px; line-height:33px; border:1px solid #a2a2a2; background:url(../img/skin/subde_down.png) no-repeat 80% center; display:block; padding-left:25px; box-sizing:border-box;font-size:16px;}
.sin .sin-top .sin-top-stitle .sin-down a:hover{background:#0088ce url(../img/skin/subde_down_w.png) no-repeat 80% center;  -webkit-transition: background-color 300ms linear; -ms-transition: background-color 300ms linear; transition: background-color 300ms linear; color:rgba(255,255,255,1); border:1px solid #0088ce}
.sin .sin-top .sin-top-stitle .sin-t{overflow:hidden;    font-size: 20px; color:rgba(0,0,0,1); font-weight:500 }
.sin .sin-top .sin-top-stitle .sin-t p{margin-bottom:10px;}
.sin .sin-top .sin-top-stitle .sin-st{font-size:22px; float:left; color:#1e1e1e; width:130px; font-weight:600}
.sin .sin-top .sin-top-stitle .sin-list{float:left; line-height:180%; font-size:17px;}
.sin .sin-top .sin-top-stitle .sin-dw{position:relative; border-bottom:1px solid #e0e0e0; color:#3a3a3a; font-size:18px; height:50px; line-height:50px; padding-bottom:0; margin-bottom:0 }
.map{padding:0 0 50px 0; border-bottom: 1px solid #e6e6e6;}
.map iframe{height:450px;}
.sin-t-m1{ font-size: 20px; color:rgba(0,0,0,1); font-weight:500; padding-bottom:20px; }
.sin-t-m2{ padding-bottom:30px; }

/*회사소개*/
.comp-title{text-align:center; font-size:45px; font-weight:600; letter-spacing:-3px; padding-bottom:20px}
.comp-stitle{text-align:center; padding-bottom:80px; font-size:20px;}
.comp-img{padding-bottom:50px;}
.companyDiv .basic-table{width:950px; margin:0 auto 200px}
.companyDiv .basic-table th{font-size:18px; font-weight:500;}
.companyDiv .basic-table td{text-align:left; padding-left:50px; font-size:16px; }

.ceoDiv{overflow:hidden; padding-bottom:150px}
.ceoimg{float:left; width:550px;}
.ceotxt{float:right;  width:570px;}
.ceotxt .ceotxt-t1{font-size:36px; letter-spacing:-1px; font-weight:600; padding-bottom:40px;}
.ceotxt .ceotxt-t2{ color:#525252; font-size:26px; padding-bottom:10px;}
.ceotxt .ceotxt-t3 p{ color:#525252; font-size:18px; padding-bottom:30px;}
.ceotxt .ceotxt-t4{color:#040000; font-size:24px;  font-weight:600;}

.historyDiv{overflow:hidden;}
.historybg{ background:url(../img/skin/history_bg.png) no-repeat center bottom; background-size:cover; height:550px;}
.history-title{text-transform:uppercase; font-size:36px; text-align:center; font-weight:600; letter-spacing:-1px;}
.history-stitle{text-transform:uppercase; font-size:32px; text-align:center; font-weight:500; letter-spacing:-1px; padding-bottom:40px}
.history-listw{overflow:hidden;}
.history-tleft{float:left; width:50%; overflow:hidden; font-family: 'Nanum Myeongjo', serif; font-size:26px;  font-weight:500; padding-top:50px;}
.history-tleft p{margin-bottom:40px;}
.history-tright{float:left; width:50%;   border-left:1px solid #d9d9d9; box-sizing:border-box;  padding-top:50px;}
.history-listw:before{content:''; width:15px; height:15px; border-radius:100%; background:#31408a; display:block; position:relative; left:50%; margin-left:-7px}
.history-listw:after{content:''; width:15px; height:15px; border-radius:100%; background:#31408a; display:block; position:relative; left:50%; margin-left:-7px; top: 620px;}	
.history-tright .h-Div{ margin-bottom:80px;}
.history-tright .h-Div .h-Div-year{font-size:36px; font-weight:600; padding-bottom:40px;  padding-left:70px; position:relative}
.history-tright .h-Div .h-Div-year span{position:absolute; left:-15px ; z-index:2}
.history-tright .h-Div .h-Div-list{font-size:20px; font-weight:500;  padding-left:70px;}
.history-tright .h-Div .h-Div-list span{padding-right:25px;}
.history-tright .h-Div .h-Div-list li{padding-bottom:10px;}

.basic-table{border-top:3px solid #67585b; border-bottom:1px solid #67585b; }
.basic-table th{background:#f7f7f7; border-right:1px solid #e5e6e7; border-bottom:1px solid #e5e6e7; text-align: center; font-size:14px; font-weight:500;  height:50px; line-height:50px; }
.basic-table td{ padding: 15px 10px; border-right:1px solid #e5e6e7; border-bottom:1px solid #e5e6e7; text-align:center; line-height: 1.8; font-size:14px; font-weight:400; color:#595959}
.basic-table tr td:last-child{border-right:none; }
.basic-table th:last-child{border-right:none; }
.basic-table td.tdbr{ border-right: 1px solid #e5e6e7 !important; }
.basic-table td span, .basic-table th span{padding:0 10px; }
.basic-table .tdleft{ text-align: left; line-height: 1.3; }
.basic-table .texleft{ text-align: left; line-height: 1.3; }

.article-imgw{overflow:hidden; margin-left:12px; }
.article-img{border-bottom:1px solid #dddddd; width:355px; margin-right:30px; margin-bottom:50px; float:left; position:relative; }
.article-img:nth-child(2n){margin-right:0; }
.article-img .article-t2{text-align:center; color:#363636; height:48px; line-height:48px; }
.article-img .articleline{position:absolute; width:64px; height:1px; background:#767676; bottom:-1px; left:50%; margin-left:-32px; }

.B1600box dd{ float: left; display: table; width: 13%; height: 100px; line-height: 1.6; text-align: center; font-size: 13px; font-weight: 300; background: #e5eef8; border: 1px solid #dce6f1; }
.B1600box dt{ float: left; display: table; width: 4%; height: 100px; text-align: center; font-size: 10px; font-weight: 300; }
.B1600box span{ display: table-cell; vertical-align: middle; text-align: center; }
.B1600box dd span{ padding: 0 15px; }
.B1600box dt span{ color: #2573c3; }

/* 버튼 */
.listbtnbox{ float: left; width: 100%; text-align: right; margin: 20px 0; }
.listbtnbox a.listbtn{ display: inline-block; width: 90px; height: 38px; line-height: 38px; text-align: center; font-size: 14px; letter-spacing: 0; color: #333; border: 1px solid #dfdfdf; border-bottom: 1px solid #c4c4c4; background: #fff; }
.listbtnbox a.listbtn:hover{ color: #333; font-weight: 400; background: linear-gradient(#ffffff, #f5f5f5); }


.h175{height:175px !important; }

.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; }


.B1000{overflow:hidden;}
.tecDiv{padding-bottom:130px;}

.tec-title{font-size:30px; text-align:center; color:#535353}
.tec-title .k-ico img{width:200px;}
.tecDiv .line{height:35px; width:2px; background:#7cb02e; margin:0 auto 15px;}
.tec-stitle{text-align:center; font-size:24px; color:#535353; padding-bottom:60px}
.tec-imgw{width:1120px; margin:0 auto 10px; background:url(../img/skin/B1000_04.png) no-repeat center bottom; padding-bottom:120px }
.tec-imgw .tec-st{text-align:right; color:#868585; padding-right:30px}
.tec-imgw .tec-img{overflow:hidden;}
.tec-imgw .tec-img img{float:left;}
.tec-listbox{width:912px; height:366px; margin-left:auto; margin-right:auto; background:url(../img/skin/B1000_05.png) no-repeat; padding:70px 90px 0 90px; box-sizing:border-box }
.tec-listbox li{padding-bottom:20px; font-size:19px; color:#454545; position:relative; padding-left:20px; line-height:150%}
.tec-listbox li:before{width:8px; height:8px; background:#87ce27; border-radius:100%; content:''; display:block; position:absolute; top:10px; left:0; }
.tecW{background:#f5f5f5; padding-top:90px; padding-bottom:100px;}
.tecon{background:url(../img/skin/B1000_06.png) no-repeat; width:1095px; height:765px; margin:0 auto; padding:55px 0 0 45px; box-sizing:border-box}
.teconbox{width:335px; height:280px; background:rgba(0,0,0,0.5); color:rgba(255,255,255,1); padding:30px 35px; box-sizing:border-box; float:left; margin-right:20px; line-height:160%}
.teconbox  p:nth-child(1){padding-bottom:20px;}
.teconbox span{color:#7cbb1d;}
.tecpDiv{overflow:hidden; padding-bottom:75px;}
.tecpDiv .line{width:34px; height:2px; background:#7cb02e; margin-bottom:10px;}
.tecp-title{font-size:24px; color:#282828; padding-bottom:35px; font-weight:500}
.tecp-table{border-top:2px solid #00a942; margin-bottom:45px; }
.tecp-table th{font-size:22px; font-weight:500; border-bottom:1px solid #cbcbcb; border-right:1px solid #cbcbcb; padding:15px 0;}
.tecp-table th:last-child{border-right:none;}
.tecp-table td{border-bottom:1px solid #cbcbcb; border-right:1px solid #cbcbcb;  padding:20px 0; color:#4d4d4d; font-size:18px;}
.tecp-table td:last-child{border-right:none;}
.tecp-t01 td{text-align:center;}
.tecp-t02 tr td:nth-child(1){padding-left:60px; padding-right:60px;}
.tecp-t02 tr td ol li{list-style:decimal;}
.tecp-t02 tr td:nth-child(2){ text-align:center}
.tabg-gray{background:#f7f7f7;}
.tecp-t03 tr td{padding-left:30px; padding-right:20px;}
.tecp-t03 tr td:nth-child(1){text-align:center; padding-left:0; font-weight:500; color:rgba(0,0,0,1); font-size:20px;}
.tecp-t03 tr td:nth-child(2){ background:#f1f7f4}
.tecp-table .center{text-align:center;}
.tecp-table  ul li{background:url(../img/skin/dot-line.png) no-repeat left 13px; padding-left:10px; }
.tecp-t04 tr td{text-align:center;}
.tecp-t04 tr td:nth-child(1){text-align:center; padding-left:0; font-weight:500; color:rgba(0,0,0,1); font-size:20px;}
.tecp-t04 tr td:nth-child(1) span{font-size:16px;}
.tecp-t04 tr td:nth-child(4){background:#f1f7f4;}
.tecp-table .green{color:#2bad37;}

 .tecsuDiv{padding-bottom:80px;}
 .oaBox .oa-title{font-size:28px; font-weight:600; border-bottom:1px solid #d0d0d0; padding-bottom:20px; margin-bottom:50px; padding-left:25px;}


.oa-listw{overflow:hidden; padding:0 20px; margin-bottom:100px;}
.oa-list{float:left;}
.oa-list:last-child{float:right;}
.oa-listimg{ height:320px;}
.oa-list-line{width:45px; height:2px; background:#7cb02e; margin-bottom:15px;}
.oa-list-ws{overflow:hidden; padding-left:20px}
.oa-b-list{overflow:hidden; margin-bottom:90px}
/*.oa-b-listbox{float:left; width:220px; text-align:center}*/
.oa-b-listbox{float:left; width:220px; text-align:center;}
.oa-b-arr{width:80px; text-align:center; padding-top:80px;}
.oa-b-listbox-txt{text-align:center; color:#666666; font-size:18px; width:220px;}
.oa-b-listbox-line{width:45px; height:2px; margin:40px auto 10px;}
.oa-b-listbox .line01{background:#7cb02e}
.oa-b-listbox .line02{background:#50bebd}
.oa-b-listbox .line03{background:#26acca}
.oa-b-listbox .line04{background:#2a8cc3}
.oa-title-b{padding-top:0px; color:#7cb02e; padding-bottom:40px; font-size:20px;font-weight:500;     padding-left: 20px;}
.oa-title-b:before{width:6px; height:6px; display:block; background:#7cb02e; border-radius:100%; content:''; float:left; position:relative; top:10px; margin-right:10px; }
.oaBox-listimgw{width:409px; height:530px; border:1px solid #bbbbbb; float:left; margin-right:20px;}
.oaBox{overflow:hidden;}
.oaBox-listimg{padding:0 20px;}
.oaBox-listimgt{text-align:center; font-size:20px; font-weight:600; border-bottom: 1px solid #bbbbbb; padding-bottom:20px; margin-bottom:20px; padding-top:40px;}
.oaBox-listimgst{color:#696969; text-align:center;}
.oaBox .sline{height:45px; width:2px; background:#7cb02e; position:absolute; left:50%; top:250px; margin-left:-1px;}
.oaBox-listimgw{position:relative; margin-bottom:80px; margin-left:20px; }
.oaBox-right{float:left; padding-top:100px; margin-left:20px;}
.oaBox-bleft{float:left;}
.oaBox-bright{float:right; width:560px; padding-right:30px;}
.oaBox-brights1{font-size:18px; margin-bottom:20px; font-weight:500;}
.oaBox-brights2{overflow:hidden; margin-bottom:30px;}
.oaBox-brights2 .num{font-size:50px; color:#afd777; float:left; font-weight:500; position:relative; top:-15px; padding-right:15px}
.oaBox-b{border-bottom:1px solid rgba(153,153,153,1); padding-bottom:100px; margin-bottom:80px;}
.tecsubDiv{background:url(../img/skin/C1000_14.png) no-repeat; padding:95px 0}
.tecsubfboxw{width:1070px; margin:0 auto; overflow:hidden}
.tecsubfboxw .tecsubfbox{background:rgba(255,255,255,1); width:250px; height:340px; background:rgba(255,255,255,1); float:left; margin-right:15px; margin-bottom:18px; padding:30px 35px; box-sizing:border-box; color:#4f4f4f; font-size:14px}
.tecsubfbox-title{text-align:center; font-size:32px; color:#7cb02e; font-weight:600}
.tecsubfbox-line{width:30px; height:2px; background:#7cb02e; margin:0 auto 15px;}
.tecsubfbox-stitle{text-align:center;  font-weight:600; font-size:22px;  line-height:120%; padding-bottom:10px;}
.tecsubftxt{color:rgba(255,255,255,0.5); text-transform:uppercase; font-size:70px; letter-spacing:-3px; float:right; font-weight:600; line-height:100%; text-align:right; padding-right: 10px; }

/*C1000_GRT-3 빗물 도심 내 토양 유입구조 20.04.03리뉴얼*/
.oamuBoxn{ background-color: #f7f8fa; padding: 38px 42px; display: block;}
.oamuBoxn .oamuBoxn-t1 {font-weight:bold; font-size: 18px; padding-bottom: 12px;}
.oamuBoxn-t2 {padding-bottom: 10px;}
.oamuBoxn-t2 .blue_txt {color:#51aadf;}
.obox { padding-top: 80px;  text-align: center; padding-bottom: 80px;}
.obox .tec-title {padding-bottom: 40px;}
.obox .sub-title {font-size: 17px; padding-bottom: 90px;} 

.ffogw {text-align: center; padding-bottom: 80px;}
.ffogw .tec-title {padding-bottom: 40px;}
.ffogw .sub-title {font-size: 17px; padding-bottom: 90px;} 

.tecmuDiv2{background:#f5f5f5; padding:100px 0}
.tecmuboxw2{ margin:0 auto;}
.tecmubox2{width:260px; height:335px; float:left; text-align: center; border:1px solid #c7c7c7; background:#ffffff; margin-left:15px; box-sizing:border-box; color:#33a3dc;}

.ttecmubox-stw2{padding:20px 15px;}
.ttecmubox-title2{font-size:32px; color:#7cb02e}
.tecmubox-stitle2{font-size:17px;}
.cbox{overflow:hidden;}
.cbox .oa-title{font-size:28px; font-weight:600; border-bottom:1px solid #d0d0d0; padding-bottom:20px; margin-bottom:30px; padding-left:25px;}
.cbox .oa-title2{font-size:28px; font-weight:600; border-bottom:1px solid #d0d0d0; padding-bottom:20px; margin-bottom:22px; padding-left:25px;}
.cbox .oa-title_sub{margin-bottom: 50px;padding-left: 25px; width: 1044px;}

.grt_pros { overflow: hidden; width: 862px; margin: 0 auto 90px auto;}
.grt_pros_box { float: left; width: 218px; text-align: center; height:290px; padding:0 50px; border-right:1px solid #d0d0d0;}
.grt_pros_box:first-child { padding-left:0;}
.grt_pros_box:last-child { padding-right:0; border-right:0}
.grt_pros_box .grt_pros_txt {color: #33a3dc; font-size: 24px; font-weight: 500;}
.grt_pros_line {width: 1px; height: 300px; background:#d0d0d0; float: left; display: inline-block;  margin: 0 50px;}
.grt_pros_box .grt_pros_sub_txt {color:#a1a1a1; margin-bottom:30px;}
.grt_pros_box_txt {margin-top: 20px;}
.tecmuf_box2{padding-top:50px;}
.grt_effect{overflow: hidden; margin-bottom: 40px;}
.effect_L{float: left; width: 160px; padding-top: 145px;    margin-left: 45px;}
.L_txt {font-size: 14px; margin-top: 10px;}
.effect_R{float: right; width: 910px;}
.effect_R li{ float: left; display: table; position: relative; width: 430px; height: 138px; position: relative; font-size: 16px; line-height: 27px; color: #636363; margin: 14px 0 0 15px; border: 1px solid #d6d6d6;}
.effect_R li p {display: table-cell; vertical-align: middle; width: 100%; height: 100%;padding-left: 108px; padding-right: 10px;}
.R_list li .icon {position:absolute; top: 0; left: 0;}
.icon {display: inline-block;vertical-align: top;overflow: hidden; text-indent: -999px;}
.R_list li .icon.icon01 {background-position: 20px 30px; background-image: url(../img/skin/effect_img_1.png);background-repeat: no-repeat;width: 130px;height: 130px; background-position: 20px 30px;}
.R_list li .icon.icon02 {background-position: 20px 30px; background-image: url(../img/skin/effect_img_2.png);background-repeat: no-repeat;width: 130px;height: 130px; background-position: 20px 30px;}
.R_list li .icon.icon03 {background-position: 20px 30px; background-image: url(../img/skin/effect_img_3.png);background-repeat: no-repeat;width: 130px;height: 130px; background-position: 20px 30px;}
.R_list li .icon.icon04 {background-position: 20px 30px; background-image: url(../img/skin/effect_img_4.png);background-repeat: no-repeat;width: 130px;height: 130px; background-position: 20px 30px;}
.R_list li .icon.icon05 {background-position: 20px 30px; background-image: url(../img/skin/effect_img_5.png);background-repeat: no-repeat;width: 130px;height: 130px; background-position: 20px 30px;}
.R_list li .icon.icon06 {background-position: 20px 30px; background-image: url(../img/skin/effect_img_6.png);background-repeat: no-repeat;width: 130px;height: 130px; background-position: 20px 30px;}
.effect_B {margin: 0 auto; text-align: center; padding: 5px 0 40px 0;}
.LID_cpe { background: #e9f1fa; padding: 50px 0;}
.LID_cpe_img {text-align:center;}

.grt_street{overflow: hidden; margin-bottom: 90px;}
.street_L{float: left; width: 160px; padding-top: 90px; margin-left: 45px;}
.L_txt {font-size: 14px; margin-top: 10px;}
.street_R{float: right; width: 910px;}
.street_R li{ float: left; display: table; position: relative; width: 430px; height: 170px; font-size: 16px; line-height: 27px; color: #636363; margin: 14px 0 0 15px; border: 1px solid #d6d6d6;}
.street_R li p {display: table-cell; vertical-align: middle; width: 100%; height: 100%;padding-left: 108px; padding-right: 10px;}
.R_list li .icon {position:absolute; top: 0; left: 0;}
.icon {display: inline-block;vertical-align: top;overflow: hidden; text-indent: -999px;}
.R_list li .icon.icon07 {background-position: 20px 30px; background-image: url(../img/skin/street_img_2.png);background-repeat: no-repeat;width: 130px;height: 130px; background-position: 20px 46px;}
.R_list li .icon.icon08 {background-position: 20px 30px; background-image: url(../img/skin/street_img_3.png);background-repeat: no-repeat;width: 130px;height: 130px; background-position: 20px 46px;}
.street_C {float: right; width: 810px; height: 145px;position: relative; font-size: 16px; line-height: 27px; color: #636363; margin: 14px 0 0 15px; background: #f7f8fa; padding: 25px 35px 25px 35px;    margin-right: 17px;
    overflow: hidden;}
.street_Tit {color: #494949; font-weight: bold; font-size: 18px; margin-bottom: 10px;}

.catalog {padding-left: 5px; color: #323232; word-wrap: break-word; word-break: keep-all;}
.catalog .cata01 {float: left;display: inline-block;margin-left: 20px; padding: 0 30px 0 27px; height: 50px; margin-bottom: 90px; line-height: 50px; font-size: 16px; font-weight: 500; color: #f5f5f5; background: #1874de}

/*C1000_GRT-3 빗물 도심 내 토양 유입구조*/

/*C3000_GRT-2 빗물 활용 시스템 20.02.27리뉴얼*/
.oaBox2{    margin-bottom: 100px;}
.oaBox2 .oa-title2{font-size:28px; font-weight:600; border-bottom:1px solid #d0d0d0; padding-bottom:20px; margin-bottom:50px; padding-left:25px;}
.oaBox22{    margin-bottom: 100px; }
.oaBox22 .oa-title22{font-size:24px; font-weight:600; border-bottom:1px solid #d0d0d0; padding-bottom:80px;  padding-left:25px; margin:70px 0 100px; text-align: center;}
.oaBox22>img{border:1px solid #e3e3e3; box-sizing: border-box; }
.oaBox22>img+img{margin-top:20px;}

.oaBox33 {text-align:center; display:flex;width:1250px;margin-bottom:100px;justify-content:space-between;margin-left: -230px;}
.oaBox44 {text-align:center; display:flex;justify-content:space-between;}


.buttons {
    margin: 10%;
    text-align: center;
}

.btn-hover {
    width: 200px;
    padding:25px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    margin: 200px;
    height: 100px;
    text-align:center;
    border: none;
    background-size: 300% 100%;

    border-radius: 50px;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.btn-hover:hover {
    background-position: 100% 0;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.btn-hover:focus {
    outline: none;
}
.btn-hover.color-5 {
    background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673);
    box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75);
}
.oa-listw2{overflow:hidden; padding:0 7px;}
.oa-list2{float:left;}
.oa-lis2t:last-child{float:right;}
.oa-listimg2{ height:320px;}
.oa-listimg22{ height:400px;}
.oa-list-line2{width:45px; height:2px; background:#7cb02e; margin-bottom:15px;}
.oa-list-ws2{overflow:hidden; padding-left:20px; display: table;table-layout: fixed;width: 100%;height: 100%;box-sizing: border-box;padding-left: 112px;}
.vbox2 {height: 320px;}
.image-list-box {display:table; width:100%; color:#fff;}
.oa-listw2 .oa-box {display: table-cell; vertical-align: middle;width: 50%; height: 100%;box-sizing: border-box;text-align: center;padding: 10px 0;}
.oa-listw2 .oa-co {display: table-cell;vertical-align: middle;background-color: rgba(246, 246, 246);width: 50%;height: 100%;box-sizing: border-box;text-align: center;padding: 10px 0;}
.reverse .oa-box { float:right;} 
.reverse .oa-co { float:left;} 
.info {display: table-cell;width: 100%;vertical-align: middle;text-align: left;}
.u__title  {color:#333333; float: left; font-weight: 500;font-size: 22px; display: inline-block;width: 100%;    margin-bottom: 10px;}
.u_desc {color:#333333; margin-bottom: 15px;font-weight: 400;font-size: 17px;text-transform: uppercase;display: inline-block;    width: 100%;}
.small {color:#939393;; font-size:15px;}

.l__title{color:#333333; float: left; font-weight: 500;font-size: 18px; display: inline-block;width: 100%;    margin-bottom: 10px;}
.l_desc{color:#939393; margin-bottom: 15px;font-weight: 400;font-size: 132020-03-02px;text-transform: uppercase;display: inline-block;    width: 100%;font-size: 15px;}

.l__title_2{color:#325a90; float: left; font-weight: 500;font-size: 18px; display: inline-block;width: 100%;    margin-bottom: 10px;padding-top:20px;}
.l_desc_2{color:#325a90; margin-bottom: 15px;font-weight: 400;font-size: 13px;text-transform: uppercase;display: inline-block;    width: 100%;font-size: 15px;}

.oa-listw3{padding:0 25px;}
.oa-b-listbox-n{float:left; width:220px; text-align:center;margin-left:1%;}
.oa-b-listbox-n .line01{background:#7cb02e}
.oa-b-listbox-n .line02{background:#50bebd}
.oa-b-listbox-n .line03{background:#26acca}
.oa-b-listbox-n .line04{background:#2a8cc3}
/*C3000_GRT-2 빗물 활용 시스템*/


.oamuBox{position:relative; overflow:hidden; margin-bottom:70px;}
.oamuBoxw{position:absolute; top:0; right:0; width:418px; height:318px; padding:40px 45px; box-sizing:border-box; background:url(../img/skin/C2000_tbg.png) no-repeat; }
.oamu-t1{font-size:24px; font-weight:500; color:#60b368; padding-bottom:30px;}
.oamu-line{width:45px; height:2px; background:#63b165; margin-bottom:20px;}
.oamu-t2{font-size:20px;}
.oamu-tp{font-size:18px;}
.oamu-tp >div:nth-child(2){padding-bottom:20px;}
.oamu-tpline{width: 45px;     height: 2px;    background: #63b165;    margin-bottom: 20px; }
.oamu-ne{border-bottom:none; padding-bottom:0;}
.tecmuDiv{background:#f5f5f5; padding:100px 0}
.tecmuboxw{width:1135px; margin:0 auto;}
.tecmubox{width:260px; height:455px; float:left; border:1px solid #c7c7c7; background:#ffffff; margin-left:15px; box-sizing:border-box}

.ttecmubox-stw{padding:20px 15px 0 15px;}
.ttecmubox-title{font-size:32px; color:#7cb02e}
.tecmubox-stitle{font-size:17px;}
.tecmufbox{padding-top:90px;}
.tecmufbox-img{text-align:center; padding-bottom:40px}
.tecmufbox-simg{text-align:right; float:right; margin-bottom:30px}
.tecmufbox-simg >p{float:left; }
.tecmufbox-simg >p.tecmufbox-t1{float:left;}
.tecmufbox-simg >p.tecmufbox-t2{float:left; padding-left:20px; text-align:left; margin-top:20px; color:#007c9d; font-size:17px;}
.tecmufbox-simg >p.tecmufbox-t2 span{display:block; width:30px; height:2px; background:#007c9d; margin-bottom:10px;}
.tecsystemDiv{overflow:hidden; width:915px; margin:0 auto }
.tecsystemBox{overflow:hidden; margin-bottom:60px}
.tecsystemBox .tecsysimg{float:left;}
.tecsystemBox .tecsys-txt{float:right; width:455px; padding-top:65px;}
.tecsysimg{width:360px; height:360px; border:9px solid #63b166; box-sizing:border-box; text-align:center; position:relative }
.tecsysimg img{position: absolute;    margin: auto;    top: 0;    left: 0;    right: 0;    bottom: 0;}
.tecsys-title{font-size:25px; color:#00a942; border-bottom:2px solid #00a942; position:relative; padding-bottom:10px; font-weight:500}
.tecsys-title .num{font-weight:600;font-size:28px; padding-right:10px; }
.tecsys-title  .numline{width:185px; height:8px; background:#00a942;; position:absolute; bottom:-9px;}
.tecsys-stitle{padding-top:35px; font-size:18px;}

.stemBox02 .tecsysimg, .stemBox04 .tecsysimg{float:right;}
.stemBox02 .tecsys-txt, .stemBox04 .tecsys-txt{float:left;}
.stemBox02 .tecsysimg{ border:9px solid #73b5a8;}
.stemBox02 .tecsys-title{color:#007f61;  border-bottom: 2px solid #007f61;}
.stemBox02 .numline{background:#007f61;}

.stemBox03 .tecsysimg{ border:9px solid #20a5cb;}
.stemBox03 .tecsys-title{color:#009bdb;  border-bottom: 2px solid #009bdb;}
.stemBox03 .numline{background:#009bdb;}

.stemBox04 .tecsysimg{ border:9px solid #0d97cd;}
.stemBox04 .tecsys-title{color:#006586; border-bottom: 2px solid #006586;}
.stemBox04 .numline{background:#006586; }

.tecsystemfootBox{width:930px; margin:0 auto;}
.tecsystemfoot{float:left; width:410px; height:610px; box-sizing:border-box; padding: 0 30px; -webkit-box-shadow: 1px 1px 13px 1px rgba(0,0,0,0.3); box-shadow: 1px 1px 13px 1px rgba(0,0,0,0.3); margin-bottom:80px}
.tecsystemfoot:last-child{margin-right:0; float:right}
.tecsystemfoot-img{ text-align:center; padding-top:40px; padding-bottom:30px;}
.tecsystemfoot1{font-size:24px; color:#00a942;}
.tecsystemfoot-line{width:40px; height:1px; background:#00a942; margin-bottom:20px;}
.tecsystemfoot2{font-size:18px;}

@media only all and (max-width:1024px){
	.subg{display:none;}
	.third_tab{display:none;}
	.third_tab ul.tabs li:nth-child(1):nth-last-child(3),
	.third_tab ul.tabs li:nth-child(1):nth-last-child(3) ~ li{ position:relative; left:0%; float:none}
	.third_tab ul.tabs li.active, .third_tab ul.tabs li:hover{background-size:12px; padding: 0 5% 0 3%;}
	.hiddenoverw{display:none; }
	.mun-title{font-size:20px; margin-top:20px}

	.btn_box .mod_btn { margin-left:0;}
	.buslistTop{width:96%; margin:0 2%; }
	.h175{height:auto !important;}
	.bus2018title{overflow:hidden; height:auto;}
	
	.buslistboxw .buslistbox-list{border-bottom:1px solid #c6c6c6; padding-bottom:20px; padding-left:10px; }
	.buslistboxw .buslistbox-list:last-child{border-bottom:none; }
	.buslistxt{ display:none; text-align:left; padding:0 10px; line-height:160%; }
	.buslist-title{ display: none; }
	.buslist-title span:nth-child(1){width:23%; }
	.buslist-title span:nth-child(2){width:23%; }
	.buslist-title span:nth-child(3){width:23%; }
	.buslist-title span:nth-child(4){width:23%; }
	.buslistboxw .buslistbox-list .c1{width:100%; height:30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-bottom:none}
	.buslistboxw .buslistbox{width:94%; padding:10px 20px ; margin:0 3%; box-sizing:border-box}
	.buslistboxw .buslistbox-title{width:100%; }
	.buslistboxw .buslistbox-list .cmore{width:100%; background-position:90% center }
	.buslistboxw .buslistbox-title{margin-bottom:15px; }

	.buslist{width:94%; margin: 0 3%; }
	.buslistbox-title2018{width:100%;  font-size:20px; }
	.buslistbox-title2018 p{display:inline; }
	.c50{width:100%; }
	.h175{height:auto; }
	.bus2108{height:auto; width:100%; }
	.bus2108-s{padding:0 0 20px 0; }
	.buslistbox2108-w{clear:both; }
	.bus2018title .bust2{padding-top:30px; padding-bottom:20px; }
	.buslistboxw2018{clear:both; margin-bottom:30px}
	.bus2018title .bust1{font-size:24px; padding-top:10px; }
	.buslist:last-child{margin-bottom:50px; }

	.planBoxw{min-height:650px; }
	.planbox{width:94%; margin: 0 3%; }
	.planbox-title{font-size:24px; letter-spacing:-1px; margin-bottom:0}
	.planbox .h1-title{font-size:20px; margin-bottom: 15px; background: url(../img/images/drag.png) no-repeat right 60px; }
	.planbox-img2{padding:0 0 50px 0; }
	.planbox-img2 img{width:100%; }
	.planbox-img{background-size:contain; background-position:left 50px; height:auto; padding-bottom:50px; }
	.planbox-img ul{ padding-left:0; margin-left:10px; }
	.planbox-img ul li{width:43%; margin-bottom:5px; background:url(../img/skin/dot_b.png) no-repeat left 5px; text-align:left; padding-left:10px; float:left; font-size:13.5px }
	.planbox-img ul li p{display:inline; }
	.planboxbg{padding:20px; height:300px; }
	.planboxbg .bt2{width:100%; font-size:15px; }

	.nuBox .tabox1{width:80%; margin:0 10%; }
	.nuBox .subreport ul.tabs li{width:50%; }
	.nu-view{padding:20px; margin-bottom:20px}
	.nu-view .nu-title{padding:10px 0 20px; }
	.nu-view .nu-stitle{text-align:left; font-size:14px; }
	.nu-view .nu-stitle p{display:inline; }
	.nubg{padding-top:50px; height:230px; }
	.nu-boxw .nu-box{width:100%; box-sizing:border-box; margin-bottom:0;     padding: 10px 0 10px 70px;    background-position: left 20px;    margin-right: 0;    height: auto;    background-size: 50px;}
	.nu-boxw .nu-box:last-child{/*border-bottom:none*/}
	.nu-box-title{font-size:16px; padding-top:10px; padding-bottom:10px;}
	.nu-box-txt{margin-bottom:10px}
	.nu-box-stitle .nu-box-txt:last-child{margin-bottom:0; }
	.gallery{width:100%; }
	.map img{width:100%; }
	.nu-list-map{width:100%; }
	.nu-list{width:92%; margin: 0 4%; }

	.h230{height:auto}
	.h275{height:auto; }
	.h300{height:auto; }
	.h200{height:auto; }
	.h170{height:auto; }
	.h130{height:auto; }
	.muntable{margin:0; overflow-x: scroll;}
	.muntable table { width: 700px;}
	.vision-title{padding-bottom:20px; }
	.table-s{padding-bottom:30px; }
	.munbox{margin-bottom:20px; padding-top: 20px; }
	.mun-caw .mun-caimg img{width:100%; }
	.mun-caw .mun-catitle{padding-top:20px; width:100%; }
	.mun-caw{margin-bottom:10px; }
	.muns-title{font-size:20px; margin-top:20px; padding-bottom:20px; }
	.muns-stitle{text-align:left; font-size:14px; margin-bottom:10px; }
	.vision-stitle img{width:100%; }
	.nubg{font-size:16px; height:270px; padding: 20px 10px; }
	.ceoboxw .ceobox{width:100%; }
	.ceoboxw{width:92%; margin: 0 4%; font-size:14px;}
	.ceoboxw .ceobox-p .bold{font-size:14px; font-weight:600;}
	.ceoimg img{width:100%; }
	.ceoboxw .ceobox-p p{display:inline; }
	.ceoimg{margin-bottom:50px; }


	.daysearch{width:100%; border-left:none}
	.searchbox{ width:96%; margin:2%; }
	.searchbox .search-s{display:none; }
	.searchbox .search-B{padding:0; border:none}
	.searchbox .select_box{width:48%; float:left}
	.searchbox .select_box_t{width:49%; float:left; margin-right:0}
	.daysearch .day1, .daysearch .day2{width:30%; }
	.w1170{width:100%; }
	.list-contents .listboxw{margin:0 3%; }
	.list-junbox-d1{height:240px; }
	.book-cover-sns{top:180px; }
	.book-cover{overflow:hidden; display:block}
	.list-contents .list-total .list-view-w{width:96%; float:left; margin:10px 2%; }
	.searchbox .sebtn{width:98%; margin-right:0; margin-top:10px; }
	.daysearch-title{width:100%; }
	.searchbox .searchbox-title{width:100%; }
	.daysearch input{width:70%; }
	.listbox-page ul{margin:20px 0 50px; }
	.listbox-page ul li{width:30px; }
	.org img{width:100%;}


	/*스킨*/
	.list-contents{ width: 100% !important; }
	.edu-cation{padding-top:10px; text-align:left; }
	#edulist .listbox-title{width:100%; padding:10px 0}
	#edulist .listbox-name ul{width:100%; }
	#edulist .listbox-name{height:inherit; }
	#edulist .edulist-detail{padding:10px; }

	.eduview-contents{width:100%; margin-top:10px; }
	.eduview-leftnav{width:100%; margin-left:0}
	.eduview-Bimg img{width:100%; }
	.eudview-simg ul li img{ height:100%; }
	.eudview-simg ul li{width:48%; height:100px; float:left; margin-bottom:10px; padding-top:0}

	.eudview-simg ul li:nth-child(3n){padding-right:5px}
	#edulist .viewbox-name ul li:first-child{width:20%; }
	#edulist .viewbox-name ul li:last-child{width:76%; }
	#edulist .eduviewbtn{margin-bottom:50px; }
	#edulist .listbox-name ul li span{font-size:14px; }
	#edulist .listbox-name ul li:first-child{text-align:left}
	.letters10{letter-spacing:0; }

	.eduview-contentsw{padding-top:10px; width:96%; margin:0 2%; }
	#edulist .eduview-detail-s img{width:100%; }
	.pc_cal{display:none; }
	.calendar_wrap .i-conw{width:96%; margin:0 2%; }


	/*.m_cal{display:block; }
	.calendar_wrap .m_cal dl{display: table; width: 100%; padding: 25px 0; border-bottom: 1px dashed #d2cdcc; }
	.calendar_wrap .m_cal dl dt{width: 100px; text-align: center; float:left;width:20%; }
	.calendar_wrap .m_cal dl dt .year{}*/

	.infobox{width:94%; line-height:inherit; display:block; height:auto; overflow:hidden; margin:0 3% 20px; padding:10px; }
	.infobox .info2{padding-left:20px; }
	.commentsbox{width:94%; margin:0 3% 50px; padding:10px; overflow:hidden}
	.commentsinput input[type=text]{width:100%; }
	.commentsinput input[type='button']{width:100%; margin-top:10px; }

	.subreport ul.tabs li:nth-child(1):nth-last-child(2),
	.subreport ul.tabs li:nth-child(1):nth-last-child(2) ~ li{ width: 49.5%; }

	.subreport ul.tabs li:nth-child(1):nth-last-child(3),
	.subreport ul.tabs li:nth-child(1):nth-last-child(3) ~ li{ width: 32.833%; }

	.subreport ul.tabs li:nth-child(1):nth-last-child(4),
	.subreport ul.tabs li:nth-child(1):nth-last-child(4) ~ li{ width: 24.5%; }

	.subreport ul.tabs li:nth-child(1):nth-last-child(5),
	.subreport ul.tabs li:nth-child(1):nth-last-child(5) ~ li{ width: 19.5%; }

	/*2018-10-9 인물리스트*/
	.w780{width:49% !important;}
	.list-peobox{height:380px;}
	.letters25{letter-spacing:0;}

	.skinview{padding:10px;}
	.skinview .skinview-img{width:100%; margin-top:20px; margin-bottom:10px;}
	.skinview .skinview-img img{width:100% !important; height:auto !important}
	.skinview .skinview-namew{width:100%; }
	.skinview .skinview-imgw{padding:0px; border-bottom:0}
	.skinview .skinview-name ul li.name{text-align:left; position:absolute; width:90px; padding:0 0 0 25px; font-size:14px; border-bottom:none; padding-top:10px; background: url(../img/skin/peoview-list.png) no-repeat left 10px;}
	.skinview .skinview-name ul li.nameD{padding-left:100px; width:100%; }
	.skinview .skinview-list-dw{padding:0;}
	.skinview .skinview-table{width:100%; margin-bottom:30px;}
	.skinview .skinview-list-s{padding-bottom:50px;}
	.skinview .skinview-list-img ul li{width:100%; margin-right:0; margin-bottom:10px;}
	.skinview .skinview-list-img ul li img{width:100%; height:auto}
	.sub-view-infoimg ul li{width:100%; margin-top:10px;}
	.sub-view-infoimg ul li img{width:100%;}
	.shar-line > div{float:none; padding:10px 0; margin:0 0 0 10px; !important }
	.shar-line{height:auto; line-height:inherit; border-top:none}
	.skinview .eduview-sns{float:left;}
	.sub-view-filelist{float:none; width:100%; }
	.sub-view-filelist ul{width:100%;}
	.sub-view-filelist ul li{padding-bottom:10px;}
	.sub-view-fico{margin-bottom:20px;}
     .sin{padding:20px; }
	 .sin .sin-top .sin-top-title{width:100%; font-size:22px; margin-bottom:10px; padding-top: 5px;}
	 .sin .sin-top .sin-top-stitle{width:100%;}
	 .sin .sin-top .sin-top-stitle .sin-t{font-size:16px;}
	.map{border-bottom:none;padding-bottom:0}
	.map iframe{height:300px; }

	.third_tab ul.tabs{width:100%;}
	.third_tab ul.tabs li:nth-child(1):nth-last-child(4), .third_tab ul.tabs li:nth-child(1):nth-last-child(4) ~ li {display: inline-block; float: none; left:0; }
	.third_tab ul.tabs li {   width: auto;    text-align: center; padding:0 4%; font-size:14px;}

	.dragico{background:url(../img/images/drag.png) no-repeat 100% center !important;}

	.B1600box dd{ margin-bottom: 10px; width: 12%; min-width: 90px; }
	.B1600box dt{ margin-bottom: 10px; width: 3%; min-width: 20px; }
	.B1600box dd span{ padding: 0 10px; }
	.subcontent{padding-top:73px;}
	.subreporttitle {   padding-bottom: 20px;    font-size: 26px;}
	.busw .bustxt{    float: left; padding:10px; box-sizing:border-box;  padding-top:30px;}
	.bustxt-title{font-size:24px;}
	.bustxt-title span{font-size:24px; display:block; padding-right:0}
	.bustxt-list{font-size:17px;}
	.busw{margin-bottom:20px;}
	.busw:last-child .busimg{float:left;}
	.busw:last-child .bustxt{float:left;}
	.busw .line{position: absolute;}
	.companyDiv{padding:10px; box-sizing:border-box;}
	.companyDiv .basic-table{width:100%; margin-bottom:50px;}
	.comp-title{font-size:40px; line-height:120%;}
	.comp-stitle{font-size:16px; padding-bottom:40px;}
	.comp-stitle p{display:inline;}
	.ceoimg{float:left; width:100%;}
     .ceotxt{float:left; width:100%;}
	 .ceoDiv{padding:0 20px 100px; box-sizing:border-box;}
	 .ceotxt .ceotxt-t1{font-size:30px; padding-bottom:10px}
	 .ceotxt .ceotxt-t2{font-size:20px;}
	 
	 .history-tleft{width:100%; padding-top:0; font-size:22px;}
	
	 .history-tright{width:100%; padding-top:0; border:none}
	 .history-tright .h-Div .h-Div-year span{display:none;}
	 .history-tright .h-Div .h-Div-year{padding-left:0; padding-bottom:10px;}
	 .historyDiv{padding:0 20px;}
	 .history-stitle{font-size:24px;}
	 .history-listw:before{background:none;}
	  .history-listw:after{background:none;}
	 .history-tright .h-Div .h-Div-list{padding-left:0px; font-size:18px;}
	 .history-tright .h-Div{margin-bottom:40px;}
	 .historybg{height:200px;}
	 .tec-imgw{width:100%; background-size:200px; padding-bottom: 50px;}
	 .tec-imgw .tec-img img{width:33%;}
	 .tec-stitle{font-size:18px; text-align:left}
	 .tec-stitle p{display:inline;}
	 .tec-listbox{width:96%; height:auto; padding:20px; background:none; border:2px solid #68af52; margin:0 2% }
	 .tecDiv{padding-bottom:50px; padding:10px; padding-top:50px;}
	 .teconbox{width:100%; height:auto; margin-right:0; margin-bottom:10px; padding:20px;}
	 .tecon{width:100%; padding:20px;}
	 .tecpDiv{padding:10px;}
	 .tecp-table th{font-size:14px;}
	 .tecp-table td{font-size:14px;}
	 .tecp-t02 tr td:nth-child(1){padding:10px;}
	 .tecp-t03 tr td{padding:10px;}
	 .tecp-t03 tr td:nth-child(1){font-size:14px;}
	 .tecp-t04 tr td:nth-child(1){font-size:14px;}
	 .tecp-t04 tr td:nth-child(1) span{font-size:14px;}
	 .oa-listimg{height:auto;}
	 .oaBox .oa-title{padding-left:20px;}
	 .oamuBoxw{position:relative; width:92%; height:auto; background:none; border:10px solid #63b166; margin:0 4%}
	 .tecmuboxw{width:100%;}
	 .tecmubox{float:left; width:45%; margin-bottom:15px; min-height:400px; height:420px}
	 .tecmufbox-simg{float:left; padding-left:30px}
	 .tecsystemBox .tecsysimg{width:100%; height: 300px;}
	 .tecsystemBox .tecsys-txt{width:100%;}
	 .tecsystemDiv{width:92%; margin:0 4%}
	 .tecsystemfootBox{width:92%; margin:0 4%;}
	 .tecsystemfoot{width:100%; height:auto; padding-bottom:20px;}
     .tec-title .k-ico {display:block;}
	 .oa-listw2 .oa-box, .oa-listw2 .oa-co  { width: 100%; display:block;}
	 .oa-listw2 .oa-box .oa-listimg2 { height:auto;}
	 .oa-list-ws2 { padding:20px;}
	 .vbox2 { height:auto;}

	 .oa-listimg{height:auto;}
	 .oaBox .oa-title{f padding-left:20px; margin-bottom:20px;}
	 .oamuBoxw{position:relative; width:92%; height:auto; background:none; border:10px solid #63b166; margin:0 4%}
	 .tecmuboxw2{width:100%;}
	 .tecmubox2{float:left; width:45%; margin-left: 3.33%;  margin-bottom:15px; min-height:400px; height:420px}
	 .tecmufbox-simg{float:left; padding-left:30px}
	 .cbox .oa-title_sub {width:90%;}
	 .effect_L{width: 100%; padding-top: 0; float:none; margin-left:0;}
	 .effect_L .L_img { float:left; width:14%; margin-left:7%;}
	 .effect_L .L_txt { float:left; width: 75%; vertical-align:middle; margin-left:3%;}
	 .effect_R { float:none; width:100%; clear:both;}
	 .effect_R li {float: left;width: 45%; margin-bottom:15px; margin-left: 3.33%; }
	 .grt_effect {width: 100%;}

	 .C2000 {padding-top: 50px;    margin: 0 20px;}

	 .street_L{width: 100%; padding-top: 0; float:none; margin-left:0;overflow: hidden;}
	 .street_L .L_img { float:left; width:14%; margin-left:7%;}
	 .street_L .L_txt { float:left; width: 75%; vertical-align:middle; margin-left:3%;}
	 .street_R { float:none; width:100%; clear:both;}
	 .street_R li {float: left;width: 45%; margin-bottom:15px; margin-left: 3.33%; }
	 .grt_street {width: 100%;}

	 .street_C {float: none; width: 96%; clear: both; box-sizing:border-box; overflow:hidden; height:auto; padding:0; margin:2%;}
	 .street_C .street_Tit{ padding:20px; margin-bottom:0;}
	 .street_C .street_sub_txt{ padding:20px;}
	 .street_C .street_C_txt {float: left; width: 88%; margin-bottom:15px; margin-left: 3.33%;  margin-right: 3.33%; height: auto;}
	 .LID_cpe_img {margin:0 20px;}
}

@media (max-width:960px) {
	.grt_pros {width: 100%;}
	.grt_pros_box {width: 100%; padding:0; border-right: none; border-bottom: 1px solid #d0d0d0; height: 275px;}
	.grt_pros_box:last-child {padding-top: 10px; border-bottom:0;}
	.grt_pros_box .grt_pros_txt {margin-top: 20px;}
	.grt_pros_box_txt { width: 70%; margin: 20px auto 0 auto;}
}

@media screen and (max-width: 500px) {
	.tecmubox2 { width: 96%; margin:15px 2%; height:auto;}
	.tecmubox2 img { width:100%;}
	.effect_R li { width: 96%; margin:15px 2%;}
	.street_R li { width: 96%; margin:15px 2%;}
	
}

@media screen and (max-width: 450px) {
		.planbox-img ul{padding-top:170px;}
		.oa-b-listbox{width:40%; margin:0 3% 10px}
		.oa-b-arr{display:none;}
		.oa-b-listbox-txt{width:100%; font-size:15px; }
		.oa-b-listbox-line{margin-top:10px;}
		.oa-title-b{font-size:16px;}
		.oaBox-listimgw{width:92%; height:auto; margin:0 3% 50px;}
		.oaBox .sline{display:none;}
		.oaBox-right{ padding:0; display:none}
		.oaBox-listimg{padding:20px;}
		.oaBox-right p{float:left;}
		.oaBox-bright{width:100%; padding-right:0;}
		.oaBox-b{padding:10px; margin-bottom:0}
		.oaBox-brights1{font-size:15px;}
		.tecsubfboxw{width:100%;}
		.tecsubfboxw .tecsubfbox{width:92%; margin:0 4% 10px; height:auto}
		.tecsubftxt{display:none;}
		.tecsubDiv{background-size:cover; padding:20px 0}

		
	}