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

/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin: 0;padding: 0;border: 0 none;font-size: 100%;vertical-align: baseline;line-height:1.5;box-sizing:border-box;}
body {width: 100%;position: relative;word-break: break-all;-ms-text-size-adjust: 100%;text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary{display: block}
h1, h2, h3, h4, h5, h6, p, span, strong, b, em, i, q, mark, s, u{letter-spacing: 0.0px;font-weight: normal;}
caption,legend{position: absolute;top: -9999px;left: -9999px;visibility: hidden;width: 0;height: 0;font-size: 0;overflow: hidden;}
caption{display: none;}
img {border: none;vertical-align: top}
a { -webkit-tap-highlight-color:transparent;}
ol,ul,ul li{list-style: none}
i, em, address{font-style: normal;display: inline;}
input, textarea, button, select, optgroup{margin: 0;vertical-align: middle;font: inherit;color: inherit}
input, textarea, button, select{box-sizing: border-box}
button{display: inline-block;border: 0;cursor: pointer;margin: 0;padding: 0;font-family: inherit;outline: none;overflow: visible;background: transparent;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
button::-moz-focus-inner{padding: 0;border: 0}
abbr[title], dfn[title]{border-bottom: 1px dotted;cursor: help;}
table{border-collapse: collapse;border-spacing: 0}
audio, canvas, progress,video {display: inline-block}
audio:not([controls]) {display: none;height: 0}
blockquote,q {quotes: none}
blockquote:before, blockquote:after, q:before, q:after {content: '';}
ins {background-color: #ff9;color: #000;text-decoration: none}
mark {background: #ff0;color: #000}
del {text-decoration: line-through}
sub,sup{font-size: 75%;line-height: 0;position: relative;}
sup {top: -0.5em}
sub {bottom: -0.25em}
hr{display: block;margin: 0;padding: 0;border: 0;}
a {color: inherit}
a, a:link, a:visited, a:active, a:hover{text-decoration: none;}
a:hover{text-decoration:none;}
fieldset{-webkit-appearance: none;-moz-appearance: none;appearance: none;}
label{vertical-align: middle}
select, input[type='text'], input[type='password'], input[type='submit'], input[type='search'], input[type="reset"], input[type="button"], input[type="file"], input[type="reset"], button, textarea{-webkit-appearance:none;-moz-appearance:none;-ms-appearance: noneappearance:none;border-radius:0;border: 0;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;-ms-appearance: noneappearance:none;}
button, select, input[type="radio"], input[type='submit']input[type="search"], input[type="button"]{overflow: visible;cursor: pointer}
input[type="checkbox"], input[type="radio"]{box-sizing:border-box;padding:0;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button{height: auto;}
textarea{resize: none;}
select{-webkit-appearance: none;-moz-appearance: none;-ms-appearance: noneappearance: none;}
select::-ms-expand{display: none}
a, button { -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}

/* font */
.fW-L {font-family: 'NotoSansKR-L';}
.fW-R {font-family: 'NotoSansKR-R';}
.fW-M {font-family: 'NotoSansKR-M';}
.fW-B {font-family: 'NotoSansKR-B';}

.fL{float: left;}
.fR{float: right;}
.posiR{position: relative;}
.txA-C{text-align: center;}
.txA-L{text-align: left;}
.txA-R{text-align: right;}
.txC-R{color: #E52F2F !important;}
.txC-BU1{color: #2F60E5 !important;}
.txC-BU2{color: #2559AC !important;}

.blind {overflow: hidden!important;position: absolute!important;clip: rect(0 0 0 0)!important;width: 1px!important;height: 1px!important;margin: -1px!important;}
.sp-re{font-size: 0;}
.ic, .img{font-size: 0;}
.dispN{display: none !important;}

.mT05{margin-top: 5px !important;}
.mT10{margin-top: 10px !important;}
.mT20{margin-top: 20px !important;}
.mT30{margin-top: 30px !important;}
.mT40{margin-top: 40px !important;}
.mR05{margin-right: 05px !important;}
.mR10{margin-right: 10px !important;}
.mR20{margin-right: 20px !important;}
.mR30{margin-right: 30px !important;}
.mR40{margin-right: 40px !important;}
.mB05{margin-bottom: 5px !important;}
.mB10{margin-bottom: 10px !important;}
.mB20{margin-bottom: 20px !important;}
.mB30{margin-bottom: 30px !important;}
.mB40{margin-bottom: 40px !important;}
.mL05{margin-left: 5px !important;}
.mL10{margin-left: 10px !important;}
.mL20{margin-left: 20px !important;}
.mL30{margin-left: 30px !important;}
.mL40{margin-left: 40px !important;}

/* -------------------- input -------------------- */

/* -------------------- 버튼 & 탭 -------------------- */
.btn{
    border-radius: 3px;
    line-height: 1;
}
.moHeaderBtn{display:none;}

/* -------------------- popup -------------------- */

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

html{
    width: 100%;
    font-family: 'NotoSansKR-R', 'Dotum', '돋움', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    font-size: 16px;
    color: #292a2f;
    background-color: #fff;
}
body{
    width: 100%;
    min-width: 1160px;
}
.inner{
    width: 1160px;
    margin: auto;
}
.inner:after{
    content: '';
    display: block;
    clear: both;
}

.leftCon{
    float: left;
}
.rightCon{
    float: right;
}

.mainTit{
    font-family: 'Roboto-Bold','NotoSansKR-B';
    font-size: 56px;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
}
.leftCon .mainTit{
    text-align: left;
}

.headerWp{
    width: 100%;
    height: 110px;
    background-color: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
}
.header .logo{
    display: inline-block;
    width: 138px;
    height: auto;
    margin-top: 34px;
}
.header .logo .img{
    width: 100%;
    height: auto;
}
.header .menuAr{
    float: right;
    margin-top: 34px;
    font-size: 0;
}
.header .btnAr .hBtn{
    margin-left: 12px;
    padding: 12px 25px 11px;
    font-size: 14px;
    border-radius: 20px;
    line-height: 13px;
}
.header .btnAr .hBtn.line{
    color: #999;
    border: 1px solid #a9a9a9;
}
.header .btnAr .hBtn.bgC-Pu{
    color: #fff;
    background-color: #FF213C;
    border: 1px solid #FF213C;
}
.header .side-menuBtn{
    display: none;
    width: 40px;
    height: 40px;
    background: url(../images/side_menu_btn.png) no-repeat center / 100% auto;
    /* position: absolute;
    top: 15px;
    right: 10px; */
}

/* 메인 */
.contents.main{
    padding-top: 110px;
    background-repeat: no-repeat;
    background-position: 50% 0%;
    background-size: auto 100%;
    background-image: url(../images/main_bg.jpg);
}
.contents.main .inner{
    padding-top: 192px;
    padding-bottom: 80px;
}
.contents.main .leftCon .mainTit{
    font-size: 64px;
    color: #fff;
}
.contents.main .leftCon .txtWp{
    margin-top: 200px;
}
.contents.main .leftCon .txtWp > *{
    color: #fff;
}
.contents.main .leftCon .txtWp .tit{
    margin-bottom: 20px;
    font-family: 'Roboto-Bold';
    font-size: 34px;
    text-transform: uppercase;
    letter-spacing: 1.20px;
}
.contents.main .leftCon .txtWp .txt{
    margin-bottom: 20px;
    font-family: 'NotoSansKR-L';
    font-size: 26px;
    line-height: 37px;
}
.contents.main .leftCon .txtWp .txt:last-child{
    margin-bottom: 0;
}
.contents.main .leftCon .btnAr{
    display: none;
}
.contents.main .rightCon{
    min-height: 540px;
    position: relative;
}
.contents.main .rightCon .phone-MockUp{
    width: 391px;
    height: auto;
    position: absolute;
    top: -55px;
    right: 0;
}
.contents.main .rightCon .phone-MockUp .img{
    width: 100%;
    height: auto;
}

/* 애즈워드 소개 */
.contents.introduce{
    background-color: #f2f4f6;
}
.contents.introduce .inner{
    padding-top: 210px;
    padding-bottom: 150px;
}
.contents.introduce .leftCon{
    margin-top: 35px;
}
.contents.introduce .leftCon .mainTit .tx{
    display: block;
    font-size: 59px;
    line-height: 62px;
    letter-spacing: 2px;
}
.contents.introduce .leftCon .mainTit .tx.light{
    font-family: 'Roboto-Light';
}
.contents.introduce .leftCon .txtWp{
    margin-top: 35px;
}
.contents.introduce .leftCon .txtWp .txt{
    font-family: 'NotoSansKR-L';
    font-size: 20px;
    line-height: 29px;
}
.contents.introduce .leftCon .txtWp .txt .tx{
    display: block;
}
.contents.introduce .rightCon{
    text-align: right;
    font-size: 0;
}
.contents.introduce .rightCon .characterBox{
    display: inline-block;
    width: 335px;
    height: 430px;
    margin-left: 40px;
    padding: 56px 32px 0 34px;
    background-color: #fff;
    box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.03), 9px 9px 20px rgba(0, 0, 0, 0.08);
    text-align: left;
    vertical-align: top;
}
.contents.introduce .rightCon .characterBox .ic{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    background-color: #f2f4f6;
}
.contents.introduce .rightCon .characterBox .ic.reward{
    background-image: url(../images/character_reward_ic.png);
}
.contents.introduce .rightCon .characterBox .ic.subscription{
    background-image: url(../images/character_subscription_ic.png);
}
.contents.introduce .rightCon .characterBox .txtWp{
    margin-top: 40px;
}
.contents.introduce .rightCon .characterBox .txtWp .tit{
    font-family: 'NotoSansKR-B';
    font-size: 20px;
}
.contents.introduce .rightCon .characterBox .txtWp .txtAr{
    margin-top: 20px;
}
.contents.introduce .rightCon .characterBox .txtWp .txtAr .txt{
    font-size: 15px;
    color: #4a4a4a;
    line-height: 24px;
}

/* 리워드 소개 */
.contents.reward .inner{
    padding-top: 150px;
    padding-bottom: 170px;
}
.contents.reward .mainTit{
    margin-bottom: 100px;
}
.contents.reward .reward-characterWp{
    font-size: 0;
}
.contents.reward .reward-character-box{
    display: inline-block;
    width: 350px;
    height: 505px;
    margin-right: 22px;
    margin-left: 22px;
    padding-top: 68px;
    background-color: #f5f5f5;
    vertical-align: top;
    text-align: center;
}
.contents.reward .reward-character-box:first-child{
    margin-left: 0;
}
.contents.reward .reward-character-box:last-child{
    margin-right: 0;
}
.contents.reward .reward-character-box .ic{
    width: 236px;
    height: 236px;
    margin: auto;
    border-radius: 50%;
    border: 18px solid #e9e9e9;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    background-color: #fff;
}
.contents.reward .reward-character-box .ic.one-hundred{
    background-image: url(../images/reward_one_hundred_ic.png);
}
.contents.reward .reward-character-box .ic.easy{
    background-image: url(../images/reward_easy_ic.png);
}
.contents.reward .reward-character-box .ic.plus{
    background-image: url(../images/reward_plus_ic.png);
}
.contents.reward .reward-character-box .txtWp{
    margin-top: 35px;
}
.contents.reward .reward-character-box .txtWp .tit{
    font-size: 25px;
}
.contents.reward .reward-character-box .txtWp .txtAr{
    margin-top: 15px;
    font-size: 17px;
    color: #343741;
}

/* 구독광고 소개 */
.contents.subscription{
    background-repeat: repeat;
    background-color: #fcfcfc;
}
.contents.subscription .inner{
    padding-top: 150px;
    padding-bottom: 145px;
}
.contents.subscription .mainTit{
    margin-bottom: 105px;
}
.contents.subscription .leftCon{
    margin-left: 60px;
}
.contents.subscription .leftCon .txtAr .txt{
    font-family: 'NotoSansKR-Thin';
    font-size: 38px;
    color: #111;
    line-height: 56px;
}
.contents.subscription .leftCon .txtAr .txt .bold{
    font-family: 'NotoSansKR-M';
}
.contents.subscription .rightCon{
    margin-right: 50px;
}
.contents.subscription .rightCon .characterNum{
    margin-bottom: 35px;
    position: relative;
}
.contents.subscription .rightCon .characterNum:last-child{
    margin-bottom: 0;
}
.contents.subscription .rightCon .characterNum .txtWp{
    width: 350px;
    padding: 26px 24px 24px;
    background-color: #fff;
    box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.03), 9px 9px 20px rgba(0, 0, 0, 0.08);
    border-radius: 16px;
    position: relative;
}
.contents.subscription .rightCon .characterNum .txtWp .tit{
    font-family: 'NotoSansKR-M';
    font-size: 17px;
    color: #000;
}
.contents.subscription .rightCon .characterNum .txtWp .txtAr{
    margin-top: 4px;
}
.contents.subscription .rightCon .characterNum .txtWp .txt{
    font-size: 15px;
    color: #646568;
}
.contents.subscription .rightCon .characterNum .num-round{
    width: 34px;
    height: 34px;
    background-color: #cb007b;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    top: 3px;
    left: -25px;
}
.contents.subscription .rightCon .characterNum .num-round .num{
    font-family: 'Roboto-Bold';
    font-size: 17px;
    color: #fff;
    line-height: 34px;
}

.contents.subscription .rightCon .swiper-container{
    overflow: inherit ;
}
.contents.subscription .rightCon .swiper-wrapper{
    display: block;
}

/* 애즈워드란 */
.contents.isAdsward{
    background-image: url(../images/subscription_bg.png);
    /* background-color: #fcfcfc; */
}
.contents.isAdsward .inner{
    padding-top: 150px;
    padding-bottom: 78px;
}
.contents.isAdsward .leftCon .mainTit{
    line-height: 74px;
}
.contents.isAdsward .leftCon .mainTit .ic{
    display: inline-block;
    width: 248px;
    height: auto;
    margin-right: 12px;
    vertical-align: top;
}
.contents.isAdsward .leftCon .mainTit .ic .img{
    width: 100%;
    height: auto;
}
.contents.isAdsward .leftCon .txtWp{
    margin-top: 305px;
}
.contents.isAdsward .leftCon .txtWp .txt{
    margin-bottom: 20px;
    font-family: 'NotoSansKR-L';
    font-size: 25px;
    line-height: 37px;
}
.contents.isAdsward .leftCon .txtWp .txt:last-child{
    margin-bottom: 0;
}
.contents.isAdsward .rightCon .phone-MockUp {
    width: 515px;
    height: auto;
    margin-top: 70px;
}
.contents.isAdsward .rightCon .phone-MockUp .img{
    width: 100%;
    height: auto;
}

/* 푸터 */
.footerWp{
    background-color: #343741;
}
.footerWp .footer-btnAr{
    padding: 24px 0;
    border-bottom: 1px solid #484b56;
}
.footerWp .footer-btnAr .lBtnAr,
.footerWp .footer-btnAr .rBtnAr{
    font-size: 0;
}
.footerWp .footer-btnAr .btn{
    border-radius: 20px;
}
.footerWp .footer-btnAr .btn .tx{
    font-size: 13px;
    line-height: 18px;
}
.footerWp .footer-btnAr .btn.line{
    color: #fff;
    border: 1px solid #e5e5e5;
}
.footerWp .footer-btnAr .btn.bgC-Gy{
    background-color: #5a5d67;
    color: #cfd0d2;
}
.footerWp .footer-btnAr .btn .tx{
    background-repeat: no-repeat;
    background-size: 19px auto;
}
.footerWp .footer-btnAr .lBtnAr .btn{
    padding: 9px 26px 9px 26px;
    margin-right: 20px;
}
.footerWp .footer-btnAr .lBtnAr .btn:last-child{
    margin-right: 0;
}
.footerWp .footer-btnAr .lBtnAr .btn .tx{
    padding-left: 26px;
    background-position: 0 50%;
}
.footerWp .footer-btnAr .lBtnAr .btn.android .tx{
    background-image: url(../images/footer_android_ic.png);
}
.footerWp .footer-btnAr .lBtnAr .btn.ios .tx{
    background-image: url(../images/footer_ios_ic.png);
}

.footerWp .footer-btnAr .rBtnAr .btn{
    padding: 9px 18px 9px 26px;
    margin-right: 15px;
}
.footerWp .footer-btnAr .rBtnAr .btn:last-child{
    margin-right: 0;
}
.footerWp .footer-btnAr .rBtnAr .btn .tx{
    padding-right: 25px;
    background-position: 100% 50%;
}
.footerWp .footer-btnAr .rBtnAr .btn.download .tx{
    background-image: url(../images/footer_download_ic.png);
}
.footerWp .footer-btnAr .rBtnAr .btn.advertiser .tx{
    background-image: url(../images/footer_advertiser_ic.png);
}

.footerWp .footer-info{
    font-size: 14px;
    color: #a2a3a7;
}
.footerWp .footer-info .inner{
    padding-top: 42px;
    padding-bottom: 42px;
    position: relative;
}
.footerWp .footer-info .infoAr .infoCon{
    display: inline-block;
    margin-right: 60px;
    vertical-align: top;
}
.footerWp .footer-info .infoAr .infoCon:last-child{
    margin-right: 0;
}
.footerWp .footer-info .infoAr .tit{
    margin-bottom: 12px;
    font-family: 'NotoSansKR-M';
    text-transform: uppercase;
}
.footerWp .footer-info .infoAr > *{
    display: inline-block;
}
.footerWp .footer-info .infoAr .company .tit{
    letter-spacing: 0.7px;
}
.footerWp .footer-info .infoAr .company .info{
    display: inline-block;
    margin-right: 12px;
    white-space: nowrap;
}
.footerWp .footer-info .infoAr .company .term{
    margin-right: 2px;
}
.footerWp .footer-info .infoAr .csEmail{
    font-size: 20px;
}
.footerWp .footer-info .copyRight{
    margin-top: 18px
}
.footerWp .footerLogo{
    width: 145px;
    height: 43px;
    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%);
    
    background: url(../images/footer_logo.png) no-repeat center / 100% auto;
}

.dim-pop{
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1100;
}

.popWpper{
    width: 100%;
    font-family: 'SCDream-medium';
}
.popWpper .popWp{
    width: 90%;
    max-width: 320px;
    min-width: 290px;
    background-color: #FED430;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.popWpper .popWp .pop-close{
    width: 25px;
    height: 25px;
    font-size: 0;
    position: absolute;
    top: 8px;
    right: 8px;
    background: url(../images/pop_close_btn.png) no-repeat center / 100% auto;
}
.popWpper .popWp .popBody{
    padding: 44px 25px 12px;
}
.popWpper .popWp .popBody .tit{
    margin-bottom: 23px;
    font-family: 'SCDream-bold';
    font-size: 21px;
    color: #313131;
    text-align: center;
}
.popWpper .popWp .popBody .txtAr{
    padding-top: 155px;
    position: relative;
}
.popWpper .popWp .popBody .txtAr::before{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: auto 155px;
    background-image: url(../images/pop_mockUp.png);
    position: absolute;
    top: 0;
    left: 0;
}
.popWpper .popWp .popBody .txtAr .txtListAr{
    padding: 22px 16px;
    background-color: #fff;
    border-radius: 15px;
}
.popWpper .popWp .popBody .txtAr .txtListAr .txtList{
    margin-bottom: 10px;
    position: relative;
}
.popWpper .popWp .popBody .txtAr .txtListAr .txtList:last-child{
    margin-bottom: 0;
}
.popWpper .popWp .popBody .txtAr .txtListAr .txtList .num{
    display: inline-block;
    width: 18px;
    height: 18px;
    background-color: #2F2C23;
    border-radius: 50%;
    font-size: 10px;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.popWpper .popWp .popBody .txtAr .txtListAr .txtList .num .tx{
    display: inline-block;
    margin-top: 2px;
}
.popWpper .popWp .popBody .txtAr .txtListAr .txtList .txt{
    display: inline-block;
    padding-left: 26px;
    line-height: 18px;
    font-size: 13px;
}
.popWpper .popWp .popBody .txtAr .txtListAr .txtList .txt .em{
    display: inline-block;
    position: relative;
    z-index: 1;
}
.popWpper .popWp .popBody .txtAr .txtListAr .txtList .txt .em:before{
    content: '';
    display: block;
    width: 100%;
    height: 4px;
    background-color: #FFE090;
    position: absolute;
    bottom: 3px;
    z-index: -1;
}
.popWpper .popWp .popBody .txtAr .txtListAr .txtList .txt .share_ic{
    display: inline-block;
    line-height: 0;
    width: 18px;
    height: 18px;
    background: url(../images/share_ic.png) no-repeat center / 100% auto;
    margin-bottom: -4px;
}
.popWpper .popWp .popBody .noti{
    margin-top: 13px;
    font-size: 11px;
    color: rgba(0, 0, 0, 0.4);
    text-align: center;
}
.popWpper .popWp .popBtn{
    width: 100%;
    height: 65px;
    font-size: 20px;
    color: #fff;
    background-color: #FF213C;
}
@media all and (max-height: 667px){
    .popWpper .popWp .popBody {
        padding: 35px 25px 10px;
    }
    .popWpper .popWp .popBody .txtAr {
        padding-top: 130px;
    }
    .popWpper .popWp .popBody .txtAr::before {
        background-size: auto 130px;
    }
    .popWpper .popWp .popBody .txtAr .txtListAr .txtList {
        margin-bottom: 8px;
    }
    .popWpper .popWp .popBody .txtAr .txtListAr .txtList .txt {
        line-height: 14px;
    }
    .popWpper .popWp .popBtn {
        font-size: 18px;
    }

}
@media all and (max-width: 320px) {
    .popWpper .popWp .popBody {
        padding: 30px 20px 10px;
    }
    .popWpper .popWp .popBody .tit {
        font-size: 18px;
        margin-bottom: 18px;
    }
    .popWpper .popWp .popBody .txtAr {
        padding-top: 110px;
    }
    .popWpper .popWp .popBody .txtAr::before {
        background-size: auto 110px;
    }
    .popWpper .popWp .popBody .txtAr .txtListAr {
        padding: 15px 14px;
    }
    .popWpper .popWp .popBody .txtAr .txtListAr .txtList {
        margin-bottom: 6px;
    }
    .popWpper .popWp .popBody .txtAr .txtListAr .txtList .txt {
        font-size: 12px;
        line-height: 12px;
    }
    .popWpper .popWp .popBtn {
        height: 55px;
    }
}