@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1440px){	
/* header */
#header .gnb_wrap .gnb > li{width: 7em;}
#header.gnbOpen .gnb_wrap .gnb > li{width: 9em;}
#header .gnb_wrap .gnb > li .dp1 .tt{font-size: 1em;}
.main_aboutWrap .left > .info > .btmT > .desc br{display: none;}

/* main */
.main_support .support_wrapper{width: 100%; max-width: 95%;}
.main_support .support_wrapper .supporBox_wrap .con{ padding: 2em 5em 2em 7.5em;}
.main_support .support_wrapper .supporBox_wrap .con .titcon .tt{font-size: 1.25em;}
.main_support .support_wrapper .supporBox_wrap .con .desc{ font-size: 0.94em;}
.main_support .supportBg img{width: 100%; height: 100vh; object-fit: cover;}

.coord .marker .nation_name.lt_up:after{ transform: rotate(32deg); right: calc(max(25.22px, 1.1067708333vw) * -1);}
.coord .marker .nation_name.lt_down:after{top: calc(max(-8.68px, -0.197917vw) * -1); right: calc(max(11.88px, 1.071875vw) * -1); transform: rotate(344deg);}

/* sub */

/* 인사말 */
.greeting-inner{ gap: 5em;} 
}

@media screen and (max-width:1280px){	
/* header */
#header .bannerWrap .el .bnEl{width: 100%; height: 3em; left: 50%; transform: translateX(-50%);}
#header .bannerWrap .el .bnEl > img{height: 100%; object-fit: cover;}

#header .snb-list{display: none;}

/* main */
.page_tit .t1{font-size: 2.63em;}

/* sub */
#contents .sub_page_menu .gnb .dp2 > li{width: 19%;}
}

@media screen and (max-width:1024px){	
body{ font-size:15px;}

.pcHide{ display: block !important;}

/* header */
#header .bannerWrap,
#header .inner .inner_wrap{display: none;}
#header .logo{width: 9em;}

#header .gnb_wrap .gnb > li .dp2 > li > a .tt{font-size: .9em;}

#header .all_wrap .all_layer .all_inner > .wrap_in{ padding: 2em 0 0 0;}
#header .all_wrap .all_layer .wrap_middle .gnb > li {display: block;}
#header .all_wrap .all_layer .wrap_middle .gnb > li.m_product .dp1 {margin-bottom: 1em;}
#header .all_wrap .all_layer .wrap_middle .gnb > li.m_product .dp2 {display: block;}
#header .all_wrap .all_layer .wrap_middle .gnb > li.m_product .dp2 .link {display: none;}
#header .all_wrap .all_layer .wrap_middle .gnb > li.m_product .dp2 .layer {display: block !important;}
#header .all_wrap .all_layer .wrap_middle .gnb .m_product .dp2 > li .arrow {width:1.5em;  padding-top:.125em; margin-left:auto; text-align:center; font-size:.875em; opacity:.5}
#header .all_wrap .all_layer .wrap_middle .gnb .m_product .dp2 > li .arrow::before {content: "\e913";}
#header .all_wrap .all_layer .wrap_middle .gnb .m_product .dp2 > li.on.more > a .arrow:before {content: "\e941";}
#header .all_wrap .all_layer .wrap_middle .gnb > li.m_product .dp2 > li.on .dp3 {display: block; background: rgb(0 0 0 / 40%); padding: 1em;}
#header .all_wrap .all_layer .wrap_middle .gnb > li.m_product .dp2 > li.on .dp3 .arrow {display: none;}

#header .all_wrap .all_layer .wrap_middle .gnb > li{flex-direction: column;gap: 1em;align-items: flex-start;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp1{width: auto; margin-bottom: 0.5em;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp1 .tt{ font-size: 1.85em; }
#header .all_wrap .all_layer .wrap_middle .gnb > li ul{flex-direction: column; gap: 0.4em;}


/* main */
.linkBanner .in a{ width: 80px; height: 80px;line-height: 80px; } 
.linkBanner { right: 2.9em; bottom: 6em; width: 8.5em; } 

.visualSlider_wrap{max-width: 100%;}
.main_aboutWrap{ flex-direction: column-reverse;}
.main_aboutWrap .right,
.main_aboutWrap .left{width: 100%;}
.main_aboutWrap .left > .info > .btmT > .desc{width: 75%;}

.page_tit .t1{ font-size: 2.53em;}

.main_support{ height: 100%;}
.main_support .sticky{position: relative;}
.main_support .support_wrapper{ flex-direction: column; align-items: flex-start;}
.main_support .support_wrapper .supporBox_wrap{ width: 100%;}
.main_support .support_wrapper .page_tit{margin-left: 2.5em;}

.performance_wrapper{padding: 0 1em;}
.main_gallery .galleryTop{flex-direction: column; align-items: start; padding-right: 0; gap: 2em;}

.nationWideWrap{flex-direction: column-reverse; gap: 3em;}
.nationWideWrap .right{width: 65%;}
.nationWideWrap .left{width: 100%;}

.coord .marker .nation_name.lt_up:after{right: calc(max(16.52px, 1.1067708333vw) * -1); top: max(29.08px, 2.4739583333vw); width: 1.7em;}
.coord .marker .nation_name.rt_down:after{bottom: max(22.76px, 0.94375vw); left: calc(max(7.682px, -5.847656vw) * -1); width: 1em;}
.coord .marker .nation_name.lt_down:after{ right: calc(max(9.88px, 0.071875vw) * -1); top: calc(max(-13.68px, -2.197917vw) * -1); width: 1.2em;}
.coord .marker .nation_name.rt_up:after{bottom: calc(max(5.94px, 0.5859375vw) * -1); left: calc(max(2.22px, 1.106771vw) * -1); width: max(40.48px, 1.8229166667vw);}
/* .coord .marker .nation_name:after{display: none;} */

.notice_wrapper .noti_inner{width: 85%;}

/* footer */
.footerWrapper .footerBtm .con{flex-direction: column-reverse;}

/* sub */
#contents .sub_page_menu{display: none;}
#contents .sub_page_menu .gnb .dp2 > li > a .tt{font-size: 1em;}
#contents .sub_page_tit .nav{left: 50%; transform: translateX(-50%); bottom: 7.5em; width: 100%;}
#contents .sub_page_tit .sub_tit .tt{top: 0;}

/* 인사말 */
.dp2_greeting #contents{ overflow: hidden;}
.greeting_wrapper{flex-direction: column; gap: 3.5em;}
.greeting_wrapper .right{width: 100%;}
.greeting_wrapper .right > .txtArea > .tt{margin-bottom: 1.2em;}
.greeting_wrapper .right > .txtArea > .tt br{display: none;}
.greeting_wrapper .left > .imgCon > img{height: 33em; }

/* 회사소개 */
.overviewList > li{ flex: 1 1 50% !important; max-width: 50% !important;}
.history-layout{ flex-direction: column;}
.history-layout .left{position: static;}

/*ir*/
.page_certificate .list > li{ flex: 0 0 calc((100% - 4em) / 3);}

/* 오시는 길 */
.map_Wrapper .mapInfoWrap{ flex-direction: column;}
.map_Wrapper .mapInfoWrap .leftInfo,
.map_Wrapper .mapInfoWrap .rightInfo{width: 100%;}

/* 사업분야 */
.maintenBox .item{ flex-direction: column;}
.maintenBox .item .leftB{width: 100%;}
.maintenBox .item .rightB{flex-direction: column;}

/* 주요실적 */
.dp1_performance #contents .sub_page_con{margin-top: 3em;}
.board_gallery > li .wrap_in .con_wrap{margin-top: 1.5em;}

/* 온라인 상담 */
.inquiry-lay.page_col > li.w1{ display: none;}
}

@media screen and (max-width:768px){	
body{ font-size:14px;}

#header .mbBanner > .alink > .blogRound > i{ font-size: .786em;}

/* main */
.main_aboutWrap .left > .info > .btmT > .desc, 
.main_support .support_wrapper .page_tit{width: 100%;}

.coord .marker .nation_name.rt_up:after{bottom: calc(max(-11.06px, 0.985937vw) * -1); width: max(32.48px, 1.8229166667vw);}
.coord .marker .nation_name.lt_up:after{ top: max(28.08px, 2.4739583333vw);}
.coord .marker .nation_name.rt_down:after{ bottom: max(15.76px, 0.94375vw);}
.coord .marker .nation_name.lt_down:after{ right: calc(max(12.88px, 0.071875vw) * -1); top: calc(max(-16.68px, -2.197917vw) * -1);}

.main_inquiry .main_layout{ flex-direction: column;}
.main_layout > li.w2{width: 100%;}

.visualSlider,
.mainVodBanner{ height: 65vh;}
.linkBanner{bottom: 1em;}

/* footer */
.footerWrapper .footerT,
.footerWrapper .footerT .logo_con{ flex-direction: column; align-items: flex-start; gap: 2em; }

/* sub */

/* 인사말 */
/* .greeting_wrapper .right > .txtTop > .tit br{display: none;} */
.greeting_wrapper .right > .txtTop > .tit{font-size: 2em;}

/* 회사소개 */
.business-cir{ width: 300px; height: 300px;}
.business-cir:before{margin-top: -130px; margin-left: -130px; width: 260px; height: 260px;}
.business-cir-logo{ margin-top: -90px; margin-left: -90px; width: 180px; height: 180px;}
.business-cir-logo:before{ margin-top: -100px; margin-left: -100px; width: 200px; height: 200px;}
.business-con01 .area{ height: 400px;}
.value_wrap .infoItem > .textInfo{padding: 0 2.5rem 0 2.5rem;}
.value_wrap .infoItem:nth-child(2n){ flex-direction: column-reverse;}

/* 면허 및 인증현황 */
html.pop .popWrap.img{width: 43vw;}
.page_certificate .list{gap: 4em 2em;}
.page_certificate .list > li{ flex: 0 0 calc((100% - 2em) / 2);}

/* 오시는 길 */
.location_gallery .img_con{ height: 45vh;}

/* 사업분야 */
.dp2_maintenance #contents .sub_page_con .con_menu .gnb .dp2 > li{width: 100%;}
}

@media screen and (max-width:500px){	
body{ font-size:13px;}

/* main */
.Abtn .more{font-size: 1.08em;}

.main_support .support_wrapper .supporBox_wrap .con{padding: 2em 3em 2em 5.5em;}
.performance_wrapper .main-tab{padding-right: 0;}
.notice_wrapper .noti_innerWrapper{padding: 1.5em 1.3em;}
.notice_wrapper .noti_inner{flex-direction: column; align-items: flex-start; gap: 1.5em; width: 98%;}
.notice_wrapper .noti_inner .date{top: auto; bottom: 3%; transform: translateY(0);}
.notice_wrapper .noti_inner .tt{padding-right: 4.1em;}
.notice_wrapper .moreCon{ display: none;}

.nationWideWrap .right{width: 100%;}
.coord .marker .nation_name > p{ padding: 0 0.6em; font-size: 1em;}
.main_layout > li{width: 100%; flex: none;}
.main_inquiry .form_wrap .form_chk{flex-direction: column; gap: 2.5em;}

#footer .goTop{right: 1em;}
#footer .menu > li:not(:last-child) > .in:after{ margin: 0 0.65em;}

.main_con{ padding: 6em 0 7em;}

.notice_wrapper{ padding-bottom: 60px; padding-top: 80px;}

/* sub */
#contents .doc{ padding: 2.5em 0 10em;}
#contents .sub_page_tit .nav{ bottom: 8em;}
#contents .sub_page_tit .sub_tit .tt{ font-size: 2.36em;}

/* 인사말 */
.greeting-inner{padding-top: 0;}
.greeting_wrapper .right > .txtTop > .tit br{display: none;}
.greeting_wrapper .left{width: 90%;}
.greeting_wrapper .left > .imgCon > img{height: 30em; position: relative; top: 2em;}

/* 회사소개 */
.comImg > li{flex: 1 1 100% !important; max-width: 100% !important;}
.overviewList > li > .in{ padding: 1.5em;}
.overviewList > li > .in > .info > .txt{ font-size: 1.125em;}
.value_wrap .infoItem{ flex-direction: column-reverse; gap: 2em;}
.value_wrap .infoItem > .textInfo,
.value_wrap .infoItem > .imgCon{width: 100%;}
.value_wrap .infoItem > .textInfo{padding: 0 1em;}

/* 면허 및 인증현황 */
html.pop .popWrap.img{width: 80vw;}

/* 오시는 길 */
.location_galleryWrap{left: 0; padding: 0 1em; margin-top: -5em;}
.map_Wrapper .mapInfoWrap{ padding: 2.5em 1.5em; }

/* 온라인 상담 */
.inquiry-con .form_wrap .form_chk{flex-direction: column; gap: 2em 0;}
}

@media screen and (max-width:425px){

.linkBanner{display: none;}
html.main #header .all_wrap .allBtn .quad_btn > li{background: var(--siteC);}
html:not(.scroll).main #header .logo{filter: none;}

/* main */
.coord .marker .nation_name.lt_down:after{ top: calc(max(-26.68px, -4.197917vw) * -1);}
.coord .marker .nation_name.rt_down:after{ bottom: max(8.76px, 0.94375vw);}
.mainVodBanner,	
.visualSlider{ height: 30.5vh;}
.mainVodBanner{ padding-top: var(--headH); background: #fff;}
.main_support .support_wrapper .page_tit{margin-left: .5em;}

/*ir*/
.page_certificate .list > li{ flex: 0 0 100%;}
}

@media screen and (max-width:375px){	
body{ font-size:12px;}
/* main */
.coord .marker .nation_name.lt_up:after{top: max(27.08px, 2.4739583333vw); width: 1.9em;}
.coord .marker .nation_name.rt_up:after{ bottom: calc(max(-9.06px, 2.985937vw) * -1); width: max(30.48px, 1.8229166667vw); left: calc(max(12.22px, 1.106771vw) * -1);}
.coord .marker .nation_name.lt_down:after{ right: calc(max(12.88px, 0.071875vw) * -1); top: calc(max(-15.68px, -8.197917vw) * -1);}
.coord .marker .nation_name.rt_down:after{ bottom: max(9.76px, 0.94375vw);} 

}

@media screen and (max-width:320px){	


}