@charset "utf-8";

.section {box-sizing: border-box;}
/* main-visual s */
.section.main-visual {position: relative; padding: 0; overflow: hidden;}
.visual-img {position: relative; height: 760px; box-sizing: border-box; overflow: hidden; animation: scaleAni 7s ease-in-out forwards;}
.visual-img img {max-width: 100%; height: 100%; object-fit: cover; }
.visual-img:after {content: ''; width: 100%; height: 100%; display: block; background: rgba(0,0,0,0.3);}
.visual-img .txt-box {position: absolute; left: 50%; top: 40%; transform: translate(-50%, -50%); max-width: 968px;}
.mask-txt {overflow: hidden;}
.mask-txt>span {display: block; animation: slideUp 3.5s ease-in-out forwards;}
.visual-img .txt-box span {color: var(--white); transform: translateY(100%); font-size: max(60px, 10vw); line-height: 1.2; font-weight: 100; letter-spacing: -1px; transition: 0.2s;}
.visual-img .txt-box span.sm {font-size: max(14px, 3vw); letter-spacing: -0.9px;}
.visual-img .txt-box span.thick {font-weight: 400;}
.mask-txt.delay1>span {animation-delay: 0.3s;}
.mask-txt.delay2>span {animation-delay: 0.5s;}
.mask-txt.delay3>span {animation-delay: 0.7s;}
.mask-txt.delay4>span {animation-delay: 0.7s;}
.mask-txt.delay5>span {animation-delay: 0.5s;}
.visual-img .mask-txt .designation {color: #fff; background: #ffffff36; display: flex; align-items: center; width: fit-content; padding: 0 5px; font-size: 18px;}
.visual-img .visual-pc {display: none;}
.main-slide-control {position: absolute;padding: 0 25px;box-sizing: border-box; color: #fff; z-index: 1; display: flex; justify-content: center; align-items: center; width: 100%; left: 50%; transform: translateX(-50%); bottom: 20%; gap: 10px;}
.main-slide-control .swiper-button-next, .main-slide-control .swiper-button-prev {position: relative;margin-top: 0;top: 0;left: 0;right: 0;width: 60px;height: 60px;background: none; border-radius: 60px; background: #ffffff69;}
.main-slide-control .swiper-button-next:before, .main-slide-control .swiper-button-prev:before {position: absolute ;content: ''; left: 50%;top: 50%; width: 30px; height: 30px; background: url("/type/ENG_2023/img/main/ico-arrow.svg"); background-size: cover;}
.main-slide-control .swiper-button-next:before {transform: translate(-50%,-50%) rotate(90deg);}
.main-slide-control .swiper-button-prev:before {transform: translate(-50%,-50%) rotate(270deg);}
.main-slide-control .swiper-pagination {display: flex; gap: 10px; align-items: center; position: relative; font-weight: 300; width: auto; bottom: 0; font-size: 18px; letter-spacing: -2px; z-index: 1; padding-left: 10px;}
.main-slide-control .swiper-pagination .swiper-pagination-current {font-weight: bold; font-size: 30px;}

@media screen and (min-width: 768px){
    /*.section.main-visual {border-bottom-left-radius: 80px;}*/
    .visual-img {height: 937px;}
    .visual-img .txt-box {top: 50%;}
    .visual-img .txt-box>div {display: flex; justify-content: space-between; align-items: center; gap: 0 10px;}
    .visual-img .txt-box span {font-size: max(80px, 10vw);}
    .visual-img .txt-box span.sm {font-size: 16px; font-weight: 300;}
    .mask-wrap {width: 50%;}
    .mask-wrap .mask-txt:last-of-type {margin-top: 10px;}
    .mask-wrap .mask-txt:last-of-type span.sm {font-size: 20px;}
}

   .typePc .visual-img .txt-box span {font-size: max(8vw, 130px); line-height: 1;}
   .typePc .visual-img .txt-box span.sm {font-size: 22px;}
   .typePc .mask-wrap .mask-txt:last-of-type span.sm {font-size: 24px;}
   .typePc .visual-img .mask-txt .designation {font-size: 25px;}
   .typePc .visual-img .visual-pc {display: block;}
   .typePc .visual-img .visual-m {display: none;}
   .typePc .main-slide-control {left: auto; right: 0; width: 280px; bottom: 30%;}


@media screen and (min-width: 1200px){
   .typePc .section.main-visual {background: #F5F5F5;}
   .typePc .visual-img .txt-box {left: 50%;}
   .typePc .visual-img .txt-box span {font-size: 130px;}
   .typePc .visual-img .mask-txt .designation {height: 40px; letter-spacing: 1px;  font-size: 30px; font-weight: 400;}
   .typePc .main-slide-control {right: 15%;}
}
@media screen and (min-width: 1500px){
    .typePc .main-slide-control {left: auto; right: 19%;}
}/* main-visual e */

@keyframes slideUp {
    0% {
        transform: translateY(100%);
    }
    100% {
        transform: translateY(0%);
    }
}

@keyframes scaleAni {
    0% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1.0);
    }
}

/* quick-menu-wrap s */
.quick-menu-wrap {padding-right: 0;}
.quick-menu-list {display: flex; padding: 20px;}
.quick-menu-list .quick-menu {display: flex; flex-direction: column; align-items: center; position: relative; line-height: 1.2; text-align: center;}
.quick-menu-list .quick-menu:before {content: ''; display: block; width: 45px; height: 45px; background-repeat: no-repeat;}
.quick-menu-list .quick-menu.qualification:before {background-image: url("/type/ENG_A/img/main/ico-qualification.svg");}
.quick-menu-list .quick-menu.application:before {background-image: url("/type/ENG_A/img/main/ico-application.svg");}
.quick-menu-list .quick-menu.curriculum:before {background-image: url("/type/ENG_A/img/main/ico-curriculum.svg");}
.quick-menu-list .quick-menu.lecture:before {background-image: url("/type/ENG_A/img/main/ico-lecture.svg");}
.quick-menu-list .quick-menu.graduation:before {background-image: url("/type/ENG_A/img/main/ico-graduation.svg");}
.quick-menu-list .quick-menu.scholarship:before {background-image: url("/type/ENG_A/img/main/ico-scholarship.svg");}

@media screen and (min-width: 768px){
    .quick-menu-wrap {padding-right: 20px;}
    .quick-menu-list>li {width: calc(16.66% - 15px);}
}

.typePc .quick-menu-wrap {position: fixed; right: 0; top: 0; padding: 0; width: 70px; height: 100%; background: rgba(0,0,0,0.5); backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); z-index: 20;}
.typePc .quick-menu-wrap .swiper-container {overflow: visible;}
.typePc .quick-menu-list {margin-top: 15px; gap: 0; overflow-x: visible; flex-direction: column; height: calc(100% - 200px); padding: 0;}
.typePc .quick-menu-list>li {width: 100%; height: 115px; display: flex; justify-content: center;}
.typePc .quick-menu-list .quick-menu {width: 100%; height: 100%; justify-content: center; right: 0; padding: 0; font-size: 14px; color: #fff; font-weight: 300;}
.typePc .quick-menu-list .quick-menu>span {display: block; position: relative; transform: rotate(90deg); transition: 0.4s ease-out; line-height: 1;}
.typePc .quick-menu-list .quick-menu:hover span,  .quick-menu-list .quick-menu:focus span {transform: rotate(0); right: 30px; color: var(--black);}
.typePc .quick-menu-list .quick-menu:before {opacity: 0; right: -60px; padding-bottom: 10px; position: relative; transition: 0.4s;}
.typePc .quick-menu-list .quick-menu:hover:before, .quick-menu-list .quick-menu:focus:before {opacity: 1; right: 30px;}
.typePc .quick-menu-list .quick-menu:after {content: ''; right: -170px; transition: right 0.4s ease-out; width: 114px; height: 140px; border-radius: 60px; background: #fff; position: absolute; z-index: -1; box-shadow: 0 3px 8px rgba(0,0,0,0.1);}
.typePc .quick-menu-list .quick-menu:hover:after, .quick-menu-list .quick-menu:focus:after {right: 10px;}

@media screen and (min-width: 1400px){
    .typePc .typePc .quick-menu-list {margin-top: 30px;}
}
/* quick-menu-wrap e */

/* info-wrap s */
.info-wrap {position: relative; padding: 90px 0 100px 20px; background: #F5F5F5; overflow: hidden;}
.info-wrap .item-wrap {display: flex; flex-direction: column; margin: 0 auto;}
.info-wrap .item-wrap>li {position: relative; display: flex}
.info-wrap .item {position: relative; display: flex;}
.info-wrap .item-wrap>li+li {margin-top: 110px;}
.info-wrap .bg-txt {position: absolute; display: flex; flex-direction: column; right: 35px; width: 155px; top: -65px;}
.info-wrap .bg-txt>span {line-height: 0.8; font-size: 55px; font-weight: 100; background: linear-gradient(90deg, #F1F1F1 0%, #DBDBDB 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.info-wrap .bg-txt>span.white {background: #fff; -webkit-background-clip: text;}
.info-wrap .bg-txt>span:last-of-type {align-self: flex-end;}
.info-wrap .item .img-area {width: 80vw; max-width: 275px; max-height: 500px; min-height: 110px; border-radius: 15px 30px 30px 30px; overflow: hidden; aspect-ratio: 1.6/1;}
.info-wrap .item .img-area>span {display: block; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat;}
.info-wrap .right {align-self: flex-end; flex-direction: row-reverse;}
.info-wrap .item .txt-area {position: absolute; top: 50%; left: 25%; transform: translate(-50%, -10%); line-height: 1.2;}
.info-wrap .left .item .txt-area {left: 67%;}
.info-wrap .item .txt-area .item-tit {font-size: min(11vw, 28px); color: var(--black); letter-spacing: -0.6px; font-weight: 900;}
.info-wrap .item .txt-area .view-more {display: block; padding-top: 10px; font-size: 12px;}
.info-wrap .item .txt-area .view-more:after {content: ''; display: inline-block; margin-left: 7px; width: 7px; height: 10px; background: url("/type/ENG_A/img/main/ico-view-more.svg") no-repeat; background-size: auto 10px;}
.info-wrap .item .txt-area .view-more:hover {text-decoration: underline;}
.info-wrap .item .info-txt {display: none;}

.info-wrap .img-area.superiority>span {background-image: url("/type/ENG_A/img/main/img-info01.png"); background-size: auto 113%; background-position: 46% 23%;}
.info-wrap .img-area.harmony>span {background-image: url("/type/ENG_A/img/main/img-info02.png");}
.info-wrap .img-area.impact>span {background-image: url("/type/ENG_A/img/main/img-info03.png"); background-position: 100%;}
.info-wrap .img-area.network>span {background-image: url("/type/ENG_A/img/main/img-info04.jpg"); background-position: 85%;}
.info-wrap .img-area.ecomomy>span {background-image: url("/type/ENG_A/img/main/img-info05.png"); background-position: 50%;}

@media screen and (min-width: 360px){
    .info-wrap .bg-txt {right: 10px;}
    .info-wrap .left .item .txt-area {left: 70%;}
    .info-wrap .item .txt-area .item-tit {font-size: min(11vw, 30px);}
    .img-area.network {background-position: 57%;}
    .img-area.ecomomy {background-position: 35%;}
}

@media screen and (min-width: 450px){
    .info-wrap .left .item .txt-area {left: auto; right: -40%;}
    .info-wrap .right .item .txt-area {left: 30px;}
    .info-wrap .item .txt-area .item-tit {font-size: 40px;}
    .info-wrap .bg-txt {width: 210px;}
    .info-wrap .bg-txt>span {font-size: 80px;}
    .info-wrap .item .img-area {width: 70vw; max-width: 915px; border-radius: 20px 50px 50px 50px;}
    .info-wrap .item .txt-area .view-more {font-size: 15px;}
    .info-wrap .item .txt-area .view-more:after {width: 10px; height: 13px; background-size: auto 13px; margin-left: 10px;}

}
@media screen and (min-width: 768px){
    .info-wrap {padding: 160px 0 160px 40px;}
    .info-wrap .bg-txt {left: calc(50% + 125px);}
    .info-wrap .left .item .txt-area {left: auto; right: -40%;}
    .info-wrap .item .txt-area .item-tit {font-size: 7vw;}
    .info-wrap .item .txt-area .view-more {font-size: 22px;}
    .info-wrap .img-area.network {background-position: 65%;}
}

.typePc .info-wrap .bg {display: block; position: absolute; border: 1px solid #707070; opacity: 20%; border-radius: 50%;}
.typePc .info-wrap .bg.circle1 {width: 70vw; max-width: 1400px; height: 70vw; max-height: 1400px; right: -7vw; top: -25vw;}
.typePc .info-wrap .bg.circle2 {width: 30vw; height: 30vw; max-width: 457px; max-height: 457px; left: 44px; top: 60vh;}
.typePc .info-wrap {padding: 300px 0 160px 20px;}
.typePc .info-wrap .item-wrap>li+li {margin-top: 430px;}
.typePc .info-wrap .item {max-width: 1200px;}
.typePc .info-wrap .bg-txt {width: 411px; left: calc(50% - 65px); top: -180px;}
.typePc .info-wrap .right .bg-txt {left: 25%; top: -50%;}
.typePc .info-wrap .item .img-area {aspect-ratio: 1.8/1}
.typePc .info-wrap .item .txt-area {top: auto; bottom: -8%; left: 10%; transform: translate(0, 40%);}
.typePc .info-wrap .left .item .txt-area {left: 30%;}
.typePc .info-wrap .item .txt-area .view-more {position: absolute;}
.typePc .info-wrap .item .txt-area .item-tit {font-size: 90px;}
.typePc .info-wrap .item .info-txt {display: block; width: 100%; max-width: 700px; position: absolute; left: 100%; top: 50%; transform: translate(-50%, -50%);}
.typePc .info-wrap .right .item .info-txt {left: 20px;}
.typePc .info-wrap .item .info-txt>li {display: flex; align-items: baseline; gap: 10px;}
.typePc .info-wrap .item .info-txt>li:before {content: ''; position: relative; top: -4px; width: 4px; height: 4px; border-radius: 50%; background: var(--black); flex-shrink: 0;}
.typePc .info-wrap .item .info-txt>li+li {padding-top: 10px;}
.typePc .info-wrap .bg-txt>span {font-size: 147px; line-height: 0.75;}
.typePc .info-wrap .img-area.network>span {background-position: 88%;}
@media screen and (min-width: 1400px){
    .typePc .info-wrap .bg-txt {width: 504px;}
    .typePc .info-wrap .bg-txt>span {font-size: 188px;}
}

/* info-wrap e */

/* explore-wrap s */
.explore-wrap {padding: 0;}
.section-tit {margin-bottom: 20px; font-size: 28px; letter-spacing: -0.56px; font-weight: 700; color: var(--black);}
.section-tit .thin {font-weight: 100;}
/*.explore-box {position: relative; max-width: 1600px; padding: 50px 30px 60px; margin: 0 auto; border-top-left-radius: 40px; background: #fff;}*/
/*.explore-box h3 {display: block; box-sizing: border-box; color: var(--black); font-size: max(24px, 6vw); letter-spacing: 0; line-height: 1; padding: 2.5vw 10px 5px; font-weight: 300; cursor: pointer; position: relative; top: 0.5vw; border: 1px solid var(--black); border-radius: 30px 30px 0 0; background: var(--white); border-bottom: none;}*/
/*.explore-box .cont-wrap {overflow: hidden;}*/
/*.explore-box .cont {position: relative; overflow: hidden;}*/
/*.explore-box .cont.on .slide-box {display: block;}*/
/*.explore-box .cont.front.on {top: -10px;}*/
/*.explore-box .cont.back.on {margin-bottom: 10px;}*/
/*.explore-box .cont.front {top: 0;}*/
/*.explore-box .cont-inner {overflow: hidden;}*/
/*.explore-box .link-wrap {padding: 10vw 30px; box-sizing: border-box; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; background-repeat: no-repeat;}*/
/*.explore-box .link-wrap>ul>li>a {transition: 0.3s; color: #ddd;}*/
/*.explore-box .cont.back .link-wrap {background-image: url("/type/ENG_A/img/main/img-link-bg01.png"); background-color: #271412; background-position: 57% 65%; background-size: auto 150%; border: 1px solid var(--black); border-top:  none;}*/
/*.explore-box .cont.front .link-wrap {background-image: url("/type/ENG_A/img/main/img-link-bg02.png"); background-color: #121114; background-position: 29%; background-size: cover;}*/

@media screen and (min-width: 400px){
    .explore-box h3 {line-height: 0.7; top: 0;}
}

@media screen and (min-width: 768px){
    /*.explore-box {border-top-left-radius: 80px;}*/
    .explore-box h3 {font-size: 50px; padding-top: 13px; padding-left: 30px;}
    /*.explore-box .link-wrap {display: flex; gap: 0 80px; font-size: 20px;}*/
    /*.explore-box .link-wrap>ul>li>a:hover {color: #EFB921; text-decoration: underline;}*/
    .section-tit {font-size: 45px; letter-spacing: -0.9px;}
}
/*.typePc .explore-box {padding: 150px;}*/
.typePc .explore-box h3 {font-size: 68px; height: 70px; padding-left: 20px; top: 9px;}
/*.typePc .explore-box .link-wrap {gap: 0 110px; padding: 100px 100px 150px 100px;}*/
/*.typePc .explore-box .cont.back .link-wrap {background-position-x: 0; background-size: auto 170%;}*/
/*.typePc .explore-box .cont.front.on {top: -20px;}*/
/*.typePc .explore-box .cont.front .link-wrap {background-position: 200%; background-size: 85%;}*/
@media screen and (min-width: 1400px){
    .typePc .explore-box h3 {padding-left: 100px;}
}
/* explore-wrap e */

/*fade up effect*/
.fade-wrap.fade-up  {overflow: hidden;}
.fade-wrap.fade-up .fade-box.fadeUp {opacity: 1; transform: translate(-50%, -50%);}
.fade-wrap.fade-up .fade-box {opacity: 0; transform: translate(-50%, 0); transition: all 1.5s;}

/* explore-wrap 추가 s */
.section.explore {overflow: hidden; position: relative; padding: 0 20px;}
.section.explore:before {content: ''; position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 195px; height: 100%; border-left: 1px solid #EFEFEF; border-right: 1px solid #EFEFEF;}
.section.explore:after {content: ''; position: absolute; z-index: -1; left: 50%; top: 0; transform: translateX(-50%); width: 1px; height: 100%; border-right: 1px solid #EFEFEF;}
.explore-wrap {padding: 60px 0 100px; margin: 0 -5px;}
.explore-wrap .web-ex {display: none;}
.explore-wrap .main-tit h2 {margin: 0 auto;}
.explore-wrap .grid-box {padding-top: 55px;}
.grid-box {display: grid; grid-template-columns: 1fr 1fr;}
.explore-box {box-sizing: border-box; margin: 5px; position: relative; border-radius: 10px; background-repeat: no-repeat; background-position: center; padding: 30px 20px 40px; transition: border-radius 0.3s;}
.explore-box.bg01 {background-image: url('/type/ENG_2023/img/main/img-explore-manage.jpg');}
.explore-box.bg02 {background-image: url('/type/ENG_2023/img/main/img-explore-law.jpg');}
.explore-box.bg03 {background-image: url('/type/ENG_2023/img/main/img-explore-counsel.jpg');}
.explore-box.bg04 {background-image: url('/type/ENG_2023/img/main/img-explore-wefare.jpg');}
.explore-box.bg05 {background-image: url('/type/ENG_2023/img/main/img-explore-international.jpg');}
.explore-box.bg06 {background-image: url('/type/ENG_2023/img/main/img-explore-it.jpg');}
.explore-box.bg07 {background-image: url('/type/ENG_2023/img/main/img-explore-machine.jpg');}
.explore-box.bg08 {background-image: url('/type/ENG_2023/img/main/img-explore-fire.jpg');}
.explore-box.bg09 {background-image: url('/type/ENG_2023/img/main/img-explore-literature.jpg');}
.explore-box.bg10 {background-image: url('/type/ENG_2023/img/main/img-explore-art.jpg');}
.line01 .explore-box:nth-child(2):hover:after {right: 8%; transform: rotate(38deg);}
.line01 .explore-box:nth-child(3):hover:after, .line02 .explore-box:nth-child(2):hover:after,
.line02 .explore-box:nth-child(3):hover:after {right: 10%; transform: rotate(43deg);}
.line02 .explore-box:nth-child(4):hover:after, .line03 .explore-box:nth-child(2):hover:after {right: 4%; transform: rotate(35deg);}
.line02 .explore-box:nth-child(1):hover:after, .line03 .explore-box:nth-child(1):hover:after {right: 9%; transform: rotate(40deg);}
.explore-box a {color: #fff; position: relative; z-index: 1;}
.explore-box a:after {position: absolute; z-index: -1; content: ''; left: -8px; bottom: 8px; width: 0; height: 16px; background: #B9840F; transition: width 0.25s;}
.explore-box a:hover:after {width: calc(100% + 10px);}
.explore-box>p {font-size: 14px; font-weight: bold; color: #fff; line-height: 1;}
.explore-box ul {padding-top: 15px;}

@media screen and (min-width: 700px){
    .grid-box {grid-template-columns: 1fr 1fr 1fr;}
}
@media screen and (min-width: 768px){
    .section.explore:before {width: 350px;}
    .explore-wrap {padding: 80px 0 100px; margin: 0 10px;}
    .explore-box {margin: 10px; padding: 40px 40px 60px;}
    .explore-box>p {font-size: 15px; padding-bottom: 15px;}
}

.typePc .section.explore {overflow: hidden; position: relative;}
.typePc .section.explore:before {content: ''; position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 800px; height: 100%; border-left: 1px solid #EFEFEF; border-right: 1px solid #EFEFEF;}
.typePc .section.explore:after {content: ''; position: absolute; z-index: -1; left: 50%; top: 0; transform: translateX(-50%); width: 1px; height: 100%; border-right: 1px solid #EFEFEF;}
.typePc .explore-wrap {max-width: 1420px; margin: 0 auto; padding: 110px 0 190px;}
.typePc .explore-wrap .web-ex {display: block;}
.typePc .explore-wrap .main-tit h2 {margin: 0 auto;}
.typePc .explore-wrap .mob-ex {display: none;}
.typePc .explore-wrap .grid-box {padding-top: 100px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 110px; align-items: center;}
.typePc .grid-box .box-wrap {display: flex; flex-direction: column; gap: 60px;}
.typePc .explore-box {position: relative; border-radius: 15px; background-repeat: no-repeat; background-position: center; padding: 50px 40px 90px; transition: border-radius 0.3s;}
.typePc .explore-box:after {position: absolute; content: ''; background: url('/type/ENG_2023/img/main/explore sdu.svg') 50% no-repeat; width: 40px; height: 155px; background-size: 25px; opacity: 0; right: -6%; top: 23%; transform: rotate(9deg);}
.typePc .explore-box:hover {border-bottom-right-radius: 300px;}
.typePc .explore-box:hover:after {right: 2%; top: 45%; transform: rotate(32deg); opacity: 1; transition: all 0.4s 0.2s;}
.typePc .line01 .explore-box:nth-child(2):hover:after {right: 8%; transform: rotate(38deg);}
.typePc .line01 .explore-box:nth-child(3):hover:after, .line02 .explore-box:nth-child(2):hover:after,
.typePc .line02 .explore-box:nth-child(3):hover:after {right: 10%; transform: rotate(43deg);}
.typePc .line02 .explore-box:nth-child(4):hover:after, .line03 .explore-box:nth-child(2):hover:after {right: 4%; transform: rotate(35deg);}
.typePc .line02 .explore-box:nth-child(1):hover:after, .line03 .explore-box:nth-child(1):hover:after {right: 9%; transform: rotate(40deg);}
.typePc .explore-box a {font-size: 18px; color: #fff; position: relative; z-index: 1;}
.typePc .explore-box a:after {position: absolute; z-index: -1; content: ''; left: -8px; bottom: 8px; width: 0; height: 16px; background: #B9840F; transition: width 0.25s;}
.typePc .explore-box a:hover:after {width: calc(100% + 10px);}
.typePc .explore-box>p {font-size: 24px; font-weight: bold; color: #fff;}
.typePc .explore-box ul {padding-top: 15px;}