@charset "utf-8";

/* 메인 슬로건 */
#multipleContentsDiv_university_temp03_11 > div:nth-child(2) {position: absolute; left: 0px; top: 32%; z-index: 100; width: 100% !important; height: auto !important;}
.wrap-slogan .main-visual-link {margin-top: 145px;}
.wrap-slogan .visual-txt1 {font-family:'TitilliumWeb-Regular'; font-size: 60px; line-height: 1.2; color: #fff; font-weight: 300; margin-bottom: 25px;}
.wrap-slogan .visual-txt1 em {font-family:'TitilliumWeb-SemiBold';}
.wrap-slogan .visual-txt2 {font-family: 'Noto Regular'; font-size: 16px; line-height: 25px; color: #fff; font-weight: 300;}

.wrap-slogan {margin-top: 45px;}
.wrap-slogan a {display: inline-block; font-size: 18px; color: #fff; line-height: 60px; width: 210px; height: 60px; box-sizing: border-box; padding: 0 30px; border-radius: 30px; background: url("../../images/main/ic_arrow2.png") no-repeat 170px center; border: 3px solid #fff;  line-height: 54px;}
.wrap-slogan a:link, .wrap-slogan a:active, .wrap-slogan a:visited {color: #fff;}
.wrap-slogan a.style1 {margin-right: 20px;}
.wrap-slogan a:hover {background: #00a6ac url("../../images/main/ic_arrow2.png") no-repeat 170px center; border-color: #00a6ac;}

@media all and (max-width: 1500px) {
    #multipleContentsDiv_university_temp03_11 > div:nth-child(2) {top: 32%;}
    .wrap-slogan {padding: 0 30px;}
}

@media all and (max-width: 1024px) {
    .wrap-slogan a {margin: 10px 0 0 0;}
    .wrap-slogan .visual-txt1 {font-size: 40px;}
    .wrap-slogan .visual-txt2 {font-size: 14px;}
    .wrap-slogan .visual-txt2 br {display: none;}
    .wrap-slogan .main-visual-link {margin-top: 30px;}
}

@media all and (max-width: 768px) {
    .wrap-slogan .visual-txt1 {font-size: 32px;}
}

/* 두번째 section */
#multipleDiv_temp6_4 {padding: 100px 0; background: url("../../images/main/main_curriculum_bg.jpg") no-repeat center; background-size: cover; height: 100%;}
.fullpage-wrapper #multipleDiv_temp6_4 {padding: 60px 0 0 0;}
.fullpage-wrapper #multipleContentsDiv_temp6_4 {height: auto !important;}

@media all and (max-width: 1500px) {
    .fullpage-wrapper #multipleDiv_temp6_4 {padding: 100px 20px;}
}

@media all and (min-height: 1000px) {
    .fullpage-wrapper #multipleDiv_temp6_4 {padding: 100px 20px;}
}

.main-curr-tit {text-align: center; padding-bottom: 100px;}
.main-curr-tit h2 {font-family:'TitilliumWeb-Bold'; font-size: 65px; line-height: 1.1; color: #fff; font-weight: 700; margin-bottom: 10px;}
.main-curr-tit p {font-family: 'Noto Regular'; font-size: 18px; line-height: 30px; color: #fff;}

.main-curr-list li {float: left; width: 25%; text-align: center; padding: 0 30px; box-sizing: border-box;}
.main-curr-list li a {display: block; color: #fff;}
.main-curr-list li .tit {font-size: 21px; line-height: 30px; color: #fff;}
.main-curr-list li .info {font-size: 16px; line-height: 25px; color: #fff; font-weight: 300; word-break: keep-all; letter-spacing: -0.5px;}
.main-curr-list li .main-curr-img {margin: 80px 0;}
.main-curr-list li .main-curr-img img {display: inline-block;}

.main-curr-list .slick-dots {text-align: center; margin-top: 70px;}
.main-curr-list .slick-dots li {float: none; display: inline-block; vertical-align: middle; width: auto; padding: 0 7px;}
.main-curr-list .slick-dots li button {text-indent: -9999px; width: 15px; height: 15px; border-radius: 50%; background: rgba(255, 255, 255, 0.2);}
.main-curr-list .slick-dots li.slick-active button {background: #fff;}

.main-curr-list li a:hover {text-decoration: underline;}

@media all and (max-width: 1024px) {
  .main-curr-tit {padding-bottom: 60px;}
  .main-curr-list li .main-curr-img {margin: 40px 0;}
  .main-curr-list .slick-dots {margin-top: 20px;}
}

@media all and (max-width: 768px){
    .main-curr-tit h2 {font-size: 40px; }
    .main-curr-tit p {font-size: 16px;}
    .main-curr-list li {padding: 10px 0;}
    .main-curr-list li a {text-align: left;}
    .main-curr-list li a::after {content: ""; display: block; clear: both;}
    .main-curr-list li .main-curr-img {float: left; margin: 4px 0 0; width: 65px;}
    .main-curr-list li .tit {float: right; width: calc(100% - 65px); margin-bottom: 10px;}
    .main-curr-list li .info {float: right; width: calc(100% - 65px); min-height: 75px; font-size: 14px;}
}

/* 세번째 section */
#multipleDiv_temp6_6 {background: url("../../images/main/main_board_bg.jpg") no-repeat center; background-size: cover; height: 100%;}
#multipleContentsDiv_temp6_6 {max-width: 1400px; margin: 0 auto; padding: 100px 0;}
.fullpage-wrapper #multipleContentsDiv_temp6_6 {height: auto !important; padding: 60px 0 0 0;}

@media all and (max-width: 1500px) {
    .fullpage-wrapper #multipleContentsDiv_temp6_6 {padding: 100px 20px;}
}

@media all and (min-height: 1000px) {
    .fullpage-wrapper #multipleContentsDiv_temp6_6 {padding: 100px 20px;}
}

/* 네번째 section */
#multipleDiv_temp6_11 {background: url("../../images/main/main_info_bg.jpg") no-repeat center; background-size: cover; height: 100%; }
#multipleContentsDiv_temp6_11 {overflow: hidden;max-width: 1400px; margin: 0 auto; padding: 200px 0; height: auto;}
.fullpage-wrapper #multipleContentsDiv_temp6_11 {height: auto !important; padding: 60px 0 0 0;}

@media all and (max-width: 1500px) {
    .fullpage-wrapper #multipleContentsDiv_temp6_11 {padding: 100px 20px;}
}

@media all and (min-height: 1000px) {
    .fullpage-wrapper #multipleContentsDiv_temp6_11 {padding: 100px 20px;}
}

#multipleContentsDiv_temp6_11 > div:nth-child(1) {overflow: hidden;}
#multipleContentsDiv_temp6_11 > div:nth-child(3) {position: relative; max-height: 538px;}

@media all and (max-width: 1023px) {
    #multipleContentsDiv_temp6_11 > div:nth-child(1) {width: 100%;}
    #multipleContentsDiv_temp6_11 > div:nth-child(2) {width: 100%; margin: 30px 0;}
    #multipleContentsDiv_temp6_11 > div:nth-child(3) {width: 100%; margin: 0 0 40px 0}
}

.main-info .area {height: auto;}

.main-info-left .main-youtube { float: left; width: 100%;}
.main-info-left .main-youtube a {position: relative; display: block; padding-top: 63.25%; background: url("../../images/main/main_youtube.jpg") no-repeat center; background-size: cover;}
.main-info-left .main-youtube a::after {content: ''; position: absolute; left: 50%; top: 50%; width: 80px; height: 58px; background: url('../../images/main/ico-youtube.png') no-repeat center center; transform: translate(-50%, -50%);}

.main-info-menu {float: right; width: 100%; max-width: 560px;}
.main-info-menu .quick-menu {float: left; display: block; width: 50%; height: 240px; background: url("../../images/main/main_quick_bg.png") no-repeat; text-align: center; line-height: 240px; font-size: 16px; color: #fff; font-weight: 500;}

.main-info-menu .main-info-list {float: left; width: 50%; height: 240px; padding: 20px 30px; box-sizing: border-box; background: url("../../images/main/main_link_bg.png") no-repeat center;}
.main-info-menu .main-info-list ul {height: 200px; overflow: hidden;}
.main-info-menu .main-info-list li a {display: inline-block; font-size: 18px; line-height: 35px; color: #fff; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.main-info-menu .main-info-list li a::before {content: ""; display: inline-block; width: 0; height: 1px; background: #fff; transition: width 0.3s;}
.main-info-menu .main-info-list li a:hover::before {width: 25px;}
.main-info-menu .main-info-list .slick-arrow {position: absolute; width: 10px; height: 50px; right: 0px; z-index: 10; text-indent: -9999px;}
.main-info-menu .main-info-list .slick-arrow.slick-prev {background: url("../../images/main/btn_prev2.png") no-repeat center; top: 0;}
.main-info-menu .main-info-list .slick-arrow.slick-prev:hover {background: url("../../images/main/btn_prev2_on.png") no-repeat center; }
.main-info-menu .main-info-list .slick-arrow.slick-next {background: url("../../images/main/btn_next2.png") no-repeat center; bottom: 0; }
.main-info-menu .main-info-list .slick-arrow.slick-next:hover {background: url("../../images/main/btn_next2_on.png") no-repeat center; }

.main-info-right {position: relative; float: right; width: 50%;}
.main-schedule {float: left; padding: 30px 40px 30px; background: rgba(12, 38, 98, 0.8); width: 100%; box-sizing: border-box;}
.main-schedule-tit {margin-bottom: 60px;}
.main-schedule-tit > p {float: left; font-size: 16px; line-height: 45px; color: #fff;}
.main-schedule-tit .main-schedule-month {float: right;}
.main-schedule-tit .main-schedule-month p {display: inline-block; vertical-align: middle; font-size: 26px; line-height: 45px; color: #fff; margin: 0 15px;}
.main-schedule-tit .main-schedule-month p span {font-size: 36px;}

.main-schedule-tit .main-schedule-month > a {display: inline-block; vertical-align: middle; width: 6px; height: 8px;}
.main-schedule-tit .main-schedule-month > a.prev {background: url("../../images/main/btn_prev.png") no-repeat;}
.main-schedule-tit .main-schedule-month > a.next {background: url("../../images/main/btn_next.png") no-repeat;}

.main-schedule-list a {display: block;}
.main-schedule-list dl {overflow: hidden; padding: 10px 0;}
.main-schedule-list dl dt {float: left; width: 55px; height: 55px; border-radius: 50%; line-height: 55px; text-align: center; background: #222; font-size: 24px; color: #fff; font-weight: 600;}
.main-schedule-list dl dd {float: left; padding-left: 20px; width: calc(100% - 70px);}
.main-schedule-list dl dd p {font-size: 18px; line-height: 26px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 300;}
.main-schedule .btn-more {text-align: right;}
.main-schedule .btn-more a {display: inline-block; vertical-align: middle; border: 1px solid #fff; line-height: 68px; width: 70px; height: 70px; border-radius: 50%; text-align: center; font-size: 16px; color: #fff;}
.main-schedule .btn-more a:hover {text-decoration: underline;}

.main-schedule-list a:hover dd p {text-decoration: underline;}

.main-info-link {/* position: absolute; *//* right: 0; *//* bottom: 0; */padding: 35px 35px 20px;background: rgba(0, 78, 255, 0.9);width: 100%;box-sizing: border-box;margin: 191px 0 0 0;}
.main-info-link .main-info-tit {font-family:'TitilliumWeb-SemiBold'; font-size: 15px; color: #fff; font-weight: 600; margin-bottom: 30px;}
.main-info-link ul li a {display: inline-block; padding-left: 40px; font-size: 16px; line-height: 40px; color: #8ba3cd; font-weight: 300; transition: color 0.3s;}
.main-info-link ul li a:hover {color: #fff;}

.main-info-link ul li.link1 a {background: url("../../images/main/ic_info1.png") no-repeat center left;}
.main-info-link ul li.link1 a:hover {background: url("../../images/main/ic_info1_on.png") no-repeat center left;}
.main-info-link ul li.link2 a {background: url("../../images/main/ic_info2.png") no-repeat center left;}
.main-info-link ul li.link2 a:hover {background: url("../../images/main/ic_info2_on.png") no-repeat center left;}
.main-info-link ul li.link3 a {background: url("../../images/main/ic_info3.png") no-repeat center left;}
.main-info-link ul li.link3 a:hover {background: url("../../images/main/ic_info3_on.png") no-repeat center left;}
.main-info-link ul li.link4 a {background: url("../../images/main/ic_info4.png") no-repeat center left;}
.main-info-link ul li.link4 a:hover {background: url("../../images/main/ic_info4_on.png") no-repeat center left;}
.main-info-link ul li.link5 a {background: url("../../images/main/ic_info5.png") no-repeat center left;}
.main-info-link ul li.link5 a:hover {background: url("../../images/main/ic_info5_on.png") no-repeat center left;}
.main-info-link ul li.link6 a {background: url("../../images/main/ic_info6.png") no-repeat center left;}
.main-info-link ul li.link6 a:hover {background: url("../../images/main/ic_info6_on.png") no-repeat center left;}
.main-info-link ul li.link7 a {background: url("../../images/main/ic_info7.png") no-repeat center left;}
.main-info-link ul li.link7 a:hover {background: url("../../images/main/ic_info7_on.png") no-repeat center left;}
.main-info-link ul li.link8 a {background: url("../../images/main/ic_info8.png") no-repeat center left;}
.main-info-link ul li.link8 a:hover {background: url("../../images/main/ic_info8_on.png") no-repeat center left;}

@media all and (max-width: 1023px){
  .main-info {padding: 50px 3%;}

  .main-info-menu {max-width: none;}
  .main-info-menu .quick-menu {background-size: cover;}
  .main-info-menu .main-info-list {background-size: cover;}

  .main-info-left {float: none; width: 100%;}
  .main-info-right {float: none; width: 100%;}
  .main-info-link {position: static; float: left; margin: 0;}
}

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

  .main-info-left .main-youtube {float: none;}

  .main-info-menu {float: none;}
  .main-info-menu .quick-menu {float: none; width: 100%; height: 155px; line-height: 155px;}
  .main-info-menu .main-info-list {float: none; width: 100%; height: 155px;}
  .main-info-menu .main-info-list li a {display: block;}
  .main-info-menu .main-info-list ul {height: 115px;}

  .main-schedule {float: none; width: 100%;}

  .main-info-link {float: none; width: 100%;}
}

/* 사이드 */
.section-line::before{content:"";position:fixed;width:1px;height:100%;top:0px;right:32px;z-index:100;background-color:rgba(255, 255, 255, 0.2)}
body #fp-nav.right{right:20px;position:absolute; }
body #fp-nav ul li .fp-tooltip.right{right:40px;top:4px;font-family:'TitilliumWeb-SemiBold';}
body #fp-nav ul li:last-child{display:none}
body #fp-nav ul li,body .fp-slidesNav ul li{width:25px;height:25px;margin:15px 0}
body #fp-nav ul li a span,body .fp-slidesNav ul li a span{position:static;display:inline-block;width:15px;height:15px;background:#fff;margin:0;vertical-align:middle}
body #fp-nav ul li a,body .fp-slidesNav ul li a{text-align:center;line-height:23px}
body #fp-nav ul li a.active span,body .fp-slidesNav ul li a.active span,body #fp-nav ul li:hover a.active span,body .fp-slidesNav ul li:hover a.active span{width:25px;height:25px;border:1px solid #006276;background:none;text-align:center;vertical-align:middle;line-height:19px;margin:0}
body #fp-nav ul li a.active span::before,body .fp-slidesNav ul li a.active span::before,body #fp-nav ul li:hover a.active span::before,body .fp-slidesNav ul li:hover a.active span::before{content:"";display:inline-block;width:15px;height:15px;background:#006276;border-radius:50%;vertical-align:middle}
body #fp-nav ul li:hover a span,body .fp-slidesNav ul li:hover a span{width:15px;height:15px;margin:0}

@media all and (max-width: 1500px) {
    .section-line::before{display:none}
    body #fp-nav.right{right:8px}
    body #fp-nav ul li .fp-tooltip{display:none}
}

/* 풀페이지 관련 */
@media all and (max-width: 1500px) {
    .fp-section, .fp-tableCell, .fp-scrollable {height: auto !important;}
}