@charset "utf-8";
@import url(font.css);
@import url(main.css);


/*레이아웃*/
.content-title { font-size: 42px;font-weight: 700;color: #1A2636;line-height: 120%;margin: 0 auto;}
.content-wrap { padding-top: 250px;position: relative;z-index: 100;display: inline-block;}
.black-title { position: relative;text-align: center;}
.black-title::before { content: '';position: absolute;top: -10px; left: 50%; transform: translateX(-50%); width: 100%;height: 3px;background: #D50000;}
.white-title { position: relative;text-align: center;color: #fff;}
.white-title span { display: block; color: #fff;font-size: 24px;font-weight: 300;}
.title-wrap .container { display: flex; justify-content: flex-start; align-items:center;} /*타이틀 가운데 정렬과 라인*/
.subBody {background: #F5F5F7; padding-bottom: 0px;}
.sub-contsBody { background: #fff;padding: 50px;}

.aboutBody .onlineBtm { margin-top: 0 !important;}


.txtBlack { color: #000;}
.topBtn { position: fixed;right: 50px;bottom: 100px;border: 10px solid rgba(244, 13, 13, 0.1);border-radius: 100%;z-index: 1000;}
.topBtn a { width: 50px;height: 50px;line-height: 50px;font-size: 15px; background: #D50000;display: inline-block;border-radius: 100%;color: #fff;text-align: center;}

/*sub - body-content*/
.body-content { clear: both;position: relative;margin-top: 100px;}
.body-content .content-title { padding-top: 10px;}

/* 서브 상단비주얼 */
.commVisu { background: #fff;min-height: 950px;width: 100%;background: url(../img/symbol-ic.png) 90% 150px no-repeat;width: 100%;height: 100%;}
.projVisu { background: #000;min-height: 950px;width: 100%;background: url(../img/projVisu-back.png) center center / cover no-repeat fixed;width: 100%;height: 100%;}
.aboutVisu { background-color: #F5F5F5 !important;min-height: 950px;width: 100%;background: url(../img/about-back.png) 110% 150px / contain no-repeat fixed;width: 100%;height: 100%;}
.aboutVisu .black-title::before { content: '';background: transparent;font-size: 40px;}
.busiVisu { background: #000;min-height: 950px;width: 100%;background: url(../img/business-back.png) center center / cover no-repeat fixed;width: 100%;height: 100%;}

/*스크롤 화이트*/
.scroll-ic-white { position: absolute;left: 50%;bottom: 20px;z-index: 1000;text-align: center;margin-left: -45px; animation: upDown 2s ease-in-out infinite; }
.scroll-ic-white span { display: block; color: rgba(255,255,255,0.8);padding: 5px 0;}
.scroll-ic-white span:last-child {font-weight: 100;font-size: 13px;letter-spacing: 0.5px;}

/*스크롤 블랙*/
.scroll-ic-black { position: absolute;left: 50%;bottom: 20px;z-index: 100;text-align: center;margin-left: -45px; animation: upDown 2s ease-in-out infinite; }
.scroll-ic-black span { display: block; color: rgba(0,0,0,0.8);padding: 5px 0;}
.scroll-ic-black span img { opacity: 0.7;}
.scroll-ic-black span:last-child {font-weight: 300;font-size: 13px;letter-spacing: 0.5px;}
@keyframes upDown {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px); /* 위로 10px 이동 */
  }
}


/*온라인상담*/
.onlineBtm { margin-top: 120px;background: url(../img/online-back.png) center no-repeat;background-size: cover;padding: 120px 0;}
.onlineBtm .onlineinput { display: flex;column-gap: 50px;flex-wrap: wrap;padding-top: 80px;}
.onlineBtm .onlineinput li { flex-basis: calc((100% - 1 * 50px) / 2);margin-bottom: 20px;}
.onlineBtm .onlineinput .inputBase { height: 70px;border: 1px solid #D5D5D5;width: 100%;}
.onlineBtm .onlineinput .inputBase::-webkit-input-placeholder { color: #1A2636;font-size: 20px;}
.onlineBtm .onlineinput .inputBase:-moz-placeholder { color: #1A2636; opacity:  1;font-size: 20px;}
.onlineBtm .onlineinput .inputBase::-moz-placeholder { color: #1A2636; opacity:  1;font-size: 20px;}
.onlineBtm .onlineinput .inputBase:-ms-input-placeholder { color: #1A2636;font-size: 20px;}
.onlineBtm .onlineinput .inputBase::placeholder { color: #1A2636; opacity:  1;font-size: 20px;}
.onlinetext { width: 100%;height: 200px;border: 1px solid #D5D5D5;}
.onlinetext textarea {width: 100%; height: 100%;padding: 20px;font-size: 20px;}
.mcusto-btn { clear: both;display: flex;justify-content: space-between; align-items: center;color: #fff;font-size: 17px;margin-top: 20px;}
.mcusto-btn span { color: #1A2636;font-size: 17px;}
.mcusto-btn .btn a { width: 160px;height: 60px;line-height: 60px; color: #fff;font-size: 20px;background: #D50000;display: inline-block;text-align: center;border-radius: 3px;}
.mcusto-btn :checked { width: 30px;height: 30px;border-radius: 100%;margin-right: 10px;border: 2px solid #D50000;}




/* 게시판 */
.bdCont {  margin: 50px 0;}
.brd-tab { width: 100%;}
.brd-tab ul { display: flex;align-items: center; background: rgba(255,255,255,0.3);}
.brd-tab ul li { align-items: center;height: 70px; line-height: 70px; width: 100%; justify-content: center}
.brd-tab ul li a { color: #000;font-size: 24px;font-weight: 600;}
.brd-tab ul li a:hover { background: rgba(255,255,255,1);display: block;}
.brd-tab ul li.on a { background: rgba(255,255,255,1);display: block;height: 100%;}
.brdTop {padding-bottom: 40px;}
.brdTop:after {content: ''; display: table; clear: both;}
.brdTop p {float: left; font-size: 18px; color: #555; margin-top: 20px; position: relative;}
.brdTop p span {color: #D50000;font-weight: 700;}
.brdSch {float: right;}
.brdSch:after {content: ''; display: table; clear: both;}
.brdSch dt {float: left; margin-right: 5px;}
.brdSch dt select {display: block; width: 130px;}
.brdSch dd {float: left; position: relative;}
.brdSch dd input[type="text"] {display: block; width: 220px; height: 55px; border: solid 1px #CECECE; padding-left: 10px; padding-right: 40px; border-radius: 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.brdSch dd a,
.brdSch dd button {display: block; width: 27px; height: 27px; position: absolute; right: 10px; top: 15px; text-indent: -9999px; background: url('../img/zoom-ic.png')no-repeat center center;}
.brdAll {float: right; margin-right: 30px;}
.brdAll:after {content: ''; display: table; clear: both;}
.brdAll select {display: block; width: 130px; float: left;}
.brdAll a,
.brdAll button {display: block; height: 38px; line-height: 34px; float: left; text-align: center; width: 50px; color: #fff; background: #454545; margin-left: 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.brdList {background: #fff;}
.brdList th,
.brdList td {text-align: center; padding: 15px; }
.brdList thead th { font-size: 20px;color: #000;font-weight: 700;}
.brdList th {border-top: solid 1px #BCBCBC; border-bottom: solid 1px #BCBCBC; font-weight: 500; background: #EBEBEB;}
.brdList td {border-bottom: solid 1px #ccc;}
.brdList td.bdlNum {color: #666;}
.brdList td.bdlTitle {text-align: left;}
.brdList td.bdlTitle a {display: inline-block; max-width: 85%; color: #555; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle;}
.brdList td.bdlTitle a .bdlNew {display: inline-block; vertical-align: middle; width: 18px; height: 18px; line-height: 18px; text-align: center; margin-top: -2px; background: #D50000; color: #fff; margin-left: 5px; font-size: 8pt; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
.brdList td.bdlTitle img {display: inline-block; vertical-align: middle; margin-left: 5px;}
.brdList td.bdlUser {}
.brdList td.bdlDate {}
.brdList td.bdlCount {}
.brdList tr.noti td.bdlNum {color: #D50000; font-weight: 500; font-size: 9pt;}
.brdList tr.noti td.bdlTitle a {color: #222;}
.paging {text-align:center; margin-top: 30px;}
.paging a {display:inline-block; vertical-align:middle; width:40px; height:40px; line-height:40px; position: relative; font-family: 'Roboto', sans-serif; color: #999; font-size: 11pt;}
.paging > a {text-indent:-9999px;}
.paging a.first {background:url('../img/paging_first.png')no-repeat center center;}
.paging a.prev {background:url('../img/paging_prev.png')no-repeat center center;}
.paging a.next {background:url('../img/paging_next.png')no-repeat center center;}
.paging a.last {background:url('../img/paging_last.png')no-repeat center center;}
.paging ul {display:inline-block; vertical-align:middle;}
.paging ul li {display:inline-block; vertical-align:middle; position: relative;}
.paging ul li:before {content: ''; display: block; width: 1px; height: 12px; background: #e2e2e2; position: absolute; left: 0; top: 50%; margin-top: -6px;}
.paging ul li:last-child:after {content: ''; display: block; width: 1px; height: 12px; background: #e2e2e2; position: absolute; right: 0; top: 50%; margin-top: -6px;}
.paging ul li.on a {font-weight: 700; color: #1A2636;border-bottom: 2px solid #D50000;}
.brdBtn {margin-top: 20px; text-align: right;}
.brdBtn a {display: inline-block; width: 100px; height: 50px; line-height: 48px; text-align: center; border: solid 1px #003276; color: #003276; font-size: 16px; font-weight: 500; margin-left: 5px;}

/*게시판 View*/
.brdView-wrap { margin-top: 120px;border-top:2px solid #000;}
.brdList.subbrd .first-noti {padding: 30px 0;}
.brdList.subbrd .first-noti .title { font-size: 24px; color: #1A2636;font-weight: 700;padding-bottom: 10px;}
.brdList.subbrd .first-noti .date { font-size: 16px; color: #848484;font-weight: 400;padding-bottom: 10px;}
.brdList.subbrd .first-noti .date span:last-child { position: relative;}
.brdList.subbrd .first-noti .date span:last-child::before { content: '|';display: inline-block;margin: 0 10px;}
.bdvTxt_wrap {padding:50px 0px 50px; letter-spacing: -0.065em; line-height:2.2em; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.bdvTxt_wrap img {max-width:100%;margin-bottom: 30px;}
.bdvTxt { color: #454545;font-size: 18px;}
.bdvTxt img { max-width: 900px;width:100%;}
.bdvBtn {width: 100%; background-size: 19px auto !important;}
.bdvBtn > div {}
.bdvBtn > div > div {}
.bdvBtn span {font-size:11pt;display: block; color: #666;font-weight: 600;font-size: 17px;}
.bdvBtn p {font-size: 12pt;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.bdvBtn em {display: block; color: #797979; font-weight: 500;}
.btn-group { margin: 50px 0;}
.btn-group .btnBase { width: 137px;height: 55px; line-height: 55px; border-radius: 10px;}
.btn-group a { color: #fff;font-size: 20px;display: block;text-align: center;}
.redBtn { background: #D50000;}
.viewImg img { width: 100%;}

.bdvNav {margin-top: 50px;margin-bottom:50px;border-top: 1px solid #666;border-bottom: 1px solid #666;}
.bdvNav:after {content: ''; display: table; clear: both;}
.bdvNav > a {float: left; height: 80px;}
.bdvBtn.bdvPrev { height: 50px;line-height: 50px;}
.bdvBtn.bdvPrev span { background: #f3f3f3;display: inline-block;width: 150px;float: left;text-align: center;}
.bdvBtn.bdvPrev span::before { content: ''; background: url(../img/select_arrow2.png) 10px center no-repeat; display: inline-block; width: 38px;height: 38px;vertical-align: middle;transform: rotate(-180deg);}
.bdvBtn.bdvPrev p { padding:0 30px;}

.bdvBtn.bdvNext { height: 51px;line-height: 50px;border-top: 1px solid #D9D9D9;box-sizing: border-box;}
.bdvBtn.bdvNext span { background: #f3f3f3;display: inline-block;width: 150px;float: left;text-align: center;}
.bdvBtn.bdvNext span::before { content: ''; background: url(../img/select_arrow2.png) -5px center no-repeat; display: inline-block; width: 38px;height: 38px;vertical-align: middle;}
.bdvBtn.bdvNext p { padding:0 30px;}

/* 갤러리 */
.gryList {margin: 0 -20px -25px;}
.gryList:after {content: ''; display: table; clear: both;}
.gryList li {float: left; width: 33.33%; padding: 0 20px 40px;}
.gryList li a {display: block;}
.gryList li a em {display: block; padding-bottom: 67.7%; background-size: cover !important;border-radius: 25px 25px 0 0;}
.gryList li a h5 { font-size: 24px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;color: #1A2636;}
.gryList li a p { font-size: 16px;font-weight: 500;padding-top: 5px;color: #9A9A9A;}
.gryList-conts { background: #F5F5F7;border-radius: 0 0 25px 25px;padding: 30px;}


/* 사업실적 Project */
.topVisu-conts { clear: both;padding-top: 15%;}
.topVisu-conts p { color: #fff;line-height: 120%;}
.topVisu-conts p:nth-child(1) { font-size: 20px;font-weight: 300;}
.topVisu-conts p:nth-child(1) span { width: 100px;height: 2px;background: #fff; display: inline-block;margin: 10px 10px 0;vertical-align: top;}
.topVisu-conts p:nth-child(2) { font-size: 40px;font-weight: 700;}
.topVisu-conts p:nth-child(2) span { font-size: 60px;font-weight: 900;color: #D50000;line-height: 110%;margin-left: 15px;}

.conts-tabm { clear: both;padding-top: 80px;}
.conts-tabm ul { display: flex;flex-wrap: wrap;width: 100%;}
.conts-tabm ul li { flex: 1 1 calc(100% / 3); height: 60px;line-height: 60px;text-align: center;display: inline-block;background: rgba(0,0,0,0.4);}
.conts-tabm ul li a { font-size: 20px;color: #fff;font-weight: 400;}
.conts-tabm ul li:hover { background: rgba(213,0,0,1);color: #fff;display: inline-block;width: 100%;}
.conts-tabm ul li a.on { width: auto; height: 60px;line-height: 60px;text-align: center;display:block;background: rgba(213,0,0,1);font-weight: 600;}

/*실적 테이블*/
.proTbl { clear: both;padding: 0 40px;margin-bottom: 50px;}
.proTbl dt { font-size: 28px;color: #1A2636;font-weight: 700;border-bottom: 4px solid #D50000;display: inline-block;}
.proTbl .proTbl-list { border-bottom: solid 1px #7E7E7E;padding: 20px 0 0 0;}
.proTbl .proTbl-head { border-bottom: solid 1px #7E7E7E; font-size: 20px; font-weight: 800; color: #1A2636;text-align: left;padding: 10px 0;display: flex;}
.proTbl .proTbl-head li.col-1 { width: 60%;}
.proTbl .proTbl-head li.col-2 { width: 20%;}
.proTbl .proTbl-head li.col-3 { width: 20%;}
.proTbl .proTbl-conts { font-size: 18px; padding: 15px 0;}
.proTbl .proTbl-conts ul { display: flex;padding: 5px 0;}
.proTbl .proTbl-conts ul li.col-1 { width: 60%;}
.proTbl .proTbl-conts ul li.col-2 { width: 20%;}
.proTbl .proTbl-conts ul li.col-3 { width: 20%;}


/*기업소개*/
.aboutTop-conts { margin-top: 110px; clear: both;width: 100%; height: 330px; background: #D50000 url(../img/aboutTop-back.png) left 60px no-repeat;border-radius: 20px;box-shadow: 0 0 15px rgba(0,0,0,0.2);background-size: auto;display: table;}
.aboutTop-conts .tac { color: #fff;display: table-cell;vertical-align: middle;}
.aboutTop-conts .ttl { font-size: 36px;}
.aboutTop-conts .ttl::after { content: ''; position: absolute; left: 50%;margin-top: 30px; margin-left: -25px; width: 50px;height: 3px;background: #fff;}
.aboutTop-conts .ttl p span { font-size: 36px;font-weight: 700;}
.aboutTop-conts .txt { font-size: 20px;color: rgba(255,255,255,0.8);padding-top: 70px;line-height: 140%;}

.about-wrap { background: #F5F5F5;padding: 150px 0 100px;}
.about-wrap .title-left { margin: 0;}
.about-ideo { display: flex;padding: 80px 0 100px;gap:50px;}
.about-ideo dl { flex: 0 0 calc((100% - 2 * 50px) / 3);background: #fff;border-radius: 20px;padding: 40px;aspect-ratio: auto 1 / 1;}
.about-ideo dl dt { display: table;width: 100%; }
.about-ideo dl dt p { display: table-cell;vertical-align: middle; background: rgba(213,0,0,0.8);border-radius: 12px;width: 100%; height: 65px;font-size: 28px;font-weight: 700;color: #fff;padding: 0 15px;}
.about-ideo dl dt p span { font-size: 24px;font-weight: 400;color:rgba(255,255,255,0.8);margin-left: 10px;}
.about-ideo dl.ideo-img1 { background: url(../img/about-img1.png) center no-repeat;background-size: cover;}
.about-ideo dl.ideo-img2 { background: url(../img/about-img2.png) center no-repeat;background-size: cover;}
.about-ideo dl.ideo-img3 { background: url(../img/about-img3.png) center no-repeat;background-size: cover;}
.about-ideo dl dd { font-size: 20px;color: #fff;line-height: 130%;font-weight: 300;padding-top: 54.65%;}
.ttl-subtxt { font-size: 20px;padding-left: 10px;text-transform: uppercase;vertical-align: bottom;}
.about-messBack { background:#E2E2E3 url(../img/ceom-back.png) right center no-repeat;background-size: cover;}
.about-message { clear: both;}
.amessa-ttl { margin-top: 30px;font-size: 24px;font-weight: 600;}
.amessa-txt { margin-top: 30px;font-size: 20px;line-height: 140%;}
.amessa-txt2 { margin-top: 30px;font-size: 20px;line-height: 140%;}
.amessa-txt2 p span { color: #D50000;font-weight: 700;}
.amessa-list { clear: both; display: flex;padding-top: 40px;padding-bottom: 20px;}
.amessa-list li { display: table;text-align: center;font-size: 20px;color: #D50000;font-weight: 600;margin-right: 20px;}
.amessa-list li:nth-child(2n+2) span { background: #DDD1D1 !important;width: 110px;height: 110px;border-radius: 100%;}
.amessa-list li span { display: table-cell;vertical-align: middle;width: 110px;height: 110px;background: #fff;border-radius: 100%;}
.title-stxt { font-size: 20px;font-weight: 300;line-height: 150%;padding: 10px 0 20px;}

.about-plug { clear: both;background: #D4D4D4;border-radius: 20px;padding: 30px 60px;margin-bottom: 20px;}
.ideo-img { position: relative;}
.ideo-img img { border-radius: 20px;}
.aplug-ttl { font-size: 24px;font-weight: 600;padding-bottom: 20px;}
.aplug-ttl span { color: #D50000;margin-right: 10px;}
.ideo-img span { position: absolute;left: 30px;bottom: 35px;font-size: 22px;color: #fff;font-weight: 500;}
.aplug-thum { display: flex;gap:40px;}
.aplug-thum .ideo-img { flex: 0 0 calc((100% - 2 * 40px) / 3);aspect-ratio: 3 / 1;}
.aplug-thum .ideo-img img { width: 100%;}
.aplug-thum.thum2col img { height: 100%;}
.about-plug.dark { background: #1A2636;}
.about-plug.dark .aplug-ttl { color: #fff;}
.thum2col { flex: 1 2}
.aplug-thum.thum2col .ideo-img {width: 100%;}
.thum2col .ideo-img:first-child { width: 30%;}
.thum2col .ideo-img:last-child { width: 70%;flex: auto;}

/*인증서*/
.about-cerfi { clear: both;background: url(../img/cerfi-back.png) center no-repeat;background-size: cover;padding: 100px 0;}
.about-cerfi .content-title { color: #fff;}
.cerfi-swiper { padding: 80px 5% 0;text-align: center;}
.cerfi-swiper .swiper-slide img { width: 70%;}
.cerfi-swiper .swiper-slide span { display: block; text-align: center; font-size: 20px;color: #fff;padding-top: 30px;}

/*연혁*/
.about-history { clear: both;background: url(../img/history-back.png) center no-repeat;background-size: cover;padding: 100px 0;}
.ahistory-conts { padding-top: 30px;padding-left: 17%;}
.ahistory-conts dl { clear: both;margin: 20px 0; display: flex;align-items: center;}
.ahistory-conts dl dt { width: 85px;height: 85px;background: #D50000;border-radius: 100%;color: #fff;text-align: center;display: table;aspect-ratio: 1;}
.ahistory-conts dl dt span { display: table-cell;vertical-align: middle;font-size: 18px;font-weight: 800;}
.ahistory-conts dl dd { padding: 0 20px;}
.ahistory-conts dl dd ul li:first-child { font-size: 24px;color: #1A2636;font-weight: 800;}
.ahistory-conts dl dd ul li:last-child { font-size: 18px;line-height: 140%;}

/*조직도*/
.about-system { clear: both;padding: 150px 0 100px;background: #F5F5F5;}
.system-conts { clear: both;text-align: center;width: 1024px;margin: 50px auto 0;position: relative;}
.Sy-cei { width: 260px;height: 65px;background: #D50000;color: #fff;border-radius: 8px;display: table;margin: 0 auto;}
.Sy-cei span { display: table-cell;vertical-align: middle;font-size: 24px;}
.Sy-cei::before { content: '';position: absolute;left: 50%;top: 65px;width:1px;height: 160px;background: #969696;}
.Sy-cei::after { content: '';position: absolute;left: 130px;top: 147px;width: calc(100% - 260px);height: 1px;background: #969696;}
.system-width { display: flex;margin-top: 80px;justify-content: space-between;}
.system-width > div { }
.Sy1, .Sy2 { display: table;position: relative;z-index: 10;margin-top: 80px;}
.Sy3 { display: table;position: relative;z-index: 10;margin-top: -30px;}
.Sy1 span { font-size: 18px;}
.Sy2::after { content: '';position: absolute;left: -45%;top: -44px;color: #969696;font-size: 11px;z-index: 0;}
.sy3-h2 { clear: both; margin: 0 auto;width: 260px;}
.sy3-h2 dt { display: table;background: #FF3C38;border-radius: 8px;color: #fff;width: 100%;height: 65px;position: relative;}
.Sy1 .sy3-h2 dt::before { content: ''; position: absolute;left: 50%;top: -77px;width: 1px;height: 77px;background: #969696;color: #969696;font-size: 10px; z-index: 1;}
.sy3-h2 dt span { font-size: 18px;display: table-cell;vertical-align: middle;}
.sy3-h2 dt span::after { content: '';position: absolute; transform: translate(-50%, 0%); left: 50%;top: 65px; width: 0;height: 0; border-left: 10px solid transparent;border-right: 10px solid transparent; border-top: 10px solid #FF3C38;}
.sy3-h2 dd { margin-top: 20px;}
.sy3-h2 dd ul li { background: #fff;border-radius: 8px;width: 100%;height: 80px;margin-bottom: 10px;display: table;}
.sy3-h2 dd ul li p {display: table-cell;vertical-align: middle;}
.sy3-h2 dd ul li p span { font-size: 18px;}
ul.li-2col { display: flex;gap: 10px;}
ul.li-2col li { width: 50% !important;float: left;height: 80px !important;}
ul.li-2col li span { display: block;}

/*약도*/
.about-map { clear: both;background:#E2E2E3;width: 100%; padding: 150px 0;}
.about-map .adot-sub { color: #fff;}
.mapload { width: 100%;height: 450px;position: relative;border-radius: 7px;margin-top: 50px;}

.map-conts { margin-top: -70px; margin-left: 10%; z-index: 1000;position: relative;display: flex;align-items: center;background: #D50000;border-radius: 25px 0 0 0;padding: 20px 5%;min-height: 190px;justify-content: space-between;}
.map-add { position: relative;padding-left: 100px;color: #fff;font-weight: 300;}
.map-add dt { font-weight:700;font-size: 22px;line-height: 150%;}
.map-add dd {font-size: 17px; line-height: 150%;}
.map-add::before { content: '';position: absolute;left: 0;top: 50%;width: 80px;height: 80px;background:#BC0000 url(../img/map-ic1.png) center no-repeat;border-radius: 100%;margin-top: -35px;}

.map-location { position: relative;padding-left: 100px;color: #fff;font-weight: 300;}
.map-location dt { font-weight: 700;font-size: 22px;line-height: 150%;}
.map-location dd { font-size: 17px;line-height: 150%;}
.map-location::before { content: '';position: absolute;left: 0;top: 50%;width: 80px;height: 80px;background:#BC0000 url(../img/map-ic2.png) center no-repeat;border-radius: 100%;margin-top: -35px;}

.map-tel { position: relative;padding-left: 100px;color: #fff;font-weight: 300;}
.map-tel dt { font-weight: 700;font-size: 22px;line-height: 150%;}
.map-tel dd { font-size: 17px;line-height: 150%;}
.map-tel::before { content: '';position: absolute;left: 0;top: 50%;width: 80px;height: 80px;background:#BC0000 url(../img/map-ic3.png) center no-repeat;border-radius: 100%; margin-top: -35px;}

/*주요사업*/
.busiVisu .content-title.white-title { clear: both;}
.busiVisu .content-title.white-title span { line-height: 150%;font-size: 16px;}
.busiVisu .content-title.white-title span:first-child { padding-top: 15px;}
.busiVisu .content-title.white-title span:last-child { font-weight: 200;}
.busiconts-top { clear: both;padding-top: 120px;}
.busiconts-ttl { font-size: 42px;font-weight: 700; color: #fff; line-height: 120%;text-align: center;}
.busiconts-bann { clear: both;padding-top: 30px;}
.busiconts-bann ul { display: flex;gap: 25px;}
.busiconts-bann ul li { flex: 1 1 calc((100% - 2 * 25px) / 3); min-height: 120px;border-radius: 15px;padding:70px 30px 0;}
.busiconts-bann ul li span { text-align: left;font-size: 26px;color: #fff;font-weight: 700;}
.busiconts-bann ul li:nth-child(1) { background: #D50000;}
.busiconts-bann ul li:nth-child(1) span { position: relative;}
.busiconts-bann ul li:nth-child(1) span::before { content: ''; position: absolute;top:0px; width: 50px;height: 50px; border-radius: 100%;background:url(../img/mb-ic1.png) center no-repeat;left: 20px; transform: translate(-50%, -100%);background-size: 40px;}
.busiconts-bann ul li:nth-child(2) { background: #E31513;}
.busiconts-bann ul li:nth-child(2) span { position: relative;}
.busiconts-bann ul li:nth-child(2) span::before { content: ''; position: absolute;top:0px; width: 50px;height: 50px; border-radius: 100%;background:url(../img/mb-ic2.png) center no-repeat;left: 20px; transform: translate(-50%, -100%);background-size: 40px;}
.busiconts-bann ul li:nth-child(3) { background: #F12826;}
.busiconts-bann ul li:nth-child(3) span { position: relative;}
.busiconts-bann ul li:nth-child(3) span::before { content: ''; position: absolute;top:0px; width: 50px;height: 50px; border-radius: 100%;background:url(../img/mb-ic3.png) center no-repeat;left: 20px; transform: translate(-50%, -100%);background-size: 40px;}
.busiconts-bann ul li:nth-child(4) { background: #FF3C38;}
.busiconts-bann ul li:nth-child(4) span { position: relative;}
.busiconts-bann ul li:nth-child(4) span::before { content: ''; position: absolute;top:0px; width: 50px;height: 50px; border-radius: 100%;background:url(../img/mb-ic4.png) center no-repeat;left: 20px; transform: translate(-50%, -100%);background-size: 40px;}

.busiconts-body { clear: both;}
.busiconts-step01 { margin: 50px 0;}
.business-title { background: url(../img/busittl-back.png) center no-repeat;width: 168px;height: 47px;line-height: 47px;text-align: center;font-size: 20px;font-weight: 700;color: #fff;}
.business-stepTtl { clear: both;padding:40px 0 20px;}
.business-stepTtl dt { font-size: 40px;font-weight: 800;color: #1A2636;}
.business-stepTtl dd { font-size: 18px;font-weight: 400;color: #1A2636;line-height: 150%;}

.business-list { clear: both;position: relative;}
.business-box { background: #fff;border-radius: 30px;padding: 40px 50px;}
.business-box dl { clear: both;padding: 10px 0;}
.business-box dl dt { font-size: 20px;font-weight: 800;color: #D50000;background: #FDF2F2;padding: 10px 20px;border-radius: 30px;border: 1px solid #D50000;display: inline-block;}
.business-box dl dd { font-size: 17px;font-weight: 400;color: #1A2636;line-height: 200%;padding: 10px 15px 0;}
.business-img .busi-rimg1 { position: absolute;right: 5%;bottom: -100px;}
.business-img .busi-rimg2 { position: absolute;right: 15%;bottom: -50px;}
.business-img .busi-rimg1 span img, .business-img .busi-rimg2 span img { border-radius: 30px;box-shadow: 0 0 15px 0px rgba(0,0,0,0.2);}

.busiconts-step02 { clear: both;position: relative;margin-top: 150px;z-index: 102;min-height: 950px;}
.busiconts-step02::before { content: '';position: absolute;left: 0;top: 0;min-height: 950px;background:#fff url(../img/busistep2-back.png) left bottom no-repeat;width: 100%;}
.busiconts-step02 .container { padding: 100px 0;}
.busiconts-step02-wrap { width: 100%;position: relative;}
.busiconts-step02-bottom { position: absolute;right: 35%;top: 110%;}
.busiconts-step02-bottom .busi-btm1 { display: block; width: 100%; height: 500px; overflow: hidden;border-radius: 25px; }
.busiconts-step02-bottom .busi-btm1 span img { width: 100%;height: 100%; object-fit: cover; object-position: center; }
.busiconts-step02-right { position: absolute;right: 0;top: 20%;}
.busiconts-step02 .business-box { background: #F5F5F7;border-radius: 30px;padding: 40px 50px 40px;}
.busiconts-step02-right .busi-rimg4 span img, .busiconts-step02-left .busi-rimg4 span img { border-radius: 30px;box-shadow: 0 0 15px 0px rgba(0,0,0,0.2);width: 100%;}
.busiconts-step02-left .busi-rimg4 { width: 40%; float: right;margin-top: 20px;}
.busiconts-step02-left .business-box { display: flex;flex-wrap: wrap;width: 65%;}
.busiconts-step02-left .business-box dl { flex: 0 0 calc(100% / 2);}

.busiconts-step03 { clear: both;position: relative;min-height:900px;background:#F5F1F1;padding-top: 200px;z-index: 101;padding-bottom: 250px;}
.busiconts-step03 .busi-rimg5 { position: absolute;right: -15%;top: 20px; width: 700px;}
.busiconts-step03 .busi-rimg5 span { object-fit: cover; object-position: center;}
.busiconts-step03 .busi-rimg5 span img { width: 100%;}
.busiconts-step03-wrap { position: relative;z-index: 1000;}
.busiconts-step03-wrap .business-box .business-boxW { width: 70%;display: flex;flex-wrap: wrap;}
.busiconts-step03-wrap .business-box .business-boxW dl { flex: 0 0 calc(100% / 2);}
.busiconts-step03:after { content: '';width: 100%;height: 40%;position: absolute;left: 0;bottom: 0;background: #323232;z-index: 1;}

.busiconts-step02-left .busi-rimg4 span { display: block; width: 100%; height: 500px; overflow: hidden;border-radius: 25px; }
.busiconts-step02-left .busi-rimg4 span img { width: 100%;height: 100%; object-fit: cover; object-position: center; }
.busiconts-step02-right .busi-rimg4 span { display: block; width: 100%; height: 680px; overflow: hidden; border-radius: 25px;}
.busiconts-step02-right .busi-rimg4 span img { width: 100%;height: 100%; object-fit: cover; object-position: center; }

.busiconts-step04 { clear: both;position: relative;min-height:900px;background:url(../img/busi-img6.png) center no-repeat; z-index: 101; padding: 100px 0;background-size: cover;}
.busiconts-step04 .business-stepTtl { clear: both;padding:40px 0 20px;}
.busiconts-step04 .business-stepTtl dt { font-size: 40px;font-weight: 800;color: #fff;}
.busiconts-step04 .business-stepTtl dd { font-size: 18px;font-weight: 400;color: #fff;line-height: 150%;}
.busiconts-step04 .busiconts-step03-wrap .business-box .business-boxW { width: 100%;}
.busiconts-step04 .business-box { background: rgba(245,245,247,0.8);}
.busiconts-step04 .business-box dl { margin: 10px 0;}
.busiconts-step04 .business-box dl dt { font-size: 20px;font-weight: 800;color: #fff;background: #D50000;padding: 10px 20px;border-radius: 30px;border: 1px solid #D50000;display: inline-block;}







/****************************************************************************************/
/****************************************************************************************/
/*Media Query*/
/****************************************************************************************/
/****************************************************************************************/

@media (max-width:1900px) {	

    

}

@media (max-width:1600px) {	

    

}

@media (max-width:1400px) {	

	/*탑버튼*/
	.topBtn {right: 20px; bottom: 20px;border: 5px solid rgba(244, 13, 13, 0.1);}
	.topBtn a { width: 40px;height: 40px;line-height: 32px;font-size: 13px;border: 5px solid rgba(244, 13, 13, 0.1);}
	
	/*갤러리*/		
	.gryList {margin: 0 -10px -25px;}
	.gryList li {width: 50%; padding: 0 10px 25px;}

	/*회사소개*/
	.about-ideo { display: flex;padding: 80px 0 100px;gap:30px;}
	.about-ideo dl { flex: 0 0 calc((100% - 2 * 30px) / 3);background: #fff;border-radius: 20px;padding: 20px;aspect-ratio: auto 1 / 1;}

	.about-plug { border-radius: 10px; padding: 20px 20px;}
	.aplug-thum { display: flex;gap:15px;}
	.aplug-thum .ideo-img { flex: 0 0 calc((100% - 2 * 15px) / 3);aspect-ratio: 3 / 1;}
	.ideo-img span { bottom: 20px;font-size: 20px;font-weight: 500;}

	/*주요사업*/
	.busiconts-step02 .container { padding: 100px 20px;}

	.busiconts-step02-right .busi-rimg4 span { height: 600px;}
	
    
}

@media (max-width:1200px) {	

    /*회사소개*/
	.about-wrap.about-messBack .title-wrap .container { padding-left: 0;}
	.aplug-ttl { padding-bottom: 10px;font-size: 20px;}

	/*조직도*/
	.map-conts { left: 0;margin-left: 5%;padding: 0 20px;min-height: 140px;}
	.map-add, .map-tel, .map-location { padding-left: 85px;}

	/* 주요사업 */
	.business-img .busi-rimg1 { right: 30px;text-align: right;bottom: -50px;}
	.business-img .busi-rimg2 { right: -50px; bottom: -25px;}
	.business-img .busi-rimg1 img, .business-img .busi-rimg2 img { width: 80%;}	
	.business-img .busi-rimg1 span img, .business-img .busi-rimg2 span img { border-radius: 15px;}

	.busiconts-step03 .busi-rimg5 { width: 400px;text-align: right;right: -4%;bottom: -80px;top: auto;}
	.busiconts-step02-right .busi-rimg4 span { height: 500px;}
	.busiconts-step02-bottom .busi-btm1 { height: 350px;}
	.busiconts-step02-bottom { top: 102%;}

}


@media (max-width:1024px) {	
	
	/*레이아웃 컨텐츠*/
	.content-title { font-size: 32px;}
	.black-title::before { height: 2px; top: -7px;}

	.content-wrap { padding-top: 150px;}

	/*하단 상담문의*/
    .onlineBtm .onlineinput { column-gap: 20px;padding-top: 40px;}
	.onlineBtm .onlineinput li { flex-basis: calc((100% - 1 * 20px) / 2);}
	.onlineBtm { margin-top: 50px; padding-top: 70px;}

	/*게시판 버튼*/
	.btn-group .btnBase { height: 45px;line-height: 45px;width: 110px;}
	.btn-group a { font-size: 17px;}
	.brdView-wrap { margin-top: 50px;}
	.brdList.subbrd .first-noti { padding: 15px 0 10px;}
	.brdList.subbrd .first-noti .title { font-size: 20px;padding-bottom: 5px;}
	.brdList.subbrd .first-noti .date { padding-bottom: 5px;}
	.bdvTxt { font-size: 17px;line-height: 150%;color: #535353;}
	.btn-group { margin: 25px 0 0;}

	/*조직도*/
	.system-conts { width: 100%;}
    .sy3-h2, .Sy-cei { width: 230px;}
    .Sy-cei::after { left: 115px; width: calc(100% - 200px);}
    .map-location dl dt, .map-add dl dt, .map-tel dl dt { font-size: 17px;}
    .map-location dl dd, .map-add dl dd, .map-tel dl dd { font-size: 15px;}
    .map-location { width: 180px;padding: 20px 15px; }
    .map-conts {margin-top: -40px;}

	/*회사소개*/
	.aboutTop-conts .ttl p span { font-size: 30px;font-weight: 700;}
	.aboutTop-conts .txt { font-size: 17px;color: rgba(255,255,255,0.8);padding-top: 70px;line-height: 140%;}

	.about-ideo { display: flex;padding: 80px 0 100px;gap:15px;}
	.about-ideo dl { flex: 0 0 calc((100% - 2 * 15px) / 3);background: #fff;border-radius: 10px;padding: 20px;aspect-ratio: auto 1 / 1;}
	.about-ideo dl dd { font-size: 17px;}
	.about-ideo dl dt p { font-size: 17px;font-weight: 600;height: 45px;border-radius: 7px;}
	.about-ideo dl dt p span { font-size: 20px;font-weight: 200;}

	.amessa-txt { font-size: 17px;}
	.aplug-ttl { font-size: 20px;padding-bottom: 10px;}
	.ideo-img img { border-radius: 10px;}
	.ideo-img span { left: 50%;bottom: 15px;font-size: 17px;transform: translate(-50%, -0%);width: 100%;text-align: center;}

	.ahistory-conts { padding-left: 5%}

	/*조직도*/
	.map-add::before { content: '';position: absolute;left: 0;top: 50%;width: 60px;height: 60px;background:#BC0000 url(../img/map-ic1.png) center no-repeat;border-radius: 100%;margin-top: -28px;}
	.map-location::before { content: '';position: absolute;left: 0;top: 50%;width: 60px;height: 60px;background:#BC0000 url(../img/map-ic2.png) center no-repeat;border-radius: 100%;margin-top: -28px;}
	.map-tel::before { content: '';position: absolute;left: 0;top: 50%;width: 60px;height: 60px;background:#BC0000 url(../img/map-ic3.png) center no-repeat;border-radius: 100%; margin-top: -28px;}
	.map-add dd { font-size: 15px;}
	.map-add, .map-tel, .map-location { padding-left: 70px;}
	.map-add dl dd { padding-right: 10px;}
	.map-conts { display: block;min-height: 100%;padding: 20px 50px;overflow: hidden;}
	.map-conts .map-add { width: 100%; }
	.map-conts .map-tel, .map-conts .map-location { width: 50%;float: left;padding-top: 0;padding-bottom: 0;margin-top: 20px;}

	/*프로젝트*/
	.white-title span { font-size: 17px;line-height: 130%;}
	.topVisu-conts p:nth-child(1) { font-size: 17px;}
	.topVisu-conts p:nth-child(2) { font-size: 30px;}
	.topVisu-conts p:nth-child(2) span { font-size: 40px;}
	.projVisu { min-height: 600px;}
	.sub-contsBody { padding: 30px 0px;}
	.proTbl { padding: 0 20px;}
	.proTbl .proTbl-head { font-size: 18px;}
	.proTbl .proTbl-conts { font-size: 17px;}

	/*주요사업*/
	.busiconts-bann ul li { padding: 50px  10px 0;border-radius: 7px;}
	.busiconts-bann ul li span { font-size: 20px;font-weight: 600;}
	.busiconts-bann ul { display: flex;gap: 10px;}
	.busiconts-bann ul li { flex: 1 1 calc((100% - 2 * 10px) / 3); min-height: 100px;border-radius: 15px;padding:60px 20px 0;}
	.business-stepTtl dt { font-size: 30px;}
	.business-stepTtl dd { font-size: 15px;line-height: 120%;padding-top: 10px;}
	.business-img .busi-rimg2 { right: -100px; bottom: -25px;}
	.business-img .busi-rimg1 img, .business-img .busi-rimg2 img { width: 65%;}
	.business-box { padding: 40px 20px;border-radius: 20px;}
	.business-box dl dt { font-size: 17px;}
	.business-box dl dd { font-size: 15px;}
	.busiconts-step03-wrap .business-box .business-boxW { width: 70%;}
	.busiconts-step02-left .business-box { width: 70%;}
	.busiconts-step02-right .busi-rimg4 span { height: 400px;}
	.busiconts-step02-bottom .busi-btm1 { height: 300px;}
	.busiconts-step02-bottom { right: 30%;}



}


@media (max-width:768px) {	

	.aboutVisu { min-height: 650px;background-size: cover;}
	.aboutTop-conts { margin-top: 40px;}

	/*레이아웃 컨텐츠*/
	.content-title { font-size: 26px;}
	.content-wrap { padding-top: 120px;}
	.commVisu { min-height: auto;background: url(../img/symbol-ic.png) 90% 100px no-repeat;}

	/*하단 상담문의*/
	.onlineBtm .onlineinput { display: block;}
	.onlineBtm .onlineinput li { margin-bottom: 5px;}
	.onlineBtm .onlineinput .inputBase { height: 50px;}
	.onlineBtm .onlineinput .inputBase { height: 50px;border: 1px solid #D5D5D5;width: 100%;}
	.onlineBtm .onlineinput .inputBase::-webkit-input-placeholder { color: #1A2636;font-size: 17px;}
	.onlineBtm .onlineinput .inputBase:-moz-placeholder { color: #1A2636; opacity:  1;font-size: 17px;}
	.onlineBtm .onlineinput .inputBase::-moz-placeholder { color: #1A2636; opacity:  1;font-size: 17px;}
	.onlineBtm .onlineinput .inputBase:-ms-input-placeholder { color: #1A2636;font-size: 17px;}
	.onlineBtm .onlineinput .inputBase::placeholder { color: #1A2636; opacity:  1;font-size: 17px;}
	.onlinetext textarea { font-size: 17px;}

    /*brd*/
    .bdCont {margin-top: 0px;}
	.brdTop.all {position: relative; padding-top: 40px;}
	.brdTop p {width: 20%; margin-top: 15px;}
	.brdSch {float: left; width: 80%;}
	.brdSch dt {margin-right: 0; padding-right: 2px; width: 30%;}
	.brdSch dt select {width: 100%;}
	.brdSch dd {width: 70%;}
	.brdSch dd input[type="text"] {width: 100%;}
	.brdAll {float: none; position: absolute; right: 0; top: 0; margin-right: 0; width: 80%;}
	.brdAll select {width: 70%;}
	.brdAll a,
	.brdAll button {width: 29%; margin-left: 1%;}
	.brdList thead,
	.brdList colgroup {display: none;}
	.brdList,
	.brdList tbody,
	.brdList tr,
	.brdList td {display: block; width: 100%;}
	.brdList {border-top: solid 1px #2f4a3e;background: #fff; }
	.brdList tr {border-bottom: dotted 1px #aaa; padding: 15px 40px 15px 10px; position: relative;}
	.brdList tr:after {content: ''; display: table; clear: both;}
	.brdList td {text-align: left; padding: 0; font-size: 11pt; border-bottom: none;}
	.brdList td.bdlNum {width: auto; font-size: 9pt; position: absolute; right: 10px; top: 50%; margin-top: -10px; font-size: 9pt; padding: 2px 5px; border-radius: 4px;color: #333;}
	.brdList td.bdlNum:before {content: 'No. ';}
	.brdList td.bdlTitle {width: 100%; float: left;}
	.brdList td.bdlTitle a {font-size: 12pt; font-weight: 700;color: #000;}	
	.brdList td.bdlFile,
	.brdList td.bdlUser,
	.brdList td.bdlDate,
	.brdList td.bdlCount {float: left; width: auto; position: relative; font-size: 9pt; letter-spacing: 0.025em;}
	.brdList td.bdlFile {margin-right: 5px; padding-top: 2px;}
	.brdList td.bdlFile img {display: block; width: 13px;margin-top: 1px;}
	.brdList td.bdlUser,
	.brdList td.bdlDate {padding-right: 8px; margin-right: 7px;margin-top: 3px;}
	.brdList td.bdlUser:after,
	.brdList td.bdlDate:after {content: ''; display: block; width: 1px; height: 10px; background: #aaa; position: absolute; right: 0; top: 50%; margin-top: -5px;}
	.brdList tr.noti {background: none;}
	.brdList tr.noti td.bdlNum {color: #fff; background: orange; font-size: 8pt; padding: 2px 5px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
	.brdList tr.noti td.bdlNum:before {display: none;}
	.paging a {width:28px; height:28px; line-height:28px; font-size: 10pt;}
	.paging > a {background-size:auto 7px !important;}
	.paging ul {margin:0;}
	.paging ul li.on a:after {width: 12px; height: 2px; margin-left: -6px;}
	.brdBtn a {height: 38px; line-height: 36px; font-size: 10pt; width: 80px;}
    .brd-tab ul li a { font-size: 20px;}
    .brd-tab ul li { height: 50px;line-height: 50px;}

	.bdvBtn { /*width: 35%;*/ background-size: 10px auto !important;}
	.bdvBtn p { /*display: none;*/padding: 0 15px !important; font-size: 15px;}
	.bdvBtn em {display: none;}
	.bdvBtn span {display: block; /*height: 30px; line-height: 30px;*/font-size: 15px;width: 100px !important;}
	.bdvBtn.bdvPrev {padding: 0; /*padding-left: 25px;*/}
	.bdvBtn.bdvNext {padding: 0; padding-right: 25px;}
	.bdvBtn.bdvPrev.disable > div > div:before {content: '이전'; display: block; height: 30px; line-height: 30px;}
	.bdvBtn.bdvNext.disable > div > div:before {content: '다음'; display: block; height: 30px; line-height: 30px;}
	.bdvBack {width: 30%;}
	.bdvBack em {display: none;}
	.bdvBack p {padding-bottom:0;}

	.brdTop { padding: 20px 0;}
	.brdTop p { margin-bottom: 5px;}

	.brdSch dd input[type="text"],
	.brdSch dt select {height: 50px;}
	.brdSch dd a, .brdSch dd button { top: 11px;}

	/*버튼*/
	.mcusto-btn .btn a { width: 140px;height: 50px;line-height: 50px; color: #fff;font-size: 20px;background: #D50000;display: inline-block;text-align: center;border-radius: 3px;}

	/*갤러리*/
	.gryList {margin: 0 -4px -15px;background: #fff;}
	.gryList li {padding: 0 4px 15px;}
	.gryList li a h5 { font-size: 17px;}
	.gryList li a p {font-size: 15px;}
	.gryList-conts { background: #F5F5F7;border-radius: 0 0 25px 25px;padding: 15px 15px 20px;}

	/*조직도*/
	.about-system > .container { padding: 0;}
	.Sy3 { margin-top: -60px;position: absolute;right: 15px;}
	.sy3-h2, .Sy-cei { width: 170px;}
	.sy3-h2 dt, .Sy-cei { height: 50px;}
	.Sy-cei span { font-size: 20px;}
    .sy3-h2 dt span { font-size: 15px;}
    .Sy-cei::after { left: 172px; width: calc(100% - 250px);top: 95px;}
	.sy3-h2 dd ul li { height: 45px;}
    .sy3-h2 dd ul li p span { font-size: 14px;letter-spacing: -0.5px;}
	.sy3-h2 dt span::after {content: '';top: 47px;}
	.Sy1, .Sy2 { width: 50%;}
	.Sy1 .sy3-h2, .Sy2 .sy3-h2 { width: 90%;}
	.sy3-h2 dd { margin-top: 10px;}
	.Sy-cei::before { top: 50px;height: 46px;}
	.Sy1 .sy3-h2 dt::before { top: -114px; width: 1px; height: 114px;content: ''; background: #969696; color: #969696;  font-size: 10px; z-index: 1;}
	.Sy2 .sy3-h2 dt::before { top: -114px; width: 1px; height: 114px;content: ''; background: #969696; color: #969696;  font-size: 10px; z-index: 1;position: absolute;left: 30%;}

	/*기업소개*/
	.aboutTop-conts { border-radius: 15px;}
	.aboutTop-conts .ttl p { font-size: 24px;}
	.aboutTop-conts .ttl p span { font-size: 24px;font-weight: 700;}
	.aboutTop-conts .txt p { display: inline-block;padding: 0 50px;}
	.aboutTop-conts .txt { font-size: 17px;color: rgba(255,255,255,0.8);padding-top: 70px;line-height: 140%;}

	.about-ideo { display: block;padding-bottom: 0;}
	.about-ideo dl { flex: 0 0 calc((100% - 1 * 0px) / 1);aspect-ratio: auto; height: auto;margin-bottom: 20px;text-align: left;}
	.about-ideo dl dd { font-size: 18px;padding-top: 30px;padding-bottom: 10px;}
	.about-ideo dl dt p { font-size: 20px;}
	.amessa-list li { display: inline-flex;padding: 10px;}
	.amessa-list li span { line-height: 110px;}
	.amessa-ttl { font-size: 20px;}
	.amessa-txt p, .amessa-txt2 p { display: inline; line-height: 150%;}
	.amessa-txt2 { font-size: 15px;}
	.amessa-list {flex-wrap: wrap;}
	.amessa-list li {  flex: 0 0 calc((100% - 1 * 10px) / 2);margin: 0 auto;}
	.amessa-list li span { margin: 0 auto;}
	.amessa-list li:nth-child(n+2) span { background: #DDD1D1 !important;width: 110px;height: 110px;border-radius: 100%;}
	.amessa-list li:nth-child(4) span { background: #fff !important;width: 110px;height: 110px;border-radius: 100%;}
	.about-plug { padding: 10px;margin-bottom: 10px;}
	.aplug-thum { display: flex;gap:5px;}
	.aplug-thum .ideo-img { flex: 0 0 calc((100% - 2 * 5px) / 3);aspect-ratio: 3 / 1;}
	.aplug-ttl { font-size: 18px;}
	.ideo-img span { font-size: 15px;}
	.cerfi-swiper .swiper-slide span { font-size: 17px;}

	.ahistory-conts dl dd ul li:last-child { font-size: 16px;line-height: 120%;}

	.map-conts { display: block;min-height: 100%;padding: 20px;overflow: hidden;}
	.map-add dl dd { line-height: 130%;}

	/*프로젝트*/
	.white-title span { font-size: 15px;line-height: 130%;padding: 10px 30px 0;}
	.topVisu-conts p:nth-child(1) { font-size: 15px;}
	.topVisu-conts p:nth-child(2) { font-size: 24px;}
	.topVisu-conts p:nth-child(2) span { font-size: 30px;}
	.projVisu { min-height: 700px;}
	.busiVisu { min-height: 800px;}
	.topVisu-conts { padding-top: 30%;}
	.proTbl .proTbl-list .proTbl-conts { border-top: solid 1px #7E7E7E;padding: 0;}
	.proTbl .proTbl-head { display: none;}
	.proTbl .proTbl-conts ul { display: block;padding: 10px;}
	.proTbl .proTbl-conts ul:nth-child(2n+2) { background: #f7f7f7;border-radius: 7px;}
	.proTbl .proTbl-conts ul li.col-1,
	.proTbl .proTbl-conts ul li.col-2,
	.proTbl .proTbl-conts ul li.col-3 { width: 100%;}
	.proTbl .proTbl-conts ul li:nth-child(1),
	.proTbl .proTbl-conts ul li:nth-child(2),
	.proTbl .proTbl-conts ul li:nth-child(3) { position: relative; padding-left: 70px;}
	.proTbl .proTbl-conts ul li:nth-child(1)::before { content: '주요실적'; position: absolute;left: 0;top: 3px;font-weight: 800;}
	.proTbl .proTbl-conts ul li:nth-child(2)::before { content: '발주처'; position: absolute;left: 0;top: 3px;font-weight: 800;}
	.proTbl .proTbl-conts ul li:nth-child(3)::before { content: '사업시간'; position: absolute;left: 0;top: 3px;font-weight: 800;}
	.proTbl .proTbl-conts ul li:nth-child(1)::after,
	.proTbl .proTbl-conts ul li:nth-child(2)::after,
	.proTbl .proTbl-conts ul li:nth-child(3)::after { content: ':'; position: absolute;left: 60px;top: 3px;}
	.proTbl .proTbl-conts ul li { font-size: 15px;padding: 3px 0;}
	.proTbl { padding: 0 10px;}

	/*주요사업*/
	.busiconts-ttl { font-size: 26px;}
	.busiconts-bann ul li span { font-size: 15px;font-weight: 600;}
	.busiconts-bann ul { display: flex;gap: 5px;}
	.busiconts-bann ul li { flex: 1 1 calc((100% - 2 * 5px) / 3); min-height: 100px;border-radius: 10px;padding:65px 10px 0;}
	.business-stepTtl dt { font-size: 24px;}
	.business-title { width: 135px; height: 47px; line-height: 47px;background-size: contain;}
	.business-img { display: flex;}
	.business-img .busi-rimg1,
	.business-img .busi-rimg2,
	.business-img .busi-rimg3 { width: 50%;height: 100%; position: relative;aspect-ratio: 1;right: 0;bottom: 0;padding: 10px 5px;}
	.business-img .busi-rimg1 img,
	.business-img .busi-rimg2 img,
	.business-img .busi-rimg3 img,
	.business-img .busi-rimg4 img { object-fit: cover;width: 100%; height: 100%;}
	.business-box dl dd { line-height: 140%; padding-left: 0;padding-right: 0;}
	.business-box { padding: 20px;}
	.busiconts-step02-left { width: 100%;margin-bottom: 10px;}
	.busiconts-step02-left .business-box { width: 100%;}
	.busiconts-step02-wrap { display: block;position: relative;}
	.busiconts-step02-right {width: 50%;position: relative; bottom: 0;}
	.busiconts-step02-right p { width: 100%;}
	.busiconts-step02-left .busi-rimg4 span, .busiconts-step02-right .busi-rimg4 span { height:180px;}
	.busiconts-step02-left .business-img { display: flex;}
	.busiconts-step02-bottom { width: 48%; right: 0;top: auto;}
	.busiconts-step03-wrap .business-box .business-boxW { width: 100%;}
	.busiconts-step03 .busi-rimg5 span img { width: 70%;}
	.busiconts-step04 .business-title { font-size: 15px;}
	.busiconts-step04 { min-height: 700px;}
	.busiconts-step02 .business-box { padding: 20px;}
	.busiconts-step02::before { min-height: 800px;}
	.busiconts-step02-bottom .busi-btm1 { height: 180px;}
	.busiconts-step02-right .business-img, .busiconts-step02-bottom .business-img { display: inline;}
	.busiconts-step02 { min-height: auto;}
	.busiconts-step04 .business-stepTtl dt { font-size: 24px;}
	.busiconts-step04 .business-stepTtl dd { line-height: 120%;font-size: 15px;}

}


@media (max-width:520px) {	


    .sy3-h2 { width: 150px;}
    .Sy-cei::after { left: 25%; width: calc(100% - 150px);}
    .sy3-h2 dd ul li span { font-size: 13px;letter-spacing: -0.5px;}
    .Sy2::before { top: -158px;}
    .Sy2::after { left: -3px; top: -165px;}
    .Sy2 .sy3-h2 dt::before {top: -113px;height: 114px;left: 10%;}
    .sy3-h2 dt span { padding: 10px;}
	/*주요사업*/
	.busiconts-bann ul { flex-wrap: wrap;}
	.busiconts-bann ul li { flex: 0 0 calc((100% - 1 * 5px) / 2); min-height: 70px;padding: 55px 20px 10px;}

	.busiconts-step03 .busi-rimg5 span img { width: 50%;}
	.busiconts-step03 .busi-rimg5 { bottom: -50px;}

		.busiconts-step04 .busiconts-step03-wrap .business-box .business-boxW { display: block;}

}


@media (max-width:480px) {	

	/*하단상담문의*/
	.mcusto-btn span { font-size: 17px;}
	.mcusto-btn :checked { width: 20px;height: 20px;}
	.mcusto-btn span:first-child input[type=checkbox]:checked { background-size: 13px auto !important;}
	.mcusto-btn .btn a { height: 45px;line-height: 45px;font-size: 17px;width: 100px;float: right;}

	/*조직도*/
	.system-width {margin-bottom: 200px;}
    .sy3-h2 dd ul li p span { display: block;}
    .sy3-h2 { width: 140px;}
    .Sy-cei::after { left: 25%; width: calc(100% - 140px);}
	.Sy1 .sy3-h2, .Sy2 .sy3-h2 { width: 95%;}
	.sy3-h2 dd ul li p span { font-size: 13px;}
    .svpercon-ttl p:first-child span { display: block;margin-top: 20px;font-size: 30px;padding-left: 0;}
    .svpercon-txt { font-size: 15px;}
    .service5process-conts { display: block;}
    .service5process-conts .serprocess-left .clear { padding-top: 15%;padding-bottom: 20px;}
    .service5process-conts .serprocess-left .clear, .service5process-conts .serprocess-center .clear, .service5process-conts .serprocess-right .clear { display: flex;}.service5process-conts dl { padding: 0;margin-top: 0;}
    .service5process-conts > div { height:auto;}
    .service5process-conts .serprocess-center::before,
    .service5process-conts .serprocess-right::before { background: none;}
    .service5process-conts .serprocess-center .clear:nth-child(1), .service5process-conts .serprocess-right .clear:nth-child(1) { height: 100%;}
    .service5process-conts .serprocess-center .clear:nth-child(2), .service5process-conts .serprocess-right .clear:nth-child(2) { margin-top: 0;padding: 20px 0;}

	/*기업소개*/
	.aboutTop-conts .ttl p { font-size: 20px;}
	.aboutTop-conts .ttl p span { font-size: 20px;font-weight: 700;}
	.aboutTop-conts .txt p { display: inline;padding: 0px;}
	.aboutTop-conts .txt { font-size: 15px;color: rgba(255,255,255,0.8);padding-top: 50px;line-height: 140%;padding-left:20px;padding-right:20px;}

	.about-ideo dl { margin-bottom: 40px;}
	.about-ideo dl dt { margin-top: -40px;}
	.about-ideo dl dd { font-size: 15px;padding-top: 30px;padding-bottom: 10px;padding-left: 10px;position: relative; z-index: 10;}
	.about-ideo dl dt p { background: rgba(213, 0, 0, 1);}
	.about-ideo dl.ideo-img1, .about-ideo dl.ideo-img2, .about-ideo dl.ideo-img3 { position: relative;}
	.about-ideo dl.ideo-img1::after,
	.about-ideo dl.ideo-img2::after,
	.about-ideo dl.ideo-img3::after { content: '';position: absolute;left: 0;bottom: 0; width: 100%;height: 80%;background:linear-gradient(to top, rgba(0,0,0,0.9), rgba(0,0,0,0.0));border-radius: 0 0 10px 10px;z-index: 1;}

	.about-plug { padding: 20px;}
	.aplug-ttl span { display: block;}
	.aplug-thum { display: block;gap:5px;}
	.aplug-thum .ideo-img img { width: 100%; height: 200px; object-fit: cover;}
	.aplug-thum .ideo-img { flex: 0 0 calc((100% - 0 * 5px) / 1);aspect-ratio: 3 / 1;margin: 0 0 15px 0;}
	.ideo-img span { font-size: 17px;bottom: 10%;padding: 0 10%;}
	.thum2col .ideo-img:first-child { width: 100%;aspect-ratio: 3 / 1;}
	.thum2col .ideo-img:last-child { width: 100%;aspect-ratio: 3 / 1;}
	.thum2col .ideo-img { height: 200px; object-fit: cover;}

	.ahistory-conts dl { display: block;}
	.ahistory-conts dl dd { padding: 10px 0;}
	.ahistory-conts dl dd ul li:first-child { display: none;}

	.map-conts .map-tel, .map-conts .map-location { width: 100%;float: none;padding-top: 0;padding-bottom: 0;margin-top: 20px;}

	/*프로젝트*/
	.topVisu-conts p:nth-child(1) { font-size: 15px;}
	.topVisu-conts p:nth-child(2) { font-size: 20px;}
	.topVisu-conts p:nth-child(2) span { font-size: 24px;margin-left: 5px;}
	.topVisu-conts p:nth-child(1) span { width: 50px; height: 1px;}
	.conts-tabm ul li a { font-size: 15px;}
	.conts-tabm ul li { border-right: 1px solid rgba(245,245,247,0.3);}
	.business-stepTtl { padding: 20px 0 20px;}
	.busiconts-step02 { margin-top: 0px;}
	.busiconts-step02 .container { padding: 70px 20px;}
	.busiconts-step02 .business-box { border-radius: 10px;padding: 20px 10px;}
	.business-box dl dt { font-size: 15px;padding: 7px 15px;}
	.business-box dl dd { padding-right: 10px;}
	.business-box,
	.business-img .busi-rimg1 span img, .business-img .busi-rimg2 span img { border-radius: 10px;}
	.busiconts-step02-right .busi-rimg4 span img, .busiconts-step02-left .busi-rimg4 span img,
	.busiconts-step02-right .busi-rimg4 span,
	.busiconts-step02-bottom .busi-btm1 { border-radius: 10px;}
	.busiconts-step02-bottom .busi-btm1,
	.busiconts-step02-left .busi-rimg4 span, .busiconts-step02-right .busi-rimg4 span { height: 120px;}

}


@media (max-width:360px) {	
	
    /*게시판*/
	.brdSch { width: 100%;}
	.brdTop p { width: 100%;}

	.aplug-ttl { font-size: 16px;}

	/*조직도*/
	.sy3-h2 dd ul li p span { font-size: 12px;}

	.white-title span { padding: 0;}

	/*주요사업*/
	.busiconts-step02-left .business-box,
	.busiconts-step03-wrap .business-box .business-boxW { display: block;}
	
	.business-box dl { padding: 5px 20px; margin: 0 0 5px 0;}
	
}