@charset "utf-8";
#multipleContentsDiv_temp5_5 > div:nth-child(2) {position: absolute; left: 0; width: 100% !important; top: 30%; text-align: center; z-index: 100;}
#multipleContentsDiv_temp5_5 ._fnctWrap ._fnctAdmin,
#multipleContentsDiv_temp5_5 ._objTool {bottom: 70px !important;}

/* 메인 비주얼 텍스트 */
.main-visual-txt .main-txt-1 {font-size: 40px; line-height: 1.2; letter-spacing: -0.25px; color: #fff; font-family: "S-CoreDream-2ExtraLight";}
.main-visual-txt .main-txt-2 {font-size: 60px; line-height: 1.2; letter-spacing: -0.25px; color: #fff; font-family: "S-CoreDream-6Bold"; margin: 15px 0 20px 0;}
.main-visual-txt .main-txt-3 {font-size: 22px; line-height: 1.2; letter-spacing: -0.25px; color: #fff; font-family: "S-CoreDream-4Regular";}

.main-visual-btn {margin-top: 45px;}
.main-visual-btn a {position: relative; overflow: hidden; display: inline-block; font-family:'Mont Regular'; width: 200px; height: 52px; border-radius: 30px; background: #00A6AC; font-size: 18px; letter-spacing: -0.25px; color: #fff; line-height: 48px; border: 2px solid #00A6AC;}
.main-visual-btn a span {position: relative; z-index: 2; transition: all 0.5s;}
.main-visual-btn a::before {content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; border-radius: 30px; background: #fff; z-index: 1; transform: scale(0); transition: all 0s;}
.main-visual-btn a:hover::before {transform: scale(2); transition: all 0.5s;}
.main-visual-btn a:hover span {color: #00A6AC;}

@media all and (max-width: 1023px) {
    .main-visual-txt .main-txt-1 {font-size: 30px;}
    .main-visual-txt .main-txt-2 {font-size: 45px;}
    .main-visual-txt .main-txt-3 {font-size: 20px;}
}

@media all and (max-width: 768px) {
    #multipleContentsDiv_temp5_5 > div:nth-child(2) {    top: 34%;}
    .main-visual-txt .main-txt-1 {font-size: 20px;}
    .main-visual-txt .main-txt-2 {font-size: 40px;}
    .main-visual-txt .main-txt-3 {font-size: 18px;}
}

/* 메인 퀵메뉴 */
#multipleDiv_temp5_8 {margin-top: -72px;}
.main-quick-bx {position: relative; margin-top: 68px; background: #F5F5F5;}
.main-quick-bx::before {content: ""; position: absolute; width: 100%; height: 68px; background: url("../../images/main/main_quick_top.png") no-repeat center; top: -68px; left: 0;}

.main-quick-title {position: relative; margin: -62px 0 55px; padding-top: 20px; text-align: center;}
.main-quick-title::before {content: ""; position: absolute; width: 1px; height: 62px; background: #CCCCCC; left: 50%; top: -62px; }
.main-quick-title::after {content: ""; position: absolute; width: 10px; height: 10px; background: #00A6AC; border-radius: 50%; left: 50%; margin-left: -5px; top: 0px;}
.main-quick-title p {font-size: 45px; line-height: 55px; letter-spacing: -0.25px; color: #111111; font-family:'Mont SemiBold';}

.main-quick-inner {max-width: 1400px; margin: 0 auto; padding: 0 45px 75px;}
.main-quick-list li {float: left; width: 14.2%; text-align: center;}
.main-quick-list li a {display: block; }
.main-quick-list li a p {position: relative; display: inline-block; font-size: 19px; line-height: 24px; letter-spacing: -0.25px; color: #151515; font-family: "Noto Medium"; margin-top: 25px;}
.main-quick-list li a p::after {content: ""; position: absolute; width: 0; left: 0; bottom: -5px; height: 2px; background: #151515; transition: width 0.3s;}
.main-quick-list li a:hover p::after {width: 100%;}

@media all and (max-width: 1023px) {
    .main-quick-list li {width: 33.333%; padding: 10px;}
}

@media all and (max-width: 768px) {
    .main-quick-inner {padding: 0 20px 75px 20px;}
}

/* 학과 비전과 미래 */
.main-viaion-bx {position: relative; background: url("../../images/main/main_vision_bg.jpg") no-repeat center; background-size: cover; padding: 95px 0 120px;}
.main-vision-container {position: relative; max-width: 1400px; margin: 0 auto; min-height: 458px;}
.main-vision-container::after {content: ""; display: block; clear: both;}

.main-vision-title {margin-bottom: 40px;}
.main-vision-title p {font-size: 40px; line-height: 50px; letter-spacing: -0.2px; color: #fff; font-family: "Noto Bold";}

.main-vision-txt {float: left; width: 50%; position: relative; z-index: 10;}
.vision-txt-list {margin-left: -77px;}

.vision-button {position: absolute; width: 72px; height: 72px; cursor: pointer; text-indent: -9999px; right: 0; z-index: 100;}
.vision-prev {background: #fff url("../../images/main/btn_vision_prev.png") no-repeat center; top: 165px;}
.vision-next {background: #fff url("../../images/main/btn_vision_next.png") no-repeat center; top: 247px;}
.vision-prev:hover{ background: #00a6ac url("../../images/main/btn_vision_prev_on.png") no-repeat center;}
.vision-next:hover{ background: #00a6ac url("../../images/main/btn_vision_next_on.png") no-repeat center;}

.vision-txt-list .vision-txt-inner {padding-bottom: 30px;}
.main-vision-txt .vision-txt-bx {position: relative; background: #FFFFFF; padding: 65px 65px 85px; margin-left: 77px;}
.main-vision-txt .vision-txt-bx::before {content: ""; position: absolute; width: 190px; height: 3px; background: #151515; left: -77px; top: 40px;}

.vision-txt-list .title {font-size: 26px; line-height: 40px; letter-spacing: -0.5px; color: #151515; font-family: "Noto Bold";}
.vision-txt-list dl {display: table; width: 100%; margin: 20px 0 15px;}
.vision-txt-list dl dt {display: table-cell; width: 55px; vertical-align: top; font-size: 18px; line-height: 30px; letter-spacing: -0.5px; color: #151515; font-family: "Noto Regular";}
.vision-txt-list dl dd {display: table-cell; vertical-align: top; font-size: 18px; line-height: 30px; letter-spacing: -0.5px; color: #666666; font-family: "Noto Light";}
.vision-txt-list .info {font-size: 16px; line-height: 23px; letter-spacing: -0.5px; color: #666666; font-family: "Noto Light";}
.vision-txt-list .vision-more {position: absolute; left: 142px; bottom: 0px; width: 175px; height: 60px; font-size: 16px; line-height: 60px; letter-spacing: -0.5px; color: #fff; font-family: "Noto Light"; padding-left: 45px; background: #151515; border: 1px solid #151515;}
.vision-txt-list .vision-more span {position: relative; z-index: 2; transition: color 0.5s;}
.vision-txt-list .vision-more::before {content: ""; position: absolute; width: 0; height: 100%; left: 0; top: 0; background: #fff; z-index: 1; transition: width 0.5s;}
.vision-txt-list .vision-more::after {content: ""; position: absolute; width: 12px; height: 13px; background: url("../../images/main/main_vision_more.png") no-repeat center; right: 45px; top: 50%; margin-top: -5px; z-index: 2; transition: background 0.5s;}

.vision-txt-list .vision-more:hover span {color: #151515;}
.vision-txt-list .vision-more:hover::before {width: 100%;}
.vision-txt-list .vision-more:hover::after {background: url("../../images/main/main_vision_more_on.png") no-repeat center;}

.main-vision-img {position: absolute; width: 62.7%; right: 0; top: 95px;}
.main-vision-img .vision-img-inner {height: 458px; width: 942px; margin-right: 40px;}

@media all and (max-width: 1420px) {
    .main-viaion-bx {padding: 60px 20px;}
    .main-vision-img {right: 20px;}
    .main-vision-txt .vision-txt-bx {padding: 50px 30px 30px 30px;}
}

@media all and (max-width: 1024px) {
    .main-vision-container {min-height: auto;}
    .main-vision-txt {width: 100%;}
    .main-vision-txt .vision-txt-bx::before {top: 25px;}
    .main-vision-img {position: static; width: 100%;}
    .main-vision-img .vision-img-inner {height: 300px;}
    .vision-txt-list .vision-txt-inner {padding-bottom: 0;}
    .vision-txt-list .vision-more {left: auto; right: 0px; bottom: auto; top: 0; width: 50px; height: 50px; padding: 0; text-indent: -9999px;}
    .vision-txt-list .vision-more::after {right: 40%;}
    .vision-prev {right: 73px; top: auto; bottom: -73px;}
    .vision-next {right: 0; top: auto; bottom: -73px;}
}