@charset "utf-8";

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}

@font-face {
    font-family: 'Nanum Gothic';
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    src: url('https://cdn.jsdelivr.net/gh/fonts-archive/NanumGothic/NanumGothicLight.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/NanumGothic/NanumGothicLight.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/NanumGothic/NanumGothicLight.otf') format('opentype'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/NanumGothic/NanumGothicLight.ttf') format('truetype');
}
@font-face {
    font-family: 'Nanum Gothic';
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url('https://cdn.jsdelivr.net/gh/fonts-archive/NanumGothic/NanumGothic.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/NanumGothic/NanumGothic.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/NanumGothic/NanumGothic.otf') format('opentype'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/NanumGothic/NanumGothic.ttf') format('truetype');
}
@font-face {
    font-family: 'Nanum Gothic';
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url('https://cdn.jsdelivr.net/gh/fonts-archive/NanumGothic/NanumGothicBold.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/NanumGothic/NanumGothicBold.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/NanumGothic/NanumGothicBold.otf') format('opentype'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/NanumGothic/NanumGothicBold.ttf') format('truetype');
}
@font-face {
    font-family: 'Nanum Gothic';
    font-weight: 800;
    font-style: normal;
    font-display: swap;
    src: url('https://cdn.jsdelivr.net/gh/fonts-archive/NanumGothic/NanumGothicExtraBold.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/NanumGothic/NanumGothicExtraBold.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/NanumGothic/NanumGothicExtraBold.otf') format('opentype'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/NanumGothic/NanumGothicExtraBold.ttf') format('truetype');
}

@font-face {
    font-family: 'BMJUA';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/BMJUA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSans';
    font-weight: 300;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.ttf') format("truetype");
    font-display: swap;
} 
@font-face {
    font-family: 'GmarketSans';
    font-weight: 500;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.ttf') format("truetype");
    font-display: swap;
} 
@font-face {
    font-family: 'GmarketSans';
    font-weight: 700;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.ttf') format("truetype");
    font-display: swap;
} 

@font-face {
    font-family: 'yg-jalnan';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html,body {font-size: 625%;}
@media(max-width:1080px){
	html,body {font-size: 9.259vw;}
}
@media(max-width:768px){
	html,body {font-size: 13.02vw;}
}
@media(max-width:500px){
	html,body {font-size: 20vw;}
}
:root {
--main-color : #F17492;
--sub-color : #7C5AA6;
--main-black : #212121;
--main-gray : #666666;


--fz-10 : 0.1rem;
--fz-11 : 0.11rem;
--fz-12 : 0.12rem;
--fz-13 : 0.13rem;
--fz-14 : 0.14rem;
--fz-15 : 0.15rem;
--fz-16 : 0.16rem;
--fz-17 : 0.17rem;
--fz-18 : 0.18rem;
--fz-19 : 0.19rem;
--fz-20 : 0.20rem;
--fz-21 : 0.21rem;
--fz-22 : 0.22rem;
--fz-23 : 0.23rem;
--fz-24 : 0.24rem;
--fz-25 : 0.25rem;
--fz-26 : 0.26rem;
--fz-27 : 0.27rem;
--fz-28 : 0.28rem;
--fz-29 : 0.29rem;
--fz-30 : 0.30rem;
--fz-31 : 0.31rem;
--fz-32 : 0.32rem;
--fz-33 : 0.33rem;
--fz-34 : 0.34rem;
--fz-35 : 0.35rem;
--fz-36 : 0.36rem;
--fz-37 : 0.37rem;
--fz-38 : 0.38rem;
--fz-39 : 0.39rem;
--fz-40 : 0.40rem;
--fz-41 : 0.41rem;
--fz-42 : 0.42rem;
--fz-43 : 0.43rem;
--fz-44 : 0.44rem;
--fz-45 : 0.45rem;
--fz-46 : 0.46rem;
--fz-47 : 0.47rem;
--fz-48 : 0.48rem;
--fz-49 : 0.49rem;
--fz-50 : 0.50rem;
--fz-51 : 0.51rem;
--fz-52 : 0.52rem;
--fz-53 : 0.53rem;
--fz-54 : 0.54rem;
--fz-55 : 0.55rem;
--fz-56 : 0.56rem;
--fz-57 : 0.57rem;
--fz-58 : 0.58rem;
--fz-59 : 0.59rem;
--fz-60 : 0.60rem;
--fz-61 : 0.61rem;
--fz-62 : 0.62rem;
--fz-63 : 0.63rem;
--fz-64 : 0.64rem;
--fz-65 : 0.65rem;
--fz-66 : 0.66rem;
--fz-67 : 0.67rem;
--fz-68 : 0.68rem;
--fz-69 : 0.69rem;
--fz-70 : 0.70rem;
--fz-71 : 0.71rem;
--fz-72 : 0.72rem;
--fz-73 : 0.73rem;
--fz-74 : 0.74rem;
--fz-75 : 0.75rem;
--fz-76 : 0.76rem;
--fz-77 : 0.77rem;
--fz-78 : 0.78rem;
--fz-79 : 0.79rem;
--fz-80 : 0.80rem;
--fz-81 : 0.81rem;
--fz-82 : 0.82rem;
--fz-83 : 0.83rem;
--fz-84 : 0.84rem;
--fz-85 : 0.85rem;
--fz-86 : 0.86rem;
--fz-87 : 0.87rem;
--fz-88 : 0.88rem;
--fz-89 : 0.89rem;
--fz-90 : 0.90rem;
--fz-91 : 0.91rem;
--fz-92 : 0.92rem;
--fz-93 : 0.93rem;
--fz-94 : 0.94rem;
--fz-95 : 0.95rem;
--fz-96 : 0.96rem;
--fz-97 : 0.97rem;
--fz-98 : 0.98rem;
--fz-99 : 0.99rem;
--fz-100 : 1rem;
--fz-106 : 1.06rem;
}

/* 초기화 */
html, body, div, span, object, iframe,p, blockquote, pre,a, abbr, address, big, cite, code,del, dfn, em, font, ins, q, s, samp,small, strike, strong, sub, sup,figure, tt, var,b, u, i, h1, h2, h3, h4, h5, h6,dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0;}


*		{outline:none; border:0;}
*, :after, :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

body {font-size:14px; color:var(--main-black); font-weight:400; font-family: 'Noto Sans KR', sans-serif; word-break: keep-all; letter-spacing: 0; line-height:1;}
body {-webkit-text-size-adjust:none;}

h1, h2, h3, h4, h5, h6 {font-weight:1;}

a, a:link {color: var(--main-black); text-decoration: none; cursor:pointer; }
a:visited {color: var(--main-black);}
a:hover, a:active, a:focus {color:var(--main-black); text-decoration:none;}

hr {display:none}
li,ol,dd {list-style:none;}
table		{border-spacing:0; border-collapse:collapse;} 
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;}
legend {visibility:hidden; display:none; height:0; width:0; font-size:0;}
noscript{display:none;}
caption{visibility:hidden; height:0; width:0; font-size:0;}
strong{font-weight:normal;}
button {cursor:pointer}
img {max-width:100%;}

.clear												{content:""; display:block; clear:both; width:100%; visibility:hidden;}
.clearfix::after {content:""; display:block; clear:both;}

/* 전체 틀 */
#total_wrap						{width:100%;}
#wrap									{width:100%; margin:0 auto;}

/* 헤더 */
#wrap_header					{width:100%; margin:0 auto; }

/* 메인 */
.wrap_main						{width:100%; margin:0 auto;}

/* 서브 */
#wrap_sub							{width:100%; max-width:1280px; margin:0 auto;}

/* 푸터 */
#wrap_footer					{width:100%; }


/* 폰트 */
.jua {font-family: 'BMJUA';}
.gmarket {font-family: 'GmarketSans';}
.jalnan {font-family: 'yg-jalnan';}
.nanum {font-family: 'Nanum Gothic';}

/* 공통 시작*/
.inner-600 {width:100%; max-width:600px; margin:0 auto;}
.inner-788 {width:100%; max-width:788px; margin:0 auto;}
.inner-900 {width:100%; max-width:900px; margin:0 auto;}
.inner-1000 {width:100%; max-width:1000px; margin:0 auto;}
.inner-1045 {width:100%; max-width:1045px; margin:0 auto;}
.inner-1130 {width:100%; max-width:1130px; margin:0 auto;}
.inner-1140 {width:100%; max-width:1140px; margin:0 auto;}
.inner-1200 {width:100%; max-width:1200px; margin:0 auto;}
.inner-1300 {width:100%; max-width:1300px; margin:0 auto;}
.inner-1303 {width:100%; max-width:1303px; margin:0 auto;}
.inner-1350 {width:100%; max-width:1350px; margin:0 auto;}
.inner-1415 {width:100%; max-width:1415px; margin:0 auto;}

@media (max-width:640px){
    .inner-600 {padding:0 4%;}
}
@media (max-width:828px){
    .inner-788 {padding:0 4%;}
}
@media (max-width:940px){
    .inner-900 {padding:0 4%;}
}
@media (max-width:1140px){
    .inner-1000 {padding:0 4%;}
}
@media (max-width:1085px){
    .inner-1045 {padding:0 4%;}
}
@media (max-width:1170px){
    .inner-1130 {padding:0 4%;}
}
@media (max-width:1180px){
    .inner-1140 {padding:0 4%;}
}
@media (max-width:1240px){
    .inner-1200 {padding:0 4%;}
}
@media (max-width:1343px){
    .inner-1300 {padding:0 4%;}
    .inner-1303 {padding:0 4%;}
}
@media (max-width:1390px){
    .inner-1350 {padding:0 4%;}
}
@media (max-width:1455px){
    .inner-1415 {padding:0 4%;}
}


.quick_btn {position: fixed; right:4%; bottom:10%; z-index: 20; width:clamp(100px, 9.6vw, 179px); aspect-ratio: 1/0.8715;}

.header {position: absolute; top:0; left:0; width:100%; z-index: 10;}
.top-logo { display: flex; padding-left:0.6rem;}
.top-logo__item {height:0.8rem; display: flex; align-items: center;}
.top-logo__item:first-child {margin-right: 0.3rem;}
.top-logo__item:first-child img {width:1.18rem;}
.top-logo__item:last-child img {width:0.9rem;}

@media (max-width:768px){
    .top-logo {padding-left:4%;}
    .top-logo__item {height: 0.4rem; align-items: flex-end;}
    .top-logo__item:first-child {margin-right: 0.15rem;}
    .top-logo__item:first-child img {width:1rem;}
    .top-logo__item:last-child img {width:0.6rem;}
}

.main-title {font-size: var(--fz-56); color:var(--sub-color); padding-bottom: 0.6rem; text-align: center;}
.main-title span {color:var(--main-color)}

@media (max-width:768px){
    .main-title {font-size: var(--fz-40); padding-bottom: 0.3rem;}
}



/* 메인 시작 */
.visual {background: url(../img/visual_bg02.jpg) no-repeat center / cover; width:100%; height:9.5rem; padding:0.6rem 0 1rem; position: relative;}
.visual::after {display: block; content:''; position: absolute; width:4.89rem; height:5.73rem; background: url(../img/visual_img01.png) no-repeat center / cover; left:50%; top:50%; transform: translate(-50%, -45%);}
.visual .inner-900 {height:100%;}
.visual-tit {display: flex; flex-direction: column; text-align: center; height:100%;}
.visual-tit__info {font-size: var(--fz-33); color:var(--sub-color); padding-bottom: 0.2rem;}
.visual-tit__title {font-size: var(--fz-90); color:var(--main-color); text-shadow: 0 4px 4px rgba(255,255,255,0.25);}
.visual-tit__desc {font-size: var(--fz-25); font-weight: 900; margin-top:auto; line-height: 1.4; position: relative; z-index: 3;}
.visual-tit__desc::after {display: block; content:'';position: absolute; width:9.91rem; height:1.38rem; background: url(../img/visual_img02.png) no-repeat center / cover; left:50%; top:50%; transform: translate(-50%, -48%); z-index: -1;}
.visual-tit__desc span {color: var(--main-color);}

@media (max-width:768px){
    .visual {padding:0.6rem 0 0.55rem; height:7rem;}
    .visual::after {width:2.89rem; height:3.4rem; transform: translate(-50%, -38%);}
    .visual-tit__info {font-size: var(--fz-28);}
    .visual-tit__title {font-size: var(--fz-70);}
    .visual-tit__desc {font-size: var(--fz-20);}
    .visual-tit__desc::after {width:7.11rem; height:0.98rem;}
}
@media (max-width:500px){
    .visual::after {width: 2.49rem; height: 2.9rem; transform: translate(-50%, -27%);}
}

.tab {padding-top:0.4rem;}
.tab--story {background: #FAEFFF;}
.tab-menu {display: flex;}
.tab-menu__item {width:30.1436%; height:0.7rem;}
.tab-menu__item a {width:100%; height:100%; display: flex; align-items: center; justify-content: center; text-align: center; color:var(--main-color); border:2px solid var(--main-color); background: #fff; border-radius:20px; transition:all 0.4s; font-size: var(--fz-30);}
.tab-menu__item--purple a {border:2px solid var(--sub-color); color:var(--sub-color)}
.tab-menu__item:not(:last-child) {margin-right: 4.7847%;}
.tab-menu__item:hover a {background: var(--main-color); color:#fff;}
.tab-menu__item--purple:hover a {background: var(--sub-color);}
.tab-menu__item.on a {background: var(--main-color); color:#fff;}
.tab-menu__item--purple.on a {background: var(--sub-color);}

@media (max-width:768px){
    .tab-menu__item {width: 31.5436%;}
    .tab-menu__item:not(:last-child) {margin-right: 2.7847%;}
}

.slide {padding-top: 1rem; margin-bottom: 1.5rem; position: relative;}
.slide::after {display: block; content:''; position: absolute; left:6.3059%; bottom:0; background: url(../img/slide_bg01.png) no-repeat center / cover; width:18.5497%; aspect-ratio: 1/1.9603;}
.slide::before {display: block; content:''; position: absolute; right:4.9396%; bottom:0; background: url(../img/slide_bg02.png) no-repeat center / cover; width:21.072%; aspect-ratio: 1/1.1097;}
.slide .inner-788 {position: relative;}
.slide .swiper {width:6rem;}
.slide .swiper-slide { width:100%; aspect-ratio: 1/1; border:10px solid var(--sub-color); border-radius:20px;}
.slide .swiper-slide--01 {background: url(../img/swiper_bg01.jpg) no-repeat center / cover;}
.slide .swiper-slide--02 {background: url(../img/swiper_bg02.jpg) no-repeat center / cover;}
.slide .swiper-slide--03 {background: url(../img/swiper_bg03.jpg) no-repeat center / cover;}
.slide .swiper-slide--04 {background: url(../img/swiper_bg04.jpg) no-repeat center / cover;}
.slide .swiper-slide--05 {background: url(../img/swiper_bg05.jpg) no-repeat center / cover;}
.slide .swiper-slide--06 {background: url(../img/swiper_bg06.jpg) no-repeat center / cover;}
.slide .swiper-slide--07 {background: url(../img/swiper_bg07.jpg) no-repeat center / cover;}
.slide .swiper-slide--08 {background: url(../img/swiper_bg08.jpg) no-repeat center / cover;}
.slide .swiper-button-prev, .slide .swiper-button-next { position: absolute; width: 64px; height: 64px; background-size: 64px 64px; transition:all 0.4s; z-index: 9;}
.slide .swiper-button-prev::after, .slide .swiper-button-next::after {display: none;}
.slide .swiper-button-prev {background-image: url(../img/swiper_prev.png) !important;}
.slide .swiper-button-next {background-image: url(../img/swiper_next.png) !important;}

@media (max-width:768px){
    .slide {padding-top:0.5rem; margin-bottom:0.75rem;}
    .slide .swiper {width:3.5rem;}
    .slide .swiper-button-prev, .slide .swiper-button-next {width:40px; height:40px;background-size: 40px 40px;}
    .slide .swiper-button-prev {left:15% !important;}
    .slide .swiper-button-next {right:15% !important;}
}
@media (max-width:500px){
    .slide .swiper-button-prev {left:5% !important;}
    .slide .swiper-button-next {right:5% !important;}
}

.need {padding-bottom: 1.22rem;}
.need-list {display: flex;}
.need-list__item {width:22.2223%; margin:0 3.7037% 0 0; aspect-ratio: 1/1; border:2px solid #ff5b5b; border-radius:50%; position: relative; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.need-list__item:nth-child(4n) {margin-right:0;}
.need-list__img {padding-bottom: 0.25rem; width:auto; height:1.1rem;}
.need-list__desc {font-size: var(--fz-24); color:#ff5b5b; text-align: center; line-height: 1.4;}
.need-list__num {display: flex; width: 1.2rem; height:0.44rem; align-items: center; justify-content: center; border-radius:50px; background: #ff5b5b; color:#fff; font-size: var(--fz-24); position: absolute; left:50%; transform:translateX(-50%); bottom:-0.22rem;}

@media (max-width:768px){
    .need {padding-bottom: 0.6rem;}
    .need-list {flex-wrap: wrap;}
    .need-list__item {width: 48.1223%; margin:7.4037% 3.7037% 0 0;}
    .need-list__item:nth-child(2n) {margin-right: 0;}
    .need-list__item:nth-child(-n + 2) {margin-top: 0;}
    .need-list__desc {font-size: var(--fz-20);}
    .need-list__num {font-size: var(--fz-20); width:1rem; height:0.3rem; bottom:0.15rem;}
}
@media (max-width:500px){
    .need-list__num {bottom:-0.15rem;}
}

.difficult {padding:1rem 0; background: #FFEFEF;}
.difficult-wrap {display: flex; justify-content: center; align-items: flex-end}
.difficult-wrap > div {width:44.2478%; text-align: center;}
.difficult-korea {margin-right: 11.5045%;}
.difficult-figure {padding-bottom: 0.6rem;}
.difficult-figure__img {display: block; margin:0 auto;}
.difficult-wrap__title {font-size: var(--fz-32); padding-bottom: 0.2rem;}
.difficult-wrap__title--korea {color:#FF5B5B}
.difficult-wrap__title--replacement {color:#06689B}
.difficult-wrap__desc {font-size: var(--fz-24); line-height: 1.4; padding-bottom: 0.4rem;}
.difficult-wrap__sources {font-size: var(--fz-17); color:var(--main-gray);}

@media (max-width:768px){
    .difficult {padding:0.5rem 0;}
    .difficult-wrap {flex-direction: column;}
    .difficult-wrap > div {width:100%;} 
    .difficult-korea {margin-right: 0; margin-bottom: 0.6rem;}
    .difficult-figure {padding-bottom: 0.3rem;}
    .difficult-wrap__title {font-size: var(--fz-28); padding-bottom: 0.15rem;}
    .difficult-wrap__desc {font-size: var(--fz-22); padding-bottom: 0.2rem;}
    .difficult-wrap__desc br {display: none;}
    .difficult-wrap__sources {font-size: var(--fz-15);}
}

.how {padding:1rem 0 1.68rem;}
.how-list {display: flex;}
.how-list__item {width:18%; margin:0 3.7038% 0 0; aspect-ratio: 1/1; border-radius:50%; border:2px solid #ff5b5b; position: relative; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.how-list__item::after {display: block; content:''; width:0.3rem; height:0.24rem; background: url(../img/how_arrow01.png) no-repeat center / cover; position: absolute; right:-18.5%; top:50%; transform: translateY(-50%);}
.how-list__item:nth-child(2n) {border:2px solid #fcaf17;}
.how-list__item:nth-child(2n)::after {background: url(../img/how_arrow02.png) no-repeat center / cover;}
.how-list__item:last-child::after {display: none;}
.how-list__item:nth-child(5n) {margin-right:0;}
.how-list__img {padding-bottom: 0.36rem; width:auto; height:0.97rem;}
.how-list__title {font-size: var(--fz-24); color:#ff5b5b;}
.how-list__item:nth-child(2n) .how-list__title {color:#FCAF17}
.how-list__step {width:1.55rem; height:0.46rem; border-radius:50px; background: #ff5b5b; display: flex; align-items: center; justify-content: center; position: absolute; left:50%; bottom:-0.66rem; transform:translateX(-50%); font-size: var(--fz-24); color:#fff;}
.how-list__item:nth-child(2n) .how-list__step {background: #fcaf17;}

@media (max-width:768px){
    .how-list {flex-wrap: wrap; justify-content: center;}
    .how-list__item {width:30.8%; margin:6.4038% 3.7038% 0 0;}
    .how-list__item::after {width:0.2rem; height:0.14rem; right:-12%;}
    .how-list__item:nth-child(3) {margin-right: 0;}
    .how-list__item:nth-child(3)::after {display: none;}
    .how-list__item:nth-child(-n + 3) {margin-top: 0;}
    .how-list__step {width:1.3rem; height:0.35rem; font-size: var(--fz-20); bottom:-0.3rem;}
}
@media (max-width:500px){
    .how-list__item {width:47.1%; margin:8.4038% 5.7038% 0 0;}
    .how-list__item:nth-child(3) {margin-right: 5.7038%;}
    .how-list__item:nth-child(2n) {margin-right: 0;}
    .how-list__item:nth-child(2n)::after {display: none;}
    .how-list__item:nth-child(-n + 3) {margin-top: 8.4038%;}
    .how-list__item:nth-child(-n + 2) {margin-top: 0;}
    .how-list__item:nth-child(3)::after {display: block;}
}

.books {padding:1rem 0 1.3rem; background: #FFEFEF;}
.books-tab {display: flex; flex-wrap: wrap; width:100%; max-width:1260px; margin: 0 auto 0.8rem;}
.books-tab__link, .books-tab__link:link, .books-tab__link:visited {display: flex; align-items: center; justify-content: center; width:23.8095%; height:0.6rem; border-radius:20px; border:2px solid var(--main-color); color:var(--main-color); margin:1.5873% 1.5873% 0 0; transition:all 0.4s; font-size: var(--fz-30); background: #fff;}
.books-tab__link:nth-child(4n) {margin-right: 0;}
.books-tab__link:nth-child(-n + 4) {margin-top: 0;}
.books-tab__link.active {background: var(--main-color); color:#fff;}
.books-tab__link:hover {background: var(--main-color); color:#fff;}
.books-list {display: flex; flex-wrap: wrap;}
.books-list__item {background: url(../img/books_bg01.png) no-repeat center / cover; width:15.1852%; aspect-ratio: 1/1.1561; margin:4.0186% 6.0186% 0 0; padding:0.27rem 2.963% 0 4.4445%; font-size: var(--fz-20); color:#fff; line-height: 1.4;}
.books-list__item:nth-child(5n) {margin-right: 0;}
.books-list__item:nth-child(-n + 5) {margin-top: 0;}

@media (max-width:1280px){
    .books-list__item {width:20.4852%; padding: 0.27rem 3.963% 0 5.4445%;}
    .books-list__item:nth-child(5n) {margin-right: 6.0186%;}
    .books-list__item:nth-child(4n) {margin-right: 0;}
    .books-list__item:nth-child(-n + 5) {margin-top: 4.0186%;}
    .books-list__item:nth-child(-n + 4) {margin-top: 0;}
}
@media (max-width:768px){
    .books {padding:0.5rem 0 0.65rem;}
    .books-tab {margin:0 auto 0.4rem;}
    .books-tab__link, .books-tab__link:link, .books-tab__link:visited {width:32.2095%; height:0.5rem; margin:1.5873% 1.5873% 0 0; font-size: var(--fz-24);}
    .books-tab__link:nth-child(4n) {margin-right: 1.5873%;}
    .books-tab__link:nth-child(3n) {margin-right: 0;}
    .books-tab__link:nth-child(-n + 4) {margin-top: 1.5873%;}
    .books-tab__link:nth-child(-n + 3) {margin-top: 0;}
    .books-list__item {width:29.2852%; padding: 0.27rem 4.963% 0 7.4445%; font-size: var(--fz-18);}
    .books-list__item:nth-child(4n) {margin-right: 6.0186%;}
    .books-list__item:nth-child(3n) {margin-right: 0;}
    .books-list__item:nth-child(-n + 4) {margin-top: 4.0186%;}
    .books-list__item:nth-child(-n + 3) {margin-top: 0;}
}
@media (max-width:500px){
    .books-list__item {width:46.9852%; padding: 0.27rem 6.963% 0 12.4445%;}
    .books-list__item:nth-child(3n) {margin-right: 6.0186%;}
    .books-list__item:nth-child(2n) {margin-right: 0;}
    .books-list__item:nth-child(-n + 3) {margin-top: 4.0186%;}
    .books-list__item:nth-child(-n + 2) {margin-top: 0;}
}

.where {padding:1rem 0 1.5rem;}
.where-figure {margin-bottom: 0.4rem;}
.where-figure__img--mo {display: none;}
.where-list {display: flex;}
.where-list__item {width:48.35%;}
.where-list__item:first-child {margin-right: 3.2234%;}
.where-imgbox {display: flex; width:100%; height:2.46rem; border:2px solid var(--main-color); border-radius:40px; align-items: center; justify-content: center; margin-bottom: 0.4rem;}
.where-imgbox__img {width:auto; max-width:0.94rem;}
.where-list__desc {font-size: var(--fz-28); text-align: center; line-height: 1.4;}
@media (max-width:768px){
    .where {padding:0.5rem 0 0.75rem;}
    .where-figure {margin-bottom: 0.2rem;}
    .where-figure__img--pc {display: none;}
    .where-figure__img--mo {display: block;}
    .where-list {flex-direction: column;}
    .where-list__item {width:100%;}
    .where-list__item:first-child {margin-right: 0; margin-bottom: 3.2234%;}
    .where-list__desc {font-size: var(--fz-24);}
    .where-imgbox {margin-bottom: 0.2rem; height:1.5rem;}
}

.footer {padding:0.65rem 0 0.48rem; height:6rem; background: url(../img/footer_bg01.jpg) no-repeat center / cover;}
.footer .inner-600 {height:100%;}
.footer-wrap {display: flex; flex-direction: column; height:100%;}
.footer-wrap__cate {display: block; text-align: center; font-size: var(--fz-24); padding-bottom: 0.2rem; color:var(--sub-color); text-shadow: 2px 2px 0 #fff;}
.footer-wrap__title {font-size: var(--fz-64); text-align: center; color:var(--main-color); text-shadow: 8px 4px 0 #fff;}
.footer-list {display: flex; align-items: center; justify-content: center; margin-top:auto;}
.footer-list__item:not(:last-child) {margin-right: 0.25rem;}
.footer-list__item img {width:auto; height:0.43rem;}

@media (max-width:768px){
    .footer {height:4.5rem; padding:0.3rem 0;}
    .footer-wrap__cate {font-size: var(--fz-20);}
    .footer-wrap__title {font-size: var(--fz-42);}
    .footer-list__item:not(:last-child) {margin-right: 0.1rem;}
    .footer-list__item img {width:auto; height:0.35rem;}
}
/* 메인 끝 */

/* 서브 시작 */

.story-main {padding:1rem 0; background: #FAEFFF;}
.story-main-list__item {background: url(../img/story-main_bg01.jpg) no-repeat center / cover; width:100%; aspect-ratio: 1/0.4623; box-shadow: 6px 6px 12px rgba(0,0,0,0.2); padding:0 8.772%; display: flex; align-items: center; justify-content: center; border-radius:12px;}
.story-main-list__item:not(:last-child) {margin-bottom: 0.8rem;}
.story-main-img {width:50%;}
.story-main-txt {width:50%; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.story-main-txt__cate {padding:0.1rem 0.2rem; background: var(--main-color); border-radius:50px; font-size: var(--fz-22); color:#fff; margin-bottom: 0.2rem;}
/* .story-main-txt__cate--review {width:2.2rem; height:0.5rem;} */
.story-main-txt__cate--purple {background: var(--sub-color);}
.story-main-txt__title {font-size: var(--fz-32); padding-bottom: 0.4rem; text-align: center; line-height: 1.4;}
.story-main-txt__title .pink {color:var(--main-color)}
.story-main-txt__title .purple {color:var(--sub-color)}
.story-main-txt__link, .story-main-txt__link:link, .story-main-txt__link:visited {width:1rem; height:0.4rem; display: flex; align-items: center; justify-content: center; border-radius:5px; border:1px solid var(--main-color); font-size: var(--fz-18); font-weight: 500; color:var(--main-color); transition:all 0.4s;}
.story-main-txt__link--purple, .story-main-txt__link--purple:link, .story-main-txt__link--purple:visited {border:1px solid var(--sub-color); color:var(--sub-color);}
.story-main-txt__link:hover {background: var(--main-color); color:#fff;}
.story-main-txt__link--purple:hover {background: var(--sub-color); color:#fff;}

@media (max-width:768px){
    .story-main-list__item {border-radius:5px;}
    .story-main-list__item:not(:last-child) {margin-bottom: 0.4rem;}
    .story-main-txt__cate {height:0.35rem; font-size: var(--fz-20); margin-bottom: 0.1rem;}
    .story-main-txt__cate--review {width:1.8rem; height:0.4rem;}
    .story-main-txt__title {font-size: var(--fz-24); padding-bottom: 0.2rem;}
    .story-main-txt__link, .story-main-txt__link:link, .story-main-txt__link:visited {width:0.8rem; height:0.3rem; font-size: var(--fz-16);}
}

.story-sub {padding:1rem 0; background: #FAEFFF ;}
.story-box {border:10px solid var(--main-color); border-radius:20px; background: #fff url(../img/story-bg01.png) no-repeat center top 1.24rem; padding:1.05rem 0 0.7rem;}
.story-box--purple {border:10px solid var(--sub-color);}
.story-box__title {font-size: var(--fz-46); color:var(--main-color); padding-bottom: 0.8rem; text-align: center;}
.story-box__title--purple {color:var(--sub-color)}
.story-box__desc {font-size: var(--fz-20); text-align: center; line-height: 1.4; padding-bottom: 0.8rem;}
.story-box__desc span {font-weight: 800;}
.story-box__desc .big {font-size: var(--fz-24);}
.story-box__desc .pink {color:var(--main-color)}
.story-box__desc .purple {color:var(--sub-color)}
.story-box__desc .green {color:#72BF44;}
.story-box__desc .blue {color:#426AB3;}
.story-box__figure {margin-bottom: 0.4rem; display: flex; justify-content: center;}
.story-box__figure--twice img {width:49%;}
.story-box__figure--twice img:first-child {margin-right: 2%;}
.story-box__last {padding-bottom: 0.6rem;}
.story-box__link, .story-box__link:link, .story-box__link:visited {display: flex; align-items: center; justify-content: center; width:2rem; height:0.46rem; border-radius:50px; background: var(--main-color); font-size: var(--fz-24); color:#fff; margin:0 auto;}
.story-box__link--purple, .story-box__link--purple:link, .story-box__link--purple:visited {background: var(--sub-color);}
.story-box__subtitle {font-size: var(--fz-32); font-weight: 700; line-height: 1.4; text-align: center; padding-bottom: 0.4rem;}
.story-box__subtitle .blue {color:#426AB3;}
.story-box__subtitle .green {color:#72BF44;}
.story-box__subtitle .pink {color:var(--main-color);}

@media (max-width:768px){
    .story-sub {padding:0.5rem 0;}
    .story-box {padding:0.5rem 0 0.35rem;}
    .story-box__title {font-size: var(--fz-32); padding-bottom: 0.4rem;}
    .story-box__desc {font-size: var(--fz-18); padding-bottom: 0.4rem;}
    .story-box__desc br {display: none;}
    .story-box__desc .big {font-size: var(--fz-22);}
    .story-box__figure {margin-bottom: 0.2rem;}
    .story-box__link, .story-box__link:link, .story-box__link:visited  {width:1.2rem; height:0.35rem; font-size: var(--fz-20);}
    .story-box__last {padding-bottom: 0.3rem;}
    .story-box__subtitle {font-size: var(--fz-26); padding-bottom: 0.2rem;}
    .story-box__subtitle br {display: none;}
}
@media (max-width:500px){
    .story-box__figure {flex-wrap: wrap;}
    .story-box__figure img {width:100%;}
    .story-box__figure--twice img:first-child {margin-right: 0;}
}


.review-sub {padding:1rem 0; background: #FAEFFF ;}
.review-box {border:10px solid var(--main-color); border-radius:20px; background: #fff url(../img/story-bg01.png) no-repeat center top 1.24rem; padding:0.89rem 0 0.49rem;}
.review-box--purple {border:10px solid var(--sub-color);}
.review-box__title {font-size: var(--fz-46); color:var(--main-color); padding-bottom: 0.6rem; text-align: center;}
.review-box__title--purple {color:var(--sub-color)}
.review-list__item {padding:3.8462% 5.3847%; border-radius:20px; display: flex; background: #fff; align-items: center; margin-bottom: 0.6rem;}
.review-list__item:last-child {margin-bottom: 0.4rem;}
.review-list__item:nth-child(even) {flex-direction: row-reverse;}
.review-list__item--pink {border:1px solid var(--main-color)}
.review-list__item--purple {border:1px solid var(--sub-color);}
.review-list__imgbox {width:29.677%; aspect-ratio: 1/1; display: flex; align-items: center; justify-content: center; padding:3.3334%; border-radius:20px; margin-right: 3.8462%;}
.review-list__item:nth-child(even) .review-list__imgbox {margin-right: 0; margin-left: 3.8462%;}
.review-list__imgbox--pink {border:3px solid #F9C7D3}
.review-list__imgbox--purple {border:3px solid #CBBDDB;}
.review-list__txtbox {width:73.0231%}
.review-list__desc {font-size: var(--fz-17); padding-bottom: 0.15rem;}
.review-list__desc--last {padding-bottom: 0.5rem;}
.review-list__desc .bold {font-weight: 700;}
.review-list__desc .small {font-size: var(--fz-14);}
.review-list__desc .pink {color:var(--main-color)}
.review-list__desc .purple {color:var(--sub-color)}
.review-list__content {display: flex;}
.review-list__content--review02 {display: block; width:88.4616%; margin:0 auto;}
.review-list__content--review02 .review-list__desc {text-align: center; line-height: 1.6;}
.review-list__content--review02 .review-list__desc--last {padding-bottom: 0;}
.review-list__content .bold {font-weight: 700; display: inline-block;font-size: var(--fz-17); width:0.47rem; line-height: 1.6;}
.review-txtbody {width:calc(100% - 0.47rem)}
.review-txtbody__desc {font-size: var(--fz-17); line-height: 1.6; padding-bottom: 0.15rem;}
.review-txtbody__desc:last-child {padding-bottom: 0;}
.review-list__name {font-size: var(--fz-18); font-weight: 600; display: block; text-align: center; padding-top: 0.3rem;}

@media (max-width:768px){
    .review-box {padding:0.4rem 0 0.25rem;}
    .review-box__title {font-size: var(--fz-32); padding-bottom: 0.3rem;}
    .review-list__item {flex-direction: column; align-items: flex-start; padding:4%; margin-bottom: 0.3rem;}
    .review-list__item:nth-child(even) {flex-direction: column;}
    .review-list__imgbox {width:50%; margin:0 auto 3.846%;}
    .review-list__item:nth-child(even) .review-list__imgbox {margin:0 auto 3.846%;}
    .review-list__item:last-child {margin-bottom: 0.2rem;}
    .review-list__txtbox {width:100%;}
    .review-list__desc {font-size: var(--fz-16); padding-bottom: 0.1rem;}
    .review-list__desc--last {padding-bottom: 0.25rem;}
    .review-list__content--review02 {width:100%;}
    .review-list__content--review02 .review-list__desc--last {padding-bottom: 0;}
    .review-list__desc .small {font-size: var(--fz-13);}
    .review-list__content .bold {font-size: var(--fz-16);}
    .review-txtbody__desc {font-size: var(--fz-16);}
    .review-list__name {padding-top: 0.15rem; font-size: var(--fz-17);}
}
/* 서브 끝 */