@charset "utf-8";

@media (max-width: 1400px) {
	/* s101 */
	.history .wrap {gap: 70px;}
	.history .img-box {max-width: 450px;}

	/* s102 */
	.philosophy .container:before {background-size: 550px auto;}

	/* s103 */
	.greeting .wrap {gap: 70px;}

	/* s104 */
	.facilities .wrap {gap: 70px;}

	/* s105 */
	.stories .wrap {gap: 70px;}

	/* s201 */
	.teacher-wrap {gap: 30px;}
	.teacher .tab-thumb {max-width: 500px;}
	.teacher .tab-menu-wrap {margin: -15px -15px;}
	.teacher .tab-menu {padding: 15px 15px;}

	/* s301 */
	.lecture .wrap {gap: 70px;}

	/* s401 */
	.reservation .wrap {gap: 70px;}
	.reservation .left-box {max-width: 400px;}
}

@media (max-width: 1200px) {
	/* s201 */
	.teacher .tab-menu {width: 50%;}
}

@media (max-width: 1024px) {
	.sub-top {margin-top: 120px; padding-top: 55px;}
	.sub-top .path {margin-bottom: 25px;}
	.sub-top .page-title {padding-bottom: 25px;}
	.sub-top .page-title h2 {font-size: 38px;}
	.sub-top .page-title ul {margin-top: 12px;}
	.sub-top .page-title ul li {font-size: 16px;}

	.sub-cont {padding: 80px 0 150px;}
	.real-cont {padding: 80px 0 150px;}

	/* s101 */
	.history .wrap {gap: 40px;}
	.history .img-box {max-width: 400px;}
	.history-wrap {margin-top: 15px;}
	.history .year-wrap {padding-bottom: 50px;}
	.history .year-wrap:before {top: 25px; left: 125px;}
	.history .year {max-width: 125px;}
	.history .year h3 {font-size: 36px;}
	.history .details {margin-top: 12px;}
	.history .month-wrap {padding-left: 22px;}
	.history .month-wrap:not(:last-child) {margin-bottom: 10px;}
	.history .month-wrap:before {top: 10px;}
	.history .month-wrap .month {max-width: 45px; font-size: 16px;}
	.history .month-wrap ul li {font-size: 16px;}

	/* s102 */
	.philosophy .container:before {right: -140px; background-size: 350px auto;}
	.philosophy .text-box h3 {font-size: 22px; margin-bottom: 30px;}
	.philosophy .text-box p {font-size: 16px; margin-bottom: 20px;}
	.philosophy .text-box b {font-size: 22px;}
	.philosophy .text-box02 b {margin-top: 40px;} 
	.philosophy .confidence-wrap {padding: 40px 0; margin: 60px 0;}
	.philosophy .confidence-wrap h4 {font-size: 22px; padding-left: 53px; margin-bottom: 40px;}
	.philosophy .confidence-wrap h4:before {top: -2px; background-size: 34px auto;}
	.philosophy .confidence-wrap .box-items {margin-bottom: 30px;}
	.philosophy .confidence-wrap .box-items:after {bottom: -20px; background-size: 24px auto;}
	.philosophy .confidence-wrap .box-item {width: calc(50% + 20px); min-height: 200px; padding: 25px 60px;}
	.philosophy .confidence-wrap .box-item:nth-child(2) {margin-left: -40px;}
	.philosophy .confidence-wrap .box-item b {font-size: 20px; margin-bottom: 10px;}
	.philosophy .confidence-wrap .box-item p {font-size: 16px;}
	.philosophy .confidence-wrap .box-item p .pc-only {display: none;}
	.philosophy .confidence-wrap .text-result {font-size: 18px;}

	/* s103 */
	.greeting .wrap {gap: 60px;}
	.greeting .img-box {max-width: 300px;}
	.greeting .text-box {margin-top: 30px;}
	.greeting .text-box .headline {margin-bottom: 20px;}
	.greeting .text-box h3 {font-size: 22px; padding: 3px 10px;}
	.greeting .text-box p {font-size: 16px;}
	.greeting .text-box p:not(:last-of-type) {margin-bottom: 20px;}
	.greeting .text-box p .pc-only {display: none;}
	.greeting .text-box .name {font-size: 16px;}
	.greeting .text-box .name span {font-size: 38px; margin-left: 5px;}

	/* s104 */
	.facilities .wrap {display: block; gap: 120px;}
	.facilities .board-tab-menu {max-width: none; padding: 0; }
	.facilities .board-tab-menu ul {display: flex; margin: 0 -5px;}
	.facilities .board-tab-menu ul li {width: 50%; padding: 0 5px;}
	.facilities-cont {width: 100%; flex: auto;} 
	.facilities-cont .slick-arrow {margin-top: -25px; width: 50px; height: 50px;}
	.facilities-cont .slick-prev {left: 15px;}
	.facilities-cont .slick-next {right: 15px;}

	/* s105 */
	.stories .wrap {display: block;}
	.board-tab-menu {max-width: none; margin-bottom: 50px; padding: 0 40px;}
	.board-tab-menu ul li {margin: 0; padding: 5px;}
	.board-tab-menu ul li a {height: 40px; font-size: 16px; line-height: 40px;}
	.stories .board-tab-menu .slick-arrow {position: absolute; top: 5px; width: 38px; height: 38px;}
	.stories .board-tab-menu .slick-prev {left: -40px; transform: rotate(-90deg); margin-bottom: 0;}
	.stories .board-tab-menu .slick-next {right: -40px; transform: rotate(-90deg); margin-top: 0;}

	.stories-list-wrap {width: 100%; flex: auto;}
	.stories-list {margin-bottom: 30px;}
	.stories-list li:not(:last-child) {margin-bottom: 40px;}
	.stories-list li .inner {padding: 50px 80px 50px 60px;}
	.stories-list li .img-box:before {background-size: 70px auto;}
	.stories-list li .img-box:after {top: 165px; background-size: 46px auto;}
	.stories-list li .text-box .name-wrap {padding-bottom: 15px; margin-bottom: 25px;}
	.stories-list li .text-box .university {font-size: 28px;}
	.stories-list li .text-box .student {font-size: 18px; }
	.stories-list li .details-wrap .title {font-size: 20px; margin-bottom: 10px;}
	.stories-list li .details .text {font-size: 16px; height:calc(1.72em * 1 * 5); -webkit-line-clamp: 5;}
	.stories-list li .year {right: 40px; width: 80px; height: 45px; font-size: 16px; line-height: 40px;}

	.stories .pg_wrap .pg .pg_page,
	.stories .pg_wrap .pg .pg_current {margin:0 10px; width:50px; height:50px; line-height:50px;}

	.stories-popup .inner {padding: 50px 80px 50px 60px;}
	.stories-popup .img-box:before {background-size: 70px auto;}
	.stories-popup .img-box:after {top: 165px; background-size: 46px auto;}
	.stories-popup .text-box .name-wrap {padding-bottom: 15px; margin-bottom: 25px;}
	.stories-popup .text-box .university {font-size: 28px; margin-right: 20px;}
	.stories-popup .text-box .name {padding-bottom: 5px;}
	.stories-popup .text-box .student {font-size: 18px;}
	.stories-popup .details-wrap .title {font-size: 20px; margin-bottom: 10px;}
	.stories-popup .details .text {font-size: 16px;}
	.stories-popup .year {right: 80px; width: 80px; height: 45px; font-size: 16px; line-height: 40px;}
	.stories-popup .btn-close {top:10px; right:25px;}

	/* s106 */
	.location .tab-nav ul {margin: 0 -16px 30px;}
	.location .tab-nav ul li {padding: 0 16px;}
	.location .tab-nav a {font-size: 22px;}
	.location .map-box {margin-bottom: 50px;}
	.location .root_daum_roughmap {height:500px !important;}
	.location .root_daum_roughmap .wrap_map {height:500px !important;}
	.location .info-box {display: block;}
	.location .info-box .logo {max-width: none; margin-bottom: 20px;}
	.location .info-box .info {width: 100%; flex: auto;}
	.location .info-box .info ul li {font-size: 16px; padding-left: 14px; margin-right: 40px;}
	.location .info-box .info ul li:before {top: 16px;}
	.location .info-box .info ul li .line {margin: 0 10px;}
	.location .info-box .info ul li a {font-size: 22px;}
	.location .info-box .info ul li small {font-size: 15px; margin-left: 5px;}

	/* s201 */
	.teacher-wrap {flex-direction: column; gap: 20px;}
	.teacher .tab-thumb {max-width: none; }
	.teacher .tab-thumb .text-box {top: 80px; right: 20px; width: 210px;}
	.teacher .tab-thumb .text-box .title {padding-right: 18px;}
	.teacher .tab-thumb .text-box .teacher-subject {font-size: 15px; padding-bottom: 8px; margin-bottom: 10px;}
	.teacher .tab-thumb .text-box .teacher-name {font-size: 20px; margin-bottom: 15px;}
	.teacher .tab-thumb .text-box .teacher-name span {font-size: 16px;}
	.teacher .tab-thumb .text-box .desc li {font-size: 15px; padding-left: 10px;}
	.teacher .tab-thumb .text-box .desc li:before {top: 10px;}

	.teacher .tab-menu-wrap {width: calc(100% + 20px) ; flex: none; margin: -10px;}
	.teacher .tab-menu {width: 33.3333%; padding: 10px;}
	.teacher .tab-menu .name-box {padding: 8px 0;}
	.teacher .tab-menu .name-box p {font-size: 16px; padding: 0 7px;}
	.teacher .tab-menu .name-box .teacher-subject:after {top: 3px; height: 14px;}

	/* s301 */
	.lecture .wrap {display: block;}
	.lecture .board-tab-menu {max-width: none; width: 100%; text-align: center; margin-top: 0; padding: 0;}
	.lecture .board-tab-menu ul {display: flex; flex-wrap: wrap;}
	.lecture .board-tab-menu ul li {width: 20%;}
	.lecture .calendar {width: 100%; flex: auto;}
	.calendar .calendar-wrap .calendar-title {margin-bottom: 20px;}
	.calendar .calendar-wrap .calendar-title a {width: 38px; height: 38px;}
	.calendar .calendar-wrap .calendar-title h4 {font-size: 18px; padding: 0 30px;}
	.calendar .calendar-wrap .calendar-title h4 span {font-size: 22px;}
	.calendar .calendar-wrap tr th {font-size: 14px; line-height: 37px;}
	.calendar .calendar-wrap tr td {height: 110px; font-size: 14px; padding: 5px;}
	.calendar .calendar-wrap tr td ul {padding-top: 3px;}
	.calendar .calendar-wrap tr td ul li {font-size: 14px;}

	/* s401 */
	.reservation .wrap {flex-direction: column; gap: 60px;}
	.reservation .left-box {max-width: none; width: 100%; margin: 0 auto;}
	.reservation .calendar {width: 100%; flex: auto;}
	.reservation .calendar .calendar-wrap tr td {height: 80px;}

	.reservation-popup .inner {position: relative; padding: 30px 25px 30px; max-height: 80vh;}
	.reservation-popup .popup-title h2 {font-size: 26px; margin-bottom: 20px;}
	.reservation-popup .popup-info {padding: 25px 20px; margin-bottom: 20px;}
	.reservation-popup .popup-info dl:not(:last-child) {margin-bottom: 9px;}
	.reservation-popup .popup-info dt {max-width: 90px; font-size: 16px;}
	.reservation-popup .popup-info dt:before {top: 7px;}
	.reservation-popup .popup-info dd {font-size: 15px;}
	.reservation-popup .popup-form .form-items {margin-bottom: 15px;}
	.reservation-popup .popup-form .form-item:not(:last-child) {margin-bottom: 12px;}
	.reservation-popup .popup-form .form-input {font-size: 15px; padding: 11px 10px;}
	.reservation-popup .popup-form .form-select {font-size: 15px; padding: 11px 10px; background-position: 96% 50%;}
	.reservation-popup .popup-form .form-select option {font-size: 15px;}
	.reservation-popup .popup-form .form-textarea {min-height: 150px; font-size: 15px; padding: 11px 10px;}

	.reservation-popup .popup-form .popup-btn p {font-size: 18px; margin-bottom: 18px;}
	.reservation-popup .popup-form .btn-wrap button {font-size: 18px; line-height: 43px;}
	.reservation-popup .popup-form .btn-yes {width: 90px;}
	.reservation-popup .popup-form .btn-no {width: 100px;}
}

@media (max-width: 768px) {
	.sub-top {margin-top: 100px;}
	.sub-top .path {margin-bottom: 20px;}
	.sub-top .page-title {padding-bottom: 20px;}
	.sub-top .page-title h2 {font-size: 32px;}
	.sub-top .page-title ul {margin-top: 12px;}
	.sub-top .page-title ul li {font-size: 15px;}
	.sub-top .page-title ul li:before {top: 9px;}

	.sub-cont {padding: 50px 0 100px;}
	.real-cont {padding: 50px 0 100px;}

	/* s101 */
	.history .wrap {display: block; gap: 40px;}
	.history .img-box {max-width: 400px; margin-bottom: 50px;}
	.history .text-box {width: 100%; flex: auto;}
	.history-wrap {margin-top: 15px;}
	.history .year-wrap {padding-bottom: 40px;}
	.history .year-wrap:before {top: 25px; left: 110px;}
	.history .year {max-width: 110px;}
	.history .year h3 {font-size: 30px;}
	.history .details {margin-top: 9px;}
	.history .month-wrap {padding-left: 22px;}

	/* s102 */
	.philosophy .container:before {display: none;}
	.philosophy .text-box h3 {font-size: 20px; margin-bottom: 20px;}
	.philosophy .text-box p {font-size: 16px; margin-bottom: 15px;}
	.philosophy .text-box p .pc-only {display: none;}
	.philosophy .text-box b {font-size: 20px;}
	.philosophy .text-box02 b {margin-top: 30px;} 
	.philosophy .confidence-wrap {padding: 40px 0; margin: 50px 0;}
	.philosophy .confidence-wrap h4 {font-size: 20px; padding-left: 48px; margin-bottom: 30px;}
	.philosophy .confidence-wrap h4:before {top: -4px; background-size: 30px auto;}
	.philosophy .confidence-wrap .box-items {margin-bottom: 30px;}
	.philosophy .confidence-wrap .box-items:after {bottom: -15px; background-size: 24px auto;}
	.philosophy .confidence-wrap .box-item {width: calc(50% + 10px); min-height: 200px; padding: 30px 25px;}
	.philosophy .confidence-wrap .box-item:nth-child(2) {margin-left: -20px;}
	.philosophy .confidence-wrap .box-item b {font-size: 18px; margin-bottom: 10px;}
	.philosophy .confidence-wrap .box-item p {font-size: 16px;}
	.philosophy .confidence-wrap .box-item p .pc-only {display: none;}
	.philosophy .confidence-wrap .text-result {font-size: 18px;}

	/* s103 */
	.greeting .wrap {display: block;}
	.greeting .img-box {max-width: 380px; margin: 0 auto;}
	.greeting .text-box {width: 100%; flex: auto; margin-top: 40px;}
	.greeting .text-box h3 {font-size: 20px;}
	.greeting .text-box .name span {font-size: 34px; margin-left: 5px;}

	/* s104 */
	.facilities .board-tab-menu {max-width: none; margin-bottom: 30px;}
	.facilities .board-tab-menu ul {display: flex; flex-wrap: wrap; margin: -5px;}
	.facilities .board-tab-menu ul li {width: 50%; padding: 5px;}
	.facilities-cont .slick-arrow {margin-top: -20px; width: 40px; height: 40px;}
	.facilities-cont .slick-prev {left: 10px;}
	.facilities-cont .slick-next {right: 10px;}

	/* s105 */
	.board-tab-menu {margin-bottom: 40px;}
	.board-tab-menu ul li a {height: 36px; font-size: 15px; line-height: 36px;}

	.stories-list li:not(:last-child) {margin-bottom: 20px;}
	.stories-list li .inner {display: block; padding: 50px 20px 40px;}
	.stories-list li .img-box {max-width: 120px; margin: 10px auto 80px;}
	.stories-list li .img-box:before {top: -36px; left: -32px; background-size: 60px auto;}
	.stories-list li .img-box:after {top: 160px; background-size: 40px auto;}
	.stories-list li .text-box {width: 100%; flex: auto;}
	.stories-list li .text-box .name-wrap {padding-bottom: 10px; margin-bottom: 20px;}
	.stories-list li .text-box .university {font-size: 24px; margin-right: 15px;}
	.stories-list li .text-box .name {padding-bottom: 5px;}
	.stories-list li .text-box .student:after {top: 2px;}
	.stories-list li .details-wrap .title {font-size: 18px; margin-bottom: 10px;}
	.stories-list li .details .text {height:calc(1.72em * 1 * 4); -webkit-line-clamp: 4;}
	.stories-list li .details .text {padding-right: 20px;}
	.stories-list li .details .btn-more {right: -18px; font-size: 15px;}
	.stories-list li .year {right: 30px;}

	.stories-popup .inner {display: block; padding: 50px 20px 30px;}
	.stories-popup .img-box {max-width: 100px; margin: 10px auto 70px;}
	.stories-popup .img-box:before {top: -36px; left: -32px; background-size: 60px auto;}
	.stories-popup .img-box:after {top: 133px; background-size: 40px auto;}
	.stories-popup .text-box {width: 100%; flex: auto;}
	.stories-popup .text-box .name-wrap {padding-bottom: 10px; margin-bottom: 20px;}
	.stories-popup .text-box .university {font-size: 22px; margin-right: 15px;}
	.stories-popup .text-box .name {padding-bottom: 5px;}
	.stories-popup .text-box .student {font-size: 18px;}
	.stories-popup .text-box .student:after {top: 2px;}
	.stories-popup .details-wrap .scroll-wrapper {max-height: calc(100vh - 500px);}
	.stories-popup .details-wrap .title {font-size: 18px; margin-bottom: 10px;}
	.stories-popup .details .text {font-size: 15px;}
	.stories-popup .year {right: 70px; width: 80px; height: 45px; font-size: 16px; line-height: 40px;}
	.stories-popup .btn-close {top:10px; right:20px;}

	/* s106 */
	.location .tab-nav ul {margin: 0 -16px 30px;}
	.location .tab-nav ul li {padding: 0 16px;}
	.location .tab-nav a {font-size: 20px;}
	.location .map-box {margin-bottom: 40px;}
	.location .root_daum_roughmap {height:400px !important;}
	.location .root_daum_roughmap .wrap_map {height:400px !important;}
	.location .info-box .logo {margin-bottom: 15px;}
	.location .info-box .logo img {width: 220px;}
	.location .info-box .info ul {display: block;}
	.location .info-box .info ul li {font-size: 16px; line-height: 1.8em; padding-left: 14px; margin-right: 40px;}
	.location .info-box .info ul li:not(:last-child) {margin-bottom: 10px;}
	.location .info-box .info ul li:before {top: 11px;}
	.location .info-box .info ul li .line {margin: 0 10px;}
	.location .info-box .info ul li a {font-size: 22px;}
	.location .info-box .info ul li small {display: block; font-size: 15px; margin-left: 5px;}

	/* s201 */
	.teacher .tab-thumb {max-width: none; }
	.teacher .tab-thumb .text-box {top: 40px; right: 20px; width: 190px;}
	.teacher .tab-thumb .text-box .title {padding-right: 18px;}
	.teacher .tab-thumb .text-box .teacher-name {font-size: 18px; margin-bottom: 15px;}
	.teacher .tab-thumb .text-box .teacher-name span {font-size: 16px;}
	.teacher .tab-thumb .text-box .desc li {font-size: 15px; padding-left: 10px;}
	.teacher .tab-menu {width: 50%;}

	/* s301 */
	.lecture .board-tab-menu ul li {width: 33.3333%;}
	.lecture .calendar {width: 100%; flex: auto;}
	.lecture .calendar .calendar-wrap tr th {display: none;}
	.lecture .calendar .calendar-wrap tr td {display: block; width: 100%; height: auto; margin-top: -1px; padding: 10px 10px;}
	.lecture .calendar .calendar-wrap tr td.empty {display: none;}
	.lecture .calendar .calendar-wrap tr td .date-wrap {display: inline-block;}
	.lecture .calendar .calendar-wrap tr td .day {display: inline-block;}
	.lecture .calendar .calendar-wrap tr td .holiday {margin-left: 15px;}

	/* s401 */
	.reservation .text-box .title {padding-bottom: 20px; margin-bottom: 20px;}
	.reservation .calendar .calendar-wrap tr td {height: 70px;}
}

@media (max-width: 480px) {
	/* s102 */
	.philosophy .confidence-wrap .box-items {display: block;}
	.philosophy .confidence-wrap .box-items:after {display: none;}
	.philosophy .confidence-wrap .box-item {width: 100%; min-height: auto; margin-bottom: 10px;}
	.philosophy .confidence-wrap .box-item:nth-child(2) {margin-left: 0;}

	/* s104 */
	.facilities .board-tab-menu ul li {width: 100%;;}

	/* s201 */
	.teacher .tab-thumb .text-box {position: relative; top: auto; right: auto; width: auto; margin: 20px 0;}  

	/* s401 */
	.reservation-popup .inner {padding: 30px 20px 30px;}
	.reservation-popup .popup-title h2 {font-size: 24px;}
	.reservation-popup .popup-info dl {display: block;}
	.reservation-popup .popup-info dl:not(:last-child) {margin-bottom: 12px;}
	.reservation-popup .popup-info dd {font-size: 15px; padding-left: 13px;}
}