@charset "utf-8";

/* reset */
* {margin:0;padding:0;box-sizing:border-box;}
html, body {font-size:10px;font-family:"NotoSansKR", "Apple SD Gothic Neo", sans-serif;color:#000;-webkit-font-smoothing:antialiased;}
h1, h2, h3, h4, h5, h6, div, p, li, input, select, textarea, button, a {font-family:"NotoSansKR", "Apple SD Gothic Neo", sans-serif;line-height:1.5;color:#000;font-size:1.4rem;-webkit-font-smoothing:antialiased;}
body {background:#fff;overflow-x:hidden;}
img {border:0;max-width:100%;}
table {width:100%;border-collapse:collapse;border-spacing:0;}
li {list-style:none;}
a {border:0;text-decoration:none;color:#000;transition: all .1s;}
legend,caption {visibility:hidden;width:0;height:0;font-size:0;line-height:0;}
address,cite,em,var {font-style:normal;}
label{cursor:pointer;}
button {border:0;background:0;cursor:pointer;outline:none;transition: all .1s;}
.blind{display:block !important;overflow:hidden !important;position:absolute !important;left:0 !important;top:-10000px !important;width:0 !important;height:0 !important;}
.ir {display:inline-block;text-indent:-9999px;overflow:hidden;text-align:left;background-repeat:no-repeat;background-position:50% 50%;}


header {background:#fff}
header .header {height:6rem;max-width:36rem;margin:0 auto;}
header .header h1 {width:12rem;height:6rem;background:url(../img/logo.png) no-repeat 50% 50%;background-size:100%;text-indent:-9999px;overflow:hidden;}
.container {min-height:100vh;}
footer .footer {padding:7rem 0;text-align:center;}
footer .foot_link a {text-decoration:underline;color:#707070;font-size:1.3rem;font-weight:400}
footer .foot_link a:after {content:"";display:inline-block;width:1px;height:1.1rem;margin:-.2rem .8rem 0 1.2rem;background:#ccc;vertical-align:middle;}
footer .foot_link a:last-child:after {display:none}
footer .foot_info {margin-top:1rem;}
footer .foot_info span {font-size:1.3rem;color:#666;font-weight:100}
footer .foot_info span:after {content:"";display:inline-block;width:1px;height:1.1rem;margin:-.2rem 1rem 0 1rem;background:#ccc;vertical-align:middle;}
footer .foot_info p span:last-child:after {display:none;}
footer .foot_info a {font-size:1.3rem;color:#666;font-weight:100}
footer .copyright {margin-top:5rem;color:#666;font-size:1.2rem;font-weight:100}

.popup_head {background:#ff1e1d}
.popup_head .bt_close_pop {position:absolute;left:0;top:0;width:5rem;height:6rem;background:url(../img/bt_close.png) no-repeat 50% 50%;text-indent:-9999px;overflow:hidden;background-size:2.2rem;}
.popup_head .inner {position:relative;max-width:36rem;margin:0 auto;}
.pop_title {height:6rem;line-height:6rem;text-align:center;color:#fff;font-size:2rem;font-weight:900;letter-spacing:-1px}

.sec_inner {max-width:36rem;margin:0 auto;}

.sec_info {padding:6.4rem 0;background:linear-gradient(to bottom right, #FE223E 50%, #ff1759);}
.sec_info h2 {color:#fff;font-size:6rem;line-height:1.3;font-weight:700;text-align:center;letter-spacing:-1px}
.sec_info h2 span {display:block;font-size:3rem;font-weight:100}
.sec_info .character {width:10.4rem;height:9.5rem;margin:5.3rem auto 0 auto;background:url(../img/character.png) no-repeat 50% 50%;background-size:100%;}
.sec_info .app_link {display:flex;justify-content:center;padding-top:4.4rem;}
.sec_info .app_link a {position:relative;width:14.5rem;height:4rem;margin:0 .7rem;background-position:50% 50%;background-repeat:no-repeat;text-indent:-9999px;overflow:hidden}
.sec_info .app_link .ios {background-image:url(../img/bt_appstore.svg);}
.sec_info .app_link .ios:after {content:"";display:inline-block;width:8rem;height:2rem;background:#fff;position:absolute;right:1.5rem;top:1rem;opacity:0.3;}
.sec_info .app_link .android {background-image:url(../img/bt_googleplay.svg);}
.sec_info .summary {padding-top:3.6rem;}
.sec_info .summary li {color:#fff;font-size:1.8rem;text-align:center;font-weight:100;}
.sec_info .summary li + li {margin-top:1rem;}
.sec_info .summary li strong {font-weight:500}

.sec_vod {position:relative;background:#E9BCB7}
.sec_vod a {position:relative;display:block;}
.sec_vod a:after {content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:block;width:5.3rem;height:6rem;background:url(../img/btn_youtube.png) no-repeat 50% 50%;background-size:100%;}
.sec_vod a img {display:block;margin:0 auto;max-width:100%}
.sec_vod:before {content:"0:20";display:block;width:6rem;height:2.5rem;line-height:2.5rem;text-align:center;background:#000;position:absolute;left:50%;margin-left:11rem;bottom:2rem;color:#fff;font-size:1.6rem;border-radius:5px;font-weight:300;z-index:10}
.sec_vod:after {content:"";display:block;background:#000;position:absolute;left:0;right:0;bottom:0;height:.6rem;}

.sec_intro {background:#FD2742}
.sec_intro .intro_slider {padding-top:4rem}
.sec_intro .intro_slider .swiper-pagination {bottom:auto;top:6rem;}
.sec_intro .intro_slider .swiper-navigation button {text-indent:-9999px;overflow:hidden}
.sec_intro .intro_slider .swiper-pagination-bullet {width:1rem;height:1rem;background:#fff;opacity:0.5}
.sec_intro .intro_slider .swiper-pagination-bullet-active {opacity:1}
.sec_intro .intro_slider .swiper-slide img {display:block;width:100%;}

.sec_review {padding:7rem 0;background:#F3F2F7}
.sec_review h3 {padding-bottom:1rem;text-align:center;color:#333;font-size:4.3rem;letter-spacing:-2px;font-weight:400;line-height:1.3;}
.sec_review h3 strong {font-weight:900}
.review {padding:2rem 1rem 0 1rem;}
.review .rv_tab {display:flex;}
.review .rv_tab button {width:50%;height:4rem;background:#fff;font-size:1.4rem;font-weight:500;border:1px solid #dcdbdf}
.review .rv_tab button.active {background:#41beff;color:#fff;border:1px solid #41beff}
.review .rv_group {}
.review .rv_item {position:relative;padding:1.7rem 1.2rem 1.7rem 1.2rem;margin-top:.5rem;background:#fff;border:1px solid #e8e8e8}
.review .rv_item .rv_info {padding-left:4.4rem;}
.review .rv_item .rv_info .badge {position:absolute;left:1.4rem;top:2rem;display:block;width:2.8rem;height:2.8rem;border-radius:50%;line-height:2.8rem;font-size:1.3rem;text-align:center;color:#fff;}
.review .rv_item .rv_info .badge.m {background:#41beff}
.review .rv_item .rv_info .badge.fm {background:#f515a2}
.review .rv_item .rv_info .user {color:#3d3d3d;font-weight:500;font-size:1.3rem;}
.review .rv_item .rv_info .date {padding-left:.5rem;color:#a9a9a9;font-size:1.1rem;font-weight:100}


.review .rv_item .rv_info .marriage {margin-left:.5rem;padding-left:.3rem;padding-right:.3rem;background-color: #ff9600;color:#fff;font-size:1.1rem;font-weight:100;}


.review .rv_item .rv_txt {padding-left:4.4rem;margin-top:.5rem;color:#555;font-size:1.3rem;font-weight:300;line-height:1.6}
.review .rv_more {margin-top:2rem;}
.review .rv_more .bt_more_review {display:block;width:100%;height:5rem;line-height:5rem;text-align:center;background:#FD2742;color:#fff;font-weight:900;font-size:2rem;}
.stickyActive {padding-top:4rem}
.stickyActive .review .rv_tab {position:fixed;top:0;width:70rem;left:50%;transform:translate(-50%, 0%);z-index:10;border-bottom:5px solid #f3f3f3;}

.sec_pop_review {padding-bottom:7rem;min-height:calc(100vh - 6rem);background:#F3F2F7}
.sec_pop_review .msg {padding-bottom:.7rem;font-size:1.5rem;text-align:center;color:#333;font-weight:300}


/*Device Width for pc */
@media all and (min-width:1025px) {

    .popup_head .inner {max-width:72rem;}
    .sec_pop_review .sec_inner {max-width:72rem;}

}

/*Device Width for mobile */
@media all and (max-width:414px) {

    header .header {max-width:100%;}
    .popup_head .inner {max-width:100%}
    .sec_inner {max-width:100%;}
    .stickyActive .review .rv_tab {width:auto;left:1rem;right:1rem;transform: translate(0%, 0%);}
    .sec_vod:before {margin-left:0;left:auto;right:1rem}

}