@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;}

/* header */
#header .gnb_wrap > .gnb > li .dp1 .tt{font-size: 1.0875em;}
}

@media screen and (max-width:1200px){
/*main*/
.mainQuick_wrap .quick_wrap .rcon .inner .incon .tit{padding:0 1em;}
.mainSection2 .tcon .tcon_in{margin:0;}
.mainSection2 .tcon .tcon_in .boardBox{flex:1 1 100%;}
.mainSection2 .tcon .tcon_in .boardBox .pdin{margin:0;}
.mainSection2 .tcon .tcon_in .boardBox:last-of-type{margin-top:1.65em;}

.mainSection2 .bcon .bcon_in{margin:0;}
.mainSection2 .bcon .bcon_in .menuBox{flex:1 1 100%;}
.mainSection2 .bcon .bcon_in .menuBox .pdin{margin:0;}
.mainSection2 .bcon .bcon_in .menuBox:last-of-type{margin-top:1.65em;}

.business_wrap .business_con > .square{height:auto;}
.business_wrap .business_con > .square .img{height:100%;}
.resize.s6{padding-bottom:0; height:100%;}

.account_wrap{flex-direction:column;}
.account_wrap .account_con{width:100%; margin-right:0; margin-bottom:2em; background-size:cover;}
.account_wrap .account_icon{width:100%; flex-wrap:nowrap; justify-content:space-between;}
.account_wrap .account_icon .account_area{flex:0 1 32.33%; margin-right:0; max-width:inherit;}

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

/* 이사장 인사말 */
.greet_wrap .greet_txt .tx + .tx br{display: none;}

}

@media screen and (max-width:1024px){
#header .top_wrap .menu.link{display:none;}
	
html.hidden,
html.hidden #header .head_wrap{ margin-right:0 !important;}

[data-aos^=fade][data-aos^=fade]{ opacity:1 !important; transform:translateZ(0) !important;}

.moAc{ text-align:center !important;}
.moAl{ text-align:left !important;}
.moBr br{ display:block !important;}

.goTop{ display:none;}

/*header*/

#header .top_wrap .inner{flex-direction:column;}
#header .top_wrap .menu.util{margin-left:auto;}
#header .all_wrap .all .allconWrap .all_gnb .gnb > li{flex:1 1 100%; max-width:100%; border:none; padding:1.65em .5em;}

/*main*/
.main .visualSlider_wrap .fullH{height:calc(100vh - 7.5em);}
.mainquickMenu_wrap .list > li{flex:1 1 33.33%; max-width:inherit; margin-bottom:.75em;}
.mainquickMenu_wrap .list > li .in{padding:1.35em 3em 1.35em 1.5em;}

.slogan_wrap{padding-top: 8vh;}
.slogan_wrap .inner .tw .t2{font-size:2em;}
.mainquickMenu_wrap .list > li .in .t1{font-size:1.1em;}

.mainQuick_wrap .quick_wrap{flex-direction:column-reverse; padding:1.35em 0;}
.mainQuick_wrap .quick_wrap .lcon .inner .list > li:last-of-type .in:after{display:none;}
.mainQuick_wrap .quick_wrap .rcon{ width: 100%;}
.mainQuick_wrap .quick_wrap .rcon .inner .incon{position:relative; padding-bottom:1em; justify-content: center;}
.mainQuick_wrap .quick_wrap .rcon .inner .incon:before{position:absolute; content:""; right:0; bottom:0; height:1px; width:100%; background:#fff; opacity:.2;}

.business_wrap .business_con > .square{flex:1 1 50%; max-width:inherit;}

/* sub */
#contents .sub_page_menu{display: none;}
#contents .sub_page_top .sub_tit_wrap{padding-bottom: 0;}


/*sub1*/
.page_txt_wrap.st1 > .innerSec{flex-direction:column;}
.page_txt_wrap.st1 > .innerSec.flex > .wrap_con{padding-left:0; padding-top:1.25em;}

/*sub2*/
.page_txt_wrap.st3 > .innerSec{flex-direction:column;}
.page_txt_wrap.st3 > .innerSec.flex > .wrap_tit{max-width:100%;}
.page_txt_wrap.st3 > .innerSec > .wrap_tit, .page_txt_wrap.st3 > .innerSec > .wrap_con{padding:1em;}

#header .top_wrap .menu > li.font > .in{display:none;}

.pagePass_resultw .in .tx{margin:1em;}

.PHONE{display:block;}

/* 연혁 */
.history_wrap{flex-direction: column;}
.history_wrap .wrap_con{padding-right: 0;}
.history_wrap .wrap_tab{ display: flex; gap: 1em; padding: 0 2em 0 2em;}
.history_wrap .wrap_tab > li{width: 100%;}
.history_wrap .wrap_tab > li > a{ border: #ff7e00 solid 1px; background: #fff !important; background-image: none !important; padding-bottom: 34.66% !important;}
.history_wrap .wrap_tab > li > a .t1{font-size: 1.25em;}
.history_wrap .wrap_tab > li.on > a{ background: #ff7e00 !important; background-image: none !important; color: #fff !important; border: none !important;}
.history_wrap .wrap_tab > li.on > a, .history_wrap .wrap_tab > li > a:hover, .history_wrap .wrap_tab > li > a:focus{color: #000;}
.history_wrap:before, .history_wrap .tabLink{left: 1.2em;}

.history > li{padding: 0 0 4em 3em;}
.history > li .dot{left: 1.2em;}
.history > li:before{left: 1.2em; width: 1.3em;}
.history > li .list > li .month{margin-right: 0;}
.history > li .list > li .history_img{ padding-left: 4em;}
/* #header .top_wrap .menu > li > .in{padding:0 .5em;} */
.history_wrap .wrap_tab > li.on > a:before, .history_wrap .wrap_tab > li > a:hover:before, .history_wrap .wrap_tab > li > a:focus:before{background: none;}

/* 미션 및 비전체계 */
.mission_list{ justify-content: flex-start !important; gap: 4.5em 1em;}
.mission_list > li{flex: 1 1 48.5%; max-width: 48.5%;}

/* ESG교육사업 */
.edu_wrap .edu_con1{flex-direction: column;}
.edu_wrap .edu_con1 .left_img{display: none;}
.edu_wrap .edu_con1 .right_tbox{ width: 100%;}

/* 연구사업 */
.page_txt_top .desc > .txt br{display: none;}

/* 연간교육일정 */
.top_wrap.calendartop{ flex-direction: column; }
.calendar{width: 100%;}
.top_wrap .con.con2{padding: 3em 0 0 0; width: 100%;}

/* esg교육사업 */
.edu_wrap .edu_con2 .con2_list li .tt2 br{display: none;}

/* footer */
#footer .info_wrap{padding-bottom:10em;}
#footerBar{ display:block !important; position:fixed; z-index:109; left:0; right:0; bottom:0; transform:translateY(100%); transition:.4s;}
.scroll #footerBar{ transform:translateY(0);}
#footerBar .inner{ background:#222222; box-shadow:0 2px .5em rgba(0,0,0,1);}
#footerBar .list > li{ flex:1;}
#footerBar .list > li .in{ height:5em; border-left:1px solid rgba(255,255,255,.15); color:#fff;}
#footerBar .list > li:first-child .in{ border-left-width:0;}
#footerBar .list > li .in .icon{ height:2.375em;}
#footerBar .list > li .in .xi{ font-size:1.625em;}
#footerBar .list > li .in .tt{ font-size:.875em;}

}


@media screen and (max-width:900px){
#contents .sub_con_menu .gnb > li .dp3 > li{flex:1 1 33.33%; max-width:33.33%;}

.board_photo > li{width:50%;}

.dp1_training #contents .sub_page_menu .gnb > li .dp2 > li{flex:1 1 50%}

.news_wrap .news_con{margin-left:1em;}
.news_wrap .news_con .square{flex:1 1 48%; margin-bottom:1em;}
.news_wrap .news_con .square:last-of-type{margin-right:1em;}

.half_wrap .half_con{flex:1 1 100%; margin-right:0; margin-bottom:1em;}

.book_wrap .book_con{flex:1 1 100%; max-width:inherit; padding-bottom:1em; border-right:none; border-bottom:1px dashed #d9d9d9;}
.book_wrap .book_con:last-of-type{border-bottom:none;}

/*footer*/
#footer .menu_wrap .inner{flex-direction:column;}
#footer .menu_wrap .family{margin-top:1.5em; margin-left:0;}

#footer .info_wrap .inner{flex-direction:column;}
#footer .info_wrap .inner .logo{margin-bottom:1.5em;}
}

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


.page_txt_wrap.st1 > .innerSec{padding:2em 0;}
.page_txt_wrap.st1 > .innerSec.flex > .wrap_con{padding-left:0; padding-top:1em;}

#contents .sub_con_menu .gnb > li .dp3 > li{flex:none; width: 50%; max-width:inherit;}

#contents .sub_con_menu .gnb > li .dp3 > li > a{height:4.5em;}

.dp1_introduce #contents .sub_page_menu .gnb > li .dp2 > li{flex:1 1 25%;}
.dp1_business #contents .sub_page_menu .gnb > li .dp2 > li{flex:1 1 33.33%; max-width:inherit;}

/*main*/
.mainquickMenu_wrap{margin-top:3em;}
.main .visualSlider_wrap .fullH{height:calc(100vh - 4.5em);}
.mainquickMenu_wrap .list > li{flex:1 1 50%;}

.mainQuick_wrap .quick_wrap .lcon{width:100%;}
.mainQuick_wrap .quick_wrap .lcon .inner .list > li:nth-of-type(3) .in:after{display:none;}
.mainQuick_wrap .quick_wrap .lcon .inner .list > li{flex:1 1 33.33%; max-width: 33.33%;}

.mainQuick_wrap .quick_wrap .rcon .inner .incon .txt.txt_sns{ width: 35px; height: 35px;}


/*subtop*/
#contents .sub_con_tit .con_tit{flex:1 1 100%; margin-bottom:1em;}
.page_txt_wrap > .innerSec.flex > .wrap_img{display:none;}
.page_txt_wrap.st2 > .innerSec.flex > .wrap_tit{max-width:100%; padding:0;}
.page_txt_wrap.odd.st2 > .innerSec.flex:nth-child(odd) > .wrap_tit{padding:0;}

.map_info2 .info_list > li{display:flex; flex-direction:column;}
.map_info2 .info_list > li.subway .info{margin:1em 0 0 0;}

.greetings_wrap .ceo_text{width:100%; text-align:center; margin-bottom:1em;}
.greetings_wrap .ceo_img{width:185px; margin:0 auto;}
.greetings_wrap .page_txt .tt.t4.t0.ar{text-align:center !important;}
/*footer*/
#footer .menu_wrap .menu{width:100%; flex-direction:column; align-items:flex-start; align-content:flex-start;}
#footer .menu_wrap .menu > li > .in:after{display:none;}
#footer .menu_wrap .menu > li > .in{padding:.5em 0;}

/* 가로 스크롤 안내창 */
.scroll_message{display: block; border: 1px solid; border-color: var(--siteC2); width: 80%; padding: .8em; text-align: center; background: #fff; position: relative; z-index: 100; border-radius: 1em; margin: 0 auto 6em;}
.scroll_message p{ background: #fdf8ea; border-radius: 1em; padding: 2em 0;}

#footer .info_wrap .info{width:100%; margin-top:1em; order:2; flex:1 1 100%;}
#footer .info_wrap .info .list{display: flex; flex-direction:column;}
#footer .info_wrap .info .list > li:not(.br){padding:.4em 0;}
#footer .info_wrap .logo{order:1;}
#footer .info_wrap .info .copy{margin-top:1em;}

/* 이사장 인사말 */
.greet_wrap .greet_txt{ max-width: 100%;}
.greet_wrap .greet_txt .page_txt{ padding: 4em 2.1em 6em;}

/* 조직도 */
.box1.st1{ white-space: nowrap; overflow-x: scroll;}
.box1.st1 .org_img{width: 57em;}

/* ESG 경영아카데미 */
.edu_wrap .edu_con2 .con2_list{flex-wrap: wrap; justify-content: flex-start;}
.edu_wrap .edu_con2 .con2_list li{ flex: none; width: calc((100% - 1em) / 2); height: 13em;}

/* 교육신청내역 */
.dp1_mypage ul.mem_form_inp{ justify-content: center;}
.dp1_mypage .mem_form_inp.st2 > li:nth-child(3){width: 100%;}
}

@media screen and (max-width:660px){
/*main*/
.mainScroll{display:none;}

.mainSection2 .bcon .bcon_in .menuBox .pdin .list2 > li{flex:1 1 100%; max-width:100%;}

.page_txt_wrap > .innerSec.head > .wrap_head{padding:.45em !important;}

.page_box_list > .list > li{flex:1 1 100%;}
.testrule_twrap .in_wrap .in{padding:1em;}

.local_wrap .local_con{flex:1 1 100%; margin-right:0; margin-bottom:1.25em;}


.movie_wrap .movie_con{width:100%; margin-bottom:1em;}
.movie_wrap .movie_con .movie_area{width:100%; height:auto;}
.movie_wrap .movie_con .movie_area2{width:100%; height:auto;}
.movie_wrap .movie_con .movie_area2 .film{padding-bottom:44%;}
.movie_wrap .movie_con .movie_area3{width:100%;}
}

@media screen and (max-width:500px){
.page_txt_wrap.st4 > .innerSec.flex > .wrap_tit{max-width:5.5em}
.page_txt_wrap.st4 > .innerSec.head > .wrap_con.wrap_head{margin-left:.75em;}
.page_txt_wrap.st4 > .innerSec.flex > .wrap_con{padding-left:.65em;}

#contents .sub_con_menu .gnb > li.m_mypage .dp2 > li.sm_print .dp3 > li, #contents .sub_con_menu .gnb > li.m_mypage .dp2 > li.sm_eduList .dp3 > li{flex:1 1 100%; max-width:inherit;}
.sub_page_tab_wrap .list > li{flex:1 1 50%; max-width:inherit; margin-bottom:.65em;}
.dp1_business #contents .sub_page_menu .gnb > li .dp2 > li{flex:1 1 50%;}

.account_wrap .account_icon{flex-wrap:wrap;}
.account_wrap .account_icon .account_area{flex:1 1 100%; margin-bottom:1.25em;}

/* header */
#header .menu_wrap .logo > .in img{height: calc(var(--headerH) - 3em);}
#header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp1 .tt{ font-size: 1.538em;}
#header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp2 > li > a .tt{ font-size: 1.263em;}
#header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp3 > li > a .tt{ font-size: 1.138em;}

/* 미션 및 비전 체계 */
.mission_list > li{ flex: 1 1 100%; max-width: 100%;}


}

@media screen and (max-width:460px){
.slogan_wrap .inner .tw .t2{font-size:1.65em;}
#contents .sub_con_tit .con_nav{display:none;}

/* header */
#header .all_wrap{width: 2.875em;}

}

@media screen and (max-width:380px){
body{ font-size:12px;}
.mainquickMenu_wrap .list > li{flex:1 1 100%;}
.main .visualSlider_wrap .fullH{height: calc(100vh + 30em);}
.slogan_wrap .inner .tw .t2{font-size:1.5em;}
#contents .sub_page_menu .gnb > li.m_mypage .dp2 > li{flex:1 1 33.33%; max-width:inherit}
.dp1_training #contents .sub_page_menu .gnb > li .dp2 > li{flex:1 1 100%}
.dp1_customer #contents .sub_page_menu .gnb > li .dp2 > li{flex:1 1 50%}

.board_photo > li{width:100%;}
}


@media screen and (max-height:849px){
.main .visualSlider_wrap .fullH{height: calc(100vh + 30em);}
}


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

}