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

.rank_wrap .box_list > li > .in .info_area > .rank {font-size: 3em;}

.box2,
.box0{ max-width: 92%;}

.main_eslabout .eslBg > img{ height: 100%; transform: none !important;}
.main_enprogram .roundList > li > .roundWrap{ height: 33vh;}

}

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

/* tab */
.dp2_uc .sub-tab > li {flex: 1 1 20%; max-width: 20%;}
.dp2_csu .sub-tab > li {flex: 1 1 20%; max-width: 20%;}

.rank_wrap .box_list > li {flex: 1 1 33.3%; max-width: 33.3%;}

/*main*/
.visualSlide_wrap .slogan .t3{ font-size: 3.5em;}
.visualSlide_wrap .slogan .t1{ font-size: 1.65em;}

.main_staff .innerHu{ width: 60%;}
.main_select .leftLay .imgLay .infoLay > .selec_tab{ width: 100%; margin-top: 130px; margin-left: 0px;}

#header .all_wrap .all_layer{ width: 40%;}

}

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

.dn1200 {display: none;}
.db1200 {display: block;}

.main_support .list > li .in .tit {font-size: 1.175em;}

.page_tt.s9 {font-size: 2.175em;}

.page_txt_bn > .list {justify-content: center;}
.page_txt_bn > .list > li {flex: none; width: 33.3%;}

.program_inn .tit {width: 17%;}

.sub-tab > li .in > .tab-btn {font-size: 0.9em;}

.prof_list li .tx_box .mn_t {min-height: 4em;}

}

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

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

.bgfix.fix{background-attachment:inherit;}

.dn1024 {display: none;}
.db1024 {display: block;}
.mt1_1024 {margin-top: 2em;}
.ac_1024 {text-align: center;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp1 .tt{ text-align: left;}

.table_st.list th, .table_st.list td{ word-break: break-word;}

/**********main**********/
/*헤더*/
#header .gnb_wrap{ display: none;}
#header .logo > .in img{ width: 85%;}

/*메인 슬라이드*/
.visualSlider_wrap .slogan .t3{ font-size: 3.5em;}
.visualSlider_wrap .slogan .t1{ font-size: 1.65em;}

/*메인 랭킹*/
.main_rank .list > li{ width: 100%;}
.main_rank .list > li .wrap_in{ padding: 2em 1vw 2em 1vw;}

.main_rank .list {display: block;}

/*메인 소개*/
.main_tamuc .main_layout > li.w1{ width: 100%;}
.main_tamuc .main_layout .inSlide{ height: 20em;}

.main_features .circleItem:before{ display: none;}
.main_features .circleItem{ padding-bottom: 0em; height: 100%;}
.main_features .circleItem.resize .re{ position: unset;}
.main_features .circleItem_wrap{ width: auto; max-width: 100%; padding: 0em;}
.main_features .circleItem .item_wrap{ padding-top: 1.5em; padding-bottom: 1.5em; border-bottom: 1px solid #cdcdcd24;}
.main_features .circleItem .item_wrap:first-of-type{ padding-top: 0em;}
.main_features .circleItem .item_wrap:last-of-type{ padding-bottom: 0em; border-bottom: 0px;}
.main_features .circleItem .item_wrap.item04, .main_features .circleItem .item_wrap.item05, .main_features .circleItem .item_wrap.item06{ flex-flow: unset; text-align: left;}

.main_features .circleItem .item_wrap.item01,
.main_features .circleItem .item_wrap.item02,
.main_features .circleItem .item_wrap.item03,
.main_features .circleItem .item_wrap.item04,
.main_features .circleItem .item_wrap.item05,
.main_features .circleItem .item_wrap.item06{ left: 0%; top: 0%; position:relative; transform: translate(0%); margin-left: 0em; margin-bottom: 0em; margin-top: 0em; margin-right: 0em;}

/*메인 글로벌프로그램*/
.main_support .list{ gap: 2em;}
.main_support .list > li{ width: calc(33.33% - 1.333em);}
.main_support .list > li .in .num{ font-size: 3.25em;}
.main_support .list > li .in .tit{ font-size: 1.25em;}

/*메인 비디오갤러리*/
.main_boardList{}
.main_boardList .main_layout{}
.main_boardList .main_layout .inListB{ width: 100%;}
.main_boardList .list_big .in .img .resize.s2{ padding-bottom: 42%;}

/*메인 인터뷰*/
.main_interview .list > li{ width: calc(33.33% - 1.5em);}


/*공통*/
.main_con{ padding: 4em 0;}

/*all 메뉴*/
#header .all_wrap .all_layer .wrap_img{ display: none;}
#header .all_wrap .all_layer .wrap_con .gnb > li:not(.m_hide){ flex-direction: column; gap: 0em;}
#header .all_wrap .all_layer .all_header .all_logo img{ width: 7em;}
#header .all_wrap .all_layer .wrap_con .gnb > li .dp2{ width: 100%;}
#header .all_wrap .all_layer .all_header{ align-items: center;}

/*검색*/
#header .search_wrap .search_layer .wrap_in{ width: 100%;}

/* 서브 */

.page_tt.s2 {font-size: 1em;}
.page_tt.s5 {font-size: 1.113em;}
.page_tt.s6 {font-size: 1.100em;}
.page_tt.s10 {font-size: 2em;}
.page_tt.s13 {font-size: 4em;}

.page_txt > .t3 {font-size: 1.050em;}

.page_txt .line.st1 {margin: 0.5em 0; height: 1em; width: 2px;}

.page_col.flex {display: block;}
.page_col.flex > li.w1 {width: 100%;}
.page_col.flex > li .stkH1 {height: 9em;}
.page_col.flex > li .stkH1 .wrap_img {display: none;}
.page_col.div_T .Tright {margin-top: 2em;}

.esl_wrap > li .stkH1 .wrap_img {display: none;}

.dp1_about.dp2_campus .sub-tab > li,
.dp1_majors.dp2_0005_ .sub-tab > li {flex: 1 1 20%; max-width: 20%;}
.sub-tab > li.w2 {flex: 1 1 25% !important; max-width: 25% !important;}
.sub-tab > li.w3 {flex: 1 1 25% !important; max-width: 25% !important;}

/*main*/
.introLayOut{ flex-direction: column;}
.introLayOut .right,
.introLayOut .left{ width: 100%;}
.introLayOut .left .imgCon{ height: 40vh;}
.introLayOut .right{ padding: 6em 4em;}

.main_eslabout .innerTxt{ width: 80%;}
.main_eslabout .eslBg{ height: 80vh;}

.page_tt.s15{ font-size: 4.5em;}

.main_enprogram .roundList{ flex-direction: column; align-items: center;}
.main_enprogram .roundList > li{ width: 25em;}
.main_enprogram .roundList > li > .roundWrap{ height: 35vh;}
.main_enprogram .roundList > li:before{ bottom: 0; top: 100%; right: auto; left: 50%; transform: translateX(-50%); content: '\e942';}

.linkList > li{ flex: 1 1 33.33% !important; max-width: 33.33% !important;}

.main_staff .innerHu{ width: 90%;}

.main_select{ height: auto;}
.linkBanner,
.main_select .leftLay .imgCon{ display: none;}
.main_select{ flex-direction: column;}

.main_select .rightLay, .main_select .leftLay{ width: 100%;}

.main_select .leftLay{ padding: 4em 0;}
.main_select .leftLay .imgLay .infoLay{ color: var(--crBlack); position: relative; width: 100%;}
.main_select .rightLay .right_wrapper .list_page{ top: unset; transform: unset;}
.main_select .rightLay .right_wrapper{ padding: 0; width: 92%; margin: 0 auto;}
.main_select .leftLay .imgLay .infoLay{ top: unset; padding-right: 0; padding-left: 0; width: 92%; margin: 0 auto;}
.main_select .rightLay{ padding-bottom: 4em; border: none;}
.main_select .leftLay .imgLay .infoLay h1{ margin-top: 0em;}

.main_select .leftLay .imgLay .infoLay .subTit{ display: none;}
.main_select .leftLay .imgLay .infoLay > .selec_tab{ margin-top: 30px; gap: 1em;}
.main_select .leftLay .imgLay .infoLay > .selec_tab > li > .con{ text-align: center; border: 1px solid #e8e8e8; background: #f1f1f1; display: flex; align-items: center; justify-content: center; padding: 0; height: 4em;}
.main_select .leftLay .imgLay .infoLay > .selec_tab > li > .con .titB > .en{ display: none;}
.main_select .leftLay .imgLay .infoLay > .selec_tab{ display: flex; gap: 1em;}
.main_select .leftLay .imgLay .infoLay > .selec_tab > li{ width: calc((100% - 3em) / 4);}
.main_select .leftLay .imgLay .infoLay > .selec_tab > li > .con > .arrow{ display: none;}
.main_select .leftLay .imgLay .infoLay > .selec_tab > li.on > .con > .titB > .kn,
.main_select .leftLay .imgLay .infoLay > .selec_tab > li > .con .titB > .kn{ font-size: 1.215em;}
.main_select .leftLay .imgLay .infoLay > .selec_tab > li.on > .con{ background: var(--siteC); border-color: var(--siteC); color: #fff;}

.main_select .leftLay .imgLay .infoLay h1{ font-size: 2.815em;}
.main_select .rightLay .right_wrapper .list_page .pageTop h1{ font-size: 2.15em;}
.main_select .rightLay .right_wrapper .list_page .pageTop h2{ font-size: 3.515em;}

.threeline > .threeflout >li{ width: calc((100% - 3em) / 2);}

.main_guide .guideBox{ margin-top: 4em;}

.main_txt .t10{ font-size: 2.815em;}
.main_txt .t9{ font-size: 2.615em;}
}

@media screen and (max-width:990px){
.lo_con .img_wrap .spot .tbox {width: 18em;}

}

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

.about_video { width: 100% !important; height: 325px !important;}

/**********main**********/

/*메인 비주얼*/
.visualSlider_wrap .slogan .t3{ font-size: 2.85em;}
.visualSlider_wrap .slogan .t2{ font-size: 1.85em;}


/*푸터*/
#footer .inner{ flex-direction: column-reverse;}
#footer .menu_wrap .sns,
#footer .menu_wrap .menu{ justify-content: flex-start; flex-wrap: wrap;}
#footer .menu_wrap{ margin-bottom: 1.5em;}

/*all 메뉴*/

#header .all_wrap .all_layer .wrap_con .gnb > li .dp2 > li{ width: calc(50% + 1px);}
#header .all_wrap .all_layer .wrap_con .gnb > .m_majors .dp2 > li:nth-child(2n+1),
#header .all_wrap .all_layer .wrap_con .gnb > li .dp2 > li:nth-child(2n){ border-right: none;}

.introLayOut .right .btmArea .tit{ font-size: 2.15em;}
.main_interview .list > li{ width: calc(50% - 1.5em);}
.page_tt.s15{ font-size: 4em;}

.main_enprogram .roundList > li > .roundWrap{ height: 45vh;}
.main_staff .innerHu{ width: 100%;}

.main_guide .guideBox{ flex-direction: column;}
.main_guide .guideBox > li{ width: 100%;}


}

@media screen and (max-width:690px){
.page_board_list > .list > li .t1 {font-size: 0.9em;}
.page_col.flex > li .stkH1 {height: 12em;}

.codi_boxw .con .tit {font-size: 20px;}
.codi_boxw .con .tt {font-size: 17px;}
}

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

.pcHide{ display:block !important;}
.moHide{display:none !important;}

/* 서브 */

#contents .sub_page_tit .wrap_tit .sub_tit .tt {font-size: 2.5em;}
#contents .sub_page_tit .wrap_tit .sub_txt .tt {font-size: 2em;}

.page_tt.s3 { font-size: 1em;}
.page_tt.s5 {font-size: 1em;}
.page_tt.s6 {font-size: 1.100em;}
.page_tt.s10 {font-size: 2em;}
.page_tt.s11 {font-size: 2.25em;}

.page_txt > .t1 {font-size: 1em;}

.dp1_about.dp2_campus .sub-tab > li {flex: 1 1 33.3%; max-width: 33.3%;}

.lo_con .img_wrap .spot .tbox {width: 10em;}

.imgdiv_Wrap.greeting .s_imgdiv li {height: 25em;}
.page_list.roundbox > li {width: calc(50% - 1.125em);}

.page_list.number > li .in {padding: 1.5em 0;}

.threeline .threeflout {display: block;}
.threeline>.threeflout >li {width: calc(100% - 1em); margin-bottom: 2em;}
.threeline>.threeflout >li:last-child {margin-bottom: unset;}
.threeline>.threeflout >li .img {text-align: center;}
.threeline.w2 > .threeflout >li {width: calc(100% - 1em);}

.div-container02 { width:100%; overflow:auto; /*white-space:no-wrap;*/}
.div-container02 .divCon2 {display: block; width: 500px;}

.page_img_list > .list.flexW2 > li {flex: 1 1 100%;}
.main_support .list.w2 > li {width: calc(100% - 2.6666em);}

.partner-container .p-list > li .img-wrap {padding: 1em;}

.page_txt_bn > .list {display: block;}
.page_txt_bn > .list > li {width: 100%;}

.dp1_majors .main_support .list.gp1 > li {width: calc((100% - 0em) / 1);}
.dp1_majors .main_support .list.gp1 > li .in .tit {font-size: 1em;}
.dp1_majors .main_support .list.w2 > li {width: calc(100% - 0em);}

.page_txt_bn > .list.flexW4 > li {flex: 1 1 100%; max-width: 100%;}

.prof_list li {width: calc(50% - 2em);}

.sc_wrap{ overflow-x: scroll;}
.table_st.list{ width: 800px;}

}

@media screen and (max-width:500px){
#header .all_wrap .all_layer .wrap_con .gnb > li .dp2 > li {width: calc(50% + 1px);}

.about_video { height: 265px !important;}
.sub_mov iframe {height: 265px !important;}

/* 서브 */

.page_tt.s8 {font-size: 1.475em;}

.sub-tab > li .in > .tab-btn {font-size: 0.8em;}

.imgdiv_Wrap.greeting .s_imgdiv li {height: 20em;}

.rank_wrap .box_list > li {flex: 1 1 100%; max-width: 100%;}

.lo_con .img_wrap .spot .tbox {left: unset; right: 2.5em;}
.lo_con .img_wrap .spot.btm_dot .tbox {left: -3.5em;}
.lo_con .img_wrap .spot .tbox p { font-size: 0.9em;}

.grievance_sec .grie_con li .inn {border-radius: 3em;}
.grievance_sec .grie_con li .inn .tt {font-size: 0.8em;}

.ts1 .cpp {display: block;}
.ts1 > .cpp > li {width: calc(100% - 1em); margin-bottom: 2em;}
.ts1 > .cpp > li:last-child {margin-bottom: unset;}

.sub_process_wrap {margin-top: 3em;}
.sub_process_wrap .line1 { display: none;}
.sub_process {display: block;}
.sub_process.w2 > li {width: 100%; margin-bottom: 2em;}
.memo_box.st4 {min-height: unset;}  

.codi_boxw .profile_con {display: block;}
.codi_boxw .profile_con .profile_img {margin: auto;}

.codi_boxw .con .tit {font-size: 17px;}
.codi_boxw .con .tt {font-size: 14px;}

.dot_list.st2 > li {flex: 1 1 50%; max-width: 50%;}

.board_search {display: block;}
.board_search .search {display: block;}
.board_search .search .input_st {width: 100%; margin-bottom: .5em;}
.board_gallery > li {width: calc(100% - .5em);}

/*sub admisstion*/
.guide_pro .sub_process{ flex-direction: column;}
.guide_pro .sub_process > li{ width: 100%; margin-bottom: 3em;}
.guide_pro .sub_process > li:last-of-type{ margin-bottom: 0em;}
.guide_pro .sub_process > li .in .icon{ width: 8em; height: 8em;}
.guide_pro .sub_process > li .in .icon > img{ width: 3.25em;}
.guide_pro.sub_process_wrap .line1 { display: block;}
.guide_pro.sub_process_wrap .line1{ top: 50% !important; left: 50%; height: 5px !important; transform: translate(-50%, -50%) rotate(90deg); width: 70em;}
.guide_pro.sub_process_wrap .line1:after{ transition: none;}
.guide_pro .sub_process > li .in .con .t2{ color: #222;}
.guide_pro.sub_process_wrap .line:after{ background: #c8c8c8; opacity: .45;}

.dp1_admissions.dp2_guide .sub_process > li .in .icon {width: 8em;height: 8em;}


}

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

/*메인 랭킹*/
.main_support .list > li{ width: calc(100%);}

#header .all_wrap .all_layer .wrap_img {height: 20%;}
#header .all_wrap .all_layer .wrap_img .all_cs {padding: 2em 1vw 3em 6.5vw;}

.page_con {padding: 3em 0;}

.page_tt.s13 {font-size: 2.5em;}

.page_col > li .p1 {padding: 4em 0 3em 0;}

.facility_Wrap .viewSlider .img_con {height: 14rem;}

.prof_list li {width: calc(100% - 2em);}

.linkList > li{ flex: 1 1 50% !important; max-width: 50% !important;}

.main_txt .t9{ font-size: 2.15em;}
.linkList > li > .in > .imgCon{ height: 15.6em;}
.main_txt .t10{ font-size: 2.415em;}

.main_eslabout .eslBg{ height: 90vh;}

.page_tt.s15{ font-size: 3em;}
.main_enprogram .roundList > li > .roundWrap{ height: 38vh;}

.main_eslabout .innerTxt{ width: 90%;}

.huList > li{ flex: 1 1 50% !important; max-width: 50% !important;}
.main_select .rightLay .right_wrapper .list_page .pageTop h2{ font-size: 2.851em;}

.introLayOut .right{ padding: 4em 3em;}

.main_select .leftLay .imgLay .infoLay > .selec_tab{ flex-wrap: wrap;}
.main_select .leftLay .imgLay .infoLay > .selec_tab > li{ width: calc((100% - 3em) / 2);}

#header .all_wrap .all_layer{ width: 70%;}
#header .all_wrap .all_layer .wrap_middle .gnb > li a{ text-align: left !important;}

}



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

#footer .info_wrap .site_name .tt {font-size: 1.8em;}

/**********main**********/
/*메인 비주얼*/
.visualSlider_wrap .slogan .t3{ font-size: 2.45em;}
.visualSlider_wrap .slogan .t1{ font-size: 1.45em;}
.visualSlider_wrap .slogan .t2{ font-size: 1.65em;}

/*메인 랭킹*/
.main_rank .list > li .wrap_in{ flex-direction: column; align-items: flex-start;}
.main_rank .list > li .wrap_in .img_wrap{ width: 100%; height: 13.5em;}
.main_rank .list > li .wrap_in .rank_wrap{ flex: unset; width: 100%;}
.main_rank .list > li .wrap_in .rank_wrap .tt{ display: flex; justify-content: flex-end; align-items: center;}

/*메인 소개*/
.mainTxtSlider .el .in{ padding: 2em;}
.main_features .circleItem .item_wrap .icon .in{ width: 6em; height: 6em;}
.main_features .circleItem_wrap{ padding: 0 1em;}

/*메인 비디오*/
.main_video .conpd1 .main_layout{ flex-direction: column;}
.main_video .conpd1 .main_layout .inBtn{ width: 100%;}
.main_boardList .list > li .in .img{ min-width: 12em;}
.main_boardList .list > li .in .img .resize.s2{ padding-bottom: 70%;}

/*메인 인터뷰*/
.main_interview .list > li{ width: calc(100%);}

/*메인 공통*/
.main_txt .t5{ font-size: 1.15em;}
.page_tt.s6 {font-size: 1.00em;}
.page_tt.s10 {font-size: 1.8em;}

.swide-bg .wide-con {padding: 3em 0 5em;}

.page_list.number > li .in {display: block;}
.page_list.number > li .in .con_wrap {margin-top: 1em;}
.page_list.number > li .in .img_wrap > .img {width: unset; height: unset;}

.main_eslabout .eslBg{ height: 100vh;}
.main_eslabout .innerTxt{ top: 5em;}

}

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

  /**********main**********/
  /*메인 비주얼*/
  .visualSlider_wrap .slogan .t3{ font-size: 2em;}
  .visualSlider_wrap .slogan .t1{ font-size: 1.25em;}
  .visualSlider_wrap .slogan .t2{ font-size: 1.35em;}
  

  
  /*메인 소개*/
  .main_features .circleItem .item_wrap .icon .in{ width: 5em; height: 5em;}
  
  /*메인 문의*/
  .main_inquiry .wrap_in{ padding: 3em 1em;}
  
  /*메인 공통*/
  .main_txt .t7{ font-size: 1.25em;}
  
  /*sub about csu*/
  .page_txt_bn > .list.flexW4 > li{ flex: 1 1 100%; max-width: 100%;}
  .wrap_video,
  .imgdiv_Wrap .s_imgdiv > li .imgsec,
  .dormi_con .ba_div .ba_r .op_list.st1 > li > .in > .img_box{ height: 10.5rem;}
  
  .facility_Wrap .viewSlider .img_con{ height: 12.5rem;}
  
  #header .all_wrap .all_layer .wrap_con .gnb > li .dp2 > li {width: calc(100% + 1px);}
}

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

}