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

.sub_business_wrap::before {width: 80%; height: 368px;}

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

.sub_business_wrap::before {width: 80%; height: 300px;}

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

.sub_business_wrap::before {width: 80%; height: 250px;}

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

.visualSlideSlogan_wrap {width: calc(100% - 3em);}

#contents .sub_page_top .busiPageTit .t1 {font-size: 4.5em;}

.page_col > li.w1 { width: 40%;}
.page_certificate .list {gap: 2.5em 2em;}
.page_certificate .list > li {flex: 1 24%; max-width: 23%;}
.page_certificate .list > li .img-area {padding: 1.5em;}
.page_certificate .list > li .img-area .imgfix {width: 100%; height: 100%;}

.pledge-paper .paper-body .tit br{display: none;}
}
@media screen and (max-width:1350px){
.sub_business_wrap::before {width: 80%; height: 200px;}

.vision_wrap .vision .vision_tt .t2 br{display: none;}
}
@media screen and (max-width:1280px){	

#header .logo > .in img {height: 3em;}
#header .gnb_wrap .gnb > li .dp1 {padding: 0 2em;}
#header .gnb_wrap .gnb > li .dp1 .tt {font-size: 1.125em;}

.visualSlideSlogan_wrap {width: calc(100% - 2em);}
.visualSlide_wrap .slogan .t2 {font-size: 3.6em;}

.vision_wrap .vision .vision_tt .t1 {font-size: 2.8em;}

.page_col > li.w1 { width: 35%;}

.proAll {gap: 2em;}
.sTn_wrap.st2 li.on .sTn {width: 16em;}
.sTn_wrap .sTn {width: 14em;}
.proAll .Tright {padding-left: 3em;}
.pledge-paper .paper-inner {padding: 3.5rem 3.5rem 3.5rem;}

.page_certificate .list > li {flex: 1 22%; max-width: 23%;}

html.pop .popWrap.img,
html.pop .popWrap.img .imgarea {width: 30vw;}

}

@media screen and (max-width:1200px){	
.sub_business_wrap::before {height: 180px;}
}
@media screen and (max-width:1150px){	
.sub_business_wrap::before {height: 150px;}
}
@media screen and (max-width:1024px){

[data-aos^=fade][data-aos^=fade]{ opacity:1 !important; transform:translateZ(0) !important;}
.PC {display: none;}
.PHONE {display: block;}

.scroll:not(.up) #header {transform: unset; background: #fff;}
.scroll:not(.up) #header .wrapIn .logo {filter: none;}
.scroll:not(.up) #header .util_wrap .lang_wrap .lang .lang_btn {color: #000;}
.scroll:not(.up) #header .all_wrap .all_btn .ham:before, 
.scroll:not(.up) #header .all_wrap .all_btn .ham:after {background: #111;}

#header .gnb_wrap {display: none;}

#header .all_wrap .all_layer .all_img {width: 15%;}    
#header .all_wrap .all_layer .all_top .tit_in .tt {font-size: 2.6em;}
#header .all_wrap .all_layer .all_gnb .gnb > li {flex: 0 0 calc(100% / 1); padding: 1em 0em 1.5em 0em;}
#header .all_wrap .all_layer .all_gnb .gnb > li ~ li {border-top: 1px solid #e5e5e5; border-left:unset;}

#contents .sub_page_top .tit_wrap .wrapIn {height: 15em;}
#contents .sub_page_top .tit_wrap .wrapIn:has(.busiPageTit) {height: 15em;}
#contents .sub_page_top .tit_wrap .tit .t1 {font-size: 3em;}
#contents .sub_page_top .busiPageTit .t1 {font-size: 4em;} 

.visualSlideSlogan_wrap {width: 100%;}
.visualSlide_control {width: 100%;}
.visualSlide_control .control {gap: 0;}
.swiperBtn {font-size: 1.05em;}

/* company */
.greet_wrap .greet-con .img_wrap {display: none;}
.greet_wrap .greet-con .txt_wrap p.ceo {padding-right: unset; font-size: 1.125em;}
.greet_wrap .greet-con .txt_wrap p.ceo strong {font-size:1.4rem;}

.valueCircle_wrap .tit_bg {background-image: unset !important; width: unset; height: unset;}
.valueCircle_wrap .con_list {gap: 1em;}
.valueCircle_wrap .con_list li {flex: 1 46%; max-width: 47%; background: var(--siteC); text-align: center; padding: 1.5em 0; border: 10px solid var(--gradC2);}
.valueCircle_wrap .con_list li .icon {width: 3.25em; height: 3.25em; margin: 0 auto;}
.valueCircle_wrap .con_list li .t1 {color: #fff; font-size: 1.125em; font-weight: 500; margin: 1em 0 .5em;}
.valueCircle_wrap .con_list li .t2 {color: #fff; font-size: 1.25em; font-weight: 600; position: relative;}
/* .valueCircle_wrap .con_list li .t2::before {position: absolute; content: ''; background: var(--crGray); width: 8em; height: 7px; border-radius: 3em; opacity: .2; bottom: -18%; left: 50%; transform: translate(-50%, -50%);} */

.vision_logo {width: 30%;}

/* COMPANY - HISTORY */
.history-con .history-inner {flex-direction: column;}
.history-con .history-left .img-wrap {margin-left: 0; margin-right: 0; width: 100%; top: 0;}
.history-con .history-left .img-wrap .imgfix {height: 30vh;}
.history-con .history-inner .history-right {padding-left: 1em; padding-top: 5em;}
.history-con .history-inner .history-right .item {margin-bottom: 7em; display: flex; gap: 7em;}
.history-con .history-inner .history-right .item:last-child {margin-bottom: 0;}
.history-con .history-inner .history-right .item .years-title {flex: 0 0 20vw;}
.history-con .history-inner .history-right .item .info-text {margin-top: 1em;}

/* 사업영역 */
.sub_business_wrap::before {display: none;}
.solution_list {margin-top: 2em;}
.solution_list .list {gap: 1em;}
.solution_list .list li {flex: 1 49%;}
.solution_list .list li .in {display: block;}
.solution_list .list li .in .img-area {border-radius: 1em; overflow: hidden;}
.solution_list .list li .in .txt-area {text-align: center; margin-top: 1em;}
.solution_list .list li .in .txt-area .page_tt.s4 {font-size: 1.125em;}

.prodView_intro {gap: 1em; margin-bottom: 2em;}
.prodView_intro .prodView_img {width: 100%;}
.prodView_intro .prodView_img .prdimgSlide .el .img {padding-bottom: 66.6%;}

.board_gallery > li {flex: 31.3%;}

.page_col > .inTxt {display: none;}

.proAll {flex-wrap: wrap;}
.proAll .Tleft {top: 0; width: 100%; position: relative;}
.proAll .Tright {padding-left: unset; border-left: unset;}
.sTn_wrap {width: unset;}
.sTn_wrap .sideB {display: flex; gap: 1em; flex-wrap: wrap;}
.sTn_wrap .sideB li {flex: 1 1 50%; margin-bottom: unset;}
.sTn_wrap .sTn,
.sTn_wrap.st2 li.on .sTn {width: 100%;}
.sTn_wrap .sTn:before {transform: translateY(-50%) rotate(90deg);}

.page_certificate .list {gap: 1.5em 1em;}
.page_certificate .list > li {flex: 1 31.3%; max-width: 32.3%;}

html.pop .popWrap.img,
html.pop .popWrap.img .imgarea {width: 50vw;}

#contents .sub_con_menu .gnb .dp3 > li{width: 100%;}

/* R&D */
.sub_tt.t1 br,
.info_list1 .tt br{display: none;}

}

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

/*  */
.history-con .history-inner .history-right {padding-top: 3em;}
.history-con .history-inner .history-right .item {gap: 1em; flex-wrap: wrap;}
.history-con .history-inner .history-right .item .years-title {width: 100%; margin-bottom: 10px !important; flex: unset;}
.history-con .history-inner .history-right .item .info-text {width: 100%; flex: unset; gap: 2em;}

.mapInfo_list2 {flex-wrap: wrap;}
.mapInfo_list2 > li {flex: 1 47%; border: 1px solid #ddd;}
.mapInfo_list2 > li .in {padding: 1em 0em;}
.mapInfo_list2 > li + li .in {padding-left: unset; border-left: unset;}
.mapInfo_list2 > li .in .page_txt .tit {margin-bottom: 10px !important;}
.mapInfo_list2 > li .in .page_txt .txt { margin-top: unset !important; width: 80%; margin: 0 auto;}

.mapInfo_list {flex-wrap: wrap;}
.mapInfo_list li {padding: 0 1em 1.5em; border-bottom: 1px solid #ddd; border-right: unset; width: 100%;}
.mapInfo_list li:last-child {border-bottom: unset;}

.vision_con {flex-wrap: wrap;}
.vision_con .vision_list {width: 100%;}
.circle {top: 70%; left: 50%; width: 15em; height: 15em;}
.circle.st2 {left: 50%; top: 105%;}

.page_certificate .list > li .txt > p {font-size: 1.05rem;}

/* 회사소개 */
.vision_wrap .vision .vision_tt .t2{ font-size: 1em;}

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

.pledge-paper {padding: 2.5rem;}
.pledge-paper .paper-inner {padding: 3rem 3rem 3rem;}
.pledge-paper .paper-header {margin-bottom: 1rem;}
.pledge-paper .paper-header .stamp {margin-bottom: 1rem; width: 7em;}
.pledge-paper .paper-header .paper-title {font-size: 1.8rem;}
.pledge-paper .num-list {margin: 1em 0 1em;}
.pledge-paper .paper-body * {font-size: 1.04em;}
.pledge-paper .paper-body .name {margin-top: 1.5em;}

html.pop .popWrap.img,
html.pop .popWrap.img .imgarea {width: 70vw;}

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

#header .wrapIn,
.headH, #header .gnb_wrap .gnb > li, 
#header .gnb_wrap .gnb > li .dp1 {height: 5em;}

#contents .sub_page_top .busiPageTit .t1 {font-size: 3.6em;}
#contents .sub_con_menu .gnb .dp3{flex-direction: column; border-radius: 1em;} 
/* #contents .sub_con_menu .gnb .dp3 > li {width: unset;} */
#contents .sub_con_menu .gnb .dp3 > li > a .tt{font-size: 1em;}


/* COMPANY - HISTORY */
.history-con .history-inner .history-right .item {margin-bottom: 3.5em; padding-bottom: 3.5em; border-bottom: 3px solid #ddd; margin-bottom: 2.5em; padding-bottom: 1.5em;}
.history-con .history-inner .history-right .item:last-child {border-bottom: none;}

/* 회사소개 */
.vision_wrap .vision {flex: 1 100%;}
.vision_wrap .vision .vision_tt .t2{ font-size: 1.2em;}

/* 사업영역 */
.board_gallery > li {flex: 1 48%; max-width: 49%;}
.prodView_intro .prodView_info .prod_tit .t1 {font-size: 1.8em;}

.page_certificate .list > li {flex: 1 48%; max-width: 49%;}


/* 연혁 */
.history-con .history-inner .history-right .item .year_wrap .info_list{padding: 0;}


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

#header .logo > .in img {height: 2.5em;}
#header .all_wrap .all_layer .all_top .tit_in .tt {font-size: 2.4em;}

#contents .sub_page_top .tit_wrap .wrapIn {height: 13em;}
#contents .sub_page_top .busiPageTit .t1 {font-size: 3.3em; text-align: center;}
#contents .sub_con_menu .gnb .dp3 > li > a {padding: 1em 2em;}

.dp1_business #contents .doc {padding: 3em 0 7em;}

.page_tt.s10 {font-size: 2.5em;}
.page_tt.s12 {font-size: 3.5em;}

.sTn_wrap .sideB {gap: .5em;}
.sTn_wrap .sTn, 
.sTn_wrap.st2 li.on .sTn {padding: .65em 1em; height: 3.5em; text-align: center; justify-content: center;}
.sTn_wrap .sTn:before {display: none;}
.sTn_wrap .sTn .tt {font-size: 1em;}

}
@media screen and (max-width:600px){
.db600 {display: block;}
.dn600 {display: none;}

.visualSlide_wrap .slogan .t1 {font-size: 1.25em;}
.visualSlide_wrap .slogan .t2 {font-size: 3em;}
.visualSlide_wrap .slogan .t3 {font-size: 1.125em;}

/* company */
.page_tt.s9 {font-size: 2em;}

.prodView_photo .photo_tab{flex-direction: column;}
.prodView_photo .photo_tab li .in {padding: .8em;}

.inquiry-con .form_wrap .form_chk {display: block;}
.inquiry-con .form_wrap .form_chk .btn .input_st {margin-top: 1em; width: 100%;}

.sub_tt.tit2 {font-size: 1.8em;}

.pledge-paper {padding: 2rem;}
.pledge-paper .paper-header .paper-title {font-size: 1.6rem;}
.pledge-paper .paper-inner {padding: 2.5rem 2rem 2.5rem;}
.pledge-paper .paper-body * {font-size: 1em;}
.pledge-paper .num-list .list-item {padding: .2em 0;}

.vision_con .vision_top {width: unset;}
.circle.st1 {width: 20em; height: 20em;}
.circle.st2 {width: 25em; height: 25em; top: 82%;}

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

#header .all_wrap .all_layer .all_top .tit_in .tt {font-size: 2.2em;}

#footer .logo_wrap {gap: 2em; flex-wrap: wrap;}
#footer .menu_wrap {width: 100%;}
#footer .info_wrap {margin-top: 2em;}
#footer .info > li {font-size: .96em;}

.visualSlide_wrap .slogan .t2 {font-size: 2.4em;}

/* ceo message */
.greet_wrap .greet-top{margin-bottom: -2em;}


/* company */
.sub_tt.t1 {font-size: 1em;}
.sub_tt.t1.mt30 {margin-top: 20px !important;}
.page_tt.s4 {font-size: 1.125em;}
.page_tt.s6 {font-size: 1.400em;}
.page_tt.s9 {font-size: 1.8em;}
.page_tt.s10 {font-size: 2em;}

.mapInfo_list2 > li {flex: 1 100%;}

.vision_logo {width: 45%;}
.vision_wrap .vision .vision_tt {height: 12.5em; padding: 2em 2em; bottom: 14%;}
.vision_wrap .vision .vision_tt .t1 {font-size: 2.5em;}
.vision_wrap .vision .vision_tt .t2 {font-size: 1.05em;}

.valueCircle_wrap .tit_bg span {font-size: 1.8em;}
.valueCircle_wrap .con_list li {flex: 1 100%; max-width: 100%;}

/* 사업영역 */
.solution_list .list li {flex: 1 100%;}
.board_gallery > li {flex: 1 100%; max-width: 100%;}

.prodView_intro .prodView_img .prdimgSlide .el .img {padding-bottom: 80%;}
.prodView_intro .prodView_info .prod_tit .t1 {font-size: 1.6em;}

.page_tt.s12 {font-size: 3em;}
.inquiry-con .form_wrap .form > li:not(.w100) {width: 100%;}
.inquiry-con .form_wrap .form > li .inp_wrap .tit .tt {font-size: 1em;}

.sub_tt.tit2 {font-size: 1.7em;}

.page_certificate .list > li {flex: 1 100%; max-width: 100%;}

.pledge-paper {padding: 1rem;}
.pledge-paper .paper-inner:before, 
.pledge-paper .paper-inner:after {height: 25px;}
.pledge-paper .paper-inner:before {right: -89px;}
.pledge-paper .paper-inner:after {left: -114px;}
.pledge-paper .paper-inner {padding: 1.5rem 1.5rem 1.5rem;}
.pledge-paper .paper-header .stamp {width: 6em;}
.pledge-paper .paper-header .paper-title {font-size: 1.4rem;}
.pledge-paper .num-list .list-item {padding: .2em 0;}
.pledge-paper .paper-body * {font-size: .96em;}

/* 핵심역량 */
.vision_con .vision_list .tbox .tx{font-size: 1em;}

/* 문의 */
html.pop .popWrap{max-width: 88vw;}
.inquiry-con .form_wrap .form > li .inp_wrap.st1{ flex-direction: column;}
.custom_file_btn{width: auto; white-space: nowrap;}


}
@media screen and (max-width:480px){
.sub_tt.tit2 {font-size: 1.6em;}
}
@media screen and (max-width:470px){
.sub_tt.tit2 {font-size: 1.5em;}
}
@media screen and (max-width:460px){

.sub_tt.tit2 {font-size: 1.4em;}

.sTn_wrap .sTn .tt {font-size: .96em;}
.pledge-paper .paper-inner {padding: 1rem 1rem 1rem;}
.pledge-paper .paper-header {margin-bottom: .5rem;}
.pledge-paper .paper-header .paper-title {font-size: 1.25rem;}
.pledge-paper .num-list {margin: .5em 0 1em;}
.pledge-paper .paper-inner:before, 
.pledge-paper .paper-inner:after {height: 17px;}
}
@media screen and (max-width:420px){

.sTn_wrap .sTn, 
.sTn_wrap.st2 li.on .sTn {padding: .5em;}
.sTn_wrap .sTn .tt {font-size: .9em;}

}
@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){

}