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

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

  .sub_v_slide .in_s_list > li .in .in_itt {font-size: 1.125em;}
  } 
@media screen and (max-width:1680px) { body { font-size:15px; } 

.map_wrap:before { display: none; } 
 }
@media screen and (max-width:1600px) {
.mainSlider .slogan {left: -5em;}
}
@media screen and (max-width:1500px) {
.box1{width:94%;}
.box2{width:94%;}
.box3{width:94%;}

.mainSlider .slogan {left: 2%;}
.main_brand .prodBg {width: 35%;}
.main_brand .left {width: 30em;}
.sub_v_slide .in_s_list > li .in .in_itt {min-height: 2.4em;}

 } 

@media screen and (max-width:1400px) { :root { --fullWidth: 94%; --baseWidth: 90vw; } 
/* #header { width: 85%; } 
.boxH { width: 85%; max-width: 85%; margin: 0 auto; }  */

.main_brand .left {width: 25em;}
.main_brand .left .in {padding-left: 15%;}
.main_brand .left .in .p1 {font-size: 45px;}
.main_brand .left .in .p2 {font-size: 1.125em;}

} 
@media screen and (max-width:1350px) { :root { --fullWidth: 94%; --baseWidth: 90vw; }
/* #header { width: 75%; } 
.boxH { width: 75%; max-width: 75%; margin: 0 auto; } */

 }
@media screen and (max-width:1280px) { :root { --fullWidth: 94%; }

.mainSlider .slogan {top: 40vh;}
 }

@media screen and (max-width:1200px){
 }
@media screen and (max-width:1120px){
#header .gnb_wrap .gnb > li .dp1 {padding: 0 1.5em;}
}
@media screen and (max-width:1050px) { 
/*inc*/
body { font-size:14px; } 

/*main*/
#header .inner .gnb_wrap {display: none;}
.mainSlider .slogan {top: 60vh;}

}

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

.section {height: unset !important;}
.main_con {padding: 6em 0;}

.main_brand {}
.main_brand .prodBg {display: none;}
.main_brand .main_con {display: block; padding-top: unset; padding-bottom: unset;}
.main_brand .left {width: 100%; background-image: url(../images/main/main_leftB.jpg); background-size: cover; margin-top: unset;}
.main_brand .left .in {padding: 6em 3em 2em;}
.main_brand .right {margin: 3em auto;}
.main_brand .right .main_tit {text-align: left; padding-left: 3em;}

.con2_In .con2_list > li .inner .t1 {font-size: 1.4em;}

/*******about*******/
/*greeting*/
#contents .sub_page_menu {display: none;}

/******sub_business*****/
.wrap-idx .sub-tab.w1 {width: 94%;}
.bu-wrap .bu-tit > .tt {font-size: 2.15em;}
.product_all .slicer:before {height: 103em;}
/* .charSlide .swiper-pagination.posi {width:17%; left: 10%; flex-direction: column;} */
.charSlide .swiper-pagination .swiper-pagination-bullet span {font-size: .85em;}
.charSlide .swiper-pagination.posi {transform: translate(-50%, -163%); top: 63%; flex-wrap: wrap;}

.board_st.list td.w_tit > a{ display:inline !important; white-space:normal !important; vertical-align:baseline; color:#000; font-weight:500;}
.board_st.list td.w_tit > a ~ .board_icon{ display:inline; vertical-align:baseline;}

/* .board_table thead,
.board_table .w_name,
.board_table .w_hit,
.board_table .w_date{ display:none;} */
} 

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

.fst3{flex-direction: column;} 
.fst3 > li {width: auto;}
.flex_box .fst3 > li {flex: 1 1 100%;max-width: 100%;}

/*main*/

/*board*/
.board_search .total {display: none;}
.board_search .search {justify-content: unset;width: 100%;}

.board_search .search  > .inp{width: 100%;}
.board_search .search  > .inp > input {width: 100%;}

/******sub_business*****/
.sub_diviC {flex-direction: column; gap: 0; padding-top: -1em;}
.sub_diviC .dvT {flex: 1 1 100%;display: flex;justify-content: space-between; align-content:center; align-items:center}
.note_list {gap: 2em;}
.flex_box .fst2 > li {flex: 1 1 100%;max-width: 100%;}

/*footer*/
.logo_wrap{flex-direction: column; align-items: flex-start !important;} 
#footer .cs_wrap .wrap_in {text-align: left ; margin-top: 1em;}
}


@media screen and (max-width:880px) { /*header*/
/* .headH, #header .gnb_wrap .gnb > li, #header .gnb_wrap .gnb > li .dp1 { height: 4em; } */
.mainSlider .slogan .t1:after {width: 74%;transform: translateX(-118px);}

/*main*/
.main_con {padding-top: 80px;}
.con2_In .con2_list {margin: 2em 0 0 -1.5em;gap: 2em;}
.con2_In .con2_list > li {flex: 1 1 calc(50% - 2em);}
.con2_In .con2_list > li .inner {margin: 0;}
.con2_In .con2_list > li .inner:hover:after {transform: scale(1.1);opacity: 1;visibility: visible; } 

.hauto{height: auto !important;}

/*board*/
.board_gallery > li {width: calc(50% - 1.35em);}

/******sub_business*****/
.board_partner.fst3{flex-direction: row;} 
.board_partner.fst3 > li{flex: 1 1 50%;  max-width: 50%;} 

#contents .sub_page_tit .sub_tit .tt {font-size: 2.6em;}

/*about*/
.greeting_wrap {display: block;}
.greeting_wrap .img_con {width: 100%;height: 35vh;}
.greeting_wrap .greeting_txt {width: 100%;}

/*location*/
.map_Wrap .map_infoCon .contact_list > li {width: 100%;}
.map_Wrap .map_infoCon .contact_list > li:before {
position: absolute;top: 170%;right: 0;transform: translateY(-50%);width: 100%;height: 1px;background-color: #888;}

.bu_charW .char_t > .tt {font-size: 2em;}
.ico_info2 {align-content:center; align-items:center}
.ico_info2 .dot-tit {margin-bottom: unset;}
.ico_info2 .input_st.mt20 {margin-top: unset;} 
.flex_box.s2 {margin: 0 0 -1em -1em;}

 }

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

}

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

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

.mainSlider .slogan .t1 {font-size: 2.65em;}
.mainSlider .slogan .t1:after {width: 74%;transform: translateX(-85px);}

.main_brand .left .in .p1 {font-size: 35px;}
.main_brand .left .in .p2 {font-size: 1.05em;}

.con4_in .con4_list {gap: 1em;}
.con4_in .con4_list > li {flex: 1 100%;}

.con2_In .con2_list {margin: 2em 0 0 0em; gap: 2em;}
.con2_In .con2_list > li {flex: 1 1 calc(100% - 2em);}

/******sub_business*****/
.board_partner.fst3 > li{flex: 1 1 100%;  max-width: 100%;} 
.his_bg .ttl_T {right: unset; left: 5%; width: 80%;}

.bu_charW .char_t > .tt {font-size: 2em;}
.bu_charW .bu_charList > li > .in > .con > .img_con {height: unset;}

.dot-tit2 {font-size: 1.5em;}
.grayB {padding: 2rem;}
.grayB > .img_con {height: unset;}

.ice_info {flex-wrap: wrap;}
.ice_info .img_con {margin: 0 auto;}
.ice_info .img_wrap {width: 100% !important;}

}
@media screen and (max-width:600px) {
#mainNav.white > li > a .tt {color: #ccc;}

@media screen and (max-height:780px) {
.mainControl {bottom: 6em;}
#scrollAni {bottom: 7em;}}

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

#header .all_wrap .all_layer .all_inner {width: 100%;}

.mainControl .mainSlider-btn {width: 4.25em;}
.con4_in {margin-bottom: 0em;}
.con4_in .con4_list > li .in .imgw .resize > .re {height: 13em;}
#scrollAni {display: none;}
.mainControl .mainPauseWrap .mainSlider-btn {line-height: 4.25em;}

.greeting_wrap .greeting_txt > .sn {font-size: 3em; }
.greeting_wrap .greeting_txt .info {padding-top: 8em;}
.greeting_wrap .greeting_txt .info > strong {font-size: 1.65em;}
.greeting_wrap .greeting_txt .info > .tt {margin-bottom: 1em; line-height: 26px; font-size: 1.125em;}

.fs28 {font-size: 1.25em !important;}
.bu-wrap .bu-tit > .tt {font-size: 1.8em;}
.mid_tt > .bu_txt > .tt {font-size: 1.4em;}

.his_bg .ttl_T > .tt {font-size: 1.4em;}

/*board*/
.board_gallery > li {width: 100%;}

.board_search,
.board_search .search { display: block;}
.board_search .total { justify-content: flex-start;}
.board_search .search .input_st { margin-top: 0.5em;}
.board_search .search .input_st,
.board_search .search .select,
.board_search .search .inp { width: 100%;}

.board_st3.write th,
.board_st3.write td {padding: .5em 0.5em;}

.dp1_inquiry .board_st3 .input_st {width: 100%;}
}
@media screen and (max-width:460px) {
/*main*/
.mainSlider .slogan .t1 {font-size: 2em;}
.mainSlider .slogan .t0 {font-size: 1em;}
.mainSlider .slogan .t2 {font-size: 1.2em;}
.mainSlider .slogan .t1:after {width: 74%;transform: translateX(-60px);}

.con4_in .con4_list > li .in .imgw .resize {padding-bottom: 30.947368% !important;}
.agree_wrap .textarea_box h3 {font-size: 1.125em;}

@media screen and (max-height:780px) {
    .mainControl {bottom: 7em;} 
    }

/*sub_business*/
.bu_charW .char_t > .tt {font-size: 1.95em;}
.bu_charW .bu_charList > li > .in > .con > .tit {font-size: 1.65em;}

/* .dp1_inquiry  #contents .doc {overflow: hidden;} */
 } 
@media screen and (max-width:400px) { /*header*/
.board_st3.write {word-break: break-all;font-size: 1em;}

.con2_In .con2_list > li .inner {padding: 1em 2em;}
.con2_In .con2_list > li .inner .icon > .xi {font-size: 3em;}
 }
@media screen and (max-width:380px) { }

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