/* PC */
.custom-wrap .only-pc {display:block;}
.custom-wrap .only-ta,
.custom-wrap .only-mo {display:none;}
/* TA */
@media (max-width: 1199px) and (min-width: 768px) {
    .custom-wrap .only-pc {display:none;}
    .custom-wrap .only-ta {display:block;}
    .custom-wrap .only-mo {display:none;}
}
/* MO */
@media (max-width:767px){
    .custom-wrap .only-pc,
    .custom-wrap .only-ta {display:none;}
    .custom-wrap .only-mo {display:block;}
}

/* common */
.mt20{ margin-top: 20px;}
.mt30{ margin-top: 30px;}
.mt40{ margin-top: 40px;}
.mt60{ margin-top: 60px;}
.mt80{ margin-top: 80px;}
.mt100{ margin-top: 100px;}

.custom-wrap img{ width:100%;}
.custom-wrap *{ box-sizing: border-box; line-height: 140%; letter-spacing: -0.01em;}
#wrapper{ min-width:100% !important;}
#container{ border:none !important;padding:0 !important; text-align: left; background:#011D45;}
.custom-wrap{ overflow: hidden;}
.custom-wrap .inner { position:relative; width:100%;margin:0 auto; text-align: center;max-width:1200px;}
.custom-wrap .inner.full { max-width: 100%;}
.brL {border-left:1px solid #CFCFCF !important;}
.brR {border-right:1px solid #CFCFCF !important;}

/* common TA */
@media (max-width: 1199px) and (min-width: 768px) {
    .custom-wrap .inner { padding:0 20px;}
    .custom-wrap .inner.full { padding:0 0;}
}

/* common MO */
@media (max-width:767px){
    .mt20{ margin-top: 5.2.778vw !important;}
    .mt30{ margin-top: 4.167vw !important;}
    .mt40{ margin-top: 5.556vw !important;}
    .mt60{ margin-top: 8.333vw !important;}
    .mt80{ margin-top: 11.111vw !important;}
    .mt100{ margin-top: 13.889vw !important;}

    .custom-wrap .inner { padding:0 4vw;}
    .custom-wrap .inner.full { padding:0 0;}

    .swiper-pagination-bullet{background:#D9D9D9;width:2.222vw;height:2.222vw;}
    .swiper-pagination-bullet-active{ background:#0553BE;}
}


/* fixmenu */
.custom-wrap .fix-menu {width:100%; z-index:10; position:absolute; top:0; left:0; display:flex; justify-content:center; align-items:center; box-sizing:border-box; background:#222;}
.custom-wrap .fix-menu.fix {z-index:11; position:fixed; top:0; left:0; width:100%;}
.custom-wrap .fix-menu.fix.fix-top {top:0 !important;}
.custom-wrap .fix-menu .menu {display:flex; justify-content:space-between; align-items:center; width:100%; max-width:1200px;}
.custom-wrap .fix-menu .menu a {flex:1 1 0; min-width:0; background:transparent; display:flex; align-items:center; justify-content:center; flex-direction:column; position:relative; color:#999; text-align:center; font-size:18px; font-weight:700; height:80px;}
.custom-wrap .fix-menu .menu a.on {background:#fff; color:#0553BE;}

/* fixmenu MO */
@media (max-width:767px){
    .custom-wrap .fix-menu .menu a{ font-size: 3.333vw;height:15.556vw;}
}


/* title */
.title-set {display:flex; flex-direction:column; align-items:center; gap:10px; font-size:56px;letter-spacing: -0.28px;}
.title-set > span {color:#FFF; text-align:center; font-weight:300;letter-spacing: -1.5px;}
.title-set > strong {color:#FFF; text-align:center; font-weight:700;}
.sub-title-set {color:#111; text-align:center; font-size:34px;}
.sub-title-set.white {color:#FFF;}
.sub-title-set strong {font-weight:800;}
.number-set {display:inline-flex; padding:5px 40px;gap:10px; justify-content:center; align-items:center; border-radius:30px; background:linear-gradient(180deg, #003D8F 0%, #4A96FF 100%); color:#FFF; text-align:center; font-size:30px; font-weight:700;}
.number-set span {color:#FFE100;}
.text-set {display:flex; flex-direction:column; align-items:center; gap:10px; align-self:stretch; color:#111; text-align:center; font-size:36px;}
.text-set strong {text-align:center; font-size:56px; font-weight:800;}
.text-set.white {color:#FFF;}
.subtxt {color:#222; text-align:center; font-size:20px;}
.subnum-set {display:flex; flex-direction:column; align-items:center; gap:20px; align-self:stretch; color:#111; text-align:center; font-size:40px; font-weight:700;}
.subnum-set .num {display:flex; width:46px; height:46px; flex-direction:column; justify-content:center; align-items:center; border-radius:50%; background:linear-gradient(180deg, #3F89EF 0%, #91BFFF 100%); color:#FFF; text-align:center; font-size:28px; font-weight:600; line-height:130%;}
.radius-set {display:inline-flex; padding:8px 20px; justify-content:center; align-items:center; border-radius:999px; border:1px solid #111; color:#111; text-align:center; font-size:32px; font-weight:500;}
/* title MO */
@media (max-width: 767px) {
    .title-set{ gap:1.389vw; font-size: 7.778vw;}
    .sub-title-set { font-size: 4.444vw;}
    .number-set { padding:1.667vw 3.889vw; border-radius:8.333vw; font-size:3.889vw; gap:1.389vw;}
    .text-set { gap:1.389vw; font-size:5.556vw;}
    .text-set strong {font-size:7.778vw;}
    .subtxt{font-size: 3.889vw;}
    .subnum-set { gap:2.778vw;font-size:6.111vw;}
    .subnum-set .num { width:6.389vw; height:6.389vw; font-size:3.889vw;}
    .radius-set { padding:1.111vw 2.778vw; font-size:4.167vw;}
}


/* ========== visual ========= */
.visual {width:100%; height:1000px; background:#011D45 url('https://img.megastudy.net/campus/library/v2015/library/campus_common/2026/custom_contents/bg_visual.jpg') 50% top no-repeat; background-size:cover; position:relative; opacity:0; transform:translateY(40px); animation:visualFadeUp 0.8s ease-out 0s forwards;}
.visual .vis-text {position:absolute; left:0; right:0; top:120px; display:flex; flex-direction:column; align-items:center; gap:30px;}
.visual .vis-1 {color:#4385FF; text-align:center; font-size:36px; font-style:normal; font-weight:400; line-height:normal; opacity:0; transform:translateY(20px); animation:vis1In 0.8s cubic-bezier(0.16,1,0.3,1) 0.2s forwards;}
.visual .vis-1 strong {font-weight:700;}
.visual .vis-sub {display:flex; flex-direction:column; align-items:center; gap:10px;}
.visual .vis-2 {align-self:stretch; color:#FFF; text-align:center; font-size:112px; font-style:normal; font-weight:800; line-height:100%; letter-spacing:2px; opacity:0; transform:translateY(30px); filter:blur(6px); animation:vis2In 0.9s cubic-bezier(0.16,1,0.3,1) 0.4s forwards;}
.visual .vis-3 {color:#FFF; text-align:center; font-size:24px; font-weight:400; line-height:normal; letter-spacing:0; opacity:0; transform:translateY(30px); display:inline-block; margin:0 auto; animation:vis3Clean 0.8s ease-out 0.7s forwards;}
.visual .vis-3 span {display:inline-block; letter-spacing:30.72px;}
.visual .vis-3 .space {width:1em;}
.visual .vis-3 span:last-child {letter-spacing:0;}
@keyframes vis3Clean {0%{opacity:0; transform:translateY(30px);} 70%{opacity:1; transform:translateY(4px);} 100%{opacity:1; transform:translateY(0);}}
@keyframes visualFadeUp {0%{opacity:0; transform:translateY(40px);} 100%{opacity:1; transform:translateY(0);}}
@keyframes vis1In {0%{opacity:0; transform:translateY(20px);} 100%{opacity:1; transform:translateY(0);}}
@keyframes vis2In {0%{opacity:0; transform:translateY(40px); filter:blur(8px);} 60%{opacity:1; filter:blur(2px);} 100%{opacity:1; transform:translateY(0); filter:blur(0);}}

/* visual : MO */
@media (max-width: 767px) {
    .visual {width:100%; height:147.778vw;background:#011D45 url('https://img.megastudy.net/campus/library/v2015/library/campus_common/2026/custom_contents/bg_visual_mo.jpg') 50% top no-repeat;background-size:cover;}
    .visual .vis-text{ top:17.778vw; gap:4.167vw;}
    .visual .vis-1{font-size: 5.556vw;}
    .visual .vis-sub{ gap:2.778vw;}
    .visual .vis-2{font-size: 13.889vw;}
    .visual .vis-3{font-size: 4.167vw;}
    .visual .vis-3 span {letter-spacing:3.3vw;}
    .visual .vis-3 .space {width:0.5em;}
}


/* ========== CONT01 ========= */
.custom-wrap .cont01 {padding:120px 0; background:#041731;}
.cont01 .level-card-wrap {display:flex; align-items:stretch; gap:16px; align-self:stretch;}
.cont01 .level-card {display:flex; padding:70px 0 110px; flex-direction:column; align-items:center; gap:24px; flex:1 0 0; height:auto; background:url('https://img.megastudy.net/campus/library/v2015/library/campus_common/2026/custom_contents/card_bg.png') 0 0 / 100% 100% no-repeat;}
.cont01 .level-card-tit {align-self:stretch; color:#FFF; text-align:center; font-size:36px; font-weight:700;}
.cont01 .level-card-txt {color:#B5C7E2; text-align:center; font-size:20px; font-weight:500;}

/* CONT01 : MO */
@media (max-width:767px){
    .custom-wrap .cont01 {padding:16.667vw 0;}
    .cont01 .level-card-wrap {gap:2.222vw; flex-direction:column;}
    .cont01 .level-card {padding:8.333vw 0 12.5vw;}
    .cont01 .level-card-tit {font-size:5.556vw;}
    .cont01 .level-card-txt {font-size:3.889vw;}
}


/* ========== CONT02 ========= */
.custom-wrap .cont02 {padding:120px 0; background:linear-gradient(180deg,#003D8F 0%,#4A96FF 60%);}
.box-swiper-box{ max-width: 1200px;margin:0 auto;}
.box-list {width:100%; display:flex; flex-wrap:wrap; gap:16px; justify-content:center;}
.box-list .box {flex:0 0 calc((100% - 32px) / 3); height:216px; padding:32px 24px; border-radius:20px; background:#fff; display:flex; flex-direction:column; justify-content:space-between; align-items:flex-end;}
.box-list .box .tit {display:flex; flex-direction:column; align-items:flex-start; gap:6px; align-self:stretch; color:#222; font-size:18px;}
.box-list .box .tit em {color:#111; font-size:22px; text-align:left; font-weight:700; line-height:120%;}
.box-list .box .icon {width:74px; height:74px; flex-shrink:0;}
.box-list .box .icon img {width:100%; height:100%;}

/* CONT02 : PC/TA */
@media (min-width:768px){
    .box-progress {display:none;}
}

/* CONT02 TA*/
@media (max-width:1199px) and (min-width:768px){
    .custom-wrap .cont02 .inner.full { padding:0 20px;}
}


/* CONT02 : MO */
@media (max-width:767px){
    .custom-wrap .cont02 {padding:16.667vw 0;}

    .box-list {flex-wrap:nowrap; gap:0; justify-content:flex-start;}
    .box-list-wrap .box-swiper {overflow:hidden; padding-right:9.091%;}

    .swiper, .swiper-container {overflow:visible;}
    .box-swiper-box .box-swiper {padding-left:4.444vw;padding-right: 4.444vw;}
    .box-swiper-box .box-swiper .swiper-wrapper { padding-left:0;}

    .box-list .box {flex:0 0 auto; width:100%; height:40.556vw; padding:5.556vw; border-radius:2.778vw;}
    .box-list .box .tit { gap:0.833vw; font-size:3.889vw;}
    .box-list .box .tit em { font-size:5vw; }
    .box-list .box .icon {position: absolute;bottom:5.556vw;right:5.556vw; width:16.667vw; height:16.667vw;}

    .box-progress { margin:5.556vw 4.444vw 0; box-sizing: border-box;}
    .box-progress .swiper-pagination {position:relative; height:0.833vw; border-radius:999px; background:#D4D4D4; overflow:hidden;}
    .box-progress .swiper-pagination-progressbar-fill {background:#1A5BD4; border-radius:999px;}
}


/* ========== CONT03 ========= */
.custom-wrap .cont03 {padding:100px 0 120px 0; background:#fff; position:relative;}
.custom-wrap .cont03 .inner{ padding-top:120px;}
/* CONT03 */
.step-flow-item {position:relative; padding:40px 0; border-radius:20px; background:#E8F2FF; text-align:center; height:390px;}
.step-flow-badge {position:relative; top:0; left:50%; transform:translateX(-50%); display:flex; flex-direction:column; align-items:center; justify-content:center; width:110px; height:110px; border-radius:50%; background:#FFF; border:7px solid #BFD9FF; color:#222; text-align:center;}
.step-flow-badge::after {content:""; position:absolute; left:50%; bottom:-40px; transform:translateX(-50%); width:5px; height:55px; background-repeat:no-repeat; background-size:100% 100%; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='55' viewBox='0 0 5 55' fill='none'%3E%3Cpath d='M5 2.5C5 3.88071 3.88071 5 2.5 5C1.11929 5 0 3.88071 0 2.5C0 1.11929 1.11929 0 2.5 0C3.88071 0 5 1.11929 5 2.5Z' fill='%23222222'/%3E%3Cpath d='M2 4H3V55H2V4Z' fill='%23222222'/%3E%3Cpath d='M5 2.5C5 3.88071 3.88071 5 2.5 5C1.11929 5 0 3.88071 0 2.5C0 1.11929 1.11929 0 2.5 0C3.88071 0 5 1.11929 5 2.5Z' fill='%23222222'/%3E%3C/svg%3E");}
.step-flow-badge .label {font-size:18px; font-weight:800; line-height:120%;}
.step-flow-badge .num {font-size:24px; font-weight:800; line-height:120%;}
.step-flow-item h4 {padding-top:50px; color:#111; font-size:26px; font-weight:700;}
.step-flow-item p {padding-top:5px; font-size:18px; line-height:150%;}

.cont03 .level-flow-section {width:100%;}
.level-flow-row {display:flex; align-items:flex-start; justify-content:center; gap:24px;}
.level-block {display:flex; flex-direction:column; gap:36px;}
.level-step-header {display:flex; flex-direction:column; gap:6px; width:100%; padding:14px 0; background:#1A5BD4; color:#fff; text-align:center;}
.level-step-header strong {display:inline-flex; justify-content:center; align-items:center; gap:8px; width:58px; margin:0 auto; padding:3px 8px; border-radius:5px; background:#679CFF; color:#FFF; font-size:18px; font-weight:700;}
.level-step-header span {font-size:18px; font-weight:700;}

.tbl-plus, .tbl-arrow {display:flex; flex:0 0 auto; align-items:center; justify-content:center; align-self:center;}
.tbl-plus img, .tbl-arrow img {display:block; width:32px;}
.level-sub-row {display:flex; align-items:flex-start; gap:10px;}

.step-list {display:flex; justify-content:center; align-items:flex-start; gap:16px; align-self:stretch;}
.step-list .step {position:relative; overflow:hidden; display:flex; flex:1 0 0; flex-direction:column; align-items:center; gap:20px; padding:80px 0 56px; border-radius:20px; background:#FFF;}
.step-list .step .num {position:absolute; top:-45px; left:0; right:0; margin:0 auto; display:flex; flex-direction:column; justify-content:flex-end; align-items:center; width:88px; height:88px; padding-bottom:11px; aspect-ratio:1/1; border-radius:999px; background:linear-gradient(180deg,#3F89EF 0%,#91BFFF 100%); color:#FFF; text-align:center; font-size:22px; font-weight:700; line-height:120%;}
.step-list .step strong {align-self:stretch; color:#111; text-align:center; font-size:30px; font-weight:700; line-height:120%;}
.step-list .step span {align-self:stretch; color:#222; text-align:center; font-size:18px; line-height:150%;}

/* CONT03 PC/TA*/ 
@media (min-width:768px){
    #stepFlowSwiper {overflow:visible;}
    #stepFlowSwiper .swiper-wrapper {display:flex; flex-wrap:wrap; justify-content:center; gap:16px; transform:none !important;}
    #stepFlowSwiper .swiper-slide {width:auto !important; flex:1 1 calc((100% - 64px) / 5);}
    .step-flow-pagination {display:none;}
}

/* CONT03 TA*/
@media (max-width:1199px) and (min-width:768px){
    .level-flow-row {flex-direction:column; align-items:center;}
    .level-sub-row {flex-direction:row; justify-content:center;}
}

/* CONT03 MO*/
@media (max-width:767px){
    .custom-wrap .cont03 {padding:16.111vw 0 16.667vw 0;}
    .custom-wrap .cont03 .inner{ padding-top:16.667vw;}

    .step-flow-item {padding:5.556vw 0; height:57.222vw;border-radius:2.778vw;}
    #stepFlowSwiper {overflow:hidden;}
    #stepFlowSwiper .step-flow-item {flex:0 0 auto;}
    .step-flow-pagination {position:static; margin-top:5.556vw;}

    .step-flow-item { padding:5.556vw 0; height:68.333vw;}
    .step-flow-badge { width:17.778vw; height:17.778vw; border:0.833vw solid #BFD9FF;}
    .step-flow-badge::after { bottom:-36%; width:1.389vw; height:8.611vw;}
    .step-flow-badge .label {font-size:3.333vw;}
    .step-flow-badge .num {font-size:4.444vw;}
    .step-flow-item h4 {padding-top:6.944vw; font-size:5vw;}
    .step-flow-item p {padding-top:1.389vw; font-size:3.889vw;}

    .level-flow-row {flex-direction:column; align-items:center;}
    .tbl-plus img, .tbl-arrow img {transform:rotate(90deg); transform-origin:center;}
    .level-sub-row {flex-direction:column; align-items:center;}
    .level-block {width:100%;}
    .level-sub-row .tbl-box {width:100%;}

    .level-step-header {gap:1.389vw; padding:2.5vw 0;}
    .level-step-header strong { width:auto; padding:0.556vw 1.111vw; font-size:3.333vw;}
    .level-step-header span {font-size:3.333vw;}

    .step-list {flex-direction:column;gap:2.222vw;}
    .step-list .step {flex:none; width:100%;gap:3.333vw; padding:11.111vw 0 6.667vw;border-radius:2.778vw;}
    .step-list .step .num { top:-13%; width:13.889vw; height:13.889vw; padding-bottom:1.389vw; font-size:3.889vw;}
    .step-list .step strong { font-size:5.556vw;}
    .step-list .step span { font-size:3.889vw;}
}


/* ========== CONT04 ========= */
.custom-wrap .cont04 {padding:120px 0; background:#E3F3FF;}
.contents-swiper {position:relative; width:100%; overflow:hidden;}
.contents-swiper .swiper-slide {flex:0 0 auto; width:560px;}
.contents-swiper .swiper-slide img {display:block; width:100%; max-width:560px; height:auto; object-fit:contain;}

/* CONT04 : TA */
@media (max-width:1199px) and (min-width:768px){
	.contents-swiper .swiper-slide {width:440px;}
	.contents-swiper .swiper-slide img {max-width:440px;}
}

/* CONT04 : MO */
@media (max-width:767px){
	.custom-wrap .cont04 {padding:16.667vw 0; background:#E3F3FF;}
	.contents-swiper .swiper-slide {width:70vw; max-width:420px;}
}


/* ========== CONT05 ========= */
/* CONT05 : base */
.custom-wrap .cont05 {padding:120px 0; background:#fff;}
.cont05 .tbl-wrap-1 .swiper-wrapper, .cont05 .tbl-wrap-2 .swiper-wrapper {display:flex; justify-content:center; gap:16px;}
.cont05 .img-wrap .swiper-slide {width:auto;}
.cont05 .img-wrap .swiper-slide img {width:auto;}
.tbl-wrap-2 .tbl-pagination {display:none;}

.tbl-wrap-1 .swiper-slide>div {display:flex; padding:32px; flex-direction:column; justify-content:center; align-items:center; gap:32px; flex:1 0 0; border-radius:20px; background:#F1F3F7;}
.tbl-tit {display:flex; justify-content:center; align-items:center; gap:14px;}
.tbl-tit h5 {display:flex; padding:3px 8px; justify-content:center; align-items:center; border-radius:5px; border:1px solid #222; color:#222; text-align:center; font-size:18px; font-weight:700;}
.tbl-tit h4 {color:#111; text-align:center; font-size:28px; font-weight:700;}
.tbl-cont {display:flex; justify-content:center; align-items:center; gap:32px;}
.tbl-cont img {width:auto;}
.tbl-list {display:flex; flex-direction:column; gap:6px;}
.tbl-list li {display:flex; color:#222; font-size:18px; text-align:left;}
.tbl-list li span {display:inline-block; padding-right:7px;}

.tbl-wrap-2 .swiper-slide>div {display:flex; padding:32px; flex-direction:column; justify-content:center; align-items:center; gap:32px; border-radius:20px; background:#F1F3F7;}
.tbl-face {display:flex; flex-direction:column; justify-content:center; align-items:center; gap:12px; align-self:stretch; color:#111; font-size:28px; font-weight:400;}
.tbl-face img {width:auto;}
.tbl-face strong {font-weight:700;}
.tbl-face strong.under {text-decoration:underline;}

/* CONT05 : PC / TA */
@media (min-width:768px){
	.cont05 .tbl-wrap-1, .cont05 .tbl-wrap-2 {overflow:visible; max-width:1200px;}
	.cont05 .tbl-wrap-1 .swiper-wrapper, .cont05 .tbl-wrap-2 .swiper-wrapper {transform:none !important; justify-content:center; gap:16px;}
	.cont05 .tbl-wrap-1 .swiper-slide, .cont05 .tbl-wrap-2 .swiper-slide {width:auto !important; flex:1 1 0 !important; flex-shrink:1 !important;}
	.cont05 .tbl-wrap-2 .tbl-pagination {display:none;}
}

/* CONT05 : TA */
@media (max-width:1199px) and (min-width:768px){
	.custom-wrap .cont05 .inner.full {padding:0 20px;}
	.tbl-wrap-1 .tbl-cont {flex-direction:column;}
}

/* CONT05 : MO */
@media (max-width:767px){
	.custom-wrap .cont05 {padding:16.667vw 0; background:#fff;}
	.cont05 .tbl-wrap-1, .cont05 .tbl-wrap-2 {overflow:hidden; padding:0 4.44vw;}
	.cont05 .tbl-wrap-1 .swiper-wrapper, .cont05 .tbl-wrap-2 .swiper-wrapper {justify-content:flex-start; gap:0;}
	.tbl-wrap-1 .tbl-cont {flex-direction:column;gap:4.444vw;}
	.cont05 .tbl-wrap-1 .swiper-slide {width:94%;}
	.cont05 .tbl-wrap-2 .swiper-slide {width:100%;}
	.cont05 .img-wrap .swiper-slide img {width:100%; height:auto;}

	.tbl-wrap-2 .tbl-pagination {display:block; margin-top:4.444vw;}
	.tbl-wrap-2 .tbl-pagination .swiper-pagination-bullet {width:2.222vw; height:2.222vw; background:#D9D9D9; opacity:1; margin:0 1.111vw;}
	.tbl-wrap-2 .tbl-pagination .swiper-pagination-bullet-active {background:#2F3BFF;}

	.tbl-wrap-1 .swiper-slide>div {padding:8.333vw; gap:5vw; border-radius:2.778vw;}
	.tbl-tit {gap:2.222vw;}
	.tbl-tit h5 {padding:0.278vw 1.389vw; border-radius:0.833vw; font-size:3.333vw;}
	.tbl-tit h4 {font-size:5vw;}
	.tbl-cont {display:flex; justify-content:center; align-items:center; gap:32px;}
	.tbl-cont img {width:57.778vw;}

    .tbl-list {display:flex; flex-direction:column; gap:1.667vw;}
    .tbl-list li {font-size:3.889vw;}
    .tbl-list li span {display:inline-block; padding-right:1.944vw;}

    .tbl-wrap-2 .swiper-slide>div{ gap:4.444vw; padding:4.444vw;border-radius:2.778vw;}
    .tbl-face {gap:3.333vw; font-size:4.444vw;}
    .tbl-face img{ width:16.667vw;}

}


/* ========== CONT06 ========= */
.custom-wrap .cont06 {padding:120px 0; background:#EEE; position:relative;}
.custom-wrap .cont06::before {content:""; position:absolute; top:0; left:0; width:100%; height:600px; background:url('https://img.megastudy.net/campus/library/v2015/library/campus_common/2026/custom_contents/bg_cont06.png') center top no-repeat; background-size:cover; z-index:0;}
.custom-wrap .cont06 > * {position:relative; z-index:1;}

.book-box-cont {width:100%; max-width:1200px; margin:0 auto;}
.book-box-cont .book-swiper {width:100%; overflow:visible;}
.book-box-cont .swiper-wrapper {align-items:center;}
.book-box-cont .swiper-slide {width:665px; cursor:default; border-radius:20px; background:#FFF; display:flex; box-sizing:border-box; padding:42px 20px 42px 38px; justify-content:space-between; height:auto;}
.book-box-cont .swiper-slide a {display:block;}
.book-box-cont .swiper-slide img {display:block; width:100%; height:auto;}
.book-box-cont .swiper-slide .b-info {width:calc(100% - 243px); display:flex; flex-direction:column; justify-content:space-between;}
.book-box-cont .swiper-slide dl {display:flex; flex-direction:column; justify-content:center; text-align:left;}
.book-box-cont .swiper-slide dl dt span {display:block; margin-bottom:4px; letter-spacing:-0.2px; font-weight:700; font-size:20px; color:#222;}
.book-box-cont .swiper-slide dl dt strong {color:#111; font-size:36px; font-weight:900; letter-spacing:-0.36px; line-height:1.3;}
.book-box-cont .swiper-slide dl dd {margin-top:12px; color:#555; font-size:18px; font-weight:500; line-height:1.3; letter-spacing:-0.18px;}
.book-box-cont .swiper-slide .b-info a {display:inline-block; width:fit-content; border-radius:5px; padding:6px 15px; background:#EAEAEA; font-size:16px; font-weight:500; line-height:1.3; letter-spacing:-0.16px; color:#777;}

.book-progress {width:100%; margin:60px auto 0; display:flex; align-items:center; justify-content:center;}
.book-progress .swiper-pagination {position:relative; width:100%; height:6px; border-radius:999px; background:#D4D4D4; overflow:hidden;}
.book-progress .swiper-pagination-progressbar-fill {background:#1A5BD4; border-radius:999px;}

.table-set {max-width:1200px; margin:0 auto;}
.tb_style {width:100%; border-top:2px solid #222;}
.tb_style th, .tb_style td {padding:10px 2px; color:#222; text-align:center; vertical-align:middle; border-left:1px solid #CFCFCF; border-bottom:1px solid #CFCFCF; font-size:15px; line-height:1.4;}
.tb_style th {font-weight:bold; background:#E5E7EB;}
.tb_style th:first-child, .tb_style td:first-child {border-left:none;}
.tb_style tbody th {font-weight:600;}
.tb_style tbody td {font-weight:300; word-break:keep-all; word-wrap:break-word; background:#fff;}

.notice {color:#777; text-align:center; font-size:15px; line-height:130%;}

/* CONT06 : TA */
@media (max-width:1199px) and (min-width:768px){
	.custom-wrap .cont06 .inner.full {padding:0 20px;}
	.book-box-cont {max-width:100%; padding:0; box-sizing:border-box;}
	.book-box-cont .contents-slide {width:90%;}
	.book-box-cont .contents-slide.swiper-container-horizontal > .swiper-pagination-bullets {width:92%;}
}

/* CONT06 : MO */
@media (max-width:767px){
	.custom-wrap .cont06 {padding:16.667vw 0;}
	.book-box-cont {margin-top:5.556vw; box-sizing:border-box;}
	.book-box-cont .book-swiper {overflow:hidden; padding-left:4.444vw; padding-right:4.444vw;}
	.book-box-cont .swiper-wrapper {align-items:stretch;}
	.book-box-cont .swiper-slide {width:auto; min-height:41.111vw; border-radius:2.778vw; padding:5.833vw 1.389vw 5.833vw 5.833vw;}
	.book-box-cont .swiper-slide .b-info {width:calc(100% - 28.611vw);}
	.book-box-cont .swiper-slide dl dt span {font-size:3.056vw; margin-bottom:4px;}
	.book-box-cont .swiper-slide dl dt strong {font-size:5vw;}
	.book-box-cont .swiper-slide dl dd {font-size:2.778vw; margin-top:1.667vw;}
	.book-box-cont .swiper-slide .b-info a {border-radius:0.694vw; padding:0.833vw 2.083vw; font-size:2.5vw;}
	.book-box-cont .swiper-slide .b-img {display:flex; justify-content:center; align-items:center;}
	.book-box-cont .swiper-slide .b-img img {width:28.611vw;}

	.table-set {padding-left:4.444vw;}
	.table-scroll {overflow-x:auto; -webkit-overflow-scrolling:touch; user-select:none; scrollbar-width:thin;}
	.tb_style {width:100%; min-width:580px; border-collapse:separate; border-top:1px solid #222;}
	.tb_style .col-fixed {position:sticky; left:0; background:#E5E7EB; z-index:2;}
	.tb_style thead .col-fixed {z-index:3;}
	.tb_style th, .tb_style td {padding:2.778vw 0.556vw; font-size:3.333vw; line-height:1.4;}

	.notice {font-size:2.778vw;}

	.book-progress {width:auto; margin:5.556vw 4.444vw 0; box-sizing:border-box;}
	.book-progress .swiper-pagination {height:0.833vw; border-radius:999px; background:#D4D4D4;}
	.book-progress .swiper-pagination-progressbar-fill {background:#1A5BD4; border-radius:999px;}
}


/* ========== CONT07 ========= */
.custom-wrap .cont07 { padding:120px 0; background: #207BCD;}

.cont07 .scale-box-cont {margin-top:80px;}
.cont07 .scale-box-cont .scale {display:flex; padding:50px 40px 40px 40px; flex-direction:column; align-items:center; gap:60px; align-self:stretch; border-radius:30px; background:#FFF;}

.scale-book {width:100%; align-items:center; display:flex; justify-content:space-around;}
.scale-book .book-img {display:flex; padding:0 0 0 0; flex-direction:column; align-items:flex-end; gap:8px; flex:1 0 0; justify-content:center; max-width:552px;}
.scale-book .book-desc {display:flex; flex-direction:column; align-items:center; gap:20px;}
.scale-book .book-desc strong {color:#B52C4E; text-align:center; font-size:32px; font-weight:700;}

.scale-book .book-desc ul {display:flex; flex-direction:column; align-items:center; gap:10px;}
.scale-book .book-desc ul li {position:relative; display:flex; justify-content:center; align-items:flex-start; padding-left:16px; color:#222; font-size:20px; font-weight:500; line-height:150%;}
.scale-book .book-desc ul li::before {content:"\2022";position:absolute; left:0; top:0;}

.scale-list {width:100%; display:flex; flex-wrap:wrap; align-items:stretch; gap:16px;}
.scale-list .list {display:flex; width:calc(50% - 16px); padding:32px 0; flex-direction:column; align-items:center; gap:16px; flex:1 0 auto; border-radius:20px; background:#F1F3F7;}
.scale-03 .scale-list .list {width:calc((100% - 32px) / 3);}
.scale-list .list h5 {color:#B52C4E; text-align:center; font-size:18px; font-weight:700; line-height:120%;}
.scale-list .list h4 {color:#111; text-align:center; font-size:30px; font-weight:700; line-height:120%;}

.scale-list .list ul {display:flex; flex-direction:column; gap:6px;}
.scale-list .list ul li {display:flex; justify-content:center; position:relative;}
.scale-list .list ul li span {display:inline-flex; align-items:baseline; gap:4px; color:#222; font-size:18px;}
.scale-list .list ul li span::before {content:"\2219"; display:inline-block; }

.scale-02 .scale-book .book-desc strong {color:#2868AD;}
.scale-03 .scale-book .book-desc strong {color:#0B8E7A;}
.scale-02 .scale-list .list h5 {color:#2868AD;}
.scale-03 .scale-list .list h5 {color:#0B8E7A;}

.scale-box-cont .scale-swiper {width:100%;}
.scale-box-cont .swiper-slide {height:auto;}

/* CONT07 : PC/TA */
@media (min-width:768px){
    .scale-box-cont .scale-swiper {overflow:visible;}
    .scale-box-cont .scale-swiper .swiper-wrapper {display:block;}
    .scale-box-cont .scale-swiper .swiper-slide {width:100%; margin:0;}
    .scale-box-cont .scale-swiper .swiper-slide + .swiper-slide .scale {margin-top:80px;}
    .scale-box-cont .scale-pagination {display:none;}
}

/* CONT07 : MO */
@media (max-width:767px){
    .custom-wrap .cont07 { padding:16.667vw 0; background: #207BCD;}

    .cont07 .scale-box-cont {margin-top:11.111vw;}
    .cont07 .scale-box-cont .scale { padding:6.944vw 5.556vw 5.556vw 5.556vw; gap:8.333vw; border-radius:4.167vw;}
    .scale-book{ flex-direction: column;}
    .scale-book .book-desc{ gap:2.778vw; margin-top: 6.667vw; min-height:49.722vw; justify-content: center;}
    .scale-book .book-desc strong {font-size:5vw;}

    .scale-book .book-desc ul {gap:1.389vw;}
    .scale-book .book-desc ul li { font-size:3.889vw;}

    .scale-list { gap:2.222vw;}
    .scale-list .list { width:100%; padding:4.444vw 0; gap:0; border-radius:2.778vw; }
    .scale-03 .scale-list .list {width:100%; }
    .scale-list .list h5 { font-size:2.778vw;}
    .scale-list .list h4 { font-size:4.444vw;}

    .scale-list .list ul { gap:0.833vw;margin-top:2.222vw;}
    .scale-list .list ul li { font-size:3.333vw;}
    .scale-list .list ul li span { gap:1.111vw; font-size:3.333vw;}

    .cont07 .scale-swiper .swiper-slide {user-select:none;}
    .scale-box-cont .scale-swiper {overflow:hidden; touch-action:pan-y;}
    .scale-box-cont .scale-swiper .swiper-wrapper {display:flex;}
    .scale-box-cont .scale-swiper .swiper-slide {width:100%;}
    .scale-box-cont .scale-pagination {position: relative; display:block; text-align:center; margin-top:5.556vw;}
    .scale-box-cont .scale-pagination .swiper-pagination-bullet {width:2.222vw; height:2.222vw; background:#D9D9D9; opacity: 1; margin:0 1.111vw !important;}
    .scale-box-cont .scale-pagination .swiper-pagination-bullet-active {background:#2F3BFF;}
}


/* ========== CONT08 ========= */
.custom-wrap .cont08 { padding:120px 0; background: #EEE; position: relative;}

/* CONT08 */
.section-teacher, .section-homeroom {width:100%; padding:0;}

.teacher-select {position:relative; width:100%; max-width:424px; margin:0 auto;}
.teacher-select select {width:100%; height:54px; padding:9px 48px 9px 24px; border-radius:10px; border:1px solid #E0E0E0; background:#FFF; appearance:none; -webkit-appearance:none; -moz-appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='11' viewBox='0 0 18 11' fill='none'%3E%3Cpath d='M1 1L9 9L17 1' stroke='%23111111' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 16px center; background-size:18px 11px; color:#111; font-size:20px; font-weight:700; line-height:180%;}

.teacher-list, .teacher-grid {display:flex; flex-wrap:wrap; justify-content:center; gap:10px; list-style:none; margin:0; padding:0;}
.teacher-list li, .teacher-grid li {position:relative; width:174px; border-radius:50%; overflow:hidden; text-align:center;}
.teacher-card-img, .teacher-grid .teacher-card-img {width:100%; height:174px; margin:0 auto; border-radius:50%; overflow:hidden; background:#f5f5f5;}
.section-teacher .teacher-card-img, .section-teacher .teacher-grid .teacher-card-img {background:linear-gradient(161deg, #FFF -16.16%, #ACC9FF 72.23%);}
.section-homeroom .teacher-card-img, .section-homeroom .teacher-grid .teacher-card-img {background:linear-gradient(161deg, #FFF -16.16%, #3A50C2 72.23%), linear-gradient(161deg, #FFF -16.16%, #6C84B3 72.23%);}
.teacher-card-img img {width:100%; height:100%; display:block; object-fit:cover;}
.teacher-card-img {position:relative;}
.teacher-card-img::after {content:""; position:absolute; left:0; bottom:0; width:174px; height:62px; background:rgba(1, 17, 47, 0.50); filter:blur(10px); z-index:1;}
.teacher-name {position:absolute; z-index:2; left:0; right:0; bottom:13px; margin:0 auto; color:#FFF; text-align:center; font-size:18px; font-weight:700; line-height:130%;}

.teacher-swiper-box {display:none;}
.teacher-swiper {width:100%;}

.teacher-progress {display:flex; align-items:center; gap:8px; margin-top:10px; display:none;}
.teacher-progress-bar {flex:1; height:4px; border-radius:999px; background:#eee; overflow:hidden;}
.teacher-progress-fill {display:block; width:0; height:100%; border-radius:999px; background:#333;}
.teacher-progress-num {min-width:40px; font-size:12px; color:#666; text-align:right;}

.section-teacher .teacher-list-box, .section-homeroom .teacher-list-box {display:block;}
.section-teacher .teacher-swiper-box, .section-homeroom .teacher-swiper-box {display:none;}

/* CONT08 : TA */
@media (min-width:768px) and (max-width:1199px){
    .section-teacher .teacher-list-box, .section-homeroom .teacher-list-box {display:flex;}
    .section-teacher .teacher-swiper-box, .section-homeroom .teacher-swiper-box {display:none;}
    .teacher-list, .teacher-grid {gap:5px;}
}

/* CONT08 : MO */
@media (max-width:767px){
    .custom-wrap .cont08 { padding:16.667vw 0; background: #EEE; position: relative;}
    .teacher-select {position:relative; width:100%; max-width:100%; margin:0 auto;}
    .teacher-select select {width:100%; height:11.389vw; padding:2.222vw 6.667vw; border-radius:1.389vw;  
        background-repeat:no-repeat;
        background-position:right 6.667vw center; 
        background-size:3.333vw 1.667vw; color:#111; font-size:3.889vw;
    }
    .section-teacher .teacher-list-box, .section-homeroom .teacher-list-box {display:none;}
    .section-teacher .teacher-swiper-box, .section-homeroom .teacher-swiper-box {display:block;}

    .teacher-list, .teacher-grid {justify-content:flex-start;}

    .teacher-swiper .teacher-grid {gap:5px;}
    .teacher-swiper .teacher-grid li {flex:0 0 calc((100% - 18px) / 4); max-width:calc((100% - 18px) / 4); text-align:center;}

    .teacher-card-img {width:100%; height:auto !important; position:relative; border-radius:50%; overflow:hidden;}
    .teacher-card-img::before {content:""; display:block; padding-top:100%;}
    .teacher-card-img img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
    .teacher-card-img {position:relative;}
    .teacher-card-img::after {content:""; position:absolute; left:0; bottom:0; width:20.989vw; height:7.578vw; background:rgba(1, 17, 47, 0.50); filter:blur(10px); z-index:1;}
    .teacher-name { bottom:7%;font-size:2.778vw;}
}


/* ========== CONT09 ========= */
/* CONT09 */
.custom-wrap .cont09 { padding:120px 0; background: #fff; }

.admis-edu-top {display:flex;gap:16px;}
.admis-edu-top .edu-item {background:#E8F2FF;padding:40px 32px;border-radius:20px;flex:1 1 0;display:flex;align-items:end;justify-content:space-between;}
.admis-edu-top .edu-text {text-align:left;}
.admis-edu-top .edu-tag {color:#555;font-size:18px;font-weight:500;}
.admis-edu-top .edu-title {color:#111;font-size:28px;font-weight:800;margin-top:4px;}
.admis-edu-top .edu-desc {margin-top:10px;color:#222;font-size:16px;line-height:1.6;word-break:keep-all;}
.admis-edu-top .edu-icon {flex-shrink:0;width:74px;height:74px;border-radius:50%;display:flex;align-items:center;justify-content:center;}
.admis-edu-top .edu-icon img {object-fit:contain;}

.admis-edu-steps {margin-top:16px;display:flex;flex-wrap:wrap;gap:16px;}
.admis-edu-steps .step-card {flex:1 1 calc((100% - 48px) / 4);border-radius:20px;border: 1px solid #E0E0E0;background:#FFF;padding:32px 0;text-align:center;}
.admis-edu-steps .step-label {display:inline-flex;padding:3px 8px;border-radius:5px;border:1px solid #0553BE;color:#0553BE;font-size:18px;font-weight:700;}
.admis-edu-steps .step-text {color:#222;font-size:18px;line-height:1.6;word-break:keep-all;margin-top: 16px;}

.manage-grid {display:flex; flex-wrap:wrap; gap:16px;}
.manage-card {flex:1 1 calc((100% - 32px) / 3); border-radius:20px; background:#F1F3F7; padding:40px 26px; text-align:left;}
.manage-title {color:#111; font-size:28px; font-weight:700; text-align:center;}
.manage-list {margin:24px 0 0; padding:0; list-style:none;}
.manage-list li {position:relative; padding-left:12px; color:#222; font-size:18px; font-weight:300; line-height:150%; word-break:keep-all;}
.manage-list li::before {content:"\00B7"; position:absolute; left:0; top:0;}
.manage-nav {display:none;}

.admis-plan {position:relative;}
.admis-plan-grid {display:flex; flex-wrap:wrap; gap:16px;}
.admis-plan-card { flex:0 1 calc((100% - 16px) / 2); max-width:calc((100% - 16px) / 2); min-height:262px; border-radius:20px; border:1px solid #E0E0E0; background:#FFF; padding:40px; text-align:left; box-sizing:border-box;}
.admis-plan-month {display:inline-flex; padding:3px 10px; border-radius:5px; border:1px solid #0553BE; color:#0553BE; font-size:20px; font-weight:700; line-height:150%;}
.admis-plan-list {margin:20px 0 0; padding:0; list-style:none;}
.admis-plan-list li {position:relative; padding-left:12px; color:#222; font-size:18px; line-height:180%; word-break:keep-all;}
.admis-plan-list li::before {content:"\00B7"; position:absolute; left:0; top:0;}
.admis-plan-indicator {display:none;}

/* CONT09 : TA */
@media (min-width:768px) and (max-width:1199px){
    .admis-plan-card{ min-height:370px;}
    .manage-card{ min-height:440px;}
}

/* CONT09 : MO */
@media (max-width:767px){
    .custom-wrap .cont09 { padding:16.667vw 0; background: #fff; }

    .admis-edu-top {flex-direction:column;gap:2.222vw;}
    .admis-edu-top .edu-item {padding:5.556vw;border-radius:2.778vw;flex:1 1 0;}
    .admis-edu-top .edu-tag {font-size:3.889vw;}
    .admis-edu-top .edu-title {font-size:5vw;margin-top:0;}
    .admis-edu-top .edu-desc {margin-top:2.222vw;font-size:3.333vw;}
    .admis-edu-top .edu-icon {width:16.667vw;height:16.667vw;border-radius:50%;}

    .admis-edu-steps .step-card { flex:1 1 calc((100% - 16px) / 2);border-radius:2.778vw;padding:4.444vw 0; }
    .admis-edu-steps .step-label {display:inline-flex;padding:0.278vw 1.389vw;border-radius:0.833vw;font-size:3.056vw;font-weight:700;}
    .admis-edu-steps .step-text {font-size:3.333vw;margin-top: 2.222vw;}

    /* manage */
    #admisManageSwiper {position:relative; overflow:hidden;}
    #admisManageSwiper .manage-grid {display:flex; flex-wrap:nowrap; gap:0; }
    #admisManageSwiper .manage-card {flex:0 0 100%; width:100%; padding:5.556vw 10vw; box-sizing:border-box;}
    .manage-card {border-radius:2.778vw;}
    .manage-title {font-size:5vw;}
    .manage-list li {font-size:3.333vw;}

    .manage-nav {display:flex; position:absolute; top:50%; left:0; right:0; transform:translateY(-50%); z-index:5; pointer-events:none;}
    .manage-btn {position:absolute; top:50%; transform:translateY(-50%); cursor:pointer; pointer-events:auto; z-index:5;}
    .manage-btn.prev {left:5%;}
    .manage-btn.next {right:5%;}
    .manage-btn::before {content:""; position:absolute; left:50%; top:50%; width:2.222vw; height:4.444vw; transform:translate(-50%,-50%); background-repeat:no-repeat; background-size:2.222vw 4.444vw;}
    .manage-btn.prev::before {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='18' viewBox='0 0 10 18' fill='none'%3E%3Cpath d='M9.06065 0.75L1.06055 8.7501L9.06065 16.7502' stroke='%23555555' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");}
    .manage-btn.next::before {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='18' viewBox='0 0 10 18' fill='none'%3E%3Cpath d='M0.7499 0.75L8.75 8.7501L0.7499 16.7502' stroke='%23555555' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");}

    /* plan */
    #admisPlanSwiper .admis-plan-card {max-width:none !important;}
    .admis-plan {position:relative;}
    .admis-plan-grid {display:flex; flex-wrap:nowrap; gap:0;}
    .admis-plan-card {flex:0 0 100%; width:100%; padding:5.556vw; min-height:56.111vw;border-radius:2.778vw;}

    .admis-plan-month {display:inline-flex; padding:0.278vw 1.389vw; border-radius:1.389vw;font-size:3.889vw;}
    .admis-plan-list {margin:2.778vw 0 0;}
    .admis-plan-list li { padding-left:1.667vw; font-size:3.333vw; }

    .admis-plan-indicator {display:flex; align-items:center; justify-content:center; gap:1.111vw; margin-top:4.444vw;}
    .admis-plan-indicator .admis-plan-arrow {width:5.556vw; height:5.556vw; border-radius:999px; cursor:pointer; position:relative;}
    .admis-plan-indicator .admis-plan-arrow::before {content:""; position:absolute; left:50%; top:50%; width:2.778vw; height:2.778vw; transform:translate(-50%,-50%); background-repeat:no-repeat; background-size:2.778vw 2.778vw;}
    .admis-plan-indicator .admis-plan-arrow.prev::before {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M8.8 2.2L4.4 7l4.4 4.8' fill='none' stroke='%23222' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
    .admis-plan-indicator .admis-plan-arrow.next::before {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M5.2 2.2L9.6 7 5.2 11.8' fill='none' stroke='%23222' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
    .admis-plan-indicator .admis-plan-fraction {font-size:3.333vw; line-height:1; color:#777; text-align:center;}
    .admis-plan-indicator .admis-plan-fraction .cur, .admis-plan-indicator .admis-plan-fraction .tot {font-variant-numeric:tabular-nums;}
    .admis-plan-indicator .admis-plan-fraction .cur {color:#222;}
}


/* ========== CONT10 ========= */
/* CONT10 */
.custom-wrap .cont10 { padding:120px 0; position: relative;}
.custom-wrap .cont10 {
background: url('https://img.megastudy.net/campus/library/v2015/library/campus_common/2026/custom_contents/bg_cont10.jpg') 50% top no-repeat;
background-size:cover;
background-position:center;
}
.coupon-list{ display: flex;justify-content: space-between;}

/* CONT10 : TA */
@media (min-width:768px) and (max-width:1199px){
    .coupon-list{ flex-direction: column; align-items: center;}
    .coupon-list > div{ max-width: 557px;}
}
/* CONT10 : MO */
@media (max-width:767px){
    .custom-wrap .cont10 { padding:16.667vw 0; position: relative;}
    .custom-wrap .cont10 {
        background: url('https://img.megastudy.net/campus/library/v2015/library/campus_common/2026/custom_contents/bg_cont10_mo.jpg') 50% top no-repeat;
        background-size:cover;
        background-position:center;
    }
    .coupon-list{ flex-direction: column; align-items: center;}
    .coupon-list > div{ width: 91.111vw;}
}