@charset "utf-8";

/* common css */
@import url("../common/common.css");

/* component css */
@import url("../common/component.css");

/* laout css */
@import url("../common/layout.css");





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

/* banner */
.banner-wrap { position: relative; width: 100%; margin: 0 auto; padding: 90px 0;}
.banner-wrap:before { content:''; top:0; left: 0; position: absolute; width:100%; height: 100%; background-image: url('../../img/main/banner_bg.svg'); background-position: center; background-repeat: no-repeat; background-size: cover; z-index: -1;}
.banner-wrap .banner-text { width: 1200px; margin: 0 auto; color: #fff;}
.banner-wrap .banner-text .main-tit { font-size: 4.1rem; font-weight: 100;}
.banner-wrap .banner-text .sub-tit { padding-top: 25px;}
.banner-wrap .banner-text .sub-tit .txt { font-size: 1.9rem; font-weight: 100; display: block; padding-top: 13px;}
.banner-wrap .banner-text .sub-tit .txt .check-icon { width: 20px; height: 18px; margin-right: 5px; }

@media (max-width: 1200px) {
	.banner-wrap { padding: 70px 30px;}
	.banner-wrap .banner-text { width:100%; }
	.banner-wrap .banner-text .main-tit { font-size: 3.5rem; line-height: 1.4;}
	.banner-wrap .banner-text .sub-tit .txt { font-size: 1.6rem; line-height: 1.4}
	.banner-wrap .banner-text .sub-tit .txt .check-icon { width: 17px; height: 13px; }
}
@media (max-width: 768px) {
	.banner-wrap { padding: 40px 30px 60px; }
	.banner-wrap .banner-text .main-tit { font-size: 3rem; }
	.banner-wrap .banner-text .sub-tit { padding-top: 10px; }
	.banner-wrap .banner-text .sub-tit .txt { font-size: 1.5rem; }
	.banner-wrap .banner-text .sub-tit .txt .check-icon { width: 17px; height: 13px; }
}

@media (max-width: 500px) {
	.banner-wrap:before { background-color: #0b163d;}
	.banner-wrap .banner-text .main-tit { font-size: 2.1rem;}
	.banner-wrap .banner-text .sub-tit .txt { font-size: 1.3rem; word-break: keep-all; line-height: 1.5; padding-top:8px;}
}

/* ****************************** main wave ****************************** */
.banner-wrap.sky:before { background-image: url('../../img/main/wave_banner.svg');}
.banner-wrap.sky .banner-text .main-tit { text-align: center;}
.banner-wrap.sky .banner-text .sub-tit .txt { text-align: center;}

/* ****************************** main deep-blue ****************************** */
.banner-wrap.deep-blue:before { background-image: url('../../img/main/nia_banner.svg');}
.banner-wrap.deep-blue .banner-text .banner-label { display: inline-block;  background: #7461d7; padding: 6px 20px; border-radius: 20px; margin-top: 20px; font-size: 1.2rem;}

/* ****************************** 산학 ****************************** */

.section.sanhak .list-wrap .box { float: left; width: calc(33.33% - 20px); min-height:120px; margin-right:30px; position: relative; padding:25px 30px 30px; border:1px solid #d3d6de; border-radius: 5px; box-shadow: 0 0 0 5px #e8ebf1; }
.section.sanhak .list-wrap .box:nth-child(3n) { margin-right:0;}
.section.sanhak .list-wrap .box .box-tit .tit { display: inline-block; color:var(--deep-blue); font-size: 1.8rem; padding-left: 10px;}
.section.sanhak .list-wrap .box .box-tit .label { display: inline-block; padding: 2px 15px; font-size: 1.2rem; color:#fff; background:var(--deep-blue); border-radius: 3px; }
.section.sanhak .list-wrap .box .box-btn { position: absolute; bottom:25px; right:25px; font-size: 1.2rem; color:#7d7d7d; }
.section.sanhak .list-wrap .box .box-btn .more-arr { width:17px; position: relative; top:1px; margin-left: 5px; opacity: .5;}

@media (max-width: 960px) {
	.section.sanhak .list-wrap .box { width: calc(33.33% - 14px); margin-right: 20px; padding: 20px; }
	.section.sanhak .list-wrap .box .box-tit .tit { font-size: 1.6rem; padding-left: 5px;}
	.section.sanhak .list-wrap .box .box-tit .label { padding: 2px 10px; font-size: 1.1rem; }
	.section.sanhak .list-wrap .box .box-btn { right:20px; bottom:20px; }
}
@media (max-width: 650px) {
	.section.sanhak .list-wrap .box { width: calc(33.33% - 10px); margin-right: 15px; margin-bottom: 20px; padding:15px;}
	.section.sanhak .list-wrap .box .box-tit .tit { display: block;  font-size: 1.4rem; }
	.section.sanhak .list-wrap .box .box-btn { right:15px; bottom:15px; }
}
@media (max-width: 425px) {
	.section.sanhak .list-wrap .box { width: calc(33.33% - 10px); margin-right: 15px; margin-bottom: 20px; padding:10px;}
	.section.sanhak .list-wrap .box .box-btn { right:10px; bottom:10px; font-size: 1rem;}
}

/* ****************************** 산학 deep-blue ****************************** */

.section.sanhak .list-wrap.deep-blue .box:nth-child(n + 4) { margin-top: 30px;}
.section.sanhak .list-wrap.deep-blue .box .box-tit { text-align: center;}
.section.sanhak .list-wrap.deep-blue .box .box-tit .tit { font-weight: 600; font-size: 3rem;}
.section.sanhak .list-wrap.deep-blue .box .box-tit .con-txt { font-size: 1.4rem; font-weight: 400; color: #353535;}
.section.sanhak .list-wrap.deep-blue .box .box-btn .label { display: inline-block; padding: 5px 15px; font-size: 1.2rem; color:#fff; background:var(--deep-blue); border-radius: 20px; cursor: pointer;}

.section.sanhak .list-wrap.deep-blue .box .box-btn {  position: relative; font-size: 1.2rem; color: #7d7d7d; text-align: center; padding-top: 20px; bottom: 0; right: 0; }
.section.sanhak .list-wrap.deep-blue .point-box { float: left; width: calc(33.33% - 20px);  margin-right:30px; position: relative; padding:35px 45px; border: 2px solid #243B7C; border-radius: 4px; }
.section.sanhak .list-wrap.deep-blue .point-box:nth-child(3n) { margin-right: 0;}
.section.sanhak .list-wrap.deep-blue .point-box .point-box-img-area { position: relative; }
.section.sanhak .list-wrap.deep-blue .point-box .point-box-img-area .con-icon { width: 40px;}
.section.sanhak .list-wrap.deep-blue .point-box .point-box-tit { font-size: 1.8rem; font-weight: 600; padding-top: 20px; color: #243B7C;    text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.section.sanhak .list-wrap.deep-blue .point-box .point-box-body {font-size: 1.4rem; font-weight: 400; padding-top: 10px; color: #353535;    text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.section.sanhak .list-wrap.deep-blue .point-box .box-btn .label { display: inline-block; padding: 5px 15px; font-size: 1.2rem; color:#fff; background:var(--deep-blue); border-radius: 20px; cursor: pointer; }
.section.sanhak .list-wrap.deep-blue .point-box .box-btn {  position: relative; font-size: 1.2rem; color: #7d7d7d; padding-top: 40px; }
.section.sanhak .list-wrap.deep-blue .point-box .box-btn .more-arr { width:17px; position: relative; top:1px; margin-left: 5px; opacity: .5;}

@media (max-width: 800px) {
.section.sanhak .list-wrap.deep-blue .point-box {  padding: 30px 35px;}
.section.sanhak .list-wrap.deep-blue .point-box .point-box-img-area .con-icon { width: 35px;}
.section.sanhak .list-wrap.deep-blue .point-box .box-btn { font-size: 1rem;}
.section.sanhak .list-wrap.deep-blue .point-box .box-btn .label { padding: 3px 12px;}
.section.sanhak .list-wrap.deep-blue .point-box .point-box-tit { font-size: 1.6rem;}
.section.sanhak .list-wrap.deep-blue .point-box .point-box-body { font-size: 1.2rem;}
.section.sanhak .list-wrap.deep-blue .box .box-btn .label .mo-none { display: none;}
.section.sanhak .list-wrap.deep-blue .box .box-tit .tit {font-size: 2.1rem;}
}

@media (max-width: 600px) {
	.section.sanhak .list-wrap.deep-blue .point-box { width: 100%; padding: 20px 25px;}
	.section.sanhak .list-wrap.deep-blue .point-box:nth-child(n + 2) { margin-top: 15px;}
}



/* ****************************** 대학 ****************************** */

.section.university .tab-menu ul { background: #f2f2f2;}
.section.university .list-wrap .box { float: left; width: calc(20% - 24px); margin-right:30px; margin-bottom:30px; position: relative; border:1px solid #d3d6de; border-radius: 5px; box-shadow: 0 0 0 5px #e8ebf1; }
.section.university .list-wrap .box:nth-child(5n) { margin-right:0; }
.section.university .list-wrap .box .info-area { padding:30px 0; }
.section.university .list-wrap .box .info-area .img { width:100px; height: 100px; position: relative; border-radius: 50%; border: 1px solid #d3d6de; overflow: hidden; margin: 0 auto;}
.section.university .list-wrap .box .info-area .img img { position: absolute; top: 50%; left: 50%; width:100%; transform: translate(-50%,-50%); }
.section.university .list-wrap .box .info-area .name { font-size: 1.4rem; color:#26286d; font-weight: 500; text-align: center; padding-top: 15px;}
.section.university .list-wrap .box .btn-group { position: relative; width: 100%; }
.section.university .list-wrap .box .btn-group .btn-box { position: relative; padding: 12px 40px 12px 20px;  border-top: 1px solid #d3d6de; cursor: pointer;}
.section.university .list-wrap .box .btn-group .btn-box:hover { background:#f8f8f8; }
.section.university .list-wrap .box .btn-group .btn-box .icon { position: relative; }
.section.university .list-wrap .box .btn-group .btn-box:nth-child(1) .icon { width: 16px; height: 16px; top: 3px;}
.section.university .list-wrap .box .btn-group .btn-box:nth-child(2) .icon { width: 18px; height: 18px; top: 2px;}
.section.university .list-wrap .box .btn-group .btn-box:nth-child(3) .icon { width: 15px; height: 15px; top: 3px;}
.section.university .list-wrap .box .btn-group .btn-box p { font-size: 1.2rem; font-weight: 500; color:#242c4b; padding-left: 5px; display: inline-block; }
.section.university .list-wrap .box .btn-group .btn-box .more-icon { position: absolute; top:15px; right:10px; transform: rotate(180deg); width:17px; height:17px; }

@media (max-width: 960px) {
	.section.university .list-wrap .box { width: calc(25% - 15px); margin-right: 20px !important; margin-bottom: 20px;}
	.section.university .list-wrap .box:nth-child(4n) { margin-right: 0 !important;}
	.section.university .list-wrap .box .info-area { padding: 20px 0; }
	.section.university .list-wrap .box .info-area .img { width: 70px; height: 70px;}
	.section.university .list-wrap .box .btn-group .btn-box { padding: 10px 30px 10px 10px;}
	.section.university .list-wrap .box .btn-group .btn-box p { padding-left: 2px; font-size: 1.1rem;}
	.section.university .list-wrap .box .btn-group .btn-box .more-icon { top: 12px; right: 5px; }
}
@media (max-width: 560px) {
	.section.university .list-wrap .box { width: calc(33.33% - 11px); margin-right: 15px !important; }
	.section.university .list-wrap .box:nth-child(4n) { margin-right: 15px !important;}
	.section.university .list-wrap .box:nth-child(3n) { margin-right: 0 !important;}
	.section.university .list-wrap .box .info-area { padding: 15px 0;}
	.section.university .list-wrap .box .info-area .img { width: 50px; height: 50px;}
	.section.university .list-wrap .box .info-area .name { padding-top: 5px; }
	.section.university .list-wrap .box .btn-group .btn-box { padding: 10px 5px;}
	.section.university .list-wrap .box .btn-group .btn-box .more-icon { display: none;}
}


/* ****************************** NEWS ****************************** */
.section.news .sec-title { position: relative; }
.section.news .sec-title .search-input-wrap { position: absolute; top:0; right:0; }
.section.news .sec-title .search-input-wrap .search-input { border:0; outline: 0; background:#ececec; border-radius: 5px; padding: 6px 20px 6px 10px; font-size: 1.3rem; margin-right: 3px;}
.section.news .sec-title .search-input-wrap .search-btn { background:none; border:0; width:30px; height:30px;}
.section.news .sec-title .search-input-wrap .search-btn img { width:100%; height: 100%;}


.section.news .news-list { border-top: 1px solid #c4c4c4; }
.section.news .news-list ul li { padding:20px 0; border-bottom: 1px solid #e7e7e7; }
.section.news .news-list ul li .date { float: left; width: 115px; margin-right:40px; text-align: center; background:#282d33; color:#fff; padding: 30px 0;}
.section.news .news-list ul li .date .day { font-size: 3rem; font-weight: 900; letter-spacing: 0; padding-bottom: 5px;}
.section.news .news-list ul li .date .year { font-size: 1.4rem; letter-spacing: 0; font-weight: 100; }
.section.news .news-list ul li .cont { float: left; width:  calc(100% - 155px); }
.section.news .news-list ul li .cont .cont-txt .tit { font-size: 1.7rem; color:#282d33; padding:10px 0; font-weight: 400; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; }
.section.news .news-list ul li .cont .cont-txt .tit:hover { text-decoration: underline; }
.section.news .news-list ul li .cont .cont-txt .txt { font-size: 1.4rem; color:#585858; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-bottom: 25px;}
.section.news .news-list ul li .cont .cont-info p { display: inline-block; padding-right: 30px; font-size: 1.3rem; color:#9b9b9b; }
.section.news .news-list ul li .cont .cont-info p b { padding-right: 10px; }
.section.news .more-btn-wrap { margin-top: 10px;}


@media (max-width: 1200px) {
	.section.news { padding: 30px 30px 60px; }
}
@media (max-width: 500px) {
	.section.news { padding: 20px 20px 40px; }
}
@media (max-width: 768px) {
	.section.news .news-list ul li .date { width:100px; margin-right: 20px; padding: 25px 0; }
	.section.news .news-list ul li .date .day { font-size: 2.4rem;}
	.section.news .news-list ul li .date .year { font-size: 1.3rem;}
	.section.news .news-list ul li .cont { width: calc(100% - 120px); }
	.section.news .news-list ul li .cont .cont-txt .tit { font-size: 1.5rem; padding: 5px 0;}
	.section.news .news-list ul li .cont .cont-txt .txt { font-size: 1.2rem; padding-bottom: 15px; }
	.section.news .news-list ul li .cont .cont-info p { font-size: 1.2rem; }
}
@media (max-width: 460px) {
	.section.news .sec-title { padding-bottom:70px; }
	.section.news .sec-title .search-input-wrap { top: auto; bottom: 15px; width: 100%;}
	.section.news .sec-title .search-input-wrap .search-input { width: calc(100% - 50px); padding: 10px 20px 10px 10px; }
	.section.news .sec-title .search-input-wrap .search-btn { width:40px; height:40px; }
	.section.news .news-list ul li .date { display: none; }
	.section.news .news-list ul li .cont { width: 100% }
	.section.news .news-list ul li .cont .cont-txt .tit { font-size: 1.4rem; }
}

/* ****************************** NEWS sky ****************************** */
.section.news.sky .sec-title .search-input-wrap .search-btn { width:14px; height:auto; position: absolute; top: 8px; right: 12px;}
.section.news.sky .news-list ul li .date { width: 175px; background: none; padding: 0; }
.section.news.sky .news-list ul li .date .news-img {width: 100%; height: auto; border-radius: 0% 10%; float: left; margin-right: 15px; object-fit: cover; }
.section.news.sky .news-list ul li .cont { float: left; width:  calc(100% - 250px); }
.section.news.sky .news-list ul li .cont .cont-txt .txt { color:var(--chacol); padding-bottom: 15px;}
.section.news.sky .news-list ul li .cont .cont-txt .txt.sub { padding-bottom: 5px; font-weight: 700;}
.section.news.sky .news-list ul li .cont .cont-txt .txt .sub {position: relative; color: var(--sky); font-weight: 700; margin-left: 20px;}
.section.news.sky .news-list ul li .cont .cont-txt .txt .sub::after { content: ''; position: absolute; top: 4px; left: -13px; width: 1px; height: 13px; background: #bbb;
}

@media (max-width: 700px) {
.section.news.sky .news-list ul li .date { width: 150px; }
.section.news.sky .news-list ul li .cont { width: calc(100% - 185px); }
}



@media (max-width: 460px) {
.section.news.sky .news-list ul li .cont { width: 100%; }
.section.news.sky .sec-title .search-input-wrap .search-input { width: 100%;}
.section.news.sky .sec-title .search-input-wrap .search-btn { width: 20px;}
}

/* ****************************** contact us ****************************** */
.section.contact { position: relative; }
.section.contact .sec-width { padding-bottom:0;}
.section.contact:before {content: ''; display: block; position: absolute; bottom:0; left:0; width:100%; height:60%;background:#0b163d;}
.section.contact .map-area { float: left; position: relative; width: calc(100% - 500px); padding: 230px 50px 50px; }
.section.contact .map-area:before { content: ''; position: absolute; top:0; left:0; width:100%; height:100%; background-image: url('../../img/main/contact_bg.png'); background-repeat: no-repeat; background-position: center; background-size: cover; }
.section.contact .map-area .tit { position: relative; color:#0b163d; font-size: 2.5rem; padding-bottom: 20px;}
.section.contact .map-area .txt { position: relative; color: #0b163d; font-size: 1.5rem;}
.section.contact .info-area {float:left; width:500px; background: #0b163d; color:#fff; padding:40px 0 0 40px;}
.section.contact .info-area .tit { font-size: 1.7rem; padding-bottom: 20px; }
.section.contact .info-area .tit { font-size: 1.7rem; padding-bottom: 20px; }
.section.contact .info-area .profile .img-wrap { float: left; position: relative; width: 85px; border-radius: 5px; overflow: hidden; box-shadow: 0 0 0 5px rgba(255,255,255,0.2); }
.section.contact .info-area .profile .img-wrap img { width: 100%;}
.section.contact .info-area .profile .info-group { float: left; width: calc(100% - 85px); padding-left: 40px; }
.section.contact .info-area .profile .info-group .name { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid rgba(255,255,255,0.3); font-size: 1.3rem; font-weight: 100;}
.section.contact .info-area .profile .info-group .name b {font-size: 1.5rem; padding-right: 5px;}
.section.contact .info-area .profile .info-group .info .group { padding-bottom: 10px; font-size: 1.3rem;}
.section.contact .info-area .profile .info-group .info .group .g-tit { float:left; width: 70px; font-weight: 600; line-height: 13px;}
.section.contact .info-area .profile .info-group .info .group .g-txt { float:left; width: calc(100% - 70px); font-weight: 100;  line-height: 1.7; word-break: break-all; }
@media (max-width: 1024px) {
	.section.contact .map-area { width: 50%; padding: 170px 30px 50px; }
	.section.contact .map-area:before { background-position: right;}
	.section.contact .map-area .txt { font-size: 1.3rem;}
	.section.contact .info-area { width: 50%; padding: 25px 0 0 25px; }
	.section.contact .info-area .profile .img-wrap { width: 60px; }
	.section.contact .info-area .profile .info-group { width: calc(100% - 60px); padding-left: 25px;}
} 
@media (max-width: 768px) {
	.section.contact .sec-width { padding: 0}
	.section.contact .map-area { width: 35%; }
	.section.contact .info-area { width: 65%; }
}
@media (max-width: 560px) {
	.section.contact .map-area { width: 100%; padding: 50px 20px; text-align: center;  }
	.section.contact .map-area .tit { font-size: 2rem;}
	.section.contact .map-area .txt { font-size: 1.3rem; word-break: keep-all;}
	.section.contact .map-area .txt br { display: none; }
	.section.contact .info-area { width: 100%; padding: 20px; }
	.section.contact .info-area .profile .info-group { padding-left: 20px;}
}