@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/variable/pretendardvariable.css");

/* s 나눔스퀘어네오 */
@font-face {
    font-family: 'NanumSquareNeoLight';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.ttf) format("truetype");
}

@font-face {
    font-family: 'NanumSquareNeo';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.ttf) format("truetype");
}

@font-face {
    font-family: 'NanumSquareNeoBold';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.ttf) format("truetype");
}

@font-face {
    font-family: 'NanumSquareNeoExtraBold';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.ttf) format("truetype");
}

@font-face {
    font-family: 'NanumSquareNeoHeavy';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.ttf) format("truetype");
}

@font-face {
    font-family: 'NanumSquareNeoVariable';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.ttf) format("truetype");
}



html{overflow:scroll;overflow-x:auto}
html{width:100%;height:100%;-webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none;}
body{overflow:hidden;width:100%;min-width:320px;margin:0px;padding:0px;font-family:'NanumSquareNeo',sans-serif,'Noto Sans KR';font-weight:400;font-size:18px;color:#000000;line-height:1.4; word-break:keep-all;}


img{border:none;vertical-align:top}

h1, h2, h3, h4, h5, h6, em{margin:0;padding:0;}
p{margin:0;padding:0;}
ol, ul, dl, li, dt, dd{display:block;margin:0;padding:0;list-style:none; }

textarea{margin:0;padding:0;border:none;resize:none;}
input{margin:0;padding:0;border:none;font-family: 'NanumSquareNeo',sans-serif,'Noto Sans KR';font-weight:normal;}
input[type=text],input[type=password],input[type=submit],input[type=button]{-webkit-appearance: none;-webkit-border-radius: 0;}
input[type=checkbox]{border:1px solid #666666;border-radius:0;}
input[type=radio]{border:1px solid #666666;}
input:focus,textarea:focus{outline-style:none;}

a{color:inherit;text-decoration:none;outline:none;select-dummy:expression(this.hideFocus=true);}
a:hover{color:inherit;text-decoration:none}
a:active{color:inherit;text-decoration:none}
a:visited{color:inherit;text-decoration:none}
address, em, strong{font-weight:normal}


.wrap{}

h1{ position:absolute; left:calc(50% - 85px); top:58px; z-index:99999;}
h1 > a{display:block;width:170px; height:56px; background: url(images/logo_top.png) left top no-repeat; background-size:100% auto; text-indent:-999999px}
h2{ font-family: 'NanumSquareNeo'; font-size:70px; letter-spacing:-0.03em; line-height:80px; color:#000}
h2 strong{ color:#0072bc;}
h3{ font-family: 'NanumSquareNeo'; font-size:50px; letter-spacing:-0.03em; line-height:60px; color:#000}
h3 strong{ color:#0072bc;}
@media only screen and (max-width:1200px) {
h1{ left:30px; top:25px; }
}
@media only screen and (max-width:900px) {
h1{ left:20px; top:15px; }
h1 > a{width:90px; height:32px;}
h2{ font-size:35px;line-height:40px;}
h3{ font-size:25px;line-height:30px;}
}

.quick_button{position:fixed;right:0;bottom:0;z-index:1000;}
.quick_button .btn{display:block;margin:0 40px 40px 0;width:255px;height:218px;background:url(images/quick.png) center no-repeat; background-size:contain;cursor:pointer}
@media only screen and (max-width:900px) {
	.quick_button{display:none !important;position:fixed;left:0;top:auto;bottom:0;width:100%;height:58px;border-radius:0;}
}

.mobile_quick{display:none;}
@media only screen and (max-width:900px) {
	.mobile_quick{display:block;position:fixed;left:0;bottom:0;z-index:1000;width:100%;height:87px;  font-family: 'NanumSquareNeoExtraBold';font-size:21px;line-height:28px;background:#fec629}
	.mobile_quick > a{display:flex;justify-content: center;align-items: center;height:87px;}
	.mobile_quick > a > p{position:relative;padding-left:85px;text-align:center;}
	.mobile_quick > a > p > span{display:block;}
	.mobile_quick > a > p > img{position:absolute;left:0;top:-25px;width:75px;}
}



.visual{position:relative;height:1060px;background:url(images/home.png) left bottom no-repeat #16cbff}
.visual .people{position:absolute;left:calc(50% - 208px);bottom:0;width:1043px;height:966px;}
.visual .people .text{position:absolute;right:0;top:253px;font-weight:700;font-size:26px;color:#ffffff;line-height:40px; letter-spacing:-0.025em;}
.visual .people .text > span{position:absolute;right:0;top:0;display:inline-block;text-align:center;}

.visual .text{position:relative;display:inline-block;left:calc(50% - 707px);top:180px;}
.visual .text .title{}
.visual .text .txt{padding:35px 0 55px 0;font-weight:700;font-size:26px;line-height:40px;text-align:center; letter-spacing:-0.025em;}
.visual .text .txt > span{display:block;}
.visual .text .banner{display:block;position:relative;width:513px;height:140px;padding-right:60px; box-sizing:border-box;;background:#fec629;text-align:right;}
.visual .text .banner > p{display:inline-block;margin-top:30px;font-family:'NanumSquareNeoExtraBold';font-size:30px;line-height:40px;letter-spacing:-0.025em;}
.visual .text .banner > p > span{display:block;text-align:center;}
.visual .text .banner > img{position:absolute;left:42px;top:-25px;}
@media only screen and (max-width:1488px) {
.visual .people{left:calc(50% - 208px);}
.visual .text{left:24px;top:180px;}


}
@media only screen and (max-width:900px) {
.visual{overflow:hidden;height:784px;background:url(images/home-m.png) left bottom no-repeat #16cbff; background-size:350px auto;}
.visual .people{position:absolute;left:calc(50% - 190px);bottom:-10px;z-index:900;width:358px;height:auto;}
.visual .people > img{z-index:900;width:100%;height:auto;}
.visual .people .text{right:-25px;top:81px;font-size:13px;line-height:20px;}
.visual .people .text > span{position:absolute;right:0;top:0;display:inline-block;text-align:center;}

.visual .text{display:block;left:0;top:90px;}
.visual .text .title{text-align:center;}
.visual .text .title > img{width:227px;}
.visual .text .txt{padding:20px 0 25px 0;font-size:20px;line-height:28px;}



.visual .text .banner{z-index:1000;width:202px;height:57px;margin:0 auto;padding-right:19px;}
.visual .text .banner > p{margin-top:10px;font-size:14px;line-height:18px;}
.visual .text .banner > img{left:7px;top:-14px;width:53px;height:auto;}
}

.motion {
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.motion.active {
    opacity: 1;
    transform: translateY(0);
}

.motion.hidden {
    opacity: 0;
    transform: translateY(30px); /* 살짝만 내려가게 해서 부드럽게 */
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(50px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(50px);
    }
}

@keyframes sway {
    0% { transform: rotate(-1deg); }
    50% { transform: rotate(1deg); }
    100% { transform: rotate(-1deg); }
}

@keyframes walk {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-5px);
    }
}

.box1{background:#84a3c3;padding:75px 0 0 0;}
.box1 > .paper1{position:relative;width:100%;max-width:1595px;height:1005px;margin:0 auto;background:url(images/paper1.png) center no-repeat;}
.box1 > .paper1 .people{position:absolute;width:100%;height:100%;background:url(images/people2.png) left 94px bottom 20px no-repeat;}
.box1 > .paper1 .cover{position:absolute;width:100%;height:100%;background:url(images/paper_bg.png) center bottom no-repeat;}
.box1 > .paper1 .title{padding-top:90px;}
.box1 > .paper1 .title .event{width:268px;height:96px;margin:0 auto;font-size:48px;font-family:'NanumSquareNeoExtraBold';line-height:96px;color:#ffffff;text-align:center;letter-spacing:-0.025em;background:#011c51;}
.box1 > .paper1 .title .subject{position:relative;padding-top:40px;font-family: 'NanumSquareNeoHeavy';font-size:74px;color:#011c51;text-align:center;letter-spacing:-0.025em;}
.box1 > .paper1 .title .subject .question{position:absolute;left:calc(50% - 500px);top:20px;z-index:50;}
.box1 > .paper1 .title .subtitle{z-index:100;padding-top:10px;font-family:'NanumSquareNeoExtraBold';font-size:42px;color:#011c51;text-align:center; letter-spacing:-0.05em}
.box1 > .paper1 .explan{position:relative;left:calc(50% - 125px);display:inline-block;padding-top:80px;}
.box1 > .paper1 .explan > dl{display:flex;padding-bottom:30px;}
.box1 > .paper1 .explan > dl > dt{width:195px;font-family:'NanumSquareNeoExtraBold';font-size:26px;color:#4b4b4b;letter-spacing:-0.025em;}
.box1 > .paper1 .explan > dl > dd{font-family:'NanumSquareNeoBold';font-size:26px;color:#4b4b4b;}

.box1 > .explan{}
.box1 > .explan .area{width:100%;max-width:1488px;padding:44px;margin:55px auto 0 auto;box-sizing:border-box;background:#6988a9;}
.box1 > .explan .area .title{font-family:'NanumSquareNeoBold';font-size:24px;color:#ffffff;}
.box1 > .explan .area > ul{}
.box1 > .explan .area > ul > li{padding:7px 0 7px 33px;font-family:'NanumSquareNeoBold';font-size:21px;line-height:28px;color:#ffffff; text-indent:-33px;}
.box1 > .explan .area > ul > li .point{display:inline-block;width:11px;height:11px;margin-right:22px;border-radius:11px;background:#ffffff;}
.box1 > .explan .area > ul > li .db{display:block;}
.box1 > .button{display:flex;justify-content: center;align-items: center;flex-direction: column;width:514px;height:140px;margin:76px auto 0 auto;box-sizing:border-box;font-size:28px;color:#ffffff;text-align:center;background:#05080c;}
.box1 > .button > span{display:block;font-family:'NanumSquareNeoExtraBold';font-size:40px;color:#ffffff;}


.box1.st2{padding-bottom:144px;}
.box1.st2 > .paper1{max-width:1581px;height:974px;background:url(images/paper2.png) center no-repeat;}
.box1.st2 > .paper1 .title{padding-top:30px;}

.box1 > .paper1 .eventarea{display:flex;justify-content: center;padding-top:90px;}
.box1 > .paper1 .eventarea .txtbox{display:flex;flex-direction: column;justify-content: space-between;width:563px;}
.box1 > .paper1 .eventarea .txtbox .txt1{font-family: 'NanumSquareNeoHeavy';font-size:74px;color:#011c51;line-height:100px;letter-spacing:-0.025em;}
.box1 > .paper1 .eventarea .txtbox .txt2{font-family:'NanumSquareNeoExtraBold';font-size:26px;}
.box1 > .paper1 .eventarea .imgbox{width:563px;}
.box1 > .paper1 .eventarea .imgbox .img{position:relative;width:563px;height:387px;padding-top:22px;box-sizing:border-box;border-radius:30px; background:url(images/photo.png) center no-repeat; background-size:cover;}
.box1 > .paper1 .eventarea .imgbox .img .txt1{display:flex;justify-content: center;align-items: center;height:53px;margin:0 25px;border-radius:10px;font-family:'NanumSquareNeoBold';font-size:20px;color:#363636;letter-spacing:-0.07em;background:#ffffff;;}
.box1 > .paper1 .eventarea .imgbox .img .round{display:flex;flex-direction: column;justify-content: center;align-items: center;position:absolute;right:-55px;bottom:-7px;width:170px;height:170px; border-radius:170px;font-family: 'NanumSquareNeoHeavy';font-size:41px;line-height:1.1;text-align:center;background:#fec629;}
.box1 > .paper1 .eventarea .imgbox .img .round > span{display:block;font-size:56px;line-height:1.1;}

.box1 > .paper1 .steparea{display:flex;justify-content: space-between;max-width:1150px;margin:0 auto;padding-top:80px;text-align:center;}
.box1 > .paper1 .steparea > dl{}
.box1 > .paper1 .steparea > dl > dt{font-family: 'NanumSquareNeoHeavy';font-size:50px;color:#05080c; white-space:nowrap}
.box1 > .paper1 .steparea > dl > dd{font-family:'NanumSquareNeoBold';font-size:26px;line-height:40px;}
.box1 > .paper1 .steparea > dl > dd > span{display:inline-block;}
@media only screen and (max-width:1488px) {
	.box1 > .paper1 .people{background:url(images/people2.png) left 20px bottom 20px no-repeat;}
}
@media only screen and (max-width:1200px) {
	.box1 > .paper1 .people{background:url(images/people2.png) left -100px bottom 20px no-repeat;}
}
@media only screen and (max-width:900px) {
	.box1{padding:40px 0 0 0;}
	.box1 > .paper1{max-width:406px;height:336px;background:url(images/paper1-m.png) center top no-repeat; background-size:cover}
	.box1 > .paper1 .people{left:calc(50% - 195px);bottom:0;width:100%;height:122px;background:url(images/people2.png) left 15px bottom 0 no-repeat; background-size:contain;}
	.box1 > .paper1 .cover{position:absolute;max-width:406px;height:336px;background:url(images/paper_bg.png) center bottom no-repeat; background-size:auto 14.5px;}
	.box1 > .paper1 .title{padding-top:23px;}
	.box1 > .paper1 .title .event{width:66px;height:26px;font-size:13px;line-height:26px;}
	.box1 > .paper1 .title .subject{padding-top:10px;font-size:23px;}
	.box1 > .paper1 .title .subject .question{left:calc(50% - 145px);top:12px;}
	.box1 > .paper1 .title .subject .question > img{width:29px;height:auto;}
	.box1 > .paper1 .title .subtitle{padding-top:7px;font-size:12px;}
	.box1 > .paper1 .explan{position:relative;left:calc(50% - 60px);display:inline-block;padding-top:20px;}
	.box1 > .paper1 .explan > dl{padding-bottom:10px;}
	.box1 > .paper1 .explan > dl > dt{width:70px;font-size:10px;}
	.box1 > .paper1 .explan > dl > dd{font-size:10px;}
	.box1 > .paper1 .explan > dl > dd > span{display:block;}
	
	.box1 > .explan{padding:0 24px;margin-top:30px;}
	.box1 > .explan .area{width:auto;max-width:430px;padding:11px 13px;box-sizing:border-box;margin:0 auto;}
	.box1 > .explan .area .title{font-size:10px;}
	.box1 > .explan .area > ul > li{padding:0 0 0 7px;margin:5px 0;font-size:10px;line-height:13px;text-indent:-7px;}
	.box1 > .explan .area > ul > li .point{width:2px;height:2px;margin-right:4px;}
	.box1 > .explan .area > ul > li span{display:inline-block;}

	
	.box1 > .button{width:202px;height:57px;margin:33px auto 0 auto;font-size:10px;}
	.box1 > .button > span{font-size:15px;}
	
	
	.box1.st2{padding-bottom:45px;}
	.box1.st2 > .paper1{max-width:406px;height:492px;background:url(images/paper2-m.png) center no-repeat;}
	.box1.st2 > .paper1 .title{padding-top:22px;}
	
	.box1 > .paper1 .eventarea{display:flex;justify-content: center;flex-direction: column;padding-top:0;text-align:center;}
	.box1 > .paper1 .eventarea .txtbox{width:100%;}
	.box1 > .paper1 .eventarea .txtbox .txt1{padding-top:10px;;font-size:23px;line-height:31px;}
	.box1 > .paper1 .eventarea .txtbox .txt1 > span{display:block;}
	.box1 > .paper1 .eventarea .txtbox .txt2{padding-top:10px;font-size:14px;}
	.box1 > .paper1 .eventarea .imgbox{width:100%;padding-top:20px;}
	.box1 > .paper1 .eventarea .imgbox .img{width:315px;height:148px;padding-top:12px; border-radius:10px; margin:0 auto; text-align:left;}
	.box1 > .paper1 .eventarea .imgbox .img .txt1{display:inline-block;height:21px;margin:0 0 0 12px; padding:0 8px;border-radius:5px;font-size:10px;line-height:21px;}
	.box1 > .paper1 .eventarea .imgbox .img .round{right:-16px;bottom:-8px;width:86px;height:86px; font-size:21px;}
	.box1 > .paper1 .eventarea .imgbox .img .round > span{display:block;font-size:29px;}
	
	.box1 > .paper1 .steparea{display:flex;justify-content: space-between;flex-direction: column;max-width:1150px;margin:0 auto;padding-top:25px;text-align:center;}
	.box1 > .paper1 .steparea > dl{display:flex;justify-content:flex-start;width:316px;margin:0 auto;}
	.box1 > .paper1 .steparea > dl > dt{width:86px;font-size:15px;text-align:left;}
	.box1 > .paper1 .steparea > dl > dd{width:230px;font-size:13px;line-height:20px;text-align:left;}
	.box1 > .paper1 .steparea > dl > dd > span{display:inline-block;}
}


.box2{background:url(images/bg2.png) center bottom no-repeat #0249c9; background-size:100% auto;}
.box2 .area1{max-width:1488px; margin:0 auto;padding-top:100px;}
.box2 .area1.st2{padding-top:260px;}
.box2 .area1 .txt1{padding:60px 0;text-align:center;font-family: 'NanumSquareNeoHeavy';font-size:48px;color:#ffffff;}
.box2 .area1 .txt1 > span{display:block;}
.box2 .area1 .txt1 > span .color1{color:#fee729;}
.box2 .area1 .txt2{margin:0 auto;padding:0 7% 20px calc(7% + 90px);text-indent:-90px;font-family:'NanumSquareNeoBold';font-size:40px;color:#ffffff;}
.box2 .area1 .txt2 .ball{display:inline-block;width:61px;height:61px;margin-right:27px;border-radius:61px; text-indent:0; text-align:center;line-height:61px;color:#0249c9;background:#ffffff;}
.box2 .area1 .txt3{padding:0 13%;font-family:'NanumSquareNeoBold';font-size:21px;color:#ffffff;}
.box2 .area1 .txt3 > span{display:block;padding-left:15px; text-indent:-15px;}
.box2 .area1 .txt3 > span > span{display:block;padding-left:15px;}
.box2 .area1 .photo{display:flex;gap:20px;justify-content: space-between;padding:100px 24px 0 24px;}
.box2 .area1 .photo .box{width:50%;height:704px;border-radius:50px;}
.box2 .area1 .photo .box.photo1{background:url(images/photo2.png);background-size:cover;}
.box2 .area1 .photo .box.photo2{background:url(images/photo3.png);background-size:cover;}

.box2 .area1 .txt4{font-size:24px;color:#ffffff;text-align:center;}
.box2 .area1 .txt4 > span{display:block;}
.box2 .area1 .txt4 > span > strong{font-family: 'NanumSquareNeoHeavy';}

.box2 .area1 > .photo2{}
.box2 .area1 > .photo2 .photobox{display:flex;flex-wrap: wrap;gap:18px 18px;justify-content: center;width:100%;max-width:1092px;margin:0 auto;padding:80px 0 190px 0;text-align:center;}
.box2 .area1 > .photo2 .photobox .box{position:relative;flex: 0 0 calc((100% - 36px) / 3);box-sizing: border-box;height:315px;border-radius:30px;font-family:'NanumSquareNeoExtraBold';font-size:40px;letter-spacing:-0.05em;color:#05080c;background:#ffffff;}
.box2 .area1 > .photo2 .photobox .box.photo1{background:url(images/icon01.png) center no-repeat; background-size:cover;}
.box2 .area1 > .photo2 .photobox .box.photo2{background:url(images/icon02.png) center no-repeat; background-size:cover;}
.box2 .area1 > .photo2 .photobox .box.photo3{background:url(images/icon03.png) center no-repeat; background-size:cover;}
.box2 .area1 > .photo2 .photobox .box.photo4{background:url(images/icon04.png) center no-repeat; background-size:cover;}
.box2 .area1 > .photo2 .photobox .box.photo5{background:url(images/icon05.png) center no-repeat; background-size:cover;}
.box2 .area1 > .photo2 .photobox .box > span{position:absolute;left:0;bottom:40px;width:100%;}
@media only screen and (max-width:900px) {
	.box2{background:url(images/bg2.png) center bottom no-repeat #0249c9; background-size:100% auto;}
	.box2 .area1{padding-top:0;max-width:430px;}
	.box2 .area1.st2{padding-top:40px;}
	.box2 .area1 .txt1{max-width:286px;margin:0 auto;padding:70px 0 15px 0;font-size:24px;}
	.box2 .area1 .txt2{padding:15px 24px 0 72px;text-indent:-48px;font-size:20px;line-height:28px;;}
	.box2 .area1 .txt2 .ball{width:33px;height:33px;margin-right:15px;line-height:33px; text-indent:0}
	.box2 .area1 .txt3{padding:25px 75px 0 75px;font-size:11px;text-align:left;}
	.box2 .area1 .txt3 > span{display:block;padding-left:8px; text-indent:-8px;}
	.box2 .area1 .txt3 > span > span{display:block;padding-left:0; margin-left:0;text-indent:0;}
	.box2 .area1 .photo{display:flex;gap:6px;justify-content: space-between;padding:40px 24px 0 24px;}
	.box2 .area1 .photo .box{width:50%;height:182px;border-radius:20px;}
	.box2 .area1 .photo .box.photo1{background:url(images/photo2.png);background-size:cover;}
	.box2 .area1 .photo .box.photo2{background:url(images/photo3.png);background-size:cover;}
	
	.box2 .area1 .txt4{padding-top:15px;;font-size:13px;line-height:20px;}
	.box2 .area1 .txt4 > span{display:block;}
	.box2 .area1 .txt4 > span > strong{font-family: 'NanumSquareNeoHeavy';}
	.box2 .area1 .txt4 > span > strong.dib2{display:block;}
	
	.box2 .area1 > .photo2{padding: 0 24px}
	.box2 .area1 > .photo2 .photobox{display:flex;flex-wrap: wrap;gap:6px 6px;justify-content: center;width:100%;max-width:1092px;margin:0 auto;padding:45px 0 80px 0;text-align:center;}
	.box2 .area1 > .photo2 .photobox .box{flex: 0 0 calc((100% - 12px) / 3);box-sizing: border-box;height:112px;border-radius:15px;font-size:14px;}
	.box2 .area1 > .photo2 .photobox .box > span{bottom:12px;}

}

.box3{background:url(images/bg3.png) center top no-repeat; background-size:cover;}
.box3 .storybox{position:relative;max-width:1448px;height:1059px;margin:0 auto;}
.box3 .storybox .subbox{position:relative;max-width:942px;margin-left:30%;}
.box3 .storybox .subbox .title{padding:190px 0 80px 0;font-family: 'NanumSquareNeoHeavy';font-size:47px; color:#ffffff;line-height:65px;text-align:center;letter-spacing:-0.025em;}
.box3 .storybox .subbox .title > span{display:block;}
.box3 .storybox .subbox .explan{}
.box3 .storybox .subbox .explan .talk{padding:40px;margin-top:20px;border-radius:20px;background:#ffffff;}
.box3 .storybox .subbox .explan .talk:first-child{margin-top:0;}
.box3 .storybox .subbox .explan .talk .story{font-size:24px;line-height:42px;text-align:center;lts:-0.025em;}
.box3 .storybox .subbox .explan .talk .story > span{display:block;}


.box3 .storybox .subbox .explan .talk .story > span > span{}
.box3 .storybox .subbox .explan .talk .name{padding-top:6px;font-size:22px;color:#7b7b7b;text-align:center;}
@media only screen and (max-width:1610px) {
.box3 .storybox .subbox{margin:0 auto;max-width:90%;}
}
@media only screen and (max-width:1280px) {
}
@media only screen and (max-width:900px) {
	.box3{background:url(images/bg3.png) left top no-repeat #000000; background-size:auto 100%;}
	.box3 .storybox{max-width:1448px;height:auto;margin:0 auto;}
	.box3 .storybox .subbox{left:0;padding : 0 24px;}
	.box3 .storybox .subbox .title{max-width:430px;margin:0 auto;padding:70px 0 35px 0;font-family: 'NanumSquareNeoHeavy';font-size:24px; line-height:32px; text-align:right;}
	.box3 .storybox .subbox .title > span{display:block;}
	.box3 .storybox .subbox .title > span > span{display:block;}
	
	.box3 .storybox .subbox .explan{max-width:430px;margin:0 auto;padding-bottom:70px;}
	.box3 .storybox .subbox .explan .talk{padding:20px 15px;margin-top:8px;border-radius:10px;}
	.box3 .storybox .subbox .explan .talk:first-child{margin-top:0;}
	.box3 .storybox .subbox .explan .talk .story{font-size:14px;line-height:20px;}
	.box3 .storybox .subbox .explan .talk .story > span{display:inline;}
	.box3 .storybox .subbox .explan .talk .story > span.dib2{display:inlene;}
	.box3 .storybox .subbox .explan .talk .story > span > em{display:block;height:0;;}
	.box3 .storybox .subbox .explan .talk .story > span > span{display:inline-block;}
	.box3 .storybox .subbox .explan .talk .name{padding-top:5px;font-size:11px;}
}


.box4{height:923px;background:url(images/bg4.png) right bottom no-repeat;}
.box4 .area{max-width:1488px;margin:0 auto;padding:190px 0 0 0;}
.box4 .area .title{padding-left:2.5%;padding-bottom:75px;font-family: 'NanumSquareNeoHeavy';font-size:48px; color:#05080c;line-height:65px;letter-spacing:-0.025em;}
.box4 .area .title > span{display:block;}
.box4 .area .title > span > strong{color:#0249c9}
.box4 .area .txt{padding-left:2.5%;font-size:26px;line-height:40px;color:#3d393f;letter-spacing:-0.025em;}
.box4 .area .txt > span{display:block;}
.box4 .area .txt > span > strong{font-family: 'NanumSquareNeoHeavy';}
@media only screen and (max-width:900px) {
	.box4{height:auto;;background:url(images/bg4.png) right bottom no-repeat;background-size:auto 350px;}
	.box4 .area{padding:0 24px 254px 24px;}
	.box4 .area .title{padding-left:0;padding-top:70px;padding-bottom:30px;font-size:24px; line-height:32px;text-align:center; letter-spacing:-0.03em;}
	.box4 .area .title > span{display:block;}
	.box4 .area .title > span > strong{color:#0249c9}
	.box4 .area .txt{padding-left:0;font-size:14px;line-height:20px;text-align:center;}
	.box4 .area .txt > span{display:block;}
	.box4 .area .txt > span > strong{font-family: 'NanumSquareNeoHeavy';}
}


.box5{display:flex;justify-content: center;flex-direction: column;height:493px;padding:0 24px;background:url(images/bg5.png) center no-repeat; background-size:cover;}
.box5 > p{font-family: 'NanumSquareNeoHeavy';font-size:48px; color:#ffffff;line-height:65px;letter-spacing:-0.01em;text-align:center;}
.box5 > p > span{display:block;}
.box5 > p > span > strong{color:#fee729}
@media only screen and (max-width:900px) {
	.box5{height:auto;padding: 0 24px;}
	.box5 > p{padding:65px 24px;font-size:24px;line-height:33px;}
	.box5 > p > span > strong > span{display:block;}
	.box5 > p > span > span{display:inline-block;}
}

.box6{position:relative;height:1073px;background:url(images/bg6.png) center no-repeat; background-size:cover;}
.box6 .area{position:relative;max-width:1488px;margin:0 auto;text-align:right;}
.box6 .area .txt1{padding-top:190px;text-align:right;font-size:26px;line-height:40px;letter-spacing:-0.05em}
.box6 .area .txt1 > span{display:block;}
.box6 .area .txt1 > span > strong{display:block;font-family: 'NanumSquareNeoHeavy';}

.box6 .area .txt2{padding-top:10px;font-family: 'NanumSquareNeoHeavy';font-size:60px;line-height:85px;color:#0249c9;letter-spacing:-0.025em;text-align:right;}
.box6 .area .txt2 > span{display:block;}

.box6 .area .button{display:inline-block;padding-top:110px;}
.box6 .area .button > a{position:relative;display:flex;justify-content: center;flex-direction: column;width:513px;height:140px;padding-left:140px;box-sizing:border-box;font-family: 'NanumSquareNeoExtraBold';font-size:30px;line-height:40px;color:#011c51;letter-spacing:-0.025em;text-align:center;background:#fec629;}
.box6 .area .button > a > span{position:absolute;left:40px;top:-25px;}
.box6 .ps{position:absolute;left:11%;bottom:20px;font-family:'NanumSquareNeoExtraBold';font-size:15px;color:#ffffff;}
@media only screen and (max-width:1488px) {
	.box6{background:url(images/bg6.png) left 10% center no-repeat;}
}
@media only screen and (max-width:900px) {
	.box6{height:auto;padding-bottom:368px;;background:url(images/bg6-m.png) center bottom no-repeat; background-size:auto 497px;}
	.box6 .area{text-align:center;}
	.box6 .area .txt1{padding-top:70px;text-align:center;font-size:14px;line-height:20px;}
	.box6 .area .txt1 > span{display:block;}
	.box6 .area .txt1 > span.dib2{display:inline !important;}
	.box6 .area .txt1 > span > strong{display:inline;font-family: 'NanumSquareNeoHeavy';}
	
	.box6 .area .txt2{padding-top:10px;font-size:30px;line-height:43px;text-align:center;}
	.box6 .area .txt2 > span{display:block;}
	
	.box6 .area .button{padding-top:30px;}
	.box6 .area .button > a{width:202px;height:57px;padding-left:50px;font-size:14px;line-height:18px;}
	.box6 .area .button > a > span{position:absolute;left:7px;top:-14px;}
	.box6 .area .button > a > span > img{width:53px;height:auto;}
	.box6 .ps{position:absolute;left:11%;bottom:20px;font-size:8px;}
}


.box7 .title{padding:190px 0 70px 0;font-family:'NanumSquareNeoExtraBold';font-size:48px;color:#000000;line-height:65px;text-align:center;letter-spacing:-0.025em;}
.box7 .title > span{display:block;}
.box7 .title > span > strong{font-family: 'NanumSquareNeoHeavy';color:#0249c9;}
.box7 .photo{display: flex;flex-wrap: wrap;gap: 19px 19px;justify-content: center;max-width:1488px;margin:0 auto;padding: 0 24px;}
.box7 .photo > div{flex:0 0 calc((100% - 19px) / 2);height:270px; border-radius:20px;}
.box7 .photo > div.photo1{background:url(images/photo4.png) center; background-size:cover;}
.box7 .photo > div.photo2{background:url(images/photo5.png) center; background-size:cover;}
.box7 .photo > div.photo3{background:url(images/photo6.png) center; background-size:cover;}
.box7 .photo > div.photo4{background:url(images/photo7.png) center; background-size:cover;}
.box7 .photo > div > p{display:inline-block;padding:0 20px;margin:30px 0 0 34px;border-radius:10px;font-family:'NanumSquareNeoExtraBold';font-size:20px;color:#363636;line-height:53px;text-align:center;letter-spacing:-0.05em;background:#ffffff;;}
.box7 .ps{padding:70px 0 100px 0;font-family:'NanumSquareNeoExtraBold';font-size:20px;color:#090909;text-align:center;letter-spacing:-0.05em;}
@media only screen and (max-width:900px) {
	.box7 .title{padding:0 24px 0 24px;font-size:14px;line-height:20px;}
	.box7 .title > span{display:block;}
	.box7 .title > span:nth-child(1){padding-top:65px;;}
	.box7 .title > span:nth-child(3){padding:25px 0 30px 0}
	.box7 .title > span > strong{font-size:24px;line-height:32px;}
	.box7 .photo{gap: 5px 5px;padding:0 24px;max-width:600px}
	.box7 .photo > div{flex:0 0 calc((100% - 5px) / 2);height:136px; border-radius:10px;}
	.box7 .photo > div.photo1{background:url(images/photo4.png) center; background-size:cover;}
	.box7 .photo > div.photo2{background:url(images/photo5.png) center; background-size:cover;}
	.box7 .photo > div.photo3{background:url(images/photo6.png) center; background-size:cover;}
	.box7 .photo > div.photo4{background:url(images/photo7.png) center; background-size:cover;}
	.box7 .photo > div > p{padding:0 10px;margin:10px 0 0 6px;border-radius:5px;font-size:10px;line-height:26px;}
	.box7 .ps{padding:25px 0 70px 0;font-size:10px;}
}


.box8{background:#e7ebf3;}
.box8 > p{padding:185px 0 25px 0;font-family: 'NanumSquareNeoHeavy';font-size:48px;color:#000000;letter-spacing:-0.025em;text-align:center;}
.box8 > .question{max-width:1376px;margin:0 auto;padding-bottom:140px;} 
.box8 > .question dl{margin:45 24px 0 24px;margin-top:45px;background:#ffffff;cursor:pointer;}
.box8 > .question dl > dt{padding:20px 100px 20px 50px;font-family: 'NanumSquareNeoExtraBold';font-size:40px;color:#05080c;letter-spacing:-0.05em;line-height:70px;background:url(images/arrow.png) right 52px top 42px no-repeat;}
.box8 > .question dl > dt.rotate {background:url(images/arrow_rotate.png) right 52px top 42px no-repeat;}
.box8 > .question dl > dt > span{color:#0249c9;padding-right:40px;}
.box8 > .question dl > dd{display:none;padding:30px 130px 40px 130px;font-size:26px;line-height:40px;letter-spacing:-0.05em;}
@media only screen and (max-width:900px) {
	.box8 > p{padding:70px 0 0 0;font-size:24px;}
	.box8 > .question{max-width:1376px;margin:0 auto;padding-bottom:50px;} 
	.box8 > .question dl{margin: 0 24px;margin-top:25px;background:#ffffff;cursor:pointer;}
	.box8 > .question dl > dt{padding:10px 50px 10px 50px;font-size:15px;line-height:18px;background:url(images/arrow.png) right 20px top 15px no-repeat; text-indent:-30px; background-size:14px 8px;}
	.box8 > .question dl > dt.rotate {background:url(images/arrow_rotate.png) right 20px top 15px no-repeat; background-size:14px 8px;}
	.box8 > .question dl > dt > span{color:#0249c9;padding-right:15px;}
	.box8 > .question dl > dd{display:none;padding:20px 40px 30px 40px;font-size:13px;line-height:20px;}
}



/*footer*/
.footer{ width:100%; background-color:#363636; text-align:center; font-family: 'Pretendard Variable',sans-serif,'Noto Sans KR';}
.footer ul{padding:20px 0; font-size:0px}
.footer li{ display:inline-block; margin:13px 25px 0 25px; font-size:20px; line-height:41px; color:#ffffff;} 
.footer li.logo{}
.footer li.logo > a{display:block;width:127px; height:60px; margin-top:0; background:url(images/f_logo.png) left top no-repeat; background-size:100% auto; text-indent:-999999px}
.footer li span{ display:inline-block; height:41px;}
.footer li span.kakao{ width:41px; height:41px; background:url(images/f_kakao.png) center no-repeat; background-size:100% auto; text-indent:-999999px}
.footer li span.txt{ padding:0 30px 0 52px; margin-left:12px; border-radius:21px; background:#fff url(images/f_icon.jpg) 19px center no-repeat; background-size:28px auto; color:#363636;}
.footer p{ border-top:1px solid #6c6c6c;font-size:16px;line-height:59px;color:#ffffff;}
@media only screen and (max-width:1130px) {
.footer li{ margin:13px 15px 0 15px; font-size:18px; line-height:41px;} 
}
@media only screen and (max-width:900px) {
.footer{ padding:15px 0 87px 0;}
.footer li{ margin:7px 12px 0 12px; font-size:13px; line-height:22px;} 
.footer li.logo{}
.footer li.logo > a{width:64px; height:30px; background-size:auto 100%; margin-top:0}
.footer li span{ height:22px;}
.footer li span.kakao{ width:22px; height:22px;}
.footer li span.txt{ padding:0 12px 0 25px; margin-left:6px; border-radius:6px; background-position:6px center; background-size:16px auto;}
.footer p{ font-size:12px;line-height:52px;color:#ffffff;}
}
@media only screen and (max-width:650px) {
.footer li{ margin:7px 8px 0 8px; font-size:12px;;} 
.footer li.logo{width:100%; margin:5px 0 0 0; }
.footer li.logo > a{margin:0 auto;background-position:center }

}


.hashtagText{position:absolute;left:-200%;top:-200%}
.dib{display:inline-block;}
.btn1{display:block;width:496px;height:112px;margin:0 auto;font-family:'NanumSquareNeoExtraBold';font-size:40px;color:#ffffff !important;line-height:112px;text-align:center;background:#182f60;cursor:pointer}
.btn1:hover{background:#000000;}
@media only screen and (max-width:900px) {
	.btn1{width:248px;height:56px;font-size:20px;line-height:56px;}
}



.sub_title1{padding-left:35px;text-indent:-35px; font-family: 'NanumSquareNeoHeavy';font-size:40px;}
.sub_title1 .point{font-weight:500;}
.sub_title1 .bg{padding:0 8px;color:#25397a;background:#ffe8ee;}
.sub_title1.st1{margin-top:30px;}

.sub_explan{display:flex;align-items:flex-start;margin-top:30px;font-size:40px; letter-spacing:-0.05em}
.sub_explan.mtn{margin-top:0;}
.sub_explan .icon{width:77px;padding:8px 36px 0 0; box-sizing:border-box;}
.sub_explan .nowrap{font-family: 'NanumSquareNeoHeavy';margin-right:16px;white-space:nowrap}
.sub_explan .text2{display:block;font-weight:600;color:#25397a}
.sub_explan .bar{ padding-left:25px;text-indent:-25px;}
.sub_explan > div > span{display:inline-block;}
@media only screen and (max-width:900px) {
	.sub_title1{padding-left:14px;text-indent:-14.5px;font-size:14px;}
	.sub_title1 .bg{padding:0 2px;}
	.sub_title1.st1{margin-top:15px;}
	
	.sub_explan{margin-top:13px;font-size:14.5px;letter-spacing:-0.05em}
	.sub_explan .icon{width:15px;padding:4px 4px 0 0;}
	.sub_explan .icon > img{width:11px;height:auto;}
	.sub_explan .nowrap{margin-right:5px;}
	.sub_explan .bar{ padding-left:8px;text-indent:-8px;}
}


.sub_title2{margin-top:90px;margin-bottom:30px;font-family: 'NanumSquareNeoHeavy';font-size:40px;color:#25397a}
@media only screen and (max-width:900px) {
.sub_title2{margin-top:40px; margin-bottom:10px;font-size:14.5px;}
}



.db{display:block;}
.tdlt{text-decoration: line-through;}