@charset "utf-8";

/*[S] 공통*/
.sub .area {width: 100%;max-width: 158rem;margin: 0 auto;}

@media screen and (max-width: 1600px) {
	.sub .area {padding: 0 4rem;}
}

@media screen and (max-width: 768px) {
	.sub .area {padding: 0 2rem;}
}

/*[E] 공통*/


#multipleDiv_dept_2486,
#multipleContentsDiv_dept_2486 {background-color: #1a428a;}

#multipleDiv_dept_2668,
#multipleContentsDiv_dept_2668 {background-color: #191C2E;}

/*[S] contact-banner*/
.contact-banner {position: relative;overflow: hidden;background: url('../../images/sub/bg-contact-banner-pc.jpg') no-repeat center / cover;}
.contact-banner .area {position: relative;display: flex;height: 100%;padding-top: 2.05rem;padding-bottom: 1.95rem;padding-right: 11rem;}
.contact-banner .area::before {content: '';position: absolute;right: 0;top: 1rem;width: 10rem;height: 6rem;;background: url('../../images/sub/img-contact-banner-deco.png') no-repeat center / contain;}
.contact-banner .badge {display: flex;justify-content: center;align-items: center;width: 10rem;padding: .8rem 0 .5rem;margin-right: 5rem;background: hsl(0, 0%, 100%);border-radius: 0 1.5rem 0 1.5rem;font-size: 1.8rem;color: #000;font-family: sm;transform: translateY(1rem);opacity: 0;}
.contact-banner ul {display: flex;align-items: center;transform: translateY(1rem);opacity: 0;}
.contact-banner li {margin-right: 4rem;padding-left: 4.8rem;font-size: 1.8rem;color: #fff;font-family: sl;}
.contact-banner li:last-child {margin-right: 0;}
.contact-banner li span {position: relative;color: #fff;}
.contact-banner li span::before {content: '';position: absolute;left: -1.5rem;top: 50%;margin-top: -.5rem;width: 2px;height: 1rem;background: #718cb8;}
.contact-banner li span br {display: none;}
.contact-banner li.location {background: url('../../images/sub/ic-location.png') no-repeat left center;}
.contact-banner li.tel {background: url('../../images/sub/ic-tel.png') no-repeat left center;}
.contact-banner li.mail {background: url('../../images/sub/ic-mail.png') no-repeat left center;}

@media screen and (max-width: 1600px) {
	.contact-banner .badge {width: 9.3rem;margin-right: 2rem;font-size: 1.7rem;}
	.contact-banner li {padding-left: 3.8rem;margin-right: 3rem;font-size: 1.7rem;}
	.contact-banner li span::before {left: -1rem;}
}

@media screen and (max-width: 1500px) {
	.contact-banner li span br {display: block;}
}

@media screen and (max-width: 1024px) {
	.contact-banner .area::before {width: 8.8rem;right: 1rem;top: auto;bottom: -.7rem;}
	.contact-banner .badge {width: 6.5rem;height: 3.5rem;margin-right: 1.5rem;font-size: 1.6rem;}
	.contact-banner li {font-size: 1.6rem;}
}

@media screen and (max-width: 950px) {
	.contact-banner {background: url('../../images/sub/bg-contact-banner-mobile.jpg') no-repeat center / cover;}
	.contact-banner .area {flex-direction: column;}
	.contact-banner .area::before {bottom: 0;}
	.contact-banner .badge {margin-bottom: 2rem;}
	.contact-banner li {margin-right: 2.2rem;}
}

@media screen and (max-width: 850px) {
	.contact-banner .area {padding-right: 2rem;}
	.contact-banner ul {flex-direction: column;align-items: flex-start;}
	.contact-banner li {margin-bottom: 1.5rem;margin-right: 0;}
	.contact-banner li:last-child {margin-bottom: 0;}
}

@media screen and (max-width: 500px) {
	.contact-banner {overflow: visible;transform: translateY(-1px);}
	.contact-banner::before {content: '';position: absolute;left: 0;bottom: -1px;width: 100%;height: 1px;background: #193f86;}
}

/*[E] contact-banner*/

/*[S] dept-info*/
.dept-info {min-height: 66rem;padding: 10.5rem 0 10rem;background-image: url('../../images/sub/img-dept-info-deco1-1.png'), url('../../images/sub/img-dept-info-deco1-2.png');background-color: #eff4fa;background-repeat: no-repeat;background-position: left top -30rem, left bottom -3.5rem; }
.dept-info .area {display: flex;max-width: 100%;padding: 0 17rem;}
.dept-info .tit {display: block;height: 100%;width: 62rem;color: #000;font-size: 4.5rem;font-family: sm;line-height: 6rem;flex-shrink: 0;transform: translateX(-4rem);opacity: 0;}
.dept-info .txt-wrap > li {margin-bottom: 6rem;opacity: 0;transform: translateX(4rem);}
.dept-info .txt-wrap > li:last-child {margin-bottom: 0;}
.dept-info .txt-wrap > li span {display: block;margin-bottom: .2rem;color: #003b77;font-size: 2.4rem;font-family: sm;}
.dept-info .txt-wrap > li p {color: #000;font-size: 2rem;font-family: pr;line-height: 3.5rem;}
.dept-info .txt-wrap > li i {display: block;height: 1.8rem;}
.dept-info .txt-wrap .list li {position: relative;padding-left: 1.8rem;margin-bottom: .8rem;color: #000;font-size: 2rem;font-family: pr;line-height: 3.5rem;}
.dept-info .txt-wrap .list li:last-child {margin-bottom: 0;}
.dept-info .txt-wrap .list li::before {content: '';position: absolute;left: 0;top: 1.3rem;width: .7rem;height: .7rem;background: #2982d5;border-radius: .4rem 0 .4rem 0;}
.dept-info .txt-wrap > li:first-child .list li {padding-left: 1.5rem;font-size: 1.8rem;} 

@media screen and (max-width: 1919px) {
	.dept-info .area {padding: 0 5rem 0 17rem;}
}

@media screen and (max-width: 1600px) {
	.dept-info .tit {width: 50rem;}
}

@media screen and (max-width: 1300px) {
	.dept-info {background-size: auto, 48rem;}
	.dept-info .tit {width: 40rem;}
}

@media screen and (max-width: 1024px) {
	.dept-info {min-height: auto;padding: 5.5rem 0 7rem;background-image: url('../../images/sub/img-dept-info-deco2-1.png'), url('../../images/sub/img-dept-info-deco2-2.png');background-color: #eff4fa;background-position: left top -20.7rem, right bottom -5.5rem;background-size: 42rem, auto;}
	.dept-info .area {flex-direction: column;padding: 0 8rem 0 4rem;}
	.dept-info .tit {width: auto;margin-bottom: 2rem;font-size: 4rem;}
	.dept-info .tit br {display: none;}
	.dept-info .txt-wrap > li {margin-bottom: 2.5rem;}
	.dept-info .txt-wrap > li span {margin-bottom: 0;}
	.dept-info .txt-wrap > li p {font-size: 1.8rem;line-height: 3rem;}
	.dept-info .txt-wrap > li p br {display: none;}
	.dept-info .txt-wrap .list li {padding-left: 1.5rem;font-size: 1.8rem;line-height: 3rem;}
	.dept-info .txt-wrap > li:first-child .list li {font-size: 1.6rem;}
	.dept-info .txt-wrap .list li::before {top: 1.2rem;}
}

@media screen and (max-width: 768px) {
	 .dept-info {padding: 4.5rem 0 6rem;background-image: url('../../images/sub/img-dept-info-deco2-1.png'), url('../../images/sub/img-dept-info-deco3.png');background-color: #eff4fa;background-position: left top -14.7rem, right bottom -3rem;background-size: 30rem, auto;}
	 .dept-info .area {flex-direction: column;padding: 0 5rem 0 2rem;}
	 .dept-info .tit {margin-bottom: 1rem;font-size: 3.2rem;}
	 .dept-info .txt-wrap > li {margin-bottom: 3rem;}
	 .dept-info .txt-wrap > li span {font-size: 2.2rem;}
	 .dept-info .txt-wrap > li p {font-size: 1.6rem;line-height: 2.5rem;}
	 .dept-info .txt-wrap > li i  {height: 1rem;}
	 .dept-info .txt-wrap .list li {font-size: 1.6rem;line-height: 2.5rem;}
	 .dept-info .txt-wrap .list li::before {top: .9rem;}
}

/*[E] dept-info*/

/*[S] job-goal*/
.job-goal {display: flex;min-height: 80.5rem;}
.job-goal .tab {display: flex;width: 100%;gap: 1rem;margin-bottom: 6rem;}
.job-goal .tab li {flex: 1;}
.job-goal .tab li button {width: 100%;height: 6rem;padding-top: .5rem;background: #34466e;color: #ccc;font-family: sl;font-size: 2rem;border-radius: 1rem;transition: color .25s, background .25s;}
.job-goal .tab li button:hover,
.job-goal .tab li.on button {background: #fff;color: #111;font-family: sm;}
.job-goal .left {width: 50%;min-height: 80.5rem;opacity: .1;}
.job-goal .left img {width: 100%;height: 100%;object-fit: cover;object-position: center top;}
.job-goal .right {position: relative;width: 50%;min-height: 80.5rem;padding: 10rem 17rem 0 7rem;background: url('../../images/sub/bg-job-goal-pc.jpg') no-repeat left top / cover;background-color: #eff4fa;}
.job-goal .right .tit {display: block;color: #fff;font-size: 4.5rem;font-family: sm;transform: translateY(4rem);opacity: 0;}

.job-goal .con-ver1 {margin-top: 4rem;transform: translateY(4rem);opacity: 0;}
.job-goal .con-ver1 .tab-con {display: none;}
.job-goal .con-ver1 .tab-con.on {display: block;}
.job-goal .con-ver1 .tab-con span {display: block;margin-bottom: 1rem;color: #00ffcc;font-size: 2.4rem;font-family: sm;} 
.job-goal .con-ver1 .tab-con.type1 .list li {position: relative;padding-left: 2rem;margin-bottom: 1rem;color: #e1e1e1;font-size: 1.8rem;font-family: pr;} 
.job-goal .con-ver1 .tab-con.type1 .list li:last-child {margin-bottom: 0;}
.job-goal .con-ver1 .tab-con.type1 .list li::before {content: '';position: absolute;left: 0;top: 1.2rem;width: .8rem;height: 2px;background: #eff4fa;}
.job-goal .con-ver1 .tab-con.type1 .list li strong {color: #fff;font-family: psb;}
.job-goal .con-ver1 .tab-con.type1.slider .swiper-pagination {position: absolute;bottom: -7rem;left: 50%;display: flex;align-items: center;transform: translateX(-50%);z-index: 1;}
.job-goal .con-ver1 .tab-con.type1.slider .swiper-pagination span {display: block;width: 1rem;height: 1rem;margin-right: 1rem;border-radius: 50%;background: #fff;opacity: 1 !important;transition: background .25s, width .25s;}
.job-goal .con-ver1 .tab-con.type1.slider .swiper-pagination span:last-child {margin-right: 0;}
.job-goal .con-ver1 .tab-con.type1.slider .swiper-pagination span.swiper-pagination-bullet-active {width: 4rem;background: #00ffcc;border-radius: .5rem;}

.job-goal .con-ver1 .tab-con.type2 span {display: block;margin-bottom: 1.5rem;color: #00ffcc;font-size: 2.4rem;font-family: sm;}
.job-goal .con-ver1 .tab-con.type2 .con1 .list {display: none;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;}
.job-goal .con-ver1 .tab-con.type2 .con1 .list.on {display: flex;}
.job-goal .con-ver1 .tab-con.type2 li {width: calc((100% / 2) - 1rem);margin-bottom: 2rem;}
.job-goal .con-ver1 .tab-con.type2 li button {width: 100%;min-height: 10rem;padding: 2rem;border: 1px solid #4f6383;border-radius: 5rem;color: #fff;font-size: 2rem;font-family: psb;transition: .25s;}
.job-goal .con-ver1 .tab-con.type2 li:hover button {background: #fff;border: 1px solid #fff;color: #000;}

.job-goal .con-ver1 .tab-con.type2 .con1 .control {position: relative;display: none;justify-content: space-between;align-items: center;width: 6.5rem;transform: translateY(1.8rem);float: right;}
.job-goal .con-ver1 .tab-con.type2 .con1 .control.on {display: flex;}
.job-goal .con-ver1 .tab-con.type2 .con1 .control::before {content: '';position: absolute;left: 49%;top: 50%;transform: translate(-50%, -50%);width: .2rem;height: .2rem;background: #8a94a4;}
.job-goal .con-ver1 .tab-con.type2 .con1 .control button {width: 2.4rem;height: 2rem;background-repeat: no-repeat;background-position: center;background-size: contain;transition: .25s;text-indent: -9999px;}
.job-goal .con-ver1 .tab-con.type2 .con1 .control .prev {background-image: url('../../images/main/btn-goal-prev.png');}
.job-goal .con-ver1 .tab-con.type2 .con1 .control .next {background-image: url('../../images/main/btn-goal-next.png');}
.job-goal .con-ver1 .tab-con.type2 .con1 .control .prev:hover {background-image: url('../../images/main/btn-goal-prev-on.png');}
.job-goal .con-ver1 .tab-con.type2 .con1 .control .next:hover {background-image: url('../../images/main/btn-goal-next-on.png');}

.job-goal .con-ver2 {margin-top: 3rem;transform: translateY(4rem);opacity: 0;}
.job-goal .con-ver2 .con1 {min-height: 30.9rem;margin-bottom: 3.5rem;}
.job-goal .con-ver2 span {display: block;margin-bottom: 1.5rem;color: #00ffcc;font-size: 2.8rem;font-family: sm;}
.job-goal .con-ver2 .con1 span::before {content: '01.';margin-right: .3rem;font-size: 3.6rem;opacity: .5;}
.job-goal .con-ver2 .con2 span::before {content: '02.';margin-right: .3rem;font-size: 3.6rem;opacity: .5;}
.job-goal .con-ver2 .list {display: none;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;}
.job-goal .con-ver2 .list.on {display: flex;}
.job-goal .con-ver2 li {width: calc((100% / 2) - 1rem);margin-bottom: 2rem;}
.job-goal .con-ver2 li.long {width: calc(100% - 1rem);}
.job-goal .con-ver2 li button {width: 100%;min-height: 10rem;padding: 2rem;border: 1px solid #4f6383;border-radius: 5rem;color: #fff;font-size: 2rem;font-family: psb;transition: .25s;}
.job-goal .con-ver2 li:hover button {background: #fff;border: 1px solid #fff;color: #000;}

.job-goal .con-ver2 .control {position: relative;display: none;justify-content: space-between;align-items: center;width: 6.5rem;transform: translateY(1.8rem);float: right;}
.job-goal .con-ver2 .control.on {display: flex;}
.job-goal .con-ver2 .control::before {content: '';position: absolute;left: 49%;top: 50%;transform: translate(-50%, -50%);width: .2rem;height: .2rem;background: #8a94a4;}
.job-goal .con-ver2 .control button {width: 2.4rem;height: 2rem;background-repeat: no-repeat;background-position: center;background-size: contain;transition: .25s;text-indent: -9999px;}
.job-goal .con-ver2 .control .prev {background-image: url('../../images/main/btn-goal-prev.png');}
.job-goal .con-ver2 .control .next {background-image: url('../../images/main/btn-goal-next.png');}
.job-goal .con-ver2 .control .prev:hover {background-image: url('../../images/main/btn-goal-prev-on.png');}
.job-goal .con-ver2 .control .next:hover {background-image: url('../../images/main/btn-goal-next-on.png');}

@media screen and (min-width: 1921px) {
	.job-goal .right {min-height: 83.5rem;}
} 

@media screen and (max-width: 1919px) {
	.job-goal .right {padding: 10rem 5rem 0 7rem}
}

@media screen and (max-width: 1600px) {
	.job-goal .right {padding: 10rem 5rem 0 5rem;}
	.job-goal .right .tit {font-size: 4rem;line-height: 1.4;}
	.job-goal li button br {display: none;}
	.job-goal .con-ver2 .con1 {min-height: 27rem;}
}

@media screen and (max-width: 1300px) {
	.job-goal .right {padding: 10rem 2rem 0 3rem;}
	.job-goal .right .tit {font-size: 3.5rem;line-height: 1.4;}
	.job-goal .con-ver2 span {font-size: 2.6rem;}
	.job-goal .con-ver2 .con1 span::before {font-size: 3.4rem;}
	.job-goal .con-ver2 .con2 span::before {font-size: 3.4rem;}
}

@media screen and (max-width: 1100px) {
	.job-goal .con-ver1 .tab-con.type1.slider .swiper-pagination {bottom: -6rem;}
}

@media screen and (max-width: 1024px) {
	.job-goal {flex-direction: column;}
	.job-goal .left {width: 100%;min-height: auto;}
	.job-goal .right {min-height: 66.4rem;width: 100%;padding: 6.6rem 4rem 0 4rem;}
	.job-goal .right.slider-con {min-height: 72rem;}
	.job-goal .right .tit {margin-bottom: 2rem;text-align: center;}
	.job-goal .con-ver2 {padding-bottom: 8rem}
	.job-goal .con-ver2 li.long {width: 100%;}
	.job-goal .con-ver1 .tab-con.type1.slider .swiper-pagination {bottom: -7rem;}
}


@media screen and (max-width: 768px) {
	.job-goal .tab {margin-bottom: 4rem;}
	.job-goal .right {padding: 5.8rem 2rem 0 2rem;background: url('../../images/sub/bg-job-goal-mobile.jpg') no-repeat left top / cover;}
	.job-goal .con-ver1 {margin-top: 2rem;}
	.job-goal .con-ver2 {padding-bottom: 6rem}
	.job-goal .right .tit {font-size: 3.2rem;}
	.job-goal .con-ver1 .tab-con .list li {font-size: 1.6rem;}
	.job-goal .con-ver1 .tab-con.type2 li button {min-height: 8rem;font-size: 1.6rem;}
	.job-goal .con-ver2 li button {min-height: 8rem;font-size: 1.6rem;}
}

/*[E] job-goal*/

/*[S] course-list*/
.course-list {overflow: hidden;position: relative;padding-top: 14rem ; min-height: 70rem;background: url('../../images/sub/bg-course-list.jpg') no-repeat center / cover;}
.course-list::before {content: '';position: absolute;left: 14rem;bottom: -7.3rem;width: 41.8rem;height: 41.8rem;background: url('../../images/sub/img-course-list-deco1.png') no-repeat center / 36rem;}
.course-list::after {content: '';position: absolute;right: -13rem;top: -7rem;width: 27.9rem;height: 27.9rem;background: url('../../images/sub/img-course-list-deco2.png') no-repeat center;}
.course-list .area {display: flex;;max-width: 159rem;}
.course-list .tit-wrap  {width: 64.5rem;padding: 0 5rem 0 1rem;flex-shrink: 0;opacity: 0;transform: translateX(-4rem);}
.course-list .tit-wrap h2 {margin-bottom: 1.5rem;color: #fff;font-size: 4.5rem;font-family: sm;line-height: 6rem;}
.course-list .tit-wrap p {padding-bottom: 40rem;color: #eee;font-size: 1.8rem;font-family: pr;}
.course-list .slider {overflow: hidden;position: relative;padding-bottom: 12.5rem;opacity: 0;transform: translateY(4rem);}
.course-list .slider .swiper-slide > div {display: flex;flex-wrap: wrap;}
.course-list .slider .line2 {transform: translateX(6.4rem);}
.course-list .slider button {position: relative;min-height: 12rem;padding: 2rem;margin-bottom: 2.5rem;;margin-right: 2rem;color: #fff;font-size: 2rem;font-family: sl;border: 4px solid #4da5b0;transition: background-image .25s;}
.course-list .slider button span {position: relative;display: inline-block;margin-top: .4rem;z-index: 1;line-height: 1.5;}
.course-list .slider button:hover {font-family: sm;border: 0;}
.course-list .slider button:hover::before {content: "";position: absolute;right: .5rem;top: 0;width: 3.5rem;height: 3.5rem;background: url('../../images/sub/img-course-list-deco3.png') no-repeat center;z-index: 1;}
.course-list .slider button:nth-child(3) {margin-right: 0;}
.course-list .slider button::after {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;background-repeat: no-repeat;background-position: center;background-size: 100% 100%;}
.course-list .slider button:hover::after {opacity: 1;transition: opacity .25s;}
.course-list .slider .btn1 {border-radius: 6rem;}
.course-list .slider .btn2 {border-radius: 4rem;}
.course-list .slider .btn3 {border-radius: 5rem;}
.course-list .slider .btn4 {border-radius: 1rem;}
.course-list .slider .btn1::after {background-image: url('../../images/sub/img-course-list-btn1.png');border-radius: 6rem;}
.course-list .slider .btn2::after {background-image: url('../../images/sub/img-course-list-btn2.png');border-radius: 4rem;}
.course-list .slider .btn3::after {background-image: url('../../images/sub/img-course-list-btn3.png');border-radius: 5rem;}
.course-list .slider .btn4::after {background-image: url('../../images/sub/img-course-list-btn4.png');border-radius: 1rem;}
.course-list .slider .line1.btn1 {width: 26.5rem;}
.course-list .slider .line1.btn2 {width: 31rem;}
.course-list .slider .line1.btn3 {width: 26.5rem;}
.course-list .slider .line2.btn4 {width: 26.5rem;}
.course-list .slider .line2.btn1 {width: 30.5rem;}
.course-list .slider .line2.btn2 {width: 26.5rem;}
.course-list .slider .line3.btn1 {width: 26.5rem;}
.course-list .slider .line3.btn3 {width: 30.5rem;}
.course-list .slider .line3.btn4 {width: 26.5rem;}
.course-list .swiper-pagination {display: none;}
.course-list .swiper-pagination.on {display: block;left: -1.2rem;bottom: 10rem;}
.course-list .swiper-pagination-bullet {width: 1rem;height: 1rem;margin: 0 .5rem !important;background: #fff;opacity: 1;transition: .25s;}
.course-list .swiper-pagination-bullet-active {width: 5rem;background: #00e3ff;border-radius: .5rem;}

@media screen and (max-width: 1800px) {
	.course-list {min-height: auto;padding-top: 6.5rem;}
	.course-list::before {content: '';position: absolute;left: -4rem;bottom: -15.1rem;width: 25.1rem;height: 27.4rem;background: url('../../images/sub/img-course-list-deco1.png') no-repeat center / contain;}
	.course-list::after {content: '';position: absolute;right: -9rem;top: -3rem;width: 16rem;height: 18.2rem;background: url('../../images/sub/img-course-list-deco2.png') no-repeat center / contain;}
	.course-list .area {flex-direction: column;}
	.course-list .tit-wrap {width: 100%;margin-bottom: 4.8rem;padding: 0;text-align: center;}
	.course-list .tit-wrap h2 br {display: none;}
	.course-list .tit-wrap p {padding-bottom: 0;}
	.course-list .slider {padding-bottom: 10rem;}
	.course-list .swiper-slide > div {max-width: 90rem; margin: 0 auto;}
	.course-list .swiper-pagination.on {left: 50%;bottom: 7rem;transform: translateX(-50%);}   
}

@media screen and (max-width: 1300px) {
	.course-list .slider .line2 {transform: translateX(5.4rem);}
	.course-list .swiper-slide > div {max-width: 84rem;}
	.course-list .slider .line1.btn1 {width: 24.5rem;}
	.course-list .slider .line1.btn2 {width: 29rem;}
	.course-list .slider .line1.btn3 {width: 24.5rem;}
	.course-list .slider .line2.btn4 {width: 24.5rem;}
	.course-list .slider .line2.btn1 {width: 28.5rem;}
	.course-list .slider .line2.btn2 {width: 24.5rem;}
	.course-list .slider .line3.btn1 {width: 24.5rem;}
	.course-list .slider .line3.btn3 {width: 28.5rem;}
	.course-list .slider .line3.btn4 {width: 24.5rem;}
}

@media screen and (max-width: 1024px) {
	.course-list {padding-top: 5.5rem;}
	.course-list .tit-wrap h2 {margin-bottom: 1rem;font-size: 4rem;}
	.course-list .slider .line2 {transform: translateX(2.4rem);}
}

@media screen and (max-width: 970px) {
	.course-list .swiper-slide > div {max-width: 70rem;}
	.course-list .slider .line2 {transform: translateX(0);}
	.course-list .slider button {min-height: 11.2rem;margin-bottom: 2rem;margin-right: 1.2rem;font-size: 2rem;}
	.course-list .slider button:hover::before  {width: 2.8rem;height: 2.8rem;background-size: contain;}
	.course-list .slider .line1.btn1 {width: 20.5rem;}
	.course-list .slider .line1.btn2 {width: 25rem;}
	.course-list .slider .line1.btn3 {width: 20.5rem;}
	.course-list .slider .line2.btn4 {width: 20.5rem;}
	.course-list .slider .line2.btn1 {width: 24.5rem;}
	.course-list .slider .line2.btn2 {width: 20.5rem;}
	.course-list .slider .line3.btn1 {width: 20.5rem;}
	.course-list .slider .line3.btn3 {width: 24.5rem;}
	.course-list .slider .line3.btn4 {width: 20.5rem;}
	.course-list .swiper-pagination.on {bottom: 6rem;}
}

@media screen and (max-width: 800px) {
	.course-list::before {left: -6rem;bottom: -12.6rem;width: 21.1rem;height: 23.4rem;}
	.course-list::after {right: -4rem;top: -7.5rem;width: 13.5rem;height: 15.4rem;}
	.course-list .tit-wrap h2 {margin-bottom: 1.3rem;line-height: 4rem;font-size: 3.2rem;}
	.course-list .tit-wrap h2 br {display: block;}
	.course-list .tit-wrap p {font-size: 1.6rem;line-height: 2.5rem;} 
	.course-list .swiper-slide > div {display: flex;justify-content: space-between;max-width: 100%;flex-wrap: wrap;} 
	.course-list .slider button {padding: 1rem 2rem;margin-right: 0;min-height: 8rem;font-size: 1.6rem;}
	.course-list .slider .line1.btn1 {width: 47.5%}
	.course-list .slider .line1.btn2 {width: 47.5%}
	.course-list .slider .line1.btn3 {width: 43%}
	.course-list .slider .line2.btn4 {width: 52.1%}
	.course-list .slider .line2.btn1 {width: 49.6%}
	.course-list .slider .line2.btn2 {width: 45%}
	.course-list .slider .line3.btn1 {width: 47.5%;}
	.course-list .slider .line3.btn3 {width: 47.5%;}
	.course-list .slider .line3.btn4 {width: 52.1%;}
}

/*[E] course-list*/


/*[S] exp-item*/
.exp-item {padding: 9.5rem 0 10rem;background: url('../../images/sub/bg-exp-item.jpg') no-repeat center / cover;}
.exp-item .item-list {height: 60rem;}
.exp-item .tit-wrap {margin-bottom: 5.8rem;text-align: center;}
.exp-item .tit-wrap h2 {margin-bottom: 1rem;font-size: 4.5rem;font-family: sm;color: #000;opacity: 0;transform: translateY(4rem);}
.exp-item .tit-wrap p {font-size: 1.8rem;color: #000;font-family: pr;opacity: 0;transform: translateY(4rem);}
.exp-item .item-list {display: flex;border-radius: 2rem;overflow: hidden;opacity: 0;}
.exp-item .item-list > li > a {display: flex;height: 100%;flex-direction: column;}
.exp-item .item-list > li > a > div {flex: 1;}
.exp-item .item-list > li:nth-child(2) > a {flex-direction: column-reverse;}
.exp-item .item-list .img-box {position: relative;}
.exp-item .item-list .img-box img {width: 100%;height: 100%;object-fit: cover;object-position: center;}
.exp-item .item-list .img-box::before {content: '';position: absolute;left: 0;top: 0;opacity: 0;pointer-events: none;width: 100%;height: 100%;background: rgba(0,0,0,.5);transition: opacity .25s;} 
.exp-item .item-list .img-box::after {content: '자세히 보러가기';opacity: 0;position: absolute;left: 50%;top: 50%;width: 18rem;height: 6rem;padding-left: 2rem;background: rgba(0,0,0,.2) url('../../images/sub/ic-link-arrow.png') no-repeat right 2rem center;transform: translate(-50%,-50%);border: 2px solid #fff;border-radius: .7rem;color: #fff;font-family: psb;font-size: 1.8rem;line-height: 5.7rem;pointer-events: none;transition: opacity .25;}
.exp-item .item-list > li:hover .img-box::before {opacity: 1;}
.exp-item .item-list > li:hover .img-box::after {opacity: 1;}
.exp-item .item-list .txt-wrap {position: relative;background: #fff;}
.exp-item .item-list .txt-wrap::before {content: '';position: absolute;left: 50%;transform: translateX(-50%);top: -2.2rem;width: 3.3rem;height: 2.6rem;opacity: 0;background: url('../../images/sub/img-exp-arrow.png') no-repeat center / contain;pointer-events: none;}
.exp-item .item-list > li:hover .txt-wrap {background:#1a4289 url('../../images/sub/img-exp-deco.png') no-repeat right 3rem top 3.7rem;transition: background-color .15s;}
.exp-item .item-list > li:hover .txt-wrap::before {opacity: 1;transition-delay: .08s;}
.exp-item .item-list .txt-wrap > div {position: absolute;left: 0;bottom: 4rem;width: 100%;;padding: 0 3rem 0 4.7rem;}
.exp-item .item-list .txt-wrap span {display: block;margin-bottom: .5rem;color: #104fc1;font-size: 2rem;font-family: sm;transition: color .25s;}
.exp-item .item-list .txt-wrap strong {color: #000;font-size: 3rem;font-family: sl;transition: color .25s;line-height: 4rem; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.exp-item .item-list > li:hover .txt-wrap span {color: #a0ecff;}
.exp-item .item-list > li:hover .txt-wrap strong {color: #fff;}

@media screen and (min-width: 1921px) {
	.exp-item .area {display: flex;flex-direction: column;align-items: center;}
}

@media screen and (max-width: 1800px) {
	.exp-item .tit-wrap p br {display: none;}
	.exp-item .item-list .txt-wrap strong br {display: none;}
}

@media screen and (max-width: 1300px) {
	.exp-item .item-list {height: 55rem;}
	.exp-item .item-list .txt-wrap > div {padding: 0 3rem 0 4rem;bottom: 3rem}
	.exp-item .item-list .txt-wrap span {margin-bottom: 1rem;}
	.exp-item .item-list .txt-wrap strong {font-size: 2.6rem ;line-height: 3rem;}
	.exp-item .item-list .img-box::after {width: 16rem;height: 5rem;background-position: right 1.5rem center;font-size: 1.6rem;line-height: 4.7rem;}
}

@media screen and (max-width: 1024px) {
	.exp-item {padding: 6.5rem 0 7rem;}
	.exp-item .tit-wrap {margin-bottom: 4.8rem;}
	.exp-item .item-list > li:hover .txt-wrap {background-size: 6.5rem;background-position: right 2.5rem top 2.5rem;} 
	.exp-item .tit-wrap h2 {font-size: 4rem;}
	.exp-item .item-list {height: auto;flex-direction: column;}
	.exp-item .item-list > li > a {flex-direction: row;}
	.exp-item .item-list > li:nth-child(2) > a {flex-direction: row-reverse;}
	.exp-item .item-list .img-box {height: 27rem;}
	.exp-item .item-list .txt-wrap::before {left: -2.4rem;top: 50%;transform: translateY(-50%) rotate(-90deg);}
	.exp-item .item-list > li:nth-child(2) .txt-wrap::before {left: auto;right: -2.4rem;transform: translateY(-50%) rotate(90deg);}
}

@media screen and (max-width: 768px) {
	.exp-item {padding: 6rem 0;}
	.exp-item .tit-wrap {margin-bottom: 3.8rem;}
	.exp-item .item-list > li:hover .txt-wrap {background-position: right 2rem top 2rem;} 
	.exp-item .tit-wrap h2 {margin-bottom: 1.7rem;font-size: 3.2rem;line-height: 1.3;}
	.exp-item .tit-wrap p {font-size: 1.6rem;line-height: 2.5rem;}
	.exp-item .item-list > li > a {flex-direction: column;}
	.exp-item .item-list > li:nth-child(2) > a {flex-direction: column;}
	.exp-item .item-list > li > a > div {flex: none;}
	.exp-item .item-list .img-box {height: auto;}
	.exp-item .item-list .txt-wrap {min-height: 15rem;padding: 3.4rem 12rem 3.4rem 3rem;}
	.exp-item .item-list .txt-wrap > div {position: static;padding: 0;}
	.exp-item .item-list .txt-wrap span {margin-bottom: .5rem;font-size: 1.8rem;}
	.exp-item .item-list .txt-wrap strong {font-size: 2.2rem;line-height: 2.5rem;-webkit-line-clamp: 2;}
	.exp-item .item-list .txt-wrap::before {left: 50%;top: -1.8rem;transform: translateX(-50%);}
	.exp-item .item-list > li:nth-child(2) .txt-wrap::before {left: 50%;right: auto;transform: translateX(-50%);}
}

/*[E] exp-item*/