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

@media screen and (max-width:2000px){
    #header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li > a .tt {font-size: 1.088em;}
}
@media screen and (mim-width:1600px){

    .allGnbOn #header .all_wrap .all_btn:hover .xi {color: #fff;}
}
@media screen and (max-width:1280px){
    #header .all_wrap .all_layer .wrap_middle .gnb > li {border-bottom: 1px solid #ddd; padding-bottom: 30px;}
    #header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 {margin-top: 2em;flex-direction: column;}
    #header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li:not(:last-child) > a:after {width: 0;}
    #contents .sub_top_wrap .sub_tab .gnb .dp2 > li {flex: 1 1 18.66%; max-width: 18.66%;}
    #contents .sub_top_wrap .sub_tab .gnb .dp2 > li > a {height: 4em;}
    #header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li > a .tt {font-size: 1.288em;line-height: 1.5;}
    .ci_wrap.ps6{gap: 3em; margin-top: 3em !important;}
    .page_top_tit .wrap_pos {
        position: absolute;
        left: 2em;
        bottom: 2em;
    }
    
.box1 {width: 100%;}
.box2 {width: 100%;}
}
@media screen and (max-width:1190px){
    /*gnb*/
    /*#contents .sub_top_wrap .sub_tab .gnb .dp2 > li {flex: 1 1 10.66%;max-width: 10.66%;} */
    #header .all_wrap .all_layer .all_inner > .wrap_bg {width: 30%;}
    #header .all_wrap .all_layer .all_inner > .wrap_in {padding: 6em 4em 3em;}
    #contents .sub_top_wrap .sub_tab .gnb .dp2 > li > a .va {font-size: 1.08em;}
    .partner_tab li a.on, .partner_tab li a:hover {padding: 1.5em 0;}
    .partner_tab li a {font-size: 1.15em;}

    .page_top_tit .wrap_pos {bottom: 9.5em;}
    .page_top_tit .wrap_pos > .tt {font-size: 5em;}
}
@media screen and (max-width:1024px){
    /*inc*/
    .page-tt.s5 {font-size: 2.2em;}

    /*gnb*/
    #header .top_wrap .gnb_wrap {display: none;}

    /*main*/
    .main_business .list {flex-direction: column;}

    /**/
    .greeting_wrap .section{flex-direction: column;}
    .page_ttbg_wrap.st1 {flex-direction: column; justify-content: center; align-items: center; align-content: center;}
    .sub_list.st5 {gap: 0.5em;display: flex; flex-direction: column;}
    .sub_list.st5 > li{margin-top: 2em;}
    .sub_list.st5 li p > img {display : none;}
    .group .td {padding: 0  .5em; text-align: left;}


    .recruitment .visual_box .inner strong {transform: translateY(-10px);}
    .recruitment .visual_box .inner .list {display: block;}
    .recruitment .visual_box .inner .list li:nth-of-type(1) {transform: translateY(380px);}
    .recruitment .visual_box .inner .list li:nth-of-type(2) {transform: translate(0, 0px);}

}

@media screen and (max-width:980px){
    /*inc*/
    .page-tt.s4 {font-size: 2.5em;}
    .page_top_tit .wrap_pos > .tt {font-size: 4em;}

    /**/
    .partner_tab li a {font-size: .8em;}
    .membersN > li .wrap_in {align-items: center;}
    .membersN > li .wrap_in .con_wrap {width: 46%;max-height: 100%;padding: 0 0 0 2.75em;}
    .membersN > li .wrap_in .con_wrap .subject {font-size: 1.175em;}

    .visualSlider_wrap .slogan .t3 {font-size: 3.3em;}

    .ci_wrap.ps6{gap: 3em; margin-top: 2.5em !important;}
    .group_talk {font-size: .9em;}
    .page_top_tit .wrap_bg {height: 10em;}
    .page_top_tit .wrap_pos {position: absolute;left: 2em;bottom: 0em;}
    .group .tt {font-size: 1em; padding-top: .5em;}
    .group .td {font-size: .9rem;}
    .page_ttbg_wrap.st1 > li:nth-child(3){padding-top: 3em;}

    .page_ttbg_wrap.st1.w2 > li {width: calc(60.3% - 1em);}

    .re-circle-wrap .list {flex-direction: column; align-items: center;}
    .re-circle-wrap .list > li .cir-in {height: 19em;width: 20em;}
    .re-circle-wrap .list > li:nth-of-type(2)::before {left: 48%}
    .re-circle-wrap .list > li .cir-in .xi {position: absolute;right: 4em;top: 105%;transform: translate(-50%, -50%) rotate(90deg);font-size: 2em;color: var(--siteC2);}
    .re-circle-wrap .list > li:before {left: 50%};
    .re-circle-wrap .list > li:nth-of-type(2) .cir-in .xi {right: 3.5em;}

    .report_wrap {flex-direction: column;}
    .report_wrap .list {width: 80%;}

    .grievance_sec .grie_con {flex-direction: column;}
    .grievance_sec .grie_con li .xi_arrow {right: 5.2em; top: 105%;transform: translate(-50%, -50%) rotate(90deg);}

    .deval_sec_wrap {flex-direction: column;}
    .deval_sec_wrap .list {width: 100%;}
    .nation_img {width: 100%; text-align: center;}
    .deval_process {flex-direction: column;}
    .deval_process li {width: 100%;}

    .reval_con2 {flex-direction: column;}
    .reval_con2 .list {width: 100%;}
    .reval_con2 .list .page_txt {min-height: 1em;}

    .carbon_wrap3 {flex-direction: column;}
    .carbon_wrap3 .in_box.w1{width: 100%;}
    .carbon_wrap3 .in_box.w2{width: 100%; margin-left: 0; margin-top: 10px;}
    .carbon_wrap3 .in_box .bot_t {min-height: 1em;}

    .carbon_wrap {flex-direction: column;}
    .carbon_wrap .carbon_box.top {width: 100%;}

    .carbon_wrap2 .flex {flex-direction: column;}
    .carbon_wrap2 .list {width: 100%;}
    .carbon_wrap2 .list .left {width: 100%;text-align: center;}

    .legal_sys .sysT::after {width: 0;height: 0;}
    .legal_sys > .sysB > ul{flex-direction: column;}
    .group:before {display: none;}
    .group.w2 {width: 100%;}

    /* .invest_con2 {}

    
    .invest_con1 .list {display: flex;flex-direction: column;}

    .invest_con1 .list .con_box > div:nth-of-type(2) {flex-direction: column;}
    .invest_con1 .list .con_box .sec.s2 {width: 40%;} */
    .invest_con2 {flex-direction: column;}
    .invest_con2 > div > .xi{transform: rotate(90deg);}
    .invest_con2 .right {width: 100%;}
    .invest_con1 .list .con_box .sec .inn {gap: 1em;}
    .invest_con1 .list .con_box .circle {background: var(--crGray2);width: 8em;height: 8em;}
    .invest_con1 .list .con_box .xi {background: var(--siteC2);border-radius: 50%;color: #fff;width: 2em;height: 2em;text-align: center;margin: 0 .5em;}
    .invest_con1 .list .con_box .circle.s2 {background: var(--siteC2);color: #fff;font-size: 15px;padding: 4.5em;box-sizing: border-box;}

    .legal_sys .sysB .in > li.group {width: 100%; margin-right: 0;}
    .carbon_wrap2 .list .right {text-align: center;}
    .ov_wrap ul li > div > div.ov_tit_box {width: calc(100%* .5);margin-right: 20px;}
    .join-process.ps6{margin-top: 0em !important;}
    .main_business .posBg {left: 0%;}
    .page_history_wrap > li .history_con .history_inimg {display: none;}
}
@media screen and (max-width:880px){
    .page_top_tit .wrap_pos > .tt {font-size: 4em;}
    .page-tt.s4 {font-size: 2.2em;}
    .page-tt.s5 {font-size: 1.8em;}

    /*gnb*/
    #contents .sub_top_wrap .sub_tab .gnb .dp2 > li > a .va {font-size: 1.088em;}

    /**/
    .membersN > li .wrap_in .con_wrap .name {font-size: 1em;}
    .membersN > li .wrap_in .con_wrap .subject {font-size: 1em;}
    .group_talk {font-size: .85em;}

    .page_history_wrap > li .history_con .history_list {max-width: 80%;margin: 0 auto;width: 80%;}
    .grievance_sec .grie_con li .xi_arrow {right: 42%; top: 105%;transform: translate(-50%, -50%) rotate(90deg);}
    .recruitment_top .tx_box {gap: 2em;padding: 4em 0; flex-direction: column;}
    .recruitment_top .tx_box .right_t {font-size: 1.250em; text-align: center;}
    .recruitment_top .img_box {width: 100%;height: 7em;overflow: hidden;}
    .table_form .wrap_in .ti_wrap {width: 8em;gap: .5em 0;padding: 0 1.25em;}
    
}

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

    .page-tt.s4 {font-size: 1.8em;}


    /*gnb*/
    #header .all_wrap .all_layer .all_inner > .wrap_bg {display: none;}
    #contents .sub_top_wrap .sub_tab .gnb .dp2 > li > a .va {font-size: 0.98em;}

    /**/
    .page_history_wrap > li .history_con .history_inimg {display: none;}    
    .board_photo.d1 > li {width: 50%;}
    .partner_tab {width: 80%;}
    .color_wrap{flex-direction: column;}
    .color_wrap > div{margin-bottom: 2em;}
    .page_top_tit .wrap_pos {position: absolute;left: 2em;bottom: 1.5em;}
    .page_top_tit .wrap_bg {height: 10em;}
    .page_top_tit .wrap_pos > .tt {font-size: 3em;}
    .join-process .list .detail_tx.h1 {min-height: 5em;}
    .invest_con1 .list .con_box >div > div {flex-direction: column;}
    
    .grievance_sec .grie_con li .xi_arrow {right: 4em; top: 105%;transform: translate(-50%, -50%) rotate(90deg);}

    .group .tt {font-size: .8em;}
    .group .td {font-size: .7rem;}

    .invest_con1 .list .con_box .sec .inn {flex-direction: column;}
    .invest_con1 .list .con_box .sec.s2 {width: 30%;}
    .invest_con1 .list .con_box .xi i {font-size: 1em;}
    .invest_con1 .list .con_box .xi {background: var(--siteC2);border-radius: 50%;color: #fff;width: 1.5em;height: 1.5em;text-align: center;margin: 0 .5em;}

    .page_history_wrap > li .history_img .inner .bg {width: 100%;}
    .membersN > li .wrap_in {flex-direction: column;}
    .membersN > li .wrap_in .img_wrap {width: 60%;overflow: hidden;margin-left: 3.5em;}
    .membersN > li .wrap_in .con_wrap {width: 100%;max-height: 100%;padding: 0 .75em;}

    .membersN > li:nth-child(even) .wrap_in {flex-direction: column;}

    #footer .info_wrap .inner .f_infoW {flex-direction: column;}
    
}
@media screen and (max-width:650px){

    #contents .sub_top_wrap .sub_tab .gnb .dp2 > li > a .va {font-size: 0.78em;}

    .page_top_tit .wrap_pos {bottom: 4.5em;}
    .page_top_tit .wrap_pos > .tt {font-size: 2.3em;}
    .page-tt.s9 {font-size: .6em;}
    .map_info3 .info_list > li .wrap_tit {width: 9em;}
    .map-Con .list  > li > .in > .page_txt > .tit.mb30{margin-bottom: 10px !important;}
    .group .tt {font-size: .5em;padding-top: 1em;}
    .group .td {font-size: 0.4rem;}
    .invest1_tbox {gap: .5em;}

    .grievance_sec .grie_con li .xi_arrow {right: 3em; top: 105%;transform: translate(-50%, -50%) rotate(90deg);}

    .invest_con2 .right .right_box {flex-direction: column;}
    .invest_con2 .right .right_box .bx {width: 75%;}
    .invest_con2 .inn {min-height: 3em; padding: 2em 0 2em 0;}
    .page_history_wrap > li .history_img .inner .page_tit .tt.t4 {font-size: 3em;}

    .ov_wrap ul li > div > div.ov_tit_box p {font-size: 1em;}
    .ov_wrap ul li > div > div.ov_ctt_box p {font-size: .9em;}

    .visualSlider_wrap .slogan .t3 {font-size: 2.2em;}
    .visualSlider_wrap .visualSlider .el:nth-child(2) .slogan .tt .t3 {font-size: 2em;}
    .invest_con1 .list .con_box .sec .tit {font-size: .8em;margin-bottom: 1em;text-align: center;font-weight: 600;}
    .invest_con1 .list .con_box .circle.s2 {font-size: 14px;padding: 2.5em;}
    .board_pg {position: absolute;bottom: -8em;left: 13em;}
}
@media screen and (max-width:560px){
    .invest_con1 .list .con_box .sec {border: 1px solid var(--crBlack);background: #fff;padding: .5em;border-radius: 1em;}
    .invest_con1 .list .con_box .circle {background: var(--crGray2);width: 6em; height: 6em;}
    .invest_con1 .list .con_box .circle,
    .invest_con1 .list .con_box .circle.s2 {font-size: 11px;padding: 5.5em;}
}
@media screen and (max-width:500px){

    .main_txt .t8 {font-size: 2em;}
    .page-tt.s4 {font-size: 1.8em;}
    .page_top_tit .wrap_pos > .tt {font-size: 1.8em;}
    .page_top_tit .wrap_pos {bottom: 5em;}

    .page_tit.icon .tit:before {left: -12%;top: -.9em; display: none;}
    .invest1_tbox .invest1_t {font-size: 0.8em;}
    .invest1_tbox .invest1_t2 {font-size: 0.8em;}
    .board_photo.d1 > li {width: 100%;}
    #contents .sub_top_wrap .sub_tab .gnb .dp2 > li > a .va {font-size: 0.68em;}

    .page_history_wrap > li .history_con .history_list {max-width: 100%;margin: 0 auto;width: 100%;}
    .page_top_tit.bott .wrap_pos {bottom: 1em;}
    .grievance_sec .grie_con li .xi_arrow {right: 30%;}
    .grievance_sec .grie_con li .inn .tt2 {font-size: 1.0em;}

    .flex_table .td {font-size: .9em; padding: .5em;}

    .visualSlider_wrap .slogan .t3 {font-size: 2em;}
    .visualSlider_wrap .visualSlider .el:nth-child(2) .slogan .tt .t3 {font-size: 1.5em;}
    .invest_con1 .list .con_box .circle, .invest_con1 .list .con_box .circle.s2 {
        font-size: 9px;
        padding: 5.5em;
    }
    .board_pg {position: absolute;bottom: -8em;left: 7em;}
    
}
@media screen and (max-width:400px){
body{font-size: 11px;}
.invest1_tbox .invest1_t{font-size: 0.6em;}
.invest1_tbox .invest1_t2{font-size: 0.6em;}
.grievance_sec .grie_con li .xi_arrow {right: 35%; top: 105%;transform: translate(-50%, -50%) rotate(90deg);}

.join-process{padding: 3em 0;}
.page-tt.s4 {font-size: 1.3em;}
.invest_con1 .list .con_box .circle, .invest_con1 .list .con_box .circle.s2 {padding: 4.5em;}
.board_pg {position: absolute;bottom: -4em;left: 11em;}
}

@media screen and (max-width:350px){
    .grievance_sec .grie_con li .xi_arrow {right: 1.7em; top: 105%;transform: translate(-50%, -50%) rotate(90deg);}
    .invest_con1 .list .con_box .circle, .invest_con1 .list .con_box .circle.s2 {padding: 4em;}
}
@media screen and (max-width:300px){
    .invest_con1 .list .con_box .circle, .invest_con1 .list .con_box .circle.s2 {padding: 2em;}
    .grievance_sec .grie_con li .xi_arrow {right: 1.4em;top: 105%;transform: translate(-50%, -50%) rotate(90deg);}
    .board_pg {left: 8em;}
}
@media all and (orientation:landscape){

}