@charset "utf-8";

body {-webkit-text-size-adjust:none;overflow-x: hidden;}
br {display: none}
input[type=text], input[type=password] {font-size:12px}

#wrap {padding-top:55px;}
#container h3 {margin-bottom:40px;font-size:1em}
#container h3 strong {font-size: 25px}
#container.sub h3 {margin-bottom:40px;}

/*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: 767px;/* 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: 55px;height: 55px;font-size:0;line-height:0;background: url(../images/common/logo.png) 0 0 no-repeat;background-size: 100%}
.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: 18px;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: 200px;padding-top: 72px;background: #222 url(../images/mw/logo_menu.png) center 10px no-repeat;z-index: 9999}
#mwgnb .mwmenu>li>a {display: block;height: 40px;text-indent: 28px;line-height: 40px;font-size: 16px;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: 40px;text-indent: 48px;line-height: 40px;font-size: 14px;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}
div.overlayClose {display: none;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: 60px}
.mwheader.fixed h1 a {margin-top: 10px;display:block;width:80px;height:34px;font-size:0;line-height:0;background: url(../images/common/logo_fixed.png) 0 0 no-repeat;background-size: contain}

/*visualArea*/
.txtZone {max-width: 767px}
.txtZone .tit {font-size: 50px}
.txtZone .tit, .txtZone .txt {margin-left: 25px}
.txtZone .tit br, .txtZone .txt br {display: block}
.txtZone .img {display: none}
.owl-controls {max-width: 767px}

/*container*/
#container {min-width: 320px}
#ongoingProject {display:none}
/*#businessInfo, .overview, #history, #client {display:block}*/
#ongoingProject>div {padding: 47px 20px 110px}
.ongoingTbl th img {margin:0 auto;display:inline;width:90%}
#ongoingProject h3 strong {font-size:25px}
.ongoingProject dl dt {width:28%}
.ongoingProject dl dd {width:72%}
.ongoingProject dl dt ,.ongoingProject dl dd, .ongoingProject dl dd .txt, .ongoingProject dl dd .date {font-size:10px}
#businessInfo .txtInfo {font-size: 14px;padding: 0 25px;line-height: 1.8em}
#businessInfo .txtInfo strong {font-size: 25px;line-height: 1.5em;width: 270px;margin: 0 auto}
#businessInfo>div {max-width: 767px;padding: 90px 0 30px}
#businessInfo .listInfo dl {width: 100%;background:none !important;padding-top: 30px}
#businessInfo .listInfo dt {padding: 0 30px !important;font-size: 20px}
#businessInfo .listInfo dd {padding: 0 30px !important;font-size: 14px;line-height: 1.8em}
#businessInfo .listInfo dd.btnView {margin-top: 0}
#businessInfo .listInfo dd.btnView a {background-position: 96% 0}
#companyInfo #companyArea .bg.overview {padding:0;background-size: contain;}
#companyInfo #companyArea .overView .overviewTit {height: 41vw;padding-top: 12%;box-sizing:border-box}
#companyInfo #companyArea .overView .overviewTit br {display:block;}
#companyInfo #companyArea .overView .txt {margin-top: 0;height: 44vw;display: flex;flex-direction: column;justify-content: center;}
#companyInfo #companyArea .overView .txtInfo {font-size: 18px;/* padding: 15px 0 0; */}
#companyInfo #companyArea .overView .txtInfo2 {font-size: 12px;margin-top:10px;}
#companyInfo #companyArea .overView .imgArea {display: none}
#companyInfo #companyArea .history {height: 100%;padding:70px 0 0;}
#companyInfo #companyArea .history>div {height: 100%;background: none;zoom:1;}
#companyInfo #companyArea .history>div:after {clear: both;display: block;content: ''}
#companyInfo #companyArea .history>div .rotate,
#companyInfo #companyArea .history>div .rotate2,
#companyInfo #companyArea .history>div .rotate3,
#companyInfo #companyArea .history>div .rotate4 {display: none}
#companyInfo #companyArea .history .hisTab {width: 100%;clear: both;float: none}
#companyInfo #companyArea .history .hisTab ul li {float: left;margin-right: 25px}
#companyInfo #companyArea #location {padding:70px 0;}
#companyInfo #companyArea #location .row {display:block;margin:0}
#companyInfo #companyArea #location .row .col {padding:0 0 20px;width:100%}
#companyInfo #companyArea #location .root_daum_roughmap .wrap_map {max-height:300px}
#companyInfo #companyArea #location table th, #companyInfo #companyArea #location table td{padding:.75em .5em;font-size:1em}
.tab li+li {margin:0;}
.tab li a {font-size:16px;padding-left:20px;line-height:1.6;}
.tab li a:before {width:14px;height:14px;margin-top:-7px;;;}
.tab li a.on {background: none}
#companyInfo #companyArea .history .yearInfo {margin: 30px 0 0 0}
#companyInfo #companyArea .history .yearInfo dt {font-size: 28px;margin-bottom:30px;}
#companyInfo #companyArea .history .yearInfo dd {font-size: 14px;line-height: 18px}
#companyInfo #companyArea .client {padding:70px 0;margin:-70px 0;;}
#companyInfo #companyArea .client .clientList {margin-left:-15px;margin:-15px;;}
#companyInfo #companyArea .client .clientList li {height:auto;width:33.3333%;padding:0 10px;box-sizing:border-box;margin:0;margin-bottom: 20px;}
#companyInfo #companyArea .client .clientList li img {/*max-height:35px*/}
#office {margin:10px 0 70px;}
#office .container {background: url(/images/new/bg_office_m.png) no-repeat 50% 0 / 100%;color:#fff;}
#office .container .img {padding-top: 43vw;}
#office .container .img>img {display:none;}
#office .container .img {margin-bottom:0;;}
#office .container .img .copy {padding:0;padding-top: 7%;}
#office .container .img .copy h3 {display:block;margin-bottom: .25em;font-size: 30px;font-weight:800;}
#office .container .img .copy strong {color:#fff;font-size:18px}
#office .container .img .copy p {color:#fff;opacity:.7;font-size:95%;margin-top: 5px;}
#office .container .img .copy p br {display:block;}
#office .container .img .thumb {position:static;max-width:inherit;;}
#office .container .img .thumb img:first-child {display: none;}
#office .container .img .thumb img:last-child {display: block;}
#office .container .row .col img:first-child {display: none;}
#office .container .row .col img:last-child {display: block;}
#office .container .row {margin:0;}
#office .container .row .col{padding:0;margin-top:10px; width:calc(50% - 5px);}
#office .container .row .col img {width:100%;}
#notice {padding:60px 0;}
#notice .notice-slider {padding:0 10%;}
#notice .swiper-slide img {width:100%;}
#notice .swiper-slide {opacity:1;transition:opacity 0.3s linear}
#notice .swiper-slide:not(.swiper-slide-active) {opacity:.5;transition:opacity 0.3s linear}
#notice .swiper-container {overflow:visible;}
#notice .swiper-slide .info .date {font-size:12px}
#notice .swiper-slide .info strong {font-size:16px}
#notice .swiper-slide .info p {font-size:1em }

#companyInfo .owl-pagination {bottom: 30px}
#companyInfo #companyArea .history>div .rotate {display: none}
#companyInfo #companyArea .history .yearInfo dd {padding-left: 30px;position: relative;}
#companyInfo #companyArea .history .yearInfo dd .month {position: absolute;top: 0;left: 0;margin-left: 0}
#companyInfo #companyArea .history .yearInfo dd .month {position: absolute;top: 0;left: 0}
/*#companyInfo #companyArea .location h3 {float: left}*/
/* 20150429 */
#companyInfo #companyArea .location>div {padding:60px 20px 30px 20px;width:auto;height:auto}
#companyInfo #companyArea .location>div h3 strong {font-size: 25px}
.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;width:100%;text-align:center;}
.mapArea .mapBtn img {width:120px;}

#portfolio>div {max-width: 767px;}
#portfolio .portfolioInner {height: auto;padding: 220px 0 0px 0;height: 350px}
#portfolio .portfolioTit {margin-left: 25px;width: 200px;font-size: 24px;line-height: 30px}
#portfolio .portfolioTxt {margin:20px 85px 0 25px;font-size: 14px;line-height: 1.5em}
#portfolio .btnMove {left: 25px}
#portfolio .portfolioImg {left: -250px}
.pTop a img{width:45px}

#portfolioList {max-width: 767px;padding-top:70px;padding-left:20px;padding-right:20px;;}
#portfolioList h3 {font-size:1em}
.portfolioList02 .item.list01, .portfolioList02 .item.list02 {margin-top: 0}
.portfolioList02 {margin-left:-10px;margin-right:-10px;;}
.portfolioList02 li {padding:0 10px;margin-bottom:20px;margin-top: 0;}
.portfolioList02 li:nth-child(3n+2) {top: -20px;}
.pTotal img {max-width:40px}
.select-category a {font-size:12px;margin-left:10px;padding-left:10px;}
.select-category a.active {background-size:5px;}



#onlineEstimate {padding:60px 0;}
#onlineEstimate fieldset {margin-top:-20px;}
#onlineEstimate dt {font-size:16px;margin-top:40px;margin-bottom:20px;}
#onlineEstimate dt:first-child {margin-top:0;}
#onlineEstimate dd {margin-bottom:20px;font-size:1em}
#onlineEstimate dd input[type="text"], #onlineEstimate dd textarea {font-size:1em;margin-top:10px;}
#onlineEstimate .file-upload {flex-wrap:wrap;margin-bottom: 0;}
#onlineEstimate .file-upload p {font-size:1em;flex-grow:0}
#onlineEstimate .file-upload label {font-size:0;line-height:normal;border: 0;}
#onlineEstimate .file-upload img {max-width:30px;margin: 0;}
#onlineEstimate .file-upload input.text{display:block;padding:0;}
#onlineEstimate .upload-list .file-list {font-size:1em}
#onlineEstimate .btnArea {margin-top:50px;}
#onlineEstimate .btnArea button {font-size:16px;padding:.75em;}
#onlineEstimate dd.check-group {display:flex;justify-content:space-between;}
#onlineEstimate dd .radio {min-width:inherit;margin-right:0;flex-grow:1;flex-basis:0;}
#onlineEstimate dd .radio+.radio {margin-left:1em;}
#onlineEstimate dd .radio label {font-size:1em;padding:.75em 0;box-sizing:border-box;height: 100%;display: flex;align-items:center;justify-content:center;width: 100%;}
.comm_check_label {font-size:1em}
.comm_check {width:20px;height:20px;;}
.Privacy {font-size:1em;margin:20px 0;}

#protfolio {margin: 70px 0;}
#protfolioTotal {max-width: 767px;padding-top:70px;padding-left:20px;padding-right:20px;;}
#protfolioTotal h3 {margin-bottom:20px;font-size:1em}
#protfolioTotal h3 strong {font-size:25px}
.portfolio .section {margin-top: 35px}
.portfolio .section h2 {font-size: 16px;font-weight: 600;color: #222}
.portfolio .section .imgCon {width: 30%;float: left}
.portfolio .section .imgCon .num {font-size:13px;line-height: 17px;padding-right: 4px;width: 23px;height: 27px;background: url(../images/common/bg_num.png) 0 0 no-repeat;background-size: contain}
.portfolio .section .imgCon img {width: 100%}
.portfolio .section .dataCon {width: 65%;float: right}
.pop .popContent.portfolio {width:100%;box-sizing:border-box;padding: 0 30px}
:root .portfolio .section .imgCon {width: 30% !important}

/*footer*/
#footer .footerInfo {padding:40px 20px;}
#footer .footerInfo .left {overflow:hidden;}
#footer .footerInfo .right {float:none;text-align:left;}
#footer .footerInfo .right>a {display:none;}
#footer .footerInfo .link {margin-bottom:20px;text-align: center;}
#footer .footerInfo .link li {display: inline-block;float: none;padding:0;margin-bottom:10px;;}
#footer .footerInfo .link li+li {padding-left: 10px;margin-left: 10px;border-left: 1px solid #666;}
#footer .footerInfo .logo {float:none;margin:20px 0;}
#footer .footerInfo address {float:none;font-size:11px}
#footer .footerInfo address br {display:block;}
#footer .footerInfo address span:nth-of-type(4), #footer .footerInfo address span:nth-of-type(7) {padding-left:0;}
#footer .footerInfo address span:nth-of-type(4):after, #footer .footerInfo address span:nth-of-type(7):after {display:none;}
#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 span a {display: block;color: #9f9e9d}
#footer .footerInfo br.mw {display: none}
#footer .footerInfo .copyright {clear:both;font-size: 12px;}

.companyName {width: 100%}
.pName, .name, .password {width: 100%}
.pTel {width: 28%}
.pTel2 {width: 28%}
.pMail {width: 100%}
.pMail2 {width: 28%}
.title {width: 100%}
.dTopics {width: 100%}
.dBudget {width: 100%}
.formTbl tbody tr th {width:25%;font-size: 1em}
.formTbl tbody tr td {font-size: 12px}
.formTbl tbody tr th .entxt {font-size: 10px}
.formTbl tbody tr th.type2, .formTbl tbody tr td.type2 {padding: 30px 0 20px 0}
.formTbl tbody tr.pcStyle {display: none}
.formTbl tbody tr.mwStyle {position:relative !important;top:auto !important;left:auto !important;visibility:visible;height:auto !important}
.formTbl tbody tr.mwStyle th, .formTbl tbody tr.mwStyle td {width: 100% !important;}
.formTbl tbody input[type=text], .formTbl tbody input[type=password], .formTbl tbody select, .formTbl tbody textarea {font-size:1em;min-height:30px}
.formTbl a.url{white-space:normal;background-size:10px;display:inline;}
.formTbl.type3 {margin-top:10px}
.formTbl.type3 tbody tr th {width: 30%}
.formTbl.type3 tbody tr th, .formTbl.type3 tbody tr td {padding:10px 0;font-size: 12px}
.formTbl.type3 tbody tr td ul li {line-height: 14px;padding-left: 0;font-size: 12px}
.colTbl .etcType {display: none}
.colTbl th, .colTbl td {font-size: 12px}
.colTbl thead tr th, .colTbl tbody tr th, .colTbl tbody tr td{font-size:1em}
.formTbl tbody tr td, .formTbl tbody tr td div, .formTbl tbody tr td label {font-size:1em}
.file-upload {width:100%}
.file-upload.type2 {width:100%;padding-right: 100px;box-sizing:border-box;overflow: visible;}
.file-upload .upload-btn u {font-size:1em}
.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 {display: none}
.file-upload .upload-btn {/* left: 38px */left:45px}
.add-file-btn {position:relative;top:0;right:0;line-height:35px;margin-bottom:0;}
#popQna .formTbl tbody tr th {width: 60px;}
#popQna  .file-upload .upload-btn {position: static;margin-left: 10px;}
#popQna  .file-upload input.text4 {display: block;width: 100%;float:none}
input {box-sizing:border-box;}
.btnR {position: static;margin-top: 10px;text-align: center;}
.pageNav li {overflow: hidden;font-size:1em;display: flex;}
.pageNav li strong {font-size:1em}
.pageNav li a {width: calc(100% - 95px);font-size:1em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.viewHeader {height: auto;padding: 20px;margin-top: 0;}
.viewHeader .viewInfo .writer {float: none;}
.viewHeader .viewInfo .attach {float: none;clear: both;display: block;margin-top: 5px}
.viewHeader h2 {font-size: 20px;bottom: 12px;position: static;margin-bottom: 10px;}
select {padding-left:3px !important;font-size: 11px}

/*boardSearch*/
.boardSearch select {width: 20%}
.boardSearch input[type=text] {width:40%;height: 34px;}

/*sitemap*/
.firstMenu>li {height: auto;line-height: 60px}
.firstMenu>li:first-child {height: 180px}
.firstMenu>li:last-child {height: 150px}
.firstMenu>li>.secondMenu {position:absolute;top: 0;left: 198px;margin-top: 15px}
.secondMenu li {line-height: 20px}
.firstMenu>li>.secondMenu li {float: none;background: none;padding: 0;line-height: 30px}
.secondMenu li a {color: #222;}
.secondMenu li:first-child {background-image: none}
.secondMenu.last {padding: 20px 0 0 35px;height: 55px}
.secondMenu.last li:nth-child(4) {clear: both;background: none}






/* 190917 */
.pop {}
.txtZone .tit {font-size:40px}
.btnTop {opacity: 0.8;}


.pop {width: 90vw}
#popPort .popHeader h1 {padding-right: 50px;font-size: 20px}
#popPort .popHeader h1 span {font-size:30px}

.pop .colTbl {display: block;border-top: 1px solid #cbcbcb;margin-top: 0;}
.pop .colTbl thead {display: none;}
.pop .colTbl tbody {display: block;}
.pop .colTbl tr {display: block;}
.pop .colTbl td {display: block;}
.pop .colTbl thead th {font-size:1em;height: auto;}
.pop .colTbl tbody td {font-size:1em;height: auto}
.pop .colTbl .hidden-xs {display: none;}
.pop .formTbl tbody tr th, .pop .formTbl tbody tr td, .pop .formTbl .formLable {font-size:1em}
.pop .formTbl input[type=text], .pop .formTbl input[type=password], .pop .formTbl select, .pop .formTbl textarea {font-size:1em}
.pop {top:0 !important;bottom:0}
.pop .popHeader {/*padding-bottom:15px;*/}
.pop .popHeader h1 {/*font-size:30px;margin-top:15px;*/}
.pop .popContent {padding: 15px;width:100%;box-sizing:border-box}
.pop .popClose {z-index: 2;right:1em;}
.pop .popClose a {/*background-size:100%;width:25px;height:25px;*/}

.pop .portfolioImg {max-height:50vh}
.btnpack a {font-size:16px;font-weight: normal;}
.privacy {margin:0;}

.paginate span .next, .paginate span .prev {width: 28px;height: 28px;line-height: 26px;}
.paginate span a{width: 28px;height: 28px;line-height: 26px;margin-left:3px;margin-bottom:3px}
.paginate span strong a {width: 28px;height: 28px;line-height: 26px;}
.paginate span strong{margin-left: 3px;}


#sub-header {padding: 0 15px;}
#sub-header .inner {height: 70px;}
#sub-header h1 img {max-height:3em}
#sub-header p a {font-size:14px}

#visualArea {height: auto;background: none !important;margin-top: 0;}
#visualArea .item {background: none !important;}
#visualArea .item img {display: block;}
#visualArea .swiper-slide img {width: 100%;display: block;}
#portfolio {margin: 50px auto 0;}
.our-work .container {padding: 0 15px;}
.our-work .top-visual {height: auto;}
.our-work .top-visual .logo {text-shadow: 0 0 2px rgba(0,0,0,0.5);display: none;}
.our-work .top-visual .logo b {font-size:1.8em}
.our-work .portfolio-detail dt strong {font-size:2em}
.our-work .portfolio-detail dd {font-size:1em}
.our-work .portfolio-detail dt li {display: block;}
.our-work .portfolio-detail dt li+li {margin-top: 5px;}
.our-work .portfolio-detail dt li span {display: inline-block;width: 17vw;font-size: .937rem}
.our-work .portfolio-detail dd ol li {width: 100%;display: block;margin-top: .5em;}
.our-work .top-visual .logo.right {right: 15px;}
.our-work .m-img {margin-left: -15px;margin-right: -15px;display: block;}
.our-work .m-img img {display: block;width: 100%;}

.btnpack button {font-size:16px;font-weight: normal;}


.board table.colTbl {display: block;border-top: 1px solid #cbcbcb;}
.board table.colTbl>* {display: block;}
.board table.colTbl tr {display: block;border-bottom: 1px solid #cbcbcb;padding: 12px 0;text-align: right;}
.board table.colTbl thead {display: none;}
.board table.colTbl td {display: inline-block;width: auto;border-top: 0;border-bottom: 0;padding: 0 5px;color:#777;}
.board table.colTbl td.title {display: block;}
.board table.colTbl td.title a {display: block;font-size:105%;color:#000}
.board table.colTbl td.no, .board table.colTbl td.date, .board table.colTbl td.name {display: none;}
.board table.colTbl td {border: 0;}

/* board new */
.board_top {margin: 0 auto 30px;}
.board_top .container {height: 52vw;top:0}
.board_top h2 {font-size:1.75rem;height: 50%;display: flex;align-items:center;}
.board_top .snb {/* margin-top:1em; */padding: 0 25px;}
.board_top .snb li {padding:.3em 0;min-width:80px;margin-right:5px;}
.board_top .snb li a{font-size:.9rem;}
.board_top .copy{margin-top: 0;font-size:.8rem;line-height:1.3;display: flex;/* align-items: center; */justify-content: center;flex-direction: column;height: 50%;}
.board_top .copy b{margin-bottom:.2em;font-size:1.125rem}
.board_top .copy br{display:block}
.board_top img{opacity:1;margin-top: 0;}
.board_list {display:block}
.board_list>li{padding:1.5em 1em;width:100%;margin-bottom:3%}
.board_list .cate {font-size:16px;}
.board_list .title{font-size:18px;margin-top:7px;margin-bottom:15px;height:45px;}
.board_list span {font-size:16px;}
.board_list span+span{margin-left:10px;padding-left:10px;}
.board_btn {margin:30px auto 50px}
.board_btn button {min-width:200px;font-size:16px;padding:.75em;}