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

@media screen and (max-width:1440px){
body{ font-size: 15px;}
}
@media screen and (max-width:1300px){
  .overview_mana_bn {padding: 240px 0px !important;}
  .overview_mana_bn h3 {font-size: 28px;}
  .overview_mana_bn .bg {width: calc(100% - 100px) !important;}
}
@media screen and (max-width:1024px){
body{ font-size: 14px;}
.box1{ max-width: 92%;}

/*공통*/
.table_info .con{ align-items: baseline;}
.table_info .con > .xi{ position:relative; top: 3px;}

/*서브 비주얼*/
#contents .sub_tab .gnb > li .dp2{ display: none;}
#contents .sub_visual_wrap .wrap_in .twrap .t1{ margin-top: 0em;}

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

/*font*/
.page_txt .t4{ font-size: 1.85em;}

/********main********/
/*비주얼*/
.visualSlide_wrap .slogan .t1{ font-size: 2.15em;}
.visualSlide_wrap .slogan .move{ font-size: 1.7em;}

.main_quickMenu .quick_lay {display: block;}
.page_col > li.inimg {display: none;}

/*메인 입학*/
.main_grad .list > li > .wrap_in .link_list > li > .in{ padding: .65em 1.25em;}
.main_grad .list > li > .wrap_in .tit_wrap{ margin-bottom: 1.25em;}

/*메인 공지*/
.main_noticeW .m_con .btm_wrap .page_dot_list > li > .in > .date > .tt{ min-width: 7em;}


/********sub********/
/*인사말*/
.intro_wrap .page_col{ flex-direction: column-reverse;}
.intro_wrap .inimg{ flex: 1 1 100%;}
.intro_wrap .inimg > .wrap_img{ height: 20em;}
.intro_wrap .inimg > .wrap_img > img{ border-radius: 1.5em 0 0 0;}
.intro_wrap .inimg > .wrap_img:before{ height: 14.5em;}
.intro_wrap .inTxt .wrap_con{ padding: 0 2em;}

.page_con.bg2:before {display: none;}
.page_col {display: block;}
.page_col > li.w1 {width: 100%;}
.page_col > li .wrap_img {padding-bottom: 100%;}
.page_col > li .p1 {padding: 4em 0 5em 0;}

.overview_mana_bn .bg {width: calc(100% - 50px) !important;}
.overview_mana_bn h3 {font-size: 25px !important;}

/* 연혁 */
.history_t_wrap {height: 15em;}
.page_tt.s8 {font-size: 1.475em;}
.sub_history_wrap:after {left: 5%;}
.sub_history_wrap:before, 
.sub_history_wrap .sub_history_line {left: 5%;}
.sub_history_wrap .sub_history > li {width: 100%;}
.sub_history_wrap .sub_history > li:nth-child(2n-1) {left: 5%;}
.sub_history_wrap .sub_history > li:nth-child(2n) {width: 100%; text-align: left; left: 5%;}
.sub_history_wrap .sub_history > li:nth-child(2n) .history {padding-left: 2.35em; padding-right: unset;}
.sub_history_wrap .sub_history > li:nth-child(2n) .list {margin-right: unset; margin-left: 1.5em;}
.sub_history_wrap .sub_history > li:nth-child(2n) .history .list:before {left: -18px; right: unset;}
.sub_history_wrap .sub_history > li:nth-child(2n) .history .list .month {left: 0; right: unset;}
.sub_history_wrap .sub_history > li:nth-child(2n) .history .list .tt {padding-left: 38px; padding-right: unset;}

/*교수진*/
.professor_wrap .pro_list > li > .wrap_con .pro_wrap > .info{ padding: 2em 3em;}

/*연락처*/
.contact_wrap .cnt_con .map_box .c_map{ flex: 1 1 50%;}
.contact_wrap .cnt_con .map_box .c_info .link_btn .tit_wrap > span{ font-size: 15px;}

/*주전공*/
.adAll_con > .img_wrap .inbox{ width: 45%;}

.box2 {width: 94%;}

/*링크*/
.mem_Company .mem_logoList > li{ flex: 1 1 33.33%; max-width: 33%;}

.board_st thead,
.board_st .w_name,
.board_st .w_hit,
.board_st .w_date{ display:none;}
.board_st.notice {border-top:1px solid var(--siteC);}

.board_gallery.s1 > li {width: calc((100% - 4em) / 3);}
.board_photo.d1 > li {width: 33.3%;}

html.pop .popWrap.popPrivacy {max-width: 80vw;}

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

/*공통*/
.page_txt .t3{ font-size: 1.45em;}

.flex_table .td.wdiv{ flex: 0 0 14em;}
.flex_table .td.wAgency{ flex: 0 0 7em;}

/*메인 공지*/
.main_data .main_noticeW {display: block;}
.main_data .main_noticeW .lf_data:nth-child(2) {margin-top: 2em;}
.page_dot_list > li:before{ top: 5px;}
.main_quickMenu .quick_lay .in .quick_ico .imgfix {width: 60px;}
.main_quickMenu .quick_lay .quick_large .in .quick_ico .imgfix {width: 125px;}

/*서브 비주얼*/
#contents .sub_page_tit .tit,
#contents .sub_visual_wrap .wrap_in .twrap .t1{ font-size: 1.85em;}
#contents .sub_visual_wrap .wrap_in{ height: 15em;}

/********sub********/
/*인사말*/
.intro_wrap .inTxt .wrap_con .top_con > .tit{ font-size: 1.85em;}

.overview_mana_bn {padding: 180px 0px !important;}
.overview_mana_bn h3 {font-size: 20px !important;}
.overview_mana_bn .bg {width: calc(100% - 0px) !important;}

/*교수진*/
.professor_wrap .pro_list > li{ flex: 1 1 100%; max-width: 100%;}
.professor_wrap .pro_list > li > .wrap_con .pro_wrap > .info{ padding: 1em 2em;}
.professor_wrap .pro_list > li > .wrap_con .pro_wrap > .info .top_tit .tit{ font-size: 1.25em;}
.professor_wrap .pro_list > li > .wrap_con .pro_wrap > .img_wrap > img{ width: 7em;}
.professor_wrap .pro_list > li > .wrap_con .pro_wrap > .info .ins > li .lf,
.professor_wrap .pro_list > li > .wrap_con .pro_wrap > .info .ins > li .rf{ font-size: .9em;}

.sub_history_wrap .sub_history > li .history .year {font-size: 2em;}

/*연락처*/
.contact_wrap .cnt_con .map_box{ flex-direction: column;}
.contact_wrap .cnt_con .map_box .c_map iframe{ height: 20em;}
.contact_wrap .cnt_con .map_box .c_info{ min-height: auto; padding: 6.5em 4.25em;}
.contact_wrap .cnt_con{ margin-bottom: 3.5em;}

/*오시는길*/
.location_wrap .contact_list > li > p{ font-size: 1.125em;}

/*입학안내*/
.ad_con .ad_div .info .con{ align-items: baseline; font-size: .9em;}
.ad_con .ad_div .info .con > .xi{ position:relative; top: 3px;}
.adAll_con .area_list > li > .in > .icon_box{ min-height: 14.5em;}

/*주전공*/
.adAll_con > .img_wrap .inbox{ width: 65%;}

/*footer*/
#footer .info_wrap .con{ flex-direction: column; gap: 2em;}

.board_gallery.s1 > li {width: calc((100% - 2em) / 2);}
.board_photo.d1 > li {width: 50%;}
.board_search_wrap { display: block;}
.board_search_wrap .total_wrap { justify-content: flex-start;}
.board_search_wrap .input_st { margin-top: 0.5em;}
.board_search_wrap  .input_st,
.board_search_wrap .label_select,
.board_search_wrap .inp { width: 100%;} 

.soon {height: unset; padding: 2em 1em; display: block !important; text-align: center;}
.soon .xi {font-size: 10em;}
.soon .tt .t1 {font-size: 2em;}

}
@media screen and (max-width:550px){
.headM .link_h .h_list {display: none;}

.main_quickMenu .quick_lay .quick_large {padding: 2.5em;}
.main_quickMenu .quickMenu > li .in {padding: 2em;}
.main_txt .txt {margin-top: 1em;}
.main_txt .t6 {font-size: 1.8em;}
.main_txt .t5 {font-size: 1.450em;}
.main_txt .t2 {font-size: 1.05em;}

.member_wrap .member_form {padding: 1em 1em;}
.member_wrap .type_wrap .txt {min-height: 4em;}
.member_wrap .type_wrap .btn {padding: .8em 2em;}
.page_step_wrap .step > li .in {min-width: 5em;}
.member_agree .agree {padding: 1.5em;}
.member_wrap .type_wrap > li .inner {padding: 1em 0;}
}

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

.main_quickMenu {margin-top: -20vh;}
.main_quickMenu .quickMenu {display: block;}
.board_gallery.s1 > li {width: calc((100% - 0em) / 1);}
.board_photo.d1 > li {width: 100%;}
html.pop .popWrap.popPrivacy {max-width: 90vw;}

.board_btn_wrap {display: block; margin-top: 2em;}
.board_btn_wrap > div:last-child {margin-top: .5em;}
.board_btn_wrap .input_st {width: 32.3%;}
}
@media screen and (max-width:425px){
body{ font-size: 13px;}

/*header*/
#header .wrap_in{ gap: 0em;}

/*공통*/
.main_more > .more{ font-size: .95em;}
.memBannerSlider_wrap .tit_wrap .tit{ display: none;}


.page_basic_tit{ font-size: 1.3em;}

.flex_table{ font-size: 11px;}
.flex_table .td.al{ padding: 1em 1.25em;}
.flex_table .td.al > span{ line-height: 1.4;}
.flex_table .td.wdiv{ flex: 0 0 9em;}

.page_txt .t3{ font-size: 1.25em;}

/*서브 비주얼*/
.allGnbOn #header .all_wrap .all_btn{ right: 3vw;}
#header .all_wrap .all_layer .all_inner{ width: 100%;}

/********main********/
/*메인 입학*/
.main_grad .list{ flex-direction: column; gap: 2.5em;}
.main_grad .list > li > .wrap_in .tit_wrap{ margin-bottom: .5em;}
.main_grad .list > li > .wrap_in .tit_wrap{ font-size: 1.5em;}
.main_grad .list > li > .wrap_in .link_list > li > .in .link_box{ font-size: .9em;}

/*메인 소개*/
.main_intro .page_col{ flex-direction: column-reverse;}
.main_intro .page_col > li .wrap_img.pos{ position:relative;}
.main_intro .page_col > li .wrap_img.pos.s1{ width: 100%; height: 15em;}

/*메인 탭*/
.Mlink_wrap .tab_list > li > .in .barea > .icon{ width: 3em;}
.Mlink_wrap .tab_list > li > .in .barea > .tit{ font-size: 1em;}

/*메인 공지*/
.main_noticeW .m_con{ padding: 1.25em 1.75em;}
.main_data .main_noticeW{ flex-direction: column;}
.main_data .main_noticeW .lf_data .wrap_idx .wtop .main-notice-tab > li{ margin-right: 2em;}
.main_data .main_noticeW .lf_data .wrap_idx .wtop .main-notice-tab > li > .tab_btn{ font-size: 1.05em;}
.main_data .main_noticeW .lf_data .wrap_idx .wtop .main-notice-tab > li:before{ width: 5px; height: 5px; right: -17px;}
.main_noticeW .m_con .top_wrap .rep_noti .time_wrap .month .tt{ font-size: 1.15em;}
.main_noticeW .m_con .top_wrap .rep_noti .tit_wrap .tit > .tt{ font-size: 1.1em;}
.main_noticeW .m_con .top_wrap .rep_noti .tit_wrap .txt > .square{ width: 8px; height: 8px; min-width: 8px;}
.main_noticeW .m_con .btm_wrap .page_dot_list > li > .in{ gap: 2em;}

/********sub********/
/*인사말*/
.intro_wrap .inimg > .wrap_img{ height: 15em;}
.intro_wrap .inimg > .wrap_img:before{ height: 11.5em;}
.intro_wrap .inTxt .wrap_con{ padding: 2em;}
.intro_wrap .inTxt .wrap_con .top_con > .en{ font-size: 1.1em;}
.intro_wrap .inTxt .wrap_con .top_con > .tit{ font-size: 1.7em;}

.overview_mana_bn h3 {font-size: 18px !important;}

/*연락처*/
.contact_wrap .cnt_con .map_box .c_info{ padding: 3.5em 3em;}
.contact_wrap .cnt_con .map_box .c_info .link_btn .tit_wrap > span{ font-size: 13px;}
.contact_wrap .cnt_con .map_box .c_info .link_btn .ibox{ height: 50px;}
.contact_wrap .cnt_con .map_box .c_info .link_btn{ padding-bottom: 50px;}
.contact_wrap .cnt_con .map_box .c_info .info_box .tit{ font-size: 1.45em;}
.contact_wrap .cnt_con .map_box .c_info .info_box .txt{ font-size: .95em;}
.contact_wrap .cnt_con .map_box .c_info .link_btn{ width: 50px;}

/*오시는길*/
.location_wrap .contact_list{ flex-wrap: wrap; gap: 1em;}
.location_wrap .contact_list > li:before{ display: none;}
.location_wrap .map_wrap .map iframe{ height: 20em;}

/*주전공*/
.adAll_con > .img_wrap{ height: auto;}
.adAll_con > .img_wrap .inbox{ position: relative; width: 100%; box-sizing: border-box; top: -.5em; padding: 3.5em 3em;}
.adAll_con .area_list > li{ flex: 1 1 50%; max-width: 50%;}
.adAll_con .area_list > li > .in > .icon_box > img{ width: 3.8em;}
.adAll_con .area_list > li > .in > .icon_box .ttl{ font-size: 1.1em;}
.adAll_con .area_list > li > .in > .icon_box{ min-height: 12.5em;}

/*링크*/
.mem_Company .mem_logoList > li{ flex: 1 1 50%; max-width: 50%;}


/*footer*/
#footer .info_wrap .logo_wrap > a{ width: 80%;}
#footer .info_wrap .info > li{ font-size: .9em;}

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



/*header*/
.headM .link_h .h_list > li > a{ padding: 0em;}
.headM .link_h .h_list > li:first-of-type{ padding-left: 0em;}
.headM .link_h .h_list > li > a .object > img{ display: none;}

/*서브 비주얼*/
#contents .sub_visual_wrap .wrap_in{ height: 12.5em;}
#contents .sub_page_tit .tit,
#contents .sub_visual_wrap .wrap_in .twrap .t1{ font-size: 1.7em;}

/*메인 공지*/
.main_data .main_noticeW .lf_data .wrap_idx .wtop .main-notice-tab > li:before{ right: -15px;}
}
@media screen and (max-width:320px){
body{ font-size: 11px;}

/*공통*/
.page_txt .t3{ font-size: 1.15em;}
.flex_table{ font-size: 10px;}

/********sub********/
/*연락처*/
.contact_wrap .cnt_con .map_box .c_info .info_box .tit{ font-size: 1.3em;}
.contact_wrap .cnt_con .map_box .c_info .info_box .txt{ font-size: .9em;}
.contact_wrap .cnt_con .map_box .c_info .link_btn .tit_wrap > span{ font-size: 10px;}

/*오시는길*/
.location_wrap .contact_list > li > p{ font-size: 1.1em;}
.location_wrap .contact_list{ gap: .65em;}

}