@charset "utf-8";

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

}
@media screen and (max-width:1500px){
.box1{ max-width:96%;} 
}

@media screen and (max-width:1440px){
/* header */
html:not(.allGnbOn) #header .top_wrap .gnb_wrap .gnb > li{width: 9em;}
html:not(.allGnbOn) #header .top_wrap .gnb_wrap .gnb > li .dp1 .tt{font-size: 1.25em;}

/*  */
.main_customer .wrap_cs .t2{font-size: 2em;}
.greeting_txtWrap{position: relative;}
.greet_img::before,
.greet_img::after{bottom: 8%;}

.page_list_con .inW{ max-width: unset; padding-left: 16vw;}

/* 업무분야 */
.biz_modal_scroll_body{ padding: calc(3em - 20px) calc(3em - 10px); padding-top: 5em;}


}


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

.box2{ max-width:94%;}

/* sub */
#contents .sub_menu .dp2on .gnb .dp2 > li{ min-width: 10em;}
#contents .sub_menu .dp2on .gnb .dp2 > li > a .va{font-size: 1.06em; line-height: 1.5;}

/* 인사말 */
.greet_img::before,
.greet_img::after{bottom: 20%;}
.greeting_txtWrap .txtBox{padding-right: 5rem;}

}


/*** ~ 1024px - Tablet ***/
@media screen and (max-width:1024px){
.PC {display: none !important;}
.PHONE {display: block !important;}
.box1 {max-width: 92%; width: 100%;}

/* Fullpage 초기화 */
#section0,
#section1,
#section2,
#section3,
#section4,
#section5,
#section6,
#section0 .slimScrollDiv,
#section1 .slimScrollDiv,
#section2 .slimScrollDiv,
#section3 .slimScrollDiv,
#section4 .slimScrollDiv,
#section5 .slimScrollDiv,
#section6 .slimScrollDiv,
#section0 .fp-scrollable,
#section1 .fp-scrollable,
#section2 .fp-scrollable,
#section3 .fp-scrollable,
#section4 .fp-scrollable,
#section6 .fp-scrollable,
#section5 .fp-scrollable{height: auto !important; width: 100% !important;}

/* header */
html:not(.allGnbOn) #header .top_wrap .gnb_wrap{display: none;}

.allGnbOn #header .gnb_wrap .gnb > li{ flex: calc((100% - 2em) / 3);}
.allGnbOn #header .gnb_wrap .gnb > li.m_guide{ position: static; margin: 2em 0;}

#header .top_wrap .wrapIn{padding: 0;max-width: 92%;margin: 0 auto;}

/* main */
.visualSlider_wrap .slogan{ bottom: 15em;}
.visualSlider_wrap .slogan .t1{font-size: 4em;}
.visualSlider_wrap .slogan .t3{font-size: 1.25em;}
.visualSlider_wrap .slogan .t2{font-size: 1.38em;}

.visualSlider_control{ bottom: 8em;}
.visualSlider_control > .flex{ justify-content: flex-start;}

.mainTit .tit2{font-size: 7.2vmin;}
.mainTit .tit1.s1{font-size: 3.2vmin;}
.mainAbout .list{width: 100%;}

.mainAbout .wrapF{padding-top: 3em;}

/*  */
.mainProdSlide_control{margin-top: 3em; justify-content: center !important;}
.main_product .wrap_in{ padding: 4.5em 3em 3em;}


/*  */
.mainManage .list > li .con .t1{ font-size: 1.125em;}
.mainManage .list > li .con .t2{ font-size: 2em;}
.mainManage .list > li .con .tt{font-size: 1em;}
.mainManage .list > li .con .tt br{display: none;}

#section6{ margin-top: 0;padding: 4em 0;}
#section6 .wrapIn{height: 100%;}

.mainManage .list > li .bg{ padding-bottom: 26em;}
.mainManage .list > li .arrow_btn{width: 4.5em; height: 4.5em; }
.mainManage .list > li .arrow_btn .xi{font-size: 2em;}

#section4 {padding-bottom: 4em;}

.main_customer .wrap_bg{width: 35%;}
.main_customer .wrap_slide{width: 65%;}
.main_customer .wrap_cs{ padding: 2.5em 1.5em;}
.main_customer .wrap_cs .topW{flex-direction: column; gap: 1.5em;}
.main_customer .wrap_cs .t1{font-size: 1.125em; margin-bottom: 0.3em;}
.main_customer .wrap_cs .ttW,
.main_customer_wrap .customer_time{text-align: center;}
.main_customer_wrap .customer_time .tit{justify-content: center;}
/* .main_customer_wrap { flex-direction: column;}
.main_customer .wrap_bg{width: 100%;} */

.main_tit .tit3{ font-size: 1.75em;}

/* footer */
#footer .logo_wrap .logo{ margin-right: 3.5em;}
#footer .logo_wrap .logo img{flex-shrink: 0; height: 4.3em;}

/* sub */
#contents .sub_menu{display: none;}
#contents .sub_visual .wrap_con{height: 14em;}
#contents .sub_visual .wrap_con .slogan_wrap{ margin-top: 2.3em;}
#contents .sub_visual .wrap_con .slogan_wrap .slogan{padding-bottom: 0;}
#contents .sub_visual .wrap_con .slogan_wrap .t1{font-size: 2.5em;}
#contents .sub_visual .wrap_con .slogan_wrap .t2{font-size: 1.125em;}

.page_tt.s10{font-size: 2.25em;}

/* 회사소개 */
.visionWrapper .page_topT{ padding-bottom: 2.5em; margin-bottom: 3em;}
.visionCon .coreValue_con{flex-direction: column; gap: 1.3em;}
.visionCon .coreValue_con .tt{text-align: center;}
.visionCon .valueTxt{ margin-left: 0; width: 100%;}

.visionProfile{ gap: 2em; }

.greet_img{margin-top: 0; position: relative; margin: 0 auto;}
.greet_img::before,
.greet_img::after{ width: 100%; right: -3em; height: 100%; bottom: -3em;}
.greet_img::after{width: 50%;}
.greeting_txtWrap{ padding: 3rem 0 10rem;}
.greeting_txtWrap .inner{gap: 7em; flex-direction: column-reverse;}
.greeting_txtWrap .txtBox{width: 100%; padding-right: 0;}
.greeting_tit p{font-size: 2.25em;}
.greeting_tit p br{display: none;}
.greeting_txtWrap .txtBox .tt{margin-top: 0.5rem; line-height: 1.55;}

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

/* 업무분야 */
.businessWrapper{padding-top: 0;}
.page_list_con .inW .txt_wrap .tit{font-size: 4em;}

.biz_modal_scroll_body .modal_top_info{align-items: flex-start; flex-direction: column; gap: 2em;}
.biz_modal_scroll_body .modal_top_info .right_wrap{ align-items: flex-start; width: 100%;}
.research-step-list .list-item{justify-content: flex-start;padding: 2em; box-sizing: border-box; flex: none; width: 50%;height: auto;}
.research-step-list .list-item .tit{font-size: 1.25rem; width: 100%; padding: 0 0 .6em 0; box-sizing: border-box;}
.research-step-list .list-item:before{width: 2.4rem; height: 2.4rem; font-size: 1.7rem;}
.research-step-list .list-item:nth-child(2n){border-right: none;  border-bottom: 1px solid #ddd;}
.research-step-list .list-item:nth-child(2n):before{display: none; border-right: none;}
.research-step-list .list-item:nth-child(3n){ border-right: 1px solid #ddd;}
.research-step-list .list-item:nth-child(3n):before{display: block;}
.research-step-list .list-item:last-child{border-right: none;}
.research-step-list .list-item:last-child:before{display: none;}
.my_custom_content{padding: 0;}

.step-list{ gap: 2em;}
.step-list > li{ align-items: flex-start; flex-direction: column; gap: 1.5em; padding: 2em 2em; width: calc((100% - 4em) / 3);}
.step-list > li:after{ width: 2em; right: -2em;}
.step-list > li:before{ right: -2.3em;}
.step-list .icon{width: 33%;}
.step-list .icon img{ height: 2.7em;}
.step-list .txt{width: 100%;}
.step-list .txt .dotList > li span{display: inline;}
.step-list .txt .dotList > li br{display: none;}

.modal_img_list{ flex-wrap: wrap;}
.modal_img_list li{width: calc((100% - 2em) / 2);}

.modal_product_list li{flex-direction: column; gap: 1em;}

.page_topT .page_tt.s4 .el i{line-height: 1.5;}
#contents .doc{ padding: 3em 0 7em 0;}

.product_menu_list li{ width: calc((100% - 2em) / 2);}
.product_menu_list li .img_wrap{padding: 0 5em;}

.product_con_wrap{ flex-direction: column; gap: 3em;}
.product_con_wrap .pro_view_tit{position: static;}
.product_con_wrap .pro_view_tit,
.product_view_txtW{width: 100%;}
.product_con_wrap .pro_view_tit .t1{ margin-bottom: 0.3em;}

.linkNavWrap .NavTab{flex-direction: row; flex-wrap: wrap; gap: .5em;}
.linkNavWrap .NavTab > li{ margin-bottom: 0;  width: auto;}

.productInfo_wrapper .productInfo_top{flex-direction: column; gap: 0.5em;}
.productInfo_wrapper .productInfo_top .img_wrap,
.productInfo_wrapper .productInfo_top .txt_wrap{width: 100%;}
.productInfo_wrapper .productInfo_top .txt_wrap .bottomW .view_btn_wrap .btn_wrap{flex-wrap: wrap; }

.performance_cate_wrap{justify-content: center;}
.cateTab .cateList{ justify-content: center;}

.pro_box_wrapper.rental .probox .inner .hoverTit .txt{display: none;}
.pro_box_wrapper.rental .probox .inner .hoverTit .txt dl{flex-direction: column; gap: .5em;}
.pro_box_wrapper.rental .probox .inner .hoverTit .txt dl dd{word-break: auto-phrase;}

.board_item_view{flex-direction: column; gap: 0; padding-bottom: 2.5em;margin-bottom: 1em;}
.productListContainer{margin-top: 0;}
.board_item_view{padding-top: 0;}
.board_item_view .img_wrap,
.board_item_view .txt_wrap{width: 100%; margin-top: 1.2em;}

.board_item_view .txt_wrap .topT,
.board_item_view .txt_wrap .middleT{margin-bottom: 1.2em; padding-bottom: 1.2em;}
.board_item_view .txt_wrap .topT .t1{font-size: 1.5em;}
.board_item_view .txt_wrap .topT .t2{font-size: 1.19em;}

.board_item_view .txt_wrap .middleT{ flex-direction: column;}
.board_item_view .txt_wrap .middleT dl{width: 100%; gap: 0.2em; margin-bottom: 1em;}
.board_item_view .txt_wrap .middleT dl dt{font-size: 1.19em;}

.board_item_bottom .item_view_bottom li{ width: calc((100% - 1em) / 2);}

.board_gallery.w3 > li{ width: calc((100% - 3em) / 3);}

/*  */
.operateList.w4 > li{ width: calc((100% - 1.5em) / 2);}
.operateList.w4 > li:nth-child(2n)::before{display: none;}

}

/*** ~ 768px - Mobile (Row, Galaxy Fold) ***/


@media screen and (max-width:768px){
body{ font-size:14px;}
.box0{ max-width:92%; margin:0 auto; box-sizing:border-box;padding:0; }

.box0_in{ padding:0 4vw; max-width:96%; box-sizing:border-box; margin:0 auto}
.allGnbOn #header .gnb_wrap .gnb > li{ flex: calc((100% - 1em) / 2);}

/* main */
.visualSlider_wrap .el.swiper-slide-active .slogan .row .in br{display: none;}
.visualSlider_wrap .slogan .t1{font-size: 3.5em;}

.scrollAni2 .txt{font-size: 0.925em;}

.mainAbout .mainTitW{ flex-direction: column;}
.mainAbout .mainTit{align-items: center;}

.mainAbout .wrapF{ padding-bottom: 10em; padding-bottom: 7em;}
.moreSt2{--w: 8em; }
.moreSt2 .in .t1{ font-size: 1.125em;}
.mainAbout .moreSt2{position: absolute; bottom: 2em; z-index: 10; --w: 8.5em;}
.mainAbout .list .wIn .t2 .no{ font-size: 5vmin;}
.mainAbout .list .wIn .t2 .tt{font-size: 1em;}
.mainAbout .list .wIn .t1{margin-bottom: 0.7em;}

.main_product .wrap_in{ padding: 4.5em 0 3em;}
.main_product .wrap_in .wrap_prod{ margin: 0 -1.5em;}

.main_tit .tit1{ font-size: 7.2vmin;}

/*  */
.mainManage .list{flex-direction: column;}
.mainManage .list > li .con{ padding: 3.5em;}
.mainManage .list > li .bg{ padding-bottom: 18em;}
.mainManage .list > li .arrow_btn{right: 6%;}

/*  */
.main_customer .wrap_bg .wrap_in{padding: 0 0 0 11%;}
.main_customer .wrap_slide{width: 100%;}
.main_customer .wrap_slide .slide_in{padding-right: 11%;}
.main_customer_wrap{flex-direction: column;}
.main_customer .wrap_bg{width: 100%;}
.main_customer .wrap_bg .wrap_in{padding: 0 4%;}
.main_customer .wrap_slide .slide_in{padding: 0 4%;}

.main_customer .customer_linkW .link_con{flex-direction: column;}

/* footer */
#footer .logo_wrap{flex-direction: column; gap: 2em;}
#footer .logo_wrap .logo img{ height: 3.2em;}
#footer .infoW{flex-direction: column; gap: 0.5em;}
#footer .infoW:nth-child(2){margin: 1em 0;}

/* sub */

/* 회사소개 */
.ciCon .img_list{ flex-direction: column;}
.ciCon .color_box .tt_wrap{margin-left: 0;}
.ciCon .color_box .tt_wrap .tt{ font-size: 1.125em;}
.ciCon .color_boxW{ gap: 1em; flex-direction: column;}
.ciCon .color_box .name{ margin-bottom: 0.8em;}

.visionCon .valueTxt .txtW .tit{ font-size: 2em; display: inline-block; margin-bottom: 0;}
.visionCon .valueTxt .txtW .el{}
.visionCon .valueTxt .txtW .tt1{font-size: 1.25em; margin-top: 1.4em; margin-bottom: 0;}
.visionCon .valueTxt .txtW .tt2{ margin-top: 2em;}
.visionCon .valueTxt .txtW > div{display: flex; flex-direction: column;}

.visionProfile{flex-direction: column; margin-top: 1.5em;}
.visionProfile .img_wrap,
.visionProfile .txt_wrap{width: 100%;}

.ciWrapper{ margin-top: 1em;}
.ciCon.st1{flex-direction: column-reverse; gap: 2.5em;}
.ciCon.st1 .img_list,
.ciCon.st1 .ciTit{width: 100%;}
.ciCon .img_list .img_box .img_wrap{ padding: 3em 0 2.7em;}
.ciCon .img_list.h1 .img_box .img_wrap img{height: 9em;}

.btn_wrap{gap: 1em;}

/* 연혁 */
.page_topT.flex{flex-direction: column; gap: 1em; align-items: flex-start; margin-bottom: 3em !important; align-items: center;}
.page_topT.flex .page_tt{text-align: center;}
.historyWrapper .inner{padding-right: 0;}
.historyWrapper .history{ padding: 4em 0 5em; background-position: left;}
.historyWrapper .history > .his ul:after{left: -3.5em;}
.historyWrapper .history > .his ul:before{left: -0.5em;}

.historyWrapper .history .linewrap{left: 0; transform: translateX(0%);}
.historyWrapper .history:after{left: -1em; transform: translateX(0%); height: 500%;}
.historyWrapper .history > .his,
.historyWrapper .history > .his:nth-child(2n){ flex-direction: column; padding-left: 1em;}
.historyWrapper .history > .his:nth-child(2n) ul{ width: 100%; padding-right: 0;}
.historyWrapper .history > .his .decade,
.historyWrapper .history > .his:nth-child(2n) .decade{padding-left: 0.6em; padding-right: 0; text-align: left;}
.historyWrapper .history > .his:nth-child(2n) ul::before,
.historyWrapper .history > .his ul:before{right: auto; left: -1.5em;}
.historyWrapper .history > .his:nth-child(2n) ul:after{left: -2.5em; right: auto;}
.historyWrapper .history > .his ul,
.historyWrapper .history > .his:nth-child(2n) ul{padding-left: 3em; width: 100%; padding-top: 1.5em;}
.historyWrapper .history > .his:nth-child(2n) ul li .in{ flex-direction: row;}
.historyWrapper .history > .his:nth-child(2n) ul li .year{text-align: left;}
.historyWrapper .history > .his:nth-child(2n) ul li::before{ right: auto; left: -.8em;}
.historyWrapper .history > .his:nth-child(2n) ul li .in .tt{text-align: left;}

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

/* 찾아오시는 길 */
.location_wrap .location_con{ padding: 3em 0;}
.location_wrap .location_con .location_box{flex-direction: column-reverse; gap: 2em;}
.location_wrap .location_con .map_wrap,
.location_wrap .location_con .location_info{width: 100%;}
.location_wrap .location_con .location_info .tit{font-size: 2em; margin-bottom: 0.5em;}
.location_wrap .location_con .location_info .location_list{margin-bottom: 2em;}
.location_wrap .location_con .location_info .location_list li{align-items: flex-start;}
.location_wrap .location_con .location_info .location_list li .xi{width: 1.8em; height: 1.8em; line-height: 1.8em;}
.location_wrap .location_con .location_info .location_list li .tt{ margin-top: .5em;}

/* 업무분야 */
.businessWrapper .page-list-container,
.business_page_list{height: auto; }
.businessWrapper .page-list-container .page_list_con{padding: 5em 0;}
.page_list_con .inW{padding-left: 0;position: relative; top: auto; left: auto; transform: translate(0, 0) !important;}
.page_list_con .inW .txt_wrap{width: 100%; text-align: center;}
.page_list_con .category_menu{position: relative;top: auto; right: auto;  transform: translate(0, 0) !important; flex-wrap: wrap; display: flex; flex-direction: row;}
.page_list_con .category_menu li {flex: 1; flex-shrink: 0;}
.page_list_con .category_menu li .in{min-width: 0; transform: translateX(0); border-radius: .5em;padding: 1em 1.5em;}
.page_list_con{height: 100%;}
.businessWrapper .page-list-container .page_list_con .page_list_conW{ width: 90%;}
.page_list_con .inW{margin-bottom: 3em;}
.page_list_con .inW .txt_wrap .s_tit{ font-size: 1.25em;}
.page_list_con .inW .txt_wrap .tit{font-size: 2.75em;}
.page_list_con .inW .txt_wrap .tt{font-size: 1.125em; margin-top: 0.6em;}
.page_list_con .category_menu li .in .xi{opacity: 1;background: none; border: 1px solid rgb(255 255 255 / 28%); width: 1.5em; height: 1.5em; line-height: 1.5em;}
.page_list_con .category_menu li .in .tt{text-align: left; font-size: 1.125em; white-space: nowrap;}

.operateList{ flex-direction: column;}

.ExampleList{ margin-bottom: 2em; padding-bottom: 2em; border-bottom: 1px dashed #aaa;}
.ExampleList .ttWrap{flex-direction: column; gap: .5em;}
.ExampleList .ttWrap .arrow-right{ margin: 0 auto; rotate: 90deg;}

.step-list{flex-direction: column;}
.step-list > li{width: 100%;}
.step-list .icon{width: 6em;}

.product_menu_list{gap: 1em;}
.product_menu_list li{ width: calc((100% - 1em) / 2);}
.product_menu_list li .img_wrap{padding: 0 2em;}

.benefit_list li{width: calc((100% - 1.2em) / 2);}

.productInfo_wrapper .productInfo_top .txt_wrap .bottomW .view_btn_wrap .btn_wrap .down_btn{flex: 1 1 40%;}
.productInfo_wrapper .productInfo_top .img_wrap img{ height: 30svh;}

.pro_box_container{grid-template-columns: auto;}

/* board */
.form_lab .lab_tit{width: 5em; margin-right: 0.6em; flex-wrap: nowrap;}
.form_lab .lab_con .w2{width: 7em;}
.label_wrap{gap: 1em;}
.board_table .aTit_wrap{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.board_viewF{flex-direction: column; gap: 1em;}
.board_viewF .wrap_tit{border-right: none;}
.board_faq > li .wrap_in{flex-wrap: wrap;}
.board_faq > li .faqTit .wrap_in{ height: 100%; padding-bottom: 1em;}
.board_faq > li .faqTit .wrap_in .modify{ width: 100%; order: 10; display: flex; justify-content: flex-end;}
.page_btn{ justify-content: flex-end; width: 8em;}
.board_faq > li .wrap_in .sbj .tt{}
.inquiry-con .form_wrap .form_chk {flex-direction: column; align-items: flex-start; gap: 0.5em;}

.inquiry-con .page_col > li.w1{display: none;}

.inquiry-con .input_st.s3{line-height: 2.3em;}

.board_gallery.w3 > li{ width: calc((100% - 1.5em) / 2);}

.operateList.w4 > li{width: 100%;}
.operateList.w4 > li::before{display: none;}



}



/*** ~ 500px - Mobile (Column) ***/
@media screen and (max-width:500px){
body{ font-size:13px;}

/* header */
.allGnbOn #header .gnb_wrap{ padding: 0;}
.allGnbOn #header .gnb_wrap .gnb > li{ flex: 100%;}
#header .top_wrap .sitelogo > a img{height: 38px !important;}
#header .top_wrap .wrapH,
html:not(.allGnbOn) #header .top_wrap .gnb_wrap .dp1{ height: 5.6em;}

/* main */
.visualSlider_wrap .slogan{bottom: 19em;}
.visualSlider_wrap .slogan .t1{font-size: 2.25em;}
.visualSlider_control{bottom: 13em;}

.mainAbout .list{flex-direction: column; padding: 2.5em 1.5em;}
.mainAbout .list > li{width: 100%;}
.mainAbout .list .wIn .t2 .no{font-size: 2.5em;}
.mainAbout .list .wIn .t2 .tt{font-size: 1.125em; margin-bottom: 0.5em;}

.mainAbout .mainTit{gap: 0.7em;}
.mainAbout .wrapF{gap: 2em;}

.main_product .wrap_in .wrap_prod{ margin: 0 -0.5em;}
.main_product .wrap_prod .mainProdSlide .el .prod_st{margin: 0 0.5em;}
.main_product .wrap_bg{ background-position-y: center;}

.swiperBtn{ flex-shrink: 0;}
.swiperBtn.s2{ width: 1.8em; height: 1.8em;}

.mainManage .list > li .con{ padding: 2.8em 2em;}
.mainManage .list > li .con .t2{ margin-bottom: 0.3em; font-size: 1.75em;}
.mainManage .list > li .arrow_btn{ width: 3.5em; height: 3.5em; bottom: 10%;}

/*  */
.main_customer .customer_linkW .link_con .link_banner{ height: 13em;}
.main_customer .customer_linkW .link_con .link_banner .info_con .tit{font-size: 1.38em;}
.main_customer .customer_linkW .link_con .link_banner .info_con{ top: 2em; left: 2em;}
.main_customer .customer_linkW .link_con .link_banner .roundArrow{ width: 2.7em; height: 2.7em; bottom: 1.7em; right: 1.7em;}

/*  */
#footer .menu{gap: 0.5em;}
#footer .menu > li > a{font-size: 0.925em; padding-right: 0.8em;}
#footer .menu > li:last-child > a{padding-right: 0; }

/*  */
.main_customer .wrap_slide{ padding-top: 2.5em;}
.main_customer .wrap_bg{padding-top: 4.5em;}


/* sub */
.page_con{padding: 4.5em 0;}
.page_topT .page_tt{line-height: 1.55;}
.visionYoutube .page_topT .page_tt{text-align: center;}
.visionYoutube .page_topT .page_tt .el:nth-child(2) i{font-size: .725em;}
.visionYoutube .youtubeW{ margin-top: 2em;}
.page_topT .page_tt .el i{line-height: 1.45;}
.page_tt .s_tit{font-size: 0.625em;}
.page_tt.s10{font-size: 2em;}

#contents .sub_visual .wrap_con .slogan_wrap{margin-top: 2.5em;}
#contents .sub_visual .wrap_con .slogan_wrap .t1{font-size: 2.25em;}

/* 회사소개 */
.visionWrapper{padding-bottom: 4.5em;}
.visionWrapper .page_topT{ text-align: center;}
.visionCon .valueTxt{gap: 4.5em;}
.visionCon .valueTxt .txtW{ padding: 0; margin-top: 2em;}
.visionCon .valueTxt .txtW .tt1{font-size: 1.125em;}
.visionCon .valueTxt .txtW .tt2{font-size: 1em;}

.visionCon .coreValue_con .tit{font-size: 2em;}
.visionCon .coreValue_con .tt{font-size: 1.25em;}

.visionProfile .txt_wrap .profile_con .tit{font-size: 1.5em;}

.ciCon .ciTit .page_tt{font-size: 2em;}
.ciCon .ciTit .tt{font-size: 1.125em;}
.ciCon .img_list{gap: 2.5em;}
.ciCon .img_list.h2 .img_box .img_wrap{ padding: 2.5em 0;}
.ciCon .img_list.h2 .in:first-child .img_box .img_wrap img{height: 7em;}
.ciCon .img_list.h2 .img_box .img_wrap img{ height: 4em;}


.btn_wrap{gap: .5em;}
.btn_wrap .down_btn{ padding: .6em 1.5em; font-size: 1em;}

.ciCon .color_box .name{font-size: 1.75em;}

/* 인사말 */
.greet_img{ width: 82%;}
.greet_img::before,
.greet_img::after{right: -1.5em; bottom: -1.5em;}
.greeting_tit p{font-size: 1.75em;}
.greeting_txtWrap{ padding: 2rem 0 5rem;}
.greeting_txtWrap .inner{gap: 5em;}
.greeting_txtWrap .txtBox .tt{font-size: 1em;}
.greeting_txtWrap .txtBox .tt:nth-child(5){ margin-top: 1.5rem;}
.greeting_txtWrap .txtBox .ceo{ margin-top: 2rem; font-size: 1.25rem;}

/* 연혁 */
.historyWrapper .history > .his .decade,
.historyWrapper .history > .his:nth-child(2n) .decade{font-size: 2em; padding-left: 0.5em;}
.historyWrapper .history > .his:nth-child(2n) ul:after{left: -2.1em;}
.historyWrapper .history > .his ul:after{width: 30px; height: 30px; top: 1.1em; left: -2.1em;}
.historyWrapper .history > .his:nth-child(2n) ul::before,
.historyWrapper .history > .his ul:before{ width: 12px; height: 12px;}
.historyWrapper .history > .his ul,
.historyWrapper .history > .his:nth-child(2n) ul{padding-left: 2em;}
.historyWrapper .history > .his ul li .year{ width: 1rem;}
.historyWrapper .history > .his ul li + li{margin-top: 10px;}
.historyWrapper .history > .his ul li .in{}

/* 인증 */
.performance_cate_wrap{margin-top: 1.3em;}
.page_certificate .list > li{ flex: 0 0 100%;}
html.pop .popWrap.img{width: 80vw;}
.board_array_wrap{margin-left: auto; margin-top: 0.5em;}
.board_wrap{padding-top: 0;}
.cateTab .cateList li .in{ padding: 0.5rem 1rem;}
.page_certificate .list > li .txt > p{font-size: 1em;}
.page_certificate .list > li .img-area{height: 17em;}

/* 업무분야 */
.research-step-list .list-item .tit{font-size: 1.125rem;}
.research-step-list .list-item .txt{font-size: 1.06em;}
.research-step-list .list-item:before { width: 1.8rem; height: 1.8rem; font-size: 1.4rem; line-height: 1.4rem;}

.page_list_con .category_menu{flex-direction: column;}
.biz_modal_scroll_body{padding: calc(5em - 20px) calc(1.2em - 10px);}
.biz_modal_close{top: 1em; right: 1em; width: 44px; height: 44px; font-size: 1.25rem;}
.biz_modal_scroll_body .modal_top_info .in{ gap: 0.5em;}
.biz_modal_scroll_body .modal_top_info h2{font-size: 2.25em;}
.biz_modal_scroll_body .modal_top_info .m_sub_wrap span{font-size: 1.125em;}
.biz_modal_scroll_body .modal_top_info .m_sub_wrap p{font-size: 1em;}
.biz_modal_scroll_body .modal_top_info .right_wrap .modal_tab{flex-wrap: wrap; width: 100%;}
.biz_modal_scroll_body .modal_top_info .right_wrap .modal_tab li{width: calc((100% - .5em) / 2); text-align: center;}
.biz_modal_scroll_body .modal_top_info .right_wrap .more_btn{ box-sizing: border-box; justify-content: center; width: 100%;}

.research-step-list .list-item{width: 100%; border-bottom: 1px solid #ddd;}
.research-step-list .list-item:before,
.research-step-list .list-item:nth-child(3n):before{display: none;}
.research-step-list .list-item:nth-child(2n){ border-right: 1px solid #ddd;}

.page_topT.flex .page_tt{ line-height: 1.2;}
.page_tt.s4{font-size: 1.125em;}

.page_list_con .inW .txt_wrap .tit{font-size: 2.25em;}
.modal_con_tit .t1{font-size: 1.5em;}
.modal_con_tit .t1::before{width: 4px; height: 4px; top: 10px;}

.operateList li .titT{font-size: 1.125em;}
.operateList li .infoW{padding: 2em 1.5em 1.5em;}
.operateList li .infoW .topT .t1,
.operateList li .infoW .bottomT .t1{font-size: 1.25em;}
.operateList li .infoW .topT .tt{font-size: 1em;}
.operateList li .infoW .bottomT{ padding: 1.5em;}
.operateList li .infoW .bottomT .t1::before{width: 4px; height: 4px; top: 7px;}
.operateList li .infoW .bottomT .dotList.s1 > li{font-size: 1em;}
.operateList li .infoW .bottomT .dotList.s1 > li:before{ top: 9px;}

.ExampleList .box{font-size: 1.25em;}
.ExampleList .box:not(.c1){display: block;}
.ExampleList .ttWrap .tt_box br{display: none;}
.ExampleList .ttWrap .tt_box p{display: inline;}
.guideBoxInner .in{ padding: 1.5em 1.5em;}
.guideBoxInner .t1{ font-size: 1.25em; padding-left: 0.6em;}
.guideBoxInner .t1::before{width: 4px; height: 4px; top: 7px;}
.guideBoxInner .tt{font-size: 1em;}

.step-list .icon{width: 5em;}
.modal_img_list li{ width: 100%;}
.modal_product_list li .img_wrap{height: 18em;}
.modal_product_list li .txt_wrap{margin-top: 1em;}
.modal_product_list li .txt_wrap .topW .tit{ flex-direction: column;}
.modal_product_list li .txt_wrap .topW .tit .t1{font-size: 1.75em;}
.modal_product_list li .txt_wrap .topW .tit .tagW{ width: max-content;}
.modal_product_list li .txt_wrap .topW .tt{text-align: center;}

.product_menu_list li .in{ padding: 2.5em 1em;}
.product_menu_list li .txt_wrap .tt br{display: none;}

.benefit_list li{width: 100%;}
.benefit_list li .txt_wrap .tt br{ display: none;}

.product_con_wrap .pro_view_tit{ display: flex; flex-direction: column; align-items: center;}
.product_con_wrap .pro_view_tit .t1{ font-size: 2.25em;}
.product_view_txtW .pro_view_topW .pro_view_conT{padding-left: 1.5em; font-size: 1.5em;padding-bottom: 0.3em; margin-bottom: 0.5em;}
.product_view_txtW .pro_view_topW .pro_view_conT::before{line-height: 1.5em; font-size: 0.825em; width: 1.6em; height: 1.5em; font-size: 0.725em; top: 0;}
.product_view_txtW .pro_view_ttcon .pro_view_tt_box .accordion_tit{font-size: 1.19em; padding: 0.9em 0;padding-left: 1em;}
.product_view_txtW .pro_view_ttcon .pro_view_tt_box .accordion_txt{ padding: 1.3em 1.4em 1.2em;}
.product_view_txtW .pro_view_ttcon .pro_view_tt_box .accordion_txt .tt_list .tt_p:before{ top: 10px;}

.productInfo_wrapper .productInfo_top .txt_wrap{margin-top: 1.5em;}
.productInfo_wrapper .productInfo_top .txt_wrap .bottomW .view_btn_wrap .btn_wrap{}
.productInfo_wrapper .productInfo_top .txt_wrap .topW{padding-bottom: 1.2em; margin-bottom: 1.6em;}
.productInfo_wrapper .productInfo_top .txt_wrap .topW .tit{font-size: 1.76em;}
.productInfo_wrapper .productInfo_top .txt_wrap .topW .tt{font-size: 1.125em;}
.productInfo_wrapper .product_con_wrap{padding-top: 3em; margin-top: 3em;}
.product_view_txtW .pro_view_ttcon .pro_view_img .img_wrap,
.product_view_txtW .pro_view_ttcon .pro_view_tt_box .accordion_txt .view_in_imgW .view_tt_img{padding: 1.3em;}
.product_view_txtW .pro_view_ttcon .pro_view_vodW{flex-direction: column;}
.productInfo_wrapper .productInfo_top .img_wrap img{height: 24svh;}

/* board */
.board_search .search{width: 100%;}
.board_search .search .btn{flex-shrink: 0;}
.board_search .search label:nth-child(2),
.board_search .search label:nth-child(2) .input_st{width: 100%;}

.w_date{display: none;}

.board_gallery{gap: 0 !important;}
.board_gallery.w3 > li{ width: 100%;}
.board_gallery > li .wrap_in .img_wrap .resize.s2{ padding-bottom: 30.25%;}



}

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

}


/*** ~ 320px - Mobile (Galaxy Fold) ***/
@media screen and (max-width:380px){
	body{ font-size:13px;}


}