@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*/
.hero_sidebar_area {width: 35%;}
.hero_media_area {width : 65% ;}
  .main_con_title { font-size: 1.5rem !important; }
.sidebar_btn_group {bottom: 8rem; } 


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

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

/* 행사 개요 */
.overview_table th:first-child {width: 50%!important;}
.overview_table th {width: 25%!important;}
}

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

#header .menu_wrap .logo img  {height: 50px;}
.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;}

.success_wrap .sub_container {width: 100%;}
.success-box {width:100%;}

/*main*/

.main_con_title { font-size: 1.25rem !important; padding: 0 1rem; }
  .main_con_schedule { flex-direction: column; gap: 0.5rem; align-items: flex-start; padding: 0 1rem; }
  .intro_sec_tit { font-size: 1.5rem; }
  .main_catch { font-size: 1.125rem; }
  .hero_media_area { width: 100%; height: 30em  }
  .hero_sidebar_area { width: 100%;  border-left: none; border-top: 0.0625rem solid rgba(255, 255, 255, 0.1); height: 30em}  
.mainquickMenu_wrap{margin-top:3em;}
.main .visualSlider_wrap .fullH{height:calc(100vh - 4.5em);}
.mainquickMenu_wrap .list > li{flex:1 1 50%;}


  .main_hero_section { height: auto; margin-top: var(--headH); }
  
  .hero_top_flex { flex-direction: column; }
  .hero_media_area { width: 100%; aspect-ratio: 16 / 9; }
  .hero_sidebar_area { width: 100%; border-left: none; border-top: 0.125rem solid rgba(255, 255, 255, 0.2); aspect-ratio: 1 / 1.2; background-size: cover; padding: 2rem 1rem; }

  .sidebar_content_wrap { padding: 1.5rem 1rem; justify-content: space-between; align-items: center; }

  .poster_part1_wrap { max-width: 260px; margin-top: 0.5rem; min-width: 230px; }
  .poster_part1_wrap img {width : 50%}
  .poster_title_wrap { max-width: 260px; gap: 0.5rem; margin:0 ;}
  .sidebar_btn_group { margin-bottom: 0.5rem;  max-width: 260px; }
  .poster_part2_wrap { max-width: 260px; margin-bottom: 0; }
  


.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%}

.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%;}


/* zoom */

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

#contents .sub_page_top .sub_tit_wrap .sub_tit .tt {font-size: var(--font-size-lg)}
#contents .sub_page_top .sub_tit_wrap {height: 15em}
/*footer*/
#footer .menu_wrap .menu{width:100%; flex-direction:column; align-items:flex-end; align-content:flex-end;}
#footer .info_wrap .partner_wrap .inner {align-items: flex-end}
#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;}

/* 프로그램 */
  .intro_box { flex-direction: column; } 
  .intro_box .intro_img, .intro_box .intro_txt { width: 100%; } 
  .timetable_wrap th, .timetable_wrap td { padding: 0.75rem 0.5rem; font-size: 0.875rem; } 
  .partner_content_wrap{}
  .partner_grid {grid-template-columns : repeat(2, 1fr) }
  .partner_card_wrap {display:flex ; flex-direction: column;}
  .partner_item  {font-size: 1rem; padding: 1rem;  }

/* 신청 */
.guide_intro::before  {right: -10%; top: -10%; width: 15rem ; height: 15rem ;}

.reg_group_header { flex-direction: column; align-items: flex-start; gap: 0.5rem; }
.sub_visual { padding: 2rem; min-height: 18rem ; height: auto ;  } 
.sub_visual .visual_txt h3 { font-size: 1.875rem; } 

.step_wrap { flex-direction: column; gap : 0 ;  } 
.step_wrap .step_arrow { transform: rotate(90deg); margin: 0.5rem 0; } 
.step_progress_wrap { padding: 1.5rem 1rem; } 
.step_node .node_circle { width: 2rem; height: 2rem; font-size: 0.8125rem; } 
.step_progress_bar::before { top: 0.875rem; }

.app_container { width: 100% !important; box-sizing: border-box; padding: 0 1rem; }
.app_table_wrap, .app_table_wrap tbody, .app_table_wrap tr, .app_table_wrap th, .app_table_wrap td { display: block; width: 100% !important; box-sizing: border-box; }
.app_table_wrap th { text-align: left !important; padding: 0.5em 1em  !important; border-bottom: none !important; background: var(--color-back-1); font-size: 0.9rem; }
.app_table_wrap td { padding: .5em .8em !important; border-bottom: 0.0625rem solid #e0e0e0 !important; }
.app_table_wrap colgroup { display: none; }
.app_table_wrap .td_id { display: block !important; width: 100% !important; }
.app_table_wrap .td_id .email_wrap { display: flex; flex-wrap: wrap; gap: 0.5rem; width: 100% !important; }
.app_table_wrap .td_id input[type="email"] { width: 70% !important; }
.app_table_wrap .td_id .btn_inline { width: auto !important; flex: 1; height: 2.75rem; margin: 0 !important; }
.app_table_wrap select, .app_table_wrap input[type="text"], .app_table_wrap input[type="tel"], .app_table_wrap input[type="password"] { width: 100% !important; }
.checkbox_group_grid { display: flex; flex-direction: column; gap: 0.5rem; }
.radio_group_flex { display: flex; gap: 1.5rem; }

.result_info_box { padding: 1.5rem; }
.result_info_table { display: block; width: 100% !important; box-sizing: border-box; background: transparent; border-bottom: none;}
.result_info_table tbody { display: block; width: 100% !important; box-sizing: border-box; }
.result_info_table tr { display: block; width: 100% !important; box-sizing: border-box; }
.result_info_table th { display: block; width: 100% !important; box-sizing: border-box; text-align: left !important; padding: 0.5em 1em !important; border-bottom: none !important; background: var(--color-back-1); font-size: 0.9rem; }
.result_info_table td { display: block; width: 100% !important; box-sizing: border-box; padding: .5em .8em !important; border-bottom: none !important; min-height: 2rem ; background:#fff; border-radius: 1em;  }
.result_info_table colgroup { display: none; }

.guide_content_wrap { flex-direction: column; } 
.guide_img_box { width: 100%; }

/* 행사 개요  */
.overview_table, .overview_table thead, .overview_table tbody, .overview_table tr, .overview_table th, .overview_table td { display: block; width: 100% !important; box-sizing: border-box; }
  .overview_table thead { display: none; }
  .overview_table tr { margin-bottom: 1rem; border: 0.0625rem solid #e0e0e0; border-radius: 0.375rem; overflow: hidden; background: #fff; }
  .overview_table td { display: flex; justify-content: space-between; align-items: center; text-align: right; padding: 0.75rem 1rem; border-bottom: 0.0625rem solid #f0f0f0; border-right: none !important; }
  .overview_table td::before { content: attr(data-label); font-weight: 700; color: var(--color-black-5, #333); text-align: left; }
.overview_table { border-bottom: none ; border-top: none ;}

/* 프로그램 */
.tab_prev,
.tab_next  {display: inline-block ;}
.sub_tab_wrap {padding: 0 2rem ;}
#item2 .item2_table thead { display: none; } 
#item2 .item2_table tr { display: block; border-bottom: 0.0625rem solid #cccccc; padding: 0; } 
#item2 .item2_table td { display: block; width: 100% !important; text-align: left !important; border-bottom: none; padding: 1rem; box-sizing: border-box; } 
#item2 .item2_table td.logo_td { background-color:rgba(0, 160, 233, 0.1) ;text-align: left !important; padding: 1rem ; } 
#item2 .item2_table td.logo_td a { justify-content: flex-start; }
#item2 .item2_table colgroup {display: none;}



/* 아카이브 */
.archive .board_gallery {grid-template-columns: repeat(2, 1fr); gap: 0.5rem; }

}

@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;}
#header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp2 > li > a .tt { font-size:1.2em; }  
/* footer */
#footer .info_wrap {flex-direction: column; align-items: flex-start; gap: 1rem; padding-bottom: 2em ; }
#footer .info_wrap .inner, #footer .menu_wrap {width: 100% ;}
#footer .menu_wrap .menu {align-items: flex-start ; align-content : flex-start ; }
#footer .menu_wrap {display: flex; flex-direction: row ;}
#footer .info_wrap .partner_wrap .inner {display: flex ; flex-direction: row ; }
#footer .partner_wrap .inner {margin-top: 0 ; }
#footer .partner_wrap .inner .partner .img img {max-width: none ; }
#footer .partner_wrap .inner .partner {flex-direction: column; align-items: center ; gap: 0.5rem ; }
/* main */


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

.slogan_wrap .inner .tw .t2{font-size:1.65em;}
#contents .sub_con_tit .con_nav{display:none;}

#header .all_wrap .all .allconWrap .all_gnb .gnb > li{flex:1 1 100%; max-width:100%; border-width:0 0 1px 0; padding-bottom: 0; }

.checkbox_label input[type="checkbox"] {width: auto !important;; height:auto !important;}
.step_progress_bar::before {width: 20em;}
.step_progress_bar {gap:1em;}
.step_node {width: 5em;}

.hero_media_area {height: 18em }
.sidebar_btn_group {bottom:5rem ;}
.visual_desc_box .sub_desc {font-size: 1rem;}
.visual_desc_box .sub_desc br.mobile {display:inline-block}

.main_con_body {padding:0 ;}

/* all */
#header .all_wrap .all .allconWrap .all_gnb .gnb > li ul {padding-top : 0 ;}

/* 신청 */
.agree_section,.all_agree_box {padding: 1.5rem;}
.step_progress_wrap {margin-bottom:1.5rem;}
.dp1_application #contents .doc {padding-top:1.5em;}

.app_container { padding: 0 0.5rem; }


/* sub */
.guide_intro::before {right: -20% }
.app_table_wrap.overview_table td {width: 100% !important ;}
.intro_box, .partner_card_wrap {padding : 1rem}
.sub_visual .visual_txt .txt,.partner_title {font-size: 0.8rem}
.partner_content_box {padding: 0.8rem ;}
.sub_visual {margin-bottom: 2rem ;}


/* pro */
.dp2_pro02 .timetable_wrap colgroup col:first-child {width: 17% !important }
.dp2_pro04 .timetable_wrap colgroup col:first-child {width: 17% !important }
.dp2_pro02 .timetable_wrap colgroup col:last-child {width: 36% !important }
.timetable_wrap .cate {margin-right: 100%; margin-bottom: .5em;}
.investor_table td.logo_td img  {max-width:7rem }
.investor_table td {font-size: 0.825rem ; }
.investor_tables_wrap.day1 td {word-break: break-all; padding: .5rem 0.1rem ;}
.investor_tables_wrap.day1 .badge {margin: .2rem;}

/* archive */
.achive_video_sec {height: 60vh}
.archive .board_gallery {grid-template-columns: repeat(1, 1fr); gap: 0.5rem; }

}

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

.app_table_wrap .td_id input[type="email"] { width: 60% !important; } 

}