/* »ó¼¼ÆäÀÌÁö - ½Å±Ô font ¿¬°á */
/* tenda font */
@font-face {
    font-family: 'Tenada';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2210-2@1.0/Tenada.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

/* s-coredream font */
@font-face {
    font-family: 'S-CoreDream-1Thin';
    src: url('https://cdn.jsdelivr.net/gh/wizfile/font/S-CoreDream-1Thin.eot');
    src:url('https://cdn.jsdelivr.net/gh/wizfile/font/S-CoreDream-1Thin.woff') format('woff');
    font-style: normal;
}
@font-face {
    font-family: 'S-CoreDream-4Regular';
    src: url('https://cdn.jsdelivr.net/gh/wizfile/font/S-CoreDream-4Regular.eot');
    src:url('https://cdn.jsdelivr.net/gh/wizfile/font/S-CoreDream-4Regular.woff') format('woff');
    font-style: normal;
}
@font-face {
    font-family: 'S-CoreDream-5Medium';
    src: url('https://cdn.jsdelivr.net/gh/wizfile/font/S-CoreDream-5Medium.eot');
    src:url('https://cdn.jsdelivr.net/gh/wizfile/font/S-CoreDream-5Medium.woff') format('woff');
    font-style: normal;
}
@font-face {
    font-family: 'S-CoreDream-6Bold';
    src: url('https://cdn.jsdelivr.net/gh/wizfile/font/S-CoreDream-6Bold.eot');
    src:url('https://cdn.jsdelivr.net/gh/wizfile/font/S-CoreDream-6Bold.woff') format('woff');
    font-style: normal;
}
@font-face {
    font-family: 'S-CoreDream-7ExtraBold';
    src: url('https://cdn.jsdelivr.net/gh/wizfile/font/S-CoreDream-7ExtraBold.eot');
    src:url('https://cdn.jsdelivr.net/gh/wizfile/font/S-CoreDream-7ExtraBold.woff') format('woff');
    font-style: normal;
}

/* bobaesum jindo */
@font-face {
    font-family: 'BobaesumJindoTTF';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2410-1@1.0/BobaesumJindoTTF.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

/* **** join **** */
/* common */
#join * {box-sizing: border-box !important;}
#join .essential {color: #FF6600;}
#join input[type="checkbox"]{width: 20px; height: 20px; border: 1px solid #aaa; border-radius: 2px; background-color: #fff; appearance: none; margin: 0; cursor: pointer;}
#join input[type="checkbox"]:checked::after{content: ''; background:url('../img/2024/join/chk-ico.png') no-repeat 50% 50% / 14px 11px; width: 20px; height: 20px; display: block; box-sizing: border-box;}
.join-btn-wrap {display: flex; align-items: center; justify-content: center; margin-top: 40px;}
.join-btn-wrap .next-btn {display: flex; align-items: center; justify-content: center; width: 150px; height: 40px; background-color: #4CBDC6; font-size: 18px; font-weight: 400; color: #fff; }

/* step-box */
#step-wrapper ul {display: flex; align-items: center; margin-bottom: 40px; position: relative;}
#step-wrapper ul::after{content: ''; position: absolute; top: 17px; width: 100%; height: 5px; background-color: #bbb; z-index: -2; border-radius: 2px;}
#step-wrapper ul li {width: 33.3333%; flex: 1; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 8px;}
#step-wrapper ul li .num {display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 600; color: #fff; width: 40px; height: 40px; border-radius: 50%; background-color: #bbb; margin: 0 auto;}
#step-wrapper ul li .num.chk img {width: 24px;}
#step-wrapper ul li strong {font-size: 18px; font-weight: 600; color: #bbb;}

/* active */
#step-wrapper ul li.active{position: relative;}
#step-wrapper ul li.active::after{content: ''; position: absolute; top: 17px; left: 0; width: 100%; height: 5px; background-color: #4CBDC6;  z-index: -1;}
#step-wrapper ul li.step1.active::after{border-radius: 2px 0px 0px 2px;}
#step-wrapper ul li.step2.active::after{border-radius: 0px;}
#step-wrapper ul li.step3.active::after{border-radius: 0px 2px 2px 0px;}

#step-wrapper ul li.active .num {background-color: #4CBDC6;}
#step-wrapper ul li.active strong {color: #444;}


/* ¾à°ü - step1 */
.step1-wrapper{border: 1px solid #eee;}
.step1-wrapper > div:nth-child(n + 3){position: relative;}
.step1-wrapper > div:nth-child(n + 3)::after{content: ''; position: absolute; top: 0; left: 50%; width: calc(100% - 20px); height: 1px; background-color: #D9D9D9; transform: translateX(-50%);}
.step1-wrapper .input-box{display: flex; align-items: center; gap: 8px;}
.step1-wrapper .top-txt-box{padding: 20px 35px 20px 30px; display: flex; align-items: center; justify-content: space-between;}

.step1-wrapper .top-txt-box label {font-size: 16px; color: #626262; cursor: pointer;}
.step1-wrapper .top-txt-box label p {margin: 0;}
.step1-wrapper .top-txt-box label .gray {color: #aaa; background-color: transparent;}
.step1-wrapper .top-txt-box a {font-size: 14px; color: #aaa; position: relative;}
.step1-wrapper .top-txt-box a::before{content: ''; position: absolute; top:50%; right: 9px; height: 14px; width: 2px; border-radius: 1px; background-color: #aaa; display: block; transform: translateY(-50%);transition: 0.5s; opacity: 1;}
.step1-wrapper .top-txt-box a::after{content: ''; position: absolute; top:50%; right: 3px; width: 14px; height: 2px; border-radius: 1px; background-color: #aaa; display: block; transform: translateY(-50%); }
.step1-wrapper .top-txt-box a span {padding-right: 25px;}
.step1-wrapper .top-txt-box a span.close {display: none;}

/* on */
.step1-wrapper .top-txt-box a.on span.close {display: block;}
.step1-wrapper .top-txt-box a.on span.open {display: none;}
.step1-wrapper .top-txt-box a.on::before{content: ''; position: absolute; top:50%; right: 9px; height: 14px; width: 2px; border-radius: 1px; background-color: #aaa; display: block; transform: translateY(-50%) rotate(90deg); opacity: 0;}

.step1-wrapper .all-chk-box{padding: 26px 21px; background-color: #F9F9F9;}
.step1-wrapper .all-chk-box .input-box label {font-size: 16px; font-weight: 500; color: #444; cursor: pointer;}
.step1-wrapper .all-chk-box .input-box + p {padding-left: 28px; margin: 0; margin-top: 6px; font-size: 14px; color: #626262;}

.step1-wrapper .bottom-txt-box{display: none; padding-bottom: 37px;}
.step1-wrapper .bottom-txt-box .inner {margin: 0 30px; padding: 10px; border: 1px solid #d9d9d9; box-sizing: border-box; height: 160px; overflow: hidden; overflow-y: auto;}
.step1-wrapper .bottom-txt-box .inner ul > li:not(:last-child){margin-bottom: 30px;}
.step1-wrapper .bottom-txt-box .inner ul li p{margin: 0;}
.step1-wrapper .bottom-txt-box .inner ul li p.tit {font-size: 16px; font-weight: 600; margin-bottom: 12px;}
.step1-wrapper .bottom-txt-box .inner ul li p.sub-tit {font-size: 14px; font-weight: 600; margin-bottom: 6px;}
.step1-wrapper .bottom-txt-box .inner ul li p:not(.tit, .sub-tit){font-size: 13px; color: #626262; line-height: 1.6;}
.step1-wrapper .bottom-txt-box .inner ul li ol {padding-left: 16px; font-size: 13px; color: #626262; line-height: 1.6; margin-top: 6px; }
.step1-wrapper .bottom-txt-box .inner ul li ol li {margin-bottom: 12px;}
.step1-wrapper .bottom-txt-box .inner ul li ol li em {display: inline-block; width: 16px; vertical-align: top;}
.step1-wrapper .bottom-txt-box .inner ul li ol li em + span {width: calc(100% - 16px); display: inline-block;}
.step1-wrapper .bottom-txt-box .inner ul li ol li .inner-list {display: block; width: auto; padding-left: 28px; margin-top: 12px;}
.step1-wrapper .bottom-txt-box .inner ul li ol li .inner-list p:not(:last-child){margin-bottom: 12px}

.step1-wrapper .bottom-txt-box table{border: 1px solid #eee;}
.step1-wrapper .bottom-txt-box table tr:not(:last-child) td, .step1-wrapper .bottom-txt-box table tr:not(:last-child) th{border-bottom: 1px solid #eee;}
.step1-wrapper .bottom-txt-box table tbody th {text-align: left; width: 20%; padding: 10px 6px; background-color: #F9F9F9; font-weight: 400; border-right: 1px solid #eee; color: #333; font-size: 13px;}
.step1-wrapper .bottom-txt-box table tbody td {text-align: left; width: 80%; padding: 10px 6px; color: #777; font-size: 13px;}

.step1-wrapper .bottom-txt-box table.table-border tr td:nth-child(n+2){border-left: 1px solid #eee;}


/* Á¤º¸ÀÔ·Â - step2 */
.step2-wrapper p.sub-txt {margin: 0; font-size: 16px; margin-bottom: 16px; color: #626262;}
.step2-wrapper .join-box{border: 1px solid #eee; border-radius: 5px;}
.step2-wrapper .join-box dl {padding: 0 10px; display: flex; align-items: stretch; position: relative; width: 100%;}
.step2-wrapper .join-box dl:nth-child(n+2)::after{content: ''; position: absolute; top: 0; width: calc(100% - 20px); height: 1px; left: 50%; transform: translateX(-50%); background-color:  #d9d9d9; display: block;}
.step2-wrapper .join-box dl dt, .step2-wrapper .join-box dl dd {padding: 20px 0;}
.step2-wrapper .join-box dl dt{padding-left: 20px; width: 138px; font-size: 16px; color: #626262; display: flex; margin-top: 8px;}
.step2-wrapper .join-box dl dt em {padding-right: 4px;}
.step2-wrapper .join-box dl dd{width: calc(100% - 138px); padding-right: 20px;}
.step2-wrapper .join-box dl dd input:not([type="checkbox"]) {width: 100%; height: 40px; border-radius: 2px; border: 1px solid #aaa; padding: 0 15px; font-size: 16px; color: #333; font-weight: 400; outline: none;}
.step2-wrapper .join-box dl dd input::placeholder{color: #aaa;}

.step2-wrapper .join-box dl dd .input-box.w-btn {display: flex; align-items: center; gap: 5px;}
.step2-wrapper .join-box dl dd .input-box.w-btn input {width: calc(100% - 97px);}
.step2-wrapper .join-box dl dd .input-box.w-btn .confirm-btn {width: 92px; height: 40px; background-color: #4CBDC6; color: #fff; font-size: 16px; display: flex; align-items: center; justify-content: center; border-radius: 2px; border: 1px solid #4CBDC6;}

.step2-wrapper .join-box dl dd .input-box.tel {display: flex; align-items: center; gap: 10px;}
.step2-wrapper .join-box dl dd .input-box.tel .acc {display: block;width: 10px; height: 1px; background-color: #626262;}
.step2-wrapper .join-box dl dd .input-box.tel select, .step2-wrapper .join-box dl dd .input-box.tel input {width: 100px; height: 40px; border: 1px solid #aaa; border-radius: 2px; max-width: 100px; box-sizing: border-box;}
.step2-wrapper .join-box dl dd .input-box.tel select {padding: 0 15px; font-size: 16px; color: #626262; appearance: none; background: url('../img/2024/join/select-arrow.png') no-repeat 90% 50% / 18px 18px; outline: none;}
.step2-wrapper .join-box dl dd .input-box.tel input {text-align: center;}

.step2-wrapper .join-box dl:last-child dt {margin-top: 0; padding-left: 32px;}
.step2-wrapper .join-box dl dd .chk-box {margin: 0; display: flex; align-items: center; gap: 17px;}
.step2-wrapper .join-box dl dd .chk-box label {display: flex; align-items: center; gap: 5px; cursor: pointer;}
.step2-wrapper .join-box dl dd .chk-box label span {font-size: 16px; color: #626262;}
.step2-wrapper .join-box dl dd .chk-desc {margin: 0; margin-top: 12px; font-size: 14px; color: #626262; line-height: 1.6;}


/* °¡ÀÔ¿Ï·á - step3 */
.step3-wrapper .top-txt-box {display: flex; flex-direction: column; align-items: center; margin: 33px 0 49px;}
.step3-wrapper .top-txt-box i {display: flex; align-items: center; justify-content: center; width: 100px; height: 100px; margin-bottom: 10px;}
.step3-wrapper .top-txt-box i img {width: 100%;}
.step3-wrapper .top-txt-box strong {font-size: 24px; font-weight: 500; color: #626262; margin-bottom: 5px;}
.step3-wrapper .top-txt-box strong em {color: #4CBDC6;}
.step3-wrapper .top-txt-box p {margin: 0; text-align: center; font-size: 18px; color: #626262; font-weight: 400; line-height: 1.5;}

.step3-wrapper .bottom-member-box {max-width: 600px; margin: 0 auto;}
.step3-wrapper .bottom-member-box .inner > p {font-size: 16px; font-weight: 400; color: #626262; margin: 0; margin-bottom: 10px;}
.step3-wrapper .bottom-member-box .member-info {border: 1px solid #eee; border-radius: 5px; padding: 0 10px}
.step3-wrapper .bottom-member-box .member-info dl {display: flex; align-items: center; padding: 28px 0;}
.step3-wrapper .bottom-member-box .member-info dl:nth-child(n+2){border-top: 1px solid #d9d9d9;}
.step3-wrapper .bottom-member-box .member-info dl dt {width: 153px; padding-left: 30px; font-size: 16px; color: #aaa;}
.step3-wrapper .bottom-member-box .member-info dl dd {width: calc(100% - 153px); font-size: 16px; font-weight: 500; color: #646464;}
.step3-wrapper .bottom-member-box .member-info dl.tel dd span:nth-child(n+2){position: relative; display: inline-block; padding-left: 40px;}
.step3-wrapper .bottom-member-box .member-info dl.tel dd span:nth-child(n+2)::before{content: '';position: absolute; top: 50%; left: 15px; width: 10px; height: 1px; background-color: #626262; display: block; transform: translateY(-50%);}


/* reset */
#product-detail-wrapper * {font-family: 'S-CoreDream-4Regular'; box-sizing: border-box;}
h1, h2, h3, h4, h5, h6, p, ul, li, ol {margin: 0; padding: 0;}

/* »ó¼¼ÆäÀÌÁö - 2024 ¼öÁ¤ */
/* common */
#product-detail-wrapper .inner {max-width: 1300px; margin: 0 auto;}

/* visual */
#detail-visual{padding: 125px 0 226px; text-align: center; }
/* visual - bgº¯°æ */
#detail-visual.social-worker-visual {background: url('/img/2024/detail/social-worker-banner.png') no-repeat center center / cover;}

#detail-visual .sub-tit{display: flex; align-items: center; justify-content: center; margin-bottom: 77px;}
#detail-visual .sub-tit p {font-size: 30px; color: #fff; line-height: 1.3; letter-spacing: 0.05em; padding: 16px 52px; border: 1px solid #fff; width: fit-content;}

#detail-visual .tit > span{ display: block; font-size: 90px; color: #fff; font-family: 'Tenada'; letter-spacing: -0.07em; -webkit-text-stroke-width: 4.5px; -webkit-text-stroke-color: black;}
#detail-visual .tit > strong {font-size: 170px; font-family: 'Tenada' !important; color: #fff100; letter-spacing: -0.07em; -webkit-text-stroke-width: 5px; -webkit-text-stroke-color: black;}
#detail-visual .tit p{font-size: 50px; color: #fff; margin-bottom: 40px;}
#detail-visual .tit p b {font-family: 'S-CoreDream-5Medium' !important; position: relative;}
#detail-visual .tit p b::after{content: ''; position: absolute; bottom: -10px; left: 0; width: 100%; height: 18px; background: url('/img/2024/detail/tit-acc.png') no-repeat 50% 50% / contain;}
#detail-visual .tit .label{display: flex; align-items: center; justify-content: center;}
#detail-visual .tit .label span{display: block; width: fit-content; background-color: #fff; padding: 16px 64px; font-size: 30px; color: #646fff; font-family: 'S-CoreDream-6Bold' !important;}


/* visual-banner */
#detail-visual-banner {background-color: #a0a7ff; padding: 60px 0;}
#detail-visual-banner ul {display: flex; align-items: flex-start; justify-self: center;}
#detail-visual-banner ul li {position: relative; padding: 60px 0; display: flex; align-items: center; justify-content: space-between; flex-direction: column; z-index: 1;}
#detail-visual-banner ul li:nth-child(n+2){padding-left: 49px; margin-left: 49px;}
#detail-visual-banner ul li:nth-child(n+2)::after{content: ''; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background-color: #fff;}
#detail-visual-banner ul li strong {font-size: 34px; color: #fff; text-align: center; word-break: keep-all; font-family: 'S-CoreDream-7ExtraBold'; line-height: 1.5;}
#detail-visual-banner ul li:not(:last-child) strong {margin-bottom: 84px;}
#detail-visual-banner ul li:last-child  strong {margin-bottom: 37px;}
#detail-visual-banner ul li strong span {display: block; font-size:28px; font-family: 'S-CoreDream-4Regular' !important;}
#detail-visual-banner ul li p{font-size: 28px; color: #fff; font-family: 'S-CoreDream-5Medium' !important; text-align: center; line-height: 1.5;}
#detail-visual-banner ul li i {position: absolute; bottom: 0;right: -28px; display: flex; align-items: center; justify-content: center; z-index: -1;}  
#detail-visual-banner ul li i:nth-child(1){max-width: 177px;}
#detail-visual-banner ul li i:nth-child(2){max-width: 142px;}
#detail-visual-banner ul li i:nth-child(3){max-width: 136px;}
#detail-visual-banner ul li i img {display: block; width: 100%;}

/* detail-info-content */
.detail-info-content {padding: 94px 0 88px;}
.detail-info-content .top-package-box .cont-tit {text-align: center; margin-bottom: 56px;}
.detail-info-content .top-package-box .cont-tit p {font-size: 40px; color: #000; margin-bottom: 12px;}
.detail-info-content .top-package-box .cont-tit strong {font-size: 40px; color: #000; font-family: 'S-CoreDream-6Bold' !important;}
.detail-info-content .top-package-box .price-ex-box {display: flex; align-items: center; justify-content: center; width: 100%; background-color: #e1e3ff; height: 90px; box-shadow: 2px 2px 24px 0px rgba(65,65,65,0.2); margin-bottom: 122px;}
.detail-info-content .top-package-box .price-ex-box ul {display: flex; align-items: center; width: 100%;}
.detail-info-content .top-package-box .price-ex-box ul li{width: 20%; text-align: center; position: relative;}
.detail-info-content .top-package-box .price-ex-box ul li:nth-child(n+2)::after{content: ''; position: absolute; top: 50%; left: 0; width: 1px; height: 100%; background-color: #ababab; transform: translateY(-50%);}
.detail-info-content .top-package-box .price-ex-box ul li.new::before{content: '½Å±Ôȸ¿ø ÇÒÀÎ Àû¿ë°¡'; position: absolute; top: -12px; left: 50%; width: fit-content; padding: 12px 16px; background-color: #a0a7ff; font-size: 20px; color: #fff; font-family: 'S-CoreDream-5Medium' !important; display: flex; align-items: center; justify-content: center; z-index: 1; transform: translate(-50%, -100%); white-space: nowrap;}
.detail-info-content .top-package-box .price-ex-box ul li span {font-size: 26px; color: #000;}
.detail-info-content .top-package-box .price-ex-box ul li span.fc-purple {font-family: 'S-CoreDream-5Medium' !important; color: #646fff;}
.detail-info-content .top-package-box .price-ex-box ul li strong {padding-left: 10px; font-size: 26px; color: #000; font-family: 'S-CoreDream-6Bold' !important;}

.detail-info-box .tit p:not(.sub-desc){font-size: 45px; display: block; text-align: center; margin-bottom: 46px; display: block; font-family: 'S-CoreDream-5Medium' !important;}
.detail-info-box .tit p:not(.sub-desc) strong{color: #4a57ff; font-family: 'S-CoreDream-7ExtraBold' !important;}
.detail-info-box .tit p.sub-desc, .detail-info-box .tit p.sub-desc span {color: #444444; font-size: 28px; font-family: 'S-CoreDream-5Medium' !important; margin-bottom: 6px; text-align: center; line-height: 1.4;}
.detail-info-box .tit p.sub-desc span{position: relative; z-index: 1;}
.detail-info-box .tit p.sub-desc span::after{content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 18px; background-color: #e1e3ff; z-index: -1;}
.detail-info-box .tit p.sub-desc b {font-family: 'S-CoreDream-7ExtraBold' !important;}
.detail-info-box .tit span.fc-red {font-size: 23px; color: #ff5555; text-align: center; display: block; font-family: 'S-CoreDream-5Medium' !important; margin-bottom: 64px;}

/* package-list */
.detail-info-content .detail-info-box .package-list {display: flex; align-items: center; flex-direction: column; gap: 56px; width: 100%;}
.detail-info-content .detail-info-box .package-list li {min-height: 300px; display: flex; align-items: center; justify-content: space-between; width: 100%; border-width: 5px; border-style: solid; padding: 46px 44px 46px 37px; box-shadow: 2px 2px 24px 0px rgba(65,65,65,0.2); gap: 33px;}
.detail-info-content .detail-info-box .package-list li.purple {border-color: #a0a7ff;}
.detail-info-content .detail-info-box .package-list li.blue {border-color: #3fa2f6;}
.detail-info-content .detail-info-box .package-list li.orange {border-color: #ff7f3e;}
.detail-info-content .detail-info-box .package-list li.pink {border-color: #ff8a8a;}
.detail-info-content .detail-info-box .package-list li.green {border-color: #54bab9;}

/* package-list - left-box */
.detail-info-content .detail-info-box .package-list li .left-box {display: flex; align-items: center; justify-content: space-between; width:calc(100% - 241px); flex-wrap: wrap;}
.detail-info-content .detail-info-box .package-list li .left-box .package-tit strong {font-size: 42px; font-family: 'S-CoreDream-6Bold' !important; display: block; margin-bottom: 18px; text-align: center; line-height: 1.4;}
.detail-info-content .detail-info-box .package-list li .left-box .package-tit span {font-size: 26px; color: #444444; font-family: 'S-coreDream-5Medium' !important; text-align: center; letter-spacing: -0.04em; display: block;}

.detail-info-content .detail-info-box .package-price {display: flex; align-items: baseline; position: relative;}
.detail-info-content .detail-info-box .package-price::after{content: '';position: absolute; top: 21px; left: -8px; width: 359px; height: 17px; background: url('/img/2024/detail/package-price-arrow.png') no-repeat 50% 50% / 100% auto;}
.detail-info-content .detail-info-box .package-price span {font-size: 28px; color: #444; font-family: 'S-coreDream-5Medium' !important; letter-spacing: -0.04em;}
.detail-info-content .detail-info-box .package-price .acc {display: flex; align-items: center; justify-content: center; width: 110px; height: 110px; border-radius: 50%; background-color: #4d4d4d; margin: 0 50px 0 32px; flex-direction: column; gap: 4px; position: relative; z-index: 1; top: -20px;}
.detail-info-content .detail-info-box .package-price .acc span {font-size: 25px; color: #fff; font-family: 'S-coreDream-5Medium' !important; letter-spacing: -0.04em;}
.detail-info-content .detail-info-box .package-price .acc b {font-size: 30px; color: #f7ff7e;}
.detail-info-content .detail-info-box .package-price strong {font-size: 38px; font-family: 'S-coreDream-6Bold' !important; display: block; text-align: center; line-height: 1.4;}
.detail-info-content .detail-info-box .package-price strong em {display: block; font-size: 18px; color:#444; text-align: center; letter-spacing: -0.04em; margin-top: 6px;}


.detail-info-content .detail-info-box .package-list li.purple .package-tit strong, .detail-info-content .detail-info-box .package-list li.purple .package-price strong {color: #a0a7ff;}
.detail-info-content .detail-info-box .package-list li.blue .package-tit strong, .detail-info-content .detail-info-box .package-list li.blue .package-price strong   {color: #3fa2f6;}
.detail-info-content .detail-info-box .package-list li.orange .package-tit strong, .detail-info-content .detail-info-box .package-list li.orange .package-price strong {color: #ff7f3e;}
.detail-info-content .detail-info-box .package-list li.pink .package-tit strong, .detail-info-content .detail-info-box .package-list li.pink .package-price strong {color: #ff8a8a;}
.detail-info-content .detail-info-box .package-list li.green .package-tit strong, .detail-info-content .detail-info-box .package-list li.green .package-price strong {color: #54bab9;}

.detail-info-content .detail-info-box .package-list li .left-box .bottom-acc {display: flex; align-items: center; justify-content: center; width: 100%; padding-top: 23px; margin-top: 40px; border-top-width: 1px; border-top-style: solid; gap: 16px;}
.detail-info-content .detail-info-box .package-list li.green .left-box .bottom-acc{margin-top: 12px;}
.detail-info-content .detail-info-box .package-list li .left-box .bottom-acc i {display: flex; align-items: center; justify-content: center; width: 64px;}
.detail-info-content .detail-info-box .package-list li .left-box .bottom-acc i  img {width: 100%; display: block;}
.detail-info-content .detail-info-box .package-list li .left-box .bottom-acc span {font-size: 26px; color: #444; font-family: 'S-CoreDream-5Medium' !important; letter-spacing: -0.04em; line-height: 1.5;}

/* -start- (2025/1) ±âÁ¸ detail ´©¶ô°Ç Ãß°¡ */
.detail-info-content .detail-info-box .package-list li.pink .left-box .bottom-acc {border-color: #ff8a8a;}
.detail-info-content .detail-info-box .package-list li.green .left-box .bottom-acc {border-color: #54bab9;}
/* -end- (2025/1) ±âÁ¸ detail ´©¶ô°Ç Ãß°¡ */

.detail-info-content .detail-info-box .package-list li .left-box .bottom-acc i {display: flex; align-items: center; justify-content: center; width: 64px;}
.detail-info-content .detail-info-box .package-list li .left-box .bottom-acc i  img {width: 100%; display: block;}
.detail-info-content .detail-info-box .package-list li .left-box .bottom-acc span {font-size: 26px; color: #444; font-family: 'S-CoreDream-5Medium' !important; letter-spacing: -0.04em; line-height: 1.5;}


/* btn-box */
.detail-info-content .detail-info-box .btn-box {display: flex; align-items: center; justify-content: center; width: 208px; height: 208px;}
.detail-info-content .detail-info-box .btn-box a {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; color: #fff; font-size: 30px; font-family: 'S-CoreDream-6Bold' !important; box-shadow: 2px 2px 24px 0px rgba(65,65,65,0.2); line-height: 1.6; text-align: center; position: relative;}
/* (2025/1) Ä¿¼­ ¾Ö´Ï¸ÞÀÌ¼Ç Ãß°¡ ½ÃÀÛ */
.detail-info-content .detail-info-box .btn-box a::after{content: ''; position: absolute; bottom: -36px; right: -25px; width: 77px; height: 127px; background: url('/img/2024/detail/package-ico.png') no-repeat 50% 50% / 100% auto; animation: cursor-ani 0.5s infinite alternate ease-in-out;}

@keyframes cursor-ani{
    0%{transform: translateY(0);}
    100%{transform: translateY(10px);}
}
/* (2025/1) Ä¿¼­ ¾Ö´Ï¸ÞÀÌ¼Ç Ãß°¡ ³¡ */
.detail-info-content .detail-info-box .package-list li.purple .btn-box a {background-color: #a0a7ff;}
.detail-info-content .detail-info-box .package-list li.blue .btn-box a {background-color: #3fa2f6;}
.detail-info-content .detail-info-box .package-list li.orange .btn-box a {background-color: #ff7f3e;}
.detail-info-content .detail-info-box .package-list li.pink .btn-box a {background-color: #ff8a8a;}
.detail-info-content .detail-info-box .package-list li.green .btn-box a {background-color: #54bab9;}

.detail-info-content .detail-info-box .notice-box {margin-top: 69px; padding-left: 42px;}
.detail-info-content .detail-info-box .notice-box strong{font-size: 28px; color: #444444; font-family: 'S-CoreDream-7ExtraBold' !important; margin-bottom: 28px; display: block}
.detail-info-content .detail-info-box .notice-box p{display: flex;align-items: baseline; gap: 4px; line-height: 1.5;}
.detail-info-content .detail-info-box .notice-box p:not(:last-child){margin-bottom: 16px;}
.detail-info-content .detail-info-box .notice-box p em, .detail-info-content .detail-info-box .notice-box p span{font-size: 22px; letter-spacing: -0.04em; color: #666666;}


/* feature wrapper */
.feature-wrapper {background-color: #f5f6ff; padding: 150px 0 166px;}
.feature-wrapper .inner .feature-box {padding: 129px 79px 99px 77px; background: url('/img/2024/detail/section-feature-bg.png') no-repeat 0 0 / 100% 100%; position: relative;}
.feature-wrapper .inner .feature-box .tit strong {font-family: 'BobaesumJindoTTF' !important; font-size: 60px; display: block; text-align: center; -webkit-text-stroke-width: 0.8px; -webkit-text-stroke-color: #000; color: #ffc62c; margin-bottom: 80px; letter-spacing: 0.05em;}

.feature-wrapper .inner .cont-list-wrapper .cont-box { display: flex; align-items: stretch; width: 100%; position: relative;}
.feature-wrapper .inner .cont-list-wrapper .cont-box:not(:first-child){margin-top: 24px; padding-top: 64px;}
.feature-wrapper .inner .cont-list-wrapper .cont-box:not(:first-child)::after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height:3px; background: url('/img/2024/detail/section-feature-dash.png') no-repeat 50% 50% / 100% auto; }
.feature-wrapper .inner .cont-list-wrapper .cont-box strong.num {font-size: 200px; font-family: 'Tenada' !important;  -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: #000; align-items: flex-end; display: flex; letter-spacing: -0.04em;}
.feature-wrapper .inner .cont-list-wrapper .cont-box .txt-box  p {font-size: 28px; color: #333; letter-spacing: -0.04em; line-height: 1.8;}
.feature-wrapper .inner .cont-list-wrapper .cont-box .txt-box  p b {font-family: 'S-CoreDream-6Bold' !important;}
.feature-wrapper .inner .cont-list-wrapper .cont-box i{display: flex; align-items: center; justify-content: center;}
.feature-wrapper .inner .cont-list-wrapper .cont-box i img{display: block; width: 100%;}

.feature-wrapper .inner .cont-list-wrapper .cont-box .btn-list {display: flex; flex-direction: column; gap: 10px; margin-top: 39px;}
.feature-wrapper .inner .cont-list-wrapper .cont-box .btn-list a{display: flex; align-items: center; gap: 12px; font-size: 18px; font-family: 'S-CoreDream-7ExtraBold' !important; color: #ffa300; height: 44px; padding: 0 15px; border-radius: 22px; border: 1px solid #ffa300; background-color: #fff; width: fit-content;}
.feature-wrapper .inner .cont-list-wrapper .cont-box .btn-list a i {width: 6px;}

/* box1 */
.feature-wrapper .inner .cont-list-wrapper .cont-box.box1 strong.num{color: #ffb1b1;}
.feature-wrapper .inner .cont-list-wrapper .cont-box.box1 .txt-box{margin-left: 46px;}
.feature-wrapper .inner .cont-list-wrapper .cont-box.box1 .txt-box span {font-size: 40px; font-family: 'S-CoreDream-6Bold' !important; color: #ff4d4d; display: block; margin-top: 18px; position: relative; z-index: 2; width: fit-content;}
.feature-wrapper .inner .cont-list-wrapper .cont-box.box1 .txt-box span::after{content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 21px; background-color: #ffe3e3; z-index: -1;}
.feature-wrapper .inner .cont-list-wrapper .cont-box.box1 i {width: 267px;}

/* box2 */
.feature-wrapper .inner .cont-list-wrapper .cont-box.box2 strong.num{color: #8ecbff;}
.feature-wrapper .inner .cont-list-wrapper .cont-box.box2 .txt-box {margin: 0 35px 0 33px;}
.feature-wrapper .inner .cont-list-wrapper .cont-box.box2 i {width: 301px;}

/* box3 */
.feature-wrapper .inner .cont-list-wrapper .cont-box.box3 strong.num{color: #fec35b;}
.feature-wrapper .inner .cont-list-wrapper .cont-box.box3 .txt-box {margin-left: 29px;}
.feature-wrapper .inner .cont-list-wrapper .cont-box.box3 .txt-box p {white-space: nowrap;}
.feature-wrapper .inner .cont-list-wrapper .cont-box.box3 i.ico {width: 338px; position: absolute; bottom: 0; right: 14px;}

/* box4 */
.feature-wrapper .inner .cont-list-wrapper .cont-box.box4 strong.num{color: #ffe552;}
.feature-wrapper .inner .cont-list-wrapper .cont-box.box4 .txt-box {margin: 0 33px 0 17px;}
.feature-wrapper .inner .cont-list-wrapper .cont-box.box4 .txt-box b span {font-family: 'S-CoreDream-6Bold' !important; position: relative; z-index: 2;}
.feature-wrapper .inner .cont-list-wrapper .cont-box.box4 .txt-box b span::after{content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 21px; background-color: #fff8d0; z-index: -1;}
.feature-wrapper .inner .cont-list-wrapper .cont-box.box4 i.ico {width: 279px; }

/* box5 */
.feature-wrapper .inner .cont-list-wrapper .cont-box.box5 strong.num{color: #d3ee98;}
.feature-wrapper .inner .cont-list-wrapper .cont-box.box5 .txt-box {margin-left: 34px;}
.feature-wrapper .inner .cont-list-wrapper .cont-box.box5 .txt-box b.big {font-size: 32px;position:relative; z-index: 2;}
.feature-wrapper .inner .cont-list-wrapper .cont-box.box5 .txt-box b.big::after{content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 21px; background-color: #d3ee98; z-index: -1;}
.feature-wrapper .inner .cont-list-wrapper .cont-box.box5 i {width: 296px; position: absolute; bottom: 0; right: 14px;}


/* ***** beauty-wrapper (2025/1 ¹Ì¿ëÇÐ ½Å±ÔÃß°¡) ***** */
/* visual */
#detail-visual.beauty-visual {background: url('/img/2024/detail/beauty/banner-bg-beauty.png') no-repeat center center / cover;}
#detail-visual.beauty-visual .sub-tit p{color: #333; border-color: #333;}
#detail-visual.beauty-visual .tit > span{-webkit-text-stroke-width: 3.5px;}
#detail-visual.beauty-visual .tit > strong{color: #f793b9; line-height: 1.2; -webkit-text-stroke-width: 4px; -webkit-text-stroke-color: #000;}
#detail-visual.beauty-visual .tit p{color: #333; line-height: 1.4;}
#detail-visual.beauty-visual .tit p b::after {display: none;}

/* banner */
.beauty-wrapper #detail-visual-banner{background-color: #f4bebc;}

/* detail-info-content */
.beauty-wrapper .detail-info-content .top-package-box .price-ex-box {background-color: #ffd4d4;}
.beauty-wrapper .detail-info-content .top-package-box .price-ex-box ul li span.fc-purple {color: #ff6767;}
.beauty-wrapper .detail-info-content .top-package-box .price-ex-box ul li.new::before{background-color: #ff8a8a;}

.beauty-wrapper .detail-info-box .tit p:not(.sub-desc) strong{color: #ff6767;}

.beauty-wrapper .detail-info-box .tit p.sub-desc span::after {background-color: #fef9d7;}

/* ¼ö°­ ÆäÀÌÁö ³» °áÁ¦Ã¢ */
#payment-modal {position: fixed; top: 50%; left: 0; transform: translateY(-50%); width: 96%; height: 100vh; display: flex; align-items: center; justify-content: center; z-index: 99999;}
#payment-modal .pay-modal-wrapper {max-width: 900px; width: 900px; background-color: #fff; padding: 40px 22px 40px 30px; border-radius: 25px; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); max-height: 80vh; overflow: hidden; overflow-y: auto;}

#payment-modal .pay-modal-wrapper .tit {font-size: 30px; font-weight: 600; letter-spacing: -0.04em; color: #333; text-align: center; display: block; width: 100%;}


/* modal btn */
#payment-modal .pay-btn-box {display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 50px;}
#payment-modal .pay-btn-box .btn {width: 150px; height: 50px; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 500; letter-spacing: -0.03em; border: 1px solid #4cbdc6;}
#payment-modal .pay-btn-box .btn.long {width: 300px; font-size: 24px;}
#payment-modal .pay-btn-box .btn.confirm { color: #fff; background-color: #4cbdc6;}
#payment-modal .pay-btn-box .btn.cancel { color: #4cbdc6; background-color: #fff;}

/* chekbox */
#payment-modal .pay-modal-wrapper .pay-check-box {display: flex; align-items: center; margin-top: 42px;}
#payment-modal .pay-modal-wrapper .pay-check-box label {display: flex; align-items: center; gap: 8px; cursor: pointer;}
#payment-modal .pay-modal-wrapper .pay-check-box label span {font-size: 20px; color: #333;}

#payment-modal input[type="checkbox"], #payment-modal input[type="radio"]{width: 20px; height: 20px; border: 1px solid #aaa; border-radius: 2px; background-color: #fff; appearance: none; margin: 0; cursor: pointer;}
#payment-modal input[type="checkbox"]:checked::after, #payment-modal input[type="radio"]:checked::after{content: ''; background:url('/img/2024/join/chk-ico.png') no-repeat 50% 50% / 14px 11px; width: 20px; height: 20px; display: block; box-sizing: border-box;}

/* pay-step-box */
#payment-modal .pay-step-box{margin: 30px 0; display: block;}
#payment-modal .pay-step-box ul{display: flex; align-items: center; justify-content: center; gap: 96px; position: relative; width: fit-content; margin: 0 auto;}
#payment-modal .pay-step-box ul::after{content: ''; position: absolute; top: 19px; left: 50%; transform: translateX(-50%); width: calc(100% - 50px); height: 5px; background-color: #bbb; display: block; }
#payment-modal .pay-step-box ul li{display: flex; flex-direction: column; gap: 9px; align-items: center; color: #333; font-weight: 500; letter-spacing: -0.04em; position: relative; z-index: 2;}
#payment-modal .pay-step-box ul li span{display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 500; color: #fff; width: 40px; height: 40px; border-radius: 50%; background-color: #bbb; line-height: 1;}
#payment-modal .pay-step-box ul li strong {font-size: 16px; color: #bbb; font-weight: 500;}

#payment-modal .pay-step-box ul li.on:first-child::after{content: ''; position: absolute; top: 19px; left:7px;width: 100px; height: 5px; background-color: #4cbdc6; display: block; z-index: -1;}
#payment-modal .pay-step-box ul li.on:nth-child(2)::after{content: ''; position: absolute; top: 19px; left:50%;width: 160px; height: 5px; background-color: #4cbdc6; display: block; z-index: -1; transform: translateX(-50%);}
#payment-modal .pay-step-box ul li.on:last-child::after{content: ''; position: absolute; top: 19px; right:7px;width: 100px; height: 5px; background-color: #4cbdc6; display: block; z-index: -1;}
#payment-modal .pay-step-box ul li.on span{background-color: #4cbdc6;}
#payment-modal .pay-step-box ul li.on strong{color: #444;}


/* table */
#payment-modal .table-box{width: 100%;}
#payment-modal table{width: 100%;border: 1px solid #eeeeee; border-collapse: collapse;}
#payment-modal table tr th{height: 40px; background-color: #f9f9f9; font-size: 16px; font-weight: 400; color: #626262;}
#payment-modal table tr td {border-top: 1px solid #eeeeee; height: 60px; font-size: 16px; color: #333333; font-weight: 500;}
#payment-modal  table tr td:first-child{padding: 0 21px; font-size: 16px; color: #333333; font-weight: 500;}

#payment-modal  table tr td.price{font-weight: 500; text-align: right; font-size: 16px; padding: 0 23px;}
#payment-modal  table tr.table-total td:first-child{background-color: #f9f9f9;}
#payment-modal  table tr.table-total td:last-child{font-weight: 600; font-size: 20px; color: #f13f6f; }

#payment-modal .table-box table td.price1{text-align: right; padding: 0 21px; text-decoration: line-through;}
#payment-modal .table-box table td.sale{text-align: right; padding: 0 21px; font-weight: 600; color: #f13f6f;}

#payment-modal .total-price-box {margin-top: 20px;}
#payment-modal .total-price-box tr td:not(:last-child), #payment-modal .total-price-box tr th:not(:last-child){border-right: 1px solid #eee;}
#payment-modal .total-price-box td, #payment-modal .total-price-box th {width: 25%; text-align: center;}
#payment-modal .total-price-box td{font-size: 20px; font-weight: 500;}
#payment-modal .total-price-box td:first-child{font-size: 20px;}

#payment-modal .total-price-box td.minus-ico, #payment-modal .total-price-box td.total-ico{position: relative;}
#payment-modal .total-price-box td.minus-ico::after{content: ''; position: absolute; top: 50%; right: -16px; transform: translateY(-50%); width: 30px; height: 30px; background:#ddd url('/img/2024/pay/table-minus-ico.png') no-repeat 50% 50% / 12px 2px; display: block; border-radius: 50%; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);}
#payment-modal .total-price-box td.total-ico::after{content: ''; position: absolute; top: 50%; right: -16px; transform: translateY(-50%); width: 30px; height: 30px; background:#ddd url('/img/2024/pay/table-total-ico.png') no-repeat 50% 50% / 12px 12px; display: block; border-radius: 50%; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);}



/* pay-step1 */
#payment-modal .pay-step1 p.f-red {font-size: 20px; letter-spacing: -0.04em; color: #ff0000; margin: 35px 0 22px; display: none;}
#payment-modal .pay-step1 .pay-step1-info li {font-size: 20px; letter-spacing: -0.04em; color: #626262; line-height: 1.5; padding-left: 12px; position: relative;}
#payment-modal .pay-step1 .pay-step1-info li::after{content: ''; position: absolute; top: 12px; left: 0; width:3px; height: 3px; border-radius: 50%; background-color: #626262; display: block;}


/* pay-step2 */
#payment-modal .pay-step2 .table-box table tr th:not(:last-child), #payment-modal .pay-step2 .table-box table tr td{border-right: 1px solid #eee;}
#payment-modal .pay-step2 .table-box table tr th, #payment-modal .pay-step2 .table-box table tr td {width: 20%;}
#payment-modal .pay-step2 .table-box table tr th:nth-child(2), #payment-modal .pay-step2 .table-box table tr:not(:nth-child(2)) td:nth-child(1){width: 40%;}
#payment-modal .pay-step2 .table-box table tr:nth-child(2) td {text-align: center;}


/* pay-step3 */
#payment-modal .pay-step3 .tit + p {font-size: 18px; color: #333; letter-spacing: -0.04em; margin: 36px 0 24px;}
#payment-modal .pay-step3 ul li {font-size: 18px; color: #626262; letter-spacing: -0.04em; line-height: 1.5;}
#payment-modal .pay-step3 .acc {font-size: 18px; margin: 0; margin-top: 30px; font-weight: 500; color: #333;}
#pay-dim{position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.5); z-index: 99998;}


/* pay-step4 */
#payment-modal .pay-step4 .table-box table tr th:not(:last-child), #payment-modal .pay-step4 .table-box table tr td{border-right: 1px solid #eee;}
#payment-modal .pay-step4 .table-box table tr th, #payment-modal .pay-step4 .table-box table tr td {width: 10%;}
#payment-modal .pay-step4 .table-box table tr th:nth-child(2), #payment-modal .pay-step4 .table-box table tr:not(:nth-child(2)) td:nth-child(1){width: 20%;}
#payment-modal .pay-step4 .table-box table tr:nth-child(2) td {text-align: center;}
#payment-modal .pay-step4 .table-box table tr:nth-child(2) td a{display: flex; align-items: center; justify-content: center; width: 100px; height: 30px; border-radius: 25px; border: 1px solid #4cbdc6; color: #4cbdc6; font-size: 16px; font-weight: 600;}
#payment-modal .pay-step4 .table-box a{display: flex; align-items: center; justify-content: center; width: 100px; height: 30px; border-radius: 25px; border: 1px solid #4cbdc6; color: #4cbdc6; font-size: 16px; font-weight: 600;}

#payment-modal .pay-step4 .table-txt{display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px;}
#payment-modal .pay-step4 .table-txt p{font-size: 18px; color: #333; letter-spacing: -0.03em; margin: 0;}
#payment-modal .pay-step4 .table-txt a{display: flex; align-items: center; justify-content: center; width: 150px; height: 30px; border-radius: 25px; border: 1px solid #4cbdc6; color: #4cbdc6; font-size: 16px; font-weight: 600;}
#payment-modal .pay-step4 strong.sub-tit {font-size: 20px; color: #333; letter-spacing: -0.04em; font-weight: 600; margin: 20px 0 10px; display: block;}
#payment-modal .pay-step4 strong.sub-tit.pay-notice {margin-top: 40px;}

#payment-modal .pay-step4 .pay-method-box th{border-right: 1px solid #eee;}
#payment-modal .pay-step4 .pay-method-box td {padding: 0 21px;}
#payment-modal .pay-step4 .pay-method-box .pay-method-chk{display: flex; align-items: center; gap: 40px;}
#payment-modal .pay-step4 .pay-method-box .pay-method-chk label{display: flex; align-items: center; gap: 8px; cursor: pointer; font-size: 18px; color: #333; font-weight: 500;}

#payment-modal .pay-step4 .pay-notice-box li {font-size: 15px; line-height: 1.5; color: #333333;}

/* pay-step5 */
#payment-modal .pay-step5 .confirm-box{display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px; margin-bottom: 30px;}
#payment-modal .pay-step5 .confirm-box i{display: flex; align-items: center; justify-content: center; width: 100px;}
#payment-modal .pay-step5 .confirm-box i img {display: block; width: 100%;}
#payment-modal .pay-step5 .confirm-box strong{font-size: 24px; color: #333; letter-spacing: -0.04em; font-weight: 400;}
#payment-modal .pay-step5 .confirm-box strong span{color: #4cbdc6; font-weight: 400;}

#payment-modal .pay-step5 .table-box table tr td:first-child, #payment-modal .pay-step5 .table-box table tr th:first-child{width: 68%; border-right: 1px solid #eeeeee;}
#payment-modal .pay-step5 .table-box table tr td:last-child, #payment-modal .pay-step5 .table-box table tr th:last-child{width: 32%;}



@media screen and (max-width: 1080px){
    #payment-modal{width: 100%;}
}
@media screen and (max-width: 920px){
    #payment-modal .pay-modal-wrapper{max-width: 80vw; width: 80vw;}
    #payment-modal .pay-modal-wrapper .tit{font-size: 26px;}
    #payment-modal .pay-step1 p.f-red{font-size: 16px;}
    #payment-modal .pay-step1 .pay-step1-info li{font-size: 16px;}
    #payment-modal .pay-step1 .pay-step1-info li::after{top: 8px;}
    #payment-modal input[type="checkbox"]{width: 18px; height: 18px;}
    #payment-modal .pay-modal-wrapper .pay-check-box label span{font-size: 18px;}

    #payment-modal .pay-step3 .tit + p{font-size: 16px;}
    #payment-modal .pay-step3 ul li{font-size: 16px;}
    #payment-modal .pay-step3 .acc{font-size: 16px;}

    #payment-modal .pay-btn-box .btn.long{font-size: 20px;}

    #payment-modal .pay-step5 .confirm-box{gap: 24px;}
    #payment-modal .pay-step5 .confirm-box i{width: 80px;}
    #payment-modal .pay-step5 .confirm-box strong{font-size: 20px;}

    #payment-modal .table-box table tr.table-total td:last-child{font-size: 18px;}

    #payment-modal .total-price-box td{font-size: 18px;}
    #payment-modal .total-price-box td:first-child{font-size: 18px;}

    #payment-modal .pay-step4 .table-txt p{font-size: 16px;}
    #payment-modal .pay-step4 .table-txt a{font-size: 14px; width: 145px;}
    #payment-modal .pay-step4 strong.sub-tit{font-size: 18px;}
    #payment-modal .pay-step4 .pay-method-box .pay-method-chk label{font-size: 16px;}
    #payment-modal .pay-step4 .pay-notice-box li{font-size: 14px;}
}



/* ***** teacher-wrapper (2025/1 º¸À°±³»ç 2±Þ ½Å±ÔÃß°¡) ***** */
#detail-visual.teacher-visual {background: url('/img/2024/detail/teacher/banner-bg-teacher.png') no-repeat center center / cover;}
#detail-visual.teacher-visual .tit > strong{color: #ff78d1; line-height: 1.2;}
#detail-visual.teacher-visual .tit .label span{padding: 16px 25px; color: #21299b; margin-bottom: 39px;}
#detail-visual.teacher-visual .tit p{line-height: 1;}
#detail-visual.teacher-visual .tit p:nth-of-type(2){margin-bottom: 0;}
#detail-visual.teacher-visual .tit p b::after{display: none;}

/* banner */
#product-detail-wrapper.teacher-wrapper #detail-visual-banner{background-color: #79c2f5;}

/* detail-info-content */
#product-detail-wrapper.teacher-wrapper .detail-info-content .top-package-box .cont-tit strong{background: linear-gradient(to left, #0568ae, #4eb7ff);  -webkit-background-clip: text;  background-clip: text;  color: transparent;  -webkit-text-fill-color: transparent;}

#product-detail-wrapper.teacher-wrapper .detail-info-content .top-package-box .price-ex-box{background-color: #c9e9ff;}
#product-detail-wrapper.teacher-wrapper .detail-info-content .top-package-box .price-ex-box ul li.new::before{background-color: #6aacdb;}
#product-detail-wrapper.teacher-wrapper .detail-info-content .top-package-box .price-ex-box ul li span.fc-purple{color: #6aacdb;}

#product-detail-wrapper.teacher-wrapper .detail-info-box .tit p:not(.sub-desc) strong{color:#1b8fe1; }
#product-detail-wrapper.teacher-wrapper .detail-info-box .tit p.sub-desc span::after{background-color: #ffe2f5;}
#product-detail-wrapper.teacher-wrapper .detail-info-box .tit p.sub-desc b{color: #0f7ac6;}


/* ***** lifelong-educator-wrapper (2025/1 Æò»ý±³À°»ç 2±Þ ½Å±ÔÃß°¡) ***** */
#detail-visual.lifelong-educator-visual {background: url('/img/2024/detail/lifelong-educator/banner-bg-lifelong-educator.png') no-repeat center center / cover;}
#detail-visual.lifelong-educator-visual .tit > span{-webkit-text-stroke-width: 3.5px;}
#detail-visual.lifelong-educator-visual .tit > strong{color: #e58e3c; line-height: 1.2; -webkit-text-stroke-width: 4px; -webkit-text-stroke-color: #000;}
#detail-visual.lifelong-educator-visual .label span{border-radius: 30px; color: #3cb667;}
#detail-visual.lifelong-educator-visual .tit p{line-height: 1.4;}
#detail-visual.lifelong-educator-visual .tit p:nth-of-type(2){margin-bottom: 0; margin-top: 21px;}
#detail-visual.lifelong-educator-visual .tit p b::after{background-image: url('/img/2024/detail/lifelong-educator/tit-acc-yellow.png') ;}


/* banner */
#product-detail-wrapper.lifelong-educator-wrapper #detail-visual-banner{background-color: #3cb69b;}
#product-detail-wrapper.lifelong-educator-wrapper #detail-visual-banner ul li:nth-child(n+2)::after{background-color: #52ceb2;}


/* detail-info-content */
#product-detail-wrapper.lifelong-educator-wrapper .detail-info-content .top-package-box .cont-tit strong{background: linear-gradient(to left, #05795f, #30cfac);  -webkit-background-clip: text;  background-clip: text;  color: transparent;  -webkit-text-fill-color: transparent;} 
#product-detail-wrapper.lifelong-educator-wrapper .detail-info-content .top-package-box .price-ex-box{background-color: #dbfff7;}
#product-detail-wrapper.lifelong-educator-wrapper .detail-info-content .top-package-box .price-ex-box ul li.new::before{background-color: #3cb69b;}
#product-detail-wrapper.lifelong-educator-wrapper .detail-info-content .top-package-box .price-ex-box ul li span.fc-purple{color: #3cb69b;}
#product-detail-wrapper.lifelong-educator-wrapper .detail-info-box .tit p:not(.sub-desc) strong{color: #25a386;}
#product-detail-wrapper.lifelong-educator-wrapper .detail-info-box .tit p.sub-desc span::after{background-color: #dbfff7;}
#product-detail-wrapper.lifelong-educator-wrapper .detail-info-box .tit p.sub-desc b{color: #067c62;}


/* ***** korean-language-wrapper (2025/1 Çѱ¹¾î±³¿ø 2±Þ ½Å±ÔÃß°¡) ***** */
#detail-visual.korean-language-visual {background: url('/img/2024/detail/korean-language/banner-bg-korean-language.png') no-repeat center center / cover;}
#detail-visual.korean-language-visual .sub-tit p{color: #003; border-color: #333;}
#detail-visual.korean-language-visual .tit > span{-webkit-text-stroke-width: 2px;}
#detail-visual.korean-language-visual .tit > strong{color: #000; -webkit-text-stroke-width: 0px;}
#detail-visual.korean-language-visual .tit p{color: #4d4d4d; margin-bottom: 31px;}
#detail-visual.korean-language-visual .label span{border-radius: 30px; color: #4d3bd9;}
#detail-visual.korean-language-visual .tit p{line-height: 1.4;}
#detail-visual.korean-language-visual .tit p:nth-of-type(2){margin-bottom: 0; margin-top: 23px;}

/* banner */
#product-detail-wrapper.korean-language-wrapper #detail-visual-banner{background-color: #fff6bb;}
#product-detail-wrapper.korean-language-wrapper #detail-visual-banner ul li:nth-child(n+2)::after{background-color: #f8e24e;}
#product-detail-wrapper.korean-language-wrapper #detail-visual-banner ul li strong{color: #333;}
#product-detail-wrapper.korean-language-wrapper #detail-visual-banner ul li p{color: #333;}


/* detail-info-content */
#product-detail-wrapper.korean-language-wrapper .detail-info-content .top-package-box .cont-tit strong{background: linear-gradient(to left, #bf5d00, #ff8109);  -webkit-background-clip: text;  background-clip: text;  color: transparent;  -webkit-text-fill-color: transparent;} 
#product-detail-wrapper.korean-language-wrapper .detail-info-content .top-package-box .price-ex-box{background-color: #fff6bb;}
#product-detail-wrapper.korean-language-wrapper .detail-info-content .top-package-box .price-ex-box ul li.new::before{background-color: #ff8109;}
#product-detail-wrapper.korean-language-wrapper .detail-info-content .top-package-box .price-ex-box ul li span.fc-purple{color: #ff8109;}

#product-detail-wrapper.korean-language-wrapper .detail-info-box .tit p:not(.sub-desc) strong{color: #ff8109;}
#product-detail-wrapper.korean-language-wrapper .detail-info-box .tit p.sub-desc span::after{background-color: #fff6bb;}
#product-detail-wrapper.korean-language-wrapper .detail-info-box .tit p.sub-desc b{color: #733800;}

/* ***** media query ***** */
/* 1640px ÀÌÇÏ¿¡¼­ ¿· »çÀÌµå ¸Þ´º·Î ÀÎÇØ °¡·ÁÁö´Â ºÎºÐ »çÀÌÁî Á¶Á¤ */
@media screen and (max-width: 1640px) {
    #product-detail-wrapper .inner{max-width: 1000px;}
    #detail-visual{padding: 120px 0;}
    #detail-visual .sub-tit{margin-bottom: 40px;}
    #detail-visual .sub-tit p{font-size: 24px; padding: 16px 40px;}
    #detail-visual .tit > span{font-size: 62px;}
    #detail-visual .tit > strong{font-size: 150px;}
    #detail-visual .tit p{font-size: 40px;}
    #detail-visual .tit .label span{font-size: 24px;}

    #detail-visual-banner{padding: 40px 0;}
    #detail-visual-banner ul{max-width: 1000px; margin: 0 auto;}
    #detail-visual-banner ul li{padding: 50px 12px; width: 33.3333%;}
    #detail-visual-banner ul li:nth-child(n+2){padding-left: 0; margin-left: 0; padding: 50px 12px;}
    #detail-visual-banner ul li strong{font-size: 24px;}
    #detail-visual-banner ul li strong span{font-size: 20px;}
    #detail-visual-banner ul li:not(:last-child) strong{margin-bottom: 68px;}
    #detail-visual-banner ul li p{font-size: 18px;}
    #detail-visual-banner ul li i{right:15px;}
    #detail-visual-banner ul li i:nth-child(1){max-width: 140px;}
    #detail-visual-banner ul li i:nth-child(2){max-width: 110px;}
    #detail-visual-banner ul li i:nth-child(3){max-width: 100px;}

    .detail-info-content .top-package-box .cont-tit p{font-size: 30px;}
    .detail-info-content .top-package-box .cont-tit strong{font-size: 30px;}

    .detail-info-content .top-package-box .price-ex-box{height: 80px;}
    .detail-info-content .top-package-box .price-ex-box ul li span{font-size: 20px;}
    .detail-info-content .top-package-box .price-ex-box ul li strong{font-size: 20px; padding-left: 4px;}
    .detail-info-content .top-package-box .price-ex-box ul li.new::before{font-size: 16px;}

    .detail-info-box .tit p:not(.sub-desc){font-size: 40px; margin-bottom: 30px;}
    .detail-info-box .tit p.sub-desc, .detail-info-box .tit p.sub-desc span{font-size: 24px;}
    .detail-info-box .tit span.fc-red{font-size: 20px; margin-bottom: 40px;}

    .detail-info-content .detail-info-box .package-list li{padding: 30px 20px 30px 20px; min-height: 260px;}
    .detail-info-content .detail-info-box .package-list li .left-box{ width: calc(100% - 165px);}
    .detail-info-content .detail-info-box .package-list li .left-box .package-tit strong{font-size: 32px;}
    .detail-info-content .detail-info-box .package-list li .left-box .package-tit span{font-size: 20px;}
    .detail-info-content .detail-info-box .package-price::after{width: 270px; left: -3px;}
    .detail-info-content .detail-info-box .package-price span{font-size: 20px;}
    .detail-info-content .detail-info-box .package-price .acc{width: 100px; height: 100px; margin: 0 20px;}
    .detail-info-content .detail-info-box .package-price .acc span{font-size: 20px;}
    .detail-info-content .detail-info-box .package-price strong{font-size: 30px;}
    .detail-info-content .detail-info-box .package-price strong em{font-size: 16px;}
    .detail-info-content .detail-info-box .btn-box{width: 160px; height: 160px;}
    .detail-info-content .detail-info-box .btn-box a{width: 100%; height: 100%; font-size: 24px;}
    .detail-info-content .detail-info-box .btn-box a::after{width: 50px; height: 80px; right: -12px;}
    .detail-info-content .detail-info-box .package-list li .left-box .bottom-acc i{width: 50px;}
    .detail-info-content .detail-info-box .package-list li .left-box .bottom-acc span{font-size: 20px;}

    .detail-info-content .detail-info-box .notice-box{margin-top: 40px; padding-left: 20px;}
    .detail-info-content .detail-info-box .notice-box strong{font-size: 24px; margin-bottom: 20px;}
    .detail-info-content .detail-info-box .notice-box p em, .detail-info-content .detail-info-box .notice-box p span{font-size: 18px;}
    .detail-info-content .detail-info-box .notice-box p:not(:last-child){margin-bottom: 12px;}


    .feature-wrapper{padding: 120px 0 120px;}
    .feature-wrapper .inner .feature-box{padding: 100px 60px 70px 60px;}
    .feature-wrapper .inner .feature-box .tit strong{font-size: 46px; margin-bottom: 60px;}
    .feature-wrapper .inner .cont-list-wrapper .cont-box{justify-content: space-between;}
    .feature-wrapper .inner .cont-list-wrapper .cont-box:not(:first-child){padding-top: 40px;}
    .feature-wrapper .inner .cont-list-wrapper .cont-box strong.num{font-size: 160px;}
    .feature-wrapper .inner .cont-list-wrapper .cont-box .txt-box p{font-size: 20px;}
    .feature-wrapper .inner .cont-list-wrapper .cont-box .txt-box p b{font-size: 20px;}
    .feature-wrapper .inner .cont-list-wrapper .cont-box .btn-list a{font-size: 16px; height: 36px; padding: 0 10px;}
    .feature-wrapper .inner .cont-list-wrapper .cont-box .btn-list a i{width: 4px;}


    .feature-wrapper .inner .cont-list-wrapper .cont-box.box1 .txt-box{margin-left: 30px;}
    .feature-wrapper .inner .cont-list-wrapper .cont-box.box1 .txt-box span{font-size: 30px;}
    .feature-wrapper .inner .cont-list-wrapper .cont-box.box1 .txt-box span::after{height: 16px;}
    .feature-wrapper .inner .cont-list-wrapper .cont-box.box1 i{width: 200px;}

    .feature-wrapper .inner .cont-list-wrapper .cont-box.box2 i{width: 240px;}
    .feature-wrapper .inner .cont-list-wrapper .cont-box.box2 .txt-box{margin: 0 20px 0 20px;}

    .feature-wrapper .inner .cont-list-wrapper .cont-box.box3, .feature-wrapper .inner .cont-list-wrapper .cont-box.box5 {justify-content: flex-start;}
    .feature-wrapper .inner .cont-list-wrapper .cont-box.box3 i.ico{width: 240px; }
    .feature-wrapper .inner .cont-list-wrapper .cont-box.box3 .btn-list{margin-top: 20px;}

    .feature-wrapper .inner .cont-list-wrapper .cont-box.box4 i.ico{width: 240px;}
    .feature-wrapper .inner .cont-list-wrapper .cont-box.box4 .txt-box{margin: 0 20px 0 20px;}

    .feature-wrapper .inner .cont-list-wrapper .cont-box.box5 .txt-box{position: relative; z-index: 1;}
    .feature-wrapper .inner .cont-list-wrapper .cont-box.box5 .txt-box b.big{font-size: 28px;}
    .feature-wrapper .inner .cont-list-wrapper .cont-box.box5 i{width: 240px;}


      /* (2025/1) º¸À°±³»ç ½Å±ÔÃß°¡ teacher-wrapper */
      #product-detail-wrapper.teacher-wrapper .detail-info-box .tit p:not(.sub-desc) {font-size: 35px;}

      /* (2025/1) Çѱ¹¾î±³¿ø ½Å±ÔÃß°¡ korean-language-wrapper */
      #product-detail-wrapper.korean-language-wrapper .detail-info-box .tit p:not(.sub-desc) {font-size: 35px;}
}