@charset "utf-8";
@import url('//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100&display=swap');
* { font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif'; }
#wrap {width: 100%;position: relative;margin: 0;padding: 141px 0 0}
.mwheader {display: none}
img {max-width:100%}
body {line-height:1.4;color:#333}
.container {max-width:1520px;margin:0 auto;padding:0 20px;}

#container h3 {font-size:18px;margin-bottom:110px;font-weight:normal;position:relative;}
#container h3 strong {font-size:80px;color:#000;display:block;font-weight:700;text-transform:uppercase}
#container.sub h3 {margin-bottom:80px;}

/*header*/
.header {position: absolute;width: 100%;top:0;z-index: 100;background:#fff;}
.header .inner {padding-top: 0;max-width: 1520px;margin:0 auto;padding:0 20px;}
.header h1 {display: inline-block;float: left}
.header h1 a {display: block;width: 141px;height: 141px;font-size:0;line-height:0;background: url(../images/common/logo.png) 0 0 no-repeat;}
.header h1 a:hover {background-image: url(../images/common/img_logo.gif)}
.header #gnb {float: right;margin-top: 40px;letter-spacing: 0;}
.header #gnb li {float: left}
.header #gnb>ul>li {position: relative;height:29px;display:flex;align-items:center;;}
.header #gnb>ul>li>a {display:block;font-size:18px;font-weight:600;color: #000;margin-left:70px}
.header #gnb>ul>li:hover ul {display:block;}
.header #gnb>ul>li:first-child>a {margin-left:0}
.header #gnb>ul>li>a:hover, .header #gnb>ul>li.on>a {color: #feaf01}
.header #gnb>ul>li>ul {display: none;top:100%;position: absolute;background: url(../images/common/bg_gnb.png) 100% 0 no-repeat;}
.header #gnb>ul>li>ul>li {height: 38px;line-height: 38px;text-align: center}
.header #gnb>ul>li>ul>li:first-child {padding-left:27px;background: url(../images/common/bg_gnb.png) 0 0 no-repeat;}
.header #gnb>ul>li>ul>li>a {font-weight:600;color: #fff;background: #f8ad07 url(../images/common/bg_line.gif) 0 12px no-repeat;padding: 0 14px;}
.header #gnb>ul>li>ul>li>a:hover {color: #660000}
.header.fixed #gnb>ul>li>ul>li>a {color: #fff;background: #232323 url(../images/common/bg_line_02.gif) 0 12px no-repeat;font-weight:normal;}
.header.fixed #gnb>ul>li>ul>li>a:hover {color: #feaf01}
.header #gnb>ul>li>ul>li:first-child>a {background-image: none}
.header #gnb>ul>.menu01>ul {width: 468px}
.header #gnb>ul>.menu05>ul {width: 210px;right:-20px}
.header #gnb>ul>.menu06 a {width:30px;height:20px;background:url(/images/new/toggle.png) no-repeat 50%;font-size:0;;}
.header #gnb>ul>.menu07 a {width:30px;height:29px;background:url(/images/new/toggle_close.png) no-repeat 50%;font-size:0;display:none;}
.header #gnb>ul>li>ul>.m06 a {width: 60px}
.header #gnb>ul>li>ul>.m07 a {width: 45px}
.header #gnb>ul>li>ul>.m08 a {width: 60px}
.header #gnb>ul>li>ul>.m09 a {width: 43px}
.header #gnb>ul>li>ul>.m10 a {width: 55px}
.header #gnb>ul>li>ul>.m11 a {width: 60px}
.header #gnb>ul>li>ul>.m12 a {width: 45px}
.header #gnb>ul>li>ul>.m13 a {width: 45px}

.header.fixed {position: fixed;background: #feaf01;top:0}
.header.fixed .inner {padding-top: 0;}
.header.fixed h1 a {margin-top: 12px;width: 110px;height: 47px;font-size:0;line-height:0;background: url(../images/common/logo_fixed.png) 0 0 no-repeat;}
.header.fixed #gnb {float: right;margin-top: 23px;height: 50px}
.header.fixed #gnb>ul>li>a:hover, .header.fixed #gnb>ul>li.on>a {color: #000}
.header.fixed #gnb>ul>li>ul {background-position:100% -38px}
.header.fixed #gnb>ul>li>ul>li:first-child {background-position: 0 -38px}
.header #gnb.all>ul>.menu06 a {display:none;}
.header #gnb.all>ul>.menu07 a {display:block;}
.header #gnb:before {content:"";position:fixed;top:0;left:0;right:0;;width:100%;height:0;opacity:0;;background:#000;transition:all 0.3s ease}
.header #gnb.all:before {transition:all 0.3s ease;height:480px;opacity:.15;}
.header #gnb.all>ul>li>ul {display:block !important;background:none !important;width:auto !important;}
.header #gnb.all>ul>li>ul>li {float:none;text-align:left;padding-left:0 !important;background:none !important;color:#000;font-weight:normal;height:auto;line-height:normal;margin-top:30px;}
.header #gnb.all>ul>li>ul>li>a {background:none !important;color:#000;font-weight:normal;padding:0;font-size:20px;white-space:nowrap;transition:padding 0.2s linear}
.header #gnb.all>ul>li>ul>li>a:hover {padding-left:10px;background:url(/images/new/hover.png) no-repeat 0 50% !important;transition:padding 0.2s linear;color:#000}
.header #gnb.all>ul>.menu05>ul {margin-left:70px;right:auto}

.btnTop {position: fixed;right: 20px;bottom: -100px;z-index: 10}
.btnTop a {display: block;width: 55px;height: 55px}

/*visualArea*/
/* #visualArea {position: relative;top:0;max-width:1920px;margin: 0 auto;height: 580px;background-repeat:no-repeat;background-position:center 0;background-color:#000;overflow: hidden;} */
#visualArea {position: relative;top:0;margin: 0 auto;margin-top: -150px;height: 948px;background-repeat:no-repeat;background-position:center 0;background-color:#fff;overflow: hidden;}
#visualArea .item {width: 100%;height:100%;background-position: 50% -150px;background-size:cover;text-align: center;}
#visualArea .item a {display: block;width: 100%;height: 100%;font-size:0}
#visualArea .swiper-pagination {bottom:5%}
#visualArea .swiper-pagination-bullet {width: 15px;height: 15px;}
#visualArea .swiper-pagination-bullet-active {background: #feaf01;}
#visualArea .item .only-mobile {display: none;}
/*#visualArea .item.second {background-image:url(../images/common/visual_02.jpg)}
#visualArea .item.third {background-image:url(../images/common/visual_03.jpg)}*/
.txtZone {max-width: 1520px;height: 580px;margin: 0 auto;position: relative;top: 230px}
.txtZone .tit {font-family: 'Helvetica';font-size: 73px;font-weight:600;color: #fff;position: relative;top:0px;z-index:10}
.txtZone .txt {margin-top: 20px;color: #fff;font-size: 18px;font-weight:600;position: relative;top:0;z-index:10}
.txtZone .txt a {color:#fff}
.txtZone .img {position: absolute;right:0;top: -100px;z-index:0}
.btnDown {position: absolute;left: 50%;top: 496px;margin-left: -27p;display: none;x}
.owl-controls {position: relative;top: -75px;max-width: 1520px;margin: 0 auto;}
.owl-pagination {position: absolute;right: 0}
.owl-page {float: left;margin-left: 22px;}
.owl-page span {width: 14px;height: 14px;font-size:0;line-height:0;background: url(../images/common/bg_rolling.png) 100% 0 no-repeat;}
.owl-page:first-child {margin-left: 0}
.owl-page.active span {background-position:0 0}
.owl-buttons {display: none}

/*container*/
#office {margin:180px auto;position: relative;}
#office .bg{position: absolute;z-index:-1;background:#f6f1ec;left:0;right:0;text-align:center}
#office .container {max-width: 1520px;margin: 0 auto;position: relative;padding:0 20px;}
#office .container .img {position:relative;margin-bottom:8%;}
#office .container .img .copy {position:absolute;padding-left:7%;padding-top:42%;z-index:1;left:0;top:0;}
#office .container .img .copy h3 {display:none;}
#office .container .img .copy strong {font-size:36px;color:#000}
#office .container .img .copy p {font-size:18px;color:#999;margin-top:1em }
#office .container .img .thumb {position:absolute; right:0;bottom:-8%;max-width:50%}
#office .container .img .thumb img:last-child {display: none;}
#office .container .row {display:flex;justify-content:space-between;flex-wrap:wrap;margin-left:-20px;margin-right:-20px;}
#office .container .row .col {padding:20px 20px;width:calc(33.3333% - 40px)}
#office .container .row .col img:last-child {display: none;}
#notice {background:#f8f9fa;padding:160px 0;}
#notice .notice-slider {position:relative}
#notice .swiper-container {padding-bottom:5px;}
#notice .swiper-slide {box-shadow:0 0 5px rgba(0,0,0,0.1);padding-bottom:5px;background:#fff;}
#notice .swiper-slide .thumb {}
#notice .swiper-slide .thumb span {display:block;position: relative;padding-top:75%;overflow:hidden;}
#notice .swiper-slide .thumb span img {position:absolute;left:0;top:0;height:100%;object-fit:cover;width:100%;}
#notice .swiper-slide .info {background:#fff;padding:1.5em;}
#notice .swiper-slide .info .date {font-size:16px;display:block;padding-left:24px;background:url(/images/new/ic_cal.png) no-repeat 0 50%;;}
#notice .swiper-slide .info strong {display:block;color:#000;font-size:21px;margin:5px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#notice .swiper-slide .info p {font-size:18px;overflow: hidden;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 2; /* 라인수 */    -webkit-box-orient: vertical;    word-wrap:break-word; }
#notice .swiper-button-prev, #notice .swiper-button-next {width:34px;height:60px;margin-top:-30px;}
#notice .swiper-button-prev {left:-60px;background:url(/images/new/arr_prev.png) no-repeat  50% / cover;}
#notice .swiper-button-next {right:-60px;background:url(/images/new/arr_next.png) no-repeat  50% / cover;}
#notice .swiper-button-prev:after, #notice .swiper-button-next:after {display:none}


#companyInfo #companyArea .bg.overview {background:url(/images/new/bg_over.png) no-repeat 50% 100%;padding:215px 0 530px;}
#companyInfo #companyArea .bg.historys {}
#companyInfo #companyArea .bg.clients {background: url(../images/common/bg_04_r.jpg)}
#companyInfo #companyArea .bg.locations {background:#fff}
#companyInfo #companyArea .overView {}
#companyInfo #companyArea .overView .overviewTit h3 {margin:0;}
#companyInfo #companyArea .overView .txt {margin-top:290px;}
#companyInfo #companyArea .overView .txtInfo {color:#fff;font-size:42px;}
#companyInfo #companyArea .overView .txtInfo2 {font-size:24px;line-height:1.6;color:#fff;margin-top:30px;font-weight:300;}
#companyInfo #companyArea .overView .imgArea {position: absolute;z-index:0;right: 0;bottom:0;width: 532px;height: 662px;background:url(../images/common/img_hand.png) 0 0 no-repeat}
#companyInfo #companyArea .overView .imgArea>div {position: relative;}
#companyInfo #companyArea .overView .imgArea .txtList li {position: absolute;color: #fff;}
#companyInfo #companyArea .overView .imgArea .txtList .partner {top: 115px;left: -50px}
#companyInfo #companyArea .overView .imgArea .txtList .client {top: 5px;right: 57px}
#companyInfo #companyArea .overView .imgArea .txtList .manseCom {top: 110px;right: -100px}
#companyInfo #companyArea .history {padding:120px 0 0;}
#companyInfo #companyArea .history>div {position:relative;background: url(../images/common/img_hand_02.png) 98% -100px no-repeat;overflow:hidden;}
#companyInfo #companyArea .history>div .rotate {position:absolute;top: 225px;right:95px;height: 205px; width:250px; height:255px}
#companyInfo #companyArea .history>div .rotate2 {position:absolute;top: 225px;right:95px;height: 205px; width:250px; height:255px}
#companyInfo #companyArea .history>div .rotate3 {position:absolute;top: 225px;right:95px;height: 205px; width:250px; height:255px}
#companyInfo #companyArea .history>div .rotate4 {position:absolute;top: 225px;right:95px;height: 205px; width:250px; height:255px}
#companyInfo #companyArea .history .hisTab {width:240px;float: left}
#companyInfo #companyArea .history .yearInfo {float: left;margin: -10px 0 0 0;}
#companyInfo #companyArea .history .yearInfo dt {font-size: 70px;font-weight:600;margin-bottom: 45px;color:#feaf01;line-height: 1}
#companyInfo #companyArea .history .yearInfo dd {font-size: 21px;line-height:1.8;}
#companyInfo #companyArea .history .yearInfo dd .month {margin-right: 23px}
#companyInfo #companyArea #location {padding:120px 0;}
#companyInfo #companyArea #location .row{display:flex;justify-content:space-between;margin-left:-20px;margin-right:-20px;}
#companyInfo #companyArea #location .row .col {padding:0 20px;width:calc(50% - 40px)}
#companyInfo #companyArea #location table {width:100%}
#companyInfo #companyArea #location table th {font-weight:bold;color:#000;border-bottom:1px solid #cbcbcb;vertical-align:top;padding:1.4em .5em;min-width:105px;font-size:1.25em}
#companyInfo #companyArea #location table th span{display:inline-block; margin-right:.5em;vertical-align:middle}
#companyInfo #companyArea #location table td{font-weight:500;color:#000;border-bottom:1px solid #cbcbcb;padding:1.4em .5em;font-size:1.25em}
#companyInfo #companyArea #location table td a{color:#000;}
#companyInfo #companyArea .client {padding:120px 0;margin:-120px 0;background:#fff;overflow:hidden;}
#companyInfo #companyArea .client .clientList {}
#companyInfo #companyArea .client .clientList li {float: left;width: 20%;height: 120px;display:flex;align-items:center;justify-content:center;line-height: 0;margin-bottom: 28px;font-size: 0;}
#companyInfo #companyArea .client .clientList li img {}

.mapArea {padding:37px 0 50px;position:relative}
.mapArea + .mapArea {border-top:#e5e5e5 1px solid;padding-top:55px}
.mapArea .mapImg {float:left;width:439px}
.mapArea .mapInfo {float:left;margin-left:85px}
.mapArea .mapInfo dt {clear:both;float:left;width:145px;font-size:18px;font-weight:bold;color:#101010;margin-bottom:35px}
.mapArea .mapInfo dd {float:left;font-size:14px;line-height:22px;color:#999;margin-bottom:35px;min-width:435px}
.mapArea .mapBtn {position:absolute;left:524px;bottom:50px}
.mapArea .mapBtn a {margin-left:14px}
.mapArea .mapBtn a:first-child {margin-left:0}

#portfolio {margin-: 180px auto;}
#portfolioList {max-width: 1520px;margin: 0 auto;position: relative;padding:180px 20px 0 20px;overflow: hidden !important;}
#portfolioList h3 strong {text-indent:-5px}
.portfolioList02 {display:none-;margin-left:-40px;margin-right:-40px;background:#fff;}
.portfolioList02 ul:after {content:"";display:table;clear:both;width:100%;;}
.portfolioList02 li {float: left;padding:0 40px;width:33.3333%;box-sizing:border-box;position:relative;margin-bottom:80px;margin-top:-40px;/* opacity:0;transition:all 0.6s ease-in-out; */}
.portfolioList02 li:nth-child(3n+2) {top:-70px;}
.portfolioList02 li:nth-child(3n+1) {clear:left}
.portfolioList02 li a {}
.portfolioList02 li a:hover img {zoom: 1;filter: alpha(opacity=80);opacity: 0.8;}
.portfolioList02.active {display:block;}
/* .portfolioList02 li.on {opacity:1;margin-top:0;transition:all 0.6s ease-in-out;;} */
.select-category {position:absolute;right:0;top:10px;}
.select-category a {margin-left:20px;padding-left:20px;color:#999999;font-size:18px;}
.select-category a.active {color:#000;;background:url(/images/new/active.png) no-repeat 0 50%;}
.pTotal {text-align:center;}
.pTop {text-align:center;}

#onlineEstimate {padding:180px 0;}
#onlineEstimate fieldset {margin-top:-100px;}
#onlineEstimate dt {font-size:42px;margin-top:100px;color:#000;margin-bottom:40px;}
#onlineEstimate dt:first-child {margin-top:50px;}
#onlineEstimate dd {margin-bottom:40px;font-size:20px}
#onlineEstimate dd .radio {display:inline-block;margin-right:1em;min-width:245px}
#onlineEstimate dd .radio label {font-size:20px;border:1px solid #000;padding:1em 2em;cursor:pointer;display:block;text-align:center;}
#onlineEstimate dd .radio input {opacity:0;position:absolute;}
#onlineEstimate dd .radio :checked + label {background:#000;color:#fff;}
#onlineEstimate dd input[type="text"]:first-child {margin-top:0;}
#onlineEstimate dd input[type="text"], #onlineEstimate dd textarea {width:100%;border-color:#000;font-size:20px;border-radius:0;outline:0;margin-top:40px;}
#onlineEstimate dd input[type="text"] {border:0;border-bottom:1px solid #000;padding:20px;}
#onlineEstimate dd textarea {padding:20px;}
#onlineEstimate .file-upload {width:100%;margin-bottom:-40px;}
#onlineEstimate .file-upload .file-group {display: flex;align-items:center;width: 100%;}
#onlineEstimate .file-upload .file-group + .file-group {margin-top: 10px;}
#onlineEstimate .file-upload p {font-size:20px;white-space:nowrap;margin-bottom: .5em;}
#onlineEstimate .file-upload label {float:none;font-size:18px;margin: 0;cursor:pointer;display: flex;width: auto;;align-items:center;border: 1px solid #e5e5e5;border-radius:5px;padding: .5em 1.5em;}
#onlineEstimate .file-upload input.text {border:0;margin:0;width: auto;font-size:18px;padding: 0;width: 80%;}
#onlineEstimate .file-upload img {flex-shrink:0;max-height:2rem;margin-right: 10px;}
#onlineEstimate .upload-list {flex-grow:1;width: 100%;}
#onlineEstimate .upload-list .file-list {display: flex;align-items:center;font-size:16px}
#onlineEstimate .upload-list .file-list+.file-list {margin-top: 5px;}
#onlineEstimate .file-group.active .del {display: block;}
#onlineEstimate .file-upload .del {cursor:pointer;font-size:0;position: relative;width: 22px;height: 22px;background: #000;outline:0;border: 0;margin: 0 15px;display: none;}
#onlineEstimate .file-upload .del:before {display:block;position:absolute;top:3px;left:11px;width:1px;height:16px;background-color:#fff;transform:rotate(45deg);content:""}
#onlineEstimate .file-upload .del:after {display:block;position:absolute;top:3px;left:11px;width:1px;height:16px;background-color:#fff;transform:rotate(-45deg);content:""}
#onlineEstimate .btnArea {margin-top:100px;}
#onlineEstimate .btnArea button {background:#feaf01;color:#fff;font-size:20px;padding:1em;display:block;width:100%;border:0;outline:0;;;}
#onlineEstimate .secu input {display:inline-block; vertical-align:top;}
#onlineEstimate .secu .captcha {display:inline-block; }
.BDC_CaptchaDiv { position:relative; }
.BDC_CaptchaIconsDiv {display:inline-block; position:absolute; right:-10px; top:0px; }

.formTbl .secu input {display:inline-block; vertical-align:top;  height:40px !important;}
.formTbl .secu .captcha {display:inline-block; }

input::placeholder {
  color: #c9c9c9;
}
textarea::placeholder {
  color: #c9c9c9;
}

#protfolioTotal {display:none;max-width: 1520px;margin: 0 auto;position: relative;padding-top: 90px;overflow: hidden !important}
.portfolio .section {width: 100%;position: relative;margin-top:70px;zoom:1;}
.portfolio .section:after {clear: both;display: block;content: ''}
.portfolio .section h2 {font-size: 24px;font-weight: 600;color: #222}
.portfolio .section .imgCon {width: 42.7%;float: left;border: #cfcfcf 1px solid;position: relative;}
.portfolio .section .imgCon a {display: block}
.portfolio .section .imgCon .num {position: absolute;top: 0;right: 0;font-size:17px;color: #fff;text-align: right;line-height: 35px;padding-right: 8px;width: 49px;height: 57px;background: url(../images/common/bg_num.png) 0 0 no-repeat;}
.portfolio .section .imgCon img {width: 100%;vertical-align: top}
.portfolio .section .dataCon {width: 52%;float: right}
:root .portfolio .section .imgCon {width: 43%;max-width: 500px}

/*footer*/
#footer {position: relative;background-color: #2c2b27;overflow: hidden}
#footer .footerInfo {max-width: 1520px;margin: 0 auto;padding:85px 20px;color: #fff}
#footer .footerInfo .left {overflow:hidden;}
#footer .footerInfo .right {float:right;text-align:right;}
#footer .footerInfo .right>a {font-size:12px;padding:5px 12px;border:1px solid #fff;display:inline-block;color:#fff;margin-left:10px;;;}
#footer .footerInfo .link {margin-bottom:40px;}
#footer .footerInfo .link li {float: left;padding: 0 12px;}
#footer .footerInfo .link li:first-child {padding-left: 0;border-left: 0 none}
#footer .footerInfo .link li:last-child {padding-right:0;}
#footer .footerInfo .link li a {display:block;color: #fff;font-size: 14px;line-height: 15px}
#footer .footerInfo .logo {float:left;margin-right:60px;}
#footer .footerInfo address {float:left; font-size: 12px;color:#9f9e9d;line-height:2;}
#footer .footerInfo address.mwAdd {display: none}
#footer .footerInfo address span {float:left;padding-left:10px;padding-right:10px;position:relative;;}
#footer .footerInfo address span:after {content:"";display:inline-block;height:14px;;border-left:1px solid #9f9e9d;position:absolute;left:0;top:50%;margin-top:-7px;}
#footer .footerInfo address span:first-child, #footer .footerInfo address .noLine {background: none;padding-left: 0;border-left:0;clear: both}
#footer .footerInfo address .noLine:after {display:none;}
#footer .footerInfo address br {display:none;}
#footer .footerInfo address span a {display: block;color: #9f9e9d}
#footer .footerInfo br.mw {display: none}
#footer .footerInfo .copyright {clear:both;font-size: 12px;}


#footer .contact {position: absolute;left: 50%;margin-left: 216px;top: 0;right: 0;bottom: 0;background-color: #fe9908; color:#fff;font-size: 22px;}
#footer .contact .tel{ margin:27px 0 20px 50px; background:url(../images/common/icon_te.gif) no-repeat left center; padding:5px 0 5px 35px;}

#footer .contact span{ font-weight:600}
#footer .contact a {display:block; color:#fff;}

#footer .email {position: absolute;left: 50%;margin-left: 216px;top: 0;right: 0;bottom: 0;background-color: #fe9908}
#footer .email a {display:block;margin:52px 0 0 62px;padding-left: 50px;color:#fff;font-size: 24px;font-weight:600;line-height: 38px;background: url(../images/common/icon_tel.gif) 0 0 no-repeat;}

/* QUICK */
.side-quick-banner {position: fixed; color: #fff;right:0;top: 50%;margin-top: -275px; z-index: 333;}
.side-quick-banner ul {background:#fff;border-top-left-radius: 1.5rem;border-bottom-left-radius: 1.5rem;border:1px solid #d6d6d6;border-right:none;-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);}
.side-quick-banner li {padding:1.5rem 1rem;margin:0 1rem;text-align: center;font-size:1.125em;color:#333}
.side-quick-banner li img {display: block;margin: 0 auto 5px}
.side-quick-banner li+li {border-top: 1px solid #e1e1e1;}

@media (max-width: 1200px) {
    .side-quick-banner {display: none}
}

*+ html #footer .footerInfo address {clear: none;float: none}

/*tab*/
.tab {position:relative;}
.tab:before {content:"";position:absolute;left:10px;top:68px;border-left:1px solid #feb108;bottom:17px;}
.tab li+li {margin-top:15px;}
.tab li a {display:block;font-size:36px;line-height: 36px;color:#cbcbcb;font-weight:600;zoom: 1;position:relative;padding-left:50px;}
.tab li a:before {content:"";width:22px;height:22px;border:2px solid #feb108;display:block;position: absolute;background:#fff;left:0;top:50%;margin-top:-11px;border-radius:50%;box-sizing:border-box}
.tab li:first-child a:before {background:#feb108;}
.tab li a.on {color: #feb108;zoom: 1;}
.tab2, .tab3 {float: right}
.tab2 li, .tab3 li {float: left;margin-left: 25px}
.tab2 li:first-child, .tab3 li:first-child {margin-left: 0}
.tab2 li a, .tab3 li a {display:block;font-size:18px;color: #fff;font-weight:600;zoom: 1;filter: alpha(opacity=30);opacity: 0.3;}
.tab2 li a.on, .tab3 li a.on {color: #feb108;zoom: 1;filter: alpha(opacity=100);opacity: 1}

/*table*/
.formTbl {margin-top:10px;width: 100%;table-layout: inherit;word-break:break-all;border-top: 1px solid #cbcbcb;border-bottom:#fdfdfd 1px solid}
.formTbl tbody tr th, .formTbl tbody tr td {padding:.35em 0;border-bottom:#cbcbcb 1px solid;}
.formTbl tbody tr th {width:15%;font-size:18px;font-weight:600;color: #222;vertical-align: middle}
.formTbl tbody tr th .formLable {font-size: 1em}
.formTbl tbody input[type=text], .formTbl tbody input[type=password], .formTbl tbody select {font-size:18px;min-height: 45px;}
.formTbl tbody textarea {font-size:18px;min-height:360px;}
.formTbl tbody tr th.type2, .formTbl tbody tr td.type2 {padding: 70px 0 50px 0}
.formTbl tbody tr th .entxt {font-size: 12px;color: #999;display: none;}
.formTbl tbody tr td, .formTbl tbody tr td div, .formTbl tbody tr td label {color: #222;font-size: 24px}
.formTbl tbody tr td .infoTxt2 {line-height: 1.5em;padding-left: 25px;}
.formTbl tbody tr:first-child th, .formTbl tbody tr:first-child td{border-top:0 none}
.formTbl.type2 tbody tr td a, .formTbl.type3 tbody tr td a {color:#222;}
.formTbl.type3 {margin-top:20px;border-top:#e5e5e5 1px solid;border-bottom: 0 none}
.formTbl.type3 tbody tr th, .formTbl.type3 tbody tr td {padding:16px 0;font-size: 14px}
.formTbl.type3 tbody tr td ul li {line-height: 24px;padding-left: 5px}
.formTbl.type3 tbody tr:first-child th, .formTbl.type3 tbody tr:first-child td{border-top:#fdfdfd 1px solid;}
.formTbl.type3 tbody tr.last th, .formTbl.type3 tbody tr.last td{border-bottom:0 none}
.formTbl tbody tr.mwStyle {position:absolute !important;top:-10000px;left:0;visibility:hidden;overflow:hidden;width:0 !important;height:0 !important;margin:0 !important;padding:0 !important}
.formTbl a.url{background:url(/images/new/url.png) no-repeat 100% 50%;padding-right:30px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;;}

.colTbl {margin-top:35px;width: 100%;table-layout: fixed;word-break:break-all;}
.colTbl thead tr th {padding:15px 0;text-align:center;border-top:#cbcbcb 2px solid;border-bottom:#cbcbcb 2px solid;background: #fff;color: #222;font-weight: 600;font-size:1.25em}
.colTbl tbody tr th, .colTbl tbody tr td {padding:15px 0;text-align:center;border-bottom:#cbcbcb 1px solid;font-size:1.25em}
.colTbl tbody tr td.question {padding-left:22px;background: url(../images/common/icon_lock.png) -22px center no-repeat;}
.colTbl tbody tr td.answer {padding-left:40px;background: url(../images/common/icon_lock.png) left center no-repeat;}

.board .select-category {position: static;margin-top: 5%;margin-bottom: 5%;text-align: center;}
.board .paginate {margin-bottom: 5%;margin-top: -5%;}
.board .btnArea {margin-bottom: 5%;}
.board .btnR {display:block; text-align: right; margin-top: 5%;margin-bottom: 0%;position: static;transform:translate(0,-50px)}


/*paginate*/
.paginate a:first-child {margin-left: 0;}
.paginate {display:block; z-index:100; text-align: center;clear: both;position: relative;margin-top: 20px;}
.paginate span a {margin-left: 7px;width: 40px;height: 40px;border-radius:0;line-height: 38px;background: #fff;border: 1px solid #e1e1e1;}
.paginate span a.first, .paginate span strong.first {margin-left: 0}
.paginate span strong a {font-weight: bold; background:#feaf01;color:#fff;border: 1px solid #e1e1e1;width: 40px;height: 40px;border-radius:0;line-height: 38px;}
.paginate span strong{margin-left: 7px;}
.paginate span .next, .paginate span .prev  {width: 40px;height: 40px;line-height: 38px;color: #222;background: #fff;border: 1px solid #e1e1e1;}
@media (max-width: 767px) {
	.board .paginate+.btnR {text-align: center;transform:none;margin-top: 0;}
	.paginate span a, .paginate span strong {width: auto;}
}


/*boardSearch*/
.boardSearch {width: 100%;text-align: center;margin: 20px 0 40px 0}
.boardSearch span {vertical-align: top}
.boardSearch select {width: 102px;border-radius:0;}
.boardSearch input[type=text] {width: 160px;border-radius:0;}

/*form style*/
.formLable {font-size: 14px;font-weight:600;color: #222;line-height: 18px}
.formLable .entxt {font-size: 12px;color: #222;display: block;}
.formTbl td span {vertical-align: middle;color: #222}
.companyName {width: 238px}
.pName, .name, .password {width: 238px}
.pTel {width: 102px}
.pTel2 {width: 88px}
.pMail {width: 306px}
.pMail2 {width: 140px}
.dTopics {width: 442px}
.dBudget {width: 442px}
.inqDetail, .content {width: 100%;height: 150px}
#popQna .content {height: 220px;padding: 1em;}
.Privacy {width: 100%;height: 90px;display:none;margin:40px 0;font-size:16px;padding:1em;color:#666}
.infotxt {margin-left: 5px}
.title {width: 436px}

/*button style*/
.btnpack {position:relative;display: inline-block;flex-grow:1;flex-basis:0}
.btnpack + .btnpack {margin-left:1em;}
.btnpack button {display:block;width: 100%;box-sizing:border-box;min-width: 92px;font-size:20px;/* font-weight:600; */color:#fff;padding:.75em;cursor: pointer;background:#feaf01;text-align:center;border: 0 none;outline: 0}
.btnpack a {display:block;min-width: 92px;font-size:20px;/* font-weight:600; */color:#fff;padding:.75em;;cursor: pointer;background:#feaf01;text-align:center;border: 0 none;outline: 0}
.btnpack.gray {background:#eee;color:#666}
.btnpack.gray button,
.btnpack.gray a {background:#eee;color:#666}
.btnpack.medium {padding-right: 0;height: 35px;background-position: right -92px}
.btnpack.medium button,
.btnpack.medium a {padding: 0 1em;min-width:0;height:34px;line-height:34px;font-size:12px;font-weight:normal;/* color:#222; */background-position:0 -92px}

/*checkbox style*/
.comm_check_label {font-size:20px}
.comm_check_label a {color:inherit}
.comm_check {width:40px;height:40px;margin-right:5px;}
/* .comm_check {position:absolute;left:-9999px;letter-spacing: -0.3px;} */
/* .comm_check_label .ico_check {display:inline-block;width:40px;height:40px;margin-right:4px;margin-bottom:5px;background:url(../images/common/checkbox_off.png) no-repeat;overflow:hidden;font-size:0;line-height:0;vertical-align:middle}
.check_on .ico_check {background-image:url(../images/common/checkbox_on.png)} */

/*input file*/
.file-upload {overflow:hidden;width:540px;position: relative;margin-top: 6px}
.file-upload:first-child {margin-top: 0;}
.file-upload label {display: inline;float: left;line-height: 34px;margin-right: 20px}
.file-upload input.text,
.file-upload input.text2,
.file-upload input.text3,
.file-upload input.text4,
.file-upload input.text5,
.file-upload input.text6,
.file-upload input.text7 {float:left}
.file-upload .upload-btn {overflow:hidden;position:absolute;height:35px;left: 0;opacity: 0;z-index:-1;}
.file-upload .upload-btn u {font-size:1rem;text-decoration:none;padding-bottom: 5px;border-bottom: 1px solid #000;color:#000;display: inline-block;vertical-align: top;}
.file-upload .upload-btn input.file,
.file-upload .upload-btn input.file2,
.file-upload .upload-btn input.file3,
.file-upload .upload-btn input.file4,
.file-upload .upload-btn input.file5,
.file-upload .upload-btn input.file6,
.file-upload .upload-btn input.file7 {position:absolute;top:0;right:0;height:35px;cursor:pointer;opacity:0;filter:alpha(opacity=0);-ms-filter: "alpha(opacity=0)";-khtml-opacity:0;-moz-opacity:0}
input.text, input.text2, input.text3, input.text4, input.text5, input.text6, input.text7 {width:380px}
/* .file-upload input.text4 {width:428px} */
.file-upload.add-file {}
.add-file-btn {position:relative;top:-34px;right:-560px;line-height:35px;margin-bottom:-34px;}

/*글상세보기*/
.viewHeader {position: relative;margin-top:35px;padding:20px 25px;min-height: 75px;background: #f6f6f6;border-top: 2px solid #cbcbcb;border-bottom: 1px solid #cbcbcb;}
.viewHeader h2 {/* position: absolute; *//* bottom: 22px; */color: #222;font-size: 28px;font-weight: normal;margin-bottom:.5em}
.viewHeader .viewInfo {width: 100%}
.viewHeader .viewInfo .date {float: left;margin-right: 10px;font-size:1rem}
.viewHeader .viewInfo .writer {float: left; font-size:1rem}
.viewHeader .viewInfo .attach {float: right; font-size:1rem}
.viewHeader .viewInfo .attach a {display: block;padding-right: 20px;background: url(../images/common/icon_file.png) right 0 no-repeat;}
.viewDetail {/* border-top: #fdfdfd 1px solid; */border-bottom: 1px solid #cbcbcb;padding: 20px 25px 40px 25px;line-height: 20px;/* max-height: 35vh; */overflow-y: auto;}
.viewDetail img {/* width: 100% */}
.pageNav {/* border-bottom: 1px solid #000; */margin-bottom:3em}
.pageNav li {border-top: #fdfdfd 1px solid;border-bottom: 1px solid #cbcbcb;min-height: 47px;padding-top:.5em;padding-bottom:.5em;line-height: 47px;font-size:18px;background:#f6f6f6}
.pageNav li:first-child {border-bottom-color: #cbcbcb;}
.pageNav li strong {width:94px;font-weight:700;text-indent:24px;font-size: 16px;}
.pageNav li a {font-size:18px}

/* board new */
.board_top {position: relative;width: 100%; max-width: 1920px;margin: 0 auto 70px;/* background:#000 */}
.board_top .container{position: absolute;left:50%;margin-left:-760px;top: 0;text-transform:uppercase;z-index:1;height: 89%;}
.board_top h2 {font-family:'Montserrat';font-weight:800;font-size:5rem;color:#000;line-height:.9;height: 52%;display: flex;align-items: center;}
.board_top img {width: 100%; max-width: 1920px;margin: 0 auto;display: block;margin-top: -5%;}
.board_top .snb {overflow:hidden;margin: 0 auto;margin-top:3.5em;max-width:1520px;}
.board_top .snb:after {content:'';display:block;clear:both;}
.board_top .snb li {background:#fff;float:left;border:1px solid rgba(0,0,0,0.2);padding:.5em 0;min-width:110px;text-align:center;margin-right:13px;}
.board_top .snb li a{font-family:'Montserrat';color:#999;font-size:1.125rem;font-weight:500;display: block;}
.board_top .snb li.active {background:#000;border-color:#000;}
.board_top .snb li.active a{color:#fff}
.board_top .copy{color:#fff;margin-top: 0;font-size:1.3rem;font-weight:300;line-height:1.6;letter-spacing:-0.5px;height: 47%;display: flex;flex-direction: column;justify-content: center;}
.board_top .copy b{display:block;font-weight:500;margin-bottom:.75em;font-size:2.75rem}
.board_list {display:flex;justify-content:space-between;flex-wrap:wrap;}
.board_list>li{padding:4em 3em;width:31.5%;border:1px solid #e1e1e1;box-sizing:border-box;margin-bottom:3%;position: relative;}
.board_list .cate {color:#feaf01;font-weight:700;font-size:20px;line-height:1}
.board_list .title{width:100%;font-size:28px;color:#000;letter-spacing:-1px;font-weight:700;margin-top:18px;margin-bottom:28px;line-height:1.3;height:70px;word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.board_list .title a:before {content:"";position: absolute;left:0;top:0;width: 100%;height: 100%;}
.board_list span {font-size:18px;color:#666;}
.board_list span+span{margin-left:20px;padding-left:20px;border-left:1px solid #ccc}
.board_btn {text-align:center;margin:60px auto 100px}
.board_btn button {min-width:260px;font-size:20px;color:#fff;padding:1em;cursor: pointer;background:#feaf01;text-align:center;border: 0 none;outline: 0}

@media screen and (max-width: 1519px) {
	.board_top .container {left:0;margin-left:0;/* top:2.5em; */}
}
@media screen and (max-width: 1024px) {
	.board_top h2 {font-size:3rem;}
	.board_top .snb {margin-top:2.5em}
	.board_top .copy{/* margin-top:4.5em; */font-size:1.125rem;}
	.board_top .copy b{margin-bottom:.3em;font-size:2rem}
}

/*popup layout*/
.pop {width: 770px;margin: 0 auto;position: relative;clear: both;overflow:hidden !important;}
.pop .popHeader {width:100%;padding:1.5em;background:#feaf01}
.pop .popHeader h1 {color: #fff;font-size:1.75em;font-weight:500;line-height:1;;}
.pop .popHeader h1 span {display: none}
.pop .popContent {float:left;width:100%;background: #fff;padding: 0 30px;zoom:1;/*border-radius:20px;*/max-height: 90vh;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}
.pop .popContent.portfolio {width:100%;padding: 0 19px 0 30px}
.pop .popContent:after {clear: both;display: block;content: ''}
.pop .popClose {position: absolute;top:20px;right: 20px}
.pop .popClose a {display: block;width: 25px;height: 25px;font-size: 0;line-height: 0;background: url(../images/new/close.png) 0 0 no-repeat;background-size:cover}
.pop .colTbl {border-collapse:collapse;border-bottom: 0;}
.pop .colTbl thead tr th {background: #ffaf02;border: 0;color:#fff;font-size:20px;height: 70px;box-sizing:border-box}
.pop .colTbl tbody td {font-size:18px;height: 70px;border-color:#000;border-top:0;box-sizing:border-box}
.pop .formTbl {margin-top: 0;}
.pop .formTbl tbody tr th {font-size:18px}
.pop .formTbl tbody tr td {font-size:18px}
.pop .formTbl .formLable {font-size:18px}
.pop .formTbl input[type=text], .pop .formTbl input[type=password], .pop .formTbl select, .pop .formTbl textarea {border:0;font-size:18px;outline:0;border-radius:0}
.pop .formTbl textarea {border:1px solid #000}
.pop .formTbl .file-upload {width: 100%;}
.pop .formTbl .type2 {padding: 1em 0;border-top: 1px solid #000;}
.pop .formTbl.type2 {margin-top: 30px;}
*+ html .pop .popContent.portfolio {width:704px;padding: 0 36px 0 30px}
#popPort .popHeader h1 {font-size:40px}
#popPort .popHeader h1 span {display:block;font-size:70px;;line-height:1.6;}

/*portfolio*/
.pop .portfolioImg {margin-top: 20px;padding-bottom:20px;max-height:30vh;overflow-y:auto;width: 100%}
.pop .portfolioImg img {width: 100%}


/*privacy*/
.privacy {padding: 20px 30px;margin: 40px 0;background:#efefef;color: #333;line-height: 18px}
.privacy dt {margin-top:20px;font-size: 13px}
.privacy dt:first-child {margin-top:0}
.privacy dd, .privacy dd li {font-size: 13px}
.privacy dd ul {margin-top:20px}

/*sitemap*/
.pop .popContent.sitemap {background: #fff;padding:1.5em;width: 100%}
.firstMenu {background:#f4f4f4;padding:1.5em;}
.firstMenu>li {padding-left: 48px;height: 60px;line-height: 60px;font-size:21px;font-weight:500;position: relative;border-bottom:1px solid #d5d5d5}
.firstMenu>li:last-child{border:none}
.firstMenu>li.color {background: #f4f4f4}
.firstMenu>li>a {color:#222;}
.firstMenu>li>.secondMenu {position:absolute;top: 0;left: 188px}
.secondMenu li {float: left;background: url(../images/common/bg_line.gif) 0 center no-repeat;padding: 0 10px;}
.secondMenu li a {font-weight:500;color: #222;}
.secondMenu li:first-child {background-image: none}
.secondMenu.last {padding: 34px 0 0 35px;height: 55px}

/*slider*/
.owl-carousel .owl-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;}
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);}
.owl-theme .owl-controls{margin-top: 10px;text-align: center;}

.isotope-item {z-index: 2;}
.isotope-hidden.isotope-item {pointer-events: none;z-index: 1;}
.isotope,
.isotope .isotope-item {-webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;}
.isotope {-webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;}
.isotope .isotope-item {-webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity;}

/*여백*/
.formTbl + .btnArea {margin-top: 30px}
.btnpack + .btnpack {margin-left: 1em}
.pageNav + .btnArea {margin-top: 20px}
.pop .portfolioImg + .btnArea {margin-top: 20px}
.pop .btnArea {display:flex;;}

.formTbl .content {padding:1rem; }




#sub-header {background: #fff;font-size:16px}
#sub-header .inner {width: 100%;max-width:1170px;margin: 0 auto;height: 100px;display: table;}
#sub-header h1 {display: table-cell;vertical-align: middle;}
#sub-header p {display: table-cell;text-align: right;vertical-align: middle;font-weight: bold;}
#sub-header p a {color:#000;font-size:19px;}

.our-work {/* padding-bottom: 80px; */color:#333;line-height: 1.4;font-size:16px;display: none-;}
.our-work .container {max-width:1170px;height: 100%;margin: 0 auto;position: relative;}
.our-work .portfolio-detail dt {padding: 8% 0}
.our-work .portfolio-detail dt strong {font-size: 2.8em;display: block;}
.our-work .portfolio-detail dt strong span{font-size:.6em;display: block;font-weight:normal}
.our-work .portfolio-detail dt p {font-weight: normal;margin-top: 2em;line-height: 1.8;font-size: 1.125em}
.our-work .portfolio-detail dt ul {margin-top: 3%;}
.our-work .portfolio-detail dt li {min-width: 20%;display: inline-block;vertical-align: top;opacity: .7;font-weight: normal}
.our-work .portfolio-detail dt li span {display: block;font-weight: bold;}
.our-work .portfolio-detail dd {border-top: 1px solid #e5e5e5;padding: 8% 0;font-size: 1.25em;line-height: 1.8}
.our-work .portfolio-detail dd img {margin: 2em auto;max-width:100%}
.our-work .portfolio-detail dd h2 {font-size: 1.75em;margin-top: 4%;}
.our-work .portfolio-detail dd h2:first-child {margin-top: 0;}
.our-work .portfolio-detail dd h2 b {font-weight: 900}
.our-work .portfolio-detail dd h3 {font-size: 1.5em;font-weight: 900;margin-top: 1em;}
.our-work .portfolio-detail dd ul {padding-top: 8%;margin-top: 5%;background: url(/images/bg_h3.png) repeat-x 0 0;}
.our-work .portfolio-detail dd li {margin-top: 1em;font-size: 95%;}}
.our-work .portfolio-detail dd ol li {width: 48%;display: inline-block;vertical-align: top;margin-top: 1em;font-size: 95%;}
.our-work .portfolio-detail .btn-box {margin-top: -3%;}
.our-work .portfolio-detail .btn-box .btn {font-size: 1.125em;padding: .5em 2em;}
.our-work .portfolio-detail .btn-box .btn.yellow {min-width: 40%;max-width: 600px;height: 100px;font-size: 1.875em}
.our-work .top-visual {height: 600px;background-repeat: no-repeat;position: relative;max-width: 1920px;margin-left: auto;margin-right: auto;background-position: 50%;background-size: cover;}
.our-work .top-visual .logo {position: absolute;bottom: 0;padding: 3% 0;font-size: 1.125em}
.our-work .top-visual .logo img {/* display: block; */}
.our-work .top-visual .logo b {font-size: 2.5em;display: block;}
.our-work .top-visual .logo.white {color: #fff}
.our-work .top-visual .logo.right {right:0;text-align: right;}
.our-work .btn-box  {text-align: center;}
.our-work .btn-box a {padding: 1em;font-size:16px;font-weight: bold;background: #feaf01;color:#fff;min-width:100px}
.our-work .m-img {display: none;}