.inner {margin:0 auto;width:1220px;margin-bottom:2rem;}
.dis-flex {display:flex}
.mo-disblock-768,
.mo-disblock-640,
.mo-disblock-540 {display:none}

@keyframes ani-item {
    0% {transform: translateY(-7px)}
    50% {transform: translateY(7px)}
    100% {transform: translateY(-7px)}
}
html {scroll-behavior:smooth}
#wrapper {scroll-behavior:smooth;overflow:hidden}
#gnb_open,
#gnb2 .gnb_tnb {display:none}
.sub-cont-wrap {padding:5rem 0}
.sub-visual {background:#FFFFFF}
.sub-visual .sub-tit-img {width:50%;margin:0 auto}
.sec_01 {padding:2rem 0 10rem;background:#fdf2bb}
.sec_01 .logo {justify-content:space-between;align-items:center}
.sec_01 .logo-img.left {width:150px}
.sec_01 .logo-img.right {width:100px}
.sec_01 .logo-img > img {width:100%}
.sec_01 .visual-wrap {position:relative}
.sec_01 .visual-txt {position:relative}
.sec_01 .visual-txt .hand {position:absolute;right:0;top:95px;display:inline-block;animation:ani-item 3s linear both infinite alternate}
.sec_01 .visual-txt {width:90%;margin:0 auto;text-align:center}
/* .sec_01 .visual-img .tit {position:relative}
.sec_01 .visual-img .tit .hand {position:absolute;z-index:99;top:460px;right:-170px;animation: ani-item 3s linear both infinite alternate} 
.sec_01 .visual-txt {position:absolute;width:90%;text-align:center;left:50%;transform:translateX(-50%)} */
.sec_01 .visual-img.date {width:100%}
.sec_01 .visual-img.btun {margin:3rem auto 0}
.sec_01 .visual-img.btun > a {display:inline-block;}
.sec_02 {background:#f4c450}
.sec_02 .cont_02 {position:relative;top:-85px}
.sec_02 .text-box {position:relative}
.sec_02 .text-box .icon {position:absolute}
.sec_02 .text-box .icon.ic_01 {top:70px;left:80px}
.sec_02 .text-box .icon.ic_02 {bottom:-60px;right:-20px}
.sec_03,
.sec_04 {position:relative;padding:13rem 0 0}
.sec_03::before,
.sec_04::before,
.sec_04::after {content:'';width:100%;position:absolute;background-repeat: no-repeat}

.sec_03::before,
.sec_04::before,
.sec_04::after,
.sec_06 .bg-img::before,
.sec_06 .bg-img::after {animation:ani-item 3s linear both infinite alternate}

.sec_03::before {height:241px;}
.sec_04::before {top:20rem;right:20rem;width:137px;height:86px;}
.sec_04::after {left:20rem;bottom:-8rem;width:400px;height:236px;background-size:100%}

.sec_03 .contest-tit,
.sec_04 .contest-cont,
.sec_05 .contest-prize {text-align:center}
/* .sec_04 {background:url('../img/mobile/sec04-bg.png') no-repeat 50% 50%} */

.sec_05 {padding:13rem 0}
.sec_05 .contest-prize {margin-bottom:4rem}

.sec_06 {padding:6rem 0;}
.sec_06 .bg-img {position:relative;display:block;width:100%;height:818px;background-size:100%;background-repeat:no-repeat}
.sec_06 .bg-img::before,
.sec_06 .bg-img::after {content:'';position:absolute;z-index:99}
.sec_06 .bg-img::before {bottom:200px;left:0;width:88px;height:90px;}
.sec_06 .bg-img::after {top:15rem;right:0;width:126px;height:107px;}
.sec_06 .t-img-wrap {position:absolute;top:12rem;left:50%;width:100%;padding:0 5rem;text-align:center;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%)}
.sec_06 .t-img-wrap .cont-1 {padding:1rem 0 2rem}
.sec_06 .t-img-wrap .cont-3 {margin-bottom:2rem}
.sec_06 .t-img-wrap .cont-3 .btns-img {gap:1rem;align-items:center}
.sec_06 .t-img-wrap .cont-3 .btns-img > a {display:block;cursor:pointer}
.sec_06 .t-img-wrap .cont-2 {gap:2rem;justify-content:center}
.sec_06 .scroll-btn {display:inline-block;cursor:pointer}
.sec_07 {padding:10rem 0}

.sec_08::after {content:'';display:block;width:100%;height:250px;background:url('../img/mobile/sec05-bg.png') no-repeat;background-position:center bottom}

@media screen and (max-width:1600px){
    .sec_04::after {background-size:90%;left:70px}
    .sec_04::before {top:inherit;bottom:280px;right:70px}
}
@media screen and (max-width:1200px){
    .inner {width:90%}
    .sec_02 .text-box .icon > img {width:80%}
    .sec_03::before {background-size:95%}
    .sec_06 .bg-img {height:700px}
    .sec_06 .t-img-wrap {width:90%;top:180px}
    .sec_06 .t-img-wrap .tit {width:50%;margin:0 auto}
}
@media screen and (max-width:1024px){
    .sec_01 .visual-txt {width:80%}
    .sec_01 .visual-txt .hand {top:165px}
    .sec_01 .visual-txt .hand > img {width:140px;height:auto}
    .sec_02 .text-box .icon > img {width:60%}
    .sec_04::after {background-size:70%}
    .sec_04::before {background-size:90%}
    .sec_06 .bg-img {height:600px}
    .sec_06 .t-img-wrap {top:160px}
    .sec_07 {padding:7rem 0}
    .sec_08::after {background-size:contain}
}
@media screen and (max-width:969px){
    .mo-disnone-969 {display:none}
    #gnb_open {display:block}
    .sec_06 .bg-img::after,
    .sec_06 .bg-img::before {background-size:100%}
    .sec_06 .bg-img::after {width:100px;height:85px}
    .sec_06 .bg-img::before {width:75px;height:77px}
}
@media screen and (max-width:820px){
    .sub-visual .sub-tit-img {width:70%}
    .sec_01 {padding-bottom:7rem}
    .sec_01 .visual-img.btun {width:55%}
    .sec_01 .visual-txt {width:90%;margin-top:1rem}
    .sec_01 .visual-txt .hand {top:145px}
    .sec_01 .visual-txt .hand > img {width:130px}
    .sec_02 .text-box .icon > img {width:50%}
    .sec_02 .text-box .icon.ic_01 {top:50px}
    .sec_02 .text-box .icon.ic_02 {bottom:-45px;right:-50px}
    .sec_04::after {bottom:-210px;left:40px}
    .sec_04::before {background-size:80%;bottom:280px;right:40px}
    .sec_06 .t-img-wrap .cont-1 {padding:1rem 0}
    .sec_06 .t-img-wrap .cont-3 {margin-bottom:1rem}
    .sec_06 .t-img-wrap {top:150px;width:100%}
    .sec_06 .bg-img {height:480px}
    .sec_06 .bg-img::after {bottom:0;top:inherit}
    .sec_06 .bg-img::before {bottom:120px;left:-20px}
    
}

@media screen and (max-width:768px){
    .buttons-box {
        flex-direction: column;
        width: 60% !important;
        margin: 0 auto;
    }
}

@media screen and (max-width:768px){
    .mo-disnone-768 {display:none}
    .mo-disblock-768 {display:block}
    .sec_03,
    .sec_04 {padding:7rem 0 2rem}
    .sec_04::after {background-size:60%;bottom:-160px}
    .sec_04::before {bottom:190px;background-size:70%}
    .sec_05 {padding:7rem 0}
    .sec_06 .bg-img {height:505px;background-size:100%;background-repeat:no-repeat}
    .sec_06 .t-img-wrap {padding:0 2rem;top:155px}
    .sec_06 .t-img-wrap .cont-1 {flex-wrap:wrap;width:70%;margin:0 auto}
    .sec_06 .t-img-wrap .cont-2 {gap:1rem;flex-wrap:wrap;width:80%;margin:0 auto}
    .sec_06 .t-img-wrap .cont-2 .tel {width:50%}
    .sec_06 .bg-img::before {bottom:80px}
    .sec_08::after {height:150px}
}
@media screen and (max-width:640px){
    .mo-disnone-640 {display:none}
    .mo-disblock-640 {display:block}
    .sub-cont-wrap {padding:3rem 0}
    .sec_01 .visual-txt .hand {top:125px}
    .sec_01 .visual-txt .hand > img {width:110px}
    .sec_02 .cont_02 {top:-45px}
    .sec_02 .text-box {width:95%;margin:0 auto}
    .sec_02 .text-box .icon.ic_01 {top:20px;left:50px}
    .sec_06 .t-img-wrap {top:122px;padding:0}
    .sec_06 .t-img-wrap .tit {width:55%}
    .sec_06 .t-img-wrap .cont-3 {margin:1rem auto 2rem}
    .sec_06 .t-img-wrap .cont-3 .btns-img {gap:.5rem;width:90%;margin:0 auto}
    .sec_06 .bg-img {height:515px;background-size:100%;background-repeat:no-repeat}
    .sec_06 .bg-img::after {width:90px;height:76px}
    .sec_07 {padding:6rem 0}
}
@media screen and (max-width:540px){
    .mo-disnone-540 {display:none}
    .mo-disblock-540 {display:block}
    .sub-visual .sub-tit-img {width:100%}
    .sec_01 {padding-bottom:5rem}
    .sec_01 .visual-img.btun {width:65%;margin-top:1.5rem}
    .sec_01 .visual-txt {margin-top:2rem}
    .sec_01 .visual-txt .hand {display:none}
    .sec_02 .text-box .icon > img {width:37%}
    .sec_02 .text-box .icon.ic_02 {bottom:-35px;right:-100px}
    .sec_04::after {background-size:50%;bottom:-180px}
    .sec_04::before {bottom:117px;right:0}
    .sec_06 .t-img-wrap {top:110px}
    .sec_06 .t-img-wrap .cont-1 {padding:1rem 0 1.25rem}
    .sec_06,
    .sec_07 {padding:4rem 0}
    .sec_06 .bg-img {height:435px}
    .sec_06 .bg-img::after {bottom:70px}
    .sec_08::after {height:110px}
}
@media screen and (max-width:480px){
    .sec_01 {padding-bottom:4rem}
    .sec_06 .t-img-wrap {top:105px}
    .sec_06 .bg-img {height:385px}
    .sec_06 .bg-img::before {width:65px;height:66px}
    .sec_06 .bg-img::after {width:75px;height:64px}
    .sec_06 .t-img-wrap .cont-3 {margin:0 0 1rem}
    .sec_08::after {height:100px}
}
@media screen and (max-width:390px){
    .sec_04::before {background-size:50%;bottom:67px;right:-30px}
    .sec_04::after {background-size:40%;bottom:-210px}
    .sec_06 .t-img-wrap {top:80px}
    .sec_06 .bg-img::before {width:45px;height:46px}
    .sec_06 .bg-img::after {width:60px;height:51px}
    .sec_06 .bg-img {height:315px}
}
@media screen and (max-width:375px){
    .sec_01 {padding-bottom:4rem} {padding-bottom:3rem}
    .sec_01 .logo-img.left {width:130px}
    .sec_01 .logo-img.right {width:80px}
    .sec_01 .visual-img.btun {width:70%;margin-top:1.25rem}
    .sec_02 .text-box {width:100%}
    .sec_02 .cont_02 {top:-25px}
    .sec_02 .text-box .icon.ic_01 {top:-12px;left:20px}
    .sec_03,
    .sec_04 {padding:4rem 0 2rem}
    .sec_06 .t-img-wrap {top:72px}
    .sec_06 .bg-img {height:305px}
    .sec_06 .t-img-wrap .cont-2 {gap:.5rem}
}
@media screen and (max-width:320px){}


/* new main */
.new_main .sec_01 {background:#FFFFFF;padding:5rem 0 0}
.new_main .sec_01 .visual-wrap {z-index:1}
.new_main .sec_02 {height:45vw}
.new_main .sec_02 .cont_02 {top:-595px}
.new_main .sec_05 {padding:5rem 0;padding-bottom: 0px;}
.new_main .sec_08 {padding: 16px;}
.new_main .sec_08 a {display: flex;flex-direction: column;justify-content: center;align-items: center;}
.new_main .sec_09 {padding:2rem 0 0rem;background:#fdf2bb}
.new_main .sec_09 .logo {justify-content:space-between;align-items:center}
.new_main .sec_09 .logo-img.left {width:150px}
.new_main .sec_09 .logo-img.right {width:100px}
.new_main .sec_09 .logo-img > img {width:100%}
.new_main .sec_09 .top-visual-wrap {width:80%;margin:0 auto}
.new_main .sec_09 .top-visual-wrap img {width:100%}
.new_main .sec_09 .top-visual-wrap .top-txt {padding:4rem 0}

@media screen and (max-width:1600px){
    .new_main .sec_02 {height:52vw}
    .new_main .sec_03 {padding:9rem 0}
    .new_main .sec_04 {padding-top:0}
}
@media screen and (max-width:1400px){
    .new_main .sec_02 {height:60vw}
}
@media screen and (max-width:1200px){
    .new_main .sec_07 {padding:7rem 0}
    .new_main .sec_02 .cont_02 {top:-525px}
}
@media screen and (max-width:1024px){
    .new_main .sec_01 .visual-img.btun {width:50%}
    .new_main .sec_02 .cont_02 {top:-430px}
    .new_main .sec_01 .visual-txt .hand > img {width:120px}
    .new_main .sec_06 .bg-img::after {width:110px;height:93px;background-size:100%}
}
@media screen and (max-width:950px){
    .new_main .sec_01 .visual-img.btun {width:40%;margin-top:2rem}
    .new_main .sec_01 .visual-txt .hand {top:85px}
    .new_main .sec_01 .visual-txt .hand > img {width:100px}
    .new_main .sec_08 {padding-top:8rem}
    .new_main .sec_04::after {background-size:60%}
    .new_main .sec_05 {padding:4rem 0}
    .new_main .sec_06 .bg-img {height:550px}
    .new_main .sec_06 .bg-img::after {top:11rem;width:90px;height:76px}
}
@media screen and (max-width:860px){
    .new_main .sec_01 .visual-txt {margin-top:2rem}
    .new_main .sec_01 .visual-txt .hand {display:none}
    .new_main .sec_02 .cont_02 {top:-360px}
    .new_main .sec_04::after {bottom:-170px;background-size:50%}
    .new_main .sec_06 .t-img-wrap {top:135px}
    .new_main .sec_06 .bg-img {height:500px}
    .new_main .sec_09 .top-visual-wrap {margin-top:2rem}
    .new_main .sec_09 .top-visual-wrap .top-txt {padding:3rem 0}

}
@media screen and (max-width:830px){
    .new_main .sec_01 .visual-img.date {width:90%;margin:0 auto}
    .new_main .sec_02 {height:65vw}
    .new_main .sec_02 .cont_02 {top:-340px}
    .new_main .sec_09 .top-visual-wrap .top-txt {padding:3rem 0}
    .new_main .sec_06 {padding:4rem 0}
    .new_main .sec_06 .bg-img::after {top:7rem}
    .new_main .sec_06 .bg-img {height:480px}
    .new_main .sec_07 {padding:5rem 0}
}
@media screen and (max-width:768px){
    .new_main .sec_09 .top-visual-wrap .top-txt {padding:2.5rem 0}
    .new_main .sec_01 .visual-txt {width:80%}
    .new_main .sec_02 .cont_02 {top:-330px}
    .new_main .sec_06 .bg-img {height:510px}
}
@media screen and (max-width:640px){
    .new_main .sec_09 .logo-img.left {width:130px}
    .new_main .sec_09 .logo-img.right {width:80px}
    .new_main .sec_09 .top-visual-wrap {width:100%}
    .new_main .sec_09 .logo {margin-bottom:1.5rem}
    .new_main .sec_01 .visual-txt {margin-top:0}
    .new_main .sec_01 .visual-img.btun {margin-top:1.25rem}
    .new_main .sec_02 .cont_02 {top:-270px}
    .new_main .sec_03 {padding:6rem 0}
    .new_main .sec_04::after {background-size:40%}
    .new_main .sec_04::before {background-size:60%;right:0}
    .new_main .sec_05 {padding:3rem 0}
    .new_main .sec_06 .bg-img {height:515px;}
    .new_main .sec_06 .bg-img::after,
    .new_main .sec_06 .bg-img::before {display:none}
    .new_main .sec_06 .t-img-wrap {padding-right:1.5rem;padding-left:1.5rem;top:120px}
    .new_main .sec_04::after,
    .new_main .sec_04::before {display:none}
    .new_main .sec_08 {padding-top:3rem}

}
@media screen and (max-width:540px){
    .new_main .sec_01 .visual-txt {margin-top:2rem;width:100%}
    .new_main .sec_02 {height:65vw}
    .new_main .sec_02 .text-box {width:100%}
    .new_main .sec_02 .cont_02 {top:-230px}
    .new_main .sec_03 {padding:5rem 0}
    .new_main .sec_05 {padding:2rem 0}
    .new_main .sec_06 .bg-img {height:415px}
    .new_main .sec_06 .t-img-wrap {top:110px}
    .new_main .sec_06 .t-img-wrap .cont-3 {margin:0 auto 1rem}
}
@media screen and (max-width:480px){
    .new_main .sec_02 .cont_02 {top:-200px}
    .new_main .sec_06 .bg-img {height:385px}
    .new_main .sec_06 .t-img-wrap {top:72px}
    .new_main .sec_06 .bg-img::after {top:3rem;width:80px;height:68px}
    .new_main .sec_06 .bg-img::before {bottom:140px;width:55px;height:56px}
    .new_main .sec_05 {padding:1rem 0}
    .new_main .sec_07 {padding:4rem 0}
    .new_main .sec_06 .bg-img {height:365px}
}
@media screen and (max-width:390px){
    .new_main .sec_01 {padding-top:4rem}
    .new_main .sec_01 .visual-img.btun {width:55%}
    .new_main .sec_02 .cont_02 {top:-160px}
    .new_main .sec_08 {padding-top:0}
    .new_main .sec_05 {padding:0rem 0}
    .new_main .sec_05 .contest-prize {margin-bottom:1rem}
    .new_main .sec_06 .t-img-wrap {top:52px}
    .new_main .sec_06 .t-img-wrap .cont-1 {padding:.5rem 0}
    .new_main .sec_06 .t-img-wrap .cont-2 {gap:.5rem}
    .new_main .sec_06 .bg-img {height:295px}
    .new_main .sec_06,
    .new_main .sec_07 {padding:3rem 0}
}
@media screen and (max-width:320px){
    .new_main .sec_02 .cont_02 {top:-130px}
    .new_main .sec_01 {padding-top:2rem}
    .new_main .sec_03 {padding:3rem 0}
    .new_main .sec_06 .bg-img {height:245px}
    .new_main .sec_06 .t-img-wrap {top:48px;padding-right:.875rem;padding-left:.875rem;}
    .new_main .sec_06,
    .new_main .sec_07 {padding:2rem 0}
}

@media (max-width: 576px) {
    #hd_pop {width:100%}
    .hd_pops {left:20px !important;right:20px !important;background:#fff} 
    .hd_pops_con {width:100% !important;height:auto !important;background:#f6c650} 
    .hd_pops_con img { width: 100% !important; height: auto !important; }
}