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

	Global.css ( ver 1.0.2 )

**************************************************/
/**************************************************
	Public
**************************************************/
html{min-width: 1300px;}

/* Table */
.table1{ width: 100%; }
.table1 tr > *{padding: 10px;border: 1px solid #ddd;}
.table1 thead th{background: #f7f7f7;}
.table1 tbody th{background: #f7f7f7;}
.table1 tbody td{  }

/* Tab */
.tab1{ margin-bottom: 40px; }
.tab1 > li{display: inline-block;background: #f7f7f7;}
.tab1 > li a{display: block;height: 40px;line-height: 40px;text-align: center;padding: 0 40px;border: 1px solid #f7f7f7;}
.tab1 > li.active a{background: #fff;color: #000;border-color: #333;}

/* Button */
.btnWrap{ margin-top: 30px; }
.btnWrap > *{margin: 0 2px;}
.btn1{ display: inline-block;background: #333;border: 1px solid #333;color: #fff !important;height: 35px;line-height: 35px;padding: 0 20px;font-size: 14px;box-sizing: border-box; }
.btn1.small{ height: 30px;line-height: 30px;padding: 0 10px;font-size: 12px; }
.btn2{ display: inline-block;background: #fff;border: 1px solid #ddd;color: #000 !important;height: 35px;line-height: 35px;padding: 0 20px;font-size: 14px;box-sizing: border-box; }
.btn2.small{ height: 30px;line-height: 30px;padding: 0 10px;font-size: 12px; }

/**************************
	Paging
**************************/
.paging{text-align: center;margin-top: 30px;font-family: empty;font-size: 0;}
.paging a{display: inline-block;vertical-align: middle;margin: 0;margin-right: -1px;position: relative;width: 35px;height: 35px;line-height: 35px;text-align: center;font-size: 16px;font-family: 'ng';color: #adafaf;}
.paging a:after{position: absolute;top: 0;left: 0;width: 100%;height: 100%;line-height: 35px;text-align: center;font-size: 15px;text-indent: 0;}
.paging a.active{color: #28bdbe;font-weight: 600;}
.paging a.prev,
.paging a.next{width: 26px;height: 26px;border: 1px solid #373939;text-indent: -999em;}
.paging a.prev{margin-right: 30px;background:url('/images/sub/prev-icon01.png') center center no-repeat;}
.paging a.next{margin-left: 30px;background:url('/images/sub/next-icon01.png') center center no-repeat;}


/**************************************************
	Layout
**************************************************/
*{box-sizing: border-box;}
#header{position: fixed;width:100%;z-index: 90;transition: all 0.3s;}
#header:after {content:'';position: absolute;width: 100%;height: 1px;bottom: 0;left: 0;background:rgba(255,255,255,0.3);}
#header .inner{position: relative;width: 1160px;height: 90px;margin: 0 auto;}
#header .logo{position: absolute;top: 0;left: 0;height: 100%;line-height: 90px;}
#header .logo h1 {font-size: 0;}
#header.on {background: #060707;}
#header.on .logo h1 {background:url('/images/layout/logo-on.png') center center no-repeat;background-size: 100% auto;}
#header.on .logo img {opacity: 0;}
#gnb{text-align: right;margin-right: 40px;background:url('/images/layout/gnb-line01.png') right center no-repeat;}
#gnb > li{position: relative;display: inline-block;vertical-align: top;}
#gnb > li > a{display: block;padding: 0 20px;line-height: 90px;font-size: 13px;font-weight: bold;color: #ffffff;text-decoration: none;opacity: 0.8;transition: all 0.2s; }
#gnb > li:hover > a, #header.on #gnb > li:hover > a, #gnb > li.active > a {color: #00fcff;}
#header.on #gnb > li > a {color: #a4a7a7;}
#gnb > li > ul{position: absolute;top: 90px;left: -10%;width: 200px;border: none;background: #262727;box-sizing: border-box;visibility: hidden;opacity: 0;transition: all 0.2s;}
#gnb > li > ul li {padding:0 20px;}
#gnb > li > ul li + li {border-top: 1px solid #373939;}
#gnb > li > ul li a{display: block;font-size: 13px;color: #ffffff;line-height: 38px;text-align: left;text-decoration: none;opacity: 0.6;transition: all 0.2s;}
#gnb > li > ul li:hover a {opacity: 1;}

#gnb > li:hover > ul{visibility: visible;opacity: 1;}
#gnb > li.hidden-gnb{display: none;}


#drdw{position: absolute;top: 90px;left: 0;width: 100%;background: #fff;border-top: 1px solid #ddd;border-bottom: 3px solid #00afe5;z-index: 91;display: none;}
#drdw .inner{position: relative;width: 1200px;margin: 0 auto;border-right: 1px solid #e8e8e8;}
#drdw .inner > li{display: inline-block;padding: 25px 0;vertical-align: top;}
#drdw .inner > li:before{content: '';display: block;position: absolute;top: 0;height: 100%;width: 1px;background: #e8e8e8;}
#drdw .inner > li:first-child{border-left-width: 1px;}
#drdw .inner > li > a{display: block;margin-bottom: 15px;font-size: 18px;color: #0859a2;text-align: center;font-weight: bold;}
#drdw .inner > li ul li a{display: block;font-size: 15px;line-height: 25px;color: #555555;text-align: center;}
#drdw .inner > li ul li.active a{font-weight: bold;}
#drdw .inner > li.hidden-gnb{display: none;}

#tnb{position: absolute;top: 10px;right: 0;}
#tnb > li{display: inline-block;margin-left: 10px;box-sizing: border-box;}
#tnb > li a{font-size: 13px;color: #666;}

#hd-lan{position: absolute;top: 40px;right: 110px;z-index: 92;}
#hd-lan > a{display: block;line-height: 40px;padding: 0 22px 0 28px;font-size: 14px;color: #2e3144;text-decoration: none;text-transform: uppercase;background: url('/images/layout/hd-lan-ico.png') no-repeat 0 center, url('/images/layout/hd-lan-spr.png') no-repeat right center;}
#hd-lan > ul{position: absolute;top: 40px;left: 50%;display: none;width: 80px;margin-left: -40px;padding: 10px 0;border: 1px solid #28bdbe;background: #fff;}
#hd-lan > ul:before{position: absolute;top: -7px;left: 50%;content: '';display: block;width: 6px;height: 7px;margin-left: -3px;background: url('/images/layout/hd-lanbox-spr.png');}
#hd-lan > ul li a{display: block;font-size: 14px;line-height: 26px;color: #666666;text-decoration: none;text-align: center;text-transform: uppercase;}
#hd-lan:hover > ul{display: block;}

#hd-sch{position: absolute;top: 39px;right: 0;z-index: 91;}
#hd-sch .btn{display: block;width: 18px;height: 18px;background: url('/images/layout/sch-icon01.png') center center no-repeat;text-indent: -999em;border: none;transition: all 0.2s;}
#hd-sch .btn:hover {background: url('/images/layout/sch-icon01-on.png') center center no-repeat;}
#hd-sch form{position: absolute;display: none;top: 51px;right: 0;width: 300px;padding-right: 58px;overflow: hidden;background: #28bdbe;}
#hd-sch legend{display: none;}
#hd-sch .inp{width: 100%;height: 58px;line-height: 58px;text-indent: 20px;background: none;border: none;color: #ffffff;}
#hd-sch .inp::placeholder {color: #ffffff;}
#hd-sch .sbm{position: absolute;right: 0;top: 0;width: 58px;height: 58px;background: #333 url('/images/layout/hd-sch-btn2.png') no-repeat center center;border: none;text-indent: -999em;}
#hd-sch .sbm:before {content:'';position: absolute;background: #50c7c8;left: 0;top: 13px;width: 1px;height: 30px;}
#hd-sch.on .btn {background:url('/images/layout/close-icon01.png') 0 0 no-repeat;}
#hd-sch.on form{display: block;}

/* #footer{background: #222222;}
#footer .fnbWrap{border-bottom: 1px solid #3d3d3d;}
#footer .fnbWrap .inner{position: relative;width: 1200px;margin: 0 auto;}
#footer .ftWrap{position: relative;width: 1200px;margin: 0 auto;padding: 50px 0;}
#footer address{font-size: 13px;line-height: 20px;color: #b3b3b3;font-style: normal;}
#footer address hr{width: 20px;border: none;display: inline-block;vertical-align: middle;}
#footer address .copyright{display: block;margin-top: 10px;font-size: 12px;color: #777777;}
 */


footer{padding: 70px 0;background: #000000;}
footer > .fusion-row{max-width:1200px;margin: 0 auto;padding: 0 20px;}
footer .footer-row .footer-column{display:inline-block;vertical-align:middle;width:100%;}
footer .footer-row .footer-column._1{text-align:left;max-width:calc(100% - 410px);}
footer .footer-row .footer-column._1 .logo{display:inline-block;vertical-align:top;margin-right:10px;}
footer .footer-row .footer-column._1 .logo img{display:block;width:80px;margin-left:auto;margin-right:auto;opacity:.4;}
footer .footer-row .footer-column._1 .content{display:inline-block;max-width:600px;width:calc(100%-100px);color:#474949;font-family: ng;     -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text;     user-select: text;}
footer .footer-row .footer-column._1 .content span{display:inline-block;white-space:nowrap;margin-right:5px;}
footer .footer-row .footer-column._1 .content strong {font-size: 14px;font-weight: bold;letter-spacing: -0.05em;line-height: 24px;}
footer .footer-row .footer-column._2{text-align:right;max-width:400px;}
footer .footer-column._2 .other-link{font-size:12px;color:#fff;line-height:20px;padding-left:10px;text-decoration: none;opacity: 0.35;transition: all 0.3s;}
footer .footer-column._2 .other-link:hover {opacity: 1;}
footer .footer-column._2 .other-link img {margin-left: 5px;}
footer .download {display: inline-block;width: 200px;height: 48px;border: 1px solid #ffffff;text-align: center;line-height: 46px;font-weight: bold;font-size: 13px;letter-spacing: -0.05em;color: #fff;font-family: 'ng';text-decoration: none;opacity: 0.35;transition: all 0.2s;}
footer .download:hover {opacity: 1;}
footer .download img {margin-left: 10px;margin-top: -4px;}

#sns-ico{display: inline-block;margin-top: 20px;}
#sns-ico li{display: inline-block;margin-right: 15px;opacity: 0.35;transition: all 0.3s;}
#sns-ico li:hover {opacity: 1;}
#gotop{position: absolute;top: 10px;right: 0;display: block;background: url('/images/layout/ft-top-btn.jpg') no-repeat center center;width: 50px;height: 50px;text-indent: -999em;}

#fnb > li{display: inline-block;padding: 0 10px;}
#fnb > li:first-child{padding-left: 0;background: none;}
#fnb > li a{font-size: 15px;color: #b3b3b3;letter-spacing: -1px;line-height: 70px;}

#ft-fam{position: absolute;top: 35px;right: 0;width: 230px;height: 40px;}
#ft-fam > a{display: block;line-height: 40px;padding: 0 15px;border: 1px solid #444444;font-size: 15px;color: #aaaaaa;text-decoration: none;background: url('/images/layout/ft-family-spr.png') no-repeat 92% center;}
#ft-fam ul{position: absolute;bottom: 40px;left: 0;display: none;width: 100%;padding: 5px 15px;background: #444444;box-sizing: border-box;}
#ft-fam ul li{border-top: 1px solid #575757;}
#ft-fam ul li:first-child{border-top: none;}
#ft-fam ul li a{display: block;line-height: 35px;color: #f7f7f7;text-align: center;}
#ft-fam:hover ul{display: block;}

#slide-btn{display: none;text-indent: -999em;width: 30px;height: 20px;position: absolute;top: 50px;right: 0;}
/* #slide-btn{text-indent: -999em;width: 30px;height: 20px;position: absolute;top: 50%;margin-top: -10px;right: 0;} */
#slide-btn button{position: absolute;top: 0;left: 0;width: 26px;height: 22px;border: none;background:url(/images/layout/open-icon01-m.png) 0 0 no-repeat;}
#slide-btn button.on {background-image: url(/images/layout/close-icon01-mo.png);}


#slide-bg{display: none;}

#slide-menu{display: none;}

/**************************************************
	Ajax Popup
**************************************************/
#popup{position: fixed;top: 50%;left: 50%;width: 600px;height: 500px;margin-top: -250px;margin-left: -300px;padding-top: 46px;z-index: 301;background: #fff;border-radius: 5px;overflow: hidden;box-sizing: border-box;opacity: 0;transition: all 0.3s;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
#popup .pop-tit{position: absolute;top: 0;left: 0;width: 100%;height: 45px;background: #f7f7f7;padding: 0 15px;border-bottom: 1px solid #ddd;box-sizing: border-box;}
#popup .pop-tit h3{font-size: 15px;color: #000;font-weight: 300;line-height: 45px;}
#popup .pop-tit .close{display: block;position: absolute;top: 0;right: 0;width: 44px;height: 44px;line-height: 44px;text-align: center;font-size: 16px;color: #666;background: #eee;border-left: 1px solid #ddd;}
#popup .pop-wrap{height: 100%;overflow-y: auto;padding: 15px;box-sizing: border-box;}
#popup.on{opacity: 1;}
#popupBG{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 300;background: rgba(0,0,0,0.5);opacity: 0;transition: all 0.3s;}
#popupBG.on{opacity: 1;}

/* sitemap */
#popup .sitemap{ text-align: center; }
#popup .sitemap > li{display: inline-block;width: 32%;vertical-align: top;margin-bottom: 10px;}
#popup .sitemap > li > a{display: block;text-align: center;font-size: 14px;letter-spacing: -1px;background: #f7f7f7;font-weight: 300;line-height: 40px;border-radius: 3px;}
#popup .sitemap > li ul li{border-top: 1px solid #f7f7f7;text-align: left;}
#popup .sitemap > li ul li:first-child{border-top: none;}
#popup .sitemap > li ul li a{display: block;font-size: 13px;color: #333;line-height: 18px;padding: 10px 0;text-align: center;}

/**************************************************
	Main
**************************************************/
#main{  }
#main #content{  }
#main #mainWrap{position: relative;}

#main .visual{position: relative;}
#main .visual .roll li{position: relative;overflow: hidden;}
#main .visual .roll li img{position: relative;top: 0;left: 50%;margin-left: -960px;}
#main .visual .bx-pager{position: absolute;bottom: 50px;left: 0;width: 100%;z-index: 81;text-align: center;}
#main .visual .bx-pager-item{display: inline-block;margin: 0 5px;}
#main .visual .bx-pager-item a{display: block;width: 24px;height: 24px;background: url('/images/main/visual-bull.png') no-repeat center center / contain;text-indent: -999em;}
#main .visual .bx-pager-item a.active{background-image: url('/images/main/visual-bull-on.png');}

.main_video {position: relative;height: 100vh;overflow: hidden;}
.main_video .overlay {position: absolute;top: 0;left: 0;height: 100vh;width: 100%; z-index: 3;}
.main_video .con { position: absolute; top: 50%;width: 100%;margin-top: 20px;padding: 0; z-index: 5; -ms-transform: translateY(-50%);transform: translateY(-50%);text-align: center;font-size: 0;opacity: 0;}
.main_video .con h2 {text-align: center;margin-bottom: 35px;}


.main_video .con a {display: inline-block;margin: 10px 5px 0;font-family: 'ng';font-weight: bold;font-size: 13px;padding: 13px 0;border: 1px solid #fff;width: 184px;text-align: center;color: #fff;text-decoration: none;transition: all 0.2s;}
.main_video .con a:hover {border-color: #28bdbe;background: #28bdbe;}

.main_video .video{height: 100%;width:100%;overflow:hidden;}
.main_video #video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;height:0;width:100%;padding:0 0 56.25%;}
.main_video iframe{height:calc(100% + 250px);width:100%;position:absolute;top:0;left:0;bottom:0;pointer-events:none;margin-top:-125px;}
.main_video .video-bg{display: none;height: 100%;width: 100%;background-size:cover;background-position:center;background-repeat:no-repeat;}

#mainWrap .inner {max-width: 1200px; margin: 0 auto;}

.__btn1 {display: inline-block;height: 38px;line-height: 36px;border: 1px solid #fff;background: url('/images/main/arrow-icon01.png') 90% center no-repeat;padding: 0 43px 0 15px;font-size: 14px;font-weight: bold;letter-spacing: -0.05em;color: #ffffff!important;text-decoration: none!important;transition: all 0.2s;opacity: 0.4;}
.__btn1:hover {border-color: #fff;opacity: 1;}
.__btn1 {margin-right: 10px;margin-top: 10px;}
.tac .__btn1 {margin-right: 0;}
.tac .__btn1 + .__btn1 {margin-left: 10px;}
.__btn2 {display: inline-block;padding:0 44px;line-height: 44px;border: 2px solid #28bdbe;background: rgba(40,190,191,.15);font-size: 13px;font-weight: bold;font-family: 'ng';color: #28bdbe !important;letter-spacing: -0.05em;text-decoration: none !important;transition: all 0.3s;}
.__btn2:hover {background: #28bebf;font-weight: bold;color: #fff !important;}

.__btn3 {display: inline-block;min-width: 140px;height: 38px;line-height: 36px;border: 1px solid #fff;padding: 0 15px;font-size: 14px;letter-spacing: -0.05em;color: #ffffff!important;text-decoration: none!important;transition: all 0.2s;opacity: 0.4;}
.__btn3:hover {border-color: #fff;opacity: 1;}
.__btn1.green, .__btn3.green {border-color: #28bdbe;color: #28bdbe!important;}
.__btn1.green {background-image: url('/images/main/arrow-icon02.png');}
.__btn3 + .__btn3 {margin-left: 10px;}

.main1 {overflow: hidden;background: #0b0e0e;}
#mainWrap .main1 .inner {max-width: 1270px;}
.main1 ul {display: table;font-size: 0;margin-right: 0;width: 100%;}
.main1 ul > li {position: relative;display: table-cell;vertical-align: top;width: calc(100% / 4);text-align: center;padding: 50px 50px 130px;}
.main1 ul > li strong {display: block;margin-bottom: 20px;text-align: center;line-height: 1;font-weight: bold;font-size: 100px;color: #fff;opacity: 0.1;}
.main1 ul > li:hover strong {color: #28bdbe;opacity: 1;}
.main1 ul > li span {font-weight: 600;font-size: 18px;line-height: 24px;color: #28bdbe;}
.main1 ul > li span:after {display: block;content:'';width: 24px;height: 1px;margin: 13px auto 0;background:#28bdbe; }
.main1 ul > li:hover span {color: #fff;}
.main1 ul > li p {margin-top: 20px;font-size: 12px;line-height: 23px;letter-spacing: -0.02em;color: #adafaf;}
.main1 ul > li .__btn1 {position: absolute;bottom: 60px;left: 50%;margin-left: -68px;}


.main2 {padding: 50px 0;background:url('/images/main/main2-bg01.png') center center no-repeat;background-size: cover;}
.main2 ul {font-size: 0;}
.main2 ul > li {display: inline-block;vertical-align: top;width: calc(100% / 4);text-align: center;}
.main2 ul > li .count {display: block;font-size: 48px;font-weight: 100;color: #060707;}
.main2 ul > li .count span {font-family: 'Open Sans';font-size: 48px;font-weight: 100;color: #060707;}
.main2 ul > li .tit {display: block;font-size: 15px;font-weight: bold;color: #000000;}

.main3 {padding: 90px 0 80px;background: #151616;}
.main3 h2 {font-family: ng;text-align: center;font-size: 50px;font-weight: normal;color: #ffffff;}
.main3 p {margin-top: 15px;text-align: center;font-size: 16px;font-family: 'ng';letter-spacing: -0.02em;color: #adafaf;}
.main3 ul {margin-top: 80px;font-size: 0;}
.main3 ul > li {display: inline-block;vertical-align: top;width:16.666%;text-align: center;padding: 0 10px;}
.main3 ul > li .img {position: relative;display: inline-block;height: 150px;}
.main3 ul > li .img:before {content:'';height: 100%;display: inline-block;vertical-align: middle;}
.main3 ul > li .img img {vertical-align: middle;opacity: 1;transition: all 0.2s;}
.main3 ul > li .img:hover img {opacity: 0;}
.main3 ul > li .img:after {position: absolute;left: 0;top: 0;content:'';width: 100%;height: 100%;background: #ddd;z-index: 1;background:url('/images/main/main3-icon01-on.png') center center no-repeat;background-size: 100%;opacity: 0;transition: all 0.2s;}
.main3 ul > li:nth-child(2) .img:after {background-image: url('/images/main/main3-icon02-on.png');}
.main3 ul > li:nth-child(3) .img:after {background-image: url('/images/main/main3-icon03-on.png');}
.main3 ul > li:nth-child(4) .img:after {background-image: url('/images/main/main3-icon04-on.png');}
.main3 ul > li:nth-child(5) .img:after {background-image: url('/images/main/main3-icon05-on.png');}
.main3 ul > li:nth-child(6) .img:after {background-image: url('/images/main/main3-icon06-on.png');}
.main3 ul > li:hover .img:after {opacity: 1;}
.main3 ul > li strong {display: block;font-weight: normal;font-size: 17px;color: #adafaf;}

.main4 {background: #060707;}
.main4 ul {}
.main4 ul > li {position: relative;font-size: 0;}
.main4 ul > li .con {display: inline-block;vertical-align: top;width: 50%;padding:80px 55px;}
.main4 ul > li .con strong {font-family: ng;letter-spacing: -0.03em;font-weight: normal;font-size: 38px;color: #ffffff;}
.main4 ul > li .con strong:after {margin-top: 15px;content:'';display: block;width: 44px;height: 2px;background: #28bdbe;}
.main4 ul > li .con p {margin-top: 30px;margin-bottom: 30px;font-size: 12px;line-height: 23px;letter-spacing: -0.02em;color: #adafaf;}
.main4 ul > li .img {position: absolute;display: inline-block;vertical-align: top;width: 50%;top: 0;bottom: 0;background:url('/images/main/main4-bg01.gif') center center no-repeat;background-size: cover;}
.main4 ul > li:nth-child(2n) .con {margin-left: 50%;}
.main4 ul > li:nth-child(2) .img {background-image: url('/images/main/main4-bg02.gif');}

.main5 {padding: 90px 0 70px;background: #262727;}
.main5 .inner {max-width: 1160px;}
.main5 h2 {font-family: ng;text-align: center;font-size: 50px;font-weight: normal;color: #ffffff;}
.main5 p {margin-top: 15px;text-align: center;font-size: 16px;font-family: 'ng';letter-spacing: -0.02em;color: #adafaf;}


.main6 {background: #151616;padding:40px 0;}
#mainWrap .main6 .inner {max-width: 1160px;}
.main6 ul {font-size: 0;}
.main6 ul > li {display: inline-block;vertical-align: top;width: calc(100% / 6);text-align: center;}

.main7 {border-top: 1px solid #373939;background: #0b0d0d;padding: 40px 0;}
.main7 .inner {display: table;width: 100%;}
.main7 .inner img {max-width: 100%;}
.main7 .con1, .main7 .con2, .main7 .con3 {display: table-cell;width:33.333%;vertical-align: middle;font-size: 0;}
.main7 .img {position: relative;display: inline-block;vertical-align: top;width: 100%;padding: 20px;padding-bottom: calc(100% - 20px);}
.main7 .img a {position: absolute;top: 20px;bottom: 20px;right: 20px;left: 20px;background-size: cover;background-repeat: no-repeat;background-position: center center;text-indent: -999em;transition: all 0.2s;border: 1px solid #373939;}
.main7 .img .num1 {background-image: url('/images/main/main7-img01.jpg');}
.main7 .img .num2 {background-image: url('/images/main/main7-img02.jpg');}
.main7 .img .num3 {background-image: url('/images/main/main7-img03.jpg');}
.main7 .img .num4 {background-image: url('/images/main/main7-img04.jpg');}
.main7 .img .num5 {background-image: url('/images/main/main7-img05.jpg');}
.main7 .img .num6 {background-image: url('/images/main/main7-img06.jpg');}
.main7 .img .num7 {background-image: url('/images/main/main7-img07.jpg');}
.main7 .img:hover .num1 {background-image: url('/images/main/main7-img01-on.jpg');}
.main7 .img:hover .num2 {background-image: url('/images/main/main7-img02-on.jpg');}
.main7 .img:hover .num3 {background-image: url('/images/main/main7-img03-on.jpg');}
.main7 .img:hover .num4 {background-image: url('/images/main/main7-img04-on.jpg');}
.main7 .img:hover .num5 {background-image: url('/images/main/main7-img05-on.jpg');}
.main7 .img:hover .num6 {background-image: url('/images/main/main7-img06-on.jpg');}
.main7 .img:hover .num7 {background-image: url('/images/main/main7-img07-on.jpg');}
.main7 .con2 .img {width: 50%;padding-bottom: calc(50% - 20px);}
.main7 .con3 .img {padding-bottom: calc(50% - 20px);}


.sub_check,.sub_radio,.sub_file{position:relative;display:inline-block;vertical-align:middle;margin-right:-16px;}
.sub_check label,.sub_radio label,.sub_file{-ms-user-select:none;-moz-user-select:0;-khtml-user-select:none;-webkit-user-select:none;user-select:none;cursor:pointer;font-size:14px;letter-spacing:-.05em;font-family: 'ng';vertical-align:middle;color:#adafaf;margin-right:16px;}

.sub_check input[type="checkbox"],.sub_radio input[type="radio"],.sub_file input[type="file"]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);border:0;margin:-1px;padding:0;}
.sub_check input[type="checkbox"] + label:before{content:' ';display:inline-block;vertical-align:middle;margin-right:10px;width:20px;height:20px;line-height:20px;text-align:center;background:url(/images/sub/chk-icon01.png) 0 0 no-repeat;}
.sub_check input[type="checkbox"]:checked + label:before{background:url(/images/sub/chk-icon01-on.png) 0 0 no-repeat;}

.sub_check span {margin-right: 20px; font-weight: 600; font-size: 16px; color: #28bdbe}
.sub_check span strong {color: #ff0000}

.sub_radio input[type="radio"] + label:before{content:' ';display:inline-block;vertical-align:middle;margin-right:10px;width:20px;height:20px;line-height:20px;background:url(/images/sub/radio-icon01.png) 0 0 no-repeat;}
.sub_radio input[type="radio"]:checked + label:before{background:url(/images/sub/radio-icon01-on.png) 0 0 no-repeat;}

.sub_file{width:460px;height:40px;vertical-align: top;border:1px solid #373939;}
.sub_file label{position:absolute;right:0;top:0;width:90px;margin-right:0;line-height:38px;background:none;border:none;border-left:1px solid #373939;text-align:center;font-size:12px;letter-spacing:-.05em;color:#adafaf;}
.sub_file .upload_name{background:none;border:none;width:100%;height: 38px;background: #1c1d1d;line-height:38px;font-family: 'ng';font-size:12px;letter-spacing:-.05em;color:#adafaf;padding:0 105px 0 15px;}


.request1 {background: #1c1d1d;position: relative;}
.request1:after {position: absolute;content:'';top: 0;left: 0;right: 0;bottom: 0;border: 1px solid #373939;}
.request1 strong {display: block;padding:25px 30px;font-family: 'ng';font-size: 18px;letter-spacing: -0.05em;color: #28bdbe;}
.request1 .con img {width: 100%;}

.request_form .info{overflow:auto;height:150px;margin-top:70px;border:1px solid #373939;padding:30px;}
.request_form .info strong{font-family: 'ng';font-size:18px;letter-spacing:-.05em;color:#adafaf;font-weight: normal;}
.request_form .info p{font-family: 'ng';margin-top:30px;font-size:12px;line-height:24px;letter-spacing:-.05em;color:#adafaf;}
.request_form .info2{margin-top:35px;font-size:12px;letter-spacing:-.05em;color:#adafaf;}
.request_form .info2 strong{color:#28bdbe;}
.request_form fieldset{position:relative;margin-top:15px;}
.request_form fieldset:after {position: absolute;content:'';top: 0;left: 0;right: 0;bottom: 0;border: 1px solid #373939;}

.request_form fieldset + fieldset{margin-top:40px;}
.request_form legend{position:absolute;top:0;left:0;width:1px;height:1px;text-indent:-999em;}
.request_form .legend{display:block;font-family: 'ng';font-size:18px;font-weight: 600;letter-spacing:-.05em;background:#1c1d1e;color:#28bdbe;padding:25px 30px;}
.request_form ul{margin:30px;position: relative;z-index: 1;}
.request_form ul > li{font-size:0;}
.request_form ul > li + li{margin-top:20px;}
.request_form ul > li .tit{display:inline-block;vertical-align:top;width:15%;margin-top: 10px;margin-bottom: 10px;font-family: 'ng';font-size:16px;font-weight: normal;letter-spacing:-.05em;color:#adafaf;}
.request_form ul > li .con{display:inline-block;vertical-align:middle;width:85%;font-family: 'ng';font-size:12px;letter-spacing:-.05em;color:#adafaf;}
.request_form ul > li .con span {display:inline-block;font-family: 'ng';font-size:12px;line-height: 16px;letter-spacing:-.05em;color:#adafaf;}
.request_form ul > li .blue{color:#28bdbe !important;}
.request_form ul > li .gray{color:#474949 !important;}
.request_form ul > li input[type="text"]{padding:0 15px;}
.request_form ul > li select{background:#1c1d1d url('/images/sub/select-icon01.png') right center no-repeat !important;padding:0 30px 0 15px;-webkit-appearance: none;-moz-appearance: none;appearance: none;cursor: pointer;}
.request_form ul > li select::-ms-expand {display: none;}
.request_form ul > li input[type="text"],.request_form ul > li select{width:260px;height:40px;margin-right:10px;margin-bottom: 10px;border:1px solid #373939;vertical-align:middle;background:#1c1d1d;font-size:12px;letter-spacing:-.05em;color:#adafaf;}
.request_form ul > li .w150{width:150px!important;}
.request_form ul > li .w90{width:90px!important;}
.request_form textarea {overflow-y: scroll;padding: 15px ;width: 100%;height: 240px;resize: none;border: 1px solid #373939;background: #1c1d1d;font-size: 12px;letter-spacing: -0.05em;color: #adafaf;}
.request_form ul > li.info3 {text-align: center;padding: 10px 0;font-family: 'ng';font-size: 14px;color: #28bdbe;}



/**************************************************
	Sub
**************************************************/
#sub{ background: #151616; }
#sub #content{ position: relative;width: 1160px;margin: 0 auto;padding: 25px 0 50px; }

#sub #content > *{}

#sub .sub-vis{position: relative;height: 500px;overflow: hidden;text-align: center;background-position: center center;background-size: cover;}
#sub .sub-vis:before{position: relative;content: '';display: inline-block;vertical-align: middle;width: 0;height: 100%;}
#sub .sub-vis h2{position: relative;display: inline-block;vertical-align: middle;text-align: center;margin-top:80px;font-size: 60px;font-weight: 100;color: #fff;letter-spacing: -1px;z-index: 2;}
#sub .sub-vis h2 em{position: relative;display: block;margin-top: 5px;font-style: normal;font-family: 'ng';font-size: 18px;line-height: 1.4;font-weight: normal;color: #d0d1d1;}
#sub .sub-vis h2 em:before {display: block;content:'';margin: 0 auto 25px;width: 50px;height: 2px;background: #28bdbe;}
#sub .sub-tit{position: relative;padding-bottom: 20px;margin-bottom: 40px;}
#sub .sub-tit h3{margin-top: 10px;font-size: 30px;color: #000;}


#sub .sub-vis h2{animation:fadein 1.5s;-moz-animation:fadein 1.5s;-webkit-animation:fadein 1.5s;-o-animation:fadein 1.5s;}
@keyframes fadein {
    from {
        opacity:0;
		top:20px;
    }
    to {
        opacity:1;
		top:0;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
		top:20px;
    }
    to {
        opacity:1;
		top:0;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
		top:20px;
    }
    to {
        opacity:1;
		top:0;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
		top:20px;
    }
    to {
        opacity: 1;
		top:0;
    }
}


.lnbWrap{background: #151616;border-bottom: 1px solid #373939;}
#lnb{width: 1160px;margin: 0 auto;}
#lnb > li{display: inline-block;vertical-align: top;box-sizing: border-box;}
#lnb > li:first-child{}
#lnb > li a{position: relative;display: block;line-height: 72px;font-family: 'ng';font-size: 20px;text-decoration: none;text-align: center;color: #adb0b0;}
#lnb > li:hover a {color: #28bdbe;}
#lnb > li.active a {color: #28bdbe;}
#lnb > li.active a:after {content:'';position: absolute;bottom: -1px;left: 0;width: 100%;height: 1px;background: #28bdbe;z-index: 1;}

#status{max-width: 1160px;margin: 0 auto;}
#status > ul > li{display: inline-block;font-family: 'ng';}
#status > ul > li .spr{display: inline-block;font-family: ng;vertical-align: middle;margin: -4px 5px 0;color: #545757;font-size: 12px;line-height: 11px;}
#status > ul > li a{font-size: 12px;color: #545757;text-decoration: none;}
#status > ul > li:last-child a{color: #28bdbe;}

#navigator{border: 1px solid #ddd;border-width: 1px 0 1px 0;}
#navigator > ul{width: 1200px;position: relative;margin: 0 auto;border-left: 1px solid #ddd;box-sizing: border-box;background: #fff;}
#navigator > ul > li{position: relative;display: inline-block;border-right: 1px solid #ddd;vertical-align: top;z-index: 89;}
#navigator > ul > li > a{display: block;min-width: 200px;font-size: 15px;font-weight: 300;color: #333;text-decoration: none;padding: 0 60px 0 15px;line-height: 50px;background: url('/images/layout/ft-family-spr.png') no-repeat 95% center;}
#navigator > ul > li:first-child a{min-width: 0;width: 50px;text-align: center;padding: 0;background: #f7f7f7;color: #000;}
#navigator > ul > li > ul{position: absolute;top: 50px;left: -1px;width: 100%;border: 1px solid #ddd;visibility: hidden;opacity: 0;transition: all 0.2s;}
#navigator > ul > li > ul li a{display: block;padding: 12px 15px;font-size: 15px;border-top: 1px solid #ddd;text-decoration: none;transition: all 0.3s;}
#navigator > ul > li > ul li:first-child a{border-top: none;}
#navigator > ul > li > ul li:hover a{background: #f7f7f7;}
#navigator > ul > li.on > ul{background: #fff;visibility: visible;opacity: 1;}
#navigator > ul > li > ul li.hidden-gnb{display: none;}

/* 약관 내용 출력 박스 */
.policybox{color: #666;font-size: 13px;line-height: 20px;}

.sub_divi {margin: 59px 0;width: 100%;height: 1px;border: none;background: #373939;}

.about1 {}
.about1 .video {position: relative;width: 100%;padding-bottom: 56.4%;}
.about1 .video iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.about1 p {margin-top: 50px;font-family: 'ng';font-size: 13px;line-height: 24px;letter-spacing: -0.01em;color: #adafaf;}

.sub_tit1 {font-size: 35px;font-weight: normal;font-family: 'ng';color: #ffffff;}
.sub_tit1:after {content:'';display: block;width: 40px;height: 2px;margin-top: 20px;background: #28bdbe;}
.sub_txt1 {margin-top: 30px;font-family: 'ng';font-size: 15px;line-height: 28px;letter-spacing: -0.05em;color: #a7a7a7;}

.about2 {}
.about2 .inner {margin-top: 25px;font-size: 0;}

.about2 .ceo {display: inline-block;vertical-align: top;width: 28%;}
.about2 .con {display: inline-block;vertical-align: top;width: 72%;padding-left: 6%;}
.about2 .con .tit {font-weight: normal;display: block;line-height: 1;font-size: 54px;color: #28bdbe;margin-top:-5px;}
.about2 .con p {margin-top: 30px;font-weight: bold;font-size: 12px;font-family: 'ng';line-height: 24px;letter-spacing: -0.01em;color: #a7a7a7;}
.about2 .con .name {display: block;margin-top: 35px;font-family: 'ng';font-size: 18px;letter-spacing: -0.05em;color: #adafaf;}
.about2 .con .name strong {margin-left: 10px;font-size: 22px;font-weight: normal;letter-spacing: -0.05em;color: #adafaf;}
.about2 .con .name img {margin-left: 20px;height: 105px;}

.about3 {}
.about3 .sub_tit1:after {margin-top: 15px;}
.about3 .img1 {display: inline-block;vertical-align: top;width: 31%;}
.about3 .inner {font-size: 0;}
.about3 .con {display: inline-block;vertical-align: top;width: 69%;padding-left: 3%;}
.about3 .con > img {max-width: 554px;width: 100%;}
.about3 .con > p {margin-top: 25px;font-size: 12px;line-height: 24px;letter-spacing: -0.01em;color: #a7a7a7;}
.about3 .img2 {margin: 50px auto 0;padding: 90px 30px;border: 1px solid #373939;text-align: center;background: #060807;}
.about3 .img2 img {margin: 0 auto;}
.about4 > h5 {margin-top: 20px;font-size: 18px;font-family: ng;font-weight: 600;color: #28bdbe;}
.about4 > p {margin-top: 20px;font-family: 'ng';font-size: 12px;line-height: 24px;letter-spacing: -0.05em;color: #a7a7a7;}
.about4 ul {margin-top: 25px;font-size: 0;}
.about4 ul > li {display: inline-block;vertical-align: top;width: 31%;margin-right: 3.5%;}
.about4 ul > li:nth-child(3n) {margin-right: 0;}
.about4 ul > li img {max-width: 100%;}
.about4 ul > li .line {display: block;border: 1px solid #373939;}
.about4 ul > li strong {margin-bottom: 10px;display: block;font-size: 12px;color: #a7a7a7;}

.about5 {}
.about5 ul {margin-top: 40px;margin-bottom: -3.8%;}
.about5 ul > li {display: inline-block;vertical-align: top;width: 13.5%;margin-bottom: 3.8%;margin-right: 3.8%;}
.about5 ul > li:nth-child(6n) {margin-right: 0;}
.about5 ul > li img {max-width: 100%;}

.service1 {padding: 5%;border: 1px solid #373939;background:url('/images/sub/service1-bg01.jpg') center center no-repeat;background-size: cover;}
.service1 > strong {font-size: 32px;font-family: 'ng';font-weight: normal;letter-spacing: -0.05em;color: #28bdbe;}
.service1 > p {margin-top: 20px;font-family: 'ng';font-size: 14px;letter-spacing: -0.05em;color: #adafaf;}
.service1 ul {max-width: 420px;margin-top: 20px;font-size: 0;border-top: 1px solid #373939;}
.service1 ul > li {display: inline-block;vertical-align: top;width: 50%;margin-top: 15px;font-family: 'ng';font-size: 14px;letter-spacing: -0.05em;color: #adafaf;}
.service1 ul > li img {}
.service1 ul > li span {display: inline-block;width: 45px;}

.service2 {margin-top: 60px;}
.process {margin-top: 40px;font-size: 0;}
.process > img {display: inline-block;vertical-align: top;border: 1px solid #373939;width: 65.5%;}
.process > .con {display: inline-block;vertical-align: top;width: 34.5%;padding-left: 3.4%;}
.process > .con strong {display: block;max-width:280px;text-align: center;font-size: 22px;font-weight: normal;color: #28bdbe;}
.process > .con ol {position: relative;margin-top: 15px;}
.process > .con ol:before {position: absolute;top: 5px;bottom: 5px;left: 0;content:'';width: 1px;border-left: 1px dashed #adafaf;}
.process > .con ol > li {position: relative;padding-left: 24px;font-family: 'ng';font-size: 12px;color: #adafaf;}
.process > .con ol > li + li {margin-top: 15px;}
.process > .con ol > li:before {content:'';position: absolute;top: 4px;left: -3px;width: 7px;height: 7px;background:url('/images/sub/process-icon01.png') 0 0 no-repeat;}
.process > .con ol > li:last-child {color: #28bdbe;}
.process > .con ol > li:last-child:before {left: -6px;top: 0;width: 14px;height: 14px;background:url('/images/sub/process-icon02.png') 0 0 no-repeat;}
.process > .con .btn_wrap {margin-top: 35px;font-size: 0;}
.process > .con .btn_wrap a {display: inline-block;font-family: ng;font-size: 13px;font-weight: bold;width: 141px;height: 43px;margin-right: 10px;margin-bottom: 10px;border: 1px solid #fff;line-height: 41px;text-align: center;color: #fff;text-decoration: none;opacity: 0.5;transition: all 0.3s;}
.process > .con .btn_wrap a.green {color: #28bdbe;border-color: #28bdbe;}
.process > .con .btn_wrap a:hover {opacity: 1;}

.service4 {}
.service4 .sub_tit1 {}
.service4 .sub_txt1 {}
.service4 .inner {font-size: 0;margin-top: 35px;}
.service4 .inner .video {position: relative;display: inline-block;vertical-align: top;width: 65.5%;padding-bottom: 36%;}
.service4 .inner .video iframe {position: absolute;display: inline-block;vertical-align: top;top: 0;left: 0;width: 100%;height: 100%;}
.service4 .inner .img {position: relative;display: inline-block;vertical-align: top;width: 32%;margin-left: 2.5%;padding-bottom: 36%;background: #ddd;}
.service4 .inner .img img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.service6 {}
.service6 ul {position: relative;margin-top: 35px;font-size: 0;}
.service6 ul > li {display: inline-block;vertical-align: top;width: 23%;margin-right: 2.66666%;}
.service6 ul > li:nth-child(4n) {margin-right: 0;}
.service6 ul > li strong {font-size: 18px;font-weight: 600;font-family: 'ng';letter-spacing: -0.05em;color: #28bdbe;}
.service6 ul > li img {max-width: 100%;margin-top: 20px;}
.service6 ul > li a {display:block;position:absolute;top:0;left:0;width:100%;height:100%;text-indent:-999em;z-index:1;}

.service7 {}
.service7 ul {font-size: 0;margin: 0 -1%;}
.service7 ul > li {display: inline-block;vertical-align: top;width: 12.5%;padding:3% 1% 0;text-align: center;}
.service7 ul > li img {max-width: 100%;}
.service7 ul > li span {display: block;margin-top: 10px;text-align: center;font-family: 'ng';font-size: 13px;color: #adafaf;letter-spacing: -0.023px;}

.work_list {margin:15px -20px -20px;font-size: 0;}
.work_list > li {position: relative;display: inline-block;vertical-align: top;width:33.333%;padding: 20px;}
.work_list > li .img {width: 100%;padding-bottom: 100%;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.work_list > li a {display:block;position:absolute;top:20px;left:20px;right: 20px;bottom: 20px;text-indent:-999em;background: rgba(40,189,190,0.8) url(/images/main/more-icon01.png) center center no-repeat;z-index:1;opacity: 0;transition: all 0.5s;}
.work_list > li:hover a {opacity: 1;}

.work_cate {font-size: 0;margin-top: -30px;}
.work_cate > li {position: relative;display: inline-block;vertical-align: middle;margin-right: 10px;padding-left: 10px;padding-top: 10px;}
.work_cate > li a {text-decoration: none;font-size: 15px;font-family: 'ng';color: #adafaf;}
.work_cate > li.active a {color: #28bdbe;}
.work_cate > li:first-child{padding-left: 0;}
.work_cate > li:before {position: absolute;top: 12px;left: 0;content:'';display: inline-block;width: 1px;height: 15px;background: #adafaf;}
.work_cate > li:first-child:before{display: none;}


.thumb-wrap{font-size:0;}
.thumb-list{display:inline-block;vertical-align:top;width:74%;}
.thumb-list > li{overflow:hidden;border-bottom:1px solid #373939;font-size:0;padding:30px 0;}
.thumb-list > li .img{position:relative;float:left;font-size:0;}
.thumb-list > li .img span{display:inline-block;width:320px;height:202px;background:#fff;background-repeat:no-repeat;background-position:center center;background-size:cover;}
.thumb-list > li .img a{display:block;position:absolute;top:0;left:0;right:0;bottom:0;text-indent:-999em;background:rgba(40,189,190,0.8) url(/images/main/more-icon01.png) center center no-repeat;z-index:1;opacity:0;transition:all .5s;}
.thumb-list > li .img:hover a{opacity:1;}
.thumb-list > li .con{overflow:hidden;padding-left:40px;}
.thumb-list > li .con a{font-family: 'ng';font-size:18px;font-weight:400;letter-spacing:-.05em;color:#28bdbe;text-decoration:none;transition:all .3s;}
.thumb-list > li .con a:hover{color:#fff;}
.thumb-list > li .con p{margin-top:25px;font-size:12px;line-height:24px;letter-spacing:-.05em;font-family: 'ng';color:#adafaf;}
.thumb-list > li .btn{clear:both;padding-top: 20px;}
.thumb-list > li .btn .cate{float:left;font-family: 'ng';font-size:12px;color:#fff;}
.thumb-list > li .btn .cate a{font-size:12px;font-weight:700;text-decoration:none;color:#fff;}
.thumb-list > li .btn .more{float:right;font-family: 'ng';font-weight:700;font-size:12px;padding-right: 20px;background:url('/images/sub/arrow-icon01.png') right 5px no-repeat;color:#fff;text-decoration:none;}
.thumb-list > li .btn .cate a:hover,.thumb-list > li .btn .more:hover{color:#28bdbe;transition:all .3s;}
.thumb-list > li .btn .more:hover {background:url('/images/sub/arrow-icon01-on.png') right 5px no-repeat;}
.thumb-wrap .right{display:inline-block;vertical-align:top;width:26%;padding-left:80px;}
.thumb-wrap .searchForm {position: relative;}
.thumb-wrap .searchForm input[type="text"] {padding: 0 10px 0 40px;width: 260px;line-height: 40px;height: 40px;border: 1px solid #373939;background: #1c1d1d;color: #adafaf;}
.thumb-wrap .searchForm input[type="text"]::placeholder {font-size: 12px;color: #474949;}
.thumb-wrap .searchForm input[type="text"]:-ms-input-placeholder {font-size: 12px;color: #474949;}
.thumb-wrap .searchForm input[type="text"]::-ms-input-placeholder {color: #ccc;font-weight: 400;}
.thumb-wrap .searchForm button {position: absolute;top: 1px;left: 1px;width: 38px;height: 38px;border: none;background: none;pointer-events:none;}

.thumb-view {display:inline-block;vertical-align:top;width:74%;}
.thumb-view h4 {font-family: 'ng';font-weight: normal;font-size: 40px;letter-spacing: -0.05em;color: #28bdbe;}
.thumb-view .info1 {margin-top: 40px;}
.thumb-view .info1 strong {display: block;font-family: 'ng';font-weight: normal;font-size: 12px;letter-spacing: -0.05em;color: #28bdbe;}
.thumb-view .info1 span {display: block;margin-top: 10px;font-family: 'ng';font-size: 18px;line-height: 26px;letter-spacing: -0.05em;color: #adafaf;}

.thumb-view .con {}
.thumb-view .con .tit {display: block;background:url(/images/sub/list-icon01.png) 0 center no-repeat;margin-top: 35px;padding: 0 15px;font-size: 18px;font-weight: normal;font-family: 'ng';letter-spacing: -0.05em;color: #28bdbe;}
.thumb-view .con .tit + p {margin-top: 5px;}
.thumb-view .con p {margin-top: 20px;padding:0 15px;font-size: 12px;line-height: 24px;letter-spacing: -0.05em;color: #adafaf;}
.thumb-view .con p .blue {font-size: 12px;color: #28bdbe;}
.thumb-view .con .img {margin-top: 25px;border: 1px solid #373939;}
.thumb-view .con .img img {width: 100%;}

.thumb-view .info2 {border-top: 1px solid #373939;border-bottom: 1px solid #373939;padding: 60px 0;margin-top: 60px;}
.thumb-view .info2 .img {float: left;width: 80px;height: 80px;border: 1px solid #373939;}
.thumb-view .info2 .img img {width: 78px;height: 78px;}
.thumb-view .info2 .con {overflow: hidden;padding-left: 30px;}
.thumb-view .info2 .con strong {font-size: 14px;color: #adafaf;}
.thumb-view .info2 .con p {margin: 15px 0 0;padding: 0;}

.comment_form {}
.comment_form fieldset {margin-top: 60px;font-size: 0;}
.comment_form legend {margin-bottom: 20px;font-size: 18px;color: #ffffff;}
.comment_form input[type="text"], .comment_form textarea {border: 1px solid #373939;background: #1c1d1d;font-family: 'ng';font-size: 12px;color: #adafaf;}
.comment_form input[type="text"] {margin-bottom: 20px;width: 48%;height: 40px;margin-right: 3.5%;padding: 0 15px;}
.comment_form input[type="text"]:nth-of-type(2n) {margin-right: 0;}

.comment_form input[type="password"], .comment_form textarea {border: 1px solid #373939;background: #1c1d1d;font-family: 'ng';font-size: 12px;color: #adafaf;}
.comment_form input[type="password"] {margin-bottom: 20px;width: 48%;height: 40px;margin-right: 3.5%;padding: 0 15px;}
.comment_form input[type="password"]:nth-of-type(2n) {margin-right: 0;}


.comment_form textarea {width: 100%;height: 213px;border: 1px solid #373939;padding: 15px;resize: none;}
.comment_form button {width: 100%;height: 40px;margin-top: 15px;border: 1px solid #353737;background: #1c1d1d;font-size: 12px;color: #adb1b1;}
.comment_form p {margin-top: 20px;font-size: 12px;color: #adb1b1;}

.lab_lnb .tit {display: block;margin-top: 40px;font-size: 14px;font-family: 'ng';color: #28bdbe;}
.lab_lnb ul {margin-top: 20px;}
.lab_lnb ul > li {border-bottom: 1px solid #373939;}
.lab_lnb ul > li a {display: block;text-decoration: none;font-weight: bold;font-family: 'ng';font-size: 12px;line-height: 46px;letter-spacing: -0.05em;color: #adafaf;background:url('/images/sub/lnb-arrow01.png') right center no-repeat;}
.lab_lnb ul > li:hover a {color: #28bdbe;background-image: url('/images/sub/lnb-arrow01-on.png');}

.work_view {position: relative;padding-top: 40px;border-top: 1px solid #373939;max-width: 1160px;margin: 0 auto;}
.work_view:before {position: absolute;top: -1px;left: 0;content:'';width: 60px;height: 1px;background: #28bdbe;}
.work_view h4 {font-family: 'ng';font-weight: normal;font-size: 32px;letter-spacing: -0.05em;color: #28bdbe;}
.work_view .vr {width: 100%;height: 500px;margin-top: 50px;background: #ddd;}
.work_view .work_con {}
.work_view .work_con img {margin-top: 40px;}
.work_view .work_con p {margin-top: 20px;font-size: 12px;line-height: 24px;letter-spacing: -0.05em;color: #adafaf;}



.work_foot {margin-top: 65px;padding: 28px 25px;border-top: 1px solid #28bdbe;border-bottom: 1px solid #28bdbe;font-size: 0;}
.work_foot > li {display: inline-block;vertical-align: top;width: 25%;}
.work_foot > li strong {display: inline-block;vertical-align: middle;font-size: 14px;font-weight: 600;color: #28bdbe;}
.work_foot > li strong:after {content:'';display: inline-block;width: 1px;height: 12px;margin: 0 10px;background: #28bdbe;}
.work_foot > li span {display: inline-block;vertical-align: middle;font-size: 14px; letter-spacing: -.02em;font-family:"Open Sans","Malgun Gothic","맑은 고딕", sans-serif;color: #adafaf;font-weight: 600;}

.work_project {margin-top: 90px;padding: 50px 0;background: #262727;}
.work_project h5 {color: #ffffff;font-weight: normal;text-align: center;font-size: 36px;color: #ffffff;}
.work_project ul {max-width: 1160px;margin: 30px auto 0;}
.work_project ul > li {display: inline-block;vertical-align: top;width: 31%;margin-right: 3%;}
.work_project ul > li:nth-child(3n) {margin-right: 0;}
.work_project ul > li .img_wrap {position: relative;}
.work_project ul > li .img {width: 100%;padding-bottom: 100%;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.work_project ul > li .tit {display: block;margin-top: 25px;font-family: 'ng';font-size: 18px;line-height: 24px;color: #28bdbe;}
.work_project ul > li .cover {position: absolute;width: 100%;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;background: rgba(40,189,190,0.8) ;font-size: 0;opacity: 0;transition: all 0.5s;}
.work_project ul > li .cover:before {content:'';height: 100%;display: inline-block;vertical-align: middle;}
.work_project ul > li .cover .inner {display: inline-block;width: 100%;vertical-align: middle;text-align: center;}
.work_project ul > li .cover .inner .tit1 {display: block;font-size: 14px;color: #ffffff;}
.work_project ul > li .cover .inner .tit2 {margin-top: 5px;display: inline-block;padding-bottom: 9px;line-height: 1;border-bottom: 1px solid #ffffff;font-size: 28px;font-weight: normal;letter-spacing: -0.05em;color: #ffffff;}
.work_project ul > li .cover .inner .date {display: block;margin-top: 10px;font-size: 12px;color: #ffffff;}
.work_project ul > li .cover .inner a {display:block;position:absolute;top:0;left:0;width:100%;height:100%;text-indent:-999em;z-index:1;}
.work_project ul > li:hover .cover {opacity: 1;}

.download {}
.download .list { display: flex;flex-wrap: wrap;font-size: 0;margin:20px -1.5% 0;}
.download .list > li {border: 1px solid #373939;display: inline-block;vertical-align: top;position: relative;width: 46.5%;margin: 1.5%;}
.download .list > li > strong {display: block;padding:0 7%;font-size: 18px;line-height: 70px;background: #1c1d1d;color: #28bdbe;}
.download .list > li > ul {margin: 7%;}
.download .list > li > ul > li {overflow: hidden;padding-left: 12px;background:url('/images/sub/list-bg01.png') 0 8px no-repeat;}
.download .list > li > ul > li + li {margin-top: 12px;}
.download .list > li > ul > li > strong {font-size: 16px;font-weight: normal;letter-spacing: -0.05em;color: #adafaf;}
.download .list > li > ul > li > a {float: right;line-height: 36px;font-size: 12px;width: 136px;height: 38px;color: #fff;font-family: 'ng';border: 1px solid #fff;text-align: center;text-decoration: none;opacity: 0.5;transition: all 0.2s;}
.download .list > li > ul > li > a:hover {opacity: 1;}
.download .list > li > ul > li > a img {margin-left: 10px;}

.faq_wrap {}
.faq_list {}
.faq_list > li {border-bottom: 1px solid #373939;}
.faq_list > li:first-child{border-top: 1px solid #373939;}
.faq_list > li a {display: block;padding: 22px 30px 22px 60px;background:#1d1d1d url('/images/sub/faq-icon01.png') 30px 27px no-repeat;font-family: 'ng';font-size: 20px;font-weight: bold;letter-spacing: -0.05em;color: #717575;text-decoration: none;transition: all 0.2s;}
.faq_list > li a:hover {background-image: url('/images/sub/faq-icon01-on.png');color: #28bdbe;}
.faq_list > li .txt {display: none;padding: 25px 30px;border-top: 1px solid #373939;font-family: 'ng';font-size: 12px;line-height: 24px;letter-spacing: -0.05em;color: #adafaf;}
.faq_list > li.active a {background-image: url('/images/sub/faq-icon01-ac.png');color: #28bdbe;}

.request_pop {}
.request_pop .bg {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 100;background:rgba(0,0,0,0.5);}
.request_pop .con {display: none;position: fixed;top: 50%;left: 50%;padding: 0 60px;margin-top: -175px;margin-left: -320px;width: 90%;max-width: 640px;height: 347px;overflow: auto;border: 1px solid #373939;background: #000000;text-align: center;z-index: 101;}
.request_pop .con strong {display: block;margin-top: 55px;font-weight: normal;font-size: 36px;font-family: ng;line-height: 48px;letter-spacing: -0.05em;color: #ffffff;}
.request_pop .con span {display: block;margin-top: 5px;font-size: 24px;color: #28bdbe;}
.request_pop .con p {margin-top: 20px;padding-top: 25px;border-top: 1px solid #373939;font-size: 12px;font-weight: bold;line-height: 20px;letter-spacing: -0.05em;color: #adafaf;}
.request_pop .con button {position: absolute;border: none;background: none;top: 20px;right: 20px; }

#map {height: 600px;background: #ddd;}
.loca {margin-top: 55px;}
.loca ul {margin-top: 30px;font-size: 0;margin-bottom: -60px;}
.loca ul > li {display: inline-block;vertical-align: top;width: 33.333%;padding-left: 80px;padding-right: 30px;margin-bottom: 60px;background-repeat: no-repeat;background-position: 0 0;}
.loca ul > li:nth-child(1) {background-image: url('/images/sub/loca-icon01.png');}
.loca ul > li:nth-child(2) {background-image: url('/images/sub/loca-icon02.png');}
.loca ul > li:nth-child(3) {background-image: url('/images/sub/loca-icon03.png');}
.loca ul > li:nth-child(4) {background-image: url('/images/sub/loca-icon04.png');}
.loca ul > li:nth-child(5) {background-image: url('/images/sub/loca-icon05.png');}
.loca ul > li:nth-child(6) {background-image: url('/images/sub/loca-icon06.png');}
.loca ul > li strong {display: block;font-family: 'ng';font-size: 12px;letter-spacing: -0.05em;color: #fff;}
.loca ul > li span {display: block;margin-top: 5px;font-weight: bold;font-family: 'ng';font-size: 18px;color: #28bdbe;}
.loca ul > li p {display: block;margin-top: 5px;font-family: 'ng';font-size: 12px;line-height: 24px;letter-spacing: -0.05em;color: #adafaf;}
.loca ul > li p + strong {margin-top: 15px;}


/* 메인 하단 지도 수정 210709 웹퍼 sj */
#main-map .roughmap_lebel_text {display: none !important}
#main-map .roughmap_maker_label:after {opacity: 0 !important}
#main-map > div > .wrap_map > .map > div > div > div:nth-child(6) > div > img {opacity: 1 !important}
#main-map > div > .wrap_map > .map > div > div > div:nth-child(6) > div:first-child:after {content: ''; position: absolute; top: -38px; left: -47px; width: 125px; height:81px; background: url('../images/main/main_map_ico.png') no-repeat !important}