@charset "euc-kr";

#wrap {padding-top:100px;}
#container h3 {font-size:1em;margin-bottom:70px;}
#container h3 strong {font-size:42px}
#container.sub h3 {margin-bottom:70px;}

/*header*/
#header {display: none}
.mwheader {display:block;position: absolute;width: 100%;z-index: 400;top:0;}
.mwheader .inner {position: relative;padding-top: 0;max-width: 1023px;height: 171px;margin:0 auto}
.mwheader h1 {display: inline-block;float: left;margin-left: 25px;z-index: 100;position: relative;}
.mwheader h1 a {display: block;width: 141px;height: 141px;font-size:0;line-height:0;background: url(../images/common/logo.png) 0 0 no-repeat;}
.mwheader h1 a:hover {background-image: url(../images/common/img_logo.gif)}
.mwheader h1.overlay a {visibility: visible;opacity: 0.5;}
.btnOpen {position: absolute;top: 40px;right: 24px}
.btnOpen a {display: block;width: 30px;height: 20px;font-size: 0;line-height: 0;background: url(../images/new/toggle.png) 0 0 no-repeat;}
#mwgnb {position: fixed;z-index:9999;top: 0;right: -1000px;bottom: 0;width: 304px;padding-top: 144px;background: #222 url(../images/mw/logo_menu.png) center 40px no-repeat;z-index: 9999}
#mwgnb .mwmenu>li>a {display: block;height: 62px;text-indent: 28px;line-height: 62px;font-size: 22px;font-weight: bold;color: #a9a9a9;border-bottom: #1b1b1b 1px solid;background-color: #222}
#mwgnb .mwmenu>li.open>a{background:#222 url(../images/mw/bull_plus.png) 91% center no-repeat;}
#mwgnb .mwmenu>li.on.open>a {color: #fff;border-bottom: #c68a06 1px solid;background:#f8ad07 url(../images/mw/bull_minus.png) 91% center no-repeat;}
#mwgnb .mwmenu>li>a:hover {color: #fff;border-bottom: #c68a06 1px solid;background-color:#f8ad07;}
#mwgnb .mwmenu>li>ul {display: none}
#mwgnb .mwmenu>li>ul>li>a {display: block;height: 62px;text-indent: 48px;line-height: 62px;font-size: 18px;color: #333;border-bottom: #c6c6c6 1px solid;background: #f8f8f8}
#mwgnb .mwmenu>li>ul>li.on>a, #mwgnb .mwmenu>li>ul>li>a:hover {background: #e8e8e8}
#mwgnb .closebtn {position: absolute;top: 24px;right: 24px}
#mwgnb .closebtn a {display: block;width: 11px;height: 11px;font-size: 0;line-height: 0;background: url(../images/mw/btn_close.png) 0 0 no-repeat;}
div.overlay {visibility: visible;zoom: 1;filter: alpha(opacity=50);opacity: 0.5;background: #000;position: fixed;z-index: 300;top: 0;left: 0;right: 0;bottom: 0}

.mwheader.fixed {position: fixed;background: #feaf01;}
.mwheader.fixed .inner {padding-top: 0;height: 100px}
.mwheader.fixed h1 a {margin-top: 24px;width: 110px;height: 47px;font-size:0;line-height:0;background: url(../images/common/logo_fixed.png) 0 0 no-repeat;}

/*visualArea*/
.txtZone {max-width: 1023px}
.txtZone .tit, .txtZone .txt {margin-left: 25px}

/*container*/
/*#ongoingProject {display:none}
#businessInfo, .overview, #history, #client {display:block}*/
#businessInfo .txtInfo {padding: 0 25px}
#businessInfo>div {max-width: 1023px}

#companyInfo #companyArea .bg.overview {background-size:contain;padding:100px 0 150px;}
#companyInfo #companyArea .overView .txt {margin-top:20%}
#companyInfo #companyArea .overView .txtInfo {font-size:30px;}
#companyInfo #companyArea .overView .txtInfo2 {font-size:16px;}
#companyInfo #companyArea .history>div {margin-left: 25px;background: none}
#companyInfo #companyArea .history>div .rotate,
#companyInfo #companyArea .history>div .rotate2,
#companyInfo #companyArea .history>div .rotate3,
#companyInfo #companyArea .history>div .rotate4 {display: none}
#office {margin:90px 0;}
#office .container {padding:0 20px;}
#office .container .img .copy {padding-top:40%}
#office .container .img .copy strong {font-size:24px;}
#office .container .img .copy p {font-size: 16px;margin-top:.5em;}
#notice {padding:90px 0;}
#notice .swiper-slide .info .date {font-size:14px}
#notice .swiper-slide .info strong {font-size:18px}
#notice .swiper-slide .info p {font-size:1em }
#companyInfo #companyArea .history {padding:90px 0 0;}
#companyInfo #companyArea .client {padding:90px 0 ;margin:-90px 0 0;;}
#companyInfo #companyArea .client .clientList {margin-left:-20px;margin-right:-20px;;}
#companyInfo #companyArea .client .clientList li {padding:0 20px;height:90px;}
#companyInfo #companyArea .client .clientList li img {max-width:80%}
#companyInfo #companyArea #location {padding:90px 0 0 ;margin:-90px 0 0;;}
.mapArea .mapImg {float:none;width:auto}
.mapArea .mapImg img {width:100%}
.mapArea .mapInfo {float:none;margin:15px 0;width:auto}
.mapArea .mapInfo dt {float:none;width:auto;font-size:13px;margin-bottom:5px}
.mapArea .mapInfo dd {float:none;font-size:12px;margin-bottom:15px;min-width:inherit}
.mapArea .mapBtn {position:absolute;left:0;bottom:15px}


#portfolio>div {max-width: 1023px}
#portfolio .portfolioTit {margin-left: 25px;width: 365px}
#portfolio .portfolioTxt {margin-left: 25px}
#portfolio .btnMove {left: 25px}
#portfolio .portfolioImg {left: -100px}

#portfolioList {padding:90px 20px 0;}
#portfolioList dt, #portfolioList dd {width: 33.3%}
.portfolioList02 {margin-left:-15px;margin-right:-15px;;}
.portfolioList02 li {padding:0 15px;margin-bottom:30px;margin-top: 0;}
.portfolioList02 li:nth-child(3n+2) {top:-30px}

#onlineEstimate {padding:90px 0;}
#onlineEstimate dl {}
#onlineEstimate fieldset {margin-top:-40px;}
#onlineEstimate dt {font-size:30px;margin-top:50px;margin-bottom:20px;}
#onlineEstimate dt:first-child {margin-top:20px;}
#onlineEstimate dd {margin-bottom:20px;font-size:18px}
#onlineEstimate dd input[type="text"], #onlineEstimate dd textarea {font-size:20px;margin-top:20px;}
#onlineEstimate dd .radio {min-width:inherit}
#onlineEstimate dd .radio label {font-size:18px}
.comm_check_label {font-size:16px}
.comm_check {width:20px;height:20px;;}
.Privacy {font-size:1em}
#protfolioTotal {padding:90px 20px 0;}
#protfolioTotal h3 {font-size:1em;margin-bottom:20px;}
#protfolioTotal h3 strong {font-size:42px}

/*footer*/
#footer {}
#footer .footerInfo {padding:40px 20px;}
#footer .footerInfo .right {float:none;text-align:left;overflow:hidden;;}
#footer .footerInfo .right>a {display:none;;}


.add-file-btn {position:relative;top:0;right:0;line-height:35px;margin-bottom:0;}



.board_top {margin-top: 70px;}
.board_top .copy {/* margin-top: 6em; */}
.board_top .snb {padding: 0 25px;}









#sub-header {background: #fff;padding: 0 15px;font-size:14px}
#sub-header p a {font-size:16px}

#visualArea {height: auto;margin-top: 0;}
#visualArea .item img {display: block;width: 100%;}
.our-work {font-size:14px}
.our-work .container {padding: 0 15px;}
.our-work .top-visual {height: 50vh;}
.our-work .portfolio-detail dd ol li {width: 100%;display: block;margin-top: .5em;}
.our-work .top-visual .logo.right {right: 15px;}
.our-work .top-visual {height: auto;}
.our-work .m-img {margin-left: -15px;margin-right: -15px;display: block;}
.our-work .m-img img {display: block;width: 100%;}