@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1680px){	
body{ font-size:15px;}

/* MAIN */
.main_business .control_con{ 
    width: 100%;
    padding-right: 5vw;
    box-sizing: border-box;
}
.buSlide_wrap{ width: 100%;}
.buSlide{
    width: calc(100% - 8vw);
    box-sizing: border-box;
    left: 5vw;
}


}

@media screen and (max-width:1400px){
.svg_circle.left { right: 23em}
}

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

}

@media screen and (max-width:1200px){	
.buSlide { width: 94%; margin-top: -5%; left:auto;}
.main_tit .tit .t2{ font-size: 2.5em;}
.svg_circle.left { right: 22em; top: 10em;}

}

/* @media screen and (max-width:1024px){
[data-aos^=fade][data-aos^=fade]{ opacity:1 !important; transform:translateZ(0) !important;}

.moAc{ text-align:center !important;}
.moAl{ text-align:left !important;}
.moBr br{ display:block !important;}
} */

@media (orientation: portrait) and (max-width:1024px){
.visualSlide .el { height: 50vh;}
}

@media screen and (max-width:1024px){
/* HEADER */
#header .gnb_wrap{ display: none}

/* MAIN */
.visualSlide_wrap .slogan .t1{font-size: 3.5em;}
.visualSlide_control .paging{zoom:.8}


.svg_circle.left { right: 20em; }

.main_work .main_tit { padding-top: 2vh;}
.main_work #horizontal .list{ flex-wrap: wrap;}
.main_work .pin-spacer{ height: auto !important;}
.main_work #horizontal{ width: 100% !important; max-width: 100% !important; height: auto !important; max-height: auto !important; padding-bottom: 4em;}
.main_work #horizontal .list{ flex-wrap: wrap; gap: 0em; margin: 0 0 -1.5em -1.5em;}
.main_work #horizontal .panel{ flex: 1 1 33.33%; max-width: 33.33%; transform: translateX(0%) !important;}
.main_work .list .wrap_in{ margin: 0 0 1.5em 1.5em;}

.main_news:before{ display: none;}
/* .main_work #horizontal .panel{ width: 45vw;} */

/* SUB */
#contents .sub_top_wrap .visual_wrap { height: 40vh;}
#contents .sub_top_wrap .visual_wrap .con_wrap{ padding-top: 2em;} 
#contents .sub_top_wrap .visual_wrap .con_wrap .t1 { font-size: 2.5em;}
#contents .sub_top_wrap .visual_wrap .con_wrap .t2{ font-size: 1.125em;}
#contents .sub_top_wrap .visual_wrap .con_wrap .line { height: 1em;}
#contents .sub_top_wrap .sub_tab{display: none;}


}

@media screen and (max-width:900px){
/* FOOTER */
#footer .logo_wrap{ flex-wrap: wrap; }
#footer .menu_wrap{ width: 100%; margin-top: 1em;}

#footer .cs_wrap{ width: 100%; margin-top: 2.5em;}
#footer .cs_wrap .wrap_in{
    display: flex;
    align-items: center;
    gap:1em;
    text-align: left;
}
#footer .cs_wrap .t1{ margin-bottom: 0;}

/* MAIN */
.mainScroll{ display: none;}
.visualSlide_control { bottom: 2em;}
.visualSlide_control .paging{
    justify-content: center;
    width: 100%;
}

.buSlide{ width: 100%; left: 0;}
.main_business .control_con { position: absolute; top: 9.5em;}
.main_business .svg_circle.left { right: 43%; top: 15em; zoom:.7}




.main_inquiry .mainFlex{
    flex-wrap: wrap;
    gap: 2em;
}
.main_inquiry .mainFlex .wrapTit{ 
    width: 100%;
    position: relative;
    padding: 0 4em;
}
.main_inquiry .mainFlex .wrapTit .main_more{ 
    margin-top: 0;
    position: absolute;
    right: 4em; bottom: 0;
}
.main_inquiry .main_tit{ margin-bottom: 0;}
.main_inquiry .main_tit .tt .t1 br{ display: none;}
.main_inquiry .mainFlex .wrapCon{ width: 100%;}

}

@media (orientation: portrait) and (max-width:768px){
.visualSlide .el { height: 100vh;}
}

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

/* HEADER */
#header .all_wrap .all_layer .wrap_middle .gnb > li{ flex:0 0 calc(100% / 2)}

/* MAIN */
.main_work #horizontal .panel {
    flex:0 0 50%;
    max-width: 100%;
}

.main_news .mainFlex{ flex-wrap: wrap; gap:2em}
.main_news .mainFlex .wrapTit{ width: 100%; padding: 0; position: relative;}
.main_news .main_tit .tit .t1 br{ display: none;}
.main_news .main_tit .tt .t1 br{ display: none;}
.main_news .mainFlex .wrapTit .main_more{ margin-top: 0;}

.main_video{}
.video_wrap.d2 .video-container{ 
    width: 100%; 
    padding-top: 56.25%;
}

/* SUB */
#header .all_wrap .all_layer .all_inner > .wrap_in { padding-top: 0;}

#contents .sub_top_wrap .con_menu .gnb .dp3 > li { width: 25%;}

.busi_page_top .inner > p br{ display: none;}

.page_con .con_box .con_imgs .img{ width: 100%;}

.imgList{ gap:2.5em 1em;}
.imgList > li{ width: calc((100% - 1em) / 2);}
.process_wrap .process > li:nth-child(3){ order: 3;}
.process_wrap .process > li:nth-child(4){ order: 4;}
.imgList > li .img {padding-bottom: 8em;}

.process_wrap .process > li{ width: 100%;}
.process_wrap .process > li::after{
    right: 50%;
    top: calc(100% + 10px);
    transform: translateX(0) rotate(90deg);
}
.process_wrap .process > li:nth-child(4)::after{ transform: rotate(90deg);}

.conLay + .conLay { margin-top: 6em;}
.conLay .img_wrap{ width: 100%;}
.conLay .img_wrap.w2{ width: 100%;}
.conLay .txt_wrap{ padding:0;}
.conLay.layR .txt_wrap,
.conLay.layL .txt_wrap{ order:-1;}
.conLay .txt_wrap .tit.ico1 { margin-bottom: 1em;}
.conLay .txt_wrap .table_wrap table.table_st{ width: 100%;}

.table_wrap{ overflow-x: scroll;}
.table_wrap table.table_st{width: 850px;}

.icon_list.item3 > li { flex:0 0 100%;}

.detail_list > ul li { width: calc((100% - 1em) / 2);}

/* 회사소개 */
.page_col > li.w2{ width: 100%;}
.page_col.overview > li {flex: 0 0 100%;}
.page_col.overview .img-wrap .imgfix{ width: 100%; height:100%;}
.page_col.overview .img-wrap .imgfix img{ width: 100%; height:100%;}

.license_list{ gap:5em 1em;}
.license_list > li{ width: calc( ( 100% - 2em) / 3); height: 22em;}

/* 연혁 */
.history_wrap:before, .history_wrap .lineAni,
.history_wrap .lineAni:before, .history_wrap:after{ left:5%;}
.history_wrap .history > li .list{width:100%; margin-left:2em; margin-top:0;}
.history_wrap .history > li .year.flex{ display:block; width:100%;}
.history_wrap .history > li .year .tt:before{ display:none;}
.history_wrap .history > li .year .wrap_in{ width:100%; text-align:left; margin-left:2em;}

.history_wrap .history > li:nth-child(2n) .year{width:50%; overflow:hidden; justify-content:flex-end}
.history_wrap .history > li:nth-child(2n) .year .tt:before{ content:""; position:absolute; left:100%; top:50%; margin-top:-1px; width:100%; border-top:2px dotted #aaa}
.history_wrap .history > li:nth-child(2n) .list{order:inherit;}
.history_wrap .history > li:nth-child(2n) .list > li > .flex{ justify-content:flex-start}
.history_wrap .history > li:nth-child(2n) .list .month{ text-align:left;}
.history_wrap .history > li:nth-child(2n) .list .detail{ order: inherit;}
.history_wrap .history > li:nth-child(2n) .list .detail .tt{ text-align:left;}
.history_wrap .history > li:nth-child(2n) .list .detail .tt:before{ right:auto; left:0}
.history_wrap .history > li .list .wrap_in .img_wrap .resize .img_r{ text-align:left !important;}

/* 문의 */
.estimate-table{}
.estimate-table colgroup{ display: none;}
.estimate-table tbody tr { display: block; width: 100%;}
.estimate-table tbody tr th,
.estimate-table tbody tr td{ display: block; width: 100%!important; box-sizing: border-box;} 
.estimate-table tbody tr th{ padding-bottom: 0;}
}


@media screen and (max-width:600px){
/* MAIN */
.main_inquiry .mainFlex .wrapTit{ padding: 0;}
.main_inquiry .mainFlex .wrapTit .main_more{ position: relative; right: 0;}
.main_inquiry .formSt{ padding: 0;}
.main_inquiry .formSt .wrap_in{ flex-wrap: wrap;}

/* SUB */
/* 오시는길 */
.mapInfo{ flex:0 0 100%; box-sizing: border-box;}

/* board */
.board_search .search{ flex-wrap: wrap; gap:.5em;}
.board_search .search .select .input_st{ width: 100%;}
.board_search .search .inp .input_st{ width: 100%;}
.board_search .search .btn{ width: 100%;}

}

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

/* HEADER */
#header .all_wrap .all_layer .wrap_middle .gnb > li{ flex:0 0 100%}
#header .all_wrap .all_layer .all_inner > .wrap_in{ padding: 0 0 2em;}

/* MAIN */
.buSlide_wrap{ width: 94%;}
.buSlide{ margin-top: 2em;}
.buSlide .el { padding-top: 50vh;}
.buSlide .el > .conBox > .img_box{ height: 100%;}
.buSlide .el > .conBox > .txt_box > h2{ color:#fff;}
.main_business .svg_circle.left {
    right: auto;
    top: 36em;
    zoom: .5;
    left: 0;
}
.main_business .control_con{ position: relative; top: 0;}

.main_work #horizontal .panel {
    flex:0 0 100%;
    max-width: 100%;
}


}

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

}

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

}

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

}

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

}

@media all and (max-width:1024px) and (orientation:landscape){

}

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

}