@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Black+Han+Sans&display=swap');

@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: 'SeoulHangang';
    font-weight: 300;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/seoulhangang/SeoulHangangLight.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/seoulhangang/SeoulHangangLight.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/seoulhangang/SeoulHangangLight.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/seoulhangang/SeoulHangangLight.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/seoulhangang/SeoulHangangLight.ttf') format("truetype");
    font-display: swap;
}

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

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

@font-face {
    font-family: 'SeoulHangang';
    font-weight: 800;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/seoulhangang/SeoulHangangExtraBold.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/seoulhangang/SeoulHangangExtraBold.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/seoulhangang/SeoulHangangExtraBold.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/seoulhangang/SeoulHangangExtraBold.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/seoulhangang/SeoulHangangExtraBold.ttf') format("truetype");
    font-display: swap;
}

@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: 'TheJamsil';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2302_01@1.0/TheJamsil1Thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'TheJamsil';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2302_01@1.0/TheJamsil3Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'TheJamsil';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2302_01@1.0/TheJamsil4Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'TheJamsil';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2302_01@1.0/TheJamsil5Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'HSSanTokki20-Regular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2405@1.0/HSSanTokki20-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TtangsBudaeJjigae';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2212@1.0/TTTtangsbudaejjigaeL.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'TtangsBudaeJjigae';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2212@1.0/TTTtangsbudaejjigaeM.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'TtangsBudaeJjigae';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2212@1.0/TTTtangsbudaejjigaeB.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

html,body {font-size: 625%;}
@media(max-width:1660px){
	html,body {font-size: 6.0240vw;}
}
@media(max-width:1320px){
	html,body {font-size: 7.5757vw;}
}
@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 {
--fz : 0.16rem;
--main-color : #004261;
--sub-color : #3B1E1D;
--sub-black1 : #212121;
--sub-black2 : #232323;
--story1-color1 : #E06B6B;
--story1-color2 : #FDE5DB;
--story1-color3 : #D74646;
--story2-color1 : #DB9EC7;
--story2-color2 : #F5E9F3;
--story2-color3 : #A34082;
--story3-color1 : #FFE300;
--story3-color2 : #FFFAC2;
--story3-color3 : #F94C10;
--story4-color1 : #63C29C;
--story4-color2 : #E4F2E3;
--story4-color3 : #165F42;
--story5-color1 : #70BCD1;
--story5-color2 : #DDF1F0;
--story5-color3 : #0386AA;
--story6-color1 : #F4858E;
--story6-color2 : #FAE0DF;
--story6-color3 : #D74F5A;
--story7-color1 : #BCCD6F;
--story7-color2 : #F2F5DA;
--story7-color3 : #869E16;


--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-120 : 1.2rem;
}

/* 초기화 */
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:#000; 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: #000; text-decoration: none; cursor:pointer; }
a:visited {color: #000;}
a:hover, a:active, a:focus {color:#000; 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}

.clear												{content:""; display:block; clear:both; width:100%; visibility:hidden;}
.clearfix::after {content:""; display:block; clear:both;}
.inner {max-width:1580px; width: 100%; display: block; margin: 0 auto;}
.inner-1320 {width:100%; max-width:1320px; margin:0 auto;}
.inner-1100 {width:100%; max-width:1100px; margin:0 auto;}
.inner-1000 {width:100%; max-width:1000px; margin:0 auto;}

@media (max-width:1620px){
    .inner {padding:0 4%;}
}
@media (max-width:1360px){
    .inner-1320 {padding:0 4%;}
}
@media (max-width:1140px){
    .inner-1100 {padding:0 4%;}
}
@media (max-width:1040px){
    .inner-1000 {padding:0 4%;}
}


/* 전체 틀 */
#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%; }


/* 폰트 */
.bhs {font-family: 'Black Han Sans', sans-serif;}
.jua {font-family: 'BMJUA';}
.shg {font-family: 'SeoulHangang';}
.tjs {font-family: 'TheJamsil';}
.stk {font-family: 'HSSanTokki20-Regular';}
/* 공통 시작*/
.visual {width:100%; height:9rem; background: url(../img/visual_bg.jpg) no-repeat center / cover; display:flex; align-items: center; overflow: hidden;}

@media (max-width:768px){
    .visual {height:6.2rem;}
}
@media (max-width:500px){
    .visual {height:4rem;}
}

.nav {padding-top:0.42rem; display:flex; justify-content: center;}
.nav--main {background: #FFF8CB;}
.nav a {display:flex; width:3.15rem; height:0.7rem; align-items:center; justify-content: center; border-radius:20px; border:2px solid var(--main-color); background: #fff; font-size:var(--fz-34); line-height: 1; transition:all 0.5s; padding-top:0.04rem; color:var(--main-color);}
.nav a.active {color:#fff; background: var(--main-color);}
.nav a:hover {color:#fff; background: var(--main-color);}
.nav a:first-child {margin-right:0.5rem;}

@media (max-width:768px){
    .nav a {width:2.5rem; height:0.6rem;}
}
@media (max-width:500px){
    .nav a {width:2rem;}
    .nav a:first-child {margin-right:0.2rem;}
}
.m-tit {padding-bottom: 5.75em;}
.m-tit__title {font-size: 2.5em; font-weight: 700; letter-spacing: 0.1em; color:#fff; text-align: center; width:8.5em; height:2.1em; display: flex; align-items: center; justify-content: center; padding-bottom: 0.25em; margin:0 auto;}
.m-tit__title--m1 {background: url(../img/m-tit_bg01.png) no-repeat center / cover;}
.m-tit__title--m2 {background: url(../img/m-tit_bg02.png) no-repeat center / cover;}
.m-tit__title--m3 {background: url(../img/m-tit_bg03.png) no-repeat center / cover;}

@media (max-width:500px){
    .m-tit {padding-bottom: 3.05em;}
    .m-tit__title {font-size: 1.75em;}
}

.mv {font-size: var(--fz); padding:7.8125em 0; background: #FFF8CB;}
.mv-cont {width:100%; max-width:960px; aspect-ratio: 2/1.125; margin:0 auto 2.5em;}
.mv-cont iframe {width:100%; height:100%;}
.mv-btn {width:100%;}
.mv-btn__desc {text-align: center; font-size: 1.875em; font-weight: 700; letter-spacing: -0.03em; padding-bottom: 1em;}
a.mv-btn__link {font-size: 1.25em; font-weight: 700; width:10em; height:3em; border-radius:20px; background: #fff; display: flex; align-items: center; justify-content: center; color:#006EEC; margin:0 auto; border:2px solid #006EEC; transition: all 0.4s;}
a.mv-btn__link:hover {background: #006EEC; color:#fff;}

@media (max-width:500px){
    .mv {padding:5em}
    .mv-btn__desc {font-size: 1.375em;}
    a.mv-btn__link {font-size: 1em;}
}

.m1 {font-size: var(--fz); padding:7.8125em 0;}
.m1-wrap {}
.m1-cont {display: flex;}
.m1-cont:not(:last-child) {margin-bottom: 3.4375em;}
.m1-cont__box {width:50%; height:auto; min-height:25em; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; }
.m1-cont__box--img {border-radius:500px 0 0 500px; overflow: hidden;}
.m1-cont__box--txt {border-radius:0 500px 500px 0; background: #FFF398; padding:1em 0; padding-right: 2.5em;}
.m1-cont__title {font-size: 1.875em; font-weight: 700; letter-spacing: -0.03em; padding-bottom: 1.4334em;}
.m1-cont__desc {font-size: 1.625em; letter-spacing: -0.03em; line-height: 1.7693;}
.m1-cont__desc img {width:18.3847em}
.m1-cont__desc span {font-weight: 700;}

.m1-cont--reverse {flex-direction: row-reverse;}
.m1-cont--reverse .m1-cont__box--img {border-radius:0 500px 500px 0;}
.m1-cont--reverse .m1-cont__box--txt {border-radius:500px 0 0 500px; padding-right: 0; padding-left: 2.5em;}

@media (max-width:1080px){
    .m1-cont {flex-direction: column; align-items: center;}
    .m1-cont__box {width:100%; max-width:660px;}
    .m1-cont__box--img {border-radius:50px 50px 0 0;}
    .m1-cont__box--txt  {border-radius:0 0 50px 50px; padding:1.5em 4%; min-height:auto;}

    .m1-cont--reverse {flex-direction: column; align-items: center;}
    .m1-cont--reverse .m1-cont__box--img {border-radius: 50px 50px 0 0;;}
    .m1-cont--reverse .m1-cont__box--txt {border-radius: 0 0 50px 50px; padding:1.5em 4%; min-height:auto;}
}
@media (max-width:500px){
    .m1 {padding:5em 0;}
    .m1-cont__title {font-size: 1.375em;}
    .m1-cont__desc {font-size: 1em;}
}


.m2 {font-size: var(--fz); padding:6.875em 0; background: #FFF8CB;}
.m2-wrap {position: relative; z-index: 1;}
.m2-cont {display: flex; background: #fff; border-radius:150px; border:2px solid #006EEC; padding:1.0625em 0; position: relative;}
.m2-cont::before {content:''; display: block; width:100%; height:100%; background: #006EEC; border-radius:150px; position: absolute; right:-0.5em; bottom:-0.5em; z-index: -1;}
.m2-cont:not(:last-child) {margin-bottom: 3.625em;}
.m2-count {width:14.6875em; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; border-right:2px solid #006EEC}
.m2-count__title {font-size: 1.25em; line-height: 2.3; letter-spacing: -0.03em; color:#006EEC; padding-bottom: 0.35em; font-weight: 700;}
.m2-count__num {font-size: 3.875em; font-weight: 100; line-height: 0.742em; letter-spacing: -0.03em; color:#006EEC;}
.m2-info {width:calc(100% - 14.6875em); padding:0 4.25em; display: flex; align-items: center;}
.m2-info__figure {margin-right: 4.5625em;}
.m2-info__figure img {width:13.9375em;}
.m2-info__desc {font-size: 1.5em; line-height: 1.8334; letter-spacing: -0.03em;}
.m2-info__desc span {font-weight: 600; font-size: 1.1667em; color:#006EEC}

@media (max-width:768px){
    .m2-cont {flex-direction: column; border-radius:50px;}
    .m2-cont::before {border-radius:50px;}
    .m2-count {border-right:none; border-bottom:2px solid #006EEC; margin:0 auto; padding-bottom: 1.5em;}
    .m2-info {width:100%; flex-direction: column; padding:0 4%;}
    .m2-info__figure {margin: 1.5em 0;}
    .m2-info__desc {text-align: center;}
}
@media (max-width:500px){
    .m2 {padding:5em 0;}
    .m2-count__title {font-size: 1.25em;}
    .m2-count__num {font-size: 2.5em;}
    .m2-info__figure img {width:10.9375em}
    .m2-info__desc {font-size: 1.25em;}
    .m2-info__desc br {display: none;}
}

.m3 {font-size: var(--fz); padding:7.1875em 0; background: #E4EFFC;}
.m3-wrap {display: flex; position: relative; z-index: 1;}
.m3-cont {display: block; width:30.7576%; border:2px solid #006EEC; background: #fff; border-radius:250px; padding:3.5625em 1.25em; position: relative;}
.m3-cont::before {content:''; display: block; width:100%; height:100%; background: #006EEC; border-radius:250px; position: absolute; right:-0.5em; bottom:-0.5em; z-index: -1;}
.m3-cont:not(:last-child) {margin-right: 3.8637%;}
.m3-cont:not(:last-child)::after {content:''; display: block; width:2em; aspect-ratio: 1/1.625; background: url(../img/m3-cont_arrow.png) no-repeat center / cover; position: absolute; right:-2.9375em; top:50%; transform:translate(0,-50%);}
.m3-cont__figure {margin-bottom: 2.8125em; text-align: center;}
.m3-cont__figure img {width:10.8125em}
.m3-cont__title {font-size: 2em; line-height: 1.1875; font-weight: 600; letter-spacing: -0.03em; text-align: center; padding-bottom: 0.7895em;}
.m3-cont__desc {font-size: 1.5em; line-height: 1.6667; letter-spacing: -0.03em; font-weight: 500; text-align: center;}

@media (max-width:1080px){
    .m3-cont:not(:last-child)::after {width:1.5em; right:-2.3375em}
}
@media (max-width:768px){
    .m3-wrap {flex-direction: column;}
    .m3-cont {width:100%; border-radius:50px; padding:4%;}
    .m3-cont::before {border-radius:50px;}
    .m3-cont:not(:last-child) {margin-right: 0; margin-bottom: 6%;}
    .m3-cont:not(:last-child)::after {left:50%; right:auto; top:auto; bottom:-2.9375em; transform:translate(-50%,0) rotate(90deg);}
}
@media (max-width:500px){
    .m3 {padding:5em 0;}
    .m3-cont:not(:last-child) {margin-bottom: 8%;}
    .m3-cont:not(:last-child)::after {width:1em; bottom:-2.3375em;}
    .m3-cont__figure {margin-bottom: 1.4125em;}
    .m3-cont__figure img {width:7.0125em;}
    .m3-cont__title {font-size: 1.5em;}
    .m3-cont__desc {font-size: 1em;}
}
/* 서브 시작*/

.m_story {padding:1rem 0;}
.m_story-tab {display: flex; font-size: var(--fz); margin-bottom: 1.875em;}
.m_story-tab a {font-size: 1.5em; font-weight: 700; padding:0.5556em 1.3889em; border-radius:50px; background: #f7f7f7; color:#9d9d9d; transition:all 0.4s;}
.m_story-tab a:not(:last-child) {margin-right: 0.83334em;}
.m_story-tab a.on {background: #006EEC; color:#fff;}
@media (hover: hover){
    .m_story-tab a:hover {background: #006EEC; color:#fff;}
}

.m_story-list--01 {display:flex; flex-wrap:wrap;}
.m_story-list--01 .m_story-item {width:31.66%; margin: 2.5% 2.5% 0 0; border-radius:15px;}
.m_story-list--01 a.m_story-item__link {text-align: center; display:flex; flex-direction: column; align-items: center; padding:0.5rem 0.3rem;}
.m_story-list--01 .m_story-item__figure {margin-bottom:0.3rem; overflow: hidden; width:100%;border-radius:10px; display:flex; justify-content: center;}
.m_story-list--01 .m_story-item__figure img {vertical-align: top; border-radius:10px; }
.m_story-list--01 .m_story-item__title {font-size: var(--fz-24); color:var(--sub-color); padding:0.1rem 0.26rem 0.06rem; display:inline-block; margin-bottom:0.15rem; border-radius:5px;}
.m_story-list--01 .m_story-item__desc {font-size: var(--fz-18); font-weight: 500; color:var(--sub-color);}
.m_story-list--01 .m_story-item:nth-child(-n + 3) {margin-top:0;}
.m_story-list--01 .m_story-item:nth-child(3n) {margin-right:0;}
.m_story-list--01 .m_story-item:nth-child(1) {background: var(--story1-color2);}
.m_story-list--01 .m_story-item:nth-child(1) .m_story-item__title {background: var(--story1-color1);}
.m_story-list--01 .m_story-item:nth-child(2) {background: var(--story2-color2);}
.m_story-list--01 .m_story-item:nth-child(2) .m_story-item__title {background: var(--story2-color1);}
.m_story-list--01 .m_story-item:nth-child(3) {background: var(--story3-color2);}
.m_story-list--01 .m_story-item:nth-child(3) .m_story-item__title {background: var(--story3-color1);}
.m_story-list--01 .m_story-item:nth-child(4) {background: var(--story4-color2);}
.m_story-list--01 .m_story-item:nth-child(4) .m_story-item__title {background: var(--story4-color1);}
.m_story-list--01 .m_story-item:nth-child(5) {background: var(--story5-color2);}
.m_story-list--01 .m_story-item:nth-child(5) .m_story-item__title {background: var(--story5-color1);}
.m_story-list--01 .m_story-item:nth-child(6) {background: var(--story6-color2);}
.m_story-list--01 .m_story-item:nth-child(6) .m_story-item__title {background: var(--story6-color1);}
.m_story-list--01 .m_story-item:nth-child(7) {background: var(--story7-color2);}
.m_story-list--01 .m_story-item:nth-child(7) .m_story-item__title {background: var(--story7-color1);}

.m_story-list--02 {display: flex; flex-wrap: wrap; font-size: var(--fz);}
.m_story-list--02 .m_story-item {width:31.66%; margin: 2.5% 2.5% 0 0; border-radius:15px; overflow: hidden; border:1px solid #d7d7d7}
.m_story-list--02 .m_story-item:nth-child(-n + 3) {margin-top:0;}
.m_story-list--02 .m_story-item:nth-child(3n) {margin-right:0;}
.m_story-list--02 .m_story-item__figure {text-align: center; aspect-ratio:500/335;}
.m_story-list--02 .m_story-item__figure img {display: block; width:100%; height: 100%; object-fit: cover;}
.m_story-list--02 .m_story-item__txt {padding:1.25em 1.5625em;}
.m_story-list--02 .m_story-item__title {font-size: 1.25em; font-weight: 600;}
.m_story-list--02 .m_story-item__desc {font-size: 1em; margin-top: 0.625em; line-height: 1.6;}

@media (max-width:1280px){
.m_story-list--01 .m_story-item {width:48.75%;}
.m_story-list--01 .m_story-item:nth-child(-n + 3) {margin-top:2.5%;}
.m_story-list--01 .m_story-item:nth-child(-n + 2) {margin-top:0;}
.m_story-list--01 .m_story-item:nth-child(3n) {margin-right:2.5%;}
.m_story-list--01 .m_story-item:nth-child(2n) {margin-right:0;}

.m_story-list--02 .m_story-item {width:48.75%;}
.m_story-list--02 .m_story-item:nth-child(-n + 3) {margin-top:2.5%;}
.m_story-list--02 .m_story-item:nth-child(-n + 2) {margin-top:0;}
.m_story-list--02 .m_story-item:nth-child(3n) {margin-right:2.5%;}
.m_story-list--02 .m_story-item:nth-child(2n) {margin-right:0;}
}
@media (max-width:768px){
.m_story-list--01 .m_story-item__figure img {height:2rem;}
}
@media (max-width:500px){
.m_story-list--01 .m_story-item {width:100%; margin-right:0;}
.m_story-list--01 a.m_story-item__link { padding:0.2rem 4%;}
.m_story-list--01 .m_story-item__figure img {height:auto;}
.m_story-list--01 .m_story-item:nth-child(-n + 3) {margin-top:2.5%;}
.m_story-list--01 .m_story-item:nth-child(-n + 2) {margin-top:2.5%;}
.m_story-list--01 .m_story-item:nth-child(-n + 1) {margin-top:0;}
.m_story-list--01 .m_story-item:nth-child(3n) {margin-right:0;}
.m_story-list--01 .m_story-item:nth-child(2n) {margin-right:0;}
.m_story-list--01 .m_story-item:nth-child(1) {margin-right:0;}

.m_story-list--02 .m_story-item {width:100%; margin-right:0;}
.m_story-list--02 .m_story-item:nth-child(-n + 2) {margin-top:2.5%;}
.m_story-list--02 .m_story-item:nth-child(-n + 1) {margin-top:0;}
.m_story-list--02 .m_story-item:nth-child(2n) {margin-right:0;}
.m_story-list--02 .m_story-item:nth-child(1n) {margin-right:0;}
}

.mb3 {margin:0 auto 0.25rem;}
.mb4 {margin:0 auto 0.32rem;}
.mb6 {margin:0 auto 0.57rem;}
.mb7 {margin:0 auto 0.7rem;}
.mb8 {margin:0 auto 0.78rem;} 

.story {padding:1rem 0; overflow: hidden;}
.story img {max-width:100%; vertical-align: middle;}
.story .story__tit {padding:0.59rem 4% 0.5rem; text-align: center; position:relative; border-radius:15px 15px 0 0;}
.story .story__tit figure {width:0.8rem; height:0.8rem; display: flex; align-items: center;justify-content: center; border-radius:15px;margin:0 auto 0.35rem;}
.story .story__tit figure img {width:100%; max-width:0.48rem; height:auto; }
.story .story__tit h2 {font-size: var(--fz-59); color:var(--sub-black1); padding-bottom: 0.18rem; position: relative; z-index: 2;}
.story .story__tit p {font-size: var(--fz-24); color:var(--sub-black1); position: relative; z-index: 2;}
.story .story__tit > img {position:absolute; right:0; bottom:0;}
.story .story__wrap {border-radius:15px; padding:0.48rem 0.5rem 0.47rem; position:relative;}
.story .story__wrap .story_icon {position:absolute;}
.story .story__wrap .story_icon1 {left:-1.1rem;top:-1.17rem}
.story .story__wrap .story_icon2 {right:-1.04rem;top:5.72rem}
.story .story__wrap .story_icon3 {left:-2.84rem;top:15.52rem}
.story .story__wrap .story_icon4 {right:-2.71rem;top:23.38rem}
.story .story__wrap .story_icon5 {left:-2.29rem;top:33.01rem}
.story .story__wrap .story_icon6 {right:-1.14rem;top:41.97rem}
.story .story__body {padding:0.34rem 2% 0.6rem; background: #fff;}
.story .story__body h3 {width:100%; height:0.54rem; display:flex; align-items:center; justify-content: center; border-radius:50px; font-size: var(--fz-32); color:#fff; position:relative; margin:0 auto 0.31rem; text-align: center;}
.story .story__body h3 .br {display:none;}
.story .story__body h3::after {width:18px; height:21px; display:block; content:''; position:absolute; background-position: center; background-repeat: no-repeat; background-size: 18px 21px; right:0.17rem; bottom:-0.18rem;}
.story .story__body .story__imgbox {padding:0.21rem; width:100%; max-width:8.9rem; margin: 0 auto 0.32rem;}
.story .story__body p {text-align: center; font-size: var(--fz-17); font-weight: 500; color:var(--sub-black2); line-height: 1.9;}
.story .story__body p span {font-weight: 700;}
.story .story__body h4 {font-size: var(--fz-24); font-weight: 700; color:var(--sub-black2); text-align: center;}
.story .story__body .story__flexbox1 {display:flex; align-items: center; width:100%; max-width:8.9rem;}
.story .story__body .story__flexbox1 figure {width: 50%;}
.story .story__body .story__flexbox1 p {margin-left:0.5rem; width:50%; text-align: left;}
.story .story__body .story__flexbox1--re {display:flex; flex-direction: row-reverse; align-items: center; width:100%; max-width:8.9rem;}
.story .story__body .story__flexbox1--re figure {width: 50%;}
.story .story__body .story__flexbox1--re p {margin-right:0.5rem; width:50%; text-align: left;}
.story .story__body .story__flexbox2 {display:flex; align-items: center; width:100%; max-width:8.9rem;}
.story .story__body .story__flexbox2 figure {width:50%;}
.story .story__body .story__flexbox2 p {transform: skew(-10deg, 0); color:var(--sub-color); width:50%; display: flex; flex-direction: column; align-items: center; justify-content: center;  font-weight: 700; letter-spacing: -1.5px; margin-left:0.5rem;}
.story .story__body .story__flexbox2 p span {display:inline-block; margin-top:0.05rem;}
.story .story__body .story__flexbox2--re {display:flex; flex-direction: row-reverse; align-items: center; width:100%; max-width:8.9rem;}
.story .story__body .story__flexbox2--re figure {width:50%;}
.story .story__body .story__flexbox2--re p {transform: skew(-10deg, 0); color:var(--sub-color); width:50%;  display: flex; flex-direction: column; align-items: center; justify-content: center; font-weight: 700; letter-spacing: -1.5px; margin-right:0.5rem;}
.story .story__body .story__flexbox2--re p span {display:inline-block; margin-top:0.05rem;}
.story .story__body .story__flexbox3 {display:flex; width:100%; max-width:8.9rem;}
.story .story__body .story__flexbox3 figure {width:50%;}
.story .story__body .story__flexbox3 p {width:50%; margin-left:0.2rem; position:relative; border-radius:15px; font-size: var(--fz-16); font-weight: 700; flex-direction: column;}
.story .story__body .story__flexbox3 p span {display:block; margin-top: 0.12rem;}
.story .story__body .story__flexbox3 p::before {display:block; content:''; background-size: 34px 25px; position:absolute; background-repeat: no-repeat; background-position: center; left:-6px; top:-11px; width:34px; height:25px;}
.story .story__body .story__flexbox3 p::after {display:block; content:''; background-size: 34px 25px; position:absolute; background-repeat: no-repeat; background-position: center; right:-6px; bottom:-11px; width:34px; height:25px;}
.story .story__body .story__flexbox3 p span {color:var(--sub-black2)}
.story .story__body .story__flexbox3--re {display:flex; flex-direction: row-reverse; width:100%; max-width:8.9rem;}
.story .story__body .story__flexbox3--re figure {width:50%;}
.story .story__body .story__flexbox3--re p {width:50%; margin-right:0.2rem; position:relative; border-radius:15px; font-size: var(--fz-16); font-weight: 700; flex-direction: column;}
.story .story__body .story__flexbox3--re p span {display:block; margin-top: 0.12rem;}
.story .story__body .story__flexbox3--re p::before {display:block; content:''; background-size: 34px 25px; position:absolute; background-repeat: no-repeat; background-position: center; left:-6px; top:-11px; width:34px; height:25px;}
.story .story__body .story__flexbox3--re p::after {display:block; content:''; background-size: 34px 25px; position:absolute; background-repeat: no-repeat; background-position: center; right:-6px; bottom:-11px; width:34px; height:25px;}
.story .story__body .story__flexbox3--re p span {color:var(--sub-black2)}
.story .story__body .story__skew p {font-size: var(--fz-20); transform: skew(-10deg, 0); color:var(--sub-color); font-weight: 700; letter-spacing: -1.5px;}
.story .story__body .story__skew p span {display:block;}
.story .story__body .story__txtbox {width:100%; max-width:8.9rem; padding:0.34rem 4%; position:relative; border-radius:10px; margin:0 auto 0.7rem;}
.story .story__body .story__txtbox::before {display:block; content:''; background-size: 34px 25px; position:absolute; background-repeat: no-repeat; background-position: center; left:-6px; top:-11px; width:34px; height:25px;}
.story .story__body .story__txtbox::after {display:block; content:''; background-size: 34px 25px; position:absolute; background-repeat: no-repeat; background-position: center; right:-6px; bottom:-11px; width:34px; height:25px;}
.story .story__body .story__txtbox p {font-weight: 700; font-size: var(--fz-16);}
.story .story__body .story__txtbox p span {display:inline-block; margin-top:0.1rem; color:var(--sub-black2)}

@media (max-width:1140px){
    .story img {max-width:100%; height:auto;}
}
@media (max-width:1080px){
    .story .story__body p br {display:none;}
    .story .story__body p .br {display:block;}
    .story .story__body .story__flexbox3 p {padding:0.25rem 2%;}
    .story .story__body .story__flexbox3--re p {padding:0.25rem 2%;}
}
@media (max-width:768px){
    .story .story__wrap {padding:4%;}
    .story .story__wrap .story_icon {display:none;}
    .story .story__body .story__flexbox1 {flex-direction: column;}
    .story .story__body .story__flexbox1 figure {width:100%; text-align: center;}
    .story .story__body .story__flexbox1 p {width:100%; margin-left:0; margin-top:0.2rem;}
    .story .story__body .story__flexbox1--re {flex-direction: column;}
    .story .story__body .story__flexbox1--re figure {width:100%; text-align: center;}
    .story .story__body .story__flexbox1--re p {width:100%; margin-right:0; margin-top:0.2rem;}
    .story .story__body .story__flexbox2 {flex-direction: column;}
    .story .story__body .story__flexbox2 figure {width:100%; text-align: center;}
    .story .story__body .story__flexbox2 p {width:100%; margin-left:0; margin-top:0.2rem;}
    .story .story__body .story__flexbox2--re {flex-direction: column;}
    .story .story__body .story__flexbox2--re figure {width:100%; text-align: center;}
    .story .story__body .story__flexbox2--re p {width:100%; margin-right:0; margin-top:0.2rem;}
    .story .story__body .story__flexbox3 {flex-direction: column;}
    .story .story__body .story__flexbox3 figure {width:100%; text-align: center;}
    .story .story__body .story__flexbox3 p {width:100%; margin-left:0; margin-top:0.2rem;}
    .story .story__body .story__flexbox3--re {flex-direction: column;}
    .story .story__body .story__flexbox3--re figure {width:100%; text-align: center;}
    .story .story__body .story__flexbox3--re p {width:100%; margin-right:0; margin-top:0.2rem;}
}
@media (max-width:500px){
    .story .story__tit h2 {font-size: var(--fz-40);}

    .story .story__body h3 {width:100%;}
    .story .story__body .story__flexbox2 p {transform:skew(-5deg)}
    .story .story__body .story__flexbox2--re p {transform:skew(-5deg)}
}


.story .story__wrap .golist {display: flex; width:2rem; height:0.46rem; align-items: center; justify-content: center; margin:0.47rem auto 0; font-size: var(--fz-24); line-height: 1; background: #fff; border-radius:50px;}




.story1 .story__wrap .story_icon5 {top:33.01rem}
.story1 .story__wrap .story_icon6 {top:41.97rem}

.story1 .story__tit {background: var(--story1-color2);}
.story1 .story__tit figure {background: var(--story1-color1);}
.story1 .story__wrap {background: var(--story1-color1);}
.story1 .story__body .story__imgbox {border:3px solid var(--story1-color1);}
.story1 .story__body p span {color:var(--story1-color3);}
.story1 .story__body h3 {max-width:4.6rem; background: var(--story1-color1);}
.story1 .story__body h3::after {display:block; content:''; background-image:url(../img/story1_bg.png);}
.story1 .story__body .story__flexbox1 p {color:var(--story1-color3)}
.story1 .story__body .story__flexbox2 p span {color:var(--story1-color3)}
.story1 .story__body .story__flexbox2--re p span {color:var(--story1-color3)}
.story1 .story__body .story__flexbox3 p {color:var(--story1-color3); background: var(--story1-color2); display:flex; align-items: center; justify-content: center;}
.story1 .story__body .story__flexbox3 p::before {background-image: url(../img/story1_icon01.png);}
.story1 .story__body .story__flexbox3 p::after {background-image: url(../img/story1_icon02.png);}
.story1 .story__body .story__flexbox3--re p {color:var(--story1-color3); background: var(--story1-color2); display:flex; align-items: center; justify-content: center;}
.story1 .story__body .story__flexbox3--re p::before {background-image: url(../img/story1_icon01.png);}
.story1 .story__body .story__flexbox3--re p::after {background-image: url(../img/story1_icon02.png);}
.story1 .story__body .story__txtbox {background: var(--story1-color2);}
.story1 .story__body .story__txtbox::before {background-image: url(../img/story1_icon01.png);}
.story1 .story__body .story__txtbox::after {background-image: url(../img/story1_icon02.png);}
.story1 .story__body .story__txtbox p {color:var(--story1-color3);}
.story1 .story__wrap .golist {color:var(--story1-color3); }

.story2 .story__tit {background: var(--story2-color2);}
.story2 .story__tit figure {background: var(--story2-color1);}
.story2 .story__wrap {background: var(--story2-color1);}
.story2 .story__body .story__imgbox {border:3px solid var(--story2-color1);}
.story2 .story__body p span {color:var(--story2-color3);}
.story2 .story__body h3 {max-width:4.6rem; background: var(--story2-color1);}
.story2 .story__body h3::after {display:block; content:''; background-image:url(../img/story2_bg.png);}
.story2 .story__body .story__flexbox1 p {color:var(--story2-color3)}
.story2 .story__body .story__flexbox2 p span {color:var(--story2-color3)}
.story2 .story__body .story__flexbox2--re p span {color:var(--story2-color3)}
.story2 .story__body .story__flexbox3 p {color:var(--story2-color3); background: var(--story2-color2); display:flex; align-items: center; justify-content: center;}
.story2 .story__body .story__flexbox3 p::before {background-image: url(../img/story2_icon01.png);}
.story2 .story__body .story__flexbox3 p::after {background-image: url(../img/story2_icon02.png);}
.story2 .story__body .story__flexbox3--re p {color:var(--story2-color3); background: var(--story2-color2); display:flex; align-items: center; justify-content: center;}
.story2 .story__body .story__flexbox3--re p::before {background-image: url(../img/story2_icon01.png);}
.story2 .story__body .story__flexbox3--re p::after {background-image: url(../img/story2_icon02.png);}
.story2 .story__body .story__txtbox {background: var(--story2-color2);}
.story2 .story__body .story__txtbox::before {background-image: url(../img/story2_icon01.png);}
.story2 .story__body .story__txtbox::after {background-image: url(../img/story2_icon02.png);}
.story2 .story__body .story__txtbox p {color:var(--story2-color3);}
.story2 .story__wrap .golist {color:var(--story2-color3); }
@media (max-width:500px){
    .story2 .story__body h3 {height:0.84rem;}
    .story2 .story__body h3::after {right:0.27rem;}
}

.story3 .story__tit {background: var(--story3-color2);}
.story3 .story__tit figure {background: var(--story3-color1);}
.story3 .story__wrap {background: var(--story3-color1);}
.story3 .story__body .story__imgbox {border:3px solid var(--story3-color1);}
.story3 .story__body p span {color:var(--story3-color3);}
.story3 .story__body h3 {max-width:5.7rem; background: var(--story3-color1);}
.story3 .story__body h3::after {display:block; content:''; background-image:url(../img/story3_bg.png);}
.story3 .story__body .story__flexbox1 p {color:var(--story3-color3)}
.story3 .story__body .story__flexbox2 p span {color:var(--story3-color3)}
.story3 .story__body .story__flexbox2--re p span {color:var(--story3-color3)}
.story3 .story__body .story__flexbox3 p {color:var(--story3-color3); background: var(--story3-color2); display:flex; align-items: center; justify-content: center;}
.story3 .story__body .story__flexbox3 p::before {background-image: url(../img/story3_icon01.png);}
.story3 .story__body .story__flexbox3 p::after {background-image: url(../img/story3_icon02.png);}
.story3 .story__body .story__flexbox3--re p {color:var(--story3-color3); background: var(--story3-color2); display:flex; align-items: center; justify-content: center;}
.story3 .story__body .story__flexbox3--re p::before {background-image: url(../img/story3_icon01.png);}
.story3 .story__body .story__flexbox3--re p::after {background-image: url(../img/story3_icon02.png);}
.story3 .story__body .story__txtbox {background: var(--story3-color2);}
.story3 .story__body .story__txtbox::before {background-image: url(../img/story3_icon01.png);}
.story3 .story__body .story__txtbox::after {background-image: url(../img/story3_icon02.png);}
.story3 .story__body .story__txtbox p {color:var(--story3-color3);}
.story3 .story__wrap .golist {color:var(--story3-color3); }
@media (max-width:500px){
    .story3 .story__body h3 {height:0.84rem;}
    .story3 .story__body h3::after {right:0.27rem;}
    .story3 .story__body h3 .br {display:block;}
}

.story4 .story__tit {background: var(--story4-color2);}
.story4 .story__tit figure {background: var(--story4-color1);}
.story4 .story__wrap {background: var(--story4-color1);}
.story4 .story__body .story__imgbox {border:3px solid var(--story4-color1);}
.story4 .story__body p span {color:var(--story4-color3);}
.story4 .story__body h3 {max-width:4.8rem; background: var(--story4-color1);}
.story4 .story__body h3::after {display:block; content:''; background-image:url(../img/story4_bg.png);}
.story4 .story__body .story__flexbox1 p {color:var(--story4-color3); font-weight: 700; text-align: center;}
.story4 .story__body .story__flexbox1 p span {display: inline-block; margin-top:0.1rem; color:var(--sub-black2)}
.story4 .story__body .story__flexbox2 p span {color:var(--story4-color3)}
.story4 .story__body .story__flexbox2--re p span {color:var(--story4-color3)}
.story4 .story__body .story__flexbox3 p {color:var(--story4-color3); background: var(--story4-color2); display:flex; align-items: center; justify-content: center;}
.story4 .story__body .story__flexbox3 p::before {background-image: url(../img/story4_icon01.png);}
.story4 .story__body .story__flexbox3 p::after {background-image: url(../img/story4_icon02.png);}
.story4 .story__body .story__flexbox3--re p {color:var(--story4-color3); background: var(--story4-color2); display:flex; align-items: center; justify-content: center;}
.story4 .story__body .story__flexbox3--re p::before {background-image: url(../img/story4_icon01.png);}
.story4 .story__body .story__flexbox3--re p::after {background-image: url(../img/story4_icon02.png);}
.story4 .story__body .story__txtbox {background: var(--story4-color2);}
.story4 .story__body .story__txtbox::before {background-image: url(../img/story4_icon01.png);}
.story4 .story__body .story__txtbox::after {background-image: url(../img/story4_icon02.png);}
.story4 .story__body .story__txtbox p {color:var(--story4-color3);}
.story4 .story__wrap .golist {color:var(--story4-color3); }
@media (max-width:500px){
    .story4 .story__body h3 {height:0.84rem;}
    .story4 .story__body h3::after {right:0.27rem;}
    .story4 .story__body h3 .br {display:block;}
}

.story5 .story__tit {background: var(--story5-color2);}
.story5 .story__tit figure {background: var(--story5-color1);}
.story5 .story__wrap {background: var(--story5-color1);}
.story5 .story__body .story__imgbox {border:3px solid var(--story5-color1);}
.story5 .story__body p span {color:var(--story5-color3);}
.story5 .story__body h3 {max-width:5.4rem; background: var(--story5-color1);}
.story5 .story__body h3::after {display:block; content:''; background-image:url(../img/story5_bg.png);}
.story5 .story__body .story__flexbox1 p {color:var(--story5-color3)}
.story5 .story__body .story__flexbox2 p {font-size: var(--fz-20);}
.story5 .story__body .story__flexbox2 p span {color:var(--story5-color3); }
.story5 .story__body .story__flexbox2--re p {font-size: var(--fz-20);}
.story5 .story__body .story__flexbox2--re p span {color:var(--story5-color3)}
.story5 .story__body .story__flexbox3 p {color:var(--story5-color3); background: var(--story5-color2); display:flex; align-items: center; justify-content: center;}
.story5 .story__body .story__flexbox3 p::before {background-image: url(../img/story5_icon01.png);}
.story5 .story__body .story__flexbox3 p::after {background-image: url(../img/story5_icon02.png);}
.story5 .story__body .story__flexbox3--re p {color:var(--story5-color3); background: var(--story5-color2); display:flex; align-items: center; justify-content: center;}
.story5 .story__body .story__flexbox3--re p::before {background-image: url(../img/story5_icon01.png);}
.story5 .story__body .story__flexbox3--re p::after {background-image: url(../img/story5_icon02.png);}
.story5 .story__body .story__txtbox {background: var(--story5-color2);}
.story5 .story__body .story__txtbox::before {background-image: url(../img/story5_icon01.png);}
.story5 .story__body .story__txtbox::after {background-image: url(../img/story5_icon02.png);}
.story5 .story__body .story__txtbox p {color:var(--story5-color3);}
.story5 .story__wrap .golist {color:var(--story5-color3); }
@media (max-width:500px){
    .story5 .story__body h3 {height:0.84rem;}
    .story5 .story__body h3::after {right:0.27rem;}
    .story5 .story__body h3 .br {display:block;}
}

.story6 .story__tit {background: var(--story6-color2);}
.story6 .story__tit figure {background: var(--story6-color1);}
.story6 .story__wrap {background: var(--story6-color1);}
.story6 .story__body .story__imgbox {border:3px solid var(--story6-color1);}
.story6 .story__body p span {color:var(--story6-color3);}
.story6 .story__body h3 {max-width:5.4rem; background: var(--story6-color1);}
.story6 .story__body h3::after {display:block; content:''; background-image:url(../img/story6_bg.png);}
.story6 .story__body .story__flexbox1 p {color:var(--story6-color3)}
.story6 .story__body .story__flexbox2 p span {color:var(--story6-color3)}
.story6 .story__body .story__flexbox2--re p span {color:var(--story6-color3)}
.story6 .story__body .story__flexbox3 p {color:var(--story6-color3); background: var(--story1-color2); display:flex; align-items: center; justify-content: center;}
.story6 .story__body .story__flexbox3 p::before {background-image: url(../img/story6_icon01.png);}
.story6 .story__body .story__flexbox3 p::after {background-image: url(../img/story6_icon02.png);}
.story6 .story__body .story__flexbox3--re p {color:var(--story6-color3); background: var(--story6-color2); display:flex; align-items: center; justify-content: center;}
.story6 .story__body .story__flexbox3--re p::before {background-image: url(../img/story6_icon01.png);}
.story6 .story__body .story__flexbox3--re p::after {background-image: url(../img/story6_icon02.png);}
.story6 .story__body .story__txtbox {background: var(--story6-color2);}
.story6 .story__body .story__txtbox::before {background-image: url(../img/story6_icon01.png);}
.story6 .story__body .story__txtbox::after {background-image: url(../img/story6_icon02.png);}
.story6 .story__body .story__txtbox p {color:var(--story6-color3);}
.story6 .story__wrap .golist {color:var(--story6-color3); }
@media (max-width:500px){
    .story6 .story__body h3 {height:0.84rem;}
    .story6 .story__body h3::after {right:0.27rem;}
    .story6 .story__body h3 .br {display:block;}
}

.story7 .story__tit {background: var(--story7-color2);}
.story7 .story__tit figure {background: var(--story7-color1);}
.story7 .story__wrap {background: var(--story7-color1);}
.story7 .story__body .story__imgbox {border:3px solid var(--story7-color1);}
.story7 .story__body p span {color:var(--story7-color3);}
.story7 .story__body h3 {max-width:5.4rem; background: var(--story7-color1);}
.story7 .story__body h3::after {display:block; content:''; background-image:url(../img/story7_bg.png);}
.story7 .story__body .story__flexbox1 p {color:var(--story7-color3)}
.story7 .story__body .story__flexbox2 p span {color:var(--story7-color3)}
.story7 .story__body .story__flexbox2--re p span {color:var(--story7-color3)}
.story7 .story__body .story__flexbox3 p {color:var(--story7-color3); background: var(--story7-color2); display:flex; align-items: center; justify-content: center;}
.story7 .story__body .story__flexbox3 p::before {background-image: url(../img/story7_icon01.png);}
.story7 .story__body .story__flexbox3 p::after {background-image: url(../img/story7_icon02.png);}
.story7 .story__body .story__flexbox3--re p {color:var(--story7-color3); background: var(--story7-color2); display:flex; align-items: center; justify-content: center;}
.story7 .story__body .story__flexbox3--re p::before {background-image: url(../img/story7_icon01.png);}
.story7 .story__body .story__flexbox3--re p::after {background-image: url(../img/story7_icon02.png);}
.story7 .story__body .story__txtbox {background: var(--story7-color2);}
.story7 .story__body .story__txtbox::before {background-image: url(../img/story7_icon01.png);}
.story7 .story__body .story__txtbox::after {background-image: url(../img/story7_icon02.png);}
.story7 .story__body .story__txtbox p {color:var(--story7-color3);}
.story7 .story__wrap .golist {color:var(--story7-color3); }
@media (max-width:500px){
    .story7 .story__body h3 {height:0.84rem;}
    .story7 .story__body h3::after {right:0.27rem;}
    .story7 .story__body h3 .br {display:block;}
}




.season2-wrap {font-size: var(--fz); background: #ffe200; padding:1.875em 3%; position: relative;}
.season2-wrap::after {content:''; display: block; width:59.25em; aspect-ratio: 1/0.383; background: url(../img/test.png) no-repeat center / cover; position: absolute; left:50%; top:0; transform:translateX(-50%);}
.season2-cont {background: #fff; width:100%; border-radius:500px 500px 0 0; padding-bottom: 1.875em;}
.season2-tit {padding:3.125em 7%;}
.season2-tit__figure {text-align: center; padding-bottom: 1.5625em;}
.season2-tit__title {font-size: 2.625em; font-weight: 700; color:#fff; text-align: center; height:1.8572em; display: flex; align-items: center; justify-content: center; padding-bottom: 0.25em; margin:0 auto 0.8334em;}
.season2-1 .season2-tit__title {width:15.4762em; background: url(../img/season2-tit_bg01.png) no-repeat center / cover;}
.season2-2 .season2-tit__title {width:9.3334em; height:1.9286em; background: url(../img/season2-tit_bg02.png) no-repeat center / cover;}
.season2-3 .season2-tit__title {width:8.1191em; height:1.9286em; background: url(../img/season2-tit_bg03.png) no-repeat center / cover;}
.season2-4 .season2-tit__title {width:6.881em; height:1.9286em; background: url(../img/season2-tit_bg04.png) no-repeat center / cover;}
.season2-5 .season2-tit__title {width:12em; background: url(../img/season2-tit_bg05.png) no-repeat center / cover;}
.season2-6 .season2-tit__title {width:11.262em; background: url(../img/season2-tit_bg06.png) no-repeat center / cover;}
.season2-7 .season2-tit__title {width:13.1429em; background: url(../img/season2-tit_bg07.png) no-repeat center / cover;}
.season2-8 .season2-tit__title {width:11.262em; background: url(../img/season2-tit_bg08.png) no-repeat center / cover;}
.season2-9 .season2-tit__title {width:7.4286em; background: url(../img/season2-tit_bg09.png) no-repeat center / cover;}
.season2-10 .season2-tit__title {width:9.3334em; background: url(../img/season2-tit_bg10.png) no-repeat center / cover;}
.season2-tit__desc {text-align: center; font-size: 2.125em; font-weight: 800; color:#1f1f1f;}
.season2-body {padding:0 7%}
.season2-body__figure {padding-bottom: 1.875em; text-align: center;}
.season2-body__figure--top {padding-bottom: 5.625em;}
.season2-body__head {font-size: 3.75em; text-align: center; line-height: 1.3; color:#006EED; padding-left: 0.5em; padding-bottom: 1.3834em; position: relative;}
.season2-body__head::after {content:''; display: block; position: absolute;}
.season2-1 .season2-body__head::after {width:4.3667em; aspect-ratio: 1/0.7405; left:-1.0334em; top:-2.6667em; background: url(../img/season2-body_charactor01.png) no-repeat center / cover;}
.season2-2 .season2-body__head::after {width:3.4167em; aspect-ratio: 1/1.1952; left:-1.1534em; top:-0.7667em; background: url(../img/season2-body_charactor02.png) no-repeat center / cover;}
.season2-3 .season2-body__head {text-align: right;}
.season2-3 .season2-body__head::after {width:5.1834em; aspect-ratio: 1/0.7846; left:-0.8334em; top:-1.2667em; background: url(../img/season2-body_charactor03.png) no-repeat center / cover;}
.season2-4 .season2-body__head {text-align: right;}
.season2-4 .season2-body__head::after {width:4.3em; aspect-ratio: 1/0.8721; left:-0.5334em; top:-2.6667em; background: url(../img/season2-body_charactor04.png) no-repeat center / cover;}
.season2-5 .season2-body__head::after {width:3.8834em; aspect-ratio: 1/1.3091; left:-0.7334em; top:-2.6667em; background: url(../img/season2-body_charactor05.png) no-repeat center / cover;}
.season2-6 .season2-body__head {text-align: left; padding-left: 0;}
.season2-6 .season2-body__head::after {width:3.85em; aspect-ratio: 1/1.078; right:-1.0334em; top:-0.9667em; background: url(../img/season2-body_charactor06.png) no-repeat center / cover;}
.season2-7 .season2-body__head::after {width:6.1334em; aspect-ratio: 1/0.4104; left:-0.6334em; top:-2.9667em; background: url(../img/season2-body_charactor07.png) no-repeat center / cover;}
.season2-8 .season2-body__head {text-align: right;}
.season2-8 .season2-body__head::after {width:3.8334em; aspect-ratio: 1/0.9479; left:0.4666em; top:-0.3667em; background: url(../img/season2-body_charactor08.png) no-repeat center / cover;}
.season2-9 .season2-body__head {text-align: left; padding-left: 0;}
.season2-9 .season2-body__head::after {width:4.05em; aspect-ratio: 1/1.0741; right:-0.8334em; top:-0.9667em; background: url(../img/season2-body_charactor09.png) no-repeat center / cover;}
.season2-10 .season2-body__head {text-align: left; padding-left: 0;}
.season2-10 .season2-body__head::after {width:4.1em; aspect-ratio: 1/0.809; right:-0.9334em; top:0.5333em; background: url(../img/season2-body_charactor10.png) no-repeat center / cover;}
.season2-body__title {background: url(../img/season2-body_icon01.png) no-repeat center / cover; font-size: 2.3125em; text-align: center; color:#006EED; height:2.1622em; display: flex; align-items: center; justify-content: center; margin-bottom: 0.5406em;}
.season2-body__desc {font-size: 1.5625em; line-height: 1.76; padding-bottom: 1em;}
.season2-body__desc--double {padding-bottom: 2em;}
.season2-body__box {padding:1.25em 1.5em; background: #fff7bd; margin-bottom: 2.5em;}
.season2-body__box--double {margin-bottom: 4em;}
.season2-body__box .season2-body__desc {letter-spacing: -0.01em; padding-bottom: 0;}
.season2-body__txtimg {display: flex; justify-content: space-between; padding-bottom: 2.5em;}
.season2-body__txtimg .season2-body__desc {padding-bottom: 0; padding-right: 4%;}
.season2-6 .season2-body__txtimg .season2-body__desc {padding-right: 0; padding-left: 4%;}
.season2-9 .season2-body__txtimg .season2-body__desc {padding-right: 0; padding-left: 4%;}
.season2-10 .season2-body__txtimg .season2-body__desc {padding-right: 0; padding-left: 4%;}
.season2-body__txtimg .season2-body__figure {padding-bottom: 0; min-width:50%;}
.season2-body__txtimg .season2-body__figure--triple {min-width:30%}
.season2-body__border {border:2px solid #006EEC; position: relative; padding:1.25em 1.5625em; margin-bottom: 4.375em;}
.season2-body__border::after {content:''; display: block; background: url(../img/season2-body_icon02.png) no-repeat center / cover; width:3.75em;height:3em; position: absolute; left:1em; top:-1.75em;}
.season2-body__border .season2-body__desc {padding-bottom: 0; font-weight: 500; color:#006EEC;}
a.season2-golist {display: flex; width:8.3334em; height:1.9167em; align-items: center; justify-content: center; margin:0 auto; font-size: 1.5em; line-height: 1; border-radius:50px; background: #006EEC; color:#fff;}


@media (max-width:768px){
    .season2-wrap::after {width:42.75em}
    .season2-tit__title {font-size:2.025em;}
    .season2-tit__desc {font-size: 1.825em;}
    .season2-body__head {font-size: 2.55em;}
    .season2-body__title {font-size: 1.7125em;}
    .season2-body__desc {font-size: 1.1625em;}
}
@media (max-width:500px){
    .season2-wrap::after {width:26.75em}
    .season2-tit__title {font-size:1.425em;}
    .season2-tit__desc {font-size: 1.225em;}
    .season2-body__head {font-size: 1.85em;}
    .season2-body__title {font-size: 1.1125em;}
    .season2-body__desc {font-size: 0.9625em;}
    .season2-body__txtimg {flex-direction: column-reverse;}
    .season2-body__txtimg .season2-body__desc {padding-right: 0; padding-top: 4%;}
    .season2-6 .season2-body__txtimg {flex-direction: column;}
    .season2-6 .season2-body__txtimg .season2-body__desc {padding-left: 0; padding-top: 4%;}
    .season2-9 .season2-body__txtimg {flex-direction: column;}
    .season2-9 .season2-body__txtimg .season2-body__desc {padding-left: 0; padding-top: 4%;}
    .season2-10 .season2-body__txtimg {flex-direction: column;}
    .season2-10 .season2-body__txtimg .season2-body__desc {padding-left: 0; padding-top: 4%;}
}
/* 서브 끝*/

/* 시즌3 공통 */
.season3-wrap {font-size: var(--fz); padding:1.875em 3%; position: relative; background: url(../img/story3_1_bg.png) no-repeat center top / 100% auto;}
.season3-cont {width:100%; padding-bottom: 1.875em;}
.season3-tit {padding:7em 7% 0;}
.season3-tit__figure {text-align: center; padding-bottom: 1em;}
.season3-tit__title {width:max-content; margin: 0 auto 2.4em;}
.season3-tit__desc {text-align: center; font-size: 2.125em; font-weight: 800; color:#1f1f1f;}
.season3-body {padding:0 7%}
.season3-body__top {position: relative; z-index: 0; margin-bottom: 4.5em;}
.season3-body__illust01 img {width: 10.5em;}
.season3-body__illust {position: absolute; z-index: -1;}
.season3-body__illust--left {top: 0; left: 0; transform:translate(10%, -25%);}
.season3-body__illust--right {bottom: 0; right: 0; transform:translate(5%, 25%);}
.season3-body__illust--3-2-1 {width: 6.8125em;}
.season3-body__illust--3-2-2 {width: 12.125em;}
.season3-body__illust--3-3-1 {width: 8.875em;}
.season3-body__illust--3-3-2 {width: 9.375em;}
.season3-body__illust--3-4-1 {width: 11.5625em;}
.season3-body__illust--3-5-1 {width: 11.6875em;}
.season3-body__illust--3-6-1 {width: 13.0625em;}
.season3-body__illust--3-7-1 {width: 10.5625em;}
.season3-body__illust--3-7-2 {width: 12.3125em;}
.season3-body__illust--3-8-1 {width: 13.375em;}
.season3-body__illust--3-9-1 {width: 12.3125em;}
.season3-body__illust--3-10-1 {width: 13.3125em;}

@media(max-width:1140px){
    .season3-tit__title {width: auto; text-align: center;}
}

@media(max-width:768px){
    .season3-body__illust01 img {width: 8em;}
    .season3-body__illust--3-2-1 {width: 4em;}
    .season3-body__illust--3-2-2 {width: 8em;}
    .season3-body__illust--3-3-1 {width: 6em;}
    .season3-body__illust--3-3-2 {width: 7em;}
    .season3-body__illust--3-4-1 {width: 8em;}
    .season3-body__illust--3-5-1 {width: 8em;}
    .season3-body__illust--3-6-1 {width: 8em;}
    .season3-body__illust--3-7-1 {width: 7em;}
    .season3-body__illust--3-7-2 {width: 7em;}
    .season3-body__illust--3-8-1 {width: 8em;}
    .season3-body__illust--3-9-1 {width: 6.5em;}
    .season3-body__illust--3-10-1 {width: 7.5em;}
}

@media(max-width:500px){    
    .season3-body__illust01 img {width: 4.5em;}
.season3-body__illust {width: 4.5em;}    
.season3-body__illust--left {transform:translate(-10%, -25%);}
.season3-body__illust--right {transform:translate(15%, 25%);}
.season3-body__illust--3-2-1 {width: 3em;}
}
.season3-body__intro {margin-bottom: 4.375em;}
.season3-body__section {margin-bottom: 4em;}
.season3-body__section:last-of-type {margin-bottom: 0;}
.season3-body__figure {padding-bottom: 1.875em; text-align: center;}
.season3-body__head {font-size: 3.75em; text-align: center; line-height: 1.25; color:#006EEC;font-family: 'TtangsBudaeJjigae', sans-serif; font-weight: 700;}
.season3-body__int-img {display: block;}
.season3-body__title {font-size: 2.3125em; text-align: center; color:#006EEC; display: flex; align-items: center; justify-content: center; margin-bottom: 0.5406em; font-family: 'TtangsBudaeJjigae', sans-serif; font-weight: 500; position: relative;}
.season3-body__title--border {padding:0.48em 1em 0.28em; border:3px solid #006EEC; border-radius:3em; margin-bottom: 1em;}
.season3-body__title span {position: relative; z-index: 1;}
.season3-body__desc {font-size: 1.5625em; line-height: 1.76; padding-bottom: 1em; letter-spacing: -0.02em;}
.season3-body__desc--double {padding-bottom: 2em;}
.season3-body__desc--highlight {font-weight: 700; color:#006EEC;}
.season3-body__desc--highlight u {text-decoration: underline; text-decoration-color: #ffe200; text-underline-offset: -0.2em; text-decoration-thickness: 0.35em; text-decoration-skip-ink: none;}
.season3-body__desc:last-child {padding-bottom: 0;}
.season3-body__box {padding:1.25em 1.5em; background: #fff8bd; margin-bottom: 2.5em;}
.season3-body__box--double {margin-bottom: 4em;}
.season3-body__box .season3-body__desc {letter-spacing: -0.01em; padding-bottom: 0;}
.season3-body__txtimg {display: flex; justify-content: space-between; padding-bottom: 2.5em; gap:2em; align-items: center;}
.season3-body__txtimg .season3-body__desc {padding-bottom: 0; flex:1;}
.season3-body__txtimg .season3-body__figure {padding-bottom: 0; width: 45.77%;}
.season3-body__txtimg .season3-body__figure--triple {min-width:30%}
.season3-body__border {border:2px solid #006EEC; position: relative; padding:1.25em 1.5625em; margin-bottom: 4.375em;}
.season3-body__border .season3-body__desc {padding-bottom: 0; font-weight: 500; color:#006EEC;}
.season3-body__person {font-size: 0.92em; color:#1f1f1f;}
a.season3-golist {display: flex; width:8.3334em; height:1.9167em; align-items: center; justify-content: center; margin:0 auto; font-size: 1.5em; line-height: 1; border-radius:50px; background: #006EEC; color:#fff;}

/* 시즌3 페이지별 단체명 배경 (각 페이지 작업 시 개별 추가) */




/* .season3-2 .season3-tit__title {} */
/* ... */

@media (max-width:768px){
  .season3-wrap::after {width:42.75em}
  .season3-tit__title {font-size:2.025em;}
  .season3-tit__desc {font-size: 1.825em;}
  .season3-body__head {font-size: 2.55em;}
  .season3-body__title {font-size: 1.7125em;}
  .season3-body__desc {font-size: 1.1625em;}
}
@media (max-width:500px){
  .season3-wrap::after {width:26.75em}
  .season3-tit__title {font-size:1.425em;}
  .season3-tit__desc {font-size: 1.225em;}
  .season3-body__head {font-size: 1.85em;}
  .season3-body__title {font-size: 1.1125em;}
  .season3-body__desc {font-size: 0.9625em;}
  .season3-body__txtimg {flex-direction: column-reverse;}
  .season3-body__txtimg .season3-body__desc {padding-right: 0; padding-top: 4%;}
}
/* 시즌3 끝*/


.season3-body__illust01 {text-align: center; margin:1.7em 0 0.7em;}
.season3-body__imgpair {display: flex; gap: 1.875em; padding-bottom: 1.875em;}
.season3-body__imgpair .season3-body__figure {padding-bottom: 0; flex: 1;}
.season3-body__desc u {text-decoration: underline; text-decoration-color: #ffe200; text-underline-offset: -0.2em; text-decoration-thickness: 0.35em; text-decoration-skip-ink: none;}
.season3-body__imgtriple {display: flex; gap: 1.875em; padding-bottom: 1.875em;}
.season3-body__imgtriple .season3-body__figure {padding-bottom: 0; flex: 1;}
.season3-body__gallery {padding-top: 2em;}