@charset "utf-8";

:root {
	--font-size:18px;
	--sub-font-size: 16px;
}

.m_gnb .sub_menu {display:none !important;}
.web_dis {display:block;}
.mb_dis {display:none;}
.pc_view {display:block}
.mb_view {display:none}
.mont {font-family:'Montserrat', sans-serif; }

.btn_area p.btn a {display: inline-flex; align-items: center; justify-content: center; text-align: center; padding: 0px 1.5em; font-weight:600; color: #fff; border-radius: 4px;height: 3em; background: var(--key-color); color: #fff;}

/* 연습실신청  */
.btn_area {overflow:hidden;margin-top:60px;text-align:center}
.btn2{margin-top:10px;text-align:center}
/* .btn_area p.btn a {overflow:hidden;display:inline-block;padding:13px 30px;font-size:16px;color:#fff;font-weight:bold;text-align:center;border:1px solid #e3e3e3;background-color:#283987;} */
.btn_area p.btn a {display: inline-flex; align-items: center; justify-content: center; text-align: center; padding: 0px 1.5em; font-weight:600; color: #fff; border-radius: 4px;height: 3em; background: var(--key-color); color: #fff;}
.schedule_area {overflow:hidden;margin-top:30px;margin-left:15px}
.schedule_area .date_area {overflow:hidden;margin-bottom:10px; text-align:center;}
.schedule_area .date_area span{ color:#fff; font-size:24px; padding:10px 20px; background:#283987; border-radius:30px 30px; line-height:60px; }
.schedule_area .date_area p{}
.schedule_area .date_area .left {float:left;font-size:14px;color:#444;font-weight:bold}
.schedule_area .date_area .right {float:right;padding-left:70px;background:url(../img/sub/btn_calendar_bg4.png) no-repeat left 4px}
.schedule_area .time table {width:100%;max-width:100%;border-spacing:0;border-collapse:collapse;border-top: #283987 solid 3px;}
.schedule_area .time table thead th {padding:10px 0;color:#000;text-align:center;border-right:1px solid #fff;background: #F5F5F5;}
.schedule_area .time table thead th.last {border-right:none}
.schedule_area .time table tbody td {padding:10px 0;text-align:center;font-weight:bold;background:#fff;border: 1px solid #ddd;border-left:0;}



/*연습실 신청*/
.reservation_top {
    background: url(../../images/sub/reservation_bg.jpg) no-repeat center center;
    background-size: Cover;
    padding: 50px 10px 50px 150px;
    display: flex;
    justify-content: center;
    flex-direction: column;
	position:relative;
	margin-bottom:30px;
}
.fc-title {
	color:#fff;
	font-size:12px;
}
.reservation_top::before {
	content:'';
	display:block;
	position:absolute;
	width:70px;
	height:70px;
	background:url(../../images/sub/reservation_icon.png) no-repeat center center;
	left:50px;
	background-size:70px;
	top:50%;
	transform:translateY(-50%);
}
.reservation_top p {
    font-size: 20px;
    color: #fff;
}
.reservation_top p em {
    font-size:0.8em;
	font-weight:Bold;
	color:#283987;
}
.reservation_top p span {
	font-weight:bold;
	color: #fff;
	font-size: 1.2em;
	border-bottom:solid 2px #fff;
}
.reservation_top span.txtP{
	font-size:16px;
	margin:10px 0px;
	color: #fff;
	padding-left: 15px;
	background: url(../images/sub/check.png) no-repeat left center;
	background-size: 10px;
	font-weight: bold;
}
.reservation_top strong 
   { color: #fff;
	padding-left: 15px;
	background: url(../images/sub/check.png) no-repeat left center;
	background-size: 10px;
	font-size:16px;
}
/* 
.down .w_gnb .gnb > li > a, .over .w_gnb .gnb > li > a {color:#000 !important;}
.down .top_search > button, .over .top_search > button {color:#000;}
.down .top_search > button img, .over .top_search > button img {-webkit-filter:brightness(1) invert(0.9); filter:brightness(1) invert(1);}
.down .top_search:before, .over .top_search:before {background:#000;}
.down .top_lang > a, .over .top_lang > a  {color:#000;}
.down .top_lang > a img, .over .top_lang > a img  {webkit-filter:brightness(1) invert(0.9); filter:brightness(1) invert(1);}
.down .top_menu > li a.txt_bt, .over .top_menu > li a.txt_bt {border:1px solid #cccccc; color:#000;}
#header.over h1 img  {-webkit-filter:brightness(1) invert(0); filter:brightness(1) invert(0) !important;}


.down .menu_btn a span, .over .menu_btn a span {background: #000 !important}
.down .menu_btn span:before, .down .menu_btn span:after, .over .menu_btn span:before, .over .menu_btn span:after  {background: #000 !important}
.down .menu_btn a img, .over .menu_btn a img {-webkit-filter:brightness(1) invert(0.9); filter:brightness(1) invert(1) !important;}
 */


/* header */
#header {width:100%; position: relative; left:0px; top:0px; z-index:9999; box-sizing:border-box; transition:all 0.3s 0s ease-in-out;}
#header h1 {position:absolute; left:0px; top:50%; transform:translateY(-50%); -wbkit-transform:translateY(-50%); z-index:10; line-height:0px}
#header h1 img {height:40px}
.header_top {background:#eff1f6;  padding:0px 0px;}
.header_top_in {max-width:var(--cont-inner); margin:0 auto; display: flex; height:50px; justify-content: space-between; position: relative;}
.header_top .banner {width:100%; max-width:430px; position:absolute; left:50%; top:0px; transform: translateX(-50%);  background: #e54266;; height:50px; display:flex; align-items:center; justify-content: center; padding:0px 30px; border-radius:0px 0px 40px 40px;}
.header_top .banner .box {color:#fff; font-size:0.944em; font-weight:600; line-height:1.3em; text-align:center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;}
.header_top .banner .box > a {color:#fff;}
.header_top .link_left {display: flex; align-self: flex-end; width:35%; max-width:565px}
.header_top .link_left > li {flex:1; position: relative;}
.header_top .link_left > li:not(:first-child) {margin-left:-10px}
.header_top .link_left > li > a {color:#fff; display: flex; align-items:center; justify-content: center; height:45px; font-size:16px; font-weight:600; position: relative; z-index:2}
.header_top .link_left > li > a:after {content:""; width:15px; height:15px; background:url(../img/common/ico_link.png) no-repeat left top/cover; margin-left:5px;}
.header_top .link_left > li:nth-child(4) > a:after {display:none;}
.header_top .link_left > li > a:before {content:""; width:55px; height:100%; background:url(../img/common/top_link01.png) no-repeat left top/cover; position: absolute; left: calc(100% - 27px); bottom: 0px; z-index:-1}
.header_top .link_left > li:after {content:""; width:calc(100% - 20px); height:100%; position:absolute; left:0px; top:0px; z-index:1;  border-radius:10px 0px 0px 0px;}
.header_top .link_left > li:nth-child(1):after {background:#00853e}
.header_top .link_left > li:nth-child(2):after {background:#1f94b2}
.header_top .link_left > li:nth-child(3):after {background:#0b567d}
.header_top .link_left > li:nth-child(4):after {background:#ffe500;}
.header_top .link_left > li:nth-child(4) a {color:#242021}


.header_top .link_left > li:nth-child(1) > a:before {background:url(../img/common/top_link01.png) no-repeat left top/cover;}
.header_top .link_left > li:nth-child(2) > a:before {background:url(../img/common/top_link02.png) no-repeat left top/cover;}
.header_top .link_left > li:nth-child(3) > a:before {background:url(../img/common/top_link03.png) no-repeat left top/cover;}
.header_top .link_left > li:nth-child(4) > a:before {background:url(../img/common/top_link04.png) no-repeat left top/cover;}



.header_top .link_right {display: flex; align-self: center; margin-left:auto; margin-right:min(45px, 2vw)}
.header_top .link_right > li {padding:0px 10px; position: relative;}
.header_top .link_right > li:not(:first-child):before {content:""; width:1px; height:10px; background: #000; position:absolute; left:0px; top:50%; transform: translateY(-50%);}
.header_top .link_right > li a {color:#000; font-size:14px; line-height:1.3em; font-weight:500;}
.header_top .login_bt {display: flex; gap:0px 10px; align-self: center;}
.header_top .login_bt > li a {display: flex; align-items:center; color:#000; font-size:14px; line-height:1.3em; font-weight:500;}
.header_top .login_bt > li .ico {display: flex; align-items:center; width:30px; height:30px; border-radius:100%; background:#fff; justify-content:center; margin-right:5px;}

.header_bar {padding:0px 10px; background: #fff; box-shadow:0px 6px 5px rgba(0, 0, 0, 10%);}
.header_bar.fix {width:100%; position: fixed; left: 0px; top:0px;}
.in_header {max-width:var(--cont-inner); width:100%; height:85px; box-sizing:border-box; margin:0 auto; position:relative; z-index:9;}


/* wrap */
#wrap {width:100%; overflow:hidden; word-break:keep-all; transition:all 0.3s 0s ease-in-out;}
#inner_wrap {position:relative; padding:0px 20px 100px 20px;}
.inner {width:100%; max-width:var(--inner); margin:0 auto;}


.all_menu {display:none;}
.m_gnb_on {display:none;  position:absolute; right:10px; top:50%; box-sizing:border-box; transform:translateY(-50%);}
.m_gnb_on .menu_btn {margin:0 auto;}
.menu_btn {position:absolute; right:0px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); box-sizing:border-box; display:block; }
.menu_btn a {display:flex; width: 140px; padding:5px; height:48px; border-radius:60px; background:#fff; border:1px solid #000; align-items:center; font-size:var(--sub-font-size); font-weight:600; color:#000; padding-left:30px;}
.menu_btn a > span {display:flex; margin-left:3px; width:38px; height:38px; background: #fff; border-radius:100%; align-items:center; justify-content: center; overflow:hidden;}
.menu_btn a > span > span {position:relative; width:22px; height:12px;background: #000;}
.menu_btn a > span > span:After {content:""; width:100%; height:3px; background:#fff; position:absolute; left:0%; top:2px;}
.menu_btn a > span > span:before {content:""; width:100%; height:3px; background:#fff; position:absolute; left:0%; bottom:2px;}


.util_menu {position: absolute; left:0px; top:50%; transform: translateY(-50%); display:none;}
.util_menu > a {display:block; width:48px; height:48px; border-radius: 100%; background:#eff1f6; position:relative}
.util_menu > a.active { background:var(--key-color);}
.util_menu > a > span {display:block; width:6px; height:6px; border-radius: 100%; background:#000; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);}
.util_menu > a > span:before {display:block; content: ""; width:100%; height:100%; border-radius: 100%; background:#000; position:absolute; left:0%; top:-10px; }
.util_menu > a > span:after {display:block; content: ""; width:100%; height:100%; border-radius: 100%; background:#000; position:absolute; left:0%; bottom:-10px; }
.util_menu > a.active > span {background: #fff;}
.util_menu > a.active > span:before {background: #fff;}
.util_menu > a.active > span:after {background: #fff;}
.util_menu_wrap {border-top:1px solid #dedfe3; padding:30px 20px; background: #fff; position: absolute; left:50%; top:100%; transform: translateX(-50%) ; width:100vw; height:calc(100vh - 80px); overflow-y: auto; display:none;}
.util_menu_wrap .list > li:not(:first-child) {margin-top:min(10px, 3vw)}
.util_menu_wrap .list a {display:flex; justify-content:space-between; align-items: center; border:1px solid #cccccc; border-radius:4px; height:3.8em; padding:10px 1.5em; background:#f7f8fd; color:#333; font-weight:500;}
.util_menu_wrap .list a:after {display: block; content: ""; width:14px; height:14px; background: url(../img/common/m_arrow.png) no-repeat left top/cover;}

/* GNB */
.w_gnb {padding:0px 175px 0px 248px;}
.over .w_gnb .gnb {max-width:100%;}
.over .w_gnb .gnb > li {flex:1;}
.w_gnb .gnb {max-width:870px; margin:0 auto; display:flex; flex-wrap:wrap; justify-content:space-around;  transition:all 0.5s 0s ease-out;}
.w_gnb .gnb > li {text-align:center; flex:auto; padding:0px 5px; vertical-align:top; position:relative; max-width:180px;}
.w_gnb .gnb > li > a {color:#000000; display:flex; width:100%; justify-content:center; align-items:center; box-sizing:border-box; font-size:22px; font-weight:600; height:85px; transition:all 0.5s 0s ease-out; position:relative;}
.w_gnb .gnb > li > a > span {display: flex; width: 100%; height:40px; border-radius:60px; justify-content:center; align-items:center;}

.w_gnb .gnb > li:hover > a > span {background:#fde4f8}
.w_gnb .gnb > li:hover .sub_menu {background:#eff1f6}
.w_gnb .sub_menu  {position:absolute; left:50%; width:100%; max-width:170px; transform: translateX(-50%); padding:20px 3px; overflow:hidden; top:100%; border-top:1px solid #ccc; display:none; }
.w_gnb .sub_menu > li {padding:2px 0; letter-spacing:-0.5px; text-align: left;}
.w_gnb .sub_menu > li > a {word-break:auto-phrase; display:block; border-radius:4px; font-size:16px; color:#000; font-weight:500; padding:4px 1em; line-height:1.4em;}
.w_gnb .sub_menu > li > a:hover {font-weight:600; background:#fff;}

.w_gnb .m_gnb_on {position:absolute; right:0px; top:-1px; padding:21px; background:#2d3749}
#gnb_bar {border-top:1px solid #ccc;position:absolute; display:none; left:0%; top:100%; width:100%; background:#fff; box-shadow:0px 2px 5px rgba(0, 0, 0, 10%)}


/* slide_menu */
.slide_menu_wrap {width:100%; max-width:100%; box-sizing:border-box; height:100%;  z-index:998; position:fixed; right:-102%; top:0px; bottom:0px; box-shadow:-1px 0px 5px rgb(0, 0, 0, 0.25); }
.slide_menu_wrap:after {display:block; content:""; width:0%; height:100%; background:#000; position:fixed; left:0%; top:0px; opacity:0.2;  transition:all 0.3s 0s ease-in-out;}
.slide_menu_wrap.on:after {width:100%}
.slide_menu_inner {height:100%; padding:0px 30px 30px 30px; background:#fff; box-sizing:border-box; overflow-y:auto; overflow-x:inherit; -webkit-overflow-scrolling:touch; z-index:2; position:relative;}
.slide_menu_inner .header {background:url(../img/common/logo.png) no-repeat left center; height:100px; display: flex; align-items:center; position: relative;}
.slide_menu_inner .header:after {content:""; width:calc(100% + 60px); height:1px; background: #ccc; position: absolute; left: 50%; top: 100%; transform: translateX(-50%);}
.slide_menu_inner .bt_close {margin-left:auto; width:38px; height:38px; background: #000; border-radius: 100%; position: relative; font-size:1px; text-indent: -999999em;}
.slide_menu_inner .bt_close:after {display:block; content:""; width:20px; height:2px; background:#fff; transform-origin:center; transform:translate(-50%, -50%) rotate(45deg); position:absolute; top:50%; left:50%;}
.slide_menu_inner .bt_close:before {display:block; content:""; width:20px; height:2px; background:#fff; transform-origin:center; transform:translate(-50%, -50%) rotate(135deg); position:absolute; top:50%; left:50%;}

.slide_menu_wrap .top_menu {display:flex; margin-top:30px; background: var(--key-color); border-radius:10px; gap:2px;}
.slide_menu_wrap .top_menu > li:not(:first-child):before {content:""; width:1px; height:1em; background: #000; opacity: 0.3; position: absolute; left:-1px; top:50%; transform: translateY(-50%);}
.slide_menu_wrap .top_menu > li {flex:auto; position: relative; gap:10px}
.slide_menu_wrap .top_menu > li > a {color:#fff; display:flex; height:4em;justify-content:center; align-items:center; font-size:14px; line-height:1.4em; font-weight:400; padding:0px;}
.slide_menu_wrap .gnb {overflow:hidden; margin-top:20px;}
.slide_menu_wrap .gnb > li {transform:translateX(30%); -webkit-transform:translateX(30%); transition:all 0.8s 0s ease-in-out; -webkit-transition:all 0.8s 0s ease-in-out; padding-left:15px;}
.slide_menu_wrap .gnb > li > a {display:flex; justify-content: space-between; font-size:20px; line-height:1.3em; align-items: center; min-height:2.5em; font-weight:600; color:#000;}
.slide_menu_wrap .gnb > li > a:after {display: block; justify-content:center; align-items: center; content:"+"; width:26px; height:26px; border-radius:100%; background: #1ca464; color:#fff; font-size:20px; line-height:24px; font-weight:400; text-align:center;}
.slide_menu_wrap .gnb > li > a.on:after {content:"-";background:#3eb484}
.slide_menu_wrap .gnb .sub_menu {display:none}
.slide_menu_wrap .gnb .sub_menu > li:not(:first-child) {margin-top:5px}
.slide_menu_wrap .gnb .sub_menu > li > a {display:flex; align-items: center; min-height:3em; background: #f7f6f7; border-radius:4px; line-height:1.4; padding:5px 1em; font-size:16px; color:#000; transition:all 0.3s 0s ease-in-out; -webkit-transition:all 0.3s 0s ease-in-out; font-weight:600;}
.slide_menu_wrap.on .gnb > li {transform:translateX(0%); -webkit-transform:translateX(0%); transition:all 0.8s 0s ease-in-out; -webkit-transition:all 0.8s 0s ease-in-out;}

@media (hover: hover) and (pointer: fine) {
  .slide_menu_wrap .gnb .sub_menu > li > a:hover {background:#00a051; color:#fff}
}
.section {padding:0px 20px; padding-top:min(70px, 10vw); padding-bottom:min(70px, 10vw); font-size: var(--font-size); line-height:1.5em}
.section .inner {max-width: var(--cont-inner);}

#section1 {padding:0px;}
.main_visual {max-width: 100%;}
.main_visual .banner_slide {position: relative;}
.main_visual .swiper-slide { position: relative;}
.main_visual .swiper-slide .bg_img {position:absolute; left: 0px; top: 0px; width:100%; height:100%; object-fit: cover; }
.main_visual .visual01 .bg_img, .main_visual .visual02 .bg_img, .main_visual .visual03 .bg_img {object-position: center top;}
.main_visual .txt_frame {position:relative; height:780px; z-index:2; color:#fff; display: flex; justify-content: center; flex-direction: column; width:100%; max-width:1300px; padding:0px 10px; margin:0 auto; text-shadow: 3px 2px 3px #000;}
.main_visual .txt_frame strong {font-weight:700}
.main_visual .txt_frame .txt_b {font-size:2.3333em; font-weight:300; line-height:1.4em;}
.main_visual .txt_frame .txt_a {font-size:3.55555em; font-weight:700; line-height:1.4em;}
/* 2번째 슬라이드 텍스트만 아래로 */
.main_visual .visual02 .txt_frame {padding-top:150px;}
.main_visual .slide_control {position: absolute;  display: flex; left:50%; bottom:20px; transform: translateX(-50%); border-radius:30px; background: rgba(0, 0, 0, 50%); justify-content: center; align-items: center; padding: 0px 1em; z-index: 99; height: 34px; gap:0px}
.main_visual .slide_control .swiper-pagination {display: flex; margin-right:10px; align-items: center; gap:5px; font-size:11px; color:#fff; font-weight:300;}
.main_visual .slide_control .swiper-pagination > span {font-size:14px; font-weight:600}
.main_visual .slide_control .play_stop {font-size:0px; display: flex; width:14px; height:26px; justify-content: center; align-items: center; color:#fff;}
.main_visual .slide_control .play_stop:focus {outline:1px solid #000}
.main_visual .slide_control .play:before {display: block; content: "▶"; font-size:9px;}
.main_visual .slide_control .stop:before {display: block; content: ""; width: 2px; height: 9px; border-left:3px solid #fff; border-right:3px solid #fff;}


.section .more {position:absolute; right:0px; top:0px;}
.section .more > a {display:flex; color:#000; font-weight:600; align-items:center;}
.section .more > a > span {display:flex; width:32px; height:32px; justify-content:center; align-items:center; margin-left:10px; background:#363636; border-radius:10px; color:#fff; position:relative}
.section .more > a > span:after {display:block; content:""; width:12px; height:2px; background:#fff; position:absolute; left:50%; top:50%; margin-left:-6px; margin-top:-1px; transition:all 0.5s;}
.section .more > a > span:before {display:block; content:""; width:2px; height:12px; background:#fff; position:absolute; left:50%; top:50%; margin-top:-6px; margin-left:-1px; transition:all 0.5s;}
.section .more > a:hover > span:after {transform:rotate(90deg);}
.section .more > a:hover > span:before {transform:rotate(90deg);}
.slide_control {display:flex; align-items:center; justify-content:center; gap:10px; margin-top:2.5em;}
.slide_control .arrow {width:40px; height:40px; background:var(--deep-key-color); border-radius:100%;}
.slide_control .arrow.swiper-button-prev:after {width: auto; height: auto; border: none; transform: none; border-radius:0px; content:"←"; color:#fff; font-size:17px; font-weight:100;}
.slide_control .arrow.swiper-button-next:after {width: auto; height: auto; border: none; transform: none; border-radius:0px; content:"→"; color:#fff; font-size:17px; font-weight:100;}
.slide_control .play_stop {font-size:0px; display: flex; width:30px; height:30px; justify-content: center; align-items: center; color:#000;}
.slide_control .play:before {display: block; content: "▶"; font-size:16px;}
.slide_control .stop:before {display: block; content: ""; width:4px; height:18px; border-left:4px solid #000; border-right:4px solid #000;}


.m_tit {padding:1em 0px 0.4em 0px; color:#000000; font-size:2em; line-height:120%; font-weight:400; }
.m_tit > strong {font-weight:800;}
.m_tit_txt {font-size:1.11em;}
.m_tit_txt + .m_tit {padding-top:0px;}
.m_tit_b {font-size:2.66em;}


#section2 {position:relative; padding-top:min(50px, 5vw);}

.month_event {display: flex; border-radius:4px; overflow:hidden;}
.month_event .head {width:255px; min-width:255px; background:#b0b0fb; padding:10px 7px 10px 10px; border-right-width:7px;}
.month_event .head > div {background: #fff; border-radius:4px; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; gap:12px; padding:10px; text-align: center;}
.month_event .head h3 {font-size:1em; display: flex; align-items:center; gap:10px; line-height:1.4em; font-weight:600;}
.month_event .month {display: flex; align-items: center; gap:5px; justify-content: center;}
.month_event .month .num {display: flex; align-items: center; justify-content: center; width:90px; height:90px; font-weight:800; background: #f6f1fd; font-size:2em; line-height:1.3em; border-radius:100%;}
.month_event .month .btn {cursor:pointer; right:0px; display:flex; width:36px; height:36px; justify-content:center; align-items:center; padding:0px; text-indent: -99999px; font-size:0px;}
.month_event .month .btn:after {content:''; width:12px; height:12px; border-top:5px solid var(--deep-key-color); border-right:5px solid var(--deep-key-color); border-radius:3px; display:inline-block; transform:rotate(45deg); }
.month_event .month .btn.prev:after {transform:rotate(-135deg); }
.month_event .body {flex:1; width:100%; background:var(--key-color); padding:7px}
.month_event .day {display: flex; flex-wrap:wrap; gap:5px; background: #fff; padding:6px;}
.month_event .day > li > a {color:#000; font-size:17px; line-height:1.3em; display: flex; align-items:center; justify-content: center; width: 39px; height:39px; font-weight:600; text-align: center; border-radius: 100%;}
.month_event .day > li.active > a, .month_event .day > li > a:hover {color:#fff; font-weight:700; background: var(--deep-key-color);}
.month_event .scroll_area {padding:1em; font-size: 1em; color:#fff; height:6.3em; overflow-y: auto; line-height: 1.4em;}
.month_event .scroll_area::-webkit-scrollbar { width: 6px; }
.month_event .scroll_area::-webkit-scrollbar-thumb { background-color:#ccc; border-radius: 10px; }
.month_event .scroll_area::-webkit-scrollbar-track { background-color: transparent; }
.month_event .data {display: flex; flex-wrap:wrap; gap:0.5em}
.month_event .data > li {width:calc(50% - 0.25em); position: relative; padding-left:0.5em;}
.month_event .data > li:before {content:""; width:3px; height:3px; border-radius:100%; background:#fff; position:absolute; left: 0px; top: 0.6em;}




.main_board_wrap {display: flex; justify-content: space-between; position:relative; gap:30px; margin-top:min(50px, 5vw);}
.main_board_wrap:after {display: block; content: ""; width:1px; height:100%; background: #b0b0fb; position: absolute; left: 50%; top: 0px;} 
.main_board {width:50%; max-width:771px; overflow: hidden;}
.main_board .m_tit {padding-top:0px;}
.main_board .text_news {border:1px solid #e5e5e5; padding:2em; border-radius:10px;}
.text_news .first {background:url(../img/main/line.jpg) repeat-x left bottom; display:flex; padding-bottom:30px; }
.text_news .first a {display:block; overflow:hidden}
.text_news .first a .txt_a {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; color:var(--deep-key-color); font-size:1.33em; line-height:1.3em; font-weight:700;}
.text_news .first a .txt_b {display:block; margin:0.5em 0px 1em 0px; overflow:hidden;text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; font-size:var(--sub-font-size); line-height:1.4em; height:2.8em;}
.text_news .first .date {color:#666666; font-size:14px; font-weight:600; text-align: left;}

.main_board .list {margin-top:1.3em;}
.main_board .list > li {margin-top:1em;}
.main_board .list > li {display:flex; align-items:center; line-height:1.4em; justify-content:space-between; padding-left:0.8em; position:relative; margin-top:0.6em;}
.main_board .list > li:before {display:block; content:""; width:4px; height:4px; background:#b588ff; position:absolute; left:0px; top:0.6em; border-radius:100% }
.main_board .list > li:first-child {margin-top:0px;}
.main_board .list > li a {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; width:100%}
.main_board .date { min-width:100px; font-size:14px; text-align:right; font-weight:300;}
.main_board .new {display: inline-flex; font-size:14px; min-width:25px; width:25px; height:25px; border-radius: 100%; background: var(--deep-key-color); color:#fff; justify-content: center; align-items:center; font-weight:600; margin-left:5px; margin-right:auto}


.img_news {display: flex; justify-content: space-between; gap:20px}
.img_news .first {width: 44%; max-width: 338px;}
.img_news .first > a {display: block;}
.img_news .first .img {display:block; padding-bottom: calc(217 / 338 * 100%); position: relative; overflow: hidden; border-radius:10px 10px 0px 0px ;}
.img_news .first .img img {position: absolute; left: 0px; top: 0px; object-fit: cover; width:100%; height:100%;}
.img_news .first .info { border-radius:0px 0px 10px 10px; padding:1.3em; border:1px solid #e5e5e5;}
.img_news .first .txt_a {display:block; overflow:hidden;text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; font-size:1.111em; line-height:1.4em; height:2.8em;}
.img_news .first .date {margin-top:1em; display: block; text-align: left;}
.img_news .list {flex:1; width:60%; margin:0px; max-width:400px;}
.img_news .list > li {padding-left:0px; margin-top:0.8em}
.img_news .list > li:before {display:none;}
.img_news .list a {display: flex; gap:1em; align-items: center;  white-space: inherit !important;}
.img_news .list a .img {width:42%; overflow: hidden; border-radius:6px; border:1px solid #e5e5e5; max-width:165px;}
.img_news .list a .img > span {display:block; padding-bottom: calc(217 / 338 * 100%); position: relative; overflow: hidden;}
.img_news .list a .img img {position: absolute; left: 0px; top: 0px; object-fit: cover; width:100%; height:100%;}
.img_news .list a .info {flex:1; width:100%; overflow: hidden;}
.img_news .list a .txt_a {display:block; overflow:hidden;text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; font-size:var(--sub-font-size); line-height:1.4em; max-height:2.8em;}

#section3 {background:#f6f1fd;}
.main_quick {display: flex; gap:1em; justify-content: space-between;}
.main_quick > li {flex:1; max-width: 252px;}
.main_quick > li > a {display:block; text-align: center;}
.main_quick > li > a:hover .pic:after {opacity:0.6;}
.main_quick > li > a:hover .over_view {opacity: 1;}
.main_quick > li > a:hover .ico img {filter:none;}
.main_quick > li > a:hover .txt_t {color:var(--point-color); font-weight:800;}
.main_quick .pic {border-radius:6px; overflow: hidden; position:relative}
.main_quick .pic > img {width:100%;}
.main_quick .pic:after {display:block; content:""; width:100%; height:100%; background:var(--deep-key-color); opacity:0; position:absolute; left:0px; top:0px; transition:all 0.3s 0s ease-in-out; z-index: 2}
.main_quick .ico {display: block; padding:1.3em 0px 0.3em 0px;}
.main_quick .ico img {filter:invert(0%) sepia(0%) saturate(0%); transition:all 0.3s 0s ease-in-out;}
.main_quick .txt_t {font-size:1.44em; font-weight:600; line-height:1.4em; transition:all 0.3s 0s ease-in-out;}


#section4 {background: url(../img/main/bg_section4.jpg) no-repeat right top;}

.main_movie {display: flex; gap:30px; align-items: flex-end; justify-content: space-between;}
.main_movie h3 { padding-top:0px}
.main_movie .box {width:50%; max-width:772px;}
.main_movie .box .movie {cursor:pointer; border:1px solid #000; border-radius:8px; overflow:hidden; position:relative}
.main_movie .box .movie::after {display: block; content:""; width:72px; height:72px; background:url(../img/main/bt_play.png) no-repeat left top/cover; position: absolute; left: 50%; top:50%; transform: translate(-50%, -50%);}
.main_movie .two > ul {display: flex; margin-top:2.5em; justify-content: space-between; gap:min(17px, 3vw);}
.main_movie .two > ul > li {width:50%; overflow: hidden;}
.main_movie .two .txt_a {margin-top:1em; font-size:1.11em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;}
.main_movie .box .more {top:40px}

.movie_frame {padding-bottom:calc(376 / 669 * 100%); position: relative; overflow:hidden;}
.movie_frame > img {position:absolute; left:0px; top:0px; width:100%; height:100%; object-fit: cover;}

#section5 {background: #f7f1fd;}
.professor_slide {overflow: hidden;}
.professor_slide .m_tit {text-align: center; padding-top: 0px;}
.professor_slide .m_tit_txt {text-align: center; margin-bottom:2em;}
.professor_slide .box {display:block; text-align:center}
.professor_slide .box .txt_a {font-size:1.22em; line-height:1.4em; margin-bottom: 0.3em;}
.professor_slide .box .txt_a > strong {font-size:1.18em; line-height:1.3em;}


#section6 {background: #feffef;}
.event_slide {overflow: hidden;}
.event_slide .m_tit {padding-top: 0px;}
.event_slide .box {display:block;}
.event_slide .photo {display:block; padding-bottom: calc(220 / 300 * 100%); position: relative; border-radius:4px; overflow: hidden;}
.event_slide .photo img {position: absolute; left: 0px; top: 0px; object-fit: cover; width:100%; height:100%;}
.event_slide .box .txt_a {margin:0.5em 0px 0.3em 0px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; font-size: 1.111em; line-height: 1.4em; max-height: 2.8em;}
.event_slide .box .date { font-size:14px; font-weight:300;}

#section7 {background: url(../img/main/bg_section7.jpg) no-repeat center top/cover; padding-bottom:0px;}
.customer_center {text-align: center; color:#fff}
.customer_center > h3 {font-size:1.44em; color:#fff; margin:0px; line-height: 1.4em;}
.customer_center .tel {font-size:2.55em; line-height: 1.4em; font-weight:700;}
.customer_center .tel a {color:#fff}
.customer_center .info {display:flex; justify-content:center; gap:1em 2em; flex-wrap: wrap; margin:0.5em 0px;}
.customer_center .info > li {position: relative;}
.customer_center .info > li:not(:first-child):before {content: ""; width:1px; height:60%; background: #fff; position: absolute; left:-1em; top:50%; transform: translateY(-50%);}
.customer_center .bottom {position: relative; padding:1.8em 0px; margin-top:2.5em; color:#cfb3fc}
.customer_center .bottom:before {content:""; width:100vw; height:100%; position: absolute; left: 50%; top:0px; transform: translateX(-50%); background: #0f0f0f; z-index: -1;}
.customer_center .bottom .bt {display: inline-block; font-size:1.22em; font-weight:600; margin-top:0.4em; line-height:1.4em; border-bottom: 2px solid #b588ff; color:#b588ff}



.side_quick { position: fixed; right: 10px; top: 50%; z-index:99; transform: translateY(-50%);}
.side_quick > ul {background: var(--deep-key-color); border-radius:10px; min-height:132px; min-width:100px; padding:0px 10px; box-shadow:0px 5px 7px rgba(0, 0, 0, 20%);}
.side_quick > ul > li:not(:first-child) {border-top:1px solid #000;}
.side_quick > ul > li {padding:20px 0px;}
.side_quick a {display:block; text-align: center; font-size:var(--sub-font-size); font-weight:500; line-height: 1.3em; color:#fff}
.side_quick a .ico {display:block; margin-bottom:5px;}



/* footer */



/* sub_page */
.sub_visual {width:100%; max-width:var(--cont-inner); margin:0 auto; border-radius:20px; overflow:hidden; position:relative; background-size:cover !important;}
.sub_visual .sub_txt {text-align:center; display:flex; flex-direction:column; justify-content:center; align-items:center; height:250px; color:#fff; z-index:9; margin:0 auto; max-width:var(--inner); padding:0px 10px;}
.sub_visual .sub_txt h2 {font-size:min(46px, 7vw); line-height:1.4em; font-weight:700;}
.sub_wrap_1 .sub_visual {background:url(../img/introduce/sub_visual.jpg) no-repeat center top/cover;}
.sub_wrap_2 .sub_visual {background:url(../img/curriculum/sub_visual.jpg) no-repeat center top/cover;}
.sub_wrap_3 .sub_visual {background:url(../img/professor/sub_visual.jpg) no-repeat center top/cover;}
.sub_wrap_4 .sub_visual {background:url(../img/community/sub_visual.jpg?ver=250314) no-repeat center top/cover;}
.sub_wrap_5 .sub_visual {background:url(../img/stroy/sub_visual.jpg?ver=250314) no-repeat center top/cover;}

.location {position:relative; text-align:center; margin:0 auto; line-height:40px; height:40px; margin-top:10px}
.location span {display:inline-block; margin-left:14px; color:#fff; font-weight:400;}
.location span.home {display: inline-flex; justify-content:center; align-items: center; background: #fff; border-radius:100%; width:40px; height:40px; padding:0px !important;}
.location > span:after {display:block; content:""; width:5px; height:5px; border-top:2px solid #fff; border-right:2px solid #fff; display:inline-block; transform:rotate(45deg); margin-left:11px; border-bottom:2px solid transparent; border-left:2px solid transparent;}
.location > span.home:after {display:none;}
.location > span:last-child:after {display:none;}
.location span:first-child {padding-left:0px; margin-left:0px;}
.location #location_2 {font-weight:600; color:#fff}
.location #location_3 {font-weight:600;}
.location img {vertical-align:middle; margin-top:-4px;}

.sub_page_wrap {display: flex; max-width: var(--inner); margin: 0 auto; align-items: flex-start; justify-content: space-between; gap:20px 30px;}
.sub_page_wrap .sub_con {max-width:1040px; flex:1; width:calc(100% - 360px); margin:0px;}

.quick_sns a {border-radius:13px; width:min(40px, 9vw); height:min(40px, 9vw);}
.quick_sns .kakao {background:#ffda2b}
.quick_sns .face {background:#3a589b}
.quick_sns .x {background:#000000}
.quick_sns .blog {background:#21c531}
.quick_sns .clip {background:#fff; border:1px solid #ccc}
.quick_sns .close {background:#fff; border:1px solid #ccc; position:relative; text-indent:-99999em;display:block; }
.quick_sns .close:after {display: block; content: ""; width:20px; height: 2px; background: #000; transform-origin: center; transform: translate(-50%, -50%) rotate(45deg); position: absolute; top: 50%; left:50%;}
.quick_sns .close:before {display: block; content: ""; width:20px; height: 2px; background: #000; transform-origin: center; transform: translate(-50%, -50%) rotate(135deg); position: absolute; top: 50%; left:50%;}


.quick_sns .print {background:#002445}
.quick_sns > li {position:relative;}
.quick_sns .quick_sns {margin:0px !important;position:absolute; top:0px; right:0px; padding:0px; overflow:hidden; width:0px;  transition:all 0.3s 0s ease-in-out;}
.quick_sns .quick_sns.on {width:300px;}


.quick_sns {display:flex; justify-content: flex-end; gap:2px; margin:20px 0px 40px 0px;}
.quick_sns a {display:flex; align-items:center; justify-content: center;}
.quick_sns img {max-width:6vw; vertical-align: top;}

.lnb_position {width:300px; transform: translateY(-93px);}
.lnb_quick {background: #dce1e3; color: var(--key-color); border-radius:20px; overflow: hidden; color: #000000; margin-top:10px;  padding: 12px; }
.lnb_quick > dl {padding:13px 18px 8px 18px; font-weight:600}
.lnb_quick > dl dt {font-weight:700;}
.lnb_quick > dl .tel {font-size:1.66em; padding:0.2em 0px; line-height:1.4em; font-weight:700;}
.lnb_quick > dl .txt {line-height:1.5em;}
.lnb_quick a.bt {display: flex; align-items: center; justify-content: center; width: 100%; height:48px; font-weight: 600; background: var(--key-color); color: #fff; border-radius: 50px;}
.lnb_quick a.bt img {margin-left:0.8em}


.info .type li {display: flex;  align-items: center; justify-content: center; width: 130px; font-size: 16px; height:30px; font-weight: 600; background: #6B6ABF; color: #fff; border-radius: 50px;}
li.flex-item{
	position:relative;
	display: flex;
	align-items: flex-start;
	gap: 10px;
}

li.flex-item .arrow{
	position: absolute;
	bottom: 0; 
	right: 0;
	cursor: pointer;
}


li.flex-item .ico img{

	display: block;
}

li.flex-item .info {
	display: flex;
	flex-direction  : column;
	font-weight: bold;
	gap: 8px;
}

.bt_a {
	position: relative;
	display: flex;  
	align-items: center; 
	justify-content: center; 
	width: 430px; 
	text-align: center;
	font-size: 20px; 
	height:130px; 
	font-weight: 600; 
	background: #6B6ABF; 
	color: #fff; 
	border-radius: 5px; 
	margin-left: 300px;
	box-sizing: border-box;
}

.bt_a a{
	position: relative;
	color: #fff ;
	display: inline-block;
	justify-content: space-between;
	align-items: center;
	position: relative;
	text-decoration: none;
	padding: 10px 15px;
}



.bt_a .arrow {
	position: absolute;
	bottom: 5%;
	right: 3%;
	display:block;
	padding: 0;
	height: auto;
}

li.flex-item .info ul.type{
	display: flex;
	gap: 10px;
	padding: 0;
	margin: 0;
	list-style: none;
}

li.flex-item .info h4 {
	color:#6B6ABF;
	font-size:1.3em; line-height:1.4em
}
.bone_wrap {
	display: flex;
align-items: center;
justify-content: center;
position: relative;
background:  #6B6ABF ;
padding: 100px 40px; /* 몸통 크게 */


gap: 24px;

margin: 0 auto;
border-radius: 0;
z-index: 1;
}

.bone_wrap::before,
.bone_wrap::after {
content: '';
position: absolute;
left: 0;
right: 0;
height: 60px; /* 곡선 깊이 */
background: #fff;
z-index: 0;
}

.bone_wrap::before {
top: 0;
border-radius: 0 0 10% 10% / 0 0 90% 90%; /* 위쪽 끝 곡선 날카롭게 */
}

.bone_wrap::after {
bottom: 0;
border-radius: 10% 10% 0 0 / 100% 100% 0 0; /* 아래쪽 끝 곡선 날카롭게 */
}




	.bone_wrap .ico img {
		width: 60px;
		height: 60px;
		min-width:60px;
		position: relative;
		z-index:2;
	}

	.bone_wrap p {
		flex: 0;
		text-align: left;
		min-width: max-content;
		color: white;
		position: relative;
		z-index: 1;
		margin: 0;
	}

	.bone_wrap p strong {
		font-size: 28px;
		font-weight: 700;
	}

	.bone_wrap .txt_b {
		font-size: 16px;
		font-weight: 400;
		opacity: 0.9;
		line-height: 1.5;
		display: block;
		margin-top: 8px;
	}


.img_txt {
	position:relative;
	width: 100%;
}

.img_txt img{
	display: block;
	width:100%;
	height: auto;
}

.img_txt .pa_txt{
	position: absolute;
	top: 0;
	left: 0;
	color: white;
	width: 100%;
	height: 100%;
	display:flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	white-space: pre-wrap;
	font-size: 30px; 
	line-height:1.4em;
	font-weight: 100;
	padding: 0 10px;
}

.entrance_exam .entrance_border {
	background-color: #F6FBFE;
	border: 2px solid #b588ff;
	border-radius: 10px;
	padding: 40px;
	margin: 0;
}

.bold-text{
	font-weight: bold;
}
.lnb_title {display: flex; justify-content: center; align-items: center; text-align: center; width:300px; height:186px; border-radius:20px; background: url(../img/common/lnb_tit_bg.jpg) no-repeat left top/cover; font-size:32px; font-weight:700;}
.lnbs3 {margin-top:10px}
.lnbs3 li:not(:first-child) {margin-top:2px}
.lnbs3 li > a {display:flex; align-items:center; color:#000; height:59px; line-height:1.3em; word-break:break-all; border:1px solid #ebebeb; border-radius:4px; background: #f6f8fe; padding:5px 28px; font-weight:500}
.lnbs3 li.on > a, .lnbs3 li > a:hover {background:var(--key-color); color:#fff}
.lnbs3 li.on > a:after, .lnbs3 li > a:hover:after {margin-left:auto; content: ''; display: block; width:18px; height:13px; background:url(../img/common/lnb_arrow.png) no-repeat left top/cover; transform: translateX(10px);}
a.blank img {display:inline-block; vertical-align: middle; margin-left:7px}
.lnbs3 li > a.blank:hover img{-webkit-filter:brightness(1) invert(0.9); filter:brightness(1) invert(1);}

#lnb_wrap .lnbs {display:none;}
#lnb_wrap .ico_home {display:none;}


.lnb_tit, a.lnb_tit {font-size:16px; display:block; box-sizing:border-box; padding-left:20px; color:#fff; line-height:60px; height:60px; cursor:pointer; padding-right:20px; font-weight:600; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.lnb_tit:after {display:block; content:""; position:absolute; right:20px; top:50%; transform:translateY(-50%); width:0; height:0;border-top:7px solid #fff; border-left:5px solid transparent; border-right:5px solid transparent; transition:all 0.2s 0s ease-in-out;}
.lnb_tit.on:after {transform:rotate(-180deg); margin-top:-5px}

.sub_con { max-width:var(--inner); margin:0 auto; font-size:var(--font-size); word-break:keep-all;}
.sub_con > .s_tit:first-child {margin-top:0px;}
.s_tit {font-size:2.6666em; color:#000000; font-family:'Hana2'; line-height:130%; padding:0px 0px 20px 0px;  position:relative; margin-top:60px; font-weight:800; display:flex; align-items:center;}
.s_tit.no-flex {display:block; line-height:1.3em;}
/*
.s_tit:before {display:block; content:""; z-index:0; width:26px; height:26px; border-radius:100%; background:linear-gradient( 120deg, #00aa53, #005e9c ); align-self:flex-start; margin-right:10px;}
.s_tit:after {display:block; content:""; position:absolute; left:9px; top:10px; width:4px; height:4px; border-top:1px solid #fff; border-right:1px solid #fff; transform:rotate(45deg);}
*/

.s_tit.tc {text-align:center; justify-content:center; background:none !important; padding-left:0px;}
.s_tit.tc:after {display:none;}
.s_tit.tc:before {display:none;}

.ss_tit {font-size:1.666em; color:#000; margin:2.15em 0px 0.5em 0px; font-weight:700; display:flex; align-items:center;}
.ss_tit.tc {justify-content:center; text-align:center}
.ss_tit.no-flex {display:block;}
.ss_tit > span{font-weight:300;}
.sss_tit {font-size:1.333em; margin:2.26em 0px 0.5em 0px; font-weight:700; display:flex; align-items:center;}
.bar_tit {display: flex; color: #fff; background: var(--key-color); font-size: 1em; line-height: 1.4em; min-height: 2.8em; align-items: center; justify-content:center; text-align:center; padding:0.5em; margin:10px 0px;}
.b_txt {font-size:min(2em , 5.5vw); line-height:1.6em;}
.b_txt_s {font-size:min(1.44em , 4.5vw); line-height:1.6em;}

.introduce .big_text {font-size:min(2.11em, 5vw); line-height:1.4em;}
.introduce .in_movie .video_wrap {border-radius:min(20px, 4vw); overflow: hidden;}
.introduce .in_movie .vod-txt {width:100%; height:186px; padding:25px 4%; border-radius:6px; border:none; background:#f6f8fe; display:block; overflow-x:hidden;}
.introduce .img_box {display: flex; gap:25px; padding-top:25px}
.introduce .img_box .img {width:50%}
.introduce .img_box .txt {flex:1}
.introduce .img_box img {width:100%}
.introduce .sign {text-align: right; font-size:1.222em; line-height:1.3em;}



.introduce .half > li {display: flex; gap:20px; align-items:center; justify-content: space-between; margin-top:min(60px, 6vw)}
.introduce .half > li:nth-child(even) .img {order:2;}
.introduce .half > li > div {width:50%;}
.introduce .half > li > div.img {max-width:max-content;}
.introduce .half > li > div.info {max-width:480px;}
.introduce .half .txt_a {font-size:1.666em; line-height: 1.4em;}
.introduce .half .txt_b {font-size:1.33em; line-height:1.4em;}



.introduce .num_box {display: flex; gap:10px; margin-top:50px}
.introduce .num_box > li {position: relative; flex:1; border:1px solid var(--key-color); border-radius:10px;}
.introduce .num_box .num {font-size:var(--sub-font-size); display: flex; justify-content: center; align-items: center; border-radius: 100%; background:#ffe976; width:3.125em; height:3.125em; transform: translateY(-50%); margin:0 auto; font-weight: 700;}
.introduce .num_box .box {padding:0px 15px 30px 15px; text-align: center;}
.introduce .num_box .ico {display: block; padding-bottom: 1em;}
.introduce .num_box .txt {font-size:1.1em; font-weight: 600; line-height: 1.4em;}
.introduce .first-box {padding:1.2em; font-size:2em; font-weight:300; line-height: 1.4em; text-align: center; border-radius:100px; background:var(--sub-key-color);}
.introduce .step_tit {font-size: 1.333em; line-height: 1.3em; padding:0.7em 0px;}
.step_bottom {display: flex; gap:14px; justify-content: space-between;}
.step_bottom > li {flex:1; background:#dce1e3; border-radius:10px; text-align: center; padding:2em}

.key_tit {color:#fff; font-size:min(1.666em, 5.5vw); display: flex; min-height:min(135px, 28vw); justify-content: center ; align-items: center; background: url(../img/introduce/01_bg01.jpg) no-repeat center top/contain var(--key-color); padding:10px; text-align: center; padding-bottom:40px; border-radius:26px 26px 0px 0px; position: relative; }
.key_tit:after {content:""; width:100%; height:35px; background: #fff; border-radius:26px 26px 0px 0px; position: absolute; left: 0px; bottom:0px;}

.professor_list > ul {display: flex; flex-wrap: wrap; gap:20px 28px}
.professor_list > ul > li {width:calc(50% - 14px)}
.professor_list .box {display:block; position: relative; height:100%; border:1px solid #ebebeb; border-radius:10px; padding:20px 28px; font-size:var(--sub-font-size); background: #f6f8fe;  transition:all 0.3s 0s ease-in-out;}
.professor_list .box .top {display:flex;}
.professor_list .box .name {font-size:1.125em;}
.professor_list .box .name > strong {font-size:1.222em; font-weight:700;}
.professor_list .box .position {margin-left:15px; padding-left:15px; position:relative; font-weight: 600;}
.professor_list .box .position::before {content:""; width:1px; height:20px; background: #000; position: absolute; left: 0px; top:0.3em;}
.professor_list .box .info  {padding-top:1em; display: flex; align-items: flex-start;}
.professor_list .box .photo {position:relative; min-width:93px; width:93px; height: 108px; overflow: hidden; border:3px solid #fff;}
.professor_list .box .photo img {width:100%; height:100%; object-fit: cover;}
.professor_list .info > ul {flex:1; margin-left:min(30px, 4vw);}
.professor_list .info > ul > li:not(:first-child) {margin-top:10px;}
.professor_list .info .subj {display:inline-flex; min-width:5.4em; padding:0px 1em; height:1.7em; font-weight:600; border-radius:30px; align-items: center; justify-content: center ; background: #ffffff;}
.professor_list .info .subs {padding-left:1em; margin-top:0.2em}
.professor_list .plus {display:flex; width:42px; height:42px; font-weight: 700;; font-size:16px; background:#fff; position: absolute; right:15px; bottom:15px; justify-content:center; align-items: center; border:1px solid #999999; border-radius:14px;}
.professor_list .box:hover {border-color:var(--key-color); background:var(--sub-key-color)}
.professor_list .box:hover .plus {border-color:var(--key-color); color:var(--key-color)}
.professor_view .pop_wrap {border-radius:min(16px, 5vw); padding-top:40px; font-size:var(--sub-font-size)}
.professor_view .name {text-align:center; font-size:2.25em; line-height:1.4em; font-weight:400; color:#000;}
.professor_view .name > strong {font-weight:800;}
.professor_view .position {font-weight: 600; text-align: center;}
.professor_view .info {display:flex; align-items: flex-start; margin-top:20px;}
.professor_view .info .photo {width:87px; height: 102px; overflow: hidden; min-width: 87px;}
.professor_view .info .photo img {width:100%; height:100%; object-fit: cover;}
.professor_view .info > ul {flex:1; margin-left:min(30px, 4vw);}
.professor_view .info > ul > li:not(:first-child) {margin-top:10px;}
.professor_view .info .subj {display:inline-flex; min-width:5.4em; padding:0px 1em; height:1.7em; font-weight:600; border-radius:30px; align-items: center; justify-content: center ; background:var(--sub-key-color);}
.professor_view .info .subs {padding-left:1em; margin-top:0.5em}
.professor_view .history .tit {margin-top:20px; display: flex; padding:1em; padding-left:min(30px, 3vw); background: #f6f8fe; font-size:1.1em; align-items: center; border:1px solid #ebebeb; border-radius:4px;}
.professor_view .history .dec {padding:1em; padding-left:min(30px, 3vw);}

.professor_view .name_list {display:flex; align-items:center; justify-content: flex-end; gap:5px; margin-top:10px;}
.professor_view .name_list select {border:1px solid #ccc; height:100%; width:100px}
.professor_view .name_list .bt {background:#333; color:#fff}

.five_strong > li {display: flex; gap:10px 0px; justify-content: space-between; align-items: center;}
.five_strong > li:not(:first-child) {margin-top:min(50px, 5vw);}
.five_strong > li:nth-child(even) .info {padding-left:2em; padding-right:0px; order: 2;}
.five_strong .box {width:50%}
.five_strong .info {padding-right:2em}
.five_strong .info .num {width:3.125em; height:3.125em; font-size: var(--sub-font-size); font-weight: 700; display: flex; border-radius:100%; align-items: center; justify-content: center; background: #cedffb; margin-bottom:1em;}
.five_strong .info .txt {font-size:1.333em; line-height:1.5em; font-weight:300; max-width:16em;}


.coursework > li:not(:first-child) {margin-top:min(20px, 3vw);}
.coursework > li { border:1px solid #e5e5e5; overflow: hidden; border-radius:8px;}
.coursework .head {display: flex; align-items:center; gap:0px 0.5em; font-size:1.33em; line-height: 1.3em; color:var(--key-color); padding:9px; padding-right:40px; min-height: 2em; position: relative; cursor: pointer; font-weight:300}
.coursework .head .ico {min-width: max-content;}
.coursework .head strong {font-weight:700;}
.coursework .head::after {content:"";width:6px; height:6px; border-bottom:3px solid #000; border-right:3px solid #000; border-radius:3px; transform: rotate(45deg); position: absolute; right:20px; top:36%;}
.coursework .head.active::after {transform: rotate(225deg); top:44%;}
.coursework .body {padding:1em; font-size:var(--sub-font-size) ; border-top:1px solid #e5e5e5; color:#333333; display:block;}

.learn_obj {display: flex; gap:5px}
.learn_obj > li {flex:1; border:1px solid var(--key-color); border-radius:130px; padding:30px 10px 50px 10px; text-align:center;}
.learn_obj .ico {display:block; padding:0px 0px 10px 0px;}
.learn_obj dt {padding:0.5em; font-size:1.111em; font-weight:700; color:#fff; background:var(--key-color); border-radius:8px;}
.learn_obj dd {font-size:var(--sub-font-size); padding:0px 10px; color:var(--key-color)}
.learn_obj dd:before {display:block; content:""; width:1px; height:20px; background: var(--key-color); margin:1em auto;}
.learn_obj > li:nth-child(even) {background:var(--key-color)}
.learn_obj > li:nth-child(even) dt {background:#8e8ddd;}
.learn_obj > li:nth-child(even) dd {color:#fff;}
.learn_obj > li:nth-child(even) dd:before {background:#fff;}

.license_tit {display: flex; justify-content:center; align-items:center; text-align: center; min-height:2.55em; border-radius:10px; background:#b0b0fb; font-size:1.666em; line-height:1.4em; padding:0.5em; margin-top:min(100px, 18vw)}

.go_site {display: flex; gap:10px; justify-content: space-between;}
.go_site > li {flex:1; max-width: 492px; min-height:min(140px, 23vw); border:1px solid #cccccc; border-radius:10px; display: flex; justify-content: center; align-items: center; padding:10px;}
.go_site > li > a {display: flex; justify-content: center; align-items: center; padding:10px; width:100%; height:100%; position: relative;}
.go_site .arrow {position:absolute; right: 10px; bottom: 10px;}
.go_site .arrow img {max-width:20px; filter: invert(51%) sepia(87%) saturate(2952%) hue-rotate(217deg) brightness(84%) contrast(74%);}
.go_site .tel {font-weight: 700; font-size:1.333em ;}
.go_site .ico {margin-right:1em;}

.go_site_wrap {display: flex; gap:10px; justify-content: space-between;}
.go_site_wrap > li {flex:1; max-width:492px;}


.get_process {display: flex; justify-content:center; flex-wrap: wrap; gap:min(70px, 10vw); margin-top:10px}
.get_process > li {flex:1; max-width: max-content;}
.get_process .box {position:relative; width: 200px; height: 200px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius:100%; text-align: center; padding:1em; background: #eef2fd;}
.get_process > li:not(:first-child) .box:before {display: block; content:""; width:36px; height:36px; background: #fff; border-radius:100%; border:1px solid #dcdcdc; position:absolute; left:-30%; top: 50%; transform: translateY(-50%);}
.get_process > li:not(:first-child) .box:after {display: block; content:""; width: 5px; height: 5px; border-top: 2px solid #dcdcdc; border-right: 2px solid #dcdcdc; transform: rotate(45deg) translateY(-50%); position: absolute; left:-24%; top: 50%;}
.get_process .box .txt_a {font-weight:700;}
.get_process .box .txt_b {font-size:var(--sub-font-size);}

.faq_list > li:not(:first-child) {margin-top:1em}
.faq_list .q_box {display: flex; align-items: center; background: #b1b0fc; border-radius:min(14px, 4vw); min-height:3.55em; padding:10px 1em; position: relative; z-index: 2;}
.faq_list .num {margin-right:1em; display: flex; align-items: center; justify-content: center; width: 2.444em; height:2.444em; background: #fff; font-weight:700; border-radius:100%;}
.faq_list .q_box .txt_t {flex:1; font-weight:700;}
.faq_list .q_box .plus {margin-left:auto; display: flex; align-items: center; justify-content: center; width:32px; height:32px; background:#000; color:#fff; font-weight: 600; font-size:22px; border-radius:10px;}
.faq_list .a_box {padding:1.5em 1em 1.2em 4.444em; margin-top:-0.5em; background: #f6f8fe; border-radius:0px 0px min(14px, 4vw) min(14px, 4vw);}








.atab_wrap { padding:1em; background: #f6f8fe; border-radius:100px;}
.atab {display:flex; overflow-x:auto; gap:min(12px, 2vw); position:relative;}
.atab::-webkit-scrollbar {width:5px; height:8px; background-color:#eee;}
.atab::-webkit-scrollbar-thumb {background:#666;}
.atab li {flex:1;}
.atab li a {display:flex; height:3.11em; justify-content:center; align-items:center; background:#fff; text-align:center; font-weight:500; line-height:1.2em; box-sizing:border-box; color:#666666; padding:0px 5px; border-radius:60px; }
.atab li.on a {background:var(--key-color); color:#fff;}

.btab {border-bottom:1px solid #cccc; margin-bottom:40px; display:flex; flex-wrap:wrap; justify-content:center; padding:1.5em 0px;}
.btab li {padding:2px 1em;}
.btab li a {color:#999999; font-weight:600;}
.btab li.on a {color:#009477; font-weight:700;}

.ctab {display:flex; overflow-x:auto; margin-bottom:50px; padding-bottom:10px; position:relative; margin:0px -5px;}
.ctab::-webkit-scrollbar {width:5px; height:8px; background-color:#eee;}
.ctab::-webkit-scrollbar-thumb {background:#666;}
.ctab li {flex:1; padding:0px 5px; min-width:fit-content;}
.ctab li a {display:flex; height:60px; justify-content:center; align-items:center; background:#fff; box-sizing:border-box; text-align:center; font-weight:700; font-size:18px; line-height:1.2em; box-sizing:border-box; color:#999999; padding:0px 1em; border:1px solid #cccccc;}
.ctab li.on {position:relative; z-index:2;}
.ctab li.on a { color:#009477; border-color:#009477}






.of_hi .fl50 {float:left; width:49%;}
.of_hi .fr50 {float:right; width:49%;}
.graybox { background:#cccccc; padding:10px;}
.no_flash { display:none;}

/* 레이어팝 */
.layerPop {-webkit-overflow-scrolling:touch; display: flex; align-items: center; justify-content:center; width:100%; position:fixed; left:0; right:0; top:0; bottom:0; padding:10px; z-index:99999;  background:rgba(0, 0, 0, 50%); font-size:var(--font-size); line-height:1.5em;}
.pop_wrap {width:100%; max-height:100%; padding:10px; position:relative;  background:#fff;}
.pop_wrap .pop_body {padding:15px 20px; word-break:keep-all; overflow-y:auto; max-height:90vh;}
.pop_wrap .pop_body::-webkit-scrollbar { width: 6px; }
.pop_wrap .pop_body::-webkit-scrollbar-thumb { background-color:#ccc; border-radius: 10px;}
.pop_wrap .pop_body::-webkit-scrollbar-track { background-color: transparent; }
.pop_wrap .x_btn {position:absolute; right:10px; top:10px; display:block; cursor:pointer; background:none; width:40px; height:40px; font-size:0px;}
.pop_wrap .x_btn:after {display:block; content:""; width:20px; height:4px; background:#000; transform-origin:center; transform:translate(-50%, -50%) rotate(45deg); position:absolute; top:50%; left:50%;}
.pop_wrap .x_btn:before {display:block; content:""; width:20px; height:4px; background:#000; transform-origin:center; transform:translate(-50%, -50%) rotate(135deg); position:absolute; top:50%; left:50%;}
.pop_wrap .pop_head.bg_no {background:#fff;}
.pop_wrap .pop_head.bg_no .title {color:#000}
.pop_wrap .pop_head.bg_no .x_btn:after {background:#000}
.pop_wrap .pop_head.bg_no .x_btn:before {background:#000;}
.pop_wrap .pop_head {background:linear-gradient(-120deg, rgba(33,73,166,1) 0%, rgba(69,113,233,1) 100%); position:relative;}
.pop_wrap .pop_head .x_btn {top:50%; transform: translateY(-50%); font-size:1px !important; text-indent:-999999px;}
.pop_wrap .pop_head .title {font-size:26px; line-height:140%; color:#fff; padding:20px 50px 15px 25px; text-align:left; font-weight:800;}
.pop_wrap .pop_head .title.tc {padding-left:50px;}
.pop_wrap .pop_head .s_txt {font-size:14px; line-height:14px;  color:#646464; text-align:center; padding:0px 0px 30px 0px;}



/* 팝업 */
.main_layer_pop {position:absolute; left:5%;  top:100px; z-index:9999}
.main_pop_bottom {background:#fff; font-weight:300; color:#000; padding:10px; position:relative; font-size:14px; box-sizing:border-box; border:1px solid #ccc;}
.main_pop_bottom .close {position:absolute; right:10px; top:10px; padding-right:30px; background:url(../img/common/close.png) no-repeat right center; background-size:20px auto;}
.main_layer_pop_inner {width:100%; height:100%; display:table; position:relative; margin:0 auto; box-sizing:border-box;}
.main_layer_pop_inner .cell {display:table-cell; vertical-align:middle; position:relative; padding:0px 10px;}
.main_layer_pop .bx-wrapper .bx-controls-direction a {margin-top:-22px; width:44px; height:44px;}
.main_layer_pop .bx-wrapper .bx-prev {left:0px; background:url(../img/main/pop_l.png) no-repeat 0 0;}
.main_layer_pop .bx-wrapper .bx-next {right:0px; background:url(../img/main/pop_r.png) no-repeat 0 0;}
.main_layer_pop .pop_wrap_in {margin:0 auto;}
.main_layer_pop .pop_wrap_in{overflow-y:auto;}


.layers_wrap {background:#FFF; position:relative; min-width:300px;  font-weight:300;}
.layers_wrap .layers_tit {width:100%; padding:15px 0px; line-height:150%; background:#333;  text-align:center; font-size:1.8em; color:#fff; position:relative;}
.layers_wrap .layers_tit .logo {padding-left:25px; padding-top:20px;}
.layers_wrap  .close_pop { position:absolute; right:25px; top:17px;}
.layers_wrap .layers {padding:20px; font-size:14px; position:relative; /*min-height:100px; max-height:760px; overflow-x:hidden; overflow-y:auto; -webkit-print-color-adjust:exact;*/}

.layers_wrap .close {height:30px; border-top:none; text-align:right; background:#e2e2e2; line-height:30px;}
.layers_wrap .close a { display:inline-block; font-family:Pretendard; color:#2d2d2d; padding-right:20px; background:url(http://pic.neungyule.com/newnetimes/img/btn/pop_close_s.gif) no-repeat right center; margin-right:10px;}
.layers_wrap .pop_tit {padding-left:5px; border-bottom:1px solid #afafaf; min-height:41px; padding-bottom:3px; font-family:Pretendard; color:#444444; font-size:22px; line-height:41px;}
.layers_wrap .pop_tit.ico_check2 { font-size:13px; min-height:20px; padding:10px 10px 10px 50px; background:url(../img/common/ico_check2.gif) no-repeat 10px 10px #f9f9f9; line-height:150%; border-bottom:none;}
.layers_wrap .pop_tit_no {min-height:38px; font-family:Pretendard; color:#444444; font-size:22px; line-height:38px;}


.print_wrap #header {display:none !important}
.print_wrap .sub_visual {display:none !important}
.print_wrap .lnb_position {display:none !important}
.print_wrap #lnb_wrap {display:none !important}
.print_wrap .title_bar {display:none !important}
.print_wrap .page_tab {display:none !important}
.print_wrap #footerW {display:none !important}
.print_wrap .print_bt {display:none !important}
.print_wrap .p_none {display:none !important}
.print_wrap .print_hide {display:none !important}
#wrap.print_wrap, .print_wrap #inner_wrap {padding:0px !important}


.date_picker_two {overflow:hidden; position:relative}
.date_picker_two .date_picker {float:left; width:47%;}
.date_picker {display:flex; align-items:center;}
.date_picker .input {width:100%; flex:1;}
.date_picker img {min-width:fit-content; margin:0px 10px;}
.date_picker.two_col .input {width:100%;}
.date_picker_two .col-sm-2  {float:left; width:47%;}
.date_picker_two .pa {left:50%; top:0%; line-height:30px; text-align:center; width:10px; margin:0px 0px 0px -5px;}


.map_wrap {border-bottom:1px solid #ccc; height:580px; overflow:hidden; box-sizing:border-box; margin-top:30px; margin-bottom:1em}
.map_wrap > div {height:100% !important; width:100% !important;}
.map_wrap > div .wrap_map {height:100% !important; width:100% !important;}
.map_p_wrap {display: flex; flex-wrap: wrap; gap:10px 40px;}
.map_p {display:flex; align-items:center; font-size:1.111em; font-weight:700;}
.map_p > strong {align-self:flex-start; display:flex; align-items:center; font-weight:500; min-width:fit-content; margin-right:15px;}
.map_p > strong img {margin-right:10px;}


/* 1280px 이상 */
@media screen and (min-width:1199px) {
	.m_gnb {display:none !important;}
     
}

/* 1640px 이하 */
@media screen and (max-width:1640px) {
	
	
}

/* 1440px 이하 */
@media screen and (max-width:1439px) {
	.header_top_in {flex-wrap: wrap; height: auto;}
	.header_top .banner {max-width:100%; position:relative; left:auto; top:auto; transform:none; border-radius:0px; padding:0px 1em; order: 1; margin-bottom:6px}
	.header_top .link_left, .header_top .link_right, .header_top .login_bt {order:2}
	.header_top .link_left {padding-left:10px; width:50%}
	.header_top .login_bt {padding-right:10px;}

	.side_quick {transform: translate(200%, -50%); display:none;}

}

/* 1200px 이하 */
@media screen and (max-width:1200px) {
	.all_menu {display:block;}
	.w_gnb {display: none;}
	#header h1 {left:50%; transform:translate(-50%, -50%); -wbkit-transform: translate(-50%, -50%);	}

	.util_menu {display:block}

	.main_visual {flex-wrap: wrap;}
	.main_visual .txt_frame {justify-content: center; padding-bottom:60px;}
	.main_visual .banner_slide {width:100%; max-width: none;}

	.main_board_wrap {flex-direction: column;}
	.main_board_wrap:after {display:none;}
	.img_news .first {max-width:none;}
	.img_news .list  {max-width:none;}
	.img_news .list a .img {max-width:225px; width:37%}
	


	.main_board_wrap .main_board {width:100%; max-width:none;}
	.main_movie {flex-direction: column;}
	.main_movie .box {width:100%; max-width:100%}
	
	
	.sub_page_wrap {flex-wrap:wrap;}
	.lnb_position {transform: none; width:100%;}
	.lnb_position .lnb_title, .lnbs3, .lnb_quick {display:none;}
	.sub_page_wrap .sub_con {max-width:100%; width:100%}
	.sub_visual {border-radius:0px}

	#lnb_wrap {position: relative; margin:0px -20px}
	#lnb_wrap:before {content:""; width:100vw; height:100%; position: absolute; left: 50%; top: 0px; transform: translateX(-50%); background: var(--key-color);}
	#lnb_wrap .lnbs {display:block;}
	#lnb_wrap .lnb {display:flex; margin:0 auto; position:relative; z-index:9; transition:all 0.3s;}
	#lnb_wrap .lnb .lnbs { width:50%; max-width:300px; box-sizing:border-box; border-right:1px solid rgba(255, 255, 255, 30%); position:relative;}
	#lnb_wrap .lnb .lnbs .copy_menu { position:absolute; left:0px; top:calc(100% + 0px); top:-webkit-calc(100% + 0px); width:100%; border-left:1px solid #e2e2e2;  border-right:1px solid #e2e2e2;  border-top:1px solid #e2e2e2; display:none; background:#fff; box-shadow: 0px 0px 13px rgba(0, 0, 0, 10%);}
	#lnb_wrap .lnb .lnbs .sub_menu {display:none !important;}

	.lnb_tit, a.lnb_tit {color:#fff; font-size: 16px; padding-left: 20px; line-height: 60px; height: 60px;}
	.lnb ul li a {font-size:15px; display:block; line-height:130%; min-height:30px; height:auto; padding:15px 0px 15px 20px; border-bottom:1px solid #e2e2e2; box-sizing:border-box; text-align:left; border-top:none; font-weight:500;}
	.lnb ul li a:hover {color:var(--key-color);}

	.go_site > li {max-width: 100%;}


}

/* 980px 이하 */
@media screen and (max-width:979px) {
	:root {
		--font-size:17px;
		--sub-font-size:15px;
	}

	.header_top .link_right {display:none;}
	.slide_menu_wrap {width:100%; max-width:100%; right:-102%}

	.main_visual .txt_frame {font-size:min(18px, 2.8vw)}
	.month_event .data > li {width:100%}
	.month_event .day > li > a {font-size:15px; width: 32px; height: 32px;}
	.month_event .scroll_area {font-size:1.15em;}
	
	.main_quick {flex-wrap: wrap; gap:2em 1em}
	.main_quick > li {flex:30%; max-width:none;}
	.main_quick .ico img {max-width:8vw}
	

	.header_top .link_left {width:calc(100% - 100px);}
	.login_bt .pop_bt {display: none;}

	.main_movie {flex-direction: column;}
	.main_movie .box {width:100%; max-width:100%}


	
	
}

/* 768 이하 */
@media screen and (max-width:767px) {
	:root {
		--font-size:15px;
		--sub-font-size:14px;
	}


.img_txt {
	position:relative;
	width: 100%;
}

.img_txt img{
	display: block;
	width:100%;
	height: auto;
}

.img_txt .pa_txt{
	position: absolute;
	top: 0;
	left: 0;
	color: white;
	width: 100%;
	height: 100%;
	display:flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	white-space: pre-wrap;
	font-size: 30px; 
	font-weight: lighter;
	padding: 0 10px;
}

.entrance_exam .entrance_border {
	background-color: #F6FBFE;
	border: 2px solid #b588ff;
	border-radius: 10px;
	padding:20px;
	margin: 0;
}

.bold-text{
	font-weight: bold;
}
.lnb

  /* flex-item 세로 정렬 */
  li.flex-item {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  li.flex-item .ico img {
    width: 40px;
    /* margin-bottom: 8px; */
  }

  li.flex-item .info {
    gap: 6px;
    font-size: 0.95rem;
  }

.info .type li {
	display: flex;  
	align-items: center; 
	justify-content: center; 
	width: 100%; 
	font-size: 12px; 
	height:30px; 
	font-weight: 600; 
	background: #6B6ABF;
	color: #fff; 
	white-space: pre;
}

.info{
	width: 100%; 
}

  /* 하단 버튼 */
  .bt_a {
    width: 100%;
    max-width: 100%;
    height: auto;
    padding: 20px 10px;
    font-size: 18px;
    margin: 20px 0;
    flex-direction: column;
  }

  .bt_a a {
    font-size: 16px;
    padding: 8px 12px;
  }

  .bt_a .arrow {
    position: static;
    margin-top: 10px;
		position: absolute;
	right: 0px;
	top:50%;

	transform: translate(-10%);
}
  
.img_txt .pa_txt{

	font-size:4vw;


}


.bone_wrap {
	display: flex;
align-items: center;
justify-content: center;
position: relative;
background:  #6B6ABF ;
padding: 100px 40px; /* 몸통 크게 */


gap:10px;

margin: 0 auto;
border-radius: 0;
z-index: 1;
}

.bone_wrap::before,
.bone_wrap::after {
content: '';
position: absolute;
left: 0;
right: 0;
height: 60px; /* 곡선 깊이 */
background: #fff;
z-index: 0;
}

.bone_wrap::before {
top: 0;
border-radius: 0 0 10% 10% / 0 0 90% 90%; /* 위쪽 끝 곡선 날카롭게 */
}

.bone_wrap::after {
bottom: 0;
border-radius: 10% 10% 0 0 / 100% 100% 0 0; /* 아래쪽 끝 곡선 날카롭게 */
}




.bone_wrap .ico img {
	width: 40px;
	height: 40px;
	min-width:40px;
	position: relative;
	z-index:2;
}



.bone_wrap p strong {
	font-size: 18px;
	font-weight: 700;
}

.bone_wrap .txt_b {
	font-size: 12px;
	font-weight: 400;
	opacity: 0.9;
	line-height: 1.5;
	display: block;
	margin-top: 8px;
}

	.pc_view {display:none}
	.mb_view {display:block}
	.main_layer_pop {-webkit-overflow-scrolling:touch; position:fixed; overflow-y:auto; width:100% !important; max-width:100% !important; transform:none !important; -webkit-transform:none !important; left:0 !important; right:0 !important; top:0 !important; bottom:0; z-index:99999; background:rgba(0, 0, 0, 50%); margin:0px !important}
    .main_pop_bottom {padding:10px; font-size:14px;}
    .main_pop_bottom .close {right:10px; top:10px;}
	.main_layer_pop .pop_wrap_in {float:none !important;}
	
	#header h1 img {height:40px}
	.in_header {height:70px;}
	.menu_btn a {width:32px; height:32px; padding:0px; text-indent: -9999999em; border: none;}
	.menu_btn a > span {border-radius:0px;}
	.menu_btn a > span > span {width:100%; height:3px;}
	.menu_btn a > span > span:after {background: #000; top:-10px; height:100%}
	.menu_btn a > span > span:before {background: #000; bottom:-10px; height:100%}

	.header_top .banner {height:40px;}
	.header_top .link_left > li > a {font-size:1em}
	.header_top .link_left > li > a:after {display:none;}
	.header_top .link_left > li > a img {display:none}
	.util_menu > a {width:38px; height:38px;}
	.util_menu > a > span {width:4px; height:4px;}
	.util_menu > a > span:before {top:-8px}
	.util_menu > a > span:after {bottom:-8px}

	.main_visual .txt_frame {height:min(550px, 110vw);}
	.main_visual .txt_frame > img {max-height:80%;}
	.main_visual .txt_frame {position: absolute; left: 0px; top: 0px; height: 100%;}

	.month_event .day {display:none;}
	.month_event .head {width:30%; min-width:130px;}
	.month_event .month {flex-direction: column;}
	.month_event .month .btn.prev:after {transform: rotate(-45deg);}
	.month_event .month .btn:after {transform: rotate(135deg);}
	.month_event .head h3 {flex-direction: column; font-size:1.1em;}
	.month_event .scroll_area {height:100%; min-height: 370px;}

	.img_news {flex-direction: column;}
	.img_news .first {width:100%}
	.img_news .list {width:100%}


	.m_tit {font-size:min(2em, 8vw);}
	.section .more > a > span {width:28px; height:28px}


	.table_wrap {position:relative; overflow: auto;}
	.table_wrap > table {min-width: max-content; max-width:768px;}
	
	.table_wrap::-webkit-scrollbar {height:3px }
	.table_wrap::-webkit-scrollbar-thumb { background-color:#ccc; border-radius: 10px;}
	.table_wrap::-webkit-scrollbar-track { background-color: transparent; }
    /* .table_wrap:after {display:block; content:""; width:10px; height:100%; position:absolute; right:0px; top:0px; background: linear-gradient(to left, rgba(0, 0, 0, 10%) 0%, rgba(57, 114, 57, 0) 100%);} */
 
	
	
	.sub_page_wrap .quick_sns {margin:2.6vw 0px 3.9vw 0px}

	.sub_visual .sub_txt {height:32.5vw}
	.sub_visual .location {display:none;}

	.professor_list > ul > li {width:100%}
	.edu_step .list {flex-wrap: wrap;}
	.edu_step .list > li {flex:45%}
	.edu_objective .list dl dt .ico img {max-width:15vw}
	.edu_objective .list dl dt {padding:1em 5px; font-size:1.15em}
	.clearfix > li {width:calc(50% - 1.5vw)}
	.clearfix .box {padding:min(18px, 3vw)}

	
	.introduce .img_box {flex-direction: column;}
	.introduce .img_box .img {width:100%}
	.introduce .num_box {flex-direction: column; gap:30px}
	.introduce .half > li {flex-direction: column;}
	.introduce .half > li > div {width:100%; max-width:100% !important}

	.introduce .half > li > div.img img {width:100%}
	.introduce .half > li:nth-child(even) .img {order:0}

	.step_bottom  {flex-direction: column;}
	.introduce .first-box {font-size:min(1.7em, 5.5vw); border-radius:min(100px, 10vw);}

	.learn_obj {flex-wrap:wrap;}
	.learn_obj > li {flex:inherit; width:calc(50% - 2.5px)}
	.learn_obj .ico img {max-width:11vw;}
	
	.go_site {flex-direction:column;} 
	.go_site > li > a > img {max-width:60vw;} 
	.go_site > li > a {padding:0px}
	.go_site_wrap {flex-direction:column; gap:0px} 
	.go_site_wrap > li {max-width:100% ;}

}






/* 480px 이하 */
@media screen and (max-width:479px) {
	/* :root {
		--font-size:14px;
		--sub-font-size:13px;
	} */

	#header h1 img {height: 30px;}
	.header_top .link_left {padding-left:0px;}
	.header_top .link_left > li > a {font-size:12px; height: 40px; display: block; text-align: center; text-indent: -9px; line-height: 40px;}
	.header_top .login_bt > li .ico {width:23px; height:23px}
	.header_top .login_bt > li .ico img {width:10px;}
    .in_header {height:60px;}
	.slide_menu_inner {padding:0px 15px}
	.slide_menu_inner .header {height:80px; background-size:auto 30px ;}
	.slide_menu_inner .header:after {width: calc(100% + 30px);	}
	.menu_btn a > span {width:28px; height:28px}
	.menu_btn a > span > span:after {top:-8px;}
	.menu_btn a > span > span:before {bottom:-8px;}
	.util_menu_wrap .list a:after {width:10px; height:10px;}
	
	.main_visual .visual02 .txt_frame .txt_a {padding-top:2.5em}


	.atab_wrap {border-radius:40px}
	.atab {flex-wrap:wrap}
	.atab li {flex:none; width:calc(50% - min(6px ,1vw))}
	
	
	.section .more {font-size:13px; top:4px}
	.section .more > a > span {width:22px; height:22px; border-radius:3px ;}
	.main_board .list > li .new {min-width:20px; width:20px; height:20px; font-size:11px;}
	.main_board .new {min-width:20px; width:20px; height:20px; font-size:11px;}
	.main_board .date {min-width: 90px;	font-size: 13px;}
	.text_news .first .date {font-size: 13px;}


	.month_event { position: relative;   border-radius:0px; margin:0px -10px;}
	.month_event .scroll_area .txt_t {display:block}
	.month_event .data {gap:1em}
	.month_event .month .num {width:70px; height:70px;}
	.month_event .scroll_area {min-height: 300px;}

	
	#section4 {background-size:100vw auto ;}

	.main_movie .two > ul {margin-top:20px; gap:20px; flex-direction: column;}
	.main_movie .two > ul > li {width:100%;}

	.main_movie .box .movie::after {width:50px; height:50px}

	.main_movie .dec_wrap .view {font-size: var(--font-size);}

	.main_quick .ico {padding-top:10px}
	.main_quick .txt_t {font-size:1.1em;}

	.main_movie .box .more {top: 27px;}
	
    .m_tit {font-size:22px;}
    .m_tit_txt {font-size:15px;}
	.m_tit_b {font-size:26px;}
	
    .pop_wrap .pop_head .title {text-align:left !important; font-size:20px; padding-left:15px !important; padding:15px 45px 15px 15px;}
    .pop_wrap .pop_head .title br {display:none;}
	.pop_wrap .pop_body {padding:10px}

	#inner_wrap {padding-bottom:50px; padding-top:0px;}
	
	.sub_visual {border-radius: 0px;;}
	.lnb_tit, a.lnb_tit {height:50px; line-height:50px; font-size:14px; }
	.lnb ul li a {font-size:13px;}
	.lnb_tit:after {right:10px;}
	.quick_sns .pc_print {display:none}

	.professor_view .history .tit {padding:0.6em}
	.professor_list .box {padding:20px}
	.professor_list .plus {width:35px; height:35px}
	.professor_list .box .photo {width: 67px;height:79px; min-width: 67px;}
	.professor_list .box .position::before {height:14px;}

	.five_strong > li {flex-direction: column;}
	.five_strong .box {width:100%}
	.five_strong .img {order: 1;}
	.five_strong .info {order: 2; padding:0px !important; display: flex;}
	.five_strong .info .txt {max-width: none; font-size: 1.2em;}
	.five_strong .info .num {min-width: 3.125em; margin-right:1em}

	.coursework .head .ico img {width:40px}
	.coursework .head {font-size:1.15em;}
	.coursework .head strong {display: block;}
	.coursework .head > p br {display: none;}



/* 	.get_process > li:not(:first-child) .box:before {left:50%; top:-19%; transform: translateX(-50%)}
	.get_process > li:not(:first-child) .box:after {transform: rotate(135deg); left:97px; top:-12%}
	 */
	.get_process {gap:20px;}
	.get_process > li:nth-child(3) .box:before {display:none;}
	.get_process > li:nth-child(3) .box:after {display:none;}
	.get_process .box {width:150px; height:150px;}
	.get_process .box .ico img {width:44px;}
	.get_process > li:not(:first-child) .box:before {left:-30px}
	.get_process > li:not(:first-child) .box:after {left:-18px}

}