@charset "utf-8";/* CSS Document */
@media screen and (max-width:1680px) {body { font-size:15px; } 
}

@media screen and (max-width:1400px) {}

@media screen and (max-width:1280px) {}
@media screen and (max-width:1200px) {.vod_wrap { padding-bottom: 3%; height: 100vh; } 

/*company*/
.page_certificate .list > li { flex: 0 0 calc(33% - 1.5em); } 

/* COMPANY - WORK */
.page_list.icoStep > li .in .circle_wrap .circle {border: 18px solid #f1f1f1;}
.page_list.icoStep > li .in .circle_wrap .num_wrap .num {font-size: 2.515em;}
.page_list.icoStep > li .in .circle_wrap .circle .entit {top: 22px;}
.page_list.icoStep > li .in .con_wrap .dot_list {padding: 0 0em;}

/* COMMUNITY - INQUIRY */
.filebox label {padding: 10px;}
 }
@media screen and (max-width:1024px) {
[data-aos^=fade][data-aos^=fade] { opacity:1 !important; transform:translateZ(0) !important; } 

.pcHide { display: block !important; } 
.moHide { display: none !important; } 

.moAc { text-align:center !important; } 
.moAl { text-align:left !important; } 
.moBr br { display:block !important; } 

.goTop { display:none; } 

.box0,
.box1 { max-width: 92%; margin: 0 auto; width: 100%; } 

/* MAIN - SECTION */
#fullpage { overflow: hidden; } 
#section0,
#section1,
#section2,
#section3 { height: 85vh !important; } 
#section4 { height: auto !important; } 
.fp-tableCell { height: auto !important; } 

#nav { display: none !important; } 

/* HEADER */
#header .logo { width: 30vw } 
#header .gnb_wrap { display: none; } 
#header .side_wrap { width: 40%; gap: 1.5em; } 
#header .all_wrap .all { width: fit-content; } 
#header .all_wrap .all_layer .all_inner > .wrap_bg { width: 100%; } 
#header .all_wrap .all_layer .all_inner > .wrap_in { padding: 3vh 8em 12vh; } 
#header .all_wrap .all_layer .all_inner > .wrap_in .wrap_top { display: none !important; } 
.allGnbOn #header .all_wrap .all_layer .all_inner > .wrap_bg { height: 30vh; } 
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 { flex-wrap: wrap; gap: 1.5em 0; } 
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li > a .tt { font-size: 1.25em; } 

/* CONTENTS */
#contents { overflow-x: hidden; } 
#contents .sub_page_tit .sub_tit .tt { font-size: 2.25em; line-height: 1.6em; } 
#contents .sub_page_menu { overflow: visible; } 
#contents .sub_page_menu .gnb { overflow: visible; } 
#contents .sub_page_menu > .box1 { max-width: 100%; padding: 0 4%; margin-top: -5em; background-color: rgba(0,0,0,.3); } 
.dp1_products #contents .sub_page_menu > .box1 { padding-bottom: 5em; } 
.dp2_all #contents .sub_page_menu > .box1,
.dp2_new #contents .sub_page_menu > .box1 { padding-bottom: 0; } 
#contents .sub_page_menu .gnb > li .dp2 { width: 100vw; margin-left: -4%; margin-bottom: -1px; padding: 0 4%; overflow-x: scroll; justify-content: flex-start; } 
#contents .sub_page_menu .gnb > li .dp2::-webkit-scrollbar { display: none; } 
#contents .sub_page_menu .gnb > li.m_products .dp2 { position: static; } 
#contents .sub_page_menu .gnb > li .dp2 > li { min-width: fit-content; max-width: 100%; } 
#contents .sub_page_menu .gnb > li .dp2 > li > a { background: transparent; padding: 0 1.5em; } 
#contents .sub_page_menu .gnb > li.m_products .dp2 > li .dp3 { position: absolute; bottom: -10px; top: auto; width: 100vw; } 
#contents .sub_page_menu .gnb > li.m_products .dp2 > li .dp3 > li > a { padding: 1em; height: 5em; } 

/* MAIN - VISUAL */
.mainSlide_wrap.ani { width: 100vw; overflow: hidden !important; margin-left: -4.5%; } 
.visualSlider_wrap .slogan .row { line-height: 1.5em; height: auto; margin-bottom: 0; } 
.visualSlider_wrap .slogan .t2 { font-size: 3em; } 
.visualSlider_wrap .slogan .t3 { font-size: 1.25em; } 
.mainSlide_wrap { padding: 0 2em; } 
.mainSlide_wrap.ani .swiper-wrapper .swiper-slide { width: 15.5em; } 

/* MAIN - SWIPER */
.swiperBtn.prev { left: -1em; } 
.swiperBtn.next { right: -1em; } 

/* MAIN_CON */
.main_con.p1 { padding: 6em 0 10em } 

/* MAIN_TXT */
.main_txt .t9 { font-size: 2em; } 

/* PAGE_TT */
.page_tt.s7 { font-size: 1.5em; } 

/* MAIN - SECTION 2 */
.main_nature .logo_wrap { transform: translateY(0); } 
.main_nature .logo_wrap img { width: 20% } 
.mainSlide_wrap.ani { padding: 1.8em 0; } 

/* MAIN - SECTION3 */
.fp-scrollable { height: auto !important; } 
#section3 .main_con > .box0.flex { flex-direction: column; } 
.main_global .global_inner { flex-direction: column-reverse; } 
.main_global .main_con { padding-top: 10vh; height: auto !important; } 
.brand-logo { bottom: calc(100% + 0.5em); } 
.brand-logo .logo-in { width: 14vw; height: 14vw; } 
.main_global .country_wrap { top: 0; bottom: 3em; justify-content: center; flex-wrap: wrap; margin-left: 0; padding-top: 5em; width: 100%; } 
.main_global .country_wrap .country { width: 100%; display: flex !important; gap: 2em; justify-content: center; padding: 1em; flex-wrap: wrap; background: transparent; box-shadow: none; } 
.main_global .country_wrap .country.moHide { display: none !important; } 
.main_global .country_wrap .country > li { flex: 1 1 calc(25% - 1.5em); z-index: 1111; } 
.main_global .country_wrap .country > li > a { text-align: center; } 
.main_global .country_wrap .country > li > a .tt { font-size: 1.35em; } 
.main_global .country_wrap .brand { padding: 2em; } 
.main_global .country_wrap .barnd_list { bottom: calc(100% + 1em); top: auto; left: 50%; transform: translateX(-50%); width: fit-content; text-align: center; z-index: 1111; } 
.main_global .country_wrap .barnd_list:before { top: auto; bottom: -5px; left: 50%; transform: translateX(-50%) rotate(45deg); } 
.main_global .country_wrap .barnd_list > li .tt { padding: 1em 1em 1.25em; } 
.main_global .map_wrap { right: 4vw; width: 100vw; position: relative; top: 0; } 
.main_global .map_wrap .pos_point > li { z-index: 9; } 
.btn-info-wrap { position: relative; top: 0; text-align: center; height: fit-content; } 

/* MAIN - SECTION 4 */
#section4 .fp-tableCell .h100.wrap { flex-direction: column-reverse; } 

.main_contact .wrap_bg { width: 100%; height: 30vh; } 
.main_contact .wrap_con { transform: translateX(0); } 
#section4 .main_more { text-align: center; } 
#section4 .wrap_bg .wrap_in { padding-bottom: 0; } 
#section4 .wrap_bg .wrap_in .main_txt { text-align: center; } 

/* SUBPAGE */
.page_con { padding: 3em 0; } 

/* COMPANY - CEO */
.ceo-box { flex-direction: column-reverse; } 
.ceo-more { flex-direction: column; } 
.ceo-box .inImg { flex: none; height: 70vw; } 
.ceo-more .inImg { flex: none; height: 50vw; } 
.page_con.bg1:before { height: 60%; } 

/* COMPANY - HISTORY */
.history-layout { flex-direction: column; } 
.history-layout .left .title-wrap > h3 { font-size: 2.5em; } 
.history-layout .left .img-wrap { height: 50vw; } 
.history-layout .left .img-wrap img { width: 100%; height: 100%; object-fit: cover; } 
.history_wrap { padding: 2em 0 2em 0; } 


/* COMPANY - BRAND */
.brand-cont .brand-wrap { margin-bottom: 3em; } 
.brand-cont .brand-wrap .brand-slide { width: 75vw; } 
.brand-cont .inner { flex-direction: column-reverse; gap: 1.5em; } 
.brand-cont .inner .left { position: relative; left: 0; bottom: 0; } 
.brand-cont .inner.rich .left { width: 100%; } 
.brand-cont .inner .right { height: 40vw; } 
.brand-download { position: relative; bottom: 0; margin-top: 3em; text-align: right; } 
.history-con.rich { margin-top: 5em; } 
.brand-cont .inner.rich .item-slider .item-list { } 
.brand-cont .inner.rich .item-list > li .wrap_in { height: 45vw; } 
.partners-list { justify-content: center; } 
.partners-list > li { flex: 1 1 33%; max-width: 33%; } 

/* COMPANY - CONTACT */
.location-con .map-info { padding: 2em; } 
.location-con .map-info .xi { min-width: 1.8em; max-width: 1.8em; } 
.location-con .map-info .add-list { gap: 1.5em; } 
.location-con .map-info .add-list > li:first-child { margin-bottom: 0; } 
.location-con .map-info .add-list > li .add-wrap b { flex: 0 0 5em; } 
.location-con > .right { gap: 3em 0; } 
.location-con .transport > div { flex-direction: column; align-items: flex-start; gap: 1.5em; } 
.location-con .transport > div .left > h3 { display: flex; gap: 0.5em; } 
.location-con .transport > div .right { padding: 2em 1.5em; } 
.location-con .transport .right .waypoint > li .bus-wrap { justify-content: flex-start; } 
.root_daum_roughmap .wrap_map { height: 400px !important; } 


}
@media screen and (max-width:980px) {/*main*/
.vod_wrap { padding-bottom: 3%; height: 100vh; } 

.main_contact .contact_wrap { flex-direction: column; } 
.main_contact .contact_wrap .box-left { width: 100%; height: 60vh; } 
.main_contact .contact_wrap .box-right { width: 100%; height: 100vh; } 

/*contents*/
#contents .sub_page_menu > .box1 { margin-top: -2em; background-color: rgba(0, 0, 0, .3); } 


/*COMPANY - certi*/
.page_certificate .list > li { flex: 0 0 calc(50% - 1.5em); } 
.page_certificate .list > li .img-area { display: flex; align-items: center; justify-content: center; } 

/* COMPANY - LOCATION */
.map_info {gap: 2em;flex-wrap: wrap;}
.map_info > .con {width: 100%;}
/*PRODUCT - list*/
.pop_list > li.w2 { width: 33%; } 

/* PIRICE - DESIGN*/
.priceimgB > img { width: 70%; } 

/*footer*/
#footer .wrapIn { flex-wrap: wrap; gap: 3em; } 
#footer .logo_wrap { flex: 1 1 100%; min-width: 100%; } 
#footer .menu_wrap { width: 100%; } 
#footer .menu_wrap .gnb > li { width: 33%; } 
#footer .etc_wrap { display: flex; width: 100%; } 
#footer .cs_wrap { text-align: left; display: flex; flex-wrap: wrap; width: 100%; } 
#footer .cs_wrap .t1 { width: 100%; } 
#footer .cs_wrap .call { width: 33%; } 
 }
 @media screen and (max-width:860px) {

/* COMPANY - WORK */
.page_list.icoStep > li {flex: 1 1 45%;}
.page_list.icoStep > li + li .in .circle_wrap.arR::before {display: none;}
.page_list.icoStep > li .in .circle_wrap .circle {border: 18px solid #f1f1f1;}

.page_list.icoStep > li .in .circle_wrap .num_wrap {top: 4em;}
.page_list.icoStep > li .in .circle_wrap .num_wrap .num {font-size: 4.515em;}
.page_list.icoStep > li .in .circle_wrap .circle {gap: 4em;}
.page_list.icoStep > li .in .circle_wrap .circle .entit {top: 50px;}
.page_list.icoStep > li .in .con_wrap .dot_list {padding: 0 0em;}
.page_list.icoStep > li .in .circle_wrap .circle .entit .en {font-size: 1.3em;}
.page_list.icoStep > li .in .circle_wrap .tit .tt {font-size: 1.800em;}
.page_list.icoStep > li .in .con_wrap .dot_list > li {font-size: 1.25em;}
 }
@media screen and (max-width:830px) {
/* MAIN */
.main_contact .contact_wrap .box-left { height: 40vh; } 
.main_contact .contact_wrap .box-left > .inner > .text-group .title { font-size: 32px; } 
.main_contact .contact_wrap .box-right { height:auto; } 
.main_txt .t11 { font-size: 3em; } 
.main_tab > li > .tab-btn { font-size: 16px; padding: 0 25px; } 
.main_contact .contact_wrap .box-left > .inner { padding: 5em 8em 0 8em; } 
.label_st.main_agree .st { bottom: -20px; } 

/*company*/
.intro_infoW { gap: 2em; flex-wrap: wrap; } 
.intro_infoW .titT { width: 100%; } 
.intro_infoW .txt_area { width: 100%; } 

/*PRODUCT - Detail Veiw*/
.boardViewDataT { flex-wrap: wrap; } 
.boardViewDataT .img_wrap { width: 100%; } 
 }
@media screen and (max-width:780px) {body { font-size:14px; } 

/* HEADT */
.headT { padding-top: 4.875em; } 

/* HEADER */
#header .side_wrap { width: 50vw; } 
.goog-te-gadget-simple { border: none !important; overflow: hidden; border-radius: 50%; } 
.goog-te-gadget-simple > span { display: none !important; } 

/* MAIN */
.main_contact .contact_wrap .box-right { height: auto; } 
.form_wrap .form_chk .chk { gap: 3em; flex-wrap: wrap; } 
.form_chk .chk a { min-width: 100%; line-height: 2em; } 
.main_contact .contact_wrap .box-left > .inner > .text-group .title { font-size: 35px; } 
.btn.mt50 { margin-top: 30px !important; } 
/* CONTENTS */
#contents .sub_page_menu > .box1 { margin-top: -3em; } 
#contents .sub_con_tit .tt { font-size: 2em; } 
#contents .doc { padding: 2em 0 8em; } 
.dp1_products #contents .sub_page_menu > .box1 { padding-bottom: calc(4em - 2px); } 
.dp2_all #contents .sub_page_menu > .box1,
.dp2_new #contents .sub_page_menu > .box1 { padding-bottom: 0; } 
#contents .sub_page_menu .gnb > li.m_community .dp2 { justify-content: center; } 
#contents .sub_page_menu .gnb > li .dp2 > li { } 
#contents .sub_page_menu .gnb > li .dp2 > li > a .tt { font-size: 1.125em; } 
#contents .sub_page_menu .gnb > li.m_products .dp2 > li .dp3 { overflow-x: scroll; padding: 0 1em; } 
#contents .sub_page_menu .gnb > li.m_products .dp2 > li .dp3::-webkit-scrollbar { display: none; } 
#contents .sub_page_menu .gnb > li.m_products .dp2 > li .dp3 > li { flex: 0 0 fit-content; } 
#contents .sub_page_menu .gnb > li.m_products .dp2 > li .dp3 > li > a { padding: 0 1.5em; height: 4em; } 


.main_con{padding: 1em 0;}

/* SUBPAGE */

/* COMAPANY - HISTORY */
.history-layout .left .title-wrap > h3 { font-size: 2em; } 
.history-layout .left .img-wrap img { border-radius: 1em; } 
.history-layout .left .img-wrap:before { border-radius: 1em; } 
.history_wrap:after,
.history_wrap:before, .history_wrap .scrollAni { left: 37%; } 
.history_wrap .history > li .year { width: 40%; } 
.history_wrap .history > li .year .tt { font-size: 2.5em; } 
.history_wrap .history > li .list .detail .tt { font-size: 1.125em; } 


/* COMMUNITIY - INQUIRY */
.dp2_inquiry  .form_wrap .form_chk .chk {flex-wrap: nowrap;}
.dp2_inquiry   .form_chk .chk a {min-width: 9em;}

/* BOARD */
.board_search { flex-direction: column; align-items: start; justify-content: start; gap: 1em; } 
.board_search .search { width: 100%; } 
.board_search .search > .select { flex: 1 1 25%; } 
.board_search .search > .inp { flex: 1 1 50%; } 
.board_search .search > button { flex: 1 1 25%; } 
.input_st { border-radius: 5px; } 

.board_table col { display: none; } 
.board_table thead { display: none; } 
.board_table tbody tr { display: flex; flex-wrap: wrap; justify-content: start; align-items: start; padding: 1em 0 2em 0; border-bottom: 1px solid #eee; } 
.board_table tbody td.w_no { display: none; } 
.board_table tbody td.w_tit { flex: 1 1 100%; } 
.board_table tbody td.w_name,
.board_table tbody td.w_date,
.board_table tbody td.w_hit { width: auto; color: #888; } 
.board_table th, 
.board_table td { border-bottom: none; text-align: left; padding: 1em 0 0 0; height: auto; } 
.board_table td:nth-of-type(n+3):not(:last-child):after { content: '·'; color: #888; margin: 0 0.5em; } 

.board_table tbody td.w_hit:before { content: attr(data-text); font-family: 'Pretendard', sans-serif; color: #888; margin-right: 5px; } 

.board_aTit { font-size: 1.25em; } 

.board_info { gap: 1em 0; } 
.board_info > li + li:before { margin: 0 0.5em; } 
/* .board_info > li.hit:before { display: none; } */}

@media screen and (max-width:665px) {

/* CONTENTS */
#contents .sub_page_tit .sub_tit .tt { font-size: 1.8em; } 
/* .subLayout #contents .sub_page_menu .gnb > li .dp2 > li > a { padding: 0 1em; height: 2em; }  */
#contents .sub_page_menu .gnb > li .dp2 > li > a .tt { font-size: 1em; } 
/* MAIN */
#section1, #section2, #section3 { height: auto !important; } 
#section1 .main_txt { margin-top: 2em; } 
/*visual*/
.visualSlider_wrap .slogan .t2 {font-size: 2.5em;}

.main_txt .t11 { font-size: 3em; } 
.main_tab > li > .tab-btn { font-size: 16px; padding: 0 25px; } 
.main_contact .contact_wrap .box-left > .inner { padding: 5em 8em 0 8em; } 
.main_contact .contact_wrap .box-left > .inner > .text-group .title { font-size: 25px; } 
.main_contact .contact_wrap .box-left > .inner > .text-group .desc { font-size: 16px; } 
.main_contact .contact_wrap .box-right { height: auto; padding: 3em 4em; } 
#section0 { height: 50vh !important; } 
/* COMPANY - CERTI */
.page_certificate .list > li .img-area .imgfix { height: auto; } 
/* COMPANY - HISTORY*/
.his-wrapper .page_tit > .t2 { font-size: 29px; } 
.his-wrapper .page_tit > .t4 { font-size: 17px; } 
.his-wrapper .his-group .inner-box .year { font-size: 3.5em; } 
.his-wrapper .his-group .inner-box { gap: 2em; } 
.his-wrapper .his-group .inner-box .infoList { width: 73%; } 

/*PRODUCT - list*/
.pop_list > li { width: 50%; } 
.pop_list > li.w2 { width: 50%; } 
.pop_list > li > .wrap_in .con_wrap .t1 {font-size: 1.05em;}

/* COMMUNITY - inquiry*/
.form_wrap .form > li:not(.w100) { width: 100%; } 

/* COMPANY - WORK */
.page_list.icoStep > li {flex: 1 1 45%;}
.page_list.icoStep > li + li .in .circle_wrap.arR::before {display: none;}
.page_list.icoStep > li .in .circle_wrap .circle {border: 18px solid #f1f1f1;}

.page_list.icoStep > li .in .circle_wrap .num_wrap {top: 4em;}
.page_list.icoStep > li .in .circle_wrap .num_wrap .num {font-size: 2.515em;}
.page_list.icoStep > li .in .circle_wrap .circle {gap: 4em;}
.page_list.icoStep > li .in .circle_wrap .circle .entit {top: 50px;}
.page_list.icoStep > li .in .con_wrap .dot_list {padding: 0 0em;}
.page_list.icoStep > li .in .circle_wrap .circle .entit .en {font-size: 1em;}
.page_list.icoStep > li .in .circle_wrap .tit .tt {font-size: 1.500em;}
.page_list.icoStep > li .in .con_wrap .dot_list > li {font-size: 1em;}

/*footer*/
.call.mb10 { margin-bottom: 0 !important; } 
 }

@media screen and (max-width:531px) {
#contents .sub_page_menu > .box1 {display: none;}
/*MAIN*/
/* #section1, #section2, #section3 {height: 70vh !important;} */
.main_tab > li > .tab-btn {font-size: 16px;padding: 0 20px;}
.main_contact .contact_wrap .box-left > .inner > .text-group .title { font-size: 22px;}

/* PRICE - DESIGN */
.priceimgB > img { width: 85%; } 
/* COMPANY - CERTI*/
.page_certificate .list > li .txt > p {font-size: 1rem;}

/* COMPANY - WORK */
.page_list.icoStep > li {flex: 1 1 45%;}
.page_list.icoStep > li + li .in .circle_wrap.arR::before {display: none;}
.page_list.icoStep > li .in .circle_wrap .circle {border: 18px solid #f1f1f1;}

.page_list.icoStep > li .in .circle_wrap .num_wrap {top: 1em;}
.page_list.icoStep > li .in .circle_wrap .num_wrap .num {font-size: 2.2em;}
.page_list.icoStep > li .in .circle_wrap .circle {gap: 2em;}
.page_list.icoStep > li .in .circle_wrap .circle .entit {top: 30px;}
.page_list.icoStep > li .in .con_wrap .dot_list {padding: 0 0em;}
.page_list.icoStep > li .in .circle_wrap .circle .entit .en {font-size: 1em;}
.page_list.icoStep > li .in .circle_wrap .tit .tt {font-size: 1.500em;}
.page_list.icoStep > li .in .con_wrap .dot_list > li {font-size: 1em;}

 }
@media screen and (max-width:501px) {
/* HEADER */
#header .all_wrap .all_layer .all_inner > .wrap_in { padding: 3vh 4em 15vh; } 
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp1 .tt { font-size: 1.75em; } 
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 { padding-left: 5vw; } 
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li { width: 100%; } 
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li > a { justify-content: start; align-items: start; } 
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li:not(:last-child) > a:after { display: none; } 


/*visual*/
.visualSlider_wrap .slogan .t2 {font-size: 2.3em;}
.visualSlider_wrap .slogan .t3 {font-size: 1.1em;}


/* MAIN*/

.main_txt .t11 { font-size: 2.5em; } 
.main_tab > li > .tab-btn { font-size: 14px; padding: 0 18px; } 
.chk .input_st > .tt { display: block !important; } 
.btn .input_st > .tt { display: block !important; } 

.main_contact .contact_wrap .box-left { height: 35vh; } 
.main_contact .contact_wrap .box-left > .inner > .text-group .title { font-size: 20px; } 

.main_contact .contact_wrap .box-left > .inner {position: absolute;top: 50%;left: 50%;padding: 0;box-sizing: border-box;z-index: 2;transform: translate(-50%, -50%);width: 52%;}
/* CONTENTS */ 
#contents .sub_page_tit .sub_tit .tt { font-size: 1.75em; } 
#contents .sub_page_menu .gnb > li .dp2 > li { } 

/* PAGE_TT */
.page_tt.s4 { font-size: 1.125em; } 
.page_tt.s5 { font-size: 1.25em; } 
.page_tt.s8 { font-size: 1.25em; } 

/* SUBPAGE */
/* COMPANY - HISTORY */
.history-layout .left .title-wrap > h3 { font-size: 1.75em; } 

/* COMPANY - BRAND */
.brand-cont .inner .left { border-radius: 1em; padding: 1.5em; } 
.brand-cont .inner.rich .item-list > li .txt-wrap .kr-tit { font-size: 1.25em; } 
.brand-cont .inner.rich .item-list > li .txt-wrap .en-tit { font-size: 1.125em; } 
.history_wrap .history > li .list .month { font-size: 1.125em; } 
.brand-download { text-align: center; } 

/* COMPANY - ORGANIZATION */
.organi-con { margin-top: 0; padding-top: 1em; } 

/* COMPANY - HISTORY*/
.his-wrapper .page_tit > .t2 { font-size: 25px; } 
.his-wrapper .page_tit > .t4 { font-size: 14px; } 
.his-wrapper .his-group .inner-box .year { font-size: 2.5em; } 
.his-wrapper .his-group .inner-box .infoList > li {font-size: 1.15em;}




/* BOARD */
.input_st > .tt { display: none; } 

.board_search .search > .select { flex: 1 1 15%; } 
.board_search .search > .inp { flex: 1 1 65%; } 
.board_search .search > button { flex: 1 1 20%; } 

/* PRODUCT -DETAILVEIW */
.boardViewDataT .con_wrap .titW .tit .t1 {font-size: 2em;}
.ttMent {font-size: 1.05em;}

/* COMMUNITY - INQUIRY */
.contact-cont .inner { padding: 2em; border-radius: 1em; } 
.contact-cont .inner .right .txt-wrap .list > li { margin-bottom: 1em; } 
.contact-cont .inner .left .logo-wrap { max-width: 80%; } 

/* FOOTER */
#footer .logo_wrap .logo img { width: 25vw; } 
#footer .logo_wrap .family > .btn { width: 40vw; } 
#footer .info_wrap .menu { gap: 0 1.5em; } 
#footer .info_wrap .menu > li + li > a:before { left: -0.75em; } 
#footer .menu_wrap .gnb { flex-wrap: wrap; } 
#footer .menu_wrap .gnb > li { width: 100%; } 
#footer .cs_wrap .call .no { font-size: .95em; } 
 }
 @media screen and (max-width:471px) {
.his-wrapper .hisImg {height: auto;}
.his-wrapper .hisImg > img {height: 80%;object-fit: cover;}

/* COMPANY - WORK */
.page_list.icoStep > li {flex: 1 1 35%;}
.page_list.icoStep > li + li .in .circle_wrap.arR::before {display: none;}
.page_list.icoStep > li + li .in .circle_wrap::before {display: none;}
.page_list.icoStep > li .in .circle_wrap .circle {border: 18px solid #f1f1f1;}

.page_list.icoStep > li .in .circle_wrap .num_wrap {top: 1em;}
.page_list.icoStep > li .in .circle_wrap .num_wrap .num {font-size: 2.2em;}
.page_list.icoStep > li .in .circle_wrap .circle {gap: 2em;}
.page_list.icoStep > li .in .circle_wrap .circle .entit {top: 30px;}
.page_list.icoStep > li .in .con_wrap .dot_list {padding: 0 0em;}
.page_list.icoStep > li .in .circle_wrap .circle .entit .en {font-size: 1em;}
.page_list.icoStep > li .in .circle_wrap .tit .tt {font-size: 1.500em;}
.page_list.icoStep > li .in .con_wrap .dot_list > li {font-size: 1em;}

 }
@media screen and (max-width:460px) {
/*HEADER*/
#header .side_wrap .btn_list > li .con > .tt {
    font-size: .7em;}
/*visual*/
.visualSlider_wrap .slogan .t2 {font-size: 2.1em;}
.visualSlider_wrap .slogan .t3 {font-size: .985em;}
/* MAIN */
.main_con{margin: 2em 0;}
.main_tab > li > .tab-btn { font-size: 14px; padding: 0 11px; } 

/* CONTENTS */
#contents .sub_page_tit .sub_tit .tt { font-size: 1.5em; } 
#contents .sub_page_top { height: 45vh; } 
#contents .sub_page_menu .gnb > li .dp2 > li { } 
#contents .sub_page_menu .gnb > li .dp2 > li > a { height: 4em; } 
#contents .sub_page_tit > .wrap_in { margin-top: 0em; } 

/* PRICE - DESIGN */
.priceimgB > img { width: 95%; } 

/* COMPANY - CERTI*/
.page_certificate .list > li .txt > p {font-size: .85rem;}

/* COMPANY - HISTORY */
.his-wrapper .page_tit > .t2 {font-size: 22px;}


/* COMMUNITY - INQUIRY */
.filebox label {padding: 10px;}

/* SAMPLE - LIST */
#contents .sub_slogan > .tt {font-size: 3em;}
 }
 @media screen and (max-width:401px) {
#header .side_wrap .btn_list > li .con > .tt {font-size: .55em;}
/* COMPANY - WORK */
.page_list.icoStep > li {flex: 1 1 45%;}
.page_list.icoStep > li + li .in .circle_wrap:before {top: 148%;left: 50%;transform: translate(-50%, -50%) rotate(90deg);z-index: 100;}
.page_list.icoStep > li + li .in .circle_wrap.arR::before {display: none;}
.page_list.icoStep > li + li .in .circle_wrap.arR2::before {display: none;}
.page_list.icoStep > li .in .circle_wrap .circle {border: 18px solid #f1f1f1;}

.page_list.icoStep > li .in .circle_wrap .num_wrap {top: 1em;}
.page_list.icoStep > li .in .circle_wrap .num_wrap .num {font-size: 2.2em;}
.page_list.icoStep > li .in .circle_wrap .circle {gap: 2em;}
.page_list.icoStep > li .in .circle_wrap .circle .entit {top: 30px;}
.page_list.icoStep > li .in .con_wrap .dot_list {padding: 0 0em;}
.page_list.icoStep > li .in .circle_wrap .circle .entit .en {font-size: 1em;}
.page_list.icoStep > li .in .circle_wrap .tit .tt {font-size: 1.500em;}
.page_list.icoStep > li .in .con_wrap .dot_list > li {font-size: 1em;}
 }

@media screen and (max-width:391px) {
#header .side_wrap .btn_list {width: 50%;}
#header .side_wrap .btn_list > li .con { padding: 0 .2em; box-sizing: border-box;}
#header .side_wrap .btn_list > li .con > .tt {font-size: .55em;}
/*visual*/
.visualSlider_wrap .slogan .t3 {font-size: .9em;}
/* MAIN */
.main_contact .contact_wrap .box-left > .inner { position: absolute; top: 50%; left: 50%; padding: 0; box-sizing: border-box; z-index: 2; transform: translate(-50%, -50%); width: 52%; } 
.main_contact .contact_wrap .box-left > .inner > .text-group .sub {font-size: 22px;margin-bottom: 1em;}
.main_contact .contact_wrap .box-left > .inner > .text-group .title {font-size: 18px;}
.main_contact .contact_wrap .box-left > .inner > .text-group .desc {font-size: 12px;}

.form_wrap .form_chk .chk { gap: 4.5em; } 
.label_st.main_agree .st { bottom: -40px; } 


/* COMPANY - HISTORY */
.his-wrapper .page_tit > .t2 {font-size: 18px;}
.his-wrapper .his-group .inner-box .infoList > li {font-size: .95em;}
/* COMPANY- LOACTION */
#contents .sub_page_tit .sub_tit .tt {font-size: 1.35em;}

.page_list.icoStep > li .in .circle_wrap .circle_in {width: 85%;}
.page_list.icoStep > li + li .in .circle_wrap:before {top: 154%;left: 50%;transform: translate(-50%, -50%) rotate(90deg);z-index: 100;}
.page_list.icoStep > li .in .circle_wrap .num_wrap {top: 4em;}
.page_list.icoStep > li .in .circle_wrap .num_wrap .num {font-size: 3.515em;}
.page_list.icoStep > li .in .circle_wrap .circle {gap: 4em;}
.page_list.icoStep > li .in .circle_wrap .circle .entit {top: 50px;}
.page_list.icoStep > li .in .con_wrap .dot_list {padding: 0 0em;}
.page_list.icoStep > li .in .circle_wrap .circle .entit .en {font-size: 1.1em;}
.page_list.icoStep > li .in .circle_wrap .tit .tt {font-size: 1.600em;}
.page_list.icoStep > li .in .con_wrap .dot_list > li {font-size: 1.05em;}
 }
@media screen and (max-width:350px) {body { font-size:12px; } 


/* SUBPAGE */
/* COMPANY - HISTORY */
.history_wrap .history { padding-left: 6vw; } 

.his-wrapper .hisImg { width: 100%; height: 14em; } 
.history_wrap .history > li { flex-direction: column; } 
.history_wrap .history > li .year .tt:before { display: none; } 
.history_wrap .history > li .list { width: 100%; } 
.history_wrap:after, 
.history_wrap:before, 
.history_wrap .scrollAni { left: 4vw; } 

/* CONPANY - BRAND */
.brand-cont .inner .right { border-radius: 1em; } 
.brand-cont .inner.rich .item-list > li .txt-wrap .kr-tit:before { width: 5px; height: 5px; } 
.partners-list > li .logo-img { max-width: 80%; } 
}

@media screen and (max-width:320px) {}


@media screen and (max-width:280px) {
}

@media all and (max-width:1024px) and (orientation:landscape) {}

@media screen and (max-device-width:1024px) {}

