@charset "utf-8";

/* 슬로건 */
#multipleContentsDiv_university_temp03_11 > div:nth-child(2) {position: absolute; left: 0; top: 13%; z-index: 100; width: 100% !important;}
.wrap-slogan .box-slogan {position: relative; display: inline-block; padding: 40px; background: rgba(255,255,255,.5)}
.wrap-slogan .big-slogan {margin: 0 0 10px 0; font-family:'TitilliumWeb-Regular'; font-size: 60px; line-height: 1; color: #006276;}
.wrap-slogan .big-slogan strong {display: block; font-family:'TitilliumWeb-Bold';}
.wrap-slogan .small-slogan {margin: 0 0 10px 0; font-family: 'Noto Regular'; font-size: 20px; color: #5e5d5d;}
.wrap-slogan .class-name {font-family: 'Noto Bold'; font-size: 30px; color: #0f3a43;}
.wrap-slogan .deco-line {position: absolute; width: 86px; height: 86px;}
.wrap-slogan .deco-line.line1 {left: 0px; top: 0px; background: url('../../images/main/line-slogan1.png') no-repeat center center;}
.wrap-slogan .deco-line.line2 {right: 0px; top: 0px; background: url('../../images/main/line-slogan2.png') no-repeat center center;}
.wrap-slogan .deco-line.line3 {right: 0px; bottom: 0px; background: url('../../images/main/line-slogan3.png') no-repeat center center;}
.wrap-slogan .deco-line.line4 {left: 0px; bottom: 0px; background: url('../../images/main/line-slogan4.png') no-repeat center center;}

@media all and (max-width: 1023px) {
    .wrap-slogan .big-slogan {font-size: 50px;}
    .wrap-slogan .small-slogan {font-size: 18px;}
    .wrap-slogan .class-name {font-size: 25px;}
}

@media all and (max-width: 768px) {
    .wrap-slogan .box-slogan {padding: 30px;}
    .wrap-slogan .big-slogan {font-size: 35px;}
    .wrap-slogan .small-slogan {font-size: 16px;}
    .wrap-slogan .small-slogan br {display: none;}
    .wrap-slogan .class-name {font-size: 20px;}
}

/* 퀵메뉴 */
#multipleContentsDiv_university_temp03_11 > div:nth-child(3) {position: absolute; right: 3.5%; top: 31%; z-index: 100;}
.wrap-quick {padding: 20px 0; background: #384053; border-radius: 100px; text-align: center;}
.wrap-quick a {display: block; margin: 0 13px 10px 13px; padding: 0 0 10px 0; border-bottom: 1px solid #565c69; font-family: 'Noto Light'; font-size: 13px; color: #fff;}
.wrap-quick a:hover span {color: #47d9f7}
.wrap-quick li:last-child a {border: 0; margin-bottom: 0;}

@media all and (max-width: 1023px) {
    #multipleContentsDiv_university_temp03_11 > div:nth-child(3) {display: none;}
}

/* 최신글 */
#multipleDiv_temp8_17 {background: url('../../images/main/bg-notice.jpg') no-repeat center top; background-size: cover;}
#multipleContentsDiv_temp8_17 {max-width: 1600px; margin: 0 auto; padding: 130px 0 140px 0;}
.wrap-notice-title {padding: 0 0 50px 0; font-family: 'Noto Light'; font-size: 45px; color: #fff;}
.wrap-notice-title strong {display: block; font-family:'TitilliumWeb-Bold'; font-size: 55px; line-height: 1;}

@media all and (max-width: 1600px) {
    #multipleContentsDiv_temp8_17 {padding: 130px 20px 140px 20px;}
}

@media all and (max-width: 1023px) {
    #multipleContentsDiv_temp8_17 {padding: 80px 20px 80px 20px;}
    .wrap-notice-title {font-size: 40px;}
    .wrap-notice-title strong {font-size: 40px;}
}

/* 소개 */
.wrap-point {padding: 140px 0;}
.wrap-point .container {position: relative;}
.wrap-point .thumb {float: left; width: 50%; height: 600px; background-size: cover !important;}
.wrap-point .bg1 .thumb {background: url('../../images/main/img-point1.jpg') no-repeat left top;}
.wrap-point .bg2 .thumb {background: url('../../images/main/img-point1.jpg') no-repeat left top;}
.wrap-point .desc {float: left; width: 50%; padding: 50px 170px 0 70px;}
.wrap-point .desc .title {padding: 0 0 50px 0; margin: 0 0 50px 0; border-bottom: 1px solid #000; font-family:'NanumM Regular'; font-size: 60px; line-height: 1.1; color: #000;}
.wrap-point .desc .title em {font-family:'NanumM Bold';}
.wrap-point .desc .list p {position: relative; margin: 0 0 13px 0; padding: 0 0 0 15px; font-family: 'Noto Light'; font-size: 23px; color: #000;}
.wrap-point .desc .list p::after {content: ''; position: absolute; left: 0; top: 16px; width: 4px; height: 4px; background: #000;}
.wrap-point .desc .more {padding: 20px 0 0 0;}
.wrap-point .desc .more a {display: inline-block; padding: 9px 60px 9px 15px; background: url('../../images/main/arrow-point.png') no-repeat 90% center; border: 1px solid #dbd7d3; font-family: 'Noto Light'; font-size: 16px; color: #000;}
.wrap-point .desc .more a:hover {background: #007a93 url('../../images/main/arrow-point-on.png') no-repeat 90% center; border: 1px solid #007a93; color: #fff; transition: .4s;}
.wrap-point .prev,
.wrap-point .next {position: absolute; top: 41.5%; width: 100px; height: 100px; border-radius: 100%; text-indent: -99999px;}
.wrap-point .prev {left: 41.5%; background: rgba(0,0,0,.5) url('../../images/main/btn-point-prev.png') no-repeat center center;}
.wrap-point .next {right: 0%; background: rgba(0,0,0,.5) url('../../images/main/btn-point-next.png') no-repeat center center;}
.wrap-point .prev:hover,
.wrap-point .next:hover {background-color: rgba(0,122,147,.8); transition: .4s;}

@media all and (max-width: 1600px) {
    .wrap-point .desc {padding: 50px 0 0 20px;}
    .wrap-point .prev,
    .wrap-point .next {top: auto; bottom: 30px;}
    .wrap-point .prev {left: 40px;}
    .wrap-point .next {left: 160px;}
}

@media all and (max-width: 1400px) {
    .wrap-point .thumb {width: 45%;}
    .wrap-point .desc {width: 55%;}
    .wrap-point .desc .title {font-size: 50px;}
    .wrap-point .desc .list p {font-size: 20px;}
    .wrap-point .desc .list p::after {top: 12px;}
}

@media all and (max-width: 1023px) {
    .wrap-point {padding: 80px 0;}
    .wrap-point .thumb {width: 100%; height: 350px;}
    .wrap-point .desc {width: 100%;}
    .wrap-point .prev,
    .wrap-point .next {position: static; display: inline-block !important; margin: 30px 10px 0 0;}
}

@media all and (max-width: 768px) {
    .wrap-point .desc .title {margin: 0 0 30px 0; padding: 0 0 30px 0; font-size: 40px;}
    .wrap-point .desc .list p {font-size: 18px;}
    .wrap-point .desc .list p::after {top: 12px;}
}

/* 학과알림 */
.wrap-notify {background: url('../../images/main/bg-notify.jpg') no-repeat center top; background-size: cover;}
.wrap-notify .container {position: relative; max-width: 1210px; padding: 110px 0 130px 0;}
.wrap-notify .title {margin: 0 0 45px 0; text-align: center;}
.wrap-notify .title strong {position: relative; z-index: 1; font-family: 'Noto Bold'; font-size: 45px; color: #373737;}
.wrap-notify .title strong::after {content: ''; position: absolute; left: 50%; bottom: 0; z-index: -1; width: 143%; height: 25px; background: #00e0e8; transform: translate(-50%, 0);}
.wrap-notify .row {padding: 10px;}
.wrap-notify .row a {display: table; width: 100%; padding: 45px 10px 45px 30px; background: #fff; border: 1px solid #ccc; table-layout: fixed;}
.wrap-notify .icon {display: table-cell; width: 90px; padding: 8px 0 0 0; text-align: left; vertical-align: top;}
.wrap-notify .desc {display: table-cell; vertical-align: top;}
.wrap-notify .desc strong {position: relative; display: inline-block; margin: 0 0 5px 0; font-family: 'Noto Regular'; font-size: 25px; color: #373737;}
.wrap-notify .desc strong::after {content: ''; position: absolute; left: 0; bottom: -1px; width: 0; height: 1px; background: #007a93;}
.wrap-notify a:hover .desc strong::after {width: 100%; transition: .4s;}
.wrap-notify a:hover .desc strong {color: #007a93;}
.wrap-notify .desc p {font-family: 'Noto Light'; font-size: 16px; color: #666;}
.wrap-notify .prev,
.wrap-notify .next {position: absolute; top: 53.5%; width: 23px; height: 44px; text-indent: -99999px;}
.wrap-notify .prev {left: -50px; background: url('../../images/main/btn-notify-prev.png') no-repeat center center;}
.wrap-notify .next {right: -50px; background: url('../../images/main/btn-notify-next.png') no-repeat center center;}

@media all and (max-width: 1340px) {
    .wrap-notify .slider {padding: 0 60px;}
    .wrap-notify .prev {left: 20px;}
    .wrap-notify .next {right: 20px;}
}

@media all and (max-width: 1024px) {
    .wrap-notify .container {padding: 80px 0;}
}

@media all and (max-width: 768px) {
    .wrap-notify .row a,
    .wrap-notify .icon,
    .wrap-notify .desc {display: block; width: 100%;}
    .wrap-notify .icon {margin: 0 0 10px 0; text-align: center;}
    .wrap-notify .icon img {display: inline-block;}
    .wrap-notify .desc {text-align: center;}
}

/* 배너*/
.wrap-banner ul {display: table; width: 100%; height: 320px; table-layout: fixed;}
.wrap-banner ul li {display: table-cell; vertical-align: middle; text-align: center;}
.wrap-banner ul li.bg1 {background: url('../../images/main/bg-banner1.jpg') no-repeat center center; background-size: cover;}
.wrap-banner ul li.bg2 {background: url('../../images/main/bg-banner2.jpg') no-repeat center center; background-size: cover;}
.wrap-banner a {display: inline-block; color: #fff;}
.wrap-banner a:hover strong {color: #00b6db;}
.wrap-banner strong {font-family: 'Noto Regular'; font-size: 28px;}
.wrap-banner p {padding: 0 0 30px 0; background: url('../../images/main/arrow-banner.png') no-repeat center bottom; font-family: 'Noto Light'; font-size: 18px;}

@media all and (max-width: 768px) {
    .wrap-banner ul,
    .wrap-banner ul li {display: block; width: 100%;}
    .wrap-banner ul {height: auto;}
    .wrap-banner ul li {padding: 30px 30px; text-align: left;}
    .wrap-banner a {width: 100%;}
    .wrap-banner p {padding: 0; background-position: right bottom;}
    .wrap-banner p br {display: none;}
}