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

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

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

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

@media screen and (max-width:1200px) {
}
@media screen and (max-width:1100px) {/**/

/****business****/
/*01*/
.sloganB > .slogan_en {bottom: -.25em;font-size: 3.6em;}
}
@media screen and (max-width:1050px) {/**/
/*header*/
#header .gnb_wrap { display: none; } 

/*main*/
.main_sec2A {flex-wrap:wrap;}
.main_sec2A .current_wrap { width: 100%; padding: 0 0 3.4375em 0; } 
.main_sec2A .news_wrap {width: 100%;}
}
@media screen and (max-width:1024px) {/**/
/*main*/
.main_last .last_con {flex-wrap: wrap;}
.main_last .last_con .con_left {width: 100%;display: flex;justify-content: space-between;}
.main_last .last_con .con_left li {width: 48%;}
.main_last .last_con .con_mid {width: 100%;}
.main_last .last_con .con_right {width: 100%; min-height: 24em; }

/****business****/
/*01*/
.sloganBg {height: 70vh;}
.sloganB > .slogan_en {font-size: 3.2em;}
/*05*/
.grafT {width: 100%;}
/*04*/
.partner_list > li {width: calc(25% - 1em);max-width: 25%;}
}

@media screen and (max-width:950px) {
/*main*/
.visualSlider_wrap .swiper_control {left: 1.5%;}

/****business****/
/*02*/
.gogreen_list > li > .con > .boxCon {width: 50%;display: flex;align-items: center;gap: 1em;}
.gogreen_list > li > .con > .boxCon > .tit {font-size: 1.3em;display: flex; flex-direction: column; align-items: center; justify-content: center;}
.gogreen_list > li > .con > .boxCon > .tit > .en {display: block; word-break: keep-all;}
.gogreen_list > li > .con > .arrowB {left: 52%;width: 2.5em;height: 2.5em;}
}
@media screen and (max-width:850px) {

/****introduce****/
.intro_list li {padding: 1.5em;min-height: 17em;box-sizing: border-box;}

/*vision*/
.sub_diviC {display: block;}
/****activity****/
/*06*/
.flex_box .fst3 > li {flex: 1 1 50%;max-width: 50%;}
/*07*/
.benefit_wrap2 .benefit_list > li > .bottom_wrap > ul > li {font-size: 1.1em;}

/*****business****/
/*01*/
.sloganB > .slogan_en {font-size: 2.8em;}
/*05*/
.icon_tab {flex-wrap: wrap;gap: 2em;justify-content: center;}
.icon_tab > li {width: calc(33% - 2em);margin: 0 ;min-height: 18rem;}


}
@media screen and (max-width:768px) {body { font-size:13px; }
/*sub_menu*/
#header .all_wrap .all .allconWrap .all_gnb .gnb > li {flex: 1 1 47%;max-width: 50%; border-width: 0 1px 1px 0;}
#header .all_wrap .all .allconWrap .all_gnb .gnb > li:nth-of-type(2n) {flex: 1 1 47%;max-width: 50%; border-width: 0 0px 1px 0;}
#header .all_wrap .all .allconWrap .all_gnb .gnb > li:nth-of-type(7){flex: 1 1 47%;max-width: 50%; border-width: 0px 1px 0px 0px;}
#header .all_wrap .all .allconWrap .all_gnb .gnb > li:nth-of-type(8) {flex: 1 1 47%;max-width: 50%; border-width: 0px 0px 0px 0px;}

/*contents*/
#contents .sub_page_menu {display: none;}
/****introduce****/
/*vision*/
.speak_Wrap .infoA {padding: 5em 4em;}
.speak_Wrap .infoA > .info_area > .tt {font-size: 1em;}
/****activity****/
/*03*/
#contents .sub_con_tit .con_tit .tt {font-size: 1.7em;}
/*06*/
.imgBgT > .tCon > .en {font-size: 2em;}
.flex_box .fst3 > li {flex: 1 1 50%;max-width: 50%;}
/*07*/
.benefit_wrap2 .benefit_list {flex-direction:column;}
.flex_box .fst3.st2 > li {flex: 1 1 100%;max-width: 100%;}

/****campaign****/
.sub_diviC {gap: 1em;flex-wrap: wrap;}

/*business*/
.icon_tab > li > .tab_box {word-break:break-all !important;}
/*02*/
.gogreen_list > li > .con > .boxCon > .img_con {width: 12em;}
/*04*/
.partner_list > li {width: calc(33% - 1em);max-width: 33%;}
/****people****/
/*group*/
.security_wrap .security_list > li > .in > .inner .icon img {height: 2.5em;}
.security_wrap .security_list > li > .in > .inner .icon::after {width: 3em;height: 3em;}

}
@media screen and (max-width: 720px) {
/****business****/
/*01*/
.sloganBg {height: 55vh;}
.sloganB > .slogan_en {font-size: 2.45em;}
.sloganBg .innerT .tt {font-size: 1.515em;}
}
@media screen and (max-width:660px) {
/**/

/*main*/
.slogan_wrap .inner .tw .t2 {font-size: 2.4em;}
.slogan_wrap .inner .tw .t3 {font-size: 1.2em;}
.slogan_wrap .inner .tw .t4 {font-size: 1.65em;}

/****introduce****/
.intro_list {flex-direction: column;}
.intro_list li {width: 100%; min-height: 0;}
/*vision*/
.speak_Wrap > .title {font-size: 1.7em;}
.speak_Wrap .infoA {flex-direction: column;}
.speak_Wrap .infoA.st {align-items: center;}
.speak_Wrap .infoA > .info_area > .tt {font-size: 1.125em;}
.speak_Wrap .infoA > .pic_area {order: -1;}

/*activity*/
/*01*/
.active01_wrap > .AimgB {height: 15em;}
/****business****/
/*01*/
.sloganB > .slogan_en {font-size: 2.45em;}
.sloganB > .title {font-size: 2.5em;}
/*02*/
.gogreen_list > li > .con > .boxCon > .img_con {width: 9em;}
.gogreen_list > li > .con > .boxCon > .tit > .en {font-size: .8em;}

.benefit_wrap2 .benefit_list > li > .bottom_wrap {width: 100%;margin-left: 5px;}
/*03*/
.flex_box .fst2.st2 > li {flex: 1 1 96%;max-width: 96%;}

}
@media screen and (max-width:600px) {/**/
/*sub_nav*/
#contents .sub_con_tit {padding: 2em 0 2.25em 0;;}
#contents .sub_con_tit > .inner{flex-direction: column;}
#contents .sub_con_tit .con_nav {order: -1; margin-bottom: .5em;}

/*main*/
.visualSlider_wrap .swiper_control {bottom: 5em;}
/*inc*/
.page_tt.s9 {font-size: 2em;}

/****people****/
/*group*/
.security_wrap .cir_inner {width: 13em;height: 13em;}
.security_wrap .cir_inner:after {width: 16em;height: 16em;}
.security_wrap .security_list > li:nth-child(2n) .in > .inner {padding-left: 0em;}

.security_wrap .cir_inner .tt {font-size: 1.1em;}
.security_wrap .security_list > li > .in > .inner .icon img {height: 2.5em;}
.security_wrap .security_list > li > .in > .inner .icon::after {width: 3em;height: 3em;}
.security_wrap .security_list > li > .in > .inner > .title {font-size: 1.2em;}
/*corporation*/
.imgCont_list {gap: 3em 5em;}
.imgCont_list > li {width: 100%;}
.imgCont_list > li:nth-child(2n) {transform: translateY(0);}

/****business****/
/*01*/
.sloganB > .title {font-size: 2em;}
.sloganB > .slogan_en {font-size: 2em;}
/*06*/
.graf_img {padding: 1.5em;}

/****activity****/
/*07*/
.arrow_wrap{position: relative;}
.arrow_wrap > .arw{content: ""; position: absolute; top: 50%; left: 50%;}

}
@media screen and (max-width:560px) {/**/
/*main*/
.current_wrap .current_con > .current_numC > .iconB {width: 6em;}
/*sub_menu*/
#header .all_wrap .all .allconWrap .all_gnb .gnb > li {flex: 1 1 100%;max-width: 100%; border-width: 0 0px 1px 0;}
#header .all_wrap .all .allconWrap .all_gnb .gnb > li:nth-of-type(2n) {flex: 1 1 100%;max-width: 100%; border-width: 0 0px 1px 0;}
#header .all_wrap .all .allconWrap .all_gnb .gnb > li:nth-of-type(7){flex: 1 1 100%;max-width: 100%; border-width: 0px 0px 1px 0px;}
#header .all_wrap .all .allconWrap .all_gnb .gnb > li:nth-of-type(8) {flex: 1 1 100%;max-width: 100%; border-width: 0px 0px 1px 0px;}
/****introduce****/
/*vision*/
.speak_Wrap .infoA {flex-direction: column;}
.speak_Wrap .infoA > .info_area > .tt {font-size: 1.125em;}
.speak_Wrap .infoA > .pic_area {order: -1;}
/****activity****/

/*06*/
.imgBgT > .tCon > .en {font-size: 2em;}
.imgBgT > .tCon > .tt {font-size: 1em;}
/****business****/
/*01*/
.sloganBg {height: 50vh;}
.sloganB > .title {font-size: 2.2em;}
.sloganB > .slogan_en {font-size: 1.85em;}
.sloganBg .innerT .tt {font-size: 1.315em;}
/*02*/
.imgB > .inT > .en {font-size: 2em;}
.imgB > .inT > .tt {font-size: 1em;}
/*04*/
.partner_list > li > .in > .logo_con > .tt {font-size: .7em;}
/*05*/
/* .icon_tab {flex-wrap: wrap;gap: 2em;justify-content: center;}
.icon_tab > li {width: calc(50% - 2em);margin: 0 ;min-height: 18rem;} */
.benefit_wrap2 .benefit_list > li > .bottom_wrap {width: 100%;margin-left: 15px;}

/****activity****/
/*01*/
.active01_wrap > .AimgB {height: 10em;}
.Active_desc {font-size: 1em;}

/****people****/
/*group*/
#contents .sub_con_tit .con_tit .tt {font-size: 1.65em;}
.security_wrap .cir_inner {width: 13em;height: 13em;}
.security_wrap .cir_inner:after {width: 16em;height: 16em;}
.security_wrap .security_list > li:nth-child(2n) .in > .inner {padding-left: 0em;}
.security_wrap .cir_inner .tt {font-size: 1.1em;}
.security_wrap .security_list > li > .in > .inner > .title {font-size: 1.2em;}

/*institution*/
.stepList > li {width: calc((100% - 3em) / 2);}
.stepList > li:nth-of-type(2)::after { display:none; }  

/*****sponsor*****/
.icon_txt_list > li {flex: 1 0 calc((100% - 2em) / 2);}
.icon_txt_list > li .icon {width: 4.2em;height: 4.2em;}
.icon_txt_list > li:last-child .txt .tit {margin: 0.5rem 0 1rem;}

/*footer*/
#footer .menu_wrap .menu > li > .in {padding: .5em .5em;}
#footer .menu_wrap .menu > li > .in .tt {font-size: .95em;}
}
@media screen and (max-width:500px) {/**/
/*main*/
.current_wrap .current_top > .infoW > .numC {font-size: 1.5em;}

/****activity****/
/*06*/
.imgBgT > .tCon > .en {font-size: 1.5em;}
.benefit_wrap .benefit_list > li .infoB {height: 11em;}

/*camping*/
.imgBgT {padding: 4em 5em;}

/*business*/
.carbon_bg {height: 30vh;}

/*01*/
.sloganBg {height: 40vh;}
.sloganB > .title {font-size: 2em;}
.sloganB > .slogan_en {font-size: 1.8em;}
.sloganBg .innerT .tt {font-size: 1.15em;}

/*02*/
.gogreen_list > li > .con {gap: 3.5em;flex-wrap: wrap;justify-content: center;}
.gogreen_list > li > .con > .boxCon {width: 100%;flex-direction: column;}
.gogreen_list > li > .con > .boxCon > .img_con {width: 20em; height: 12em;}
.gogreen_list > li > .con > .boxCon > .tit {align-items: center; text-align: center;}
.gogreen_list > li > .con > .arrowB {left: 50%;}
.gogreen_list > li > .con > .arrowB > .xi {font-size: 1.3em;transform: rotate(90deg);}
.gogreen_list > li > .con > .boxCon.jend > .img_con {order: -1;}

/*03*/
.benefit_wrap .benefit_list > li .conTop > .tit {font-size: 1em;}
.benefit_wrap .benefit_list > li .infoB > .tt {font-size: .95em;}

/*05*/
.icon_tab > li { width: calc(50% - 2em); min-height: 14rem;flex: 1 0 46%;max-width: 100%;}

/*campaign*/
.benefit_wrap2 {flex-direction: column;}
.wh48 {width: 100%;}
}

@media screen and (max-width:460px) {
#contents .sub_con_tit .con_tit .tt {font-size: 1.7em;}
/*main*/
.slogan_wrap .inner .tw .t2 { font-size:2em; }
.slogan_wrap .inner .tw .t3 {font-size: 1.1em;} 

.main_last .last_con .con_left {flex-wrap: wrap;}
.main_last .last_con .con_left li {width: 100%;}

.current_wrap .current_top .iconB > img {width: 3.5em;}
.current_wrap .current_top > .infoW > .numC {font-size: 1.4em;}

.current_wrap .current_con {flex-direction:column;}
.current_wrap .current_con > .current_numC {width: 100%;max-width: 100%;}

/*history*/
.history_wrap .history_list .history > li .list .tt {font-size: 1.05em;}

/****people****/
/*group*/
.security_wrap .cir_inner {width: 10em;height: 10em;}
.security_wrap .cir_inner:after {width: 11.5em;height: 11.5em;}
.security_wrap .security_list > li > .in > .inner {padding: 1.5em;}
.security_wrap .security_list > li > .in > .inner .icon::after {top: -0.5em;}
.security_wrap .cir_inner .tt {font-size: .9em;}
.security_wrap .security_list > li > .in > .inner > .title {font-size: .9em;}
.page_dot_list > li {font-size: .85em;}

/*business*/
/*01*/
.sloganB > .title {font-size: 1.8em;}
.sloganB > .slogan_en {font-size: 1.5em; }
.sloganBg .innerT .tt {font-size: 1.15em;}
/*02*/
.gogreen_list > li > .con {gap: 3.5em;flex-wrap: wrap;justify-content: center;}
.gogreen_list > li > .con > .boxCon {width: 100%;flex-direction: column;}
.gogreen_list > li > .con > .boxCon > .img_con {width: 20em; height: 12em;}
.gogreen_list > li > .con > .boxCon > .tit {align-items: center; text-align: center;}
.gogreen_list > li > .con > .arrowB {left: 50%;}
.gogreen_list > li > .con > .arrowB > .xi {font-size: 1.3em;transform: rotate(90deg);}
.gogreen_list > li > .con > .boxCon.jend > .img_con {order: -1;}


.flex_box .fst2.st2 > li > .in > .ico_wrap img{width:60%;}
.flex_box .fst2.st2 > li > .in > .tt_wrap {width: 60%;}

/*inquiry*/
.inquiry_wrap {overflow: hidden;}
.page_tt.s7 {font-size: 1.5em;}

/****camping****/
.imgBgT {padding: 3.5em 2em;}
}
@media screen and (max-width:415px) {body { font-size:12px; } 
/*header*/
#header .all_wrap .all { position:fixed; z-index:-1; top:0; left:0; width:110vw; height:100vh; visibility:hidden; opacity:0; transition:all .3s; } 

/****people****/
.page_txt_wrap {overflow: hidden;}

/****business****/
/*04*/
.partner_list > li {width: calc(50% - 1em);max-width: 50%;}

/*history*/
.history_wrap .history_list .history > li .list .tt {font-size: .95em;}

/*footer*/
#footer .menu_wrap .menu > li > .in .tt {font-size: .85em;}
}

@media screen and (max-width:380px) {
/****people****/
.page_txt_wrap {overflow: hidden;}
}



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