@charset "utf-8";
/*
Last Updated: 20191101
Author: Jeong Eunmi
*/

@font-face {
  font-family: 'Nanum Square';
  src: url('../css/fonts/NanumSquareL.eot');/* IE9 Compat Modes */
  src: url('../css/fonts/NanumSquareL.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../css/fonts/NanumSquareL.woff') format('woff'), /* Modern Browsers */
       url('../css/fonts/NanumSquareL.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../css/fonts/NanumSquareOTFLight.svg#017f9c78318bcde3d1dc4451e8eaca0a') format('svg');/* Legacy iOS */       
  font-style: normal;
  font-weight:  300;
}
@font-face {
  font-family: 'Nanum Square';
  src: url('../css/fonts/NanumSquareR.eot');/* IE9 Compat Modes */
  src: url('../css/fonts/NanumSquareR.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../css/fonts/NanumSquareR.woff') format('woff'), /* Modern Browsers */
       url('../css/fonts/NanumSquareR.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../css/fonts/NanumSquareOTFR.svg#9e23ceb0c858ca37642ba540402577eb') format('svg');/* Legacy iOS */       
  font-style: normal;
  font-weight:  400;
}
@font-face {
  font-family: 'Nanum Square';
  src: url('../css/fonts/NanumSquareB.eot');/* IE9 Compat Modes */
  src: url('../css/fonts/NanumSquareB.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../css/fonts/NanumSquareB.woff') format('woff'), /* Modern Browsers */
       url('../css/fonts/NanumSquareB.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../css/fonts/NanumSquareOTFB.svg#a41a1fda1fdf3dafd3394867a156b1cf') format('svg');/* Legacy iOS */       
  font-style: bold;
  font-weight:  500;
}
@font-face {
  font-family: 'Nanum Square';
  src: url('../css/fonts/NanumSquareEB.eot');/* IE9 Compat Modes */
  src: url('../css/fonts/NanumSquareEB.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../css/fonts/NanumSquareEB.woff') format('woff'), /* Modern Browsers */
       url('../css/fonts/NanumSquareEB.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../css/fonts/NanumSquareOTFExtraBold.svg#090d6763bc81b49309446d23fbd10e87') format('svg');/* Legacy iOS */
         font-style: bolder;
  font-weight:  700;
}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}

@font-face {
  font-family: 'BM-JUA';
  src: url('../css/fonts/bm-jua/BM-JUA.eot');/* IE9 Compat Modes */
  src: url('../css/fonts/bm-jua/BM-JUA.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../css/fonts/bm-jua/BM-JUA.woff') format('woff'), /* Modern Browsers */
       url('../css/fonts/bm-jua/BMJUA.woff2') format('woff2'), /* Modern Browsers */
       url('../css/fonts/bm-jua/BM-JUA.ttf')  format('truetype');/* Safari, Android, iOS */
  font-style: normal;
  font-weight:  400;
}


/* Reset */
*{margin: 0;padding: 0;-webkit-box-sizing: border-box;box-sizing: border-box;font-family: 'Nanum Square', '나눔스퀘어', 'Noto Sans KR', '맑은 고딕', malgun gothic, Dotum, '돋움', Helvetica, sans-serif;font-size: 100%;/*드래그 방지-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;*/}
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, input, textarea, button,
article, aside, canvas, details, embed, figure, figcaption, footer, header, menu,
nav, output, ruby, section, summary, time, mark, audio, video
{margin:0;padding:0;border:0;font-size:100%;letter-spacing: -.5px;}
article, aside, details, figcaption, figure, footer, header, menu, nav, section {display: block;}
ol, ul, li {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content:none;}
table {border-collapse:collapse;border-spacing:0;empty-cells: show;table-layout: fixed;word-break: break-all;}
table th, table td, table td img{text-align: center;vertical-align: middle;}
a{display: block;text-decoration: none;color: inherit;}
a:active, a:hover{text-decoration: none;}
legend, caption, hr {display:none;}
em {font-style:normal;}
strong{font-weight:500;}
img {vertical-align:top;max-width: 100%;}
input {vertical-align:middle;}
input:active,
input:focus{border:1px solid #ff527e;}
p,h3,h2,h1{letter-spacing: normal;}
input,textarea,button,select{outline:0;box-shadow:none;-webkit-appearance: none;}
input,textarea{border:1px solid #ddd;}
section{width:100%;text-align: center;}
html, body{font-size: 10px;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-webkit-touch-callout:none;-webkit-user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
body{font-family:'Nanum Square', '나눔스퀘어', 'Noto Sans KR','맑은 고딕', malgun gothic, Dotum, '돋움', Helvetica, sans-serif;font-size:10px;color:#434343;line-height: 1;font-weight: 400;}
button {margin:0;padding:0;outline:0;border:none;background-color:transparent;cursor:pointer;}
input[type='search'] {border-radius:0;-webkit-appearance: none;}
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {-webkit-appearance:none;}
input[type='text'],
input[type='password'],
input[type='search'] {-webkit-appearance:none;}
input[type='button'] {-webkit-appearance:none;}
img {vertical-align:top;}
fieldset{border:0 none;vertical-align:top;margin:0;padding:0;}
.hide, legend, caption {position:absolute !important;left:-9999px;width:0;height:0;overflow:hidden;text-indent:-9999px;font:0/0 a;}
::-ms-clear{display: none;}
select{appearance: none;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;}
select::-ms-expand {display: none;}
input[type=text]::-ms-clear,
input[type=password]::-ms-clear {display: none;}
input[type=checkbox]::-ms-check,
input[type=radio]::-ms-check {border:0}
input[type=password] {font-family:'맑은 고딕', malgun gothic, Dotum, '돋움', Helvetica, sans-serif;}

/* radio */
input[type="radio"]{display: none;line-height: 1;}
input[type="radio"] + label{font-size: 1rem;color: #000;cursor: pointer;}
input[type="radio"] + label::before{content:'';display: inline-block;width: 1.7rem;height:1.7rem;background: url(../images/common/ico_radio.png) 0 0 no-repeat;background-size: cover;vertical-align: middle;margin-right:3px;}
input[type="radio"] + label span{margin-left: 0.3rem;vertical-align: middle;}
input[type="radio"]:checked + label::before{background: url(../images/common/ico_radio.png) -1.7rem 0 no-repeat;background-size: cover;}

/* checkbox */
input[type="checkbox"]{display: none;line-height: 1;}
input[type="checkbox"] + label{font-size: 1rem;cursor: pointer;}
input[type="checkbox"] + label::before{content:'';display: inline-block;width: 1.7rem;height:1.7rem;background: url(../images/common/ico_checkbox.png) 0 0 no-repeat;background-size: cover;vertical-align: middle;margin-right:.5rem;}
input[type="checkbox"] + label span{margin-left: 0.3rem;vertical-align: middle;}
input[type="checkbox"]:checked + label::before{background: url(../images/common/ico_checkbox.png) -1.7rem 0 no-repeat;background-size: cover;}


/* top */
.btn-top{position: fixed;right: 5rem;bottom: 7rem;z-index: 5;width: 3.6rem;height: 3.6rem;background: url(../images/common/btn_top.png);background-size: cover;opacity: 0;transition: 0.25s all;-webkit-transition: 0.25s all; -moz-transition: 0.25s all;text-indent: -99999px;}
.scrolled .btn-top{opacity: 1;}

/* loading */
.loader {position:fixed;left:0;top:15%;right:0;z-index:200;display:none;}
.loader img {width:100%;}
#loading_head {width: 100%;height: 100%;top: 0px;left: 0px;position: fixed;display: block;opacity: 1;background-color: transparent;z-index: 400;text-align: center;}
#loading_head-image {position: absolute;top: 30%;left: 45%;z-index: 400;width: 10%;}
   
/* header & nav*/
.header{position:fixed;left:0;top:0;right:0;width:100%;background:#fff;z-index:200;border-bottom:1px solid #e5e5e5;-webkit-transition:top .15s ease-in-out;transition:top .15s ease-in-out;}
.header.header-up {top:-400px;}
.header .top-area{position:relative;overflow:hidden;height:57.5px;padding:1.75rem 1.5rem;border-bottom:1px solid #ddd}
.header .logo {position:absolute;top:1.245rem;left:0;right:0;width:6.1rem;margin:auto;text-align:center;}
.header .logo a {display:inline-block;width:100%;height:31.85px;}
.header .gnb ul li{display:inline-block;}
.header .bundle-menu{position:absolute;right:1.5rem;top:1.4rem;font-size:0;}
.header .bundle-menu .btn-recharge{width:2.4rem;height:3rem;background:url(../images/common/btn_recharge.png
  ) 0 0 no-repeat;background-size:contain;margin-right:1.2rem;}
.header .bundle-menu .btn-menu,
.sub-title-area .btn-menu{width:2.1rem;height:3rem;background:url(../images/common/btn_menu.png) 0 0 no-repeat;background-size:contain;} 
.header-item{height:4.5rem;}
.header-item .search-box{float:left;width:4.5rem;height:4.5rem;margin-left:.5rem;}
.header-item .search-box .btn-search{background:url(../images/common/btn_search.png) center center no-repeat;background-size:1.7rem;width:100%;height:100%;font-size:0;}
.header-item .search-box .btn-search.active{background-image:url(../images/common/btn_search_active.png)}
.header-item .search-box .search-input,
.header-item .search-box .keyword-area{display:none;}
.header .gnb{display:flex;justify-content:space-between;height:100%;padding:0 1rem 0 0;}
.header .gnb li{position:relative;display:inline-block;font-size:1.5rem;font-weight:500;border-radius:4px;}
.header .gnb li a{height:100%;padding:1.5rem 1rem;letter-spacing: -.5px;border-radius:4px;}
.header .gnb li.active a{color:#ff527e;}
.header .gnb li i.dot{display:inline-block;width:5px;height:5px;background:#ff527e;border-radius:50%;vertical-align:text-top;}
nav{position:fixed;top:0;bottom:0;right:-100%;overflow-y:auto;z-index:260;transition:all .25s ease-in-out;background:#fff;width:100%;min-width:290px;box-shadow:0 3px 3px 0 rgba(0, 0, 0, 0.3)}
body.nav-drawer {overflow:hidden;}
body.nav-drawer nav{right:0;}

.header .bundle-menu .btn-login-menu{width:3rem;height:3rem;background:url(../images/common/btn_menu_landing.png) 0 0 no-repeat;background-size:contain;margin:0 1rem} 


/* Adult Toggle */
.adult-switch {position:relative;float:left;width:5.2rem;height:2.2rem;margin:0;vertical-align:middle;border:2px solid #434343;border-radius:25px;color:#fff;font-size:1.1rem;font-weight:bold;cursor:pointer;    font-family: 'Malgun Gothic', 맑은 고딕, sans-serif;}
.adult-switch:before{content:"19";position:absolute;top:-2px;left:-2px;width:2.2rem;height:2.2rem;background:#434343;border-radius:50%;line-height:2.2rem;/*transition:all .4s ease;*/text-align:center;}
.adult-switch:after{content:"OFF";display:block;height:100%;line-height:19px;margin-right:6px;font-weight:800;text-align:right;color:#434343;}
.adult-switch.on{border:2px solid #ff527e;color:#ff527e}
.adult-switch.on:before{content:'19';left:auto;right:-1px;width:2.2rem;height:2.2rem;margin-left:2.6rem;background:#ff527e;color:#fff;border-radius:50%;}
.adult-switch.on:after{content:"ON";color:#ff527e;display:block;height:2rem;line-height:2rem;margin-top:-1px;text-align:left;margin-left:7px}

/* footer */
.footer{padding-top:1.6rem;padding-bottom:5.8rem;}
.footer-menu{margin-bottom:4rem;}
.footer-menu ul{display:flex;justify-content:space-around;max-width:36rem;margin:0 auto;padding:0 10px}
.footer-menu ul li{margin-left:.8rem;}
.footer-menu ul li:first-of-type{margin-left:0}
.footer-menu ul li a{position:relative;font-size:1.15rem;font-weight:500;}
.footer-menu ul li a:after{content:'';position:absolute;top:1px;right:-1.2rem;width:1px;height:1rem;background:#cbcbcb}
.footer-menu ul li:last-of-type a:after{display:none;}
.footer-info{text-align:center;}
.footer-logo{position:relative;display:inline-block;width:14.5rem;text-align:left;}
.footer-logo:after{content:'';position:absolute;top:50%;right:.5rem;width:.9rem;height:.5rem;margin-top:0;background:url(../images/common/btn_footer_more.png) 0 0 no-repeat;background-size:contain;transition:all .2s ease;}
.footer-logo img{width:11.5rem;}
.footer-info > p{display:none;}
.footer-info .footer-info-detail{display:none;}
.footer-info-detail.open .footer-info-detail{display:block;}
.footer-info.open .footer-info-detail{display:block;padding:1.5rem 3rem 0;font-size:11px;line-height:16px;}
.footer-info.open .footer-info-detail p{letter-spacing:-0.4px;color:#7b7b7b;}
.footer-info.open .footer-info-detail p:first-child{margin-bottom:1rem;}
.footer-info.open .footer-logo:after{margin-top:-.2rem;transform:rotate(180deg);}
.sns-group{margin:3.2rem 0;}
.sns-group ul{display:flex;justify-content:space-between;width:23.5rem;margin:0 auto;}
.sns-group ul li a{display:block}
.sns-group ul li:first-of-type a{width:1.8rem;height:1.8rem;background:url(../images/common/btn_sns_01.png) 0 0 no-repeat;background-size: contain;}
.sns-group ul li:nth-of-type(2) a{width:1.8rem;height:1.8rem;background:url(../images/common/btn_sns_02.png) 0 0 no-repeat;background-size: contain;}
.sns-group ul li:nth-of-type(3) a{width:3rem;height:1.8rem;background:url(../images/common/btn_sns_03.png) 0 0 no-repeat;background-size: contain;}
.sns-group ul li:nth-of-type(4) a{width:1.8rem;height:1.8rem;background:url(../images/common/btn_sns_04.png) 0 0 no-repeat;background-size: contain;}
.footer .copy{margin-bottom:2.25rem;color:#7b7b7b;font-size:1.15rem;letter-spacing: -0.25px;text-align:center;}
.footer-info .footer-info-detail > p.copy,
.footer-info .img-copyright{display:none;}

/* Side Menu */
.side-menu{background:#eee}
.menu-box{position:relative;}
.side-menu .top-area{position:relative;padding:0;margin-bottom:0;background:#f2f2f2;text-align:center;border-bottom:1px solid #ddd;}
.side-menu .top-area .btn-close{position:absolute;top:0;left:0;font-size:0;width:40px;height:58px;background:url(../images/common/btn_prev.png) center center no-repeat;background-size:7px;}
.menu-title-area{position:relative;background:#fff;height:58px;border-bottom:1px solid #ddd;text-align:center;font-size:15px;color:#434343;line-height:58px;}
.top-info-area{padding:12px;text-align:center;}
.top-area.before-login .top-info-area{padding-top:0;}
.top-info-area > *{display:block;margin:0 auto;text-align:center;}
.top-info-area button.btn-login{font-size:13px;padding-right:15px;background:url(../images/common/ico_menu_login_go.png) right center no-repeat;background-size:5px;}
button.btn-join{font-size:12px;margin-top:8px;margin-bottom:10px;border-bottom:1px solid #7b7b7b;color:#7b7b7b;}
.pink-box-area{background:#ff527e;text-align:center;color:#fff;font-size:12px;padding:4px 18px;display:inline-block;border-radius:20px;}
.pink-box-area > *{display:inline-block;}


/* 내 정보 */
img.bg_top_info{width:100%;height:85px;}
img.bg_top_info_pc{display:none;}
.join-info, 
.my-info{position:relative;padding:12px;}
.my-info.after-login{padding:0 0 12px;background:#fff;}
.my-info.after-login .my-info-top{position:relative;}
.my-info-top .my-coin,
.my-info-top .setting{position:absolute;}
.my-info-top .my-coin{color:#fff;left:15px;font-size:12px;top:-45px;line-height:13px;text-align:left;z-index:100}
.my-info-top .setting{width:23px;height:23px;background:url(../images/common/ico_menu_setting.png) 0 0 no-repeat;background-size:contain;right:15px;top:-34px;}
.my-info-top .my-coin span{display:inline-block;font-size:18px;font-weight:500;margin-top:3px;}
.my-info-top .my-coin i{display:inline-block;width:15px;height:15px;background:url(../images/common/img_menu_plus.png) center center no-repeat;background-size:contain;vertical-align:bottom;margin-left:3px;}
.img-area, 
.info-detail{display:inline-block;vertical-align:middle;}
.img-area{width:90px;height:90px;background:#fff url(../images/common/img_menu_man2.png) center center no-repeat;background-size:90px;border-radius:50%;vertical-align:top;}

.my-info .img-area.gold{background:url(../images/common/ico_level_gold.png) 0 0 no-repeat;background-size:100% 100%;}
.my-info .img-area.dia{background:url(../images/common/ico_level_dia.png) 0 0 no-repeat;background-size:100% 100%;}
.my-info .img-area.platinum{background:url(../images/common/ico_level_platinum.png) 0 0 no-repeat;background-size:100% 100%;}
.info-detail{position:relative;padding:.3rem 0 0 1.5rem;width:calc(100% - 5.25rem);}
.info-detail .my-coin{height:2.55rem;line-height:2.55rem;margin-bottom:1.95rem;font-size:0;}
.info-detail strong{color:#ff527e;}
.info-detail .coin-num{position:relative;top:1px;display:inline-block;padding-right:1.25rem;color:#ff527e;}
.info-detail .coin-num{font-size:3.35rem;font-weight:500;letter-spacing:-1.5px;}
.info-detail .coin-num:after{position:absolute;content:"";bottom:0;right:-2px;width:1.2rem;height:1.2rem;background: url(../images/common/bg_ico_stripe.png) 0 -40px no-repeat;background-size: 12px 51px;}
.info-detail p{position:relative;font-size:1.15rem;line-height:1.4rem;color:#434343;}
.info-detail p em{color:#ff527e;margin:0 5px;font-weight:900}
.info-detail p.my-grade{margin-bottom:1.1rem;font-size:1.5rem;font-weight:500;}
.btn-benefit{position:absolute;top:.2rem;right:0;padding:.12rem 2px;color:#434343;border:1px solid #434343;border-radius:3px;font-size:1rem;letter-spacing: -.7px;width:auto;min-width:68px;}
.side-menu .my-info .coin-txt{position:relative;font-size:1.25rem;letter-spacing:-.6px;text-align:center;}
.after-login .info-detail{margin-top:-70px;margin-bottom:3px;width:100%;padding-left:0;}
.after-login .coin-txt{position:relative;padding-right:32px;}
.after-login .coin-txt:after{content:'';position:absolute;right:16px;top:1px;width:1px;height:11px;background:#da3b64;}
.after-login .img-area.general{width:90px;height:90px;background:#fff url(../images/common/img_menu_man.png) center center no-repeat;background-size:90px;border-radius:50%;vertical-align:top;margin-bottom:8px;}
.after-login .info-detail p{font-size:13px;font-weight:bold;margin-bottom:6px;}
.after-login .info-detail p.my-grade{font-size:12px;}
.after-login .info-detail p.my-grade > span{display:inline-block;margin-right:3px;color:#7b7b7b;font-weight:400}

/* 등급 Progress */
.progress-area{padding:2.5rem 0 1rem;font-size:1.2rem;color:#434343;text-align:center;}
.progress-area strong{color:#ff527e;letter-spacing:-0.5px;font-weight:500;}
.progress-bar {position:relative;width:calc(100% - 4rem);height:.7rem;margin:0 auto 1.7rem;background:#434343;border-radius:20px;}
.progress-bar:before{content:'';position:absolute;top:1px;left:-11px;width:9px;height:7px;background:url(../images/common/ico_won.png) 0 0 no-repeat;background-size:contain;display:none}
.progress-bar .section-line > span{position:absolute;font-size:.9rem;color:#7b7b7b;margin-left:-6px;padding-top:9px;font-weight:500;}
.progress-bar .my-state{position:absolute;top:0;left:0;height:100%;background:#ff527e;border-radius:20px;max-width:100%;}
.progress-bar .section-line > span:nth-of-type(1){left:33.33333%}
.progress-bar .section-line > span:nth-of-type(2){left:66.66666%}
.progress-bar .section-line > span:nth-of-type(3){left:99.99999%}
.progress-bar .section-line > span:nth-of-type(1):after,
.progress-bar .section-line > span:nth-of-type(2):after{content:'';position:absolute;width:1px;height:7px;background:#f2f2f2;top:0;left:3px;}
.progress-bar .my-state-num{position:absolute;top:-19px;right:-15px;color:#ff527e;font-size:1rem;background:#242424;border-radius:20px;text-align:center;padding:3px 6px 2px;letter-spacing:-.5px;font-weight:400;min-width:25px;}
.progress-bar .my-state-num:after{content:'';position:absolute;bottom:-3px;left:calc(50% - 4px);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #242424;}

/* 바로 가기 링크 */
.direct-link{color:#fff;font-size:1.2rem;text-align:center;margin-bottom:-1.5rem;}
.direct-link ul{display:flex;justify-content: space-between;border-top:1px solid #cecece;background:#f2f2f2;}
.direct-link ul li{width:100%;text-align:center;}
.direct-link ul li:last-of-type{border-right:none;}
.direct-link ul li a{position:relative;display:block;width:100%;height:100%;padding:3.5rem 0 .8rem 0;color:#434343;}
.direct-link ul li:nth-of-type(1) a{background:url(../images/common/btn_my_library.png) top 1rem center no-repeat;background-size:2.3rem 1.9rem;}
.direct-link ul li:nth-of-type(3) a{background:url(../images/common/btn_coupon.png) top 1rem center no-repeat;background-size:2.3rem 1.7rem;}
.direct-link ul li:nth-of-type(2) a{background:url(../images/common/btn_attendance_before.png) top 1rem center no-repeat;background-size:2.3rem 1.9rem;}
.direct-link ul li:nth-of-type(2) a .chk-num{position:absolute;top:1.55rem;left:3px;right:0;margin:auto;font-size:.9rem;color:#ff527e;font-weight:500;font-size:0;}
.btn-certify{width:100%;height:4.5rem;padding:0 1.15rem;color:#f2f2f2;text-align:left;background:#ff527e url(../images/common/btn_next_w.png) right 1.15rem center no-repeat;background-size:0.45rem .9rem;font-size:1.2rem;} 
.btn-certify > em{position:relative;}
.btn-certify > em:after{content:'';position:absolute;width:2px;height:2px;border-radius:50%;background:#fff;top:-4px;left:calc(50% - 1px)}

/* 쿠폰 등록 */
.coupon-area{background:#ff527e;color:#fff;height:4.5rem;}
.coupon-area a{position:relative;display:block;width:100%;height:100%;text-align:right;font-size:1.3rem;line-height:3rem;padding:.7rem 1.15rem .7rem 1.55rem;}
.coupon-area a:before{content:'쿠폰번호를 입력하세요!';position:absolute;left:1.15rem;width:15rem;height:3rem;text-align:center;background:#fff;font-size:1.2rem;color:#7b7b7b;line-height:3rem;}

/* 최근 본 웹툰 */
.recently-list{background:#f2f2f2;padding:1.5rem 1.15rem;}
.recently-list h3{font-size:1.5rem;color:#434343;text-align:center;margin-bottom:1.5rem;}
.recently-list .swiper-slide{width: calc(100% / 2.5);}
.recently-list .swiper-slide img{border-radius:5px;}
.recently-list .swiper-slide p{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;margin-top:1rem;font-weight:500;}

/* 고객센터 */
.customer-area{padding:0 1.25rem;background:#434343;color:#fff;text-align:center;}
.customer-area h3{padding:1.5rem 0;border-bottom:1px solid #545454;color:#fff;font-size:1.5rem;font-weight:500;}
.customer-area .info{padding:1.5rem;text-align:center;}
.customer-area .info p{font-size:1.2rem;}
.customer-area .info p:first-child{font-size:1.5rem;font-weight:500;font-weight:500;line-height:1.7rem;}

/* 사이드 메뉴 리스트 */
.menu-list{padding-top:5px;background:#f2f2f2;}
.menu-list ul{padding:24px;width:100%;background: #fff;border-bottom: 1px solid #ddd;margin-bottom: 5px;}
.menu-list ul li{display:inline-block;width:calc(100% / 4 - 2px);margin:12px 0}
.menu-list ul li a{position:relative;padding:0 10px;color:#434343;font-size:1.5rem;font-weight:500;}
.menu-list ul li a .m-tit{color:#434343;display:block;text-align:center;margin-top:10px;font-weight:500;font-size:13px;letter-spacing:-1px;}
.menu-list ul li.recharge a .m-tit{color:#ff527e}
.menu-list .logout{background:#fff;text-align:right;padding:20px 40px;font-size:12px;font-weight:600;}
.menu-list .logout a{display:inline-block;padding-left:20px;background:url(../images/common/ico_logout2.png) left center no-repeat;background-size:contain;}

.side-menu .my-info .btn-benefit{position:static;color:#fff;border:0;font-size:13px;}
.side-menu .my-info .btn-benefit i{display:inline-block;width:5px;height:11px;background:url(../images/common/ico_menu_go.png) 0 0 no-repeat;background-size:contain;vertical-align:middle;margin-left:4px;}


/* 로그인 전 */
.top-area.before-login .info-detail p{color:#434343;}
.top-area.before-login .info-detail p:first-of-type{font-size:1.5rem;font-weight:bolder;margin-bottom:.8rem;}
.btn-set{display:flex;justify-content: space-between;padding:0 1.15rem;}
.btn-set button{width:50%;font-size:1.2rem;border-radius:3px;height:2.5rem;line-height:2.4rem;}
.btn-set .btn-login{margin-right:1.1rem;background:#ff527e;color:#fff;border:1px solid #ff527e;}
.btn-set .btn-join{border:1px solid #434343}
/* end 로그인 전 */

/* Tab */
.sub-tab > .sub-tab-list{display:flex;justify-content: space-between;background:#f2f2f2;height:45px;padding: 10px 15px;}
.sub-tab > .sub-tab-list a{display:inline-block;height:25px;line-height:25px;font-size:13px;color:#434343;border-radius:25px;padding:0 10px;margin:0 3px;}
.sub-tab > .sub-tab-list a.selected{background:#ff527e;color:#fff;}
.sub-tab > .sub-tab-conts > div{display:none;}
.sub-tab > .sub-tab-conts > div.selected-tab{display:block;}
.sub-tab > .sub-tab-conts > div > section{padding-top:0;}
.sub-tab .top-area{position:relative;height:40px;line-height:40px;padding:0 1.5rem;background:#fff;font-size:12px;border-bottom:1px solid #eee;}
.sub-tab .top-area p{float:left}
.sub-tab .top-area p .toon-num{color:#ff527e;}
.sub-tab .top-area select{float:right;border:none;padding-right:1.3rem;background:transparent url(../images/common/ico_select.png) right center no-repeat;background-size:.6rem .5rem;}
.tab-list.small-tab{position:absolute;right:1.5rem;top:0}
.tab-list.small-tab a{display:inline-block;padding:0 1rem;height:2rem;line-height:2rem;font-size:1.25rem;font-weight:500;border-radius:4px;color:#7b7b7b;}
.tab-list.small-tab a.selected{color:#fff;background:#434343;}

.sub-tab > .sub-tab-conts #tab1 > .section{padding-top:24px}

/* 툴팁 */
.tooltip-box{position:relative;}
.btn-tooltip{position:absolute;display:block;width:1rem;height:1rem;background:url(../images/common/ico_q.png) 0 0 no-repeat;background-size:contain;}
.tooltip-cont{display:none;}
.tooltip-cont.show{display:block;position:absolute;right:1.5rem;background:#fff;color:#434343;padding:1rem;box-shadow: 1px 1px 4px rgba(0,0,0,0.3);}

/* Inner title */
.inner-title{clear:both;display:block;padding:1.45rem 1.5rem 1.45rem;border-bottom:1px solid #ddd;background:#f2f2f2;text-align:left;}
.inner-title h4{font-size:1.5rem;font-weight:500;color:#434343;letter-spacing:-0.3px;}

/* popup */
.popup{display:none;position:absolute;width:100%;max-width:34rem;max-height:calc(100vh - 3rem);z-index:300;background:#fff;border-radius:8px;overflow:hidden;overflow-y:auto;}
.pop-area{position:relative;width:100%;}
.pop-area.type01{padding:4.5rem 3rem;margin:0;}
.pop-close{position:absolute;right:1.5rem;top:1.5rem;width:1.8rem;height:1.8rem;background:url(../images/common/btn_close_gray.png) 0 0 no-repeat;background-size:contain;font-size:0;z-index:10;}
.pop-close.white01{background:url(../images/common/btn_close_white01.png) 0 0 no-repeat;background-size:contain;}
.pop-close.gray01{background:url(../images/common/btn_menu_close1.png) 0 0 no-repeat;background-size:contain;opacity:.4}
.pop-close.gray02{background:url(../images/common/btn_close_gray.png) 0 0 no-repeat;background-size:contain;opacity:.4}
.popup .button-area{width:100%;}
.popup .button-area a {height:4rem;line-height:4rem;text-align:center;font-size:1.5rem;font-weight:500;border-radius:3px;color:#fff;}
.btn-border{border:1px solid #7c7c7c;background:transparent;color:#7c7c7c;}
.pop-area.type01 .button-area a{width:100%;height:4rem;margin-top:1rem;line-height:4rem;color:#fff;text-align:center;font-size:1.5rem;font-weight:500;}
.pop-ara .button-area a.btn-giveup{color:#666;}
.pop-area.type01 .button-area a.cancel.btn-border{color:#434343}
.pop-content .top-area{margin-bottom:2rem;font-size:1.2rem;text-align:center;line-height:15px;}
.pop-content .top-area .title{margin-bottom:1.2rem;font-size:2.4rem;font-weight:500;color:#434343;text-align:center;letter-spacing:-1px;}
.popup .top-area p.txt-promotion{font-size:16px;line-height:19px;margin:20px 0;}
.popup .top-area p.txt-promotion em{font-weight:500;color:#ff527e;}

/* popup - 본인 인증 혜택 안내 */
.popup.certify .pop-content .notice-coin{position:absolute;left:0;right:0;height:6.2rem;width:100%;text-align:center;background:#ff527e;}
.popup.certify .pop-content .notice-coin img{width:auto}
.popup.certify .button-area{margin-top:11rem;margin-bottom:-2rem;}
.popup.certify .button-area .btn-giveup{margin-top:.5rem;color:#7b7b7b;font-weight:400;}

/* VIP 골드 회원 혜택 팝업 */
.vip-benefit .pop-area{padding:1.5rem 1.5rem 3rem;}
.vip-benefit .pop-content{margin-bottom:3rem;text-align:center;}
.vip-benefit .pop-content > p{position:relative;display:inline-block;padding:.5rem 2.4rem;font-size:2rem;font-weight:500;margin-bottom:2.5rem;}
.vip-benefit .pop-content > p em{color:#ff527e;}
.vip-benefit .pop-content > p:before{content:'';position:absolute;top:0;left:0;width:1.5rem;height:1.3rem;background:url(../images/common/ico_quotes_left.png) left top no-repeat;background-size:contain;}
.vip-benefit .pop-content > p:after{content:'';position:absolute;top:0;right:0;width:1.5rem;height:1.3rem;background:url(../images/common/ico_quotes_right.png) right top no-repeat;background-size:contain;}
.vip-benefit .benefit-list li{position:relative;height:4rem;margin-bottom:1.5rem;line-height:4rem;border-radius:6px;font-size:1.5rem;font-weight:500;background:#eee;padding-left:2rem;}
.vip-benefit .benefit-list li:before{content:'';background:url(../images/common/ico_pop_benefit.png) 0 0 no-repeat;background-size:3.6rem 4rem;position:absolute;left:10px;top:-5px;width:3.6rem;height:4rem;}
.vip-benefit .benefit-list li span{font-weight:900;position:absolute;left:6rem;}
.vip-benefit .benefit-list li span:after{content:'';position:absolute;width:1px;height:11px;background:#ddd;top:50%;margin-top:-6px;right:-1.5rem;}

/* 등급 산정 팝업 */
.notice-level .pop-area{padding:1.5rem 1.5rem 2.5rem;}
.notice-level .pop-content{padding:0 1.5rem;text-align:center;}
.notice-level .my-info .my-grade strong{font-weight:500;}
.popup .my-page .progress-area p{text-align:center;}
.notice-level .title{border-radius:25px;border:1px solid #434343;text-align:center;font-size:1.5rem;font-weight:500;padding: .5rem 0;margin-bottom:1.5rem;}
.popup .my-page .my-info .img-area{width:65px;height:65px;}
.popup .my-page .my-info .info-detail{width:auto;margin-top:5px;}
.popup .my-page .my-info .info-detail .my-email{margin-bottom:7px;}
.popup .my-page .info-detail p.my-grade,
.popup .my-page .my-info .info-detail .my-email{font-size:15px;}

/* popup - 등급 안내 팝업 */
.notice-level .notice-txt{margin-top:2rem;margin-bottom:2.5rem;}
.notice-level .notice-txt p{font-size:1rem;color:#8e8e8e;line-height:16px;letter-spacing:-1px;text-align:left;}
.notice-level .button-area{display:flex;justify-content:space-between;}
.notice-level .button-area a{width:100%;}
.notice-level .button-area a.btn-border{color:#434343;}
.notice-level .button-area a:last-child{margin-left:1rem;}

/* popup - 결제 후 안내 팝업 */
.popup.after-payment{width:60%;color:#fff;text-align:center;overflow:auto;background:transparent;border-radius: 0;padding-top:3rem}
.popup.after-payment .pop-close{top:1rem;right:1rem;width:1.4rem;height:1.4rem;}
.popup.after-payment .pop-wrap{position:relative;padding-top:3rem;}
.popup.after-payment .pop-area{position:relative;padding:3.5rem 2.5rem 3rem;border-radius: 6px;}
.popup.after-payment .pop-area.gold{background:#ffc000}
.popup.after-payment .pop-area.dia{background:#5dc1ec;}
.popup.after-payment .pop-area.platinum{background:#ff527e;}
.popup.after-payment .pop-area.gold:before{content:'';position:absolute;width:5rem;height:5rem;top:-2.5rem;left:0;right:0;margin:auto;background:url(../images/pop/pop_level_gold.png) top center no-repeat;background-size:5rem 5rem;}
.popup.after-payment .pop-area.dia:before{content:'';position:absolute;width:5rem;height:5rem;top:-2.5rem;left:0;right:0;margin:auto;background:url(../images/pop/pop_level_dia.png) top center no-repeat;background-size:5rem 5rem;}
.popup.after-payment .pop-area.platinum:before{content:'';position:absolute;width:5rem;height:5rem;top:-2.5rem;left:0;right:0;margin:auto;background:url(../images/pop/pop_level_platinum.png) top center no-repeat;background-size:5rem 5rem;}
.popup.after-payment p{font-size:1.5rem;font-weight:500}
.popup.after-payment .pop-area .achievement{position:relative;padding-top:1.5rem;padding-bottom:1.6rem;font-size:2.25rem;font-weight:900;border-bottom:1px solid rgba(255,255,255,0.3);margin-bottom:1.7rem;letter-spacing:-1px;}
.popup.after-payment .pop-area.gold .achievement:before{content:"골드"}
.popup.after-payment .pop-area.dia .achievement:before{content:"다이아"}
.popup.after-payment .pop-area.platinum .achievement:before{content:"플래티넘"}
.popup.after-payment .pop-area .achievement:after{font-size:1.2rem;color:rgba(255,255,255,0.3);position:absolute;top:-3px;left:0;right:0;margin:auto;font-weight:400;}
.popup.after-payment .pop-area.gold .achievement:after{content:"GOLD";}
.popup.after-payment .pop-area.dia .achievement:after{content:"DIA"}
.popup.after-payment .pop-area.platinum .achievement:after{content:"PLATINUM"}

/* popup - 로그인&회원가입 */
.popup.login{background:#f2f2f2;padding:2.5rem 2rem 3.5rem;z-index:299;}
.popup.login .pop-area > img{display:block;width:6.2rem;margin:0 auto 2rem;}
.popup.login .pop-close{top:-1rem;right:-1rem;}
.popup.login .pop-content{background:#fff;border-radius:6px;overflow:hidden;}
.popup.login .tab-list{height:4.5rem;line-height:4.5rem;display:flex;justify-content:space-between;align-items:center;}
.popup.login .tab-list a{width:100%;text-align:center;font-size:1.5rem;font-weight:500;}
.popup.login .tab-list > a{border-bottom:1px solid #ddd;}
.popup.login .tab-list .selected{background:#ff527e;color:#fff;border-bottom:1px solid #ff527e;}
.popup.login .tab-conts{padding:2rem;}
.popup.login .tab-conts > div > p{text-align:center;font-size:1.4rem;line-height:19px;margin-bottom:2.5rem;margin-top:1rem;}
.popup.login .tab-conts > div > p em{color:#ff527e;font-weight:500;}
.popup.login .form-item{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding:0 1rem;background:#f2f2f2;border-radius:6px;}
.popup.login .form-item input{width:60%;height:3.7rem;background:#f2f2f2;border:none;border-radius:6px;padding:0 1.5rem;font-size:1.3rem;}
.popup.login .form-item input#pop_privacy{width:0}
.popup.login .form-item input + span{padding:0 5px;color:#7b7b7b;font-size:1.15rem;}
.popup.login .form-item select{width:50%;border:0;font-size:1.3rem;color:#7b7b7b;padding-right:1rem;background:transparent url(../images/common/ico_ranking_down.png) right center no-repeat;background-size:.6rem .5rem;}
.popup.login .form-item select option{width:100%;}
.popup.login .form-item input[type="password"]{width:100%;}
.popup.login .form-item.checkbox{display:inline-block;margin-top:.5rem;margin-right:1rem;padding:0;background:#fff;}
.popup.login .form-item.checkbox label{height:1.7rem;line-height:1.7rem;font-size:1.15rem;}
.popup.login .form-item.checkbox input[type="checkbox"] + label::before{background-position:0 0}
.popup.login .form-item.checkbox input[type="checkbox"]:checked + label::before{background-position: -17px 0}
.popup.login .form-item.checkbox label > a{display:inline-block;font-weight:500;color:#ff527e}
.popup.login .btn-login,
.popup.login .btn-join{width:100%;background:#ff527e;color:#fff;font-weight:500;text-align:center;height:4.5rem;line-height:4.5rem;border-radius:6px;font-size:1.5rem;margin-top:1.5rem;border:0;}
.popup.login .btn-find-pw{display:inline-block;color:#ff527e;font-size:1.15rem;}
.popup.login .sns-login{padding:2rem;text-align:center;}
.popup.login .sns-login p{font-size:1.25rem;font-weight:500;color:#434343;margin-left:-12px;margin-right:-12px;}
.popup.login .sns-login ul{display:flex;justify-content:space-between;margin-top:1.5rem;padding:0}
.popup.login .sns-login li{width:25%;}
.popup.login .sns-login li a{padding-top:4.8rem;font-size:1rem;}
.popup.login .sns-login li.naver{background:url(../images/common/btn_sns_n.png) top center no-repeat;background-size:4.1rem;}
.popup.login .sns-login li.facebook{background:url(../images/common/btn_sns_f.png) top center no-repeat;background-size:4.1rem;}
.popup.login .sns-login li.google{background:url(../images/common/btn_sns_g.png) top center no-repeat;background-size:4.1rem;}
.popup.login .sns-login li.kakao{background:url(../images/common/btn_sns_k.png) top center no-repeat;background-size:4.1rem;}
.popup.login .join .sns-login p{margin-left:-12px;margin-right:-12px;}

/* popup - 코인 부족 안내 팝업 */
.popup.lack .button-area a{background-image:url(../images/common/img_sale_tag.png);background-position:right top .7rem;background-size:2.8rem 2.6rem;background-repeat:no-repeat;}
.popup.lack .button-area a:last-child{background-image:none;}

/* 전체 소장 확인 팝업 */
.popup.buy-all{width:33rem;max-width:33rem;background:#ff527e}
.buy-all-pop{width:100%;background:#ff527e;}
.popup.buy-all .buy-all-pop .buy-info{width:100%;max-width:auto;height:auto;padding:2.5rem 1.5rem 1rem;background:#ff527e url(../images/pop/pop_buy_all.png) right center no-repeat;background-size:12.5rem;margin:0 auto;}
.popup.buy-all .buy-all-pop a{height:100%;}
.popup.buy-all .buy-all-pop p,
.popup.buy-all .buy-all-pop span{position:relative;display:inline-block;font-family:"BM-JUA";color:#fff;letter-spacing: -.8px;}
.popup.buy-all .buy-all-pop .title{display:block;width:18rem;height:2.5rem;line-height:2.5rem;margin-bottom:.5rem;padding:0 1.2rem;background:#fff;color:#ff527e;font-size:1.7rem;border-radius:25px;}
.popup.buy-all .buy-all-pop .title span{font-size:1.7rem;color:#ff527e;}
.popup.buy-all .sale-info{max-width:720px;height:100%;min-height:5.2rem;margin:0 auto;text-align:left;}
.popup.buy-all .sale-info .num1{font-size:1.55rem;padding-right:1.3rem;vertical-align:1px;}
.popup.buy-all .sale-info .num1:after{content:"";position:absolute;right:5px;top:50%;width:1px;height:1.2rem;background:#fff;margin-top:-.6rem;}
.popup.buy-all .sale-info .num2,
.popup.buy-all .sale-info .num2 span{font-size:1.7rem;text-decoration: line-through;}
.popup.buy-all .sale-info .num3,
.popup.buy-all .sale-info .num3 span{color:#ffea00;font-size:3rem;letter-spacing:-1px;}
.popup.buy-all .button-area{display:flex;justify-content:space-between;padding:0 1.5rem 2rem;}
.popup.buy-all .button-area a{width:100%;}
.popup.buy-all .button-area a.btn-border{border:1px solid #fff;color:#fff;}
.popup.buy-all .button-area a:last-child{margin-left:1rem;}

.popup.common{background:#fff;border-radius:6px;padding:2rem 1.5rem;width:calc(100% - 3rem);max-width:320px;box-shadow: 0px 6px 12px 0px rgba(0, 0, 20, 0.25);}
.popup.common .pop-title{font-size:1.5rem;font-weight:500;padding-bottom:.5rem;}
.popup.common .pop-content{margin:1rem 0}
.popup.common .pop-content p{font-size:1.25rem;color:#434343;line-height:17px;}
.popup.common .button-area{width:100%;text-align:center;display:flex;justify-content: space-between;margin-top:2rem;}
.popup.common .button-area button{width:100%;color:#fff;font-weight:500;font-size:1.2rem;background:#434343;border-radius:3px;text-align:center;height:3.5rem;line-height:3.5rem;padding:0;}
.popup.common .pop-area .pop-close{width:1.5rem;height:1.5rem;top:-.5rem;right:0;background:url(../images/common/btn_close_gray.png) 0 0 no-repeat;background-size:contain;opacity:.7;}
.popup.common .button-area button:nth-of-type(2){margin-left:1rem;}
.popup.common .button-area button.cancel{background:#d8d8d8 !important;}
.popup.common .button-area button.ok{background:#ff527e !important;}

/* 메인 팝업 */
.popup.main_list{background:#000;border-radius:3px;padding:30px 10px 15px;text-align:center;color:#fff;width:100%;max-width:calc(100% - 20px)}
.popup.main_list h3{font-size:18px;font-weight:400;margin-top:-10px}
.popup.main_list .pop-area{margin-top:20px;}
.popup.main_list .pop-area ul li{margin-bottom:10px;}

/* 연재 문의 팝업 */
.popup.comic-strip,
.popup.comic-strip .pop-area{background:transparent;max-width:480px}
.popup.comic-strip{padding:20px;}
.comic-strip .pop-area.type01{padding:0;}
.comic-strip .pop-close.white01{opacity:.4;}

/* 이용약관/개인정보 */
.terms-privacy{background:#e9edf3;font-size:11px;line-height:18px;text-align:left;}
.terms-privacy .top_back{font-size:0}
.terms-privacy .m_basic_cont{background:#fff;padding:2rem 1.5rem;}
.terms-privacy h3{font-size:17px;text-align:center;margin-bottom:20px}
.terms-privacy .title{font-size:13px;font-weight:500;}

/* 다시 안 봄 체크박스 */
.popup.main.comic-strip{height:auto;max-height:none;padding:0 30px 30px;margin-top:-20px;}
.popup.main.comic-strip .pop-area.type01{padding-top:40px;max-width:100%}
.popup.main.comic-strip .pop-close{opacity:1;right:5px;top:0;width:30px;height:30px;background-size:16px;background-position:center;border-radius:50%;border:1px solid #fff;}
.popup.main.comic-strip .pop-content{min-height:400px;text-align:center;}
.dont-again{background:transparent;padding:10px 5px;}
.dont-again .form-item label{color:#fff;font-size:15px}
.dont-again .form-item input[type="checkbox"] + label::before{background:url(../images/common/bg_check_transparent.png) 0 0 no-repeat;width:23px;height:23px;}
.dont-again .form-item input[type="checkbox"]:checked + label::before{background-position:-23px 0}

.popup.share{text-align:center;padding:20px 20px 5px;}
.popup.share .sns-share{padding :25px 0 10px}
.popup.share .sns-share > p{font-size:24px;font-weight:500;margin-bottom:15px;}
.popup.share .share-info p{font-size:18px;margin-bottom:3px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.popup.share .share-info span{font-size:13px}
.popup.share .share-list{padding:20px}
.popup.share .share-list ul{display:flex;justify-content:space-between;}
.popup.share .share-list ul li{width:42px;height:42px;font-size:0;}
.popup.share .share-list ul li.kakao{background:url(../images/common/btn_share_kakao.png) 0 0 no-repeat;background-size:42px;}
.popup.share .share-list ul li.facebook{background:url(../images/common/btn_share_facebook.png) 0 0 no-repeat;background-size:42px;}
.popup.share .share-list ul li.twitter{background:url(../images/common/btn_share_twitter.png) 0 0 no-repeat;background-size:42px;}
.popup.share .share-list ul li.url{background:url(../images/common/btn_share_url.png) 0 0 no-repeat;background-size:42px;}
.popup.share .img-round{width:125px;height:125px;margin:15px auto;text-align:center;position:relative;overflow:hidden;border-radius:50%;/*box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);*/}
.popup.share .img-round img{height:100%;width:auto;max-width:none;position:absolute;left:-50%;right:-50%;margin:auto;}

.popup.landing.login{padding:0;background:transparent;margin-top:-40px;}
.popup.landing.login img{width:auto;margin:0 auto;}
.popup.landing.login .pop-close{right:8px;top:8px;}
.popup.landing.login .pop-content{border-top-left-radius: 0;border-top-right-radius: 0;padding-top:1.7rem;}
.popup.landing.login .sns-login{padding-top:0;}
.popup.landing.login .sns-login p{position:relative;display:inline-block;font-size:1.5rem;padding:1rem 0;}
.popup.landing.login .sns-login p:before,
.popup.landing.login .sns-login p:after{content:'';position:absolute;width:30px;height:1px;background:#888;top:50%;}
.popup.landing.login .sns-login p:before{left:-40px;}
.popup.landing.login .sns-login p:after{right:-40px;}
.popup.landing.login .sns-login li a{font-size:1.5rem;}
.popup.landing.login .form-item.checkbox label{font-size:1.3rem;}
.popup.landing.login .join-ment{font-size:1.4rem;color:#434343;font-weight:500;padding:20px 15px;border-bottom:1px solid #ddd;line-height:18px;}
.popup.landing.login .join-ment em{color:#ff527e;}




/* ===========================================
  media query - Tablet, PC 
=========================================== */

@media screen and (min-width:940px){

  /* body{overflow-x:hidden !important;} */
  /* radio */
  input[type="radio"] + label::before{width: 34px;height:34px;background: url(../images/common/ico_radio.png) 0 0 no-repeat;background-size:68px;}
  input[type="radio"]:checked + label::before{background: url(../images/common/ico_radio.png) -34px 0 no-repeat;background-size: 68px;}

  /* checkbox */
  input[type="checkbox"] + label{font-size: 18px;cursor: pointer;}
  input[type="checkbox"] + label::before{content:'';display: inline-block;width: 2.3rem;height:2.3rem;background: url(../images/common/ico_checkbox.png) 0 0 no-repeat;background-size: cover;vertical-align: middle;margin-right:1rem;}
  input[type="checkbox"] + label span{margin-left: 0.3rem;vertical-align: middle;}
  input[type="checkbox"]:checked + label::before{background: url(../images/common/ico_checkbox.png) -2.3rem 0 no-repeat;background-size: cover;}  
  
  .wrap .header{transition: all .4s ease;background:transparent;border-bottom:0;}
  .wrap.view header{display:block !important;border-bottom:1px solid #eee;}
  .header-inner{position:relative;width:1200px;margin:0 auto;}
  .header .top-area{height:45px;padding:7px 0;border-bottom:0;}
  .adult-switch{float:right;font-size:16px;width:70px;height: 29px;}
  .adult-switch:before{left:-2px;width:29px;height:29px;line-height: 28px;}
  .adult-switch:after{margin-right:8px;line-height: 23px;}
  .adult-switch.on:before{width:29px;height:29px;margin-left:38px;list-style: height 29px;}
  .adult-switch.on:after{height:29px;line-height: 27px;margin-left:10px;margin-top:-2px;}
  .header .header-item{position:relative;padding:0;height: 77px;z-index:0;}
  .header .header-item:after{content:'';position:fixed;width:100%;left:0;height:75px;background:rgba(255, 255, 255, 0.13);border-top:1px solid rgba(255, 255, 255, 0.2);border-bottom:1px solid rgba(255, 255, 255, 0.2);z-index:-1;}
  .header .logo{position:relative;float:left;top:0;width:85px;height:77px;z-index:10;}
  .header .logo a{height:100%;padding:15px 0;}
  .header-item .search-box{left:auto;right: 130px;top: 18px;position: absolute;margin-right: 0;}
  .header .search-box .btn-search{width: 100%;height: 100%;background: url(../images/common/btn_search_pc.png) center center no-repeat;background-size: 33px 33px;font-size:0;}
  .header .search-box .search-input{display:none;}
  .header .bundle-menu{top:65px;right:0;font-size:0;z-index:100;}
  .header .bundle-menu .btn-menu{width:42px;height:27px;background:url(../images/common/btn_menu_pc.png) 0 0 no-repeat;background-size:contain;}
  .header .bundle-menu .btn-recharge{width:32px;height:36px;background:url(../images/common/btn_recharge_pc.png) 0 0 no-repeat;background-size:contain;margin-right:30px;}
  .header .gnb{display:inline-block;width:auto;height:77px;margin-left:40px;padding:22px 0;}
  .header .gnb li{position:relative;margin:0 15px;padding:0 7px;}
  .header .gnb li a{position:relative;padding: 0 8px;color:#fff;;font-size:24px;}
  .header .gnb li i.dot{width:7px;height:7px;vertical-align:19px;margin-left:5px;}
  .wrap.view .header,
  .wrap.scrolled .header{background:#fff;}
  .wrap.view .header .gnb li a,
  .wrap.scrolled .header .gnb li a{color:#434343;}
  .wrap.view .header .search-box .btn-search,
  .wrap.scrolled .header .search-box .btn-search{width: 100%;height: 100%;background-image: url(../images/common/btn_search_pc_d.png)}
  .wrap .header .header-item .search-box .btn-search.active {background-image: url(../images/common/btn_search_active.png);}
  .wrap.view .header .bundle-menu .btn-menu,
  .wrap.scrolled .header .bundle-menu .btn-menu{background-image:url(../images/common/btn_menu_pc_d.png)}
  .wrap.view .header .bundle-menu .btn-recharge,
  .wrap.scrolled .header .bundle-menu .btn-recharge{background-image:url(../images/common/btn_recharge_pc_d.png)}
  .wrap.view .header .gnb li a:hover, .wrap.scrolled .header .gnb li a:hover,
  .wrap.view .header .gnb li.active a, .wrap.scrolled .header .gnb li.active a{color: #ff527e;transition:all .3s}
  .wrap.view .header .gnb li a:hover:after{color: #ff527e;}
  .wrap.scrolled .header .header-item:after,
  .wrap.view .header .header-item:after{height:76px;border-top:1px solid #fafafa;border-bottom:1px solid #fafafa;}
  .header .bundle-menu .btn-login-menu{width:50px;height:45px;}
  /* side nav */
  body.nav-drawer{overflow:auto;}
  .side-menu{right:50%;top:135px;bottom:auto;width:400px;height:0;margin-right:-600px;background:transparent;overflow-y:hidden;}
  .side-menu .menu-box{width:400px;height:100%;float:right;overflow-y:auto;}
  .nav-drawer .side-menu{right:50%;height:/*calc(100% - 140px);*/100%;box-shadow:none;}
  .nav-drawer .dimmed,
  .nav-drawer .dimmed.on{display:none;}
  .side-menu .top-area > p{padding:0 1.5rem;font-size:18px;height:5rem;line-height:5rem;}
  .side-menu .top-area .btn-close{width:20px;height:20px;top:15px;right:15px;background-size:20px;}
  .info-detail{width:calc(100% - 11.25rem);}
  .my-info .img-area.gold{background:url(../images/common/ico_level_gold.png) 0 0 no-repeat;background-size:100% 100%;}
  .my-info .img-area.dia{background:url(../images/common/ico_level_dia.png) 0 0 no-repeat;background-size:100% 100%;}
  .my-info .img-area.platinum{background:url(../images/common/ico_level_platinum.png) 0 0 no-repeat;background-size:100% 100%;}

  .side-menu .info-detail p.my-grade{font-size:16px;}
  .side-menu .my-info .info-detail{width:calc(100% - 7.5rem)}
  .side-menu .my-info .info-detail .coin-num:after{bottom:0;right:-7px;width:16px;height:16px;background:url(../images/common/ico_coin_pink.png) 0 0 no-repeat;background-size:contain;}
  .side-menu .my-info .coin-txt{font-size:15px;font-weight:400;}
  .side-menu .my-info .coin-txt em{margin-left:3px;font-size:15px;font-weight:500;}
  .side-menu .my-info .btn-benefit{font-size:14px;}

  .btn-set{padding:1.8rem 1.5rem;}
  .btn-set button{font-size:17px;height:4rem;line-height:4rem;}
  .btn-certify{font-size:1.7rem;height:5.5rem;padding:0 1.5rem;background-position:right 1.5rem center;background-size:.6rem;font-weight:500;}
  .menu-list ul li.recharge a > span{font-size:14px;}
  .menu-list ul li a{font-size:17px;font-weight:400;}
  
  .info-detail p{font-size:14px;line-height:1.7rem;}
  .top-area.before-login .info-detail p{font-size:16px;line-height:20px;}
  .top-area.before-login .info-detail p:first-of-type{font-size:18px;margin-bottom:8px;}
  .customer-area h3{font-size:1.7rem;}
  .customer-area .info{padding:1.7rem;}
  .customer-area .info p{font-size:14px;}
  .customer-area .info p:first-child{font-size:1.8rem;line-height:3rem;}
  .recently-list h3{font-size:17px;}
  .recently-list .swiper-slide p{font-size:13px;}

  .menu-title-area{display:none;}
  .my-info.after-login{padding-bottom:15px;border:1px solid #eee;border-bottom:0;}
  .after-login .info-detail p{font-size:15px;}
  img.bg_top_info{height:106px;display:none;}
  img.bg_top_info_pc{display:block;}
  .menu-list .logout{font-size:15px;font-weight:500;border:1px solid #eee;}
  .my-info-top .my-coin{top:-50px;line-height:16px;font-size:14px;}
  .my-info-top .my-coin span{font-size:23px;margin-top:4px;}
  .my-info-top .setting{width:28px;height:27px;top:-38px;}
  .side-menu .my-info .btn-benefit i{width:6px;height:10px;vertical-align:-1px;margin-left:7px;}
  .after-login .coin-txt:after{height:14px;}
  .nav-drawer .side-menu .img-area,
  .nav-drawer .side-menu .img-area.general{width:100px;height:100px;background-size:100px;}
  .before-login.top-area{padding:30px 5px 20px}
  .before-login .pink-box-area{font-size:15px;padding:6px 18px;}
  .top-area.before-login .top-info-area button.btn-login{margin-top:10px;font-size:15px;}
  .top-area.before-login .top-info-area button.btn-join{font-size:14px;margin-bottom:15px;}
  .side-menu .menu-list ul{padding:24px 15px;border:1px solid #eee;margin-bottom:0;border-bottom:0;}
  .menu-banner-area{border:1px solid #eee;padding-top:5px;background:#f2f2f2;}

  /* footer */
  .footer{height:340px;overflow:hidden;padding:0;background:#f2f2f2;margin-top:20px;}
  .footer > .copy{display:none}
  .footer-menu{padding:43px 0;margin:0;border-bottom:1px solid #d7d7d7;}
  .footer-menu ul{width:1200px;max-width:1200px;margin:0 auto;justify-content:flex-start;}
  .footer-menu ul li{margin-left:0;margin-right:30px;}
  .footer-menu ul li:last-child{display:none;}
  .footer-menu ul li a{font-size:19px;}
  .footer-menu ul li a:after{display:none;}
  .footer-info{position:relative;width:1200px;margin:0 auto;padding:45px 0;text-align:left;}
  .footer-info > p{display:inline-block;padding:8px 0 5px;font-size:19px;font-weight:500;}
  .footer-info .footer-logo{position:absolute;left:0;top:111px;width:167px;}
  .footer-info .footer-logo:after{display:none;}
  .footer-info .footer-logo img{width:100%;}
  .footer-info .footer-info-detail{display:inline-block;width:970px;padding:43px 0 50px 220px;font-size:14px;font-weight:400;line-height:21px;}
  .footer-info .footer-info-detail > p{display:inline-block;color:#8e8e8e;font-family:'Noto Sans CJK KR';}
  .footer-info .footer-info-detail > p.copy{display:block;margin-top:2px;text-align:left;}
  .footer-info .sns-group{position:absolute;right:0;top:0;margin:0;}
  .footer-info .sns-group ul{width:292px;margin-top:47px;}
  .footer-info .sns-group ul li a{width:30px;height:30px;}
  .footer-info .sns-group ul li:nth-of-type(3) a{width:46px;}
  .footer-info .img-copyright{display:block;position: absolute;right:0;top:100px;}

/* popup */
/* 기본 팝업 */
.popup.common{max-width:360px;padding:2.5rem 2rem 2rem;}
.popup.common .pop-title{font-size:18px;}
.popup.common .pop-content{margin:3rem 0}
.popup.common .pop-content,
.popup.common .pop-content p{font-size:15px;line-height:20px;font-family: 'Noto Sans CJK KR', sans-serif;letter-spacing:-0.5px;}
.popup.common .button-area button{font-size:18px;height:4rem;line-height:4rem}

.popup,
.pop-area.type01{max-width:360px;}
.popup .pop-area .pop-close{width:2rem;height:2rem;top:1.5rem;right:1.5rem;}
.pop-area.type01{padding:6.5rem 2rem 5rem}
.pop-area.type01 .button-area a{margin-top:1.8rem}
.popup .button-area a,
.pop-area.type01 .button-area a{height:55px;line-height:55px;font-size:20px;}
.popup .top-area p:not(.title){font-family:'Noto Sans CJK KR', sans-serif;letter-spacing: -1px;font-size:15px;line-height:18px;}
.popup .top-area p.txt-promotion{font-size:19px;line-height:23px;margin:25px 0 30px;}
.popup .button-area a.btn-giveup{color:#666}
.popup.buy-all{width:40rem;max-width:40rem;}
.popup.buy-all .buy-all-pop .buy-info{padding:15px 15px 10px;}
.popup.buy-all .sale-info{padding-left:10px;padding-bottom:10px;}
.popup.buy-all .buy-all-pop .title{width:240px;height:33px;line-height:34px;font-size:24px;text-align:center;margin-bottom:17px;}
.popup.buy-all .buy-all-pop .title span{font-size:22px;}
.popup.buy-all .sale-info .num1, .popup.buy-all .sale-info .num1 span{font-size:22px;}
.popup.buy-all .sale-info .num3, .popup.buy-all .sale-info .num3 span{font-size:36px;}

/* VIP 골드 회원 혜택 팝업 */
.vip-benefit{max-width:420px;}
.vip-benefit .pop-area{padding:1.5rem 1.5rem 3rem;}
.vip-benefit .pop-content{margin-bottom:3rem;text-align:center;}
.vip-benefit .pop-content > p{font-size:27px;margin-bottom:25px;padding:15px 35px;}
.vip-benefit .pop-content > p:before,
.vip-benefit .pop-content > p:after{width:2.5rem;height:2.3rem}
.vip-benefit .benefit-list li{height:6rem;line-height:6rem;font-size:20px;background:#eee;color:#434343;margin-bottom:2rem;padding-left:4rem;}
.vip-benefit .benefit-list li:before{left:20px;top:-5px;width:4.6rem;height:5rem;background-size:contain;}
.vip-benefit .benefit-list li span{left:80px;}
.vip-benefit .benefit-list li span:after{height:16px;margin-top:-8px;right:-20px;}

/* 등급 산정 팝업 */
.popup.notice-level{max-width:450px;}
.notice-level .pop-area{padding:1.5rem 1.5rem 2.5rem;}
.notice-level .pop-content{padding:0 1.5rem;text-align:center;}
.notice-level .my-info .my-grade strong{font-weight:500;}
.notice-level .notice-txt p{font-size:13px;line-height:20px;}
.popup .my-page .progress-area p{text-align:center;font-size:17px;}
.notice-level .title{border-radius:25px;border:1px solid #434343;text-align:center;font-size:20px;font-weight:500;padding: 10px 0;margin-bottom:25px;}
.popup .my-page .my-info .img-area{width:65px;height:65px;background-size:30px;}
.popup .my-page .my-info .info-detail{width:auto;margin-top:10px;padding-left:15px;}
.popup .my-page .my-info .info-detail .my-email{margin-bottom:7px;}
.popup .my-page .info-detail p.my-grade,
.popup .my-page .my-info .info-detail .my-email{font-size:17px;}
.popup .my-page .progress-area{padding-top:40px;padding-bottom:20px;}
.popup .my-page .progress-bar{margin-bottom:20px;}
.popup .my-page .progress-bar .my-state-num{font-size:14px;top:-32px;right:-27px;min-width:50px}
.popup .my-page .progress-bar .section-line > span{font-size:14px;padding-top:17px;}
.popup .my-page .progress-bar:after{top:-16px;width:14px;height:9px;}

/* 등급 달성 팝업 */
.popup.after-payment .pop-area.gold:before{width:7rem;height:7rem;background-size:contain;}
.popup.after-payment .pop-area .achievement{padding:5.5rem 0 2rem;font-size:3rem;}
.popup.after-payment .pop-area.gold .achievement:after{font-size:17px;top:25px;font-weight:500;}
.popup.after-payment p{font-size:1.8rem;}

/* 로그인 팝업 */
.popup.login{max-width:450px}
.popup.login .pop-area > img{width:8rem;}
.popup.login .pop-area .pop-close{top:0;right:0;}
.popup.login .tab-list{height:5.5rem;line-height:5.5rem;}
.popup.login .tab-list a,
.popup.login .btn-login, .popup.login .btn-join{font-size:20px;}
.popup.login .sns-login p,
.popup.login .tab-conts > div > p{font-size:17px;line-height:24px;}
.popup.login .form-item{margin-bottom:15px;}
.popup.login .form-item input{height:4.7rem;}
.popup.login .form-item.checkbox label,
.popup.login .btn-find-pw,
.popup.login .form-item input{font-size:17px;letter-spacing: -1px;}
.popup.login .btn-find-pw{vertical-align:-1px;margin-left:10px;font-size:16px;}
.popup.login .form-item select{font-size:17px;background-size:.8rem auto;}
.popup.login .form-item.checkbox label{line-height:23px;}
.popup.login .form-item.checkbox input[type="checkbox"] + label::before{margin-right:8px;}
.popup.login .form-item.checkbox input[type="checkbox"]:checked + label::before{background-position:-23px 0}
.popup.login .sns-login li a{padding-top:5.3rem;font-size:15px;}
.popup.login .btn-login, .popup.login .btn-join{height:50px;line-height:50px;}

/* Sub tab */
.sub-tab > .sub-tab-list a{font-size:21px;height:45px;line-height:45px;padding:0 30px;margin: 0 15px;}
.sub-tab > .sub-tab-list a.selected{background:#ff527e;color:#fff;}
.sub-tab .top-area{height:60px;line-height:60px;padding:0;font-size:18px;border-bottom:0;}
.sub-tab .top-area + .section{padding-top:0}
.sub-tab .top-area .tab-list.small-tab{width:1200px;margin:0 auto;left:0;right:0;display:flex;justify-content:flex-end;align-items:center;height:100%}
.vip .small-tab .tab-list a,
.sub-tab .top-area .tab-list.small-tab a{width:90px;height:30px;line-height:28px;border-radius:30px;font-size:16px;margin-left:10px;border:1px solid #ddd;}
.vip .small-tab .tab-list a.selected,
.sub-tab .top-area .tab-list.small-tab a.selected{border:1px solid #585858;background:#434343;color:#fff;}
.vip .small-tab .tab-list{margin-top:-25px;}

/* 이용약관/개인정보 */
.terms-privacy{padding:1.5rem;background:#e9edf3;font-size:11px;line-height:17px;text-align:left;border-top:135px solid #fff;margin-top:0;}
.terms-privacy .m_basic_cont{width:1200px;margin:0 auto 40px;padding:50px 40px;}
.terms-privacy .m_basic_cont .content-text{font-family: 'Noto Sans CJK KR';font-size:15px;color:#666;line-height:23px;}
.terms-privacy h3{font-size:30px;text-align:center;margin-bottom:50px;color:#333}
.terms-privacy .title{margin-bottom:-10px;font-size:18px;font-weight:500;color:#434343;}
.dont-again .form-item label{color:#fff;font-size:17px}

/* 공유하기 팝업 */
.popup.share .sns-share > p{font-size:30px;margin-bottom:30px;}
.popup.share .share-info p{font-size:26px;}
.popup.share .share-info span{font-size:17px;}
.popup.share .img-round{width:160px;height:160px;margin:25px auto}
.popup.share .share-list{padding-top:30px;}
.popup.share .share-list ul li{width:50px;height:50px;background-size:50px;}
.popup.share .share-list ul li.kakao,
.popup.share .share-list ul li.facebook,
.popup.share .share-list ul li.twitter,
.popup.share .share-list ul li.url{background-size:50px;}


/* landing */
.popup.landing.login .pop-close{right:8px;top:8px;}

}


@media screen and (min-width:940px) and (max-width:1199px){


}