@font-face{font-family:'Pretendard';src:url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff');font-weight:200;font-style:normal;}
@font-face{font-family:'Pretendard';src:url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');font-weight:300;font-style:normal;}
@font-face{font-family:'Pretendard';src:url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');font-weight:400;font-style:normal;}
@font-face{font-family:'Pretendard';src:url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');font-weight:600;font-style:normal;}

img{width:100%;vertical-align:middle;}
.GoodKie h1,.GoodKie h2,.GoodKie h3,.GoodKie h4,.GoodKie h5,.GoodKie h6,.GoodKie input,.GoodKie p,.GoodKie span,.GoodKie a,.GoodKie td,.GoodKie th,.GoodKie div,.GoodKie li,.GoodKie label,.GoodKie textarea{font-family: 'Pretendard',sans-serif !important;letter-spacing: -0.5px;}
.GoodKie div,.GoodKie span,.GoodKie a,.GoodKie p{line-height: 150%;}
.GoodKiewrap .GoodKie img{display:block;}
.GoodKiewrap,.GoodKie{width: 100%;position: relative;max-width: 720px;margin: auto;overflow: hidden;}
.GoodKiewrap .GoodKie .inner{position: absolute;width: 100%; top:0;left: 0;height: 100%;}
.GoodKie,.GoodKiewrap{max-width: 720px; margin: auto;position: relative;}
.GoodKie1 .inner p.T1{padding:10% 0 70% 0;width: 63.75%;margin: auto;}
.GoodKie1 .inner p.T2{background:#fff9ab;border-radius:10px;width:88.88%;margin:auto;padding:5% 4%;font-size:calc( 28px + 28 * ( 100vw - 720px ) / 720 );line-height:calc( 45px + 45* ( 100vw - 720px ) / 720 );color:#222;letter-spacing:-0.2px;text-align:center;position:relative;z-index:10;font-weight:300;}


.GoodKie1 .inner p.T2 strong{margin:4% 0;display: block;}
.GoodKieCont{padding: 0 5.5556%;}
.GoodKieCont p.T1{font-size: calc( 36px + 36 * ( 100vw - 720px ) / 720 );padding: 23% 0 0 0;color:#282828;}
.GoodKieCont h1{font-size: calc( 70px + 70 * ( 100vw - 720px ) / 720 );line-height: calc( 90px + 90 * ( 100vw - 720px ) / 720 );color:#282828;font-weight: 700;letter-spacing: -3px;padding-bottom: 13%;}
.GoodKieCont p.date{font-size: calc( 28px + 28 * ( 100vw - 720px ) / 720 );padding: 0 0 2% 0;color:#444;border-bottom: 1px solid #444;font-weight: 100;}
.GoodKieCont h2{font-size: calc( 58px + 58 * ( 100vw - 720px ) / 720 );line-height: calc( 80px + 80 * ( 100vw - 720px ) / 720 );color:#282828;font-weight: 700;padding:46% 0 11% 0;}
.GoodKieCont h2.mbs{padding-bottom: 2%;}
.GoodKieCont h2.pt31{padding:25% 0 13% 0;margin-top: 41%;}
.GoodKieCont p.T2{font-size: calc( 32px + 32 * ( 100vw - 720px ) / 720 );line-height: calc( 58px + 58 * ( 100vw - 720px ) / 720 );padding:0% 0 12% 0;color:#282828;letter-spacing: -0.2px;}
.GoodKieCont p.T2.sm26,.GoodKieCont p.T2.sm26 span{font-size: calc( 26px + 26 * ( 100vw - 720px ) / 720 );line-height: calc( 52px + 52 * ( 100vw - 720px ) / 720 );padding:0% 0 12% 0;color:#282828;}
.GoodKieCont p.T3 span.jin,.GoodKieCont p.T2 span.jin{font-weight: 700;color:#282828;}
.GoodKieCont p.T2.hui{color:#666}
.GoodKieCont p.T2.mbs46{padding-bottom: 45%;}
.GoodKieCont p.T2 span.sm{color:#888;font-size: calc( 28px + 28 * ( 100vw - 720px ) / 720 );line-height: calc( 60px + 60 * ( 100vw - 720px ) / 720 );display: inline-block;letter-spacing: -1px;margin-top: 2%;}
.GoodKieCont p.T2 span.sm.bnone{display: inline;}
.GoodKieCont p.T2 span.cho{color:#94aa0d;font-weight: 600;}
.GoodKieCont p.T3{font-size: calc( 32px + 32 * ( 100vw - 720px ) / 720 );line-height: calc( 60px + 60 * ( 100vw - 720px ) / 720 );padding:0% 0 0% 5%;color:#282828;margin-left: 5%;border-left: 1px solid #626262;}
.GoodKieCont p.T3.mls{margin-left: 0;}
.GoodKieCont p.T2.mbs{padding-bottom: 0;}
.GoodKieCont p.T3.mbs{margin-bottom: 13%;}
.GoodKieCont p.T3.hui{color:#969696;border-left: 1px solid #969696;margin-bottom: 12%;}
.GoodKieCont p.T2.borders{padding-bottom: 23%;border-bottom: 1px solid #444;}
.GoodKieCont p.T2.borders2{padding-bottom: 45%;border-bottom: 1px solid #444;}
.GoodKieCont p.T2.bs{font-size: calc( 38px + 38 * ( 100vw - 720px ) / 720 );line-height: calc( 50px + 50 * ( 100vw - 720px ) / 720 );color:#282828;font-weight: 700;}
.GoodKieCont p.T4{font-size: calc( 36px + 36 * ( 100vw - 720px ) / 720 );line-height: calc( 50px + 50 * ( 100vw - 720px ) / 720 );padding:0% 0 10% 0%;color:#282828;font-weight: 400;}
.GoodKieCont h2.centers{text-align: center;font-weight: 400;color:#282828;padding: 23% 0 11% 0;}
.GoodKieCont h2.centers span.jin{font-weight: 700;color:#282828;}
.GoodKieCont h2 span.good{display: inline-block;width: 23.61%;vertical-align: middle;}
.GoodKieCont h2.pts{padding-top: 24%;}
.GoodKieCont p.T2.co1{color:#545bc6;font-weight: 700;}
.GoodKieCont p.T2 a{display: block;}
.GoodKieCont p.T2 a.co1{color:#94aa0d}
.GoodKieCont p.T2 a.co2{color:#f8bd12}
.GoodKieCont p.T2.co3{color:#9b66da}
.GoodKieCont p.T2 a.co3{color:#9b66da;font-weight: 700;}
.GoodKieCont p.T2 a.co4{color:#545bc6}
.GoodKieCont p.T2 a.co5{color:#fc774e}
.GoodKieCont p.T2 span.co4{color:#545bc6}
.GoodKieCont p.T5{font-size: calc( 28px + 28 * ( 100vw - 720px ) / 720 );padding: 0 0 12% 0;color:#000;font-weight: 300;letter-spacing: -0.2px;font-weight: 300;}
.GoodKieCont .inpic{padding: 12% 0;}
.GoodKieCont .inpic2{padding:0 0 12% 0;}
.GoodKieCont .inpic3{padding:0 0 2% 0;}
.GoodKieCont .picpart{padding:9% 0 0 9.22%;}
.GoodKieCont .picpart h3{font-size: calc( 38px + 38 * ( 100vw - 720px ) / 720 );line-height: calc( 50px + 50 * ( 100vw - 720px ) / 720 );color:#282828;margin-bottom: 16%;font-weight: 700;}
.GoodKieCont .picpart h3.mbs{padding-top: 13%;}
.GoodKieCont .picpart .partimg{margin-bottom: 14%;}
.GoodKieCont .picpart p.T2{margin-bottom: 15%;}
.GoodKieCont .goodbtn.bebtn a{background: #5dc6cf;}
.GoodKieCont .goodbtn.bebtn3{padding-bottom: 23%;border-bottom: 1px solid #444;}
.GoodKieCont .goodbtn.bebtn3 a{background: #545bc6;color:#fff;}
.GoodKieCont .bebtn2 a{color:#5471d3;font-size: calc( 29px + 29 * ( 100vw - 720px ) / 720 );line-height: calc( 58px + 58 * ( 100vw - 720px ) / 720 );padding:0% 0 12% 0;font-weight: 700;}
.GoodKieCont .goodbtn{text-align: center;margin-bottom: 13%;}
.GoodKieCont .goodbtn a{display: block;width: 65.625%; padding: 3.125% 0;font-size: calc( 38px + 38 * ( 100vw - 720px ) / 720 );line-height: calc( 50px + 50 * ( 100vw - 720px ) / 720 );color:#282828;font-weight: 700;background: #c9f03d;margin: auto;}
.GoodKieCont .goodbtn a:nth-of-type(1){margin-bottom: 5%;}
.GoodKieCont .goodbns{text-align: center;padding-bottom: 10%;}
.GoodKieCont .goodbns a{display: inline-block;width: 47%;margin: 0 1%;}
.GoodKieCont .goodbns.one a{width: 100%;margin: 0;}
.GoodKieCont .chobox{background: #f6fddb;padding:0 0 10% 6%;margin:0 -6.25%} 
.GoodKieCont .chobox h2{font-size: calc( 60px + 60 * ( 100vw - 720px ) / 720 );line-height: calc( 86px + 86 * ( 100vw - 720px ) / 720 );}
.GoodKieCont .goodbox{padding:13% 8%;background-color: #ecdec8;margin:0% 0 12%;}
.GoodKieCont .goodbox h6{font-weight: 600;font-size: calc( 42px + 42 * ( 100vw - 720px ) / 720 );line-height: calc( 86px + 86 * ( 100vw - 720px ) / 720 );}
.GoodKieCont .goodbox p{margin:10% 0;font-size: calc( 27px + 27 * ( 100vw - 720px ) / 720 );line-height: calc( 55px + 55 * ( 100vw - 720px ) / 720 );}
.GoodKieCont .goodbox span{font-size: calc( 27px + 27 * ( 100vw - 720px ) / 720 );line-height: calc( 55px + 55 * ( 100vw - 720px ) / 720 );color: #2b9c1c;}
.GoodKieCont .goodbox span a{font-weight: 600;color: #2b9c1c;}
.Footer {width:100%; margin-top: 10%; text-align: center;}
.Footer .CopyRights {border-top:1px solid #c7c7c7; border-bottom: 1px solid #c7c7c7;}
.Footer .CopyRights p {padding: 5% 0; font-size: calc( 20px + 20 * ( 100vw - 720px ) / 720 ); color:#373737; font-weight: 300;}
.Footer .Sns {width:100%; text-align: center; padding: 5% 0;}
.Footer .Sns a {display: inline-block; background-position: center center; background-repeat: no-repeat; background-color: #909090; background-size: 22.5px 22.5px; width:45px; height: 45px; border-radius: 50%; vertical-align: middle; font-size: 0px; text-indent: -9999px; margin:0px 2px; transition: all 0.4s;}
.Footer .Sns a:hover {background-color: #8aa22f;}
.Footer .Sns a:nth-child(1) {background-image: url("../images/Sns1.png");}
.Footer .Sns a:nth-child(2) {background-image: url("../images/Sns2.png");}
.Footer .Sns a:nth-child(3) {background-image: url("../images/Sns3.png");}
.Footer .Sns a:nth-child(4) {background-image: url("../images/Sns4.png");}
.Footer .Sns a:nth-child(5) {background-image: url("../images/Sns5.png");}
.Footer .Sns a:nth-child(6) {background-image: url("../images/Sns6.png");}
.Footer p {text-align: center; font-size: calc( 20px + 20 * ( 100vw - 720px ) / 720 );line-height: calc( 28px + 28 * ( 100vw - 720px ) / 720 ); color:#909090;}
.Footer .Footer_Logo {display: inline-block; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 234.99 43.4'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23685b55; %7D .cls-2 %7B fill: %2389a12f; %7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath class='cls-1' d='m103.06,26.08v-3.46h-11.74v-3.18h27.66v3.18h-11.71v3.46h-4.21Zm-.1,1.03h4.38v.79c.1,3.97,4.11,6.47,7.8,7.46l-1.44,3.08c-3.56-.65-7.05-3.05-8.56-5.68-1.5,2.64-5,5.03-8.56,5.68l-1.44-3.08c3.7-.99,7.7-3.49,7.81-7.46v-.79Zm7.12-15.23v-.62h-14.04v-3.22h17.91v3.83c-.1,3.32-.72,5.65-1.13,6.13h-3.63c.41-.99.89-4.04.89-6.13Z'/%3E%3Cpath class='cls-1' d='m126.27,23.21h1.78c3.15,0,6.03-.41,7.05-.62v2.43c0,.24,0,.65-.1.82-.31.51-4.24.75-7.12.75h-3.29c-1.34,0-2.19-.86-2.19-2.19v-15.34h3.87v14.14Zm10.96-4.93h-4.86v-3.66h4.86v-6.92h3.7v28.35h-3.7v-17.77Zm5.44,18.8V7.36h3.7v29.71h-3.7Z'/%3E%3Cpath class='cls-1' d='m149.96,17.66c0-4.66,3.77-8.42,8.46-8.42s8.49,3.77,8.49,8.42-3.8,8.42-8.49,8.42-8.46-3.77-8.46-8.42Zm3.77,0c0,2.64,2.09,4.76,4.69,4.76s4.72-2.12,4.72-4.76-2.12-4.76-4.72-4.76-4.69,2.12-4.69,4.76Zm17.02,19.41V7.36h3.87v29.71h-3.87Z'/%3E%3Cpath class='cls-1' d='m193.85,26.6h-12.08c-1.34,0-2.19-.86-2.19-2.19v-15.34h3.87v4.93h7.33v-4.93h3.87v6.92h5.2V7.36h3.87v29.71h-3.87v-17.43h-5.2v6.16c0,.51-.27.79-.79.79Zm-3.08-3.22v-6.16h-7.33v6.16h7.33Z'/%3E%3Crect class='cls-1' x='206.8' y='29.65' width='28.2' height='3.22'/%3E%3Cpath class='cls-1' d='m218.44,8.21h4.31v2.16c0,4.79,4.74,8.7,8.28,10.34l-1.42,3.08c-3.41-1.06-7.68-4.38-9.02-8.05-1.35,3.66-5.62,6.98-9.02,8.05l-1.42-3.08c3.54-1.64,8.28-5.55,8.28-10.34v-2.16Z'/%3E%3C/g%3E%3Cpath class='cls-2' d='m38.83,32.26c-1.46-3.12-.36-6.43,2.16-9.41,1.63,5.39,4.97,9.85,10.08,13.4-5.93,1.41-10.46-.17-12.24-3.98m4.51-17.8c.16-6.67,3.65-10.94,6.55-11.04,2.48-.09,2.72,2.61,1.45,5.86-1.36,3.5-4.44,6.02-7.73,8.69-.22-1.17-.3-2.35-.28-3.51m37.24,5.18c6.56-12.49-3.32-21.02-12.77-19.45-5.83.97-8.31,4.45-9.69,8.98.95-.79,1.79-1.2,3.07-1.63.54-2.93,2.69-5.52,5.79-5.58,5.52-.09,10.79,9.96,1.5,22.07-3.2,4.18-6.97,7.14-10.11,9.01-8.09-3.24-12.63-7.75-14.28-13.15,1.18-.94,2.48-1.82,3.86-2.61,6.77-3.88,8.76-6.46,8.98-10.13.19-3.04-2.43-5.32-5.42-5.32-6.38,0-11.22,6.17-11.43,14.15-.04,1.6.09,3.16.38,4.66-12.13,11.14-7.28,20.45,4.7,20.26,3.14-.05,6.74-.68,10.44-1.96,4.83,2.47,9.51,3.89,15.67,4.47,1.37-3.2,4.49-5.86,6.4-7.42-5.09.08-9.52-.31-13.35-1.07,6.07-3.4,12.99-9.05,16.27-15.28'/%3E%3Crect class='cls-2' y='40.94' width='29.7' height='2.46'/%3E%3C/svg%3E"); width:153px; height: 28px; background-size: 153px 28px; font-size: 0px; text-indent: -9999px; margin:5% 0;}
.Top {position: fixed; bottom: 5%; right:2%; width:13.68%;z-index: 99;}

@media (min-width: 720px) {
    .Pops p strong,.Pops p{font-size: 34px; line-height: 46px;;}
    .Pops p strong,.Pops p{font-size: 34px; line-height: 46px;;}
    .GoodKieCont p.T2.bs,.GoodKieCont .goodbtn a,.GoodKieCont .picpart h3{font-size: 38px;line-height: 50px;}
    .GoodKieCont .bebtn2 a,.GoodKieCont p.T2 a,.GoodKieCont p.T3 a,.GoodKieCont p.T3{font-size: 32px;line-height: 60px;}
    .GoodKieCont p.T2 span.sm{font-size: 28px;line-height: 60px;}
    .GoodKieCont p.T2{font-size: 32px;line-height: 58px;}
    .GoodKieCont h2{font-size: 58px;line-height: 80px;}
    .GoodKieCont p.T1{font-size: 36px;;}
    .GoodKieCont p.T4{font-size: 36px;line-height: 50px;}
    .GoodKieCont h1{font-size: 70px;line-height: 90px;}    
    .GoodKieCont p.date{font-size: 28px;}
    .GoodKie1 .inner p.T2{font-size: 28px; line-height: 45px;}
    .Top{width: 103px; height: 106px;;}    
    .Footer {margin-top: 72px;}
    .Footer .Sns{padding: 36px 0;}
    .Footer .CopyRights p{padding: 36px 0;font-size: 20px;}
    .Footer .Footer_Logo{margin: 36px 0;}
    .GoodKiewrap .GoodKie3 p.T2 span.sm{font-size: 22px;}
    .Footer p{font-size: 18px; line-height: 26px;}
    .GoodKieCont p.T5{font-size: 28px;;}
    .GoodKieCont p.T2.sm26,.GoodKieCont p.T2.sm26 span{font-size: 26px; line-height: 52px;}
    .GoodKieCont .goodbox h6{font-size: 42px;line-height: 86px;}
    .GoodKieCont .goodbox p{font-size: 27px;line-height: 55px;}
    .GoodKieCont .goodbox span{font-size: 27px;line-height: 55px;}
    .GoodKieCont .chobox h2{font-size: 60px;line-height: 86px;}
}
@keyframes fade-in-top {
    0% {
        -webkit-transform: translateY(10%);
        transform: translateY(10%);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}