@charset "utf-8";
html, body {-webkit-overflow-scrolling: touch !important;font-family: 'NanumBarunGothic', 'Noto Sans KR', Dotum, '돋움', Helvetica, "Apple SD Gothic Neo", sans-serif;font-size: 12px;}

body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,textarea,th,ul {margin: 0;padding: 0}
body,button,input,select,table,textarea {font-family: 'MalgunGothic','맑은 고딕', 'Arial', Helvetica, "Apple SD Gothic Neo", sans-serif;}

button,input {border-radius: 0}
fieldset,img {border: 0}
ol,ul {list-style: none}
address,em {font-style: normal}
a {text-decoration: none; cursor: pointer;}
a:hover {text-decoration: none}
a:link {text-decoration: none;}
img {border-style: none;letter-spacing: none;word-spacing: none;border: none;margin: 0;padding: 0;outline: 0;vertical-align: top;line-height: 0px;}
input:focus {outline: none;}
input,textarea,select {padding: 0;margin: 0;border: none; font-size: 1rem;}
* {box-sizing: border-box;padding: 0;margin: 0;}
.btn {position: absolute;text-indent: -99999px;cursor: pointer !important;background: #ff0000;opacity: 0.0;filter: alpha(opacity=0.0);}

.wrap {}
.wrap .container {width:100%;max-width: 720px;margin:0 auto;}
.wrap .container img {width: 100%;}
/*.wrap .container .cont-wrap {position: relative;width: 100%;}*/
/*.wrap .container .cont-wrap .cont-container{position: relative;width: 100%;max-width: 720px;margin:0 auto;overflow: hidden;}*/


/**
 팝업
 */
.popup-wrap {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);/* overflow-x: hidden; */overflow-y: auto;padding: 0rem;z-index: 100;line-height: 1;}
.popup-wrap .popup-dimed {position:absolute;top:0;left:0;width:100%;height: 100%;background-color: rgba(255, 255, 255, 0);}
.popup-wrap .popup-container {position: absolute;left: 50%;transform: translateX(-50%);vertical-align: 50%;width: 100%;max-width: 720px;}
.popup-wrap .popup-container .popup-section {position: relative;height: 100%;}
.popup-wrap .popup-container .popup-section > img {max-width: 720px;width: 100%;}
.popup-wrap .popup-container .popup-section a.btn.close-btn {width: 9.5%;height: 8%;position: absolute;top: 0%;right: 0%;}
.popup-wrap .popup-container .popup-section a.btn.pop-btn1 {width: 29%;height: 8%;position: absolute;bottom: 5.7%;left: 36%;}
.popup-wrap .popup-container .popup-section a.pop-app-01-btn {bottom: 17.8%;left: 7%;width: 43.1%;height: 41%;}
.popup-wrap .popup-container .popup-section a.pop-app-02-btn {bottom: 17.8%;left: 50%;width: 43.1%;height: 41%;}
.popup-wrap .popup-container .popup-section a.pop-confirm-btn {bottom: 6.6%;left: 27.7%;width: 45.6%;height: 8.4%;}

#popup_bottom{position: fixed;bottom: 0;left: 0;width: 100%;height: 100%;overflow:hidden;background-color: rgba(0, 0, 0, 0.5);/* overflow-x: hidden; */padding: 0rem;z-index: 100;line-height: 1;}
#popup_bottom .dimmed{background: transparent;width:100%;height:100%;}
#popup_bottom .popup-container {position: absolute;overflow:hidden;left: 50%;height: 100%;bottom:-100%;transform: translateX(-50%);width: 100%;max-width: 720px;}
#popup_bottom .popup-container .popup-section {position: absolute;bottom:0;left:0;width: 100%;overflow: hidden;}
#popup_bottom .popup-container .popup-section img {max-width: 720px;height:auto;width: 100%;}
#popup_bottom .popup-container .popup-section a.pop-confirm-btn {bottom: 3.6%;left: 84.7%;width: 13.6%;height: 13.4%;}
#popup_bottom .popup-container .popup-section a.pop-close-btn {bottom: 3.6%;left: 3.7%;width: 24.6%;height: 13.4%;}
#popup_bottom .popup-container .popup-section .swiper_section {position:absolute;bottom: 18%;width: 100%}
#popup_bottom .popup-container .popup-section .swiper_section .swiper-container {border-top-left-radius: 3.5vw;border-top-right-radius: 3.5vw;overflow: hidden;}
#popup_bottom .popup-container .popup-section .swiper-pagination {position:absolute;bottom: 85%;left: 0%;width: 35%;height: 7.5%;z-index: 15;}
#popup_bottom .popup-container.visible {bottom:-0%;}
#popup_bottom .popup-container{
    animation: fadein .5s;
    -moz-animation: fadein .5s; /* Firefox */
    -webkit-animation: fadein .5s; /* Safari and Chrome */
    -o-animation: fadein .5s; /* Opera */
}
#popup_fund .popup-container img{width: 100%;}
#popup_fund .close_btn{position: absolute;left: 88.7%;top: 0.6%;z-index: 1;width: 11%;}
#popup_fund .pop-fund-btn1{position: absolute;left: 24.4%;top: 68%;z-index: 1;width: 53%;height: 10%;}
#popup_fund .left_arrow_btn{position: absolute;left: 0%;top: 43%;z-index: 1;width: 6%;height: 10%;}
#popup_fund .right_arrow_btn{position: absolute;left: 94%;top: 43%;z-index: 1;width: 6%;height: 10%;}


@keyframes fadein {
    from {
        bottom:-100%;
    }
    to {
        bottom:-0%;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        bottom:-100%;
    }
    to {
        bottom:0%;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        bottom:-100%;
    }
    to {
        bottom:-0%;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        bottom:-100%;
    }
    to {
        bottom:0%;
    }
}

section {position: relative;}
.section-3 .username {position: absolute;top: 23.7%;left: 17.6%;width: 74%;font-size: 2.9vw;line-height: 1.5;color: #000000;padding: 0.4vw 1.5vw;background: transparent;background-image: none;}
.section-3 .age {position: absolute;top: 41.1%;left: 17.6%;width: 74%;font-size: 2.9vw;line-height: 1.5;color: #000000;padding: 0.4vw 1.5vw;background: transparent;background-image: none;}
.section-3 .mobile2 {position: absolute;top: 59.4%;left: 33.4%;width: 28%;font-size: 2.9vw;line-height: 1.5;color: #000000;padding: 0.4vw 1.5vw;background: transparent;background-image: none;}
.section-3 .mobile3 {position: absolute;top: 59.4%;left: 63.4%;width: 28%;font-size: 2.9vw;line-height: 1.5;color: #000000;padding: 0.4vw 1.5vw;background: transparent;background-image: none;}
.section-3 .select_wrap{
    position: absolute;
    top: 58.8%;
    left: 17.2%;
    overflow: hidden;
    background: #fafafa url(../images/select_arrow_down.jpg) no-repeat center right;
    background-size: contain;
    width: 14.65%;
    height: 10.8%;
    display: inline-block;
    vertical-align: middle;
}
.section-3 .select_wrap select{
    margin: 0;
    padding: 0.97vw 6.83vw 0.97vw 0px;
    width: 100%;
    border: none;
    font-size: 2.9vw;
    line-height: 1.2;
    text-align: right;
    box-shadow: none;
    background: transparent;
    background-image: none;
    border-radius: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -moz-box-shadow: inset 1px 1px 3px rgba(0,38,95,1);
    /* -webkit-box-shadow: inset 1px 1px 3px rgba(0,38,95,1); */
    /* box-shadow: inset 1px 1px 3px rgba(0,38,95,1); */
}
.section-3 .select_wrap select::-ms-expand {    display: none;}
.section-3 .select_wrap select:focus {outline: none;}
.section-3 .checkbox {position: absolute;top: 78.4%;left: 8.2%;width: 3.3% !important;display: none;}
.section-3 .agree-btn {top: 77.3%;left: 7.7%;width: 34%;height: 8.9%;}
.section-3 .agree-pop-btn {top: 77.8%;left: 41.7%;width: 15.8%;height: 8%;}
.section-4 img {cursor: pointer;}
.terms {background-color: #555555;color:#fff;font-size: 2.5vw;text-align: center;line-height: 1.6;padding: 6.6vw 0;}

@media screen and (min-width: 720px)  {
    /* vx -> px 변환 : 1vw * 7.1666666667 = 7.1666666667px */

    .section-3 .username {font-size: 20px;padding: 2.9px 10.75px;}
    .section-3 .age {font-size: 20px;padding: 2.9px 10.75px;}
    .section-3 .mobile2 {font-size: 20px;padding: 2.9px 10.75px;}
    .section-3 .mobile3 {font-size: 20px;padding: 2.9px 10.75px;}
    .section-3 .select_wrap select{
        padding: 7px 49px 7px 0px;
        font-size: 20px;
        -moz-box-shadow: inset 1px 1px 3px rgba(0,38,95,1);}
    .terms {font-size: 18px;padding: 47px 0;}
}