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

}

@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 .gnb_wrap{display:none;}
#header .top_wrap .inner{flex-direction:column;}
#header .top_wrap .menu.util{margin-left:auto;}

/*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 .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 .inner .incon{position:relative; padding-bottom:1em;}
.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;}

#header .all_wrap .all .allconWrap .all_gnb .gnb > li{flex:0 0 50%; max-width:inherit}

/*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;}
.page_txt_wrap.st3 > .innerSec.flex > .wrap_con{ flex:0 0 auto; width:100%}

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

.pagePass_resultw .in .tx{margin:1em;}
#header .top_wrap .menu > li > .in{padding:0 .5em;}

.PHONE{display:block;}

#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:1 1 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%}

/*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;}


#footer .info_wrap .info{width:100%; margin-top:1em; order:2; flex:1 1 100%;}
#footer .info_wrap .info .list{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;}
}

@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 .all_wrap .all .allconWrap .all_gnb .gnb > li{flex:1 1 100%; max-width:100%; border-width:0 0 1px 0; padding:1.65em .5em;}

}

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


}

@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 + 16.5em);}
.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-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){

}