@charset "utf-8";
/* CSS Document */

@media screen and (max-width:1600px){
#header .side_wrap{ width: 10em;}
#header .gnb_wrap .gnb > li .dp1{ padding: 0 1em;}
.visualSlide_wrap .slogan .t1{ font-size: 3em;}
}

@media screen and (max-width:1400px){
/**/
.box1,
.box2,
.box4,
.box5{max-width: 92vw; width: 100%;}

#header .gnb_wrap .gnb > li .dp1{ min-width:4em;}
#header .gnb_wrap .gnb > li .dp1 .va{ font-size:.875em;}

#header .logo {margin-left:0}

}

@media screen and (max-width:1024px){
    .PC{ display:none !important}
    .PHONE{ display:block !important}
/**/

#header .all_wrap .all_layer .all_inner {flex-direction: column;}
#header .all_wrap .all_layer .all_inner > .wrap_bg {width: 100%; padding: 10vh 4vw 3em 4vw; display: none;}
#header .all_wrap .all_layer .all_inner > .wrap_bg .img {padding-bottom: 50%; }
#header .all_wrap .all_layer .all_inner > .wrap_in {padding: 10vh 10vw 5vh;}
#header .all_wrap .all_layer .all_inner > .wrap_bg .cs {text-align: right;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li:not(:last-child) > a:after {margin: 0 1em;}
.scroll #header .logo > .in img {transform: scale(0.95);}
#header .va_wrap{ height:4em; text-align:left !important}
/* #header .logo {margin-left:1em;} */
#header .gnb_wrap .gnb > li {display:none;}
#header .logo,
#header .side_wrap {width: auto;}

/* CONTENTS */
#contents {overflow: hidden;}
#contents .doc {padding: 2em 0 8em 0;}
#contents .sub_gnb .gnb > li .dp2 > li > a .va {font-size:.938em;}
#contents .sub_page_top {height: 20em;}
#contents .sub_page_tit .sub_tit .tt {font-size: 2.5em;}
#contents .sub_page_tit .sub_txt {margin-top: 1em;}
#contents .menu .tit {height: 3em;}
#contents .menu .def > .tit {min-width: 10em; padding: 0 1em 0 2em;}



/**/
.main_md .slider_for{ width:50%;}
.main_md .mainMd_wrap .slick-dots{ right:3.5em;}
.main_md .mainMd_wrap .slick-dots > ul > li{ margin:0 3px;}
.main_md .mainMd_wrap .slick-dots > ul > li button{ width:12px; height:12px;}

.partner_control_box {left:0; bottom:0; top:inherit;}
.partner_control_box .control_arrow > li {margin-top:10px;}
.partner_control_box .control_arrow .prev {left:40%;}
.partner_control_box .control_arrow .next {right:40%; }

.recruit_wrap .process_detail > li .process_tit {float:none;}
.recruit_wrap .process_detail > li .process_txt {float:none; width:100%;}

/* MAIN - INC */
.main_con {padding: 3em 0;}
.main_con .more {padding: 1em 2em; margin-top: 2em;}
.main_tit {margin-bottom: 1.875em;}
.main_tit .t1 {font-size: 2em;}
.main_tit .t2 {font-size: 1.25em;}
.main_txt .t4 {font-size: 1.25em;}
.main_txt .t6 {font-size: 1.25em;}
.main_txt .t9 {font-size: 2em;}

/* MAIN VISUAL */
.visualSlide_wrap {height: 100vh;}
.visualSlide_wrap .slogan .slogan_wrap {max-width: 65%; width: 100%; color: #fff; top: 30vh;}
.visualSlide_wrap .slogan .t1 {font-size: 2.5em;}
.visualSlide .el .mb_img, 
.visualSlide .el .vod {border-radius: 0;}
.visualSlide_wrap .visualSlide {transform: translate(0) scale(1); left: 0;}
.visualSlide_wrap .el .vod_wrap:before {border-radius: 0;}
.scrollDown {top: 95vh; color: #fff;}
.visualSlide_wrap .btn_wrap{ display: none;}

.visualSlide_wrap .btn_wrap {left: 50%; top: 45vh; transform: rotate(-90deg);}

/* MAIN - BUSINESS */
.busi_list {grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; height: auto;}
.busi_list .con_wrap {position: relative; left: 0; bottom: 0; transform: translate(0); opacity: 1;  padding: 2em; /* width: 100%; height: 100%; box-sizing: border-box; */}
.busi_list .con_wrap .prod_tit {font-size: 2em;}
.busi_list .con_wrap .prod_txt {font-size: 1.125em;}
.busi_list .item:nth-child(even) {transform: translateY(0);}
.busi_list:has(.li1:hover),
.busi_list:has(.li2:hover),
.busi_list:has(.li3:hover),
.busi_list:has(.li4:hover) {grid-template-columns: 1fr 1fr;}
.busi_list .item .inner {display: flex; align-items: flex-end;}
.busi_list .item .inner::before {transform: translateY(0); opacity: 1;}
/* .busi_list .con_wrap {display: flex; flex-direction: column; justify-content: space-between;} */


/* MAIN - PRODUCT */
.main_product .box0.flex {flex-direction: column;}
.main_product .prod-title {width: 100%;}
.main_product .prod-title .main_txt {display: flex; justify-content: space-between;}
.main_product .prod-title .main_txt > .flex.space {flex-direction: column;}
.main_product .prod-title .title-wrap {margin-bottom: 0;}
.main_product .prod-title .title-wrap > h2 br {display: none;}
.main_product .main_prod_wrap {flex: 1; width: 100%;}
.mainProdSlide .prod-img {height: 30vh;}

/* MAIN - ESTIMATE */
.main_inquiry .main_txt {margin-bottom: 0;}
.main_inquiry .main_txt .t4 {max-width: 50%;}
.main_inquiry .circle-wrap {width: 30vw; height: 30vw; top: 8vh;}

/* SUBPAGE - INC */
.page_tt.s11 {font-size: 2.5em;}
.page_tt.s10 {font-size: 2.5rem;}
.page_tt.s9 {font-size: 2em;}
.page_tt.s3 {font-size: 1em;}
.page_tt.s6 {font-size: 1.25rem;}


/* SUBPAGE */
.sub_Top {margin-bottom: 2em;}
.bu_TTl {margin: 2em 0 3em 0;}

/* COMPANY */
.Slogan_bg {height: 30vh; z-index: 1;}
.greetingT_Wrap {padding-top: 5em; flex-direction: column; align-items: start; gap: 1.25rem;}
.greetingT_Wrap .g-left {width: 100%;}
.greetingT_Wrap .g-left .g-ttlcon .page_tt.fs_t {margin-bottom: .5em;}
.greetingT_Wrap .g-right {width: 100%}
.greetingT_Wrap .g-right:before {width: 80%; height: 100%; top: 20%; transform: translate(0); right: -4vw;}
.greetingT_Wrap .g-right .g-img {height: 30vh; width: 100%;}
.greetingB_Wrap {flex-direction: column-reverse; gap: 1.25rem; padding-top: 5em;}
.greetingB_Wrap .g-left {width: 100%;}
.greetingB_Wrap .g-left .g-img {height: 30vh;}
.greetingB_Wrap .g-right {width: 100%;}
.greetingB_Wrap .g-left .svg_circle {display: none;}

/* HISTORY */
.history_t_wrap {height: 30vh;}
.sub_history_wrap .sub_history > li .history .year {font-size: 2rem;}

/* LOCATION */
.mapWrap .map-info {padding: 2em;}
.mapWrap .map-info .tt {padding-left: 0.5em;}
.mapWrap .map-info .add-list {gap: 1em;}
.mapWrap .map-info .add-list > li:first-child {margin-bottom: 0;}
.mapWrap .map-info .add-list > li .add-wrap b {flex: 0 0 5em;}
.root_daum_roughmap .wrap_map {height: 50vh !important;}

/* BUSINESS */
.business_Wrap .business_list .bu_list {padding: 1em; border-radius: 1em; gap: 3em;}
.business_Wrap .business_list .bu_list .bu_ttl .b_ttl {font-size: 2rem;}
.business_Wrap .business_list .bu_list .bu_ttl .bu_Intxt > li > p {font-size: 1.125rem;}
.business_Wrap .business_list .bu_list .bu_ttl .bu_Intxt > li .detail_txt {margin-top: 1em;}

/* PRODUCT */
.product_Wrap {flex-direction: column; gap: 3em;}
.product_Wrap .p_left {position: relative; top: 0;}
.product_Wrap .p_right .product_info .top_imgCon {width: auto; height: 40vh;}
.product_Wrap .p_left .link_btn .btn_list {display: flex; flex-wrap: wrap; gap: 1em;}
.product_Wrap .p_left .link_btn .btn_list > li {flex: 0 0 calc(25% - 1em);}
.product_Wrap .p_left .link_btn .btn_list > li a .xi {display: none;}
.product_Wrap .p_left .link_btn .btn_list > li a > span {margin-right: 0; font-size: 1.125rem;}
.product_Wrap .p_right .product_info .pro_ttl {margin-bottom: 2rem;}
.product_Wrap .p_right .product_info .pro_ttl .gray_ttl {font-size: 2rem;}
.product_Wrap .p_right .product_info .interval:first-of-type {padding-bottom: 0;}
.product_Wrap .p_right .product_info .pro_subT .num {font-size: 3rem;}
.product_Wrap .p_right .product_info .pro_subT .sub_ttl {font-size: 2rem;}
.product_Wrap .p_right .product_info .point_list > li {flex: 1 1 calc(50% - 1em); max-width: calc(50% - 0.5em);}
.product_Wrap .p_right .product_info .interval {padding-bottom: 0;}
.product_Wrap .p_right .product_info .top_imgCon.w_100 {height: 40vh;}
.product_Wrap .p_left .link_btn .btn_list > li.on a > span {font-size: 1.25rem;}

/* ARTICLE - VIEW */
.prod_detail_wrap .inner {flex-direction: column;}
.prod_detail_wrap .inner .slide_wrap {width: 100%; padding: 3em 0 0 0; border-right: none;}
.prod_detail_wrap .inner .slide_wrap .prod_thumb .item .img {margin: .25rem;}
.prod_detail_wrap .inner .info_wrap {width: 100%; padding-top: 2em;}
.prod_detail_wrap .info_wrap .in {padding: 0;}
.pro_detail {margin-top: 3em;}
.prod_detail_wrap .info_wrap .in .in_Top .p_logo {text-align: center;}
.table_st th, 
.table_st td {font-size: 1.125rem;}
.pro_detail .de-ttl:before {width: .25em; height: .25em;}

/* INQUIRY */


}

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

body{ font-size:15px; letter-spacing:-.5px;}
.PC{ display:none !important}
.PHONE{ display:block !important}

.l-nav .nav_close{ top:35px;}
.l-nav .gnb > li.m_employee {display:none !important;}
.scroll #header:before {display: none;}
#header .logo, 
#header .side_wrap {width: fit-content;}
#header .logo > .in img {width: 40vw;}
#header .etc_wrap .all_wrap.on .all{ display:none;}
.headH, 
#header .gnb_wrap .gnb > li,
#header .gnb_wrap .gnb > li .dp1 {height: 3.5rem;}
.scroll .headH,
.scroll #header .gnb_wrap .gnb > li, 
.scroll #header .gnb_wrap .gnb > li .dp1 {height: 3.5rem;}
#header .gnb_wrap{ display:none;}
#header .va_wrap{ height:4em; text-align:left !important}
#header .logo .va{ left:0;}
#header .logo .logoW{ width:50%;}
#header .logo .logoC{ width:50%; left:0;}
#header .etc_wrap .lang_wrap .langBtn {padding:0;}
#header .etc_wrap .employee_wrap .employee_tt {font-size:1em;}
#header .etc_wrap .mail_wrap .mail_tt {font-size:1em; }
#header .etc_wrap .all_wrap .allBtn {font-size:.875em; margin-right:0; padding:0 .2em;}


/*.swiper-container-fade .swiper-slide{ height:300px !important}*/
#quick{ display:none;}
#header:hover:before, #header.fOn:before, .scroll #header:before{ background: linear-gradient(90deg, #f5f9ff 0%, #45a7f0 60%, #a0a2ff 100%);}
.scroll #header:before{ background:#45a7f0; background: linear-gradient(90deg, #f5f9ff 0%, #45a7f0 60%, #a0a2ff 100%); box-shadow:0 5px 10px rgba(0,0,0,.2); opacity:1}

.visualSlide_wrap .el .slogan .t1{ font-size:1.5em; padding:0 1em;}
.visualSlide_wrap .el .slogan .t2{ font-size:.750em; letter-spacing:.5em;}
.visualSlide_wrap .btn_wrap{ display:none;}

.main_box{ padding:3em 0 3em 0;}
.main_box .swiper-container{ padding-top:.5em !important;}

.main_ir > li {width:50%;}
.main_ir > li .in{ padding:2em 1em 2em 1em;}
.main_ir > li .in .icon{ width:3.5em; height:3.5em; line-height:3.5em; margin-bottom:1.5em;}
.main_ir > li .in .icon .xi{ font-size:2.250em;}
.main_ir > li .in .t1{ font-size:1em;}
.main_ir > li .in .t2{ font-size:.750em; display:none;}
.main_ir > li:nth-child(2n-1){ margin-top:0;}
.main_ir > li .in .plus{ margin-top:1em;}
.main_ir > li .in .plus:before{ font-size:1.250em;}

.main_link_wrap > li .va_wrap{ height:13em;}
.main_link_wrap > li .t1{ font-size:1.250em;}
.main_link_wrap > li .more{ font-size:.750em; line-height:2.5em;}
.main_link_wrap > li .t2{ font-size:.750em;}

#contents .sub_page_tit .sub_tit {padding-bottom: 0;}
#contents .sub_page_tit .sub_tit .tt {font-size: 1.5rem;}
#contents .sub_page_tit .sub_txt .tt {font-size: 1rem;}
#contents .doc.sub {padding:2em 0 8em 0;}
#contents .doc.st{ padding:2em 0 5em 0;}
#contents .doc.st2{ padding:2em 0 5em 0;}
#contents .doc.sub.st1 {padding:2em 0 0 0;}
#contents .doc.sub.st3{ padding:0 0 0 0;}
#contents .sub_top {padding-bottom:0;}
#contents .sub_top .bg{ background-size:cover;}
#contents .sub_top .slogan{ height:8em;}
#contents .sub_top .slogan .t1{ font-size:1.375em;}
#contents .sub_top .slogan .t2{ font-size:.570em;}
#contents .sub_gnb .box1{ max-width:100% !important;}
#contents .sub_gnb .gnb > li .dp2 > li:hover > a, #contents .sub_gnb .gnb > li .dp2 > li.on > a{ padding:0;}
#contents .sub_gnb .gnb{ font-size:.750em; margin-top:-3.1em; display:none;}
#contents .sub_gnb .gnb > li .dp2 > li{ width:25%;}
#contents .sub_gnb .gnb > li .dp2 > li > a{ height:2.2em; margin-top:0;}
#contents .sub_gnb .gnb > li .dp2 > li > a .va{ font-size:.750em;}
#contents .sub_tit .tit_wrap{ padding:1em 0 1em 0;}
#contents .sub_tit .tit_wrap h3{ font-size:1.375em;}
#contents .sub_tit .nav_wrap{ margin-top:2.5em; font-size:.750em; display:none;}


#contents .menu .def > .tit {min-width: 8em; padding: 0 1em 0 1em;}
#contents .menu .def > .tit .tt {font-size: 1rem;}

#stockIframe{ height:1800px !important}

#footer{ position:relative;}
#footer .link_wrap{ padding:.5em 0;}
#footer .link_wrap .menu_wrap{ margin-left:-1em;}
#footer .link_wrap .menu_wrap > li {display:none;}
#footer .link_wrap .menu_wrap > li > a{ padding:0 .8em;}
#footer .link_wrap .menu_wrap > li > a .tt{ font-size:.750em;}
#footer .info_wrap .info > li{ font-size:.750em; margin-top:.3em;}
#footer .info_wrap .logo{ width:45%; margin-bottom:1em; float:none;}
#footer .info_wrap .info {width:100%;}
#footer .link_wrap .etc_wrap .family_wrap{ position:absolute; bottom:10.5em; right:2%;}
#footer .link_wrap .etc_wrap .family_wrap .family{ bottom:2.5em;}
#footer .link_wrap .etc_wrap .family_wrap .familyBtn{ width:5.5em;}
#footer .link_wrap .etc_wrap .family_wrap .familyBtn .tt{ font-size:.750em;}
#footer .link_wrap .va_wrap{ height:2.5em; line-height:2.5em;}
#footer .link_wrap .etc_wrap .goTop{ margin-left:0;}
#footer .link_wrap .etc_wrap .goTop .tt {display:inline-block;}
#footer .link_wrap .etc_wrap .goTop .va{ font-size:.750em;}
#footer .info_wrap .info > li.copyright{ font-size:.688em;}

.main_md{ padding:1em 0 2em 0;}
.main_md .mainMd_wrap{ padding-top:4em; margin:0 13%;}
.main_md .slider_nav{ position:relative; top:auto; margin-left:0;}
.main_md .slider_nav .prod{ margin-left:0; border-bottom-color:#0e4194}
.main_md .slider_nav .prod .img_wrap .bg{opacity:0;}
.main_md .slider_nav .prod .con_wrap .prod_txt{ display:block;}
.main_md .slider_nav .item.slick-current{ opacity:1;}
.main_md .slider_for{ display:none;}
.main_md .mainMd_wrap .slick-dots{ top:-2.5em;}
.main_md .mainMd_wrap .slick-dots > ul > li button{ width:10px; height:10px;}

.main_md .mainMd_wrap .arrow_wrap > li.prev {left:-3.5em;}
.main_md .mainMd_wrap .arrow_wrap > li.next {right:-3.5em;}
.main_md .mainMd_wrap .arrow_wrap > li .xi {width:2em; line-height:2em;}


.main_con5 .partner_wrap .partner {margin-left:-10px;}
.main_con5 .partner_wrap .partner .item .inner {margin-left:10px;}
.partner_control_box {display:none;}
.partner_control_box .control_arrow > li .xi {width:30px; height:30px; line-height:30px; font-size:1em;}

.si_w {padding:3em 0;}
.introduce_wrap .page_column_list  > li {width:50% !important;}
.page_column_list > li > .inner .img > img {width:100% !important;}
.introduce_tw .ti {font-size:1.3em;}

.ethics_w {padding:4.5em 0; text-align:center;}
.ethics_w .ethics_tt {font-size:1.6em; display:inline-block}
.ethics_w .ethics_tt:before {background-size:50%; left:-30px}
.ethics_w .ethics_tt:after {background-size:50%; right:-50px }
.ethics_w .ethics_tx {font-size:1em;}
.ethics_bw {padding:3em 0;}
.ethics_bw .ethics_in .list_w {margin-left:-5px;}
.ethics_bw .ethics_in .list_w > li {width:50% !important;}
.ethics_bw .ethics_in .list_w > li .icon {padding:2em;}
.ethics_bw .ethics_in .list_w > li .inner {margin-left:5px;}
.ethics_bw .ethics_in .list_w > li .tt {font-size:.938em;}

.recruit_tw {padding:2.5em 0;}
.recruit_tw .t_w {padding:2em 0;}
.recruit_tw .t_w .t1 {font-size:1.3em;}
.recruit_tw .t_w .t2 {font-size:1em;}
.recruit_tw .t_w .line {width:20px; height:2px; margin:1em auto;}

.recruit_wrap .process_detail > li {padding:1em;}
.recruit_wrap .process_detail > li:before {width:250px;}
.recruit_wrap .process_detail > li .process_tit {margin-right:0; padding-left:0; font-size:4em; }
.recruit_wrap .process_detail > li .process_txt {margin-top:0; margin-left:0; ;}
.recruit_wrap .process_detail > li .process_txt .process_tit1 {font-size:1.063em; margin-right:10px;}
.recruit_wrap .process_detail .process > li.process_2 {margin-left:0;}
.recruit_wrap .process_detail .process > li.process_3 {margin-left:0;}
.recruit_wrap .process_detail .process > li.process_4 {margin-left:0;}
.recruit_wrap .process_detail .icon {top:20px;}
.recruit_wrap .process_detail .icon > img {width:50px;}
.recruit_wrap .process_detail .icon:after {font-size:0;}


.recruit_bw_list {margin:70px -8px -8px 0;}
.recruit_bw_list > li {width:25%;}
.recruit_bw_list > li .in {margin:0 8px 8px 0;}

.map_info2 > li h3 {font-size:1.063em; float:none;}
.map_info2 > li h3 .xi {vertical-align:baseline}
.map_info2 > li .info {margin:20px 0 0 10px;}

.root_daum_roughmap {width:100% !important;}

/**/
.sub_tw.company .sub_in_ti {font-size:1.8em;}
.sub_tw.status .sub_in_ti {font-size:1.8em;}
.sub_tw.vision .sub_in_ti {font-size:1.8em;}
.sub_tw:before {font-size:2em; bottom:-15px;}

.company_top {padding:2em 1em;}
.company_top .t_w .t1 {font-size:1.375em;}
.company_top .t_w .line {margin:1em auto 1.5em auto;}
.company_top .t_w .t2 {font-size:.938em;}
.company_top .t_w .t2 br {display:none;}

.company_mid .list .txt {margin-top:.5em;}
.company_mid .list .txt .t2 {font-size:.875em;}
.company_mid .list > li {width:50% !important;}
.company_mid .list > li .inner {margin-bottom:1em;}
.company_mid .list > li:nth-child(3) .inner {border-left:none;}

.company_bot {padding:5em 0;}
.company_bot .vision_w .ti {font-size:1.375em;}
.company_bot .vision_w .list_w {margin-left:0;}
.company_bot .vision_w .list_w > li {width:50% !important;}
.company_bot .vision_w .list_w > li .icon {padding:2em;}
.company_bot .vision_w .list_w > li .inner {margin-left:5px;}
.company_bot .vision_w .list_w > li .tt {font-size:.938em;}

.page_ceoWrap {margin-top:0;}
.page_ceoWrap .left{ width:100%; font-size:.750em;}
.page_ceoWrap .right{ width:100%; font-size:.750em;}
.page_ceoWrap .right .inner{ margin-left:0; margin:0 1em;}
.page_ceoWrap .txt_wrap .txt{}
.page_ceoWrap .page_ceoB{ padding:1em 0;}
.page_ceoWrap .txt_wrap .txt.sign {padding-top:1.8em;}
.page_ceoWrap .right .inner img{ display:none;}
.page_ceoWrap .page_ceoT .txt_wrap .inner {padding-bottom:0;}
.page_ceoWrap .page_ceoB .txt_wrap .inner{ padding-top:0; padding-left:0; margin:0 1em;}

.history_t_wrap .history_tit {font-size:1.125em;}
.history_t_wrap .history_tit:before {display:none;}
.history_t_wrap .history_tit:after {display:none;}
.history_t_wrap .history_line {margin:1.5em auto 3em auto;}

.sub_history_wrap .sub_history > li.even {left:0;}
.sub_history_wrap .sub_history > li.odd {text-align:left;}
.sub_history_wrap .sub_history > li.odd .list {margin-right:0; margin-left:20px;}
.sub_history_wrap .sub_history > li.odd .history .list .month {right:inherit; left:0;}
.sub_history_wrap .sub_history > li.odd .history .list .tt {padding-right:0; padding-left:40px;}
.sub_history_wrap .sub_history > li.odd .history .list .tt:before {right:inherit; left:30px;}

.bis_wrap {margin:2em auto 0 auto;}
.bis_wrap .left {float:none; width:100%;}
.bis_wrap .right {float:none; width:100%;}
.bis_wrap .left .inner {padding:1em 0;}
.bis_wrap .right .inner {margin-left:0;}
.bis_wrap .right .inner > img {width:100% !important;}
.bis_wrap .txt_wrap:first-child {margin-top:0;}
.bis_wrap .txt_wrap .ti {font-size:1.375em; padding-bottom:.5em; margin-bottom:.5em;}
.bis_wrap .txt_wrap .tx {font-size:.875em; padding-left:0; max-width:inherit;}

.project_box dt {width:20%;}
.project_box .project_w {padding:1.5em 1em;}
.project_box .project_w > li {font-size:.875em;}

.page_column_list {margin:0 -10px -20px 0;}
.page_column_list > li > .inner {margin:0 10px 20px 0;}
.page_column_list .con {padding:1em;}
.page_column_list .con .tit .t2 {font-size:1em;}

.page_cover.hAuto {padding:3em 0;}
.introduce_b_tit {font-size:1.7em;}
.page_cover .cover_title .t1 {font-size:1.3em;}

.TAB_WRAP {margin-bottom:2em;}

/* MAIN - INC */
.main_con .more {padding: .625rem 1em; width: fit-content;}
.main_tit .t1 {font-size: ;}
.main_tit .t2 {font-size: 1em;}
.main_txt .t4 {font-size: 1em;}
.main_txt .t5 {font-size: 1.125em;}
.main_txt .t6 {font-size: 1.125em;}
.main_txt .t7 {font-size: 1.25rem;}

/* MAIN - VISUAL */
.visualSlide_wrap .slogan .t1 {font-size: 2em;}
.visualSlide_wrap .slogan .t2 {font-size: 1.25em;}
.visualSlide_wrap .slogan .imgfix {width: 3em; height: 3em;}
.scrollDown .s1 {font-size: 2em;}

/* MAIN - BUSINESS */
.main_tit .t1::before {width: .25rem; height: .25rem;}
.busi_list .con_wrap {padding: 1.5em;}
.busi_list .con_wrap .prod_tit {font-size: 1.25rem;}
.busi_list .con_wrap .prod_txt {font-size: 1em;}

/* MAIN - PRODUCTS */
.main_product .prod-title .t6::before {width: .25rem; height: 0.25rem;}
.main_product .prod-title .main_txt > .flex.space {align-items: flex-end;}
.prodSlide-next, 
.prodSlide-prev {font-size: 1.125em;}
.main_product .box0.flex {gap: 1.25rem;}

/* MAIN - NOTICE */
.main_con .notice_Wrap .notice_inner .item .inner {padding: 1em .5em;}
.main_con .notice_Wrap .notice_inner .item .inner .notice-more {min-width: 2em; min-height: 2em; font-size: .875rem;}

/* MAIN - CONTACT */
.main_inquiry .main_txt .t4 {line-height: 1.5em;}
.main_inquiry .circle-wrap {top: 50%; transform: translateY(-50%);}

/* FOOTER */
#footer {padding: 1em 0 3em 0;}
#footer .logo_wrap .logo img {height: auto; width: 30vw;}
#footer .info_wrap {margin-top: 1em;} 
#footer .info_wrap .info {padding-bottom: 1em;}
#footer .menu > li .in {font-size: .75rem;}
#footer .copy_wrap {padding-top: 1em; margin-top: 0; flex-direction: column-reverse;}
#footer .copy_wrap .copyright {margin-top: 1em;}
#footer .goTop {right: 2vw; bottom: 4vw; font-size: .875rem;}

/* SUBPAGE */
.page_tt.s11 {font-size: 1.5rem;}
.page_tt.s10 {font-size: 1.5rem;}
.page_tt.s4 {font-size: 1rem;}
.page_tt.s3 {font-size: 1rem;}
.lh3 {line-height: 1.6;}

/* COMPANY */
.greetingT_Wrap {padding-top: 3em;}
.greetingB_Wrap .g-right .g-ttlcon .page_tt.fs_t {margin-bottom: 0.5em;}
.greetingB_Wrap .g-right .g-ttlcon .from .sign {font-size: 1rem;}

/* HISTORY */
.history_t_wrap .history_tit {font-size: 1.5rem;}
.sub_history_wrap .his_dot,
.sub_history_wrap .sub_history_line {left: 4vw;}
.sub_history_wrap .sub_history > li:nth-child(2n-1) {left: 0; width: 100%;}
.sub_history_wrap .sub_history > li:nth-child(2n) {text-align: left; width: 100%}
.sub_history_wrap .sub_history > li:nth-child(2n) .history {padding-right: 0; padding-left: 2.35em;}
.sub_history_wrap .sub_history > li .history .list .month,
.sub_history_wrap .sub_history > li .history .list .tt {font-size: .875rem;}
.sub_history_wrap .sub_history > li:nth-child(2n) .list {margin-left: 1.5em; margin-right: 0;}
.sub_history_wrap .sub_history > li:nth-child(2n) .history .list .month {right: auto; left: 0;}
.sub_history_wrap .sub_history > li:nth-child(2n) .history .list .tt {padding-left: 40px; padding-right: 0;}
.sub_history_wrap .sub_history > li:nth-child(2n) .history .list:before {position: absolute; top: 8px; left: -18px; width: 6px; height: 6px;  border-radius: 50%; background: #0072BC; content: '';}

/* LOCATION */
.mapWrap .map-info .add-list > li .add-wrap {padding-left: 0.5em;}
.mapWrap .map-info .xi,
.mapWrap .map-info .add-list > li .add-wrap b,
.mapWrap .map-info .tt {font-size: 1rem;}

/* BUSINESS */
.bu_TTl {margin-top: 0;}
.business_Wrap .business_list .bu_list {flex-direction: column-reverse; background: transparent; gap: 1.25rem; margin-bottom: 3em;}
.business_Wrap .business_list .bu_list:nth-child(2n) {flex-direction: column-reverse;}
.business_Wrap .business_list .bu_list .bu_ttl {width: 100%;}
.business_Wrap .business_list .bu_list .bu_img {width: 100%; height: 30vh;}
.business_Wrap .business_list .bu_list .bu_ttl .bu_Intxt > li > p {font-size: 1rem; line-height: 1.6;}

/* PRODUCT */
.product_Wrap .p_left .link_btn .btn_list {gap: 1.5em;}
.product_Wrap .p_left .link_btn .btn_list > li {margin-bottom: 0.5em; flex: 0 0 auto;}
.product_Wrap .p_left .link_btn .btn_list > li a > span {font-size: 1rem;}
.product_Wrap .p_left .link_btn .btn_list > li.on a > span {font-size: 1.125rem;}
.product_Wrap .p_right .product_info .pro_ttl .gray_ttl,
.product_Wrap .p_right .product_info .pro_ttl .dot_T {font-size: 1.5rem;}
.product_Wrap .p_right .product_info .pro_subT .sub_ttl {font-size: 1.5rem;}
.product_Wrap .p_right .product_info .point_list > li > p {font-size: 1rem;}
.p-info-table thead tr th, 
.p-info-table tbody tr td {font-size: 1rem;}
.product_Wrap .p_right .product_info .pro_ttl .dot_T:before {width: 0.25em; height: 0.25em;}
.product_Wrap .p_right .product_info .divi_table {overflow-x: scroll;}
.p-info-table {min-width: 768px;}

/* ARTICLE */
.board_search .total .t2 {font-size: 1rem;}
.board_search {flex-wrap: wrap; gap: 0.5rem; flex-direction: column; align-items: flex-start;}
.board_search form {width: 100%;}
.board_search .search {width: 100%;}
.board_search .search .input_st {height: 3em;}
.board_search .search .input_st > .tt {display: none;}
.board_search .search .select {width: 100%; flex: 1 1 20%;}
.board_search .search .inp {width: 100%; flex: 1 1 70%;}
.board_search .search > button {width: 100%; flex: 1 1 10%;}

.pop_list > li {width: 50%;}
.pop_list > li > .wrap_in .con_wrap .t1 {font-size: 1.125rem;}
.pop_list > li > .wrap_in .con_wrap .etc {font-size: .875rem;}
.pop_list > li > .wrap_in .con_wrap .price {font-size: 1.25rem;}
.board_pg button {font-size: .875rem;}

/* ARTICLE - VIEW */
.main_video_w > iframe {height: 35vh !important;}
.table_st th, .table_st td {font-size: 1rem; padding: 0.3em 1em;}
.w_form_tit {width: 30%;}
.input_st.s1 {height: 3em; font-size: 1em;}

/* INQUIRY */
.estimate-table col {display: none;}
.estimate-table tbody tr {display: flex; flex-direction: column;}
.estimate-table .input_st.w30 {width: 70% !important;}
.estimate-table tbody tr th {padding-bottom: 0;}
.estimate-table tbody tr th, 
.estimate-table tbody tr td {padding-left: 0;}
.estimate-table .field {width: 30vw;} 
.estimate-table tbody tr td select.input_st {padding: 0 1em;}

/* NOTICE */
.board_table th, 
.board_table td {font-size: 1rem; height: auto; padding: 0 0.5em;}
.board_table.top {display: none;}
.board_table col {display: none;}
.board_table tr {padding: 1.25rem 0; border-bottom: 1px solid #ddd; display: block;}
.board_table td {display: block; border-bottom: none; padding: 0;}
.board_table .w_no {width: fit-content; padding-bottom: .5em;}
.board_table .w_no {display: none;}
.board_table .w_no:has(.boardIco) {display: inline-block;}
.board_table .aTit_wrap {font-size: 1.125rem; padding-bottom: .5em;}
.board_table td.w_name,
.board_table td.w_date,
.board_table td.w_hit {display: inline-block; width: fit-content; padding: 0; color: #aaa;}

.boardIco {width: fit-content;}
.board_table td.w_name::after,
.board_table td.w_date::after {content: '·'; padding: 0 .25em;}

/* FAQ */
.board_faq > li .wrap_in .sbj .tt {font-size: 1rem;}
.board_faq > li .wrap_in .tit .tt {font-size: 1.5rem;}
.board_faq > li .faqTit .wrap_in {padding: 0 5em 0 0;}
.board_faq > li .wrap_in {gap: 1em;}
.board_faq > li .wrap_in .ico .arrow {font-size: 1.25rem;}
.board_faq > li .wrap_in .tit {width: 10vw;}
.board_faq > li.on .faqCon .wrap_in {padding: 1.5rem 0;}

}
@media screen and (max-width: 500px){
/* HEADER */
#header .all_wrap .all_btn {width: 2em;}
.allGnbOn #header .all_wrap .all_btn {width: 2.5em; height: 2.5em;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp1 .tt {font-size: 1.5em;}

/* CONTENTS */
#contents .sub_page_top {border-radius: 0 0 1em 1em;}
#contents .menu .def > .tit {padding-right: 0;}
#contents .menu .def > .tit .tt {text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

/* MAIN - VISUAL */
.visualSlide_wrap .slogan .slogan_wrap {max-width: 80%;}
.visualSlide_wrap .slogan .imgfix {width: 2.5em; height: 2.5em;}
.visualSlide_wrap .slogan .t1 {font-size: 1.5rem;}
.visualSlide_wrap .slogan .t2 {font-size: 1.125rem;}

/* MAIN - INC */
.main_tit .t1 {font-size: 1.5rem;}
.main_tit .t2 {font-size: .875rem;}
.main_txt .t3 {font-size: .875rem;}
.main_txt .t4 {font-size: .875rem;}
.main_txt .t6 {font-size: .875rem;}
.main_txt .t9 {font-size: 1.5rem;}
.main_con .more {margin-top: 1em; font-size: .875rem; font-weight: 400; padding: .25rem .75rem;}

/* MAIN - BUSINESS */
.main_business {padding-bottom: 0;}
.busi_list {grid-gap: .625rem; grid-template-columns: 1fr; grid-template-rows: 1fr 1fr 1fr;}
.busi_list .con_wrap .prod_txt {font-size: .875rem;}
.busi_list .con_wrap .prod_txt .list > li {margin-bottom: .3125rem;}

/* MAIN - PRODUCTS */
.prodSlide-next, .prodSlide-prev {font-size: .875rem;}
.prodSlide-pagination {font-size: 1rem; min-width: 2em;}
.main_product .prod-title .main_txt > .flex.space {min-width: 30%;}
.main_product .prod-title .t4 br {display: none;}
.mainProdSlide .prod-info .status-wrap {gap: .3125rem;}
.mainProdSlide .prod-info .status-wrap .status {font-size: .625rem; padding: .25rem .5rem;}
.mainProdSlide .main_txt .t6 {font-size: 1rem;}

/* MAIN - ESTIMATE */
.main_con .title-wrap .t6::before {width: .25rem; height: 0.25rem;}
.main_inquiry .circle-wrap {display: none;}
.main_inquiry .title-wrap {display: flex; flex-direction: column; justify-content: center; align-items: center;}
.main_inquiry .main_txt {text-align: center;}
.main_inquiry .main_txt .t4 {max-width: 100%;}
.main_inquiry .main_txt .t9 {margin-bottom: 1.25rem !important;}
.main_inquiry .main_txt > h2 br {display: none;}
.main_inquiry .more {margin-top: 1.25rem;}

/* FOOTER */
#footer .copy_wrap .copyright {font-size: .75rem;}

/* SUBPAGE */

/* HISTORY */
.sub_history_wrap {padding-bottom: 3rem;}
.sub_history_wrap .sub_history > li .history .year {font-size: 1.5rem;}
.sub_history_wrap .his_dot.ed_dot {margin-top: 3rem;}

/* LOCATION */
.mapWrap .map-info {padding: 1.5rem;}
.mapWrap .map-info .add-list > li .add-wrap b {flex: 0 0 auto; margin-bottom: 0.25rem;}
.mapWrap .map-info .add-list > li .add-wrap > p {flex-direction: column; justify-content: flex-start;}
.mapWrap .map-info .add-list > li:first-child .tt {padding-left: 0;}

/* PRODUCT */
.product_Wrap .p_left .t_box .s3 {margin-top: .625rem !important;}
.product_Wrap .p_left .link_btn .btn_list {gap:  .5em 1.5em;}
.product_Wrap .p_right .product_info .pro_ttl .gray_ttl, 
.product_Wrap .p_right .product_info .pro_ttl .dot_T {font-size: 1.25rem;}
.product_Wrap .p_right .product_info .top_imgCon {height: 30vh;}
.product_Wrap .p_right .product_info .point_list > li {flex: 1 1 100%; max-width: 100%;}
.p-info-table thead tr th, 
.p-info-table tbody tr td {font-size: .875rem;}
.product_Wrap .p_right .product_info .pro_ttl .gray_ttl {font-size: 1rem;}

/* ARTICLE VIEW */
.pro_detail .info_Box {padding: 1em;}
.pro_detail .info_Box > p {font-size: 1em;}
.table_st th, .table_st td {font-size: .875rem;}
.main_video_w > iframe {height: 30vh !important;}

/* INQUIRY */
.estimate-table tbody tr th .tit {font-size: 1rem !important;}
.estimate-table .field {margin: 0 !important;}
.estimate-table .field .label_select {font-size: .875rem;}
.input_st.w2 {width: 25vw;}
.label_st > i {font-size: .875rem;}
.estimate-table tbody tr td select.input_st {font-size: .875rem;}
.estimate-table .input_st:not(select) {font-size: .875rem;}

/* VIEW */
.board_viewT {padding: 1em 0;}
.board_viewT .vTit .tit .t1 {font-size: 1.125rem;}
.board_viewT .vTit + .board_info {margin-top: 1em;}
.board_viewM {padding: 1.5em 1em;}
.board_info > li {color: #aaa;}
.board_info > li .ico {font-size: 1rem;}
.board_info > li .tt {font-size: .875rem;}
.board_info > li + li:before {margin: .5em; content: '·'; width: auto; height: auto; background: transparent;}
.table_form .wrap_in .con_wrap {font-size: .875rem;}
.table_form .wrap_in .tit1 {font-size: 1rem; padding-left: .5em;}
.table_form .wrap_in .tit_wrap {width: 25vw; margin-right: 0;}
.table_form > li {padding: 0.25rem;}
}

@media screen and (max-width:360px){
.main_ir > li .in .t1{ font-size:.875em;}
.prod_list_tab_w .product_list li{ width:50%;}

}
@media all and (orientation:landscape){

}