@font-face {
    font-family:'Pretendard';
    font-style:normal;
    font-weight:100;
    src:local('Pretendard'),
        url(../../../fonts/Pretendard-Thin.woff2) format('woff2'),
        url(../../../fonts/Pretendard-Thin.woff) format('woff'),
        url(../../../fonts/Pretendard-Thin.otf) format('opentype'),
        url(../../../fonts/Pretendard-Thin.ttf) format('truetype');
}
@font-face {
    font-family:'Pretendard';
    font-style:normal;
    font-weight:200;
    src:local('Pretendard'),
        url(../../../fonts/Pretendard-ExtraLight.woff2) format('woff2'),
        url(../../../fonts/Pretendard-ExtraLight.woff) format('woff'),
        url(../../../fonts/Pretendard-ExtraLight.otf) format('opentype'),
        url(../../../fonts/Pretendard-ExtraLight.ttf) format('truetype');
}
@font-face {
    font-family:'Pretendard';
    font-style:normal;
    font-weight:300;
    src:local('Pretendard'),
        url(../../../fonts/Pretendard-Light.woff2) format('woff2'),
        url(../../../fonts/Pretendard-Light.woff) format('woff'),
        url(../../../fonts/Pretendard-Light.otf) format('opentype'),
        url(../../../fonts/Pretendard-Light.ttf) format('truetype');
}
@font-face {
    font-family:'Pretendard';
    font-style:normal;
    font-weight:400;
    src:local('Pretendard'),
        url(../../../fonts/Pretendard-Regular.woff2) format('woff2'),
        url(../../../fonts/Pretendard-Regular.woff) format('woff'),
        url(../../../fonts/Pretendard-Regular.otf) format('opentype'),
        url(../../../fonts/Pretendard-Regular.ttf) format('truetype');
}
@font-face {
    font-family:'Pretendard';
    font-style:normal;
    font-weight:500;
    src:local('Pretendard'),
        url(../../../fonts/Pretendard-Medium.woff2) format('woff2'),
        url(../../../fonts/Pretendard-Medium.woff) format('woff'),
        url(../../../fonts/Pretendard-Medium.otf) format('opentype'),
        url(../../../fonts/Pretendard-Medium.ttf) format('truetype');
}
@font-face {
    font-family:'Pretendard';
    font-style:normal;
    font-weight:600;
    src:local('Pretendard'),
        url(../../../fonts/Pretendard-SemiBold.woff2) format('woff2'),
        url(../../../fonts/Pretendard-SemiBold.woff) format('woff'),
        url(../../../fonts/Pretendard-SemiBold.otf) format('opentype'),
        url(../../../fonts/Pretendard-SemiBold.ttf) format('truetype');
}
@font-face {
    font-family:'Pretendard';
    font-style:normal;
    font-weight:700;
    src:local('Pretendard'),
        url(../../../fonts/Pretendard-Bold.woff2) format('woff2'),
        url(../../../fonts/Pretendard-Bold.woff) format('woff'),
        url(../../../fonts/Pretendard-Bold.otf) format('opentype'),
        url(../../../fonts/Pretendard-Bold.ttf) format('truetype');
}
@font-face {
    font-family:'Pretendard';
    font-style:normal;
    font-weight:800;
    src:local('Pretendard'),
        url(../../../fonts/Pretendard-ExtraBold.woff2) format('woff2'),
        url(../../../fonts/Pretendard-ExtraBold.woff) format('woff'),
        url(../../../fonts/Pretendard-ExtraBold.otf) format('opentype'),
        url(../../../fonts/Pretendard-ExtraBold.ttf) format('truetype');
}
@font-face {
    font-family:'Pretendard';
    font-style:normal;
    font-weight:900;
    src:local('Pretendard'),
        url(../../../fonts/Pretendard-Black.woff2) format('woff2'),
        url(../../../fonts/Pretendard-Black.woff) format('woff'),
        url(../../../fonts/Pretendard-Black.otf) format('opentype'),
        url(../../../fonts/Pretendard-Black.ttf) format('truetype');
}

@font-face {
    font-family:'GmarketSans';
    font-style:normal;
    font-weight:300;
    src:local('GmarketSans'),
        url(../../../fonts/GmarketSansTTFLight.ttf) format('truetype');
}
@font-face {
    font-family:'GmarketSans';
    font-style:normal;
    font-weight:500;
    src:local('GmarketSans'),
        url(../../../fonts/GmarketSansTTFMedium.ttf) format('truetype');
}
@font-face {
    font-family:'GmarketSans';
    font-style:normal;
    font-weight:700;
    src:local('GmarketSans'),
        url(../../../fonts/GmarketSansTTFBold.ttf) format('truetype');
}

@font-face {
    font-family: 'Cafe24Ohsquare';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/Cafe24Ohsquare.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



select { appearance:none; background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10"><polygon points="0,0 10,0 5,10" fill="%23000000"/></svg>'); background-repeat:no-repeat; background-position:right 20px center; background-size:10px; }





#main { font-family:'Pretendard'; overflow:hidden; }
#main section { max-width:700px; margin:0 auto; position:relative; overflow:hidden; }
#main section img { width:100%; max-width:100%; }
#main section.img { background-color:#ffffff; }
#main section.img.blue { background-color:#0b226b; }
#main section.img.pink { background-color:#ffafc4; }
#main section.img #time { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-family:'GmarketSans'; font-weight:700; color:#0b226b; overflow:hidden; white-space:nowrap; font-size:0; }

#main section.img #time p { display:inline-block; width:145px; white-space:nowrap; font-size:44px; margin:0 18.5px; text-align:center; }
#main section.img #time p span { display:block; float:left; width:70px; }
#main section.img #time p span:first-child { margin:0 5px 0 0; }
#main section.img .q { cursor:pointer; position:relative; }
#main section.img .q:before { content:''; width:20px; height:20px; border:4px solid #535353; border-top:0; border-right:0; position:absolute; right:60px; top:calc(50% - 5px); transform:translateY(-50%) rotate(-45deg); background-color:#ffffff; box-shadow:0 0 0 10px #ffffff; }
#main section.img .q.open:before { top:calc(50% + 5px); transform:translateY(-50%) rotate(135deg); }
#main section.img .a { display:none; }

#main section.img.review div { position:absolute; left:0; bottom:115px; right:0; }
#main section.img.review div ul li { padding:0 37px; }
#main section.img.review div ul li img { border-radius:20px; }

@media screen and (max-width:700px) {
    #main section.img #time p { width:20.71vw; font-size:6.28vw; margin:0 2.64vw; }
    #main section.img #time p span { width:10vw; }
    #main section.img #time p span:first-child { margin:0 0.71vw 0 0; }
    #main section.img .q:before { width:2.85vw; height:2.85vw; border:0.57vw solid #535353; right:8.57vwv; top:calc(50% - 0.71vw); box-shadow:0 0 0 1.42vw #ffffff; }
    #main section.img .q.open:before { top:calc(50% + 0.71vw); }

    #main section.img.review div { bottom:16.42vw; }
    #main section.img.review div ul li { padding:0 5.28vw; }
    #main section.img.review div ul li img { border-radius:2.85vw; }
}











#main section.form { background-color:#ffffff; padding:0 0 100px; }

#main section.form > div { padding:0 40px; margin:0 auto; }

#main section.form > div form .t { font-size:30px; color:#1f1f1f; font-weight:700; margin:35px 0 25px; }
#main section.form > div form .t span { color:#e30000; }

#main section.form > div form .i select ,
#main section.form > div form .i input { border:1px solid #c7c7c7; width:100%; box-sizing:border-box; line-height:70px; font-size:30px; padding:0 20px; height:70px; color:#222222; background-color:#ffffff; border-radius:5px; }

#main section.form > div form .i.p { font-size:0; }
#main section.form > div form .i.p * { vertical-align:top; }
#main section.form > div form .i.p select ,
#main section.form > div form .i.p input { width:30%; display:inline-block; }
#main section.form > div form .i.p span { text-align:center; line-height:70px; display:inline-block; width:5%; font-size:30px; font-weight:700; color:#222222; margin:0; }

#main section.form > div form .i.t { font-size:0; position:relative; }
#main section.form > div form .i.t label { display:inline-block; height:70px; background-color:#ffffff; border:1px solid #c7c7c7; background-position:center; background-repeat:no-repeat; width:32%; }
#main section.form > div form .i.t span { display:inline-block; width:2%; }
#main section.form > div form .i.t input { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:1px; height:1px; padding:0; margin:0; clip:rect(0 0 0 0); }
#main section.form > div form .i.t label.sk { background-image:url('../../../img/main/icon_sk_on.png'); background-size:28px 30px; }
#main section.form > div form .i.t label.kt { background-image:url('../../../img/main/icon_kt_on.png'); background-size:31px 25px; }
#main section.form > div form .i.t label.lg { background-image:url('../../../img/main/icon_lg_on.png'); background-size:40px 35px; }
#main section.form > div form .i.t input:checked + label.sk { background-image:url('../../../img/main/icon_sk_off.png'); background-color:#3616cd; }
#main section.form > div form .i.t input:checked + label.kt { background-image:url('../../../img/main/icon_kt_off.png'); background-color:#ec1b23; }
#main section.form > div form .i.t input:checked + label.lg { background-image:url('../../../img/main/icon_lg_off.png'); background-color:#ec058e; }

#main section.form > div form .a { margin:30px 0 0; }
#main section.form > div form .a a ,
#main section.form > div form .a label { font-size:26px; color:#1f1f1f; position:relative; padding:0 0 0 37px; vertical-align:top; }
#main section.form > div form .a a { padding:0; }
#main section.form > div form .a label:last-child { margin:0; }
#main section.form > div form .a label input[type=checkbox] { appearance:none; position:absolute; top:50%; left:0; transform:translate(0, -50%); padding:0; margin:0; width:27px; height:27px; border:1px solid #c7c7c7; background-color:#ffffff; border-radius:5px; }
#main section.form > div form .a label input[type=checkbox]:checked { appearance:auto; }

#main section.form > div form .b { text-align:center; }
#main section.form > div form .b button { line-height:85px; border-radius:5px; color:#ffffff; font-weight:700; text-align:center; width:100%; border:none; margin:70px 0 0; background-color:#ffffff; font-size:32px; background-color:#0b226b; font-family:'Cafe24Ohsquare'; }
#main section.form > div form .b button span { position:relative; background-color:transparent; }
#main section.form > div form .b button span img { position:absolute; left:103%; top:60%; width:45px; }

.blink { animation:blink-effect 1.5s step-end infinite;-webkit-animation-delay: 2s; }
@keyframes blink-effect {
    50% { border-bottom:10px solid #fee300; box-sizing: content-box; margin:60px 0 0; }
}

@media screen and (max-width:700px) {
    #main section.form { padding:0 0 14.28vw; }

    #main section.form > div { padding:0 5.71vw;}

    #main section.form > div form .t { font-size:4.28vw; margin:5vw 0 3.57vw; }

    #main section.form > div form .i select ,
    #main section.form > div form .i input { line-height:10vw; font-size:4.28vw; padding:0 2.85vw; height:10vw; border-radius:0.71vw; }

    #main section.form > div form .i.p span { line-height:10vw; font-size:4.28vw; }

    #main section.form > div form .i.t label { height:10vw; }
    #main section.form > div form .i.t label.sk { background-size:28px 4.28vw; }
    #main section.form > div form .i.t label.kt { background-size:31px 3.57vw; }
    #main section.form > div form .i.t label.lg { background-size:5.71vw 5vw; }

    #main section.form > div form .a { margin:4.28vw 0 0; }
    #main section.form > div form .a a ,
    #main section.form > div form .a label { font-size:3.71vw; padding:0 0 0 5.28vw; }
    #main section.form > div form .a label input[type=checkbox] { width:3.85vw; height:3.85vw; border-radius:0.71vw; }

    #main section.form > div form .b button { line-height:12.14vw; border-radius:0.71vw; margin:10vw 0 0; font-size:4.57vw; }
    #main section.form > div form .b button span img { width:6.42vw; }

    @keyframes blink-effect {
        50% { border-bottom:1.42vw solid #fee300; box-sizing: content-box; margin:8.57vw 0 0; }
    }
}





.popup { display:none; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.4); }
.popup .box { position:fixed; top:50%; left:50%; max-width:90%; width:660px; transform:translate(-50%, -50%); max-height:91.38%; background-color:#ffffff; border-radius:10px; }
.popup .box > div { position:relative; padding:40px 30px; }
.popup .box div .tit { font-size:18px; font-weight:700; color:#2a2a2a; position:relative; }
.popup .box div a { display:block; position:absolute; top:10px; right:5px; width:40px; height:40px; }
.popup .box div a:after { display:block; content:"\00d7"; font-size:35px; color:#999999; }
.popup .box div p { margin:30px 0 0; font-size:16px; color:#2a2a2a; max-height:40vh; overflow-y:scroll; -ms-overflow-style:none; }
.popup .box div p::-webkit-scrollbar { display:none; }

@media screen and (max-width:700px) {
    .popup .box { border-radius:1.42vw; }
    .popup .box > div { padding:5.71vw 4.28vw; }
    .popup .box div .tit { font-size:2.57vw; }
    .popup .box div a { top:1.42vw; right:0.71vw; width:5.71vw; height:5.71vw; }
    .popup .box div a:after { font-size:5vw; }
    .popup .box div p { margin:4.28vw 0 0; font-size:2.28vw; }
}