@charset "UTF-8";
.mt-30{margin-top:3rem}
[class*="content-box"] .step-sub-desc{margin-top:1.1rem}
[class*="content-box"].step-type .step-number .num{font-family:'Montserrat'}
[class*="content-box"].step-type.pink01 .step-number{background-color:#ef3e76}
[class*="content-box"].step-type.pink01 .step-sub-title{color:#ef3e76}
[class*="content-box"].step-type.skyblue01 .step-number{background-color:#538fff}
[class*="content-box"].step-type.skyblue01 .step-sub-title{color:#538fff}
[class*="content-box"] .swiper-container .bg-txt{background-color:#f5f5f5;padding:3rem 0 3rem 10rem;border-radius:2rem;font-size:16px;line-height:1.5;margin-top:1rem;font-weight:500}
[class*="content-box"] .swiper-container .bg-txt p{position:relative}
[class*="content-box"] .swiper-container .bg-txt p::before{content:'';background:url("../images/common/ico_arrow_pink.png") no-repeat center center;width:12px;height:10px;background-size:100% auto;position:absolute;top:7px;left:-18px}
[class*="content-box"] .swiper-container .bg-txt em{font-weight:700;vertical-align:text-bottom}
[class*="content-box"] .swiper-container .bg-txt.no-mark p::before{display:none}
[class*="content-box"] .swiper-container .txt-area strong.pink01{color:#ef3e76}
[class*="content-box"] .swiper-container .cont-area.step-wrap{width:600px;height:474px;text-align:center;background-color:#f5f5f5}
/* s: 20240904 박스위 색상 사이즈값 조정 - pc */
[class*="content-box"] .swiper-container .cont-area.step-wrap .step-num{color:#fff;background-color:#538fff;padding-top:11px;;font-weight:700;font-size:20px;line-height:1.4; height: 5rem;;}
[class*="content-box"] .swiper-container .cont-area.step-wrap .step-num span{display:inline-block;margin-right:1rem;margin-bottom:0.7rem}
/* e: 20240904 박스위 색상 사이즈값 조정 - pc */
[class*="content-box"] .swiper-container .cont-area.step-wrap .step-cont{font-size:18px;line-height:1.5;margin-top:4rem}
[class*="content-box"] .swiper-container .cont-area.step-wrap .step-cont .img-box{margin-top:3rem}
.cont-area .bg-img.relative{position:relative}
.cont-area .bg-img.relative a{position:absolute;top:40%;left:61%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);opacity:0}
.ico-videoplay{width:8rem;height:8rem;background-size:8rem 8rem;background-image:url("../images/common/ico_videoplay@2x.png")}
.text-container{text-align:center;font-size:1.8rem;color:#222;line-height:1.5}
.text-container em{font-size:2.4rem;font-weight:700;margin-top:56px;display:block}
.text-container .point{color:#538fff;padding-top:36px;font-size:3.4rem}
.text-container p{margin-top:1rem}
.content-box.step-3 .img-box{text-align:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:600px;margin:2rem 12.7rem}
.content-box.step-3 .img-box img + img{margin-top:2rem}
.content-box.step-3 .swiper-container .bg-txt{text-align:center;padding:3rem 0}
.content-box.step-3 .text-container{margin-bottom:5.6rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:start;height:250px}
.content-box.step-3 .text-container .img-box{margin:0 2rem 0 12.7rem;width:250px}
.content-box.step-3 .text-container em{margin-top:0}
.content-box.step-3 .profil-box{margin:0 12.7rem 5.6rem 12.7rem;padding:4rem;border-radius:2.4rem;text-align:center;line-height:1.5}
.content-box.step-3 .profil-box.gray-box{background-color:#f8f8f8}
.content-box.step-3 .profil-box p{font-size:1.8rem;color:#222}
.content-box.step-3 .profil-box .profil-step{margin-top:4.8rem}
.content-box.step-3 .profil-box .profil-step ul{position:relative;text-align:start}
.content-box.step-3 .profil-box .profil-step ul li{line-height:1.7;padding-left:32px;position:relative}
.content-box.step-3 .profil-box .profil-step ul li em{font-weight:900;font-size:1.8rem}
.content-box.step-3 .profil-box .profil-step ul li + li{margin-top:2.4rem}
.content-box.step-3 .profil-box .profil-step ul li::before{content:'';background:url("../images/common/ico_bullet03@2x.png") no-repeat center center;width:0.8rem;height:0.8rem;background-size:cover;position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.content-box.step-3 .profil-box .profil-step ul::before{content:'';background:url("../images/common/ico_line@2x.png") no-repeat;width:0.1rem;height:29.5rem;background-size:cover;position:absolute;top:2.6rem;left:0.3rem}
.content-box.space03{text-align:center;line-height:1.5}
.content-box.space03 .title{font-size:2.4rem;margin-top:0;margin-bottom:1.1rem}
.content-box.space03 .desc{font-size:1.8rem;margin-bottom:2.8rem}
.content-box.space03 .img-box01{margin-bottom:2.8rem}
.content-box.space03 em{font-weight:700;vertical-align:text-bottom}
.content-box.round-type .round-type-sub-desc{padding:0 10rem}
.content-box.round-type .round-type-sub-desc span{display:inline-block}
.align-center-box .img-box{margin-bottom:10rem}
.table-wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.table-wrap .cont-area.table-type{border-radius:0;-webkit-filter:none;filter:none;border:1px solid #dcdfe3;border-radius:2rem;width:50%}
.table-wrap .cont-area.table-type table{width:100%;text-align:center;font-size:1.8rem}
.table-wrap .cont-area.table-type table tr{border-bottom:1px solid #dcdfe3}
.table-wrap .cont-area.table-type table tr th{text-align:center;padding:1.6rem;font-weight:900;background-color:#f1f1f1}
.table-wrap .cont-area.table-type table tr th:first-child{background-color:rgba(241, 241, 241, 0.5)}
.table-wrap .cont-area.table-type table tr td{padding:1.6rem 0}
.table-wrap .cont-area.table-type table tr td:first-child{background-color:rgba(241, 241, 241, 0.5)}
.table-wrap .cont-area.table-type table:last-child tr{border-bottom:none}
.table-wrap .cont-area.table-type.red-type table tr th{background-color:#ffeced}
.table-wrap .cont-area.table-type.red-type table tr th:first-child{background-color:rgba(255, 236, 237, 0.5)}
.table-wrap .cont-area.table-type.red-type table tr td:first-child{background-color:rgba(255, 236, 237, 0.5)}
.table-wrap .cont-area + .cont-area{margin-left:2rem}

.swiper-collected-list .collected-lists .list .book-title .txt {word-break: keep-all;}

@media (min-width: 1024px){
.pc-show{display:block}
.mo-show{display:none}

.step-type.step-1::before{height:65%}
.step-type.step-1 .public-swiper-container [class*="swiper-btn-round"]{top:40%}
.step-type.step-2::before{height:48%}
.step-type.step-2 .public-swiper-container [class*="swiper-btn-round"]{top:85%}
.step-type.step-3::before{height:24%}
.step-type.step-3 .public-swiper-container [class*="swiper-btn-round"]{top:81%}
.step-type.step-4::before{height:76%}
}
@media (max-width: 1023px){
.pc-show{display:none}
.mo-show{display:block}

.text-container{font-size:1.4rem}
.text-container .point{font-size:2.2rem;padding-top:1.5rem}
.text-container em{margin-top:3.5rem;font-size:1.7rem}
[class*="content-box"] .swiper-container .bg-txt{padding:2rem 0 2rem 3.5rem;font-size:1.4rem;margin-top:0.8rem;border-radius:1rem}
[class*="content-box"] .swiper-container .bg-txt p::before{width:8px;height:8px;top:8px;left:-12px}
[class*="content-box"] .swiper-container .cont-area.step-wrap{width:100%;border-radius:1rem;height:270px}
[class*="content-box"] .swiper-container .cont-area.step-wrap .step-num{border-top-left-radius:1rem;border-top-right-radius:1rem;font-size:1.5rem;padding-top: 0.6rem; height: 3.5rem; line-height: 1.66;}
[class*="content-box"] .swiper-container .cont-area.step-wrap .step-num span{margin-bottom:0.3rem;margin-right:0.5rem}
[class*="content-box"] .swiper-container .cont-area.step-wrap .step-cont{margin-top:2rem;font-size:1.1rem}
[class*="content-box"] .swiper-container .cont-area.step-wrap .step-cont .img-box{margin-top:1.5rem}
[class*="content-box"] .swiper-container .swiper-slide:nth-child(2) .cont-area.step-wrap .step-cont .img-box img{width:42%}
[class*="content-box"] .swiper-container .swiper-slide:nth-child(3) .cont-area.step-wrap .step-cont .img-box{margin-top:0}
[class*="content-box"] .swiper-container .swiper-slide:nth-child(4) .cont-area.step-wrap .step-cont .img-box img{width:67%}
[class*="content-box"] .swiper-container .swiper-slide:last-child .cont-area.step-wrap .step-cont .img-box img{width:41%}
[class*="content-box"].space03{padding:0}
[class*="content-box"].space03 .title{font-size:1.4rem}
[class*="content-box"].space03 .desc{font-size:1.4rem}
[class*="content-box"].space03 .img-box01{padding:0 2rem}
[class*="content-box"].round-type .round-type-sub-desc{padding:0 2rem}
.step-type.step-1::before{height:56%}
.step-type.step-1 .swiper-slide:nth-child(3) .txt-area{padding:0 0 0 0.8rem}
.step-type.step-2::before{height:56%}
.step-type.step-3::before{height:29%}
.step-type.step-3 .public-swiper-container .swiper-slide:last-child .txt-area{padding:0 0 0 0.8rem}
.step-type.step-3 .public-swiper-container .swiper-slide:last-child .txt-area .txt-box{padding-left:1.8rem}
.step-type.step-3 .public-swiper-container .swiper-slide .bg-txt{padding:2.4rem 0}
.step-type.step-3 .text-container{padding:0 2rem;width:100%;height:auto;margin-bottom:2.8rem}
.step-type.step-3 .text-container .img-box{margin:0 1.5rem 0 0;width:15rem}
.step-type.step-3 .text-container em{font-size:1.3rem}
.step-type.step-3 .profil-box{margin:0 2rem 2.8rem 2rem;padding:2rem;border-radius:1.2rem}
.step-type.step-3 .profil-box p{font-size:1.4rem}
.step-type.step-3 .profil-box .profil-step{margin-top:2.4rem}
.step-type.step-3 .profil-box .profil-step ul li{padding-left:1.6rem}
.step-type.step-3 .profil-box .profil-step ul li em{font-size:1.4rem}
.step-type.step-3 .profil-box .profil-step ul li + li{margin-top:1.2rem}
.step-type.step-3 .profil-box .profil-step ul li::before{width:0.4rem;height:0.4rem;background-size:contain}
.step-type.step-3 .profil-box .profil-step ul::before{top:2.3rem;left:0.14rem;width:1px;height:21.6rem}
.align-center-box .img-box{padding:0 2rem;margin-bottom:3.5rem}
.step-title{margin-top:5rem;margin-bottom:1.5rem}
.table-wrap .cont-area.table-type{overflow:hidden;border-radius:1rem}
.table-wrap .cont-area.table-type table{font-size:1rem}
.table-wrap .cont-area.table-type table tr th{padding:0.6rem 0.4rem}
.table-wrap .cont-area.table-type table tr td{padding:0.6rem 0}

/* s: 20240905 스타일 추가 */
.swiper-collected-list .collected-lists .list .book-title .num {display: block;}
/* e: 20240905 스타일 추가 */
}
@media (max-width: 390px){
[class*="content-box"] .swiper-container .swiper-slide:nth-child(2) .cont-area.step-wrap .step-cont .img-box img{width:50%}
[class*="content-box"] .swiper-container .swiper-slide:nth-child(4) .cont-area.step-wrap .step-cont .img-box img{width:85%}
[class*="content-box"] .swiper-container .swiper-slide:last-child .cont-area.step-wrap .step-cont .img-box img{width:51%}
}