/* visual */
.mainVis{ padding: 37rem 0 38rem; background: #00abff no-repeat 50% / cover; }
.mainVis.m {display: none;}

.mainVis__inr{ display: flex; align-items: center; justify-content: space-between; gap: 40rem; }
.mainVis__title{ max-width: 100%; width: 534rem; }
.mainVis__subTitle{ max-width: 100%; width: 371rem; }
.mainVis__subTitle_m {display: none;}

.mVis .swiper-slide {z-index: -1;}
.mVis .swiper-slide a {width: 100%;}
.mVis .swiper-slide a picture {display: flex; justify-content: center; width: 100%;}
.mVis .swiper-slide a picture img {width: 100%;}
.mVis .swiper-slide-active {z-index: 2;}

@media(min-width:768px){
	.mainVis{ background-image: url('/images/main/visBg-pc.jpg'); }
	.mainVis__title{ width: clamp(316rem, calc( 534 / var(--inr) * 100vw ), 534rem); }
	.mainVis__subTitle{ width: clamp(220rem, calc( 371 / var(--inr) * 100vw ), 371rem); }
}
@media(min-width:1280px){
	.mainVis__inr{ padding: 0 11rem 0 10rem; }
}
@media(max-width:767px){
	.mainVis{ background-image: url('/images/main/visBg-mo.jpg'); }
	.mainVis__inr{ flex-direction: column; }
	.mainVis__subTitle{display: none;}
	.mainVis__subTitle_m {display: block;  width: 100%; }
	.mainVis.pc {display: none;}
	.mainVis.m {display: block !important;}

}
/* header bottom */
.main_header_m { background: #f4f4f4; }
.headerBottom.main_header_m {display: none;}

.main_header_m nav{ position: relative; display: flex; align-items: center; justify-content: space-between; height: 100%; color: var(--black); }
.main_header_m nav .gnb{ display: flex; gap: 79rem; position: relative; height: 100%; }
.main_header_m nav .gnb > li{ display: inline-block; position: relative; height: 100%; pointer-events: auto; }
.main_header_m nav .gnb > li + li::before{ content: ''; position: absolute; inset: 0; margin: auto auto auto -40rem; width: 1px; height: 13rem; background: #dedede; }
.main_header_m nav .gnb [data-gnb="1"]{ position: relative; display: flex; align-items: center; height: 60rem; font-weight: 600; }
.main_header_m nav .gnb .on[data-gnb="1"]::before{ content: ''; position: absolute; inset: 0; border-bottom: 2rem solid #006bf7; }
.main_header_m nav .gnb .sub_menu{ visibility: hidden; position: absolute; top: 75%; left: 50%; transform: translateX(-50%); min-width: 120px; width: max-content; background: #fff; border: 1px solid #ddd; opacity: 0; }
.main_header_m nav .gnb li:hover .sub_menu{ visibility: visible; top: 80%; opacity: 1; }
.main_header_m nav .gnb [data-gnb="2"]{ display: block; padding: 14px; color: #333; border-top: 1px solid #ddd; font-size: 14px; text-align: center; }
.main_header_m nav .gnb [data-gnb="2"]:hover{ background: var(--primary); color: #fff; }
.main_header_m nav .gnb .sub_menu li:first-child [data-gnb="2"]{ border-top: 0; }

.gnb_wrap {display:flex; gap: 25rem;}
.gnb.gnb-order{ gap: 25rem; }
.gnb.gnb-order > li + li::before{ margin-left: -14.5rem; }
.gnb-order [data-gnb="1"]{ font-weight: 500; color: #555; }

@media(prefers-reduced-motion:no-preference){
	.logo__img,
	.gnb .sub_menu,
	.btn_menu span{ transition: .4s; }
}
@media(min-width:1280px){
	.btn_menu{ display: none; }
}
@media(max-width: 1279px){
	.gnb_wrap { gap: 40rem;  justify-content: space-between; border-top: 1px solid #ededed; margin-right: 0; width: 100%;}
	:root{
		--header_height: 80rem;
	}
	.main_header_m nav .gnb {gap: 40rem; width: 100%; justify-content: space-between;}
}
@media(max-width: 767px){
	.headerBottom {display: none;}
	.headerBottom.main_header_m {display: block;}
	.main_header_m nav .gnb [data-gnb="1"] {font-size: 16rem;}
	.main_header_m nav {flex-direction: column;}
	.main_header_m nav .gnb > li + li::before {display: none;}
}


/* common */
.common__h2{ font-size: var(--fs26); }
.common__a{ display: inline-flex; align-items: center; gap: 10rem; margin-right: 3px;}
.common__a::after{ content: ''; display: inline-block; width: 8rem; height: 8rem; background: 0; border: solid currentColor; border-width: 1rem 1rem 0 0; transform: rotate(45deg); }

/* link */
.mainLink{ overflow: hidden; display: grid; gap: 60rem clamp(10rem, calc( 40 / var(--inr) * 100vw ), 40rem); padding: 92rem 0 100rem; }
.mainLink__title{ display: flex; align-items: center; justify-content: space-between; }
@media(min-width:1280px){
	.mainLink{ grid-template-columns: 65.4% 1fr; }
}
@media(min-width:767px){
	.mainLink {padding: 60rem 0 100rem;}
}
@media(max-width:767px){
	.mainLink {width: 94%; padding: 80rem 0 80rem;}
}

/* information */
.mainInfo .common__a{ margin-right: 12rem; }
.mainInfo__links{ margin-top: 24rem; display: grid; gap: 20rem 17rem; font-size: var(--fs25); font-weight: 700; line-height: 1.2; letter-spacing: -.01em; }
.mainInfo__a{ position: relative; display: block; padding: 23rem 30rem 115rem; border: 1px solid #e6e6e6; border-radius: 6rem; text-transform: uppercase; }
.mainInfo__a::after{ content: ''; position: absolute; right: 10.4%; bottom: 14.4%; width: 117rem; height: 96rem; background: no-repeat 100% 100%; }
.mainInfo__a:nth-child(1):after{ background-image: url('/images/main/info1.png'); background-size: auto 90rem; }
.mainInfo__a:nth-child(2):after{ background-image: url('/images/main/info2.png'); background-size: auto 92rem; }
.mainInfo__a:nth-child(3):after{ background-image: url('/images/main/info3.png'); background-size: auto 95rem; }
.mainInfo__a:nth-child(4):after{ background-image: url('/images/main/info4.png'); background-size: auto 89rem; }
.mainInfo__a:nth-child(5):after{ background-image: url('/images/main/info5.png'); background-size: auto 91rem; }
.mainInfo__a:nth-child(6):after{ background-image: url('/images/main/info6.png'); background-size: auto 96rem; }
.common__a-kakao::before{ content: ''; margin-right: -2rem; display: inline-block; width: 25rem; height: 25rem; background: url('/images/main/kakaotalk.svg') no-repeat 50% / contain; }
@media(hover:hover){
	.mainInfo__a:hover{ background: #1e273c; border-color: #1e273c; color: #fff; }
}
@media(min-width:768px){
	.mainInfo__links{ grid-template-columns: repeat(3, 1fr); }
}
@media(max-width:767px){
	.mainInfo .common__a {font-size: 12rem; margin-right: 2rem; gap: 4rem;}
	.mainInfo__links{ grid-template-columns: repeat(3, 1fr); }
	.mainInfo__a {padding: 20rem 15rem 65rem; font-size: 18rem;}
	
	.mainInfo__a::after {width: 70rem;}
	.mainInfo__a:nth-child(1):after{ background-size: auto 50rem; }
	.mainInfo__a:nth-child(2):after{ background-size: auto 52rem; }
	.mainInfo__a:nth-child(3):after{ background-size: auto 55rem; }
	.mainInfo__a:nth-child(4):after{ background-size: auto 59rem; }
	.mainInfo__a:nth-child(5):after{ background-size: auto 51rem; }
	.mainInfo__a:nth-child(6):after{ background-size: auto 56rem; }
}

/* qna */
.mainQna__ul{ --border: #eee; margin-top: 24rem; border: solid var(--border); border-width: 1px 0; }
.mainQna__a{ display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 20rem; padding: 14.6rem 8rem 13.2rem 7rem; }
li + li .mainQna__a{ border-top: 1px solid var(--border); }
.mainQna__head{ font-size: 15rem; font-weight: 400; }
.mainQna__date{ font-size: 14rem; font-weight: 300; color: #777; }
@media(max-width:1279px) and (min-width:768px){
	.mainQna{ display: grid; grid-template-columns: 1fr auto; gap: 40rem; }
}

/* counselor */
.mainCounselor{ margin-top: 42rem; text-align: center; }
.mainCounselor__h3{ font-size: 17rem; font-weight: 500; color: #424242; }
.mainCounselor__links{ margin-top: 18rem; display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid #e6e6e6; border-radius: 5rem; }
.mainCounselor__a{ position: relative; display: grid; justify-items: center; gap: 10rem; padding: 34rem 10rem 28rem; }
.mainCounselor__a + .mainCounselor__a::before{ content: ''; position: absolute; inset: 0; margin: auto auto auto 0; width: 1px; height: 66rem; background: #e6e6e6; }
.mainCounselor_m {display: none;}

@media(max-width:767px){
	.mainCounselor_m {display: block; margin-top: 0;}


}

/* process */
.mainProcess{ padding: clamp(90rem, calc( 100 / var(--inr) * 100vw ), 100rem) 0 clamp(90rem, calc( 104 / var(--inr) * 100vw ), 104rem); background: #5b4f4a url('/images/main/processBg.jpg') no-repeat 50% / cover; text-align: center; color: #fff; }
.mainProcess .common__h2{ font-size: var(--fs35); font-weight: 800; }
.mainProcess__ul{ margin-top: 68rem; display: flex; flex-wrap: wrap; justify-content: space-evenly; gap: 60rem 0; }
.mainProcess__wrapIcon{ margin: 0 auto; display: flex; align-items: center; justify-content: center; aspect-ratio: 1; width: 150rem; background: linear-gradient(45deg, #00bcff, #006bdb); border-radius: 50%; }
.mainProcess__icon{ height: 44rem; object-fit: scale-down; }
.mainProcess__h3{ margin-top: 19rem; font-size: 20rem; font-weight: 600; }
.mainProcess__p{ margin-top: 6rem; font-weight: 300; }
.mainProcessDot{ margin-top: 73rem; display: flex; gap: 10rem; }
.mainProcessDot__dot{ width: 4rem; height: 4rem; background: #fff; border-radius: 50%; }
.mainProcessDot__dot.d1{ opacity: .3; }
.mainProcessDot__dot.d2{ opacity: .6; }
.mainProcessDot__dot.d3{ opacity: 1; }
@media(min-width:768px){
	.mainProcess__ul{ justify-content: space-between; }
}
@media(min-width:1280px){
	.mainProcess__ul{ margin-inline: 10rem; }
}
@media(max-width:1279px) and ( min-width:768px){
	.mainProcess__li:not([aria-hidden="true"]){ flex: 1 30%; }
	.mainProcess__li:nth-child(6){ display: none; }
}
@media(max-width:767px){
	/* .mainProcess__li:nth-child(4n+4){ display: none; } */
	.mainProcess__li:nth-child(6n+6){ display: none; }
	.mainProcess__li:not([aria-hidden="true"]){ flex: 1 20%; }
	.mainProcess__wrapIcon {width: 100rem;}
	.mainProcessDot {margin-top: 47rem;}

}

/* live */
.mainLive{display:none; padding: 90rem 0 100rem; background: #f0f7fb url('/images/main/liveBg.jpg') no-repeat 50% / cover; text-align: center; }
.mainLive .common__h2{ font-size: var(--fs35); font-weight: 800; }
.mainLive__p{ margin-top: 14rem; font-size: clamp(16rem, calc( 18 / var(--inr) * 100vw ), 18rem); font-weight: 300; color: #424242; }
.mainLive__wrapTalbe{ margin-top: 34rem; padding: 55rem clamp(20rem, calc( 65 / var(--inr) * 100vw ), 65rem); background: #fff; border-radius: 10rem; box-shadow: 0 5rem 20rem rgba(0, 0, 0, 0.05); }
.mainLive__table{ position: relative; margin-top: 10rem; height: 320rem; }
.mainLive__table thead{ position: absolute; visibility: hidden; }
.mainLive__header{ display: grid; grid-template-columns: repeat(5, 1fr); align-items: center; height: 60rem; background: linear-gradient(0deg, #006dee, #008df9); border-radius: 4rem; font-size: clamp(16rem, calc( 18 / var(--inr) * 100vw ), 18rem); font-weight: 500; color: #fff; }
/* .mainLive__table .swiper-wrapper{ clip-path: inset(70rem 0 0;); } */
.mainLive__body{ display: grid; grid-template-columns: repeat(5, 1fr); align-items: center; justify-items: center; height: 56rem; background: #f8f8f8; border: 1px solid #efefef; border-radius: 2rem; font-size: clamp(12rem, calc( 18 / var(--inr) * 100vw ), 18rem); color: #090909; }
.mainLive__status{ display: flex; align-items: center; justify-content: center; width: 5.66666667em; height: 2em; border-radius: 2rem; font-size: clamp(11rem, calc( 15 / var(--inr) * 100vw ), 15rem); }
.mainLive__status-pending{ background: #fff; border: 1px solid #e2e2e2; color: #555; }
.mainLive__status-inProgress{ background: #dedede; color: #555; }
.mainLive__status-completed{ background: var(--primary); color: #fff; }
@media(min-width:768px){
	.mainLive__date::before{ content: '20'; }
}

/* certificate */
.mainCert{ overflow: hidden; padding: clamp(90rem, calc( 130 / var(--inr) * 100vw ), 130rem) 0; }
.mainCert .common__h2{ font-size: var(--fs40); line-height: 1.25; letter-spacing: -.015em; }
.mainCert__p{ margin-top: 24rem; font-size: clamp(16rem, calc( 18 / var(--inr) * 100vw ), 18rem); font-weight: 300; line-height: 1.55555556; }
.mainCert__btns{ margin-top: 54rem; display: flex; gap: 14rem; }
.mainCert__btn{ display: flex; align-items: center; justify-content: center; width: 70rem; height: 70rem; background: #f2f2f2; border-radius: 50%; }
.mainCert__arrow{ height: 14rem; fill:none;stroke:#111;stroke-miterlimit:10;stroke-width:1.25px;}
.mainCert__swiper{ width: 100%; background: url('/images/main/certBg.png') no-repeat 50% / contain; clip-path: inset(-50vh 0); user-select: none; }
.mainCert .swiper-slide{ display: grid; align-items: center; justify-content: center; }
.mainCert__img{ height: 450rem; box-shadow: 0 8rem 20rem rgba(0, 0, 0, 0.15); }
@media(prefers-reduced-motion:no-preference){
	.mainCert__img{ transition: .6s .3s; }
	.swiper-slide:not(.swiper-slide-active) .mainCert__img{ transform: translateX(50%); opacity: 0; transition: 0s; }
}
@media(min-width:768px){
	.mainCert__inr{ display: grid; grid-template-columns: 62fr 68fr; align-items: center; height: 532rem; }
	.mainCert__txt{ padding-bottom: 1.6%; }
	.mainCert__swiper{ aspect-ratio: 680/532; width: clamp(90rem, calc( 680 / var(--inr) * 100vw ), 680rem); }
}
@media(max-width:767px){
	.mainCert__swiper{ margin-top: 70rem; }
}