/* ************ 메인페이지 스타일 ************ */

/* 슬라이드 */

.main .movie_zone {z-index:-999; background-color: #fff; position: relative;}
.main .mov100 {position:absolute; top:0; left:0; right:0; bottom:0; height:100vh;}
.main .mov100 video {position: absolute; top: 0; left: 50%; height: 100%; transform: translateX(-50%); width:100%; object-fit:cover;}

.main .sliderV2 {width:100%; height:100vh;}
.main .sliderV2 .sliderObj {height:100% !important;}
.main .sliderV2 .sliderObj>li {transform:scale(1.1)}
.main .sliderV2 .sliderObj>li:before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.2);}
.main .sliderV2 .sliderObj>li>div {position:relative;}
.main .sliderV2 .sliderObj>li.on {transform:scale(1)}
.main .sliderV2 .sliderButton {display:none;}

.main .sliderV2.test .sliderObj>li:before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.3);}

.main .sliderV2 .txt {position:absolute; width:100%; height:100vh; top:0; left:0; color:#fff;  letter-spacing:-1px; line-height:1; text-align:left; z-index:2;}
.main .sliderV2 .txt .c-inner {position:relative; max-width:1420px; margin:0 auto; height:100vh; }
.main .sliderV2 .txt .tit {position:absolute; top:50%; left:0; transform:translateY(-50%);}
.main .sliderV2 .txt .tit dt {font-weight:400; font-size:24px; text-transform:uppercase;}
.main .sliderV2 .txt .tit dt span.big {font-weight:700; font-size:80px; text-transform:none; margin-top:10px; display:block;}
.main .sliderV2 .txt .tit dd {font-weight:500; font-size:18px; margin-top:20px; line-height:1.4; }
.main .slider .slogan div {position:relative; text-shadow:5px 5px 5px rgba(0,0,0,.5); font-weight:600;}
.main .slider .slogan div p {margin:0;}
.main .slider .slogan div p:last-child {padding-left:295px;}
.main .slider .slogan div p span {margin-left:30px; font-size:18px; line-height:1;}


/*** 공통 ***/
.main {background:#000;}
.main .c-inner {margin:0 auto; max-width:1420px;}
.main .controler .c-inner {position:relative;}
.main .m-content {position:relative; top:0; z-index:2; width:100%; }
.main .visual-contents {padding-top:45vh; height:100vh; box-sizing:border-box;}
.main .visual .video-wrap {z-index: 1; position:fixed; left:0; bottom:0; width:100%; height:100%;}
.main .visual .video-wrap video {transform: scale(1.3); transform-origin:left bottom; opacity:.7;}


.main .visual-text {color:#fff; text-align:right;}
.main .visual-text h2 span {display:block; line-height:1;}
.main .visual-text h2 .small_txt {font-size:40px;}
.main .visual-text h2 .big_txt {font-size:70px; margin-top:10px;}
.main .visual-text p {font-size:18px; margin-top:20px; line-height:1.4;}
.main .visual-btnwrap {text-align:right; margin-top:150px;}
.main .visual-btnwrap a {display:inline-flex; gap:10px; align-items:center; padding:20px 30px; background:#fff; line-height:1; color:#000; font-size:18px; font-weight:500; border-radius:3rem; transition:all 0.3s;}
.main .visual-btnwrap a:hover {background:var(--base1); color:#fff; }
.main .visual-btnwrap a .arrow {position:relative; width:36px; height:9px; border-bottom:2px solid #000;}
.main .visual-btnwrap a .arrow:before {content:""; display:block; height:12px; width:2px; background:#000; position:absolute; top:0; right:4px; transform:rotate(-45deg); }
.main .visual-btnwrap a:hover .arrow:before {background:#fff;}
.main .visual-btnwrap a:hover .arrow {border-bottom:2px solid #fff;}
.main .visual-btnwrap a+a {margin-left:10px;}
.main .news-wrap {background:#fff;}
.main .visual-contents .c-inner {position:relative;}
.main .visual-scroll {display:inline-flex; align-items:center; gap:30px; position:absolute; color:#fff; transform:rotate(90deg) translate(-55%, 465%); text-transform:uppercase; font-size:12px; letter-spacing:3.6px; font-weight:700;}
.main .visual-scroll .arrow:before {content:""; display:block; height:12px; width:2px; position:absolute; right:4px; bottom:-9px; background:#fff; transform:rotate(45deg);}
.main .visual-scroll .arrow {position:relative; width:50px; border-top:2px solid #fff; animation: mouse-wheel 2s ease infinite;}

.main h3 {font-size:32px; color:#000;}

/* 대학원 소식 */ 
.main .news-wrap {padding:100px 0;}
.main .news-tit {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:20px;}
.main .news-tit .link-list {display:flex;}
.main .news-tit .link-list a {font-weight:600; font-size:18px; color:#000; letter-spacing: -0.54px; display:block; position:relative; padding:0 20px;}
.main .news-tit .link-list a:first-child {padding-left:0;} 
.main .news-tit .link-list a:last-child {padding-right:0;}
.main .news-tit .link-list a+a:before {content:""; display:block; position:absolute; width:1px; height:17px; background:rgba(0,0,0,0.2); top:2px; left:0;}
.main .news-tit a {display:inline-flex; gap:10px; align-items:flex-end; color:#999; text-transform:uppercase; transition:all 0.3s;}
.main .news-tit a:hover {color:var(--base2);}
.main .news-tit a .arrow {position:relative; border-bottom:1px solid #999; width:28px; height:1px; margin-bottom:4px;}
.main .news-tit a .arrow:before {content:""; display:block; height:10px; width:1px;  background:#999; transform:rotate(-45deg); position:absolute; top:-7px; right:2px;}
.main .news-tit a:hover .arrow {border-bottom:1px solid var(--base2);}
.main .news-tit a:hover .arrow:before {background:var(--base2);}
.main .news-list {display:grid; grid-template-columns:repeat(4,1fr); gap:40px; margin-top:30px;}
/*.main .news-list a {display:block; border-top:2px solid #000; padding-top:30px; position:relative;}
.main .news-list a:before {content:""; display:block; width:0; height:2px; background:var(--base2); position:absolute; top:-2px; left:0; transition:all 0.5s;}*/
.main .news-list a:hover:before {width:100%;}
.main .news-list a:hover dt {color:var(--base2);}
.main .news-list a:hover dd {color:var(--base2);}
.main .news-list .img {overflow:hidden; border-radius:20px; max-height:220px;}
.main .news-list .img img {border-radius:20px; aspect-ratio:1.5/1; object-fit:cover; transition:all 0.3s; max-height:220px; width:100%;} 
.main .news-list a:hover img {transform:scale(1.1);}
.main .news-list .list-tit {font-size:24px; letter-spacing:-0.72px; line-height:1.2; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; color:#000;}
.main .news-list .board-name {font-size:14px; font-weight:700; color:var(--base2); margin:20px 0 10px;}
.main .news-list dt {transition:all 0.3s;}
.main .news-list dd {color:#333;  transition:all 0.3s;}
.main .news-list .list-cont { white-space:normal; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; margin-top:20px; line-height:1.6; font-weight:300;}
.main .news-list .date {margin-top:20px; color:#666;}


.main .class-wrap {position:relative; background:url(/images/main/class-wrap_bg.webp) no-repeat center bottom / cover; padding:200px 0;}
.main .class-wrap:before {content:""; display:block; width:100%; height:100%; background:rgba(0,0,0,0.5); position:absolute; top:0; left:0;}
.main .class-wrap .c-inner {display:flex; align-items:center; position:relative; z-index:2; justify-content:space-between; gap:100px;}
.main .class-tit {color:#fff;}
.main .class-tit h3 {line-height:1.2; letter-spacing:-1.8px; font-size:60px; font-weight:700; color:#fff;}
.main .class-tit dl {margin-top:50px; padding-top:50px; line-height:1.6; position:relative;}
.main .class-tit dl:before {content:""; display:block; width:100px; height:1px; background:#fff; position:absolute; left:0; top:0;}
.main .class-tit dl dt {font-weight:700; font-size:16px;}
.main .class-tit dl dd {font-weight:300; margin-top:20px;}

.main .class-list {display:grid; grid-template-columns:repeat(2,1fr); gap:20px; max-width:940px;}
.main .class-list a {background:#fff; border-radius:20px; overflow:hidden; transtion:all 0.3s;}
.main .class-list .img {overflow:hidden;}
.main .class-list .img img {width:100%; aspect-ratio:3/2; object-fit:cover; transition:all 0.3s;}
.main .class-list a:hover img {transform:scale(1.1);}
.main .class-list .txt {padding:50px 45px; line-height:1.6; box-sizing:border-box;}
.main .class-list dt {font-size:20px; font-weight:700; color:#000;}
.main .class-list dd {color:#333; margin:30px 0; transition:all 0.3s;}
.main .class-list a:hover dd {color:var(--base2); }
.main .class-list .txt .arrow {display:block; position:relative; width:58px; height:7px; border-bottom:1px solid #000; transition:all 0.3s;}
.main .class-list .txt .arrow:before {content:""; display:block; width:8px; height:1px; background:#000; position:absolute; right:0; top:4px; transform:rotate(45deg);}
.main .class-list a:hover .txt .arrow {width:70px; border-bottom:1px solid var(--base2);}
.main .class-list a:hover .txt .arrow:before {background:var(--base2);}

.main .etc-wrap {padding:100px 0; background:#fff;}
.main .etc-wrap .c-inner {display:flex; gap:70px;}
.main .etc-wrap .img {width:410px;}
.main .etc-wrap .img img {width:100%; object-fit:cover; aspect-ratio:1.57/1; border-radius:20px;}
.main .slogan-tit {display:flex; justify-content:space-between;}
.main .slogan-tit h3 {line-height:1.2; font-size:50px; font-weight:700;}
.main .slogan-tit h3 span {display:block;}
.main .slogan-tit p {color:#666; margin-top:10px;}
.main .slogan-tit .right a {display:block; background:var(--base2); color:#fff; border-radius:10px; color:#fff; line-height:1.6; font-size:18px; padding:13px 28px; border:2px solid var(--base2); transition:all 0.3s;}
.main .slogan-tit .right a:hover {background:#fff; color:var(--base2);}
.main .etc-wrap .txt {width:calc(100% - 480px); display: flex; flex-direction:column; justify-content:space-between; gap:30px;}
.main .etc-list {display:grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap:10px;}
.main .etc-list a {display:block; border:1px solid #e0e0e0; border-radius:10px; color:#000; font-size:16px; font-weight:600; text-align:center; padding:15px 20px; transition:all 0.3s;}
.main .etc-list a:hover {color:var(--base2);}

@keyframes mouse-scroll {
  0% {opacity: 0;}
  50% {opacity: 1;}
  100% {opacity: 0.5;}
}
@keyframes mouse-wheel {
  0% {opacity: 1; transform: translateX(0);}
  100% {opacity: 1; transform: translateX(15px);}
}

/* ************************ 태블릿 (~1249) ************************ */
@media screen and (max-width:1249px) {
.main .c-inner {padding:0 30px;}

.main .sliderV2 {height:80vh;}
.main .sliderV2 .txt .c-inner {height:80vh;}
.main .sliderV2 .txt .tit {left:30px;}
.main .sliderV2 .pageType1 {left:30px;}
.main .sliderV2 .txt .tit dt {font-size:22px;}
.main .sliderV2 .txt .tit dt span.big {font-size:60px;}

.main .news-wrap {padding:80px 0;}

.main .class-wrap {padding:120px 0;}
.main .class-tit h3 {font-size:45px;}
.main .class-wrap .c-inner {flex-direction:column; align-items:flex-start; gap:60px;}
.main .class-tit h3 br {display:none;}
.main .class-tit dl {margin-top:30px; padding-top:30px;}


.main h3 {font-size:28px;}
.main .news-list {gap:30px;}
.main .news-list .list-tit {font-size:20px;}
.main .news-list a {padding-top:25px;}
.main .news-list .list-cont {margin-top:15px;}
.main .news-list .date {margin-top:15px;}

.main .slogan-tit h3 {font-size:36px;}
.main .slogan-tit .right a {font-size:16px; padding:10px 25px;}
.main .etc-list a {padding:12px 20px; font-size:15px;}
.main .etc-wrap {padding:80px 0;}
.main .etc-wrap .img {width:320px;}
.main .etc-wrap .txt {width:calc(100% - 390px);}
}

/* ************************ 태블릿 (~991) ************************ */
@media screen and (max-width:991px) {
.main .sliderV2 .txt .tit dt {font-size:20px;}
.main .sliderV2 .txt .tit dt span.big {font-size:55px;}
.main .sliderV2 .txt .tit dd {font-size:16px;}
.main .sliderV2 .pageType1 button {width:40px; height:5px;}
.main .sliderV2 {height:70vh;}
.main .sliderV2 .txt .c-inner {height:70vh;}
.main .sliderV2 .pageType1 {bottom:80px;}


.main h3 {font-size:24px;}
.main .news-wrap {padding:60px 0;}
.main .news-list {grid-template-columns:1fr 1fr; row-gap:40px;}
.main .news-list a {padding-top:20px;}
.main .news-tit a {font-size:14px;}
.main .news-tit .link-list a {font-size:16px;}
.main .news-tit .link-list a+a:before {height:15px;}

.main .class-wrap {padding:100px 0;}
.main .class-tit h3 {font-size:36px;}
.main .class-wrap .c-inner {gap:40px;}
.main .class-list .txt {padding:30px 25px;}
.main .class-list dd {margin:20px 0;}

.main .etc-wrap {padding:60px 0;}
.main .etc-wrap .c-inner {flex-direction:column; gap:30px;}
.main .etc-wrap .txt {width:100%;}
.main .slogan-tit h3 {font-size:30px;}
.main .slogan-tit h3 span {display:inline;}
.main .etc-wrap .txt {gap:20px;}
}


@media screen and (max-width:767px) { 
.main .c-inner {padding:0 20px;}
.main .sliderV2 .txt .tit {left:20px;}
.main .sliderV2 .txt .tit dt {font-size:18px;}
.main .sliderV2 .txt .tit dt span.big {font-size:40px;}
.main .sliderV2 .txt .tit dd {font-size:15px;}
.main .sliderV2 .pageType1 {left:20px;}
.main .sliderV2 {height:60vh;}
.main .sliderV2 .txt .c-inner {height:60vh;}
.main .sliderV2 .pageType1 {bottom:60px;} 


.main .news-list {grid-template-columns:1fr;}
.main .class-wrap {padding:60px 0;}
.main .class-tit h3 {font-size:30px;}
.main .class-list {grid-template-columns:1fr; width:100%;}
.main .class-list a {display:flex;}
.main .class-list .img {width:40%;}
.main .class-list .img img {height:100%;}
.main .class-list .txt {width:60%;}
.main h3 {font-size:22px;}

.main .news-list .list-cont {margin-top:10px;}
.main .news-list .date {margin-top:10px;}
.main .slogan-tit {gap:30px;}
.main .slogan-tit .left {width:calc(100% - 154px);}
.main .slogan-tit h3 {font-size:26px;}

.main .etc-wrap {padding:50px 0;}
}

@media screen and (max-width:500px) {
.main .sliderV2 .txt .tit dt {font-size:16px;}
.main .sliderV2 .txt .tit dt span.big {font-size:30px;}
.main .sliderV2 .txt .tit dd {font-size:14px;}
.sliderV2 .pageType1 button+button {margin-left:10px;}
.main .news-wrap {padding:50px 0;}
.main .news-tit .link-list {display:grid; grid-template-columns:1fr 1fr; width:100%; gap:10px;}
.main .news-list .list-tit {font-size:18px;}
.main .news-tit .link-list a:first-child {padding-left:20px;}
.main .news-tit .link-list a:before {content:""; display:block; position:absolute; width:1px; height:15px; background:rgba(0,0,0,0.2); top:2px; left:0;}
.main .class-wrap {background: url(/images/main/class-wrap_bg.webp) no-repeat 40% top / cover;}
.main .class-tit h3 {font-size:24px;}
.main .class-list a {display:block;}
.main .class-list .img {width:100%; max-height:200px;}
.main .class-list .img img {height:100%;}
.main .class-list .txt {width:100%; padding:25px 20px;}
.main .class-list dd {margin:15px 0;}

.main .news-tit .link-list a {font-size:15px;}
.main .news-tit .link-list a:before {height:14px;}

.main .slogan-tit {flex-direction:column; gap:15px;}
.main .slogan-tit h3 {font-size:24px;} 
.main .slogan-tit .left {width:100%;}
.main .slogan-tit .right a {text-align:center;}
.main .etc-wrap .txt {gap:15px;}
}