@charset "utf-8";
@import "reset.css";
@import "fonts.css";

html, body {min-width: 320px; font-family: 'NotoSansKR-Medium', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;font-size: 1rem; color: #222;}

h1,h2,h3,h4,h5,h6 {font-family: 'NotoSansKR-bold', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;font-weight: normal;font-size: 1rem;color: #000;}

p,span,a,b,strong,i,q,em,mark,small,del,ins,sub,sup{letter-spacing: 0.1px;line-height:1.4;}

a { -webkit-tap-highlight-color:transparent;}

/* CLEAR FIX*/
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.clearfix {display: inline-block}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%}
.clearfix {display: block}

/* etc */
.fL{float: left !important;}
.fR{float: right !important;}

.txa-L{text-align: left !important;}
.txa-R{text-align: right !important;}
.txa-C{text-align: center !important;}

.txd-Un{text-decoration: underline !important;}

.vtcalM{vertical-align: middle !important;}
.vtcalT{vertical-align: top !important;}
.vtcalTB{vertical-align: text-bottom !important;}

.fontS0{font-size: 0 !important;}
.letterS0{letter-spacing: 0 !important;}

.colorB01{color: #0051eb !important;}
.colorR01{color: #ff1918 !important;}
.colorG01{color: #34acad !important;}

.bgC-BU01{background: #458ff4 !important;}
.bgC-R01{background: #ff5353 !important;}
.bgC-GY01{background: #999 !important;}

.displayB{display: block !important;}
.displayIB{display: inline-block !important;}
.displayC{display: contents !important;}
.displayINIT{display: initial !important;}
.displayN{display: none !important;}

.overA{overflow: auto !important;}
.overH{overflow: hidden !important;}

.cursorP{cursor: pointer;}

.border-n{border: none !important;}
.borderL-n{border-left: none !important;}
.borderR-n{border-right: none !important;}

.blind {overflow: hidden!important;position: absolute!important;clip: rect(0 0 0 0)!important;width: 1px!important;height: 1px!important;margin: -1px!important;}

.mT05{margin-top: 0.313rem;}
.mT10{margin-top: 0.625rem;}
.mT15{margin-top: 0.938rem;}
.mT20{margin-top: 1.250rem;}
.mR05{margin-right: 0.313rem;}
.mR10{margin-right: 0.625rem;}
.mR15{margin-right: 0.938rem;}
.mR20{margin-right: 1.250rem;}
.mB05{margin-bottom: 0.313rem;}
.mB10{margin-bottom: 0.625rem;}
.mB15{margin-bottom: 0.938rem;}
.mB20{margin-bottom: 1.250rem;}
.mL05{margin-left: 0.313rem;}
.mL10{margin-left: 0.625rem;}
.mL15{margin-left: 0.938rem;}
.mL20{margin-left: 1.250rem;}

.pT05{padding-top: 0.313rem;}
.pT10{padding-top: 0.625rem;}
.pT15{padding-top: 0.938rem;}
.pT20{padding-top: 1.250rem;}
.pR05{padding-right: 0.313rem;}
.pR10{padding-right: 0.625rem;}
.pR15{padding-right: 0.938rem;}
.pR20{padding-right: 1.250rem;}
.pB05{padding-bottom: 0.313rem;}
.pB10{padding-bottom: 0.625rem;}
.pB15{padding-bottom: 0.938rem;}
.pB20{padding-bottom: 1.250rem;}
.pL05{padding-left: 0.313rem;}
.pL10{padding-left: 0.625rem;}
.pL15{padding-left: 0.938rem;}
.pL20{padding-left: 1.250rem;}

.h100{height: 100%;}

.resize{font-size: 0; letter-spacing: 0;}

/* text */
.tit01{
    font-family: 'NotoSansKR-Bold', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    font-size: 16px;
    color: #000;
}
.tit02{
    font-family: 'NotoSansKR-Medium', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    font-size: 15px;
    color: #000;
}
.tit03{
    font-family: 'NotoSansKR-Medium', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    font-size: 14px;
    color: #000;
}
.txt{
    font-family: 'NotoSansKR-Regular', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    font-size: 0.875rem;
    color: #000;
}

/* input */
input[type='text'],
input[type='password'],
input[type='tel'],
input[type='number'],
input[type='date'],
input[type='email'],
input[type='search'],
textarea,
.select-box{
    width: 100%;
    padding: 0 0;
    font-family: 'NotoSansKR-Regular', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    font-size: 14.5px;
    color: #888;
    letter-spacing: 0px;
    background-color: #f4f4f4;
    border: 0.8px solid #efefef;
}
input[type='text'],
input[type='password'],
input[type='tel'],
input[type='number'],
input[type='date'],
input[type='email'],
input[type='search'],
.select-box{
    padding: 0 10px;
}
input[type='text'],
input[type='password'],
input[type='tel'],
input[type='number'],
input[type='date'],
input[type='email'],
input[type='search'],
.select-box{
    display: inline-block;
    height: 46px;
}
textarea{
    padding: 15px;
    resize: none;
}
input::-webkit-input-placeholder{
    color: #999;
    opacity: 1;
}
input::-moz-placeholder{
    color: #999;
    opacity: 1;
}
input:-ms-input-placeholder{
    color: #999;
    opacity: 1;
}
input::placeholder{
    color: #999;
    opacity: 1;
}
textarea::-webkit-input-placeholder{
    color: #999;
    opacity: 1;
}
textarea::-moz-placeholder{
    color: #999;
    opacity: 1;
}
textarea:-ms-input-placeholder{
    color: #999;
    opacity: 1;
}
textarea::placeholder{
    color: #999;
    opacity: 1;
}

input[type='text']:focus,
input[type='password']:focus,
input[type='tel']:focus,
input[type='number']:focus,
input[type='date']:focus,
input[type='email']:focus,
input[type='search']:focus{
    outline: none;
}
input[type=text]:disabled,
input[type=password]:disabled,
input[type=tel]:disabled,
input[type=number]:disabled,
input[type=date]:disabled,
input[type=email]:disabled,
input[type=search]:disabled,
textarea[disabled]{

}

.select-box{
    position: relative;
    background-image: url(../images/sel_arr.png);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-size: auto 100%;
    line-height: 44px;
}
.select-box label{
    position: absolute;
    color: #888;
    text-align: left;
    line-height: inherit;
}
.select-box select{
    width: 100%;
    height: inherit;
    opacity: 0;
    box-sizing: border-box;
    filter: alpha(opacity=0);
    white-space: normal;
    line-height: inherit;
}

/* checks & radio */
.checks {
    display: inline-block;
    position: relative;
    font-size: 0;
    vertical-align: middle;
}
.checks input {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    border: 0;
    background-color: transparent;
    display: none;
}
.checks label {
    cursor: pointer;
    line-height: 19px;
    font-size: 14px;
}
.checks input+label {
    padding-left: 26px;
    color: #222;
    letter-spacing: 0;
}
.checks input+label:before {
    content: '';
    width: 21px;
    height: 21px;
    box-sizing: border-box;
    border-radius: 50%;
    position: absolute;
    left: 0;
}
.checks input[type="checkbox"] + label:before {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto;
    background-color: #D5D5D5;
}
.checks input[type="checkbox"]:checked + label:before {
    background-color: #FF213C;
    background-image: url(../images/check_ic.png);
}

.checks input[type="radio"] + label:before {
    border: 4px solid #D1D1D1;
    background-color: #fff;
}
.checks input[type="radio"]:checked + label:before {
    border-color: #FF213C;
}
.checks-list .checks{
    margin-right: 20px;
}

/* 버튼 / 탭 */
button{
    outline: none;
    border: 0;
    -webkit-tap-highlight-color : transparent;
}
.btn{
    height: 50px;
    font-size: 16px;
    color: #fff;
    background-color: #FF213C;
    border: 1px solid #FF213C;
    border-radius: 3px;
}
.btn.line{
    color: #FF213C;
    background-color: #fff;
    border: 1px solid #FF213C;
}
.btn.line.GY{
    color: #818181;
    border: 1px solid #AFAFAF;
}
.btmBtnAr{
    font-size: 0;
    margin-top: 30px;
    margin-bottom: 10px;
}
.btmBtnAr .btn{
    width: 100%;
}
.btmBtnAr.col2 .btn{
    width: calc(100% / 2 - 3px);
    margin-right: 6px;
}
.btmBtnAr.col2 .btn:last-child{
    margin-right: 0;
}

.inBtn{
    height: 25px;
    padding: 2px 12px 2px 13px;
    /*font-family: 'NotoSansKR-Reguler', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;*/
    font-size: 13px;
    color: #FF213C;
    border: 1px solid #FF213C;
    border-radius: 18px;
    line-height: 19px;
}
.inBtn.ty02{
    height: 46px;
    width: 90px;
    margin-top: 0 !important;
    font-size: 15px;
    color: #FF213C;
    border: 1px solid #FF213C;
    border-radius: 3px;
}
.moreBtnAr{
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}
.moreBtn{
    border: 1px solid #A2A2A2;
    padding: 9px 20px 9px 24px;
    font-size: 14px;
    color: #808080;
    border-radius: 21px;
}
.moreBtn .plus{
    padding-left: 15px;
    position: relative;
}
.moreBtn .plus:before,
.moreBtn .plus:after{
    content: '';
    display: inline-block;
    background-color: #808080;
    position: absolute;
    top: 52%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.moreBtn .plus:before{
    width: 9px;
    height: 1px;
    right: 0;
}
.moreBtn .plus:after{
    width: 1px;
    height: 9px;
    right: 4px;
}
.ic{
    font-size: 0;
}

.tabWrap{
    font-size: 0;
    position: relative;
}
.tabWrap .tabBtn{
    height: 54px;
    font-size: 16px;
    color: #999;
    border-bottom-width: 2px;
    border-style: solid;
    border-color: #fff;
}
.tabWrap .tabBtn.active{
    color: #333;
    border-color: #333;
    font-family: 'NotoSansKR-Bold', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
}
.tabWrap.col2 .tabBtn{
    width: calc(100% / 2);
}

/* -------------------- layout -------------------- */

html, body{
    overflow-x: hidden;
    overflow-y: auto;
}
html{
    /*height: 100%;*/
    background-color: #fff;
}
body{
    width: 100%;
    min-width: 320px;
    /*height: 100%;*/
    background-color: #fff;
}
section{
    /* padding-top: 60px; */
    padding-top: 47px;
    padding-right: 0;
    padding-bottom: 20px;
    padding-left: 0;
    box-sizing: border-box;
}
.innerLR{
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    box-sizing: border-box;
}
/* ------------------- style ------------------- */

.sdw01{box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.11);}
.bgGy{background-color: #F7F7F9;}
hr.st01{border-top: 12px solid #f3f3f6;}
hr.st02{border-top: 1px solid #EAEAEA;}

/* 컨텐츠 없음 */
.no-contents{
    display: block;
    width: 100%;
    margin-top: 24vh;
    padding-bottom: 24vh;
    text-align: center;
}
.no-breakdown{
    padding-top: 12px;
    color: #999;
}
.no-list{
    padding: 30px 0 50px;
    color: #999;
    text-align: center;
}

/* 에러 */

/* 섬네일 */
.thumb-img{
    display: inline-block;
    border: 1px solid #e8e8e8;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    background-color: #ededed;
    background-image: url(../images/thumb_default_img.png);
}

/* 비주얼 섬네일 */
.visual-img {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: #ededed;
    background-image: url(../images/visual_default_img.png);
    position: relative;
}

/* top btn */
.topBtn{
    width: 46px;
    height: 46px;
    background-repeat: no-repeat;
    background-position: 50% 46%;
    background-size: 12px auto;
    background-color: rgba(255, 255, 255, 0.75);
    background-image: url(../images/top_arr.png);
    border: 1px solid rgba(61, 61, 61, 0.1);
    border-radius: 50%;
    position: fixed;
    right: 10px;
    bottom: 73px;
    box-sizing: border-box;
    z-index: 100;
}

/* nav */
.nav{
    width: 100%;
    /* height: 58px; */
    height: 70px;
    background-color: #fff;
    font-size: 0;
    letter-spacing: 0;
    text-align: center;
    border-top: 1px solid #F0F0F0;
    position: fixed;
    bottom: 0;
    z-index: 100;
    display: inline-flex;
}
.nav .navList{
    display: inline-block;
    width: 20%;
    height: 100%;
    text-align: center;
}
.nav .navList .navBtn{
    width: 100%;
    height: 100%;
    font-size: 0.75rem;
}
.nav .navList .navBtn span{
    font-family: 'NotoSansKR-Bold', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    color: rgba(0, 0, 0, 0.6);
}
.nav .navList .navBtn.active span{
    color: #FF213C;
}
.nav .navList .navBtn .tx{
    display: inline-block;
    width: 100%;
    font-size: 12px;
    color: #111;
    padding-top: 1px;
}
.nav .navList .navBtn.active .tx{
    color: #FF213C;
}
.nav .navList .navBtn:before{
    content: '';
    display: block;
    margin: 0 auto 0;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 100%;
}
.nav .navList .navBtn.home:before{
    background-image: url(../images/nav_img/home.png);
    width: 30px;
}
.nav .navList .navBtn.pay:before{
    background-image: url(../images/nav_img/shop.png);
    width: 32px;
}
.nav .navList .navBtn.step:before{
    background-image: url(../images/nav_img/shoe_steps.png);
    width: 36px;
}
.nav .navList .navBtn.my:before{
    background-image: url(../images/nav_img/people.png);
    width: 30px;
}
.nav .navList .navBtn.add:before{
    background-image: url(../images/nav_img/coupon.png);
    width: 30px;
}

.nav .navList .navBtn.home.active:before{
    /* background-image: url(../images/nav_img/ad_profit_red.png); */
    background-image: url(../images/nav_img/home.png);

}
.nav .navList .navBtn.pay.active:before{
    /* background-image: url(../images/nav_img/shopping_profit_red.png); */
    background-image: url(../images/nav_img/shop.png);

}
.nav .navList .navBtn.my.active:before{
    /* background-image: url(../images/nav_img/my_page_red.png); */
    background-image: url(../images/nav_img/people.png);

}
.nav .navList .navBtn.add.active:before{
    /* background-image: url(../images/nav_img/extra_profit_red.png); */
    background-image: url(../images/nav_img/extra_profit.png);
}


/* 사이드메뉴 */
.dim{
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 200;
}
.sideConWpper .dim{
}
.sideConWpper{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: -100%;
    z-index: 201;
    -moz-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
}
.sideConWpper.open{
    left: 0;
}
.sideConWp{
    width: 83%;
    height: 100%;
    background-color: #fff;
    position: relative;
    z-index: 201;
}
.sideCon-header{
    width: 100%;
    height: 4.000rem;
    padding: 0 0.938rem;
    border-bottom: 1px solid #ECECEF;
    position: relative;
}
.sideCon-header > *{
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.sideCon-header .side-logo{
    display: inline-block;
    width: 124px;
    height: 27px;
    /*margin: 0.938rem 0.813rem;*/
    /*overflow: hidden;*/
    vertical-align: middle;
    left: 0.938rem;
}
.sideCon-header .side-logo img{
    width: auto;
    height: 100%;
}
.side-link-wrap{
    font-size: 0;
    right: 0.938rem;
}
.side-link-wrap .side-link{
    margin-left: 0.438rem;
    padding: 0.313rem 0.563rem;
    font-size: 0.750rem;
    color: #FF213C;
    line-height: 1;
    border: 1px solid #FF213C;
    border-radius: 12px;
}
.sideCon-header .side-close{
    width: 1.375rem;
    height: 1.375rem;
    box-sizing: content-box;
    font-size: 0;
    background: url(../images/side_closeBtn.png) no-repeat center / 1.250rem auto;
    right: -2.125rem;
}
.sideCon-body{
    width: 100%;
    position: relative;
}
.sideCon-body .side-menu-wrap{
    padding: 0.313rem 0.938rem;
}
.sideCon-body .side-menu-list{
    padding: 8px 0;
}
.sideCon-body .side-menu-link{
    display: block;
    font-size: 15px;
    line-height: 2.750rem;
    background: url(../images/side_menu_arr.png) no-repeat 99% 50% / 0.438rem auto;
}
.sideCon-body .myPoint{
    width: 100%;
    padding: 13px 15px;
    background-color: #FF213C;
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
}
.sideCon-body .mypage-link{
    display: block;
    width: 100%;
    text-align: left;
    line-height: 1;
}
.sideCon-body .mypage-link:after{
    content: '';
    display: block;
    clear: both;
}
.sideCon-body .myPoint .label{
    display: inline-block;
    font-family: 'NotoSansKR-Medium', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    font-size: 13px;
    line-height: 22px;
    vertical-align: middle;
}
.sideCon-body .myPoint .point{
    float: right;
    padding-right: 14px;
    background: url(../images/myPoint_arr.png) no-repeat 100% 50% / 6px auto;
    font-family: 'Roboto-Medium', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    font-size: 22px;
    line-height: 1;
    vertical-align: middle;
}
.sideCon-body .linkAr{
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 60px;
}
.sideCon-body .linkAr .linkBtn{
    width: 60px;
    text-align: center;
    position: relative;
}
.sideCon-body .linkAr .linkBtn:before{
    content: '';
    display: block;
    width: 45px;
    height: 45px;
    margin: 0 auto 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    background-color: rgb(255, 255, 255);
    border-radius: 50%;
}
.sideCon-body .linkAr .linkBtn.adsward:before{
    background-image: url(../images/side_link_adsward.png);
}
.sideCon-body .linkAr .linkBtn.insta:before{
    background-image: url(../images/side_link_insta.png);
}
.sideCon-body .linkAr .linkBtn.face:before{
    background-image: url(../images/side_link_face.png);
}
.sideCon-body .linkAr .txt{
    font-size: 13px;
}
.sideCon-footer{
    padding: 1.063rem 0.938rem 0.875rem;
    background-color: #F7F7F9;
}
.sideCon-footer .tx{
    font-family: 'NotoSansKR-Regular', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    font-size: 0.719rem;
    color: #444;
}
.sideCon-footer .cs-center{
    margin-top: 0.313rem;
}

/* 더보기 */
.more-view{
    margin-top: 1.250rem;
    text-align: center;
}
.more-btn{
    padding: 0.500rem 1.250rem 0.500rem 1.375rem;
    border: 1px solid #D9D9D9;
    border-radius: 1.313rem;
}

/* popup */
.popWpper input[type='text'],
.popWpper input[type='password'],
.popWpper input[type='tel'],
.popWpper input[type='number'],
.popWpper input[type='date'],
.popWpper input[type='email'],
.popWpper input[type='search'],
.popWpper textarea,
.popWpper .select-box{
    padding: 0 10px;
}
.popWpper input[type='text'],
.popWpper input[type='password'],
.popWpper input[type='tel'],
.popWpper input[type='number'],
.popWpper input[type='date'],
.popWpper input[type='email'],
.popWpper input[type='search'],
.popWpper .select-box,
.popWpper .select-box label{
    height: 48px;
}
/*.popWpper input::-webkit-input-placeholder{color: #bbb;}
.popWpper input::-moz-placeholder{color: #bbb;}
.popWpper input:-ms-input-placeholder{color: #bbb;}
.popWpper input::placeholder{color: #bbb;}
.popWpper textarea::-webkit-input-placeholder{color: #bbb;}
.popWpper textarea::-moz-placeholder{color: #bbb;}
.popWpper textarea:-ms-input-placeholder{color: #bbb;}
.popWpper textarea::placeholder{color: #bbb;}*/

.popWpper{
    width: 90%;
    max-width: 360px;
    padding: 0.938rem 0.750rem;
    background: #fff;
    color: #000;
    position: relative;
    margin: auto;
}
.popWpper .pop-header{
    padding: 10px 0;
    text-align: center;
    position: relative;
}
.popWpper .pop-header .tit01{
    font-family: 'NotoSansKR-Medium', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
}
.popWpper .pop-header .tit01.large{
    font-size: 18px;
}
.pop-close{
    width: 22px;
    height: 22px;
    text-indent: -10000px;
    position: absolute;
    top: 0;
    right: 0;
}
.pop-close:before,
.pop-close:after{
    content: '';
    display: block;
    width: 28px;
    height: 1px;
    background-color: #a7a7a7;
    position: absolute;
    top: 10px;
    left: -3px;
}
.pop-close:before{
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.pop-close:after{
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.popWpper .pop-body{
    margin-top: 0.750rem;
}
.pop-body .inputWrap{
    padding: 0;
}
.pop-body .btmBtnAr{
    margin-top: 15px;
    margin-bottom: 0;
}
.pop-body .btmBtnAr .btn{
    height: 46px;
}
.popWpper .pop-body .txt-wrap{
    padding: 0px 0 25px;
    text-align: center;
}
.popWpper .pop-body .txt-wrap .txt.large{
    font-size: 15px;
}
.popWpper .pop-body .inputWrap .inputCon .list {
    margin-top: 8px;
}
.popWpper .pop-body .inputWrap .inputCon .list:first-child {
    margin-top: 0;
}
.popWpper .pop-body .login-link{
    margin-top: 8px;
    margin-bottom: 4px;
}
.popWpper .pop-body .login-link .link{
    padding: 0 4px;
    font-size: 14px;
    color: #444;
}
.popWpper.banner{
    padding: 0;
    overflow: hidden;
}
.popWpper.banner .pop-body{
    margin: 0;
    padding: 0;
}
.popWpper.banner .pop-body img{
    width: 100%;
    height: auto;
    max-height: 400px;
}
.popWpper.banner .pop-body.txt-area{
    padding: 0.938rem;
}
.popWpper.banner .btmBtnAr {
    border-top: 1px solid #e9e9e9;
    margin: 0;
}
.popWpper.banner .btmBtnAr .btn{
    width: 50%;
    height: 3.438rem;
    color: #222;
    background: none;
    border: 0;
    border-right: 1px solid #e9e9e9;
    background: none;
    border-radius: 0;
    margin-right: 0;
}
.popWpper.banner .btmBtnAr .btn.today {
    color: #999;
}

.point-change .point-input{
    padding-bottom: 15px;
}
.point-change .account-info{
    padding-top: 15px;
    padding-bottom: 10px;
}

.pop-body.point-change .point-info .txt{
    margin-bottom: 8px;
    font-size: 13px;
    line-height: 1;
}
.pop-body.point-change .point-info .txt:last-child{
    margin-bottom: 0;
}
.pop-body.point-change .member-info{
    margin-bottom: 18px;
}
.pop-body.point-change .noti,
.pop-body.point-change .inputWrap.accrue .input-noti{
    font-size: 11px;
    color: #999;
}

.label-in .list{
    font-size: 0;
}
.label-in .list .input-box{
    display: inline-block;
    width: calc(100% - 75px);
}
.inputWrap .inputCon.label-in .list .tit02{
    display: inline-block;
    width: 75px;
    margin-bottom: 0;
    font-family: 'NotoSansKR-Regular', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    font-size: 14px;
    line-height: 42px;
    vertical-align: middle;
}
.popWpper .point-change input,
.popWpper .point-change .select-box{
    height: 36px;
    line-height: 34px;
    vertical-align: middle;
    font-size: 13px;
}
.popWpper .point-change .select-box label {
    height: 34px;
}
.popWpper .point-change .conBtn{
    margin-top: 10px;
    text-align: center;
}
.popWpper .point-change .conBtn .btn{
    width: 140px;
    height: 38px;
}

/* 설정 버튼 */
.switch {
    display: inline-block;
    height: 22px;
    width: 42px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select: none;
    position: absolute;
}
.switch-checkbox {
    display: none;
}
.switch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border-radius: 20px;
    background-color: #D0D0D0;
    box-shadow: 0px 0px 3px inset rgba(0, 0, 0, 0.2);
}
.switch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    transition: all 0.1s ease-in 0s;
}
.switch-inner:before, .switch-inner:after {
    content: "";
    display: block;
    float: left;
    width: 50%;
    height: 22px;
    padding: 0;
    box-sizing: border-box;
}
.switch-inner:before {
    border-radius: 20px;
    background-color: #FF213C;
    box-shadow: 0px 0px 2px inset rgba(123, 112, 87, 0.3);
}
.switch-onoff {
    display: block;
    width: 18px;
    margin: 2px;
    background-color: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    border-radius: 20px;
    transition: all 0.1s ease-in 0s;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3)
}
.switch-checkbox:checked + .switch-label .switch-inner {
    margin-left: 0;
}
.switch-checkbox:checked + .switch-label .switch-onoff {
    right: 0px;
}

/* 헤더 */
header,
.modal-header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    /* height: 60px; */
    height: 47px;
    background: #FF213C;
    z-index: 100;
}
header .tit,
header .logo,
.modal-header .tit{
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
header .logoLink{
    display: block;
    width: 128px;
    height: 27px;
    text-align: center;
}
header .logoImg{
    width: auto;
    /* height: 100%; */
    width: 79px;
}
header .tit,
.modal-header .tit{
    font-family: 'Roboto-Bold', 'NotoSansKR-Medium', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    font-size: 18px;
}
header .hBtn-L,
header .hBtn-R,
.modal-header .hBtn-R{
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    box-sizing: content-box;
    font-size: 0;
}
header .hBtn-L{
    left: 6px;
}
header .hBtn-R,
.modal-header .hBtn-R{
    right: 6px;
}
header .hBtn,
.modal-header .hBtn{
    width: 36px;
    height: 36px;
    font-size: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px auto;
}
header .hBtn.menu{
    background-image: url(../images/h_menu_icon.png);
}
header .hBtn.back{
    background-image: url(../images/h_back_icon.png);
}
header .hBtn.search{
    background-image: url(../images/h_search_icon.png);
}
header .hBtn.myPage{
    background-image: url(../images/h_mypage_icon.png);
}
header .hBtn.logout{
    background-image: url(../images/h_logout_icon.png);
}
header .hBtn.close,
.modal-header .hBtn.close{
    background-image: url(../images/h_close_icon.png);
}

/* footer */
.footer{
    margin-bottom: 66px;
    background-color: #F7F7F7;
    font-family: 'NotoSansKR-Regular', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
}

.footerLink{
    display: block;
    justify-content: space-around;
    /*padding: 0 1.125rem;*/
    /*border-bottom: 1px solid #E4E4EA;*/
    margin-top: 0px;
}


.footerLink .linkBtn{
    padding: 0px;
    font-family: 'Roboto-Regular', 'NotoSansKR-Medium', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    font-size: 13px;
    color: #757575;
    line-height: 19.2px;
    font-weight: 600;
    text-align: start;
    word-spacing: 0px;
    letter-spacing: normal;
    vertical-align: baseline;
}

.footerLink .linkBtn:first-child{
    padding-right: 0;
}
.footerLink .linkBtn:last-child{
    padding-right: 0;
    padding-left: 8px;
}
.footerLink .linkBtn:first-child{
    padding-right: 8px;
    border-right: 2px solid rgb(238, 238, 238);
}
.footer .comInfoWrap{
    padding: 1.000rem 1.125rem 1.125rem;
}

@media all and (max-width: 440px) {

    .footerLink{
        margin-top: 8px;
    }

}

.footer .comInfoWrap .comName{
    font-family: 'NotoSansKR-Medium', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    font-size: 12.8px;
    font-weight: 700;
    font-style: normal;
    text-align: start;
    line-height: 19.2px;
    word-spacing: 0px;
    letter-spacing: normal;
    vertical-align: baseline;
    color: #131313;
}
.footer .comInfo{
    margin-top: 10px;
    font-size: 11.5px;
    color: #858585;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}


@media all and (max-width: 440px) {

    .footerLink{
        margin-top: 8px;
    }

    .footer .comInfo{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

}

.footer .comInfo > *{
    display: inline-flex;
    margin-bottom: 2px;
}
.footer .comInfo .name{
    /*width: 106px;*/
    vertical-align: top;
    color: #a1a1a1;
    font-size: 12.8px;
    font-weight: 400;
    font-style: normal;
    text-align: start;
    line-height: 19.2px;
    word-spacing: 0px;
    letter-spacing: normal;
}
.footer .comInfo .explan{
    width: calc(100% - 109px);
}

/* 입력박스 레이아웃 */
.input-box{
    font-size: 0;
}
.input-box.combBtn{
    position: relative;
}
.input-box .input{
    display: inline-block;
    width: 100%;
}
.input-box.col2 .input,
.input-box.col2 .select-box{
    width: calc(100% / 2  - 5px);
    margin-right: 10px;
}
.input-box.col2 .input:last-child,
.input-box.col2 .select-box:last-child{
    margin-right: 0;
}
.input-box.combBtn .input{
    width: calc(100% - 80px - 20px);
}
.input-box.combBtn .inBtn{
    float: right;
    width: 90px;
    margin-top: 11px;
}
.input-box .checks label{
    line-height: 22px;
}
.input-box .checks input+label:before{
    width: 21px;
    height: 21px;
}
.input-box.inTx .input{
    width: calc(100% / 2 - 7px);
    margin-right: 0;
}
.input-box.inTx .tx{
    display: inline-block;
    width: 14px;
    font-family: 'NotoSansKr-Regular', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    font-size: 14px;
    text-align: center;
    line-height: 36px;
    vertical-align: middle;
}
.input-box .input-noti{
    display: inline-block;
    margin-top: 4px;
    font-family: 'NotoSansKr-Regular', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    font-size: 12px;
}
.input-box .input-noti.red{
    color: #eb322b;
}
.input-box .input-noti.blue{
    color: #278bff;
}
/* 달력 input */
input.cld{
    padding: 0 36px 0 12px;
    font-family: 'Roboto-Regular', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    color: #555;
    letter-spacing: 0.7px;
    background: url(../images/calendar_ic.png) no-repeat 100% 50% / auto 100%;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.05);
}
input.cld::-webkit-input-placeholder{color: #555;}
input.cld::-moz-placeholder{color: #555;}
input.cld:-ms-input-placeholder{color: #555;}
input.cld::placeholder{color: #555;}

/* ---------- 리스트 ---------- */
/* 기본리스트 */
.listCon .list{
    padding-top: 23px;
    padding-right: 15px;
    padding-bottom: 23px;
    padding-left: 15px;
    border-bottom: 1px solid #EFEFEF;
    line-height: 0;
}
.listWrap .tit03{
    padding: 3px 0;
    /*font-family: 'NotoSansKR-Regular', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;*/
    font-size: 14px;
    line-height: 1.3;
}
.listWrap .tit02{
    padding: 3px 0;
    line-height: 1.3;
}
.listWrap .date,
.boardWrap .date{
    display: inline-block;
    padding: 3px 0;
    font-family: 'Roboto-Regular', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    font-size: 12px;
    color: #A7A7A7;
    letter-spacing: 0.2px;
    line-height: 1.0;
}
.listCon .list .txAr{
    padding-top: 23px;
    padding-bottom: 23px;
    line-height: 0;
    position: relative;
}
.listCon.dateAr .list .txAr{
    padding-top: 20px;
    padding-bottom: 18px;
}
.listCon.dateAr .list .txAr .tit03{
    width: calc(100% - 70px);
}
.listCon.arr .list{
    padding-top: 0;
    padding-bottom: 0;
}
.listCon.dateAr .list{
    padding-top: 0;
    padding-bottom: 0;
}
.listCon .list .view-arr{
    width: 19px;
    height: 19px;
    background: url(../images/view_arr_down.png) no-repeat center / 100% auto;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.listCon .list .view-arr.open{
    background: url(../images/view_arr_up.png) no-repeat center / 100% auto;
}
.listCon .list .pointAr{
    text-align: right;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.listCon .list .pointAr .point{
    padding-right: 2px;
    font-family: 'Roboto-Bold', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    font-size: 15px;
    color: #FFC312;
}

.listWrap .change .tit03{
    font-size: 15px;
}
.listCon .list .pointAr.change .point{
    font-size: 14px;
    line-height: 1.6;
}
.listCon .list .pointAr .point.chgPoint{
    color: #555;
}
.listCon .list .pointAr .point.chgPoint:before{
    content: '-';
    padding-right: 2px;
}

/* form 리스트 */
.inputWrap{
    padding: 25px 15px 58px;
}
.inputWrap .inputCon .list{
    margin-top: 20px;
}
.inputWrap .inputCon .list:first-child{
    margin-top: 0;
}
.inputWrap .inputCon .list .tit02{
    margin-bottom: 8px;
}
/* 설정 리스트 */
.listCon.setupList .list{
    padding-top: 26px;
    padding-bottom: 26px;
    position: relative;
}
.setupList .switch{
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
/* 대시보드 리스트 */
.countCon.list{
    padding-top: 12px;
    padding-bottom: 12px;
}
.countCon.list:first-child{
    padding-top: 0;
}
.countCon.list:last-child{
    padding-bottom: 0;
    border-bottom: 0;
}
/* 대쉬 라인 리스트 */
.dotList .list{
    border-bottom: 1px dotted #E2E2E2;
}

/* 동영상 리스트 */
/* 썸네일 */
.v-thumbImg{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: #EBEBEB;
    background-image: url(../images/thumb_default.png);
}
.v-thumbImg:before,
.v-thumbImg:after{
    content: '';
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
}
.v-thumbImg:before{
    height: 40px;
    top: 0;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%);
}
.v-thumbImg:after{
    height: 102px;
    bottom: 0;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
}
/* 구독완료 안내 */
.v-complete{
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 12;
}
.v-complete .complete-noti{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.v-complete .ic{
    display: block;
    margin: 0 auto 8px;
    width: 30px;
    height: 23px;
    background: url(../images/v_complete_ic.png) no-repeat center / 100% auto;
}
.v-complete .noti{
    font-size: 12px;
    color: #fff;
}
.v-complete .guide{
    font-size: 10px;
    color: rgba(255, 255, 255, 0.7);
}
/* video 리스트 */
.v-listWrap{
    font-size: 0;
}
.v-listWrap .list{
    position: relative;
}
.v-listWrap.reward{
    margin-bottom: 15px;
    background-color: #F7F7F9;
}
/* 리워드 광고 */
.v-listWrap.reward .list{
    display: inline-block;
    width: 50%;
    height: 200px;
    margin-bottom: 1px;
}
.v-listWrap.reward .list{
}
.v-listWrap.reward .list:nth-child(even){
    width: 50%;
    margin-right: 0;
}
.v-listWrap.reward .list:nth-child(odd){
    width: calc(50% - 1px);
    margin-right: 1px;
}
.v-listWrap.reward .list .listInfo,
.v-listWrap.reward .list .adInfo{
    width: 100%;
    position: absolute;
    left: 0;
    z-index: 11;
}
.v-listWrap.reward .list .listInfo{
    top: 0;
}
.v-listWrap .list .time{
    display: inline-block;
    margin-top: 7px;
    margin-left: 10px;
    font-family: 'Roboto-Bold', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    font-size: 13px;
    color: #fff;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
}
.v-listWrap.reward .list .listInfo .re-badge{
    float: right;
    height: 18px;
    margin-top: 8px;
    margin-right: 6px;
    background-color: #fff;
    border-radius: 10px;
}
.v-listWrap.reward .list .listInfo .re-badge .tx{
    padding: 0 7px;
}
.v-listWrap.reward .list .adInfo{
    bottom: 0;
    padding: 0.625rem 0.625rem 10px;
}
.v-listWrap.reward .list .adInfo .tit01{
    margin-bottom: 5px;
    color: #fff;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
}
.v-listWrap.reward .list .adInfo .condi{
    padding: 1px 0.500rem 1px 0.500rem;
    color: #fff;
    border: 1px solid #fff;
}
.v-listWrap.reward .list .v-thumbImg{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}
/* 메인 리워드 광고 */
.v-listWrap.reward.main .list{
    height: 270px;
}
.v-listWrap.reward.main .list:nth-child(odd){
    width: 50%;
    margin-right: 0;
}
.v-listWrap.reward.main .list:nth-child(even){
    width: calc(50% - 1px);
    margin-right: 1px;
}
.v-listWrap.reward.main .list:first-child{
    width: 100%;
    height: 240px;
}
.v-listWrap.reward.main .list:first-child .v-thumbImg:after {
    height: 50px;
    bottom: 0;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%);
}
/* 구독광고 */
.v-listWrap.subscribe{
    padding: 10px;
}
.v-listWrap.subscribe .list{
    width: 100%;
    height: 154px;
    margin-top: 5px;
}
.v-listWrap.subscribe .list:first-child{
    margin-top: 0;
}
.v-listWrap.subscribe .list > *{
    display: inline-block;
    vertical-align: top;
}
.v-listWrap.subscribe .thumbAr{
    width: 154px;
    height: 154px;
    position: relative;
}
.v-listWrap.subscribe .thumbAr .v-thumbImg{
    width: 100%;
    height: 100%;
}
.v-listWrap.subscribe .thumbAr .v-thumbImg:after {
    height: 40px;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%);
}
.v-listWrap.subscribe .thumbAr .time{
    position: absolute;
    z-index: 1;
}
.v-listWrap.subscribe .adInfo{
    width: calc(100% - 154px);
    height: 100%;
    padding: 0 0 5px 10px;
    position: relative;
}
.v-listWrap.subscribe .adInfo .txAr{
    margin-bottom: 4px;
}
.v-listWrap.subscribe .adInfo .tit01{
    margin-bottom: 2px;
    max-height: 44px;
    overflow: hidden;
}
.v-listWrap.subscribe .adInfo .txt{
    max-height: 38px;
    overflow: hidden;
    font-family: 'NotoSansKR-Medium', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
}
.v-listWrap.subscribe .adInfo .re-badge{
    width: 100%;
    margin-bottom: 4px;
}
.v-listWrap.subscribe .adInfo .re-badge .tx{
    display: inline-block;
    width: 100%;
    font-size: 13px;
    line-height: 18px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.v-listWrap.subscribe .adInfo .re-badge .tx:before{
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 3px;
    margin-top: -3px;
}
.v-listWrap.subscribe .adInfo .condiAr{
    width: calc(100% - 10px);
    max-height: 44px;
    overflow: hidden;
    position: absolute;
    bottom: 0;
}
.v-listWrap.subscribe .adInfo .condiAr .condi{
    margin-bottom: 0.200rem;
}

/* ---------- 컨텐츠 ---------- */
/* etc */
.eMail{
    font-family: 'Roboto-Regular', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    font-size: 13px;
    color: #666;
    letter-spacing: 0.3px;
}
.faq .tit02:before{
    content: 'Q.';
    display: inline-block;
    padding-right: 5px;
    font-family: 'Roboto-Medium', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    font-size: 15.5px;
    line-height: 1.4;
    vertical-align: top;
}
.reTotalAr.bgGyWr{
    text-align: center;
    padding: 12px 15px 12px;
    background-color: #f2f3f5;
    box-shadow: 0 -1px 3px inset rgba(0, 0, 0, 0.03);
}
.reTotalAr .tx{
    display: inline-block;
    margin-bottom: 7px;
    margin-left: -6px;
    font-size: 15px;
    line-height: 1;
}
.reTotal{
    font-family: 'Roboto-Bold', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    font-size: 30px;
    color: #FFC312;
    line-height: 1;
}
.reTotal em{
    margin-left: 4px;
    font-size: 23px;
}
/* 블록 컨텐츠 */
.bgGyWr{
    padding: 20px 15px 30px;
    background-color: #F7F7F9;
}
.bloConWr{
    margin-bottom: 25px;
}
.bloConWr:last-child{
    margin-bottom: 0;
}
.bloConWr .tit01{
    margin-bottom: 10px;
    margin-left: 3px;
}
.bloCon{
    padding: 20px 22px 15px;
    background-color: #fff;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    margin-bottom: 10px;
}
.bloCon:last-child{
    margin-bottom: 0;
}
.bloCon .tit{
    font-size: 14px;
    color: #000;
}
.bloCon.List {
    background-color: transparent;
    padding: 0;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
}
.bloCon.List .list{
    width: 100%;
    padding: 16px 18px;
    background-color: #fff;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    margin-top: 10px;
}
.bloCon.List .list:first-child{
    margin-top: 0;
}
.bloCon.List .total{
    line-height: 1;
}
.bloCon.List.col2{
    font-size: 0;
}
.bloCon.List.col2 .list{
    display: inline-block;
    width: calc(100% / 2 - (14px / 2));
    margin-top: 0;
}
.bloCon.List.col2 .list:nth-child(2n){
    margin-left: 14px;
}
.bloCon.List.col2 .list:nth-child(3n){
    margin-top: 10px;
}
.bloCon.List.col2 .total{
    margin-top: 14px;
}

/* 대시보드 컨텐츠 */

.countCon .total{
    font-family: 'Roboto-Medium', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    font-size: 21px;
    text-align: right;
    line-height: 1.5;
    vertical-align: middle;
}
.countCon .total .vol{
    display: inline-block;
    margin-bottom: 1px;
    margin-left: 4px;
    font-family: 'NotoSansKR-Medium', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    font-size: 14px;
    vertical-align: inherit;
}
/* 랭킹 컨텐츠 */
.rankList .list{
    padding-top: 15px;
    padding-bottom: 15px;
}
.rankList .list:first-child{
    padding-top: 5px;
}
.rankList .list:last-child{
    padding-bottom: 0;
    border-bottom: 0;
}
.rankInfo{
    display: flex;
    font-size: 0;
    padding: 10px 0px;
}
.rankInfo .rankNum{
    display: inline-block;
    padding-top: 0px;
    vertical-align: top;
    margin-top: 1px;
    word-break: normal;
}
.rankInfo .rankNum:after{
    content: '';
    display: block;
    width: 8px;
    height: 1px;
    background-color: #bcbcbc;
    margin: 0 auto 0;
}
.rankInfo .num{
    display: inline-block;
    /* width: 18px; */
    padding-bottom: 5px;
    font-family: 'Roboto-Regular', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    font-size: 13px;
    line-height: 0.95;
    color: #8D8D8D;
    text-align: center;
    border-radius: 50%;
    background-color: transparent;
}
.rankInfo .ranker{
    display: inline-flex;
    width: 100%;
    justify-content: space-between;
    padding-left: 12px;
}
/*.rankInfo .ranker .eMail-id{
    margin-bottom: 8px;
    font-family: 'Roboto-Regular', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    font-size: 13px;
    color: #999;
}
.rankInfo .ranker .sum{
    font-family: 'Roboto-Medium', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    font-size: 15px;
    letter-spacing: 0;
}
.rankInfo .ranker .sum .vol{
    margin-left: 2px;
    font-size: 14px;
}*/
.rankInfo .ranker .eMail-id{
    display: inline-block;
    width: calc(100% - 110px);
    font-family: 'Roboto-Regular', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    font-size: 14px;
    color: #000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

}
.rankInfo .ranker .sum{
    display: inline-block;
    float: right;
    font-family: 'Roboto-Medium', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    font-size: 15px;
    letter-spacing: 0;
}
.rankInfo .ranker .sum .vol{
    margin-left: 2px;
    font-size: 14px;
}
.rankInfo.high .rankNum{
    width: 17px;
    margin-top: -6px;
    margin-left: 1px;
    padding-top: 10px;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: 100% auto;
    background-image: url(../images/high_ranker_bg.png);
}
.rankInfo.high .rankNum .num{
    display: block;
    width: 17px;
    height: 17px;
    font-family: 'Roboto-Bold', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    font-size: 11px;
    color: #fff;
    line-height: 17px;
    border-radius: 50%;
    vertical-align: bottom;
}
.rankInfo.high .rankNum:after{
    display: none;
}
.rankInfo.high.first .rankNum .num{
    background-color: #FACC38;
}
.rankInfo.high.second .rankNum .num{
    background-color: #D3D3D3;
}
.rankInfo.high.third .rankNum .num{
    background-color: #C79477;
}
.rankList .list.myRank{
    padding-top: 0;
}
.myRank .rankInfo .rankNum:after{
    background-color: #000;
}
.myRank .rankInfo .num{
    color: #000;
}
.myRank .rankInfo .ranker .my{
    display: inline-block;
    margin-right: 5px;
    padding: 2px 3px 1px 4px;
    font-size: 10px;
    color: #FFC312;
    line-height: 1;
    border: 1px solid #FFC312;
    border-radius: 8px;
}
.myRank .rankInfo .ranker .eMail-id{
    color: #222;
}
.todayDate{
    margin-bottom: 10px;
    padding-left: 3px;
    font-family: 'Roboto-Medium', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    font-size: 15px;
    color: #000;
    line-height: 1;
}
.todayDate .day-week{
    padding-left: 2px;
    font-family: 'NotoSansKr-Medium', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    font-size: 13px;
}
/* 리워드 컨텐츠 */
.re-badge{
    display: inline-block;
}
.re-badge .tx{
    display: inline-block;
    margin-top: 1px;
    font-family: 'Roboto-Bold', 'NotoSansKR-Medium', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    font-size: 12px;
    color: #FFC312;
    line-height: 17px;
    letter-spacing: -0.1px;
}
.re-badge .tx:before{
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 3px;
    margin-top: -2px;
    background: url(../images/list_reward_ic.png) no-repeat center / 100% auto;
    vertical-align: middle;
}
.re-badge.past .tx{
    color: #aaa;
}
.re-badge.past .tx:before{
    background: url(../images/list_reward_ic_past.png) no-repeat center / 100% auto;
}
.short-cut{
    width: 24px;
    height: 24px;
    margin-top: 5px;
    margin-right: 5px;
    border-radius: 50%;
    background: #fff url(../images/list_short_cut_ic.png) no-repeat center / 100% auto;
}
.condiAr{
    font-size: 0;
}
.condiAr .condi{
    display: inline-block;

    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

    margin-right: 0.250rem;
    margin-bottom: 0.250rem;
    padding-right: 0.438rem;
    padding-left: 0.438rem;
    font-size: 0.688rem;
    color: #999;
    border: 1px solid #A3A3A3;
    border-radius: 0.625rem;
}
.condiAr .condi:last-child{
    margin-right: 0;
}
/* 리워드 디테일 */
.top-titAr{
    padding: 12px 10px;
}
.top-titAr .brand-name.tit01{
    margin-bottom: 2px;
    font-family: 'NotoSansKR-Bold', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
}
.top-titAr .tx{
    font-size: 16px;
}
.videoAR{
    width: 100%;
    height: 56.2vw;
    background-color: #ccc;
    position: relative;
}
.videoAR .videoGuide{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
}
.videoAR .videoGuide .txt{
    font-size: 13px;
    color: #fff;
}
.rewardWpper.bgGyWr{
    padding: 0;
}
.rewardWp{
    /*max-width: 480px;*/
    margin: auto;
    padding: 20px 15px;
}
.rewardWp .stepWp{
    padding: 2px 0 26px;
    text-align: center;
    font-size: 0;
    text-align: center;
}
.rewardWp .stepAr{
    display: inline-block;
    position: relative;
}
.rewardWp .stepAr .dot-line{
    display: block;
    width: 90%;
    height: 1px;
    margin: -16px auto 16px;
    background: url(../images/dot_line01.png) repeat-x 0 0 / auto 1px;
}
.rewardWp .stepNumAr .stepNum{
    display: inline-block;
    width: 28px;
    height: 28px;
    margin-right: 2.500rem;
    margin-left: 2.500rem;
    font-family: 'Roboto-Medium', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    font-size: 13px;
    color: #8D8D8D;
    line-height: 29px;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    vertical-align: middle;
}
.rewardWp .stepNumAr .stepNum.active{
    width: 32px;
    height: 32px;
    font-family: 'Roboto-Bold', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    color: #FFC312;
    line-height: 26px;
    border: 4px solid #FFC312;
}
.rewardWp .stepNumAr .stepNum:first-child{
    margin-left: 0;
}
.rewardWp .stepNumAr .stepNum:last-child{
    margin-right: 0;
}
.rewardWp .step-noti{
    margin-top: 2px;
    font-family: 'NotoSansKR-Medium', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    text-align: center;
}
.rewardWp .step-noti + .bloConWr{
    margin-top: 35px;
}
.rewardWp .btn{
    height: 44px;
    background-color: #FFC312;
    border: 1px solid #FFC312;
}
.rewardWp .bloCon .rewardTit{
    margin-bottom: 10px;
    line-height: 1;
}
.rewardWp .bloConWr{
    margin-bottom: 0;
}
.rewardWp .bloCon .tit{
    display: inline-block;
    font-size: 14px;
    vertical-align: top;
}
.rewardWp .bloCon .condiAr{
    /*float: right;*/
    padding-top: 8px;
}
.rewardWp .bloCon .condiAr .condi{
    margin-bottom: 0;
    padding-right: 8px;
    padding-left: 8px;
    font-size: 10px;
    color: #a0a0a0;
    line-height: 1.8;
    border: 1px solid #b9b9b9;
}
.rewardWp .bloCon .btmBtnAr{
    margin-top: 15px;
    margin-bottom: 0;
}
.rewardWp .bloCon .btmBtnAr .btn{
    height: 46px;
    background-color: #C9C9C9;
    border: 1px solid #C9C9C9;
}
.rewardWp .bloCon .btmBtnAr .btn.active{
    background-color: #FFC312;
    border: 1px solid #FFC312;
}
.rewardWp .rewConAr .rewCon{
    line-height: 1;
}
.rewardWp .rewConAr .rewCon > *{
    display: inline-block;
    vertical-align: middle;
    font-family: 'NotoSansKR-Bold', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    line-height: 1;
}
.rewardWp .rewConAr .rewCon .tit:before{
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-image: url(../images/reward_ic.png);
}
.rewardWp .subscripAr .bloCon .condiAr {
    padding-top: 12px;
}
.rewardWp .subscripAr .btmBtnAr{
    margin-top: 15px;
}
.rewardWp .rewConAr .savingCon{
    margin-top: 9px;
    margin-bottom: 2px;
}
.rewardWp .rewConAr .savingCon .tit{
    padding-left: 32px;
}
.rewardWp .rewConAr .savingCon .tit:before{
    margin-left: -32px;
    margin-right: 6px;
    vertical-align: baseline;
}
.rewardWp .rewConAr .savingCon .num{
    font-family: 'Roboto-Bold', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    font-size: 34px;
    letter-spacing: -0.2px;
}
.rewardWp .rewConAr .savingCon .vol{
    display: inline-block;
    margin-top: 7px;
    margin-left: 2px;
    font-family: 'NotoSansKR-Bold', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    font-size: 16px;
    vertical-align: top;
}
.rewardWp .rewConAr .savingCon .vol em{
    display: inline-block;
    margin-top: -1px;
    padding-right: 2px;
    font-size: 19px;
    vertical-align: text-top;
}
.rewardWp .rewConAr .subscripCon{
    margin-top: 16px;
}
.rewardWp .rewConAr .subscripCon .tit{
    padding-left: 26px;
}
.rewardWp .rewConAr .subscripCon .tit:before{
    width: 20px;
    height: 20px;
    margin-top: 1px;
    margin-left: -26px;
    margin-right: 6px;
    vertical-align: top;
}
.rewardWp .rewConAr .subscripCon .name{
    font-size: 18px;
    line-height: 20px;
}
.rewardWp .quizAr{
    margin-bottom: 10px;
}
.rewardWp .quizAr .txt{
    font-family: 'NotoSansKR-Medium', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    font-size: 15px;
    padding-left: 47px;
}
.rewardWp .quizAr .txt:before{
    content: '';
    display: inline-block;
    width: 36px;
    height: 30px;
    margin-left: -47px;
    padding-right: 10px;
    background: url(../images/quiz_ic.png) no-repeat 0 0 / auto 100%;
    vertical-align: top;
}
.rewardWp .quizAr .txt span{
    display: inline-block;
    margin-top: 1px;
    line-height: 1.4;
    vertical-align: top;
}
.rewardWp .quiz-itemList{
    padding: 3px 0;
}
.rewardWp .quiz-itemList .item{
    margin-bottom: 14px;
    line-height: 0;
}
.rewardWp .quiz-itemList .item:last-child{
    margin-bottom: 0;
}
.rewardWp .quiz-itemList .item .checks{
    padding-left: 26px;
}
.rewardWp .quiz-itemList .item .checks input+label{
    padding-left: 0;
}
.rewardWp .quiz-itemList .item .checks input+label:before {
    display: inline-block;
    position: inherit;
    margin-top: -2px;
    margin-right: 4px;
    margin-left: -26px;
    vertical-align: middle;
}
.rewardWp .quiz-itemList .item label{
    font-size: 14px;
}
.rewardWp .quiz-itemList .item .checks input[type="radio"]:checked + label:before {
    border-color: #FFC312;
}
.ticketWr{
    padding-top: 5px;
    padding-bottom: 10px;
    text-align: center;
}
.ticketWr .go-use{
    margin-top: 25px;
    /*margin-left: 144px;*/
    /*padding-right: 15px;*/
    padding: 6px 23px 6px 16px;
    background: #6c6c6c;
    border-radius: 15px;
    color: #fff;
    font-size: 12px;
    position: relative;
}
.ticketWr .go-use:before,
.ticketWr .go-use:after{
    content: '';
    display: block;
    width: 6px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    right: 12px;
}
.ticketWr .go-use:before{
    top: 13.5px;
    transform: rotate(45deg);
}
.ticketWr .go-use:after{
    top: 17px;
    transform: rotate(-45deg);
}
.ticketCon{
    font-size: 0;
}
.ticketCon .left,
.ticketCon .right{
    display: inline-block;
    height: 140px;
    border-radius: 8px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.09);
    vertical-align: top;
}
.ticketCon.able .left,
.ticketCon.able .right{
    height: 150px;
}
.ticketCon .left{
    width: 240px;
    padding: 17px 23px;
    text-align: left;
    background-color: #fff;
    position: relative;
}
.ticketCon .right{
    width: 54px;
    padding: 17px 25px;
    background-color: #FFC312;
    background-repeat: no-repeat, repeat-y;
    background-position: center, 0 50%;
    background-size: 23px auto, 2px auto;
    background-image:  url(../images/ticket_logo.png), url(../images/coupon_dot_line.png);
}
.ticketCon .left .tit03{
    font-size: 13px;
}
.ticketCon .left .reward-name{
    margin-top: 5px;
    font-family: 'TmonMonsori', 'Roboto-Bold', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    font-size: 32px;
    color: #FFC312;
}
.ticketCon .left .reward-name .vol{
    margin-left: 4px;
    font-size: 20px;
}
.ticketCon .left .ticketBtm{
    font-size: 13px;
    position: absolute;
    bottom: 15px;
}
.ticketCon .left .reward-condi{
    font-family: 'Roboto-Regular', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    color: #999;
}
.ticketCon .left .subscrip-condi{
    color: #222;
}
.ticketCon .left .coupon-num{
    font-size: 12px;
    color: #999;
}
.ticketCon .left .coupon-num span{
    font-family: 'Roboto-Regular', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    letter-spacing: 0.4px;
}
.ticketCon .left .coupon-num .copy{
    width: 21px;
    height: 21px;
    margin-left: 6px;
    background: #EDEDED url(../images/num_copy.png) no-repeat center / 100% auto;
    border-radius: 50%;
    vertical-align: super;
}
.ticketCon.coupon{
    margin-top: 10px;
}
.ticketCon.coupon .left .reward-name{
    margin-top: 6px;
    font-size: 29px;
    letter-spacing: 0.8px;
}
.ticketCon.disable .left .tit03{
    color: #BEBEBE;
}
.ticketCon.disable .left .reward-name{
    color: #c3c3c3;
}
.ticketCon.disable .right{
    background-color: #B5B5B5;
}
.rewardWp .cancel{
    width: 290px;
}
.rewardWp .coupon-noti:after{
    content: '';
    display: block;
    clear: both;
}
.rewardWp .coupon-noti .txt-info{
    margin-bottom: 3px;
    font-family: 'NotoSansKR-Regular', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
}
.rewardWp .coupon-noti .txt-info .tit{
    margin-bottom: 2px;
    font-size: 12px;
    color: #000;
}
.rewardWp .coupon-noti .txt-info .txt{
    font-size: 11px;
    color: #999;
}
.rewardWp .coupon-noti hr.st02{
    margin-top: 20px;
    margin-bottom: 20px;
}
.rewardWp .coupon-noti.summary{
    margin: 10px auto 0;
    padding: 0 10px;
}
.rewardWp .coupon-noti.summary .more{
    float: right;
    padding: 2px 16px 2px 10px;
    font-size: 11px;
    color: #A7A7A7;
    border: 1px solid #D0D0D0;
    border-radius: 11px;
    background: url(../images/how_to_arr.png) no-repeat 44px 48% / 5px auto;
}
.rewardWp .numericalAr{
    width: 100%;
    margin-bottom: 40px;
    position: relative;
}
.rewardWp .graphWp{
    margin-top: 45px;
}
.rewardWp .numericalAr .graph-bar{
    width: 100%;
    height: 8px;
    background-color: #D5D5D5;
    border-radius: 4px;
}
.rewardWp .numericalAr .graph-bar .bar-active{
    height: 100%;
    background-color: #FFC312;
    border-radius: 4px;
    position: relative;
}
.rewardWp .numericalAr .graph-bar .num{
    width: 34px;
    padding: 4px 0 3px;
    font-family: 'Roboto-Bold', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    font-size: 11px;
    color: #fff;
    text-align: center;
    background-color: #FFC312;
    border-radius: 4px;
    position: absolute;
    top: -30px;
    right: -14px;
}
.rewardWp .numericalAr .graph-bar .num:after{
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid #FFC312;
    position: absolute;
    left: 12px;
    bottom: -4px;
}
.rewardWp .numericalAr .graph-bar .point{
    width: 14px;
    height: 14px;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    position: absolute;
    top: -3px;
    right: -3px;
}
.numericalAr .count{
    position: absolute;
    top: 5px;
    right: 0;
    font-size: 12px;
    color: #999;
}
.rewardWp .graphWp .gradationAr{
    width: 100%;
    margin-top: 7px;
    position: relative;
}
.rewardWp .graphWp .gradationAr .line{
    display: inline-block;
    font-family: 'Roboto-Regular', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    font-size: 11px;
    color: #959595;
    white-space: nowrap;
    position: absolute;
    top: 0;
}
.rewardWp .graphWp .gradationAr .line:before{
    content: '';
    display: inline-block;
    width: 1px;
    height: 6px;
    background-color: #D9D9D9;
    position: absolute;
    top: -4px;
    left: 50%;
    transform: translateY(-50%);
}
.rewardWp .graphWp .gradationAr .line:nth-child(1){
    left: 0%;
}
.rewardWp .graphWp .gradationAr .line:nth-child(2){
    left: 50%;
}
.rewardWp .graphWp .gradationAr .line:nth-child(3){
    left: 94%;
}

.rewardWp .brand-story{
    margin-top: 30px;
    margin-bottom: 10px;
}
.rewardWp .coupon-noti + .brand-story{
    margin-top: 15px;
}
.rewardWp .brand-story .tit01{
    margin-bottom: 8px;
}
.rewardWp .brand-story .txt{
    font-size: 13px;
    color: #333;
    line-height: 1.5;
}
.go-link{
    padding: 8px 22px 10px 24px;
    background-color: #FF213C;
    border-radius: 22px;
    position: fixed;
    bottom: 72px;
    left: 50%;
    transform: translateX(-50%);
}
.go-link .txt{
    font-family: 'NotoSansKR-Medium', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    color: #fff;
    line-height: 1;
}
.go-link .link{
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 6px;
    background: url(../images/go_link_ic.png) no-repeat center / 100% auto;
}

/* 내정보 수정 */
.inputCon.myInfo input::-webkit-input-placeholder{color: #888;}
.inputCon.myInfo input::-moz-placeholder{color: #888;}
.inputCon.myInfo input:-ms-input-placeholder{color: #888;}
.inputCon.myInfo input::placeholder{color: #888;}
/* 기간검색 */
.periodAr{
    padding: 15px 10px;
    background-color: #F7F7F9;
    font-size: 0;
}
.periodAr .input-box{
    display: inline-block;
    width: calc(100% - 46px);
}
.periodAr .input-box input{
    border-bottom: 0;
    border-radius: 3px;
    background-color: #fff;
}
.periodAr .search{
    float: right;
    width: 36px;
    height: 36px;
    border-radius: 3px;
    background: #CF1879 url(../images/search_btn_ic.png) no-repeat center / 100% auto;
}
/* 검색 페이지 */
.searchInput{
    padding: 15px 10px;
    background-color: #fff;
    position: relative;
}
.searchInput .inputBox{
    width: 100%;
    height: 48px;
    border: 1px solid #FF213C;
}
.searchInput .inputBox input{
    width: calc(100% - 50px);
    height: 100%;
    padding: 0 10px;
    font-size: 16px;
    border: 0;
    background-color: #fff;
}
.searchInput .inputBox .searchBtn{
    float: right;
    width: 40px;
    height: 40px;
    margin: 5px;
    background: url(../images/search_input_ic.png) no-repeat center / 100% auto;
}
.searchListAr{
    padding: 20px 15px;
}
.searchListAr .tit01{
    margin-bottom: 10px;
}
.searchList .s-list{
    margin-bottom: 5px;
    font-family: 'NotoSansKR-Regular', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    font-size: 15px;
    color: #666;
    line-height: 40px;
    position: relative;
}
.searchList .s-list .s-list-del{
    width: 20px;
    height: 20px;
    position: absolute;
    top: 12px;
    right: 0;
}
.searchList .s-list .s-list-del:before,
.searchList .s-list .s-list-del:after{
    content: '';
    width: 20px;
    height: 1px;
    background-color: #a2a2a2;
    position: absolute;
    top: 10px;
    left: 0;
}
.searchList .s-list .s-list-del:before{
    transform: rotate(-45deg);
}
.searchList .s-list .s-list-del:after{
    transform: rotate(45deg);
}
.searchWord::-webkit-input-placeholder{
    font-family: 'NotoSansKR-Medium', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    color: #222;
}
.searchWord::-moz-placeholder{
    font-family: 'NotoSansKR-Medium', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    color: #222;
}
.searchWord:-ms-input-placeholder{
    font-family: 'NotoSansKR-Medium', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    color: #222;
}
.searchWord::placeholder{
    font-family: 'NotoSansKR-Medium', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    color: #222;
}
.searchResult{
    padding: 18px 10px 10px;
    margin-bottom: 6px;
}
.searchR-list .tit01{
    margin-bottom: 16px;
}
.searchR-list .v-listWrap{
    margin-bottom: 0;
}
.searchR-list .v-listWrap.subscribe {
    padding: 0;
}
/* 나의 랭킹 상단 */
/*.myRankAr{
    padding: 20px 20px;
    font-size: 0;
}
.myRankAr > *{
    display: inline-block;
}
.myRankAr .logoAr{
    width: 173px;
    vertical-align: top;
}
.myRankAr .logoAr .triangle-logo{
    margin-top: 12px;
}
.myRankAr .logoAr .triangle-logo img{
    width: 110px;
    height: auto;
    margin-left: 19px;
}
.myRankAr .myRanking{
    width: calc(100% - 173px);
}
.myRankAr .myRanking .countCon{
    padding: 4px 0;
}
.myRankAr .myRanking .countCon .tit {
    font-family: 'NotoSansKR-Regular', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    font-size: 12px;
    letter-spacing: -0.1px;
}
.myRankAr .myRanking .countCon .total{
    font-family: 'Roboto-Black', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    font-size: 25px;
    text-align: left;
    letter-spacing: 0.8px;
}
.myRankAr .myRanking .countCon .total:before {
    display: none;
}*/
/* 아코디언 내용 */
.list-tx-con{
    width: calc(100% + 30px);
    margin-left: -15px;
    padding: 17px 15px;
    background-color: #f0f0f0;
    border-top: 1px solid #EFEFEF;
}
.list-tx-con .tx{
    font-family: 'NotoSansKR-Regular', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    font-size: 13px;
    line-height: 1.5;
}
/* FAQ 고객센터 정보 */
.top-csAr{
    padding: 20px 15px 15px;
    border-bottom: 1px solid #f0f0f0;
}
.top-csAr .tit01{
    font-family: 'Roboto-Medium', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    font-size: 17px;
    letter-spacing: 0.2px;
}
.top-csAr .eMail .short{
    width: 25px;
    height: 25px;
    margin-left: 2px;
    background: #fff url(../images/cs_mail_ic.png) no-repeat center / 100% auto;
    border-radius: 50%;
}
/* 회원가입 약관 동의 체크 */
.terms-agree{
    margin-top: 20px;
}
.terms-agree .agreeList{
    margin-top: 12px;
    line-height: 0;
}
.terms-agree .agreeList:first-child{
    margin-top: 0;
}
.terms-agree .agreeList .view-all{
    float: right;
    width: 20px;
    height: 20px;
    background: url(../images/agree_view_arr.png) no-repeat center / 20px;
}
/* 나의 계정 상단 */
.myAccWrap{
    padding: 22px 15px;
    background-color: #fff;
    position: relative;
}
.myAccWrap .myAccAr{
    position: relative;
}
.myAccWrap .name{
    font-size: 24px;
}
.myAccWrap .eMail{
    display: inline-block;
    margin-top: 4px;
    padding-left: 18px;
    background: url(../images/email_ic.png) no-repeat 0 30% / 13px auto;
}
.myAccWrap .pwBtn{
    position: absolute;
    top: 5px;
    right: 0;
}
.myAccWrap .setup{
    width: 24px;
    height: 24px;
    background: url(../images/myAcc_setup.png) no-repeat center / 100% auto;
    position: absolute;
    top: 10px;
    right: 10px;
}
.myAccWrap .modifi{
    margin-top: 15px;
}
/* 마이페이지 */
.myAccWrap.main .myAccAr{
    text-align: center;
}
.myAccWrap.main .name{
    font-size: 24px;
}
/*.my-condition .bloCon{
    padding: 18px 20px;
}
.my-condition .countCon .txt{
    padding: 1px 11px;
    font-size: 11px;
    color: #00C35A;
    border: 1px solid #00C35A;
    border-radius: 10px;
}
.my-condition .countCon .total{
    margin-top: 12px;
    font-size: 32px;
    line-height: 1;
    text-align: left;
}
.my-condition .countCon .total .vol {
    font-size: 16px;
}
.my-condition .countCon .total:before{
    display: none;
}*/
.my-condition{
    padding: 20px 20px 19px;
    background-color: #FFC312;
}
.my-condition .countCon{
    line-height: 38px;
}
.my-condition .countConn:after{
    content: '';
    display: block;
    clear: both;
}
.my-condition .tit{
    display: inline-block;
    line-height: 1;
    vertical-align: text-top;
}
.my-condition .tit03{
    display: inline-block;
    padding: 3px 14px;
    font-size: 13px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 14px;
}
.my-condition .total{
    float: right;
    font-size: 38px;
    color: #fff;
    line-height: 1;
    text-align: left;
}
.my-condition .total .vol {
    margin-bottom: 0;
    font-family: 'Roboto-Bold', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    font-size: 29px;
    line-height: 1;
    vertical-align: baseline;
}
.my-condition .total:before{
    display: none;
}
.myPageBtnWp .my-change.bloCon{
    margin-bottom: 20px;
    padding: 19px 18px 16px;
    line-height: 1;
}
.myPageBtnWp .my-change .tit,
.myPageBtnWp .my-change .total{
    display: inline-block;
    font-size: 15px;
    line-height: 1;
    vertical-align: top;
}
.myPageBtnWp .my-change .tit .txt{
    line-height: 1;
}
.myPageBtnWp .my-change .total{
    float: right;
    margin-top: 1px;
    font-family: 'Roboto-Medium', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    font-size: 15.5px;
    line-height: 1;
}

/*.myPageBtnWp{
    margin-top: 20px;
}*/
.myPageBtnWp .bloCon{
    padding: 15px 15px;
}
.myPageBtnAr{
    margin: auto;
    font-size: 0;
}
.myPageList{
    display: inline-block;
    width: 33.33333333%;
    padding-top: 11px;
    padding-bottom: 8px;
    text-align: center;
    position: relative;
}
.myPageList:nth-child(-n+3){
    padding-top: 0;
}
.myPageList:after{
    content: '';
    width: 1px;
    height: 30px;
    background-color: #F0F0F0;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.myPageList:nth-child(3n):after{
    display: none;
}
.myPageList .tx{
    font-size: 13.5px;
}
.myPageList .tx:before{
    content: '';
    display: block;
    width: 48px;
    height: 48px;
    margin: 0 auto 2px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 100%;
}
.myPageList.advertise .tx:before{
    background-image: url(../images/my_advertise.png);
}
.myPageList.subscrip .tx:before{
    background-image: url(../images/my_subscrip.png);
}
.myPageList.saving .tx:before{
    background-image: url(../images/my_saving.png);
}
.myPageList.pay-company .tx:before{
    background-image: url(../images/my_pay_company.png);
}
.myPageList.change-list .tx:before{
    background-image: url(../images/my_change_list.png);
}
.myPageList.present .tx:before{
    background-image: url(../images/my_present.png);
}
.myPageList.ranking .tx:before{
    background-image: url(../images/my_ranking.png);
}
.myPageList.notice .tx:before{
    background-image: url(../images/my_notice.png);
}
.myPageList.faq .tx:before{
    background-image: url(../images/my_faq.png);
}
/* 로그인 */
.login .logo{
    padding: 35px 0 35px;
    text-align: center;
}
.login .logo img{
    width: 155px;
    height: auto;
}
.login.inputWrap .inputCon .list {
    margin-top: 10px;
}
.login.inputWrap input{
    height: 48px;
    /*padding: 0 10px;
    border: 0.8px solid #d4d4d4;*/
}
.login.inputWrap input::-webkit-input-placeholder{color: #999;}
.login.inputWrap input::-moz-placeholder{color: #999;}
.login.inputWrap input:-ms-input-placeholder{color: #999;}
.login.inputWrap input::placeholder{color: #999;}
.login .btmBtnAr{
    margin-top: 20px;
    margin-bottom: 10px;
}
.login .login-link{
    font-size: 0;
    text-align: center;
}
.login .login-link .link{
    padding: 5px 13px 5px 12px;
    /*font-family: 'NotoSansKR-Regular', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;*/
    font-size: 14px;
    color: #222;
    position: relative;
}
.login .login-link .link:after{
    content: '';
    display: inline-block;
    width: 0.7px;
    height: 11px;
    background-color: #555;
    position: absolute;
    top: 10px;
    right: 0;
}
.login .login-link .link:last-child:after{
    display: none;
}

.pop-content-wrap {
    width: 100%;
    padding: 25px;
    background: #fff;
    box-sizing: border-box;
    z-index: 301;
    box-sizing: border-box;
    position: fixed;
    width: auto;
    left: 50%;
    top: 49%;
    -webkit-transform: translate(-50%,-51%);
    -moz-transform: translate(-50%,-51%);
    -ms-transform: translate(-50%,-51%);
    transform: translate(-50%,-51%);
}
.pop-content-wrap.main-pop{
    width: 90%;
    max-width: 800px;
    max-height: 750px;
    padding: 0;
    overflow: hidden;
    background-color: transparent;
}
.pop-content-wrap.main-pop .pop-body{
    padding: 0;
    margin-top: 0;
    background-color: #fff;
}
.pop-content-wrap.main-pop .pop-body img{
    max-height: 700px;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.pop-content-wrap.main-pop .pop-body .txt-ar{
    padding: 20px;
}
.main-pop-btm{
    padding: 12px 12px;
    background-color: #333;
    font-size: 0;
}
.main-pop-btm .checks{
    line-height: 1;
    vertical-align: top;
}
.main-pop-btm .checks input+label{
    padding-left: 28px;
    color: #fff;
    line-height: 20px;
}
.main-pop-btm .checks input+label:before {
    border-radius: 3px;
}
.main-pop-btm .close{
    width: 20px;
    height: 20px;
    background: url(../images/main_pop_close.png) no-repeat center / 100% auto;
    font-size: 0;
}

.bgCircle{
    background-repeat: no-repeat;
    background-position: 0 -60px;
    background-size: 100% auto;
    /*background-image: url(../images/circle_bg.png);*/
    position: relative;
}
.bgCircle:after{
    content: '';
    display: block;
    width: 466px;
    height: 466px;
    background-color: #FFC312;
    position: absolute;
    top: -200px;
    left: -7px;
    border-radius: 50%;
    z-index: 0;
}
.topLogo{
    width: 112px;
    height: 34px;
    margin: 4px 0 20px;
    background: url(../images/logo.png) no-repeat 0 0 / 100% auto;
    position: relative;
    z-index: 1
}
.adsWard-current{
    position: relative;
    z-index: 1
}
.adsWard-current .bloCon.List.service .list {
    padding: 14px 18px;
}
.adsWard-current .bloCon .tit {
    font-size: 13px;
    color: #999;
}
.adsWard-current .countCon .total{
    color: #444;
}
.rewardTotal .countCon .total{
    margin-top: 15px;
    font-family: 'Roboto-Black', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    font-size: 27px;
    color: #000;
    line-height: 44px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 44px auto;
}
.rewardTotal .countCon.total-reward .total{
    background-image: url(../images/reward_total_total.png);
}
.rewardTotal .countCon.current-reward .total{
    background-image: url(../images/reward_total_current.png);
}
.adsWard-current .service .tit{
    display: inline-block;
    padding-top: 26px;
    line-height: 24px;
    background-repeat: no-repeat;
    background-position: 2px 0;
    background-size: 24px auto;
}
.adsWard-current .service .membership .tit{
    background-image: url(../images/service_ic_service.png);
}
.adsWard-current .service .ad-count .tit{
    background-image: url(../images/service_ic_adCount.png);
}
.adsWard-current .service .expenses .tit{
    background-image: url(../images/service_ic_expenses.png);
}
.adsWard-current .service .reward .tit{
    background-image: url(../images/service_ic_reward.png);
}
.adsWard-current .service .total{
    float: right;
    margin-top: 22px;
}

.list.extra .tit02{
    display: inline-block;
}

.input-del{
    display: none;
    width: 26px;
    height: 26px;
    margin-left: 7px;
    background: url(../images/input_del_ic.png) no-repeat center / 20px auto;
}
.date-filter{
    margin-top: 10px;
    margin-bottom: 2px;
}
.date-filter .date-btn{
    margin: 0 2px;
    padding: 3px 15px 4px;
    font-family: 'NotoSansKR-Regular', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    font-size: 13px;
    color: #b1b1b1;
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
}
.date-filter .date-btn.active{
    font-family: 'NotoSansKR-Medium', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    color: #000;
    background-color: #fff;
}


/* -------------------- 약관내용 -------------------- */
.terms-wrap{
    padding-top: 60px;
    padding-bottom: 20px;
    box-sizing: border-box;
    min-height: 100vh;
    background: #fff;
}
.txt-box{
    padding: 10px 10px 0;
}
.txt-box *{
    font-size: 0.750rem;
    color: #777;
    letter-spacing: 0.4px;
}
.txt-box .txt{
    margin-bottom: 5px;
    letter-spacing: 0.2px;
}
.txt-box .tit{
    margin-bottom: 6px;
    font-family: 'NotoSansKR-Medium', 'Apple SD Gothic Neo', 'Malgun Gothic',sans-serif ;
    font-size: 0.813rem;
    color: #000;
    line-height: 18px;
}
/*.txt-box .txt + .txt{
    margin-top: 8px;
}*/
.txt-box .txt + .num{
    margin-top: 8px;
}
.txt-box .num + .txt{
    margin-top: 8px;
}
.txt-box .num + .num{
    margin-top: 8px;
}
.txt-box .num .txt .in-list{
    margin-top: 5px;
    margin-bottom: 5px;
}
.txt-box .num .txt + .txt{
    margin-top: 3px;
}

.txt-box .in-list > *{font-size: 0.719rem; line-height: 1.4;}
.txt-box .in-list .txt + .txt{margin-top: 0;}
.txt-box .txt-in{text-indent: 4px;}

.num>.txt.no{padding-left: 0 !important; }
.num>.txt.no:before{margin-left: 0 !important; }
.list_ga>.txt.no{padding-left: 0 !important; }
.list_ga>.txt.no:before{margin-left: 0 !important; }

.num.type01>.txt{padding-left: 16px;}
.num.type01>.txt:before{display: inline-block;margin-left: -16px;margin-right: 4px;}
.num.type01>.txt.one:before{content: '①';}
.num.type01>.txt.two:before{content: '②';}
.num.type01>.txt.three:before{content: '③';}
.num.type01>.txt.four:before{content: '④';}
.num.type01>.txt.five:before{content: '⑤';}
.num.type01>.txt.six:before{content: '⑥';}
.num.type01>.txt.seven:before{content: '⑦';}
.num.type01>.txt.eight:before{content: '⑧';}
.num.type01>.txt.nine:before{content: '⑨';}
.num.type01>.txt.ten:before{content: '⑩';}

.num.type02>.txt{padding-left: 13px;}
.num.type02>.txt:before{display: inline-block;margin-left: -13px;margin-right: 4px;}
.num.type02>.txt.one:before{content: '1.';}
.num.type02>.txt.two:before{content: '2.';}
.num.type02>.txt.three:before{content: '3.';}
.num.type02>.txt.four:before{content: '4.';}
.num.type02>.txt.five:before{content: '5.';}
.num.type02>.txt.six:before{content: '6.';}
.num.type02>.txt.seven:before{content: '7.';}
.num.type02>.txt.eight:before{content: '8.';}
.num.type02>.txt.nine:before{content: '9.';}
.num.type02>.txt.ten:before{content: '10.';}
.num.type02>.txt.eleven:before{content: '11.';}
.num.type02>.txt.twelve:before{content: '12.';}

.num.type03>.txt{padding-left: 15px;}
.num.type03>.txt:before{display: inline-block;margin-left: -14px;margin-right: 3px;}
.num.type03>.txt.one:before{content: '1)';}
.num.type03>.txt.two:before{content: '2)';}
.num.type03>.txt.three:before{content: '3)';}
.num.type03>.txt.four:before{content: '4)';}
.num.type03>.txt.five:before{content: '5)';}
.num.type03>.txt.six:before{content: '6)';}
.num.type03>.txt.seven:before{content: '7)';}
.num.type03>.txt.eight:before{content: '8)';}
.num.type03>.txt.nine:before{content: '9)';}
.num.type03>.txt.ten:before{content: '10)';}
.num.type03>.txt.eleven:before{content: '11)';}
.num.type03>.txt.twelve:before{content: '12)';}
.num.type03>.txt.thirteen:before{content: '13)';}
.num.type03>.txt.fourteen:before{content: '14)';}
.num.type03>.txt.fifteen:before{content: '15)';}
.num.type03>.txt.sixteen:before{content: '16)';}
.num.type03>.txt.seventeen:before{content: '17)';}
.num.type03>.txt.eighteen:before{content: '18)';}
.num.type03>.txt.nineteen:before{content: '19)';}
.num.type03>.txt.twenty:before{content: '20)';}

.latin>.txt{padding-left: 13px;}
.latin>.txt:before{display: inline-block;margin-left: -13px;margin-right: 4px;}
.latin>.txt.one:before{content: 'i.';}
.latin>.txt.two:before{content: 'ii.';}
.latin>.txt.three:before{content: 'iii.';}
.latin>.txt.four:before{content: 'iv.';}
.latin>.txt.five:before{content: 'v.';}

.list_ga>.txt{padding-left: 17px;}
.list_ga>.txt:before{display: inline-block; margin-left: -17px;margin-right: 2px;}
.list_ga>.txt.ga:before{content:"가.";}
.list_ga>.txt.na:before{content:"나.";}
.list_ga>.txt.da:before{content:"다.";}
.list_ga>.txt.ra:before{content:"라.";}
.list_ga>.txt.ma:before{content:"마.";}
.list_ga>.txt.ba:before{content:"바.";}
.list_ga>.txt.sa:before{content:"사.";}
.list_ga>.txt.aa:before{content:"아.";}
.list_ga>.txt.ja:before{content:"자.";}
.list_ga>.txt.cha:before{content:"차.";}
.list_ga>.txt.ca:before{content:"카.";}
.list_ga>.txt.ta:before{content:"타.";}
.list_ga>.txt.pa:before{content:"파.";}
.list_ga>.txt.ha:before{content:"하.";}

.dash .txt{padding-left: 9px;}
.dash .txt:before{content: '-'; display: inline-block;margin-left: -8px;margin-right: 3px;}

.dot.txt{padding-left: 5px;}
.dot.txt:before{content: '∙'; display: inline-block;margin-left: -8px;margin-right: 0px;}

.arr.txt{padding-left: 10px;}
.arr.txt:before{content: '►'; font-size: 10px; line-height: 10px; display: inline-block;margin-left: -13px;margin-right: 3px;}

@media all and (max-width: 360px) {

    .popWpper .pop-body.point-change{
        margin-top: 5px;
    }
    .point-change .point-input{
        padding-bottom: 12px;
    }
    .point-change .account-info{
        padding-top: 12px;
        padding-bottom: 5px;
    }

    .pop-body.point-change .point-info .txt {
        margin-bottom: 6px;
        font-size: 12px;
    }
    .pop-body.point-change .member-info {
        margin-bottom: 12px;
    }
    .pop-body.point-change .inputWrap.accrue{
        margin-top: 12px;
    }

    .inputWrap.account-info .inputCon.label-in .list{
        margin-top: 4px;
    }
    .inputWrap.account-info .inputCon.label-in .list .tit02{
        font-size: 12px;
        line-height: 32px;
    }
    .popWpper .point-change input,
    .popWpper .point-change .select-box{
        height: 32px;
        line-height: 31px;
    }
    .popWpper .point-change .select-box label {
        height: 32px;
    }

    .popWpper .point-change .conBtn {
        margin-top: 12px;
    }
    .popWpper .point-change .conBtn .btn{
        height: 35px;
        font-size: 14px;
    }

    .pop-body.point-change .noti,
    .pop-body.point-change .inputWrap.accrue .input-noti {
        font-size: 10px;
    }
    .pop-body.point-change .account-info .checks input+label:before {
        width: 18px;
        height: 18px;
    }
    .pop-body.point-change .account-info .checks input+label {
        padding-left: 22px;
        line-height: 18px;
    }
    .pop-body.point-change .account-info .checks label {
        font-size: 13px;
    }
    .date-filter .date-btn {
        padding: 3px 13px 4px;
        font-size: 12px;
    }
}

.menu-link{
    width: auto;
    min-width: 361px;
    margin: 0px 16px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.menu-link.merchantShopping{
    height: 166px;
    background-image: url(../images/home/home-merchant.png);
}
.menu-link.shopping{
    height: 248px;
    background-image: url(../images/home/home-shop.png);
}
.menu-link.coupon{
    height: 240px;
    background-image: url(../images/home/home-coupon.png);
    margin-top: 8px;
}
.menu-link:active, .menu-link:visited{
    transform: scale(0.98);
}