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

@font-face {
    font-family: 'Gmarket Sans';
    font-weight: 300;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansLight.eot');
    src: url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansLight.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansLight.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansLight.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansLight.ttf') format("truetype");
    font-display: swap;
} 
@font-face {
    font-family: 'Gmarket Sans';
    font-weight: 500;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansMedium.eot');
    src: url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansMedium.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansMedium.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansMedium.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansMedium.ttf') format("truetype");
    font-display: swap;
} 
@font-face {
    font-family: 'Gmarket Sans';
    font-weight: 900;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansBold.eot');
    src: url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansBold.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansBold.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansBold.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansBold.ttf') format("truetype");
    font-display: swap;
} 


/*****************************************************************
Pretendard
*****************************************************************/
@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: local('Pretendard Black'), 
	url('../css/fonts/Pretendard-Black.woff2') format('woff2'), 
	url('../css/fonts/Pretendard-Black.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), 
	url('../css/fonts/Pretendard-Bold.woff2') format('woff2'), 
	url('../css/fonts/Pretendard-Bold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), 
	url('../css/fonts/Pretendard-SemiBold.woff2') format('woff2'), 
	url('../css/fonts/Pretendard-SemiBold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), 
	url('../css/fonts/Pretendard-Medium.woff2') format('woff2'),
	url('../css/fonts/Pretendard-Medium.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), 
	url('../css/fonts/Pretendard-Regular.woff2') format('woff2'), 
	url('../css/fonts/Pretendard-Regular.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard Light'), 
	url('../css/fonts/Pretendard-Light.woff2') format('woff2'), 
	url('../css/fonts/Pretendard-Light.woff') format('woff');
}


/* Reset */
*{margin: 0;padding: 0;-webkit-box-sizing: border-box;box-sizing: border-box;font-family:'Pretendard', '맑은 고딕', malgun gothic, 'Apple SD Gothic Neo', 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;transition:all .4s;}
a:active, a:hover{text-decoration: none;}
legend, caption, hr {display:none;}
em {font-style:normal;}
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;touch-action: pan-y;}
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:'Pretendard', '맑은 고딕', 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;}
input:read-only {background: #f9f9f9;}
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:'Pretendard','Noto Sans CJK KR', '맑은 고딕', 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:.3rem;}
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;}


/* Header */
.header{position:fixed;left:0;top:0;right:0;width:100%;background:#fff;z-index:200;border-bottom:1px solid #e5e5e5;-webkit-transition:top .25s ease-in-out;transition:top .25s ease-in-out;}
.scroll-down .header {top:-105px;}
.clear .header{top:0;} 
.header-inner{position:relative;width:100%;max-width:1200px;margin:0 auto;}
.header .select-age-pc{display:none;}
.header .header-top-area{position:relative;height:58px;display:flex;align-items:center;justify-content:flex-start;}
.header .header-top-area .select-link{display:flex;align-items:center;justify-content:center;margin-left:70px;}
.header .header-top-area .select-link a{position:relative;display:block;font-size:18px;color:#222;font-weight:500;padding:18px 16px;transition:all .2s;font-family: 'Pretendard','Noto Sans CJK KR', '맑은 고딕', sans-serif;}
.header .header-top-area .select-link a.selected{color:#ff527e;font-weight:700;}
.header .header-top-area .select-link a.selected:after{content:'';position:absolute;width:32px;height:2px;background:#ff527e;left:0;right:0;bottom:12px;margin:auto;border-radius:20px;transition:all .3s;transition-timing-function:ease-in-out;}
.header .header-top-area .select-link a.go-novel:before{content:'';position:absolute;top:50%;transform:translateY(-50%);width:4px;height:4px;background:#d1d2d4;border-radius:50%;left:-2px;}
.header .header-top-area .select-link a.go-webtoon.gogo:after{left:124%;}
.header .header-top-area .select-link a.go-novel.gogo:after{left:-200%;}

.header .logo{position:absolute;top:15px;left:13px;right:auto;width:55px;height:30px;margin:auto;text-align:center;z-index:30;}
.header .main-menu{display:flex;align-items:center;justify-content:space-around;width:100%;height:45px;border-top:1px solid #ddd;}
.header .main-menu .menu-search{width:45px;height:45px;background:url(../images/common/btn_search.png) center center no-repeat;background-size:17px;font-size:0;}
.header .main-menu .menu-search.active{background-image:url(../images/common/btn_search_active.png);}
.header .main-menu .menu-list{display:flex;align-items:center;justify-content:space-around;width:calc(100% - 45px)}
.header .main-menu .menu-list a{display:block;font-size:15px;text-align:center;font-weight:500;}
.header .main-menu .menu-list li a i.dot{display:inline-block;width:5px;height:5px;background:#ff527e;margin-top:-3px;border-radius:50%;vertical-align:top;}
.header .main-menu .menu-list li.active a{color:#ff527e !important;}
.header .main-menu .btn-menu{position:absolute;top:16px;right:12px;display:flex;justify-content:flex-end;align-items:center;}
.header .main-menu .btn-menu a.btn-go-library{background:url(../images/common/nav_library_05.png) center center no-repeat;background-size: auto 22px;font-size:0;width: 30px;height:25px;margin-right:13px;}
.header .main-menu .btn-menu .text-age{padding-right:20px;font-size:0;}
.header .main-menu .btn-menu .ico-menu{width:25px;height:25px;cursor:pointer;background:url(../images/common/ico_menu_7.png) center center no-repeat;background-size:24px;}

h1{font-size:0;}
.header .logo a{width:100%;height:100%;background:url(../images/common/logo_header_pink.png) 0 0 no-repeat;background-size:contain;font-size:0}

.header .logo a.logo-men{background-image:url(../images/common/logo_header_men2.png)}
.header .main-menu .btn-menu.before-login .text-age{padding-right:0;}
.header .btn-menu .ico-menu a{display:block;width:100%;height:100%;}



.only-mobile{display:block !important;}
.only-pc{display:none !important;}
.header .click-age{margin-right:15px;transition:all .4s;}
.header .click-age ul{position:relative;display:flex;align-items:center;justify-content:flex-start;transition:all .4s;gap:10px;}
.header .main-menu .btn-menu .click-age ul.wide{width:100%;}
.header .main-menu .btn-menu .click-age ul:before{content:'';position:absolute;width:0%;height:10px;background:#dbdbdb;z-index:-1;right:6px;transition:all .4s;top:50%;transform:translateY(-50%)}
.header .main-menu .btn-menu .click-age ul li{position:relative;transition:all .4s;}
.header .main-menu .btn-menu .click-age ul li a{width: 27px;height: 27px;border:1px solid #4d4d4d;border-radius:50%;font-family:'Gmarket Sans', sans-serif;text-align:center;font-weight: 500;line-height: 27px;letter-spacing: 0.5px;background:#fff;font-size: 13px;color:#4d4d4d;}
.header .main-menu .btn-menu .click-age ul li:nth-of-type(1){z-index:10;transform: translateX(274%);}
.header .main-menu .btn-menu .click-age ul li:nth-of-type(2){z-index:20;transform: translateX(137%);}
.header .main-menu .btn-menu .click-age ul li:nth-of-type(3){z-index:30}
.header .main-menu .btn-menu .click-age ul.wide li:nth-of-type(1){transform: translateX(0);}
.header .main-menu .btn-menu .click-age ul.wide li:nth-of-type(2){transform: translateX(0);}
.header .main-menu .btn-menu .click-age ul li.selected{z-index:40;}
.header .main-menu .btn-menu .click-age ul li.selected a{background:#fff;box-shadow:/* 1px 1px 4px rgb(48 48 48 / 29%);*/none;}
.header .main-menu .btn-menu .click-age ul.wide a{box-shadow: 1px 1px 4px rgb(48 48 48 / 29%);}
.header .main-menu .btn-menu .click-age ul.wide:before{width:90%;}
.header .main-menu .btn-menu .click-age ul.wide li.selected a{background:#ff527e;border:1px solid #ff527e;color:#fff;box-shadow: 1px 1px 4px rgb(48 48 48 / 29%);}
.header .main-menu .btn-menu .click-age ul li a[data-src="ALL"]{font-size:13px;}
.header .main-menu .btn-menu .click-age ul li a[data-src="ADULT"]{border:1px solid #fb2b30;}

.scroll-down .bottom-notice{display:none;}
.scroll-up .bottom-notice{display:block;}

/* iOS 웹 홈 바로가기 */
.bottom-direct-go{z-index:201;position:fixed;bottom:0;left:0;right:0;margin:auto;width:100%;background:#000;}
.bottom-direct-go *{font-family: 'Pretendard',-apple-system,BlinkMacSystemFont,"Helvetica Neue","Apple SD Gothic Neo",Arial,sans-serif;}
.scroll-down .bottom-direct-go,
.scroll-up .bottom-direct-go,
.clear .bottom-direct-go{display:none;}
.bottom-direct-go .btn-close{position:absolute;right:0;top:0;background:#2a2a2a url(../images/common/btn_close_white.png) center center no-repeat;background-size: 2.5vw;width: 5vw;height: 5vw;font-size:0;}
.bottom-direct-go .inner-wrap{padding:10px;display:flex;align-items:center;}
.bottom-direct-go .inner-wrap img{width:12vw;/* max-width:65px; */margin-right: 15px;}
.bottom-direct-go .inner-wrap p{color:#fff;font-size: 4vw;line-height: 5vw;letter-spacing: 0.5px;}
.bottom-direct-go .inner-wrap .txt-pink{color:#d93771;}
.bottom-direct-go .inner-wrap p i{background:url(https://cdn.anytoon.co.kr/etc/landing/ico_homeplus.png) center center no-repeat;background-size: 3.3vw;display:inline-block;width: 4vw;height: 4vw;vertical-align:top;margin-right:1px;font-size:0;}

@media only screen and (min-width: 940px){
	.bottom-direct-go{display:none;}
}

/* 소설 메인 메뉴 */
.header .novel-menu{justify-content:flex-start;}
.header .novel-menu .swiper-container{margin:0;width:calc(100% - 45px)}
.header .novel-menu .menu-list{width:100%;justify-content:flex-start;}
.header .novel-menu .menu-list .swiper-slide{width:auto;min-width:53px;width:calc(100% / 6.3);}
.header .novel-menu .menu-list .swiper-slide a{margin:10px 0;height:calc(100% - 20px);padding:5px;}
.header .novel-menu .menu-list .swiper-slide a span{position:relative;display:flex;align-items:center;}
.header .novel-menu .menu-list .swiper-slide#novel_special{width:auto;}
.header .novel-menu .menu-list .swiper-slide a span em{display:inline-block;width: 18px;height: 18px;font-size:0;background: url(../images/common/btn_age_19_red.png) 0 0 no-repeat;background-size: contain;margin-left:2px;margin-top:-1px;}

@media only screen and (min-width: 940px){
	.header .novel-menu .menu-list .swiper-slide a span em{top:-3px;right:-32px;width:28px;height:28px;margin-left:3px;}
}

/* Side menu */
body.nav-drawer {overflow:hidden !important;}
.side-menu{opacity: 0;visibility: hidden;position: fixed;right: 0;top: 0;width: 100%;height: 100%;z-index: 10;overflow: hidden;-webkit-transition: opacity 0.2s cubic-bezier(0, 0, 0.25, 1) 1s, visibility 0s cubic-bezier(0, 0, 0.25, 1) 1s, transform 0.2s cubic-bezier(0, 0, 0.25, 1);transition: opacity 0.2s cubic-bezier(0, 0, 0.25, 1) .2s, visibility 0s cubic-bezier(0, 0, 0.25, 1) .2s, transform 0.2s cubic-bezier(0, 0, 0.25, 1);-ms-transform: translateX(100%);-webkit-transform: translateX(100%);transform: translateX(100%);transform: translate3d(100%,0,0);}
.nav-drawer .side-menu{opacity: 1;visibility: visible;-webkit-transition-delay: 0s;transition-delay: 0s;-ms-transform: translateX(0);-webkit-transform: translateX(0);transform: translateX(0);transform: translate3d(0,0,0);z-index:310;background:transparent;padding-left:15%;}
.side-menu .side-wrap{/*background:#fff;*/height:100%;overflow:auto;}
.btn-side-close{position:fixed;width:15%;height:100%;left:0;top:0;}
.btn-side-close img{position:absolute;top:50%;transform:translateX(-50%);width:35px;height:35px;left:50%;}

.side-menu .top-area{position:relative;padding:0;margin-bottom:0;background:#fff;text-align:center;border-bottom:1px solid #ddd;}
.side-menu .top-area .btn-close, .side-menu .top-area .nav-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{position:relative;background:#fff;height:58px;border-bottom:1px solid #ddd;text-align:center;font-size:15px;color:#434343;line-height:58px;}
.menu-title > p{text-align:left;padding-left:45px;font-size:15px;}
.menu-title .btn-my-setting{position:absolute;top:0;right:1.5rem;font-size:15px;}

.side-menu .join-info, 
.side-menu .my-info{position:relative;padding:12px;}
img.bg_top_info{width:100%;height:85px;}
img.bg_top_info_pc{display:none;}

.side-menu .my-info.after-login{padding:0 0 12px;background:#fff;}
.side-menu .my-info.after-login .my-info-top{position:relative;}
.side-menu .my-info.after-login > a.btn-my-setting{display:none;}
.side-menu .my-info-top .my-coin,
.side-menu .my-info-top .setting{position:absolute;}
.side-menu .my-info-top .my-coin{color:#fff;left:15px;font-size:12px;top:-45px;line-height:13px;text-align:left;z-index:100}
.side-menu .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;}
.side-menu .my-info-top .my-coin span{display:inline-block;font-size:18px;font-weight:500;margin-top:3px;}
.side-menu .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;}

.after-login .info-detail{margin-top:-50px;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.nomal{width:70px;height:70px;background:#fff url(../images/common/img_menu_man.png) center center no-repeat;background-size:70px;border-radius:50%;vertical-align:top;margin-bottom:8px;}
.after-login .img-area.vip{width:70px;height:70px;background:url(../images/common/ico_level_gold.png) center center no-repeat;background-size:70px;border-radius:50%;vertical-align:top;margin-bottom:8px;}
.after-login .img-area.vvip{width:70px;height:70px;background:url(../images/common/ico_level_dia.png) center center no-repeat;background-size:70px;border-radius:50%;vertical-align:top;margin-bottom:8px;}
.after-login .img-area.vvvip{width:70px;height:70px;background:url(../images/common/ico_level_platinum.png) center center no-repeat;background-size:70px;border-radius:50%;vertical-align:top;margin-bottom:8px;}
.after-login .info-detail p{font-size:13px;font-weight:500;margin-bottom:6px;letter-spacing:0;font-family: 'Pretendard','Noto Sans CJK KR', '맑은 고딕', sans-serif;}
.after-login .info-detail .my-grade{font-size:12px;}
.after-login .info-detail .my-grade{margin-left:10px;display:inline-block;margin-right:3px;color:#7b7b7b;font-weight:400}
.side-menu .grade-info{position:absolute;color:#fff;right:15px;font-size:12px;line-height:13px;top:-50px;}
.side-menu .grade-info .my-grade{margin-bottom:4px;padding-right:5px;text-align:right;font-weight:600;}
.side-menu .grade-info .my-grade > span{display:inline-block;padding-right:5px;border-right:1px solid #fff;margin-right:3px;font-weight:normal;}
button.btn-benefit2{color:#fff;padding:3px 8px;border:2px solid #fff;border-radius:20px;font-weight:600;}

/* 메뉴 취향 선택 */
.select-like{background:#fff;border-top:5px solid #eee;border-bottom:1px solid #ddd;padding:2.5rem 1rem 2rem;border-left:1px solid #eee;border-right:1px solid #eee;}
.select-like .title-area{text-align:center;margin-bottom:2rem;;}
.select-like .title-area h3{color:#000;margin-bottom:7px;font-size:2rem}
.select-like .title-area p{color:#7b7b7b;font-size:1.2rem;}
.select-like .select-gender,
.select-like .select-age{position:relative;display:flex;align-items:center;justify-content:center;padding:0;}

.select-like .select-gender:after,
.select-like .select-age:after,
.select-like .select-age.age2:after
{content:'';position:absolute;left:0;right:0;top:40%;width:40%;height:1px;background:#ececec;z-index:0;margin:auto;}

.select-like .select-gender a,
.select-like .select-age a{display:flex;flex-direction:column;justify-content:flex-end;text-align:center;width:80px;height:90px;margin:1rem 1rem 1.5rem;z-index:1;max-width:12rem;transition:none;}
.select-like .select-gender a span,
.select-like .select-age a span{font-size:1.3rem;font-weight:500;letter-spacing:-1px;font-family:'Pretendard','Noto Sans CJK KR', sans-serif;}

.select-like .select-age.age2:after{top:38%;width:65%;}
.select-age.age2{padding:0;}
.select-like .select-age:after{width:30%}
.select-like .select-gender:after{width:45%}
.select-like .select-age.age2 a{margin:1rem 0 1.5rem;}

.select-like a.btn-select.all{background:url(../images/common/ico_select_all.png) top center no-repeat;background-size:60px;}
.select-like a.btn-select.women{background:url(../images/common/ico_select_women.png) top center no-repeat;background-size:60px;}
.select-like a.btn-select.men{background:url(../images/common/ico_select_men.png) top center no-repeat;background-size:60px;}
.select-like a.btn-select.fifteen{background:url(../images/common/ico_select_15.png) top center no-repeat;background-size:60px;}
.select-like a.btn-select.nineteen{background:url(../images/common/ico_select_19.png) top center no-repeat;background-size:60px;}

.select-like a.btn-select.twenty{background:url(../images/common/ico_select_20.png) top center no-repeat;background-size:60px;}
.select-like a.btn-select.thirty{background:url(../images/common/ico_select_30.png) top center no-repeat;background-size:60px;}
.select-like a.btn-select.fourty{background:url(../images/common/ico_select_40.png) top center no-repeat;background-size:60px;}

.select-like a.btn-select.all.on{background:url(../images/common/ico_select_all_on.png) top center no-repeat;background-size:60px;}
.select-like a.btn-select.women.on{background:url(../images/common/ico_select_women_on.png) top center no-repeat;background-size:60px;}
.select-like a.btn-select.men.on{background:url(../images/common/ico_select_men_on.png) top center no-repeat;background-size:60px;}
.select-like a.btn-select.fifteen.on{background:url(../images/common/ico_select_15_on.png) top center no-repeat;background-size:60px;}
.select-like a.btn-select.nineteen.on{background:url(../images/common/ico_select_19_on.png) top center no-repeat;background-size:60px;}
.select-like a.btn-select.twenty.on{background:url(../images/common/ico_select_20_on.png) top center no-repeat;background-size:60px;}
.select-like a.btn-select.thirty.on{background:url(../images/common/ico_select_30_on.png) top center no-repeat;background-size:60px;}
.select-like a.btn-select.fourty.on{background:url(../images/common/ico_select_40_on.png) top center no-repeat;background-size:60px;}

.select-like.rating{padding:2rem 1rem 0;border-bottom:0;border-top:0;}
.select-like.rating .title{text-align:center;font-size:14px;line-height:17px;width:120px;font-weight:400;font-family: 'Pretendard','Noto Sans CJK KR', '맑은 고딕', sans-serif;}
.select-like.rating .select-age{position:relative;}
.select-like.rating .select-age:before{content:'';position:absolute;top:-10px;left:0;right:0;width:90%;height:1px;background:#ddd;margin:auto;}
.select-like.rating .select-age a{height:72px;margin-bottom:0.5rem;cursor:pointer;}
.select-like.rating .select-age:after{width:47%;left:17vw;max-width:200px;}

.select-like.rating a.btn-select.fifteen{background:url(../images/common/ico_select_15.png) top center no-repeat;background-size:48px;}
.select-like.rating a.btn-select.nineteen{background:url(../images/common/ico_select_19.png) top center no-repeat;background-size:48px;}
.select-like.rating a.btn-select.all{background:url(../images/common/ico_select_all.png) top center no-repeat;background-size:48px;}
.select-like.rating a.btn-select.all.on{background:url(../images/common/ico_select_all_on.png) top center no-repeat;background-size:48px;}
.select-like.rating a.btn-select.fifteen.on{background:url(../images/common/ico_select_15_on.png) top center no-repeat;background-size:48px;}
.select-like.rating a.btn-select.nineteen.on{background:url(../images/common/ico_select_19_on.png) top center no-repeat;background-size:48px;}

.header .main-menu .btn-menu .click-age.only-mobile.warning-19 li:not(.selected) [data-src="ADULT"],
.side-menu .click-age.warning-19 li:not(.selected)[data-src="ADULT"] a{color:#000;border:1px solid #ff0000;}
.select-age-pc .warning-19 [data-src="ADULT"]{background-image:url(../images/common/btn_age_19_red.png)}



@media only screen and (max-width: 370px) {
    .select-like {padding:2.5rem 1rem 1.5rem;}
    .select-age.age2 a{height:75px;}
    .select-like .select-age.age2:after{top:35%;}
    .select-like a.btn-select.twenty,select-like a.btn-select.twenty.on,
    .select-like a.btn-select.twenty.on,
    .select-like a.btn-select.thirty,.select-like a.btn-select.thirty.on,
    .select-like a.btn-select.fourty,.select-like a.btn-select.fourty.on,
    .select-like .select-age.age2 a.btn-select.all, .select-like .select-age.age2 a.btn-select.all.on{background-size:48px;}
}
@media only screen and (max-width: 365px) {
	.header .novel-menu .menu-list .swiper-slide{min-width:56px;}
}


a.btn-what-like{position:relative;background:#fff;padding:2rem 1.5rem;display:flex;font-size:1.5rem;justify-content:space-between;align-items:center;font-weight:500;color:#434343;padding-left:55px;font-family:'Pretendard','Noto Sans CJK KR', sans-serif;}
a.btn-what-like > span{font-weight:normal;font-size:1.3rem;}

a.btn-what-like + .select-like{border-top:0;padding-top:1rem;display:none;}
a.btn-what-like img{position:absolute;left:15px;top:50%;transform:translateY(-50%);width:34px;margin-top:1px;}

.top-area.before-login{background:#f2f2f2;}
.top-info-area{padding:12px;text-align:center;}
.top-area.before-login .top-info-area{padding-top:0;padding-bottom:15px;}
.top-info-area > *{display:block;margin:0 auto;text-align:center;}
.top-info-area button.btn-login{font-size:14px;padding-right:15px;background:url(../images/common/ico_menu_login_go.png) right center no-repeat;background-size:5px;}
button.btn-join{font-size:14px;margin-top:10px;margin-bottom:10px;border-bottom:1px solid #7b7b7b;color:#7b7b7b;font-family:'Pretendard','Noto Sans CJK KR', sans-serif;}
.pink-box-area{background:#ff527e;text-align:center;color:#fff;font-size:12px;padding:4px 18px;display:inline-block;border-radius:20px;font-family:'Pretendard','Noto Sans CJK KR', sans-serif;}
.pink-box-area > *{display:inline-block;}

.menu-box{background:#f2f2f2;}
.side-menu-list ul{padding:15px 8px;width:100%;background: #fff;border-bottom: 1px solid #ddd;border-top:5px solid #eee;}
.side-menu-list ul li{display:inline-block;width:calc(100% / 4 - 2px);margin:12px 0}
.side-menu-list ul li a{position:relative;padding:0 6px;color:#434343;font-size:1.5rem;font-weight:500;text-align:center;}
.side-menu-list ul li a .m-tit{color:#434343;display:block;text-align:center;margin-top:10px;font-weight:500;font-size:14px;letter-spacing:-1px;font-family:'Pretendard','Noto Sans CJK KR', sans-serif;}
.side-menu-list ul li.recharge a .m-tit{color:#ff527e}
.side-menu-list ul li.recharge a:after{content:'';position:absolute;right:0;top:-8px;width:50%;height:20px;background:url(../images/common/img_menu02-sale.png) 0 0 no-repeat;background-size:contain;}

.menu-notice{background:#fff;margin:5px 0;border-bottom:1px solid #ddd;}
.menu-notice-title{display:flex;align-items:center;justify-content:flex-start;padding:13px 15px;font-size:14px;background:url(../images/common/btn_more_right.png) right 15px center no-repeat;background-size:6px auto;}
.menu-notice-title span{background:#f9e1e4;text-align:center;color:#ff527e;font-size:14px;padding:4px 7px;border-radius:2px;margin-right:10px;font-weight:500;}
.menu-notice-title p{width: calc(100% - 55px);overflow: hidden;padding-right: 10px;font-size: 14px;text-overflow: ellipsis;word-break: break-word;white-space: nowrap;}
.menu-logout{background:#fff;text-align:right;padding:15px;font-size:12px;font-weight:600;border-bottom:1px solid #ddd;border-top:0;}
.menu-logout a{display:inline-block;padding-left:20px;background:url(../images/common/ico_logout2.png) left center no-repeat;background-size:contain;font-weight:600;}


/* Side Menu Renewal */
.nav-drawer .side-menu.renewal{padding-left:0;min-height:100%;}
.nav-drawer .side-menu.renewal .side-wrap{background:#fff;min-height:100%;padding-bottom:0;}
.side-inner{width:100%;min-height:100%;background:#fff;}

.side-menu .click-age{margin-right:15px;transition:all .4s;display: inline-flex;}
.side-menu .click-age ul{position:relative;display:flex;align-items:center;justify-content:flex-start;transition:all .4s;gap:25px;width: auto;}
.side-menu .click-age ul.wide{width:100%;}
.side-menu .click-age ul:before{content:'';position:absolute;width:90%;height:10px;background:#dbdbdb;/* z-index:-1; */right:5px;transition:all .4s;top: 11px;}
.side-menu .click-age ul li{position:relative;transition:all .4s;text-align:center;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.side-menu .click-age ul li a{width: 30px;height: 30px;border:1px solid #434343;border-radius:50%;font-family:'Gmarket Sans', sans-serif;text-align:center;font-weight: bold;line-height:30px;letter-spacing: 0.5px;background:#fff;font-size:15px;box-shadow: 1px 1px 4px rgb(48 48 48 / 29%);}
.side-menu .click-age ul li.selected{z-index:40;}
.side-menu .click-age ul li.selected a{background:#ff527e;border:1px solid #ff527e;color:#fff;box-shadow: 1px 1px 4px rgb(48 48 48 / 29%);}
.side-menu .click-age ul li span{display:block;text-align:center;font-size:11px;color:#444;font-weight:500;margin-top:7px;}
.side-menu .click-age ul li.selected span{color:#ff527e;}
.side-menu .click-age ul li[data-src="ALL"] a{line-height:31px;font-size:14px;}
.side-menu .click-age ul li[data-src="ADULT"] a{border:1px solid #fb2b30}

.side-menu .side-title{height:50px;padding:0;display:flex;align-items:center;justify-content:space-between;}
.side-menu .side-title .left-menu a{height:100%;padding-left:34px;display:flex;align-items:center;font-weight:500;font-size: 17px;background: url(../images/common/btn_prev.png) left 15px center no-repeat;background-size: 6px;font-weight: 400;line-height:50px;font-family: 'Pretendard','Noto Sans CJK KR', '맑은 고딕', sans-serif;}
.side-menu .side-title .right-menu{display:flex;align-items:center;justify-content:flex-end;}
.side-menu .side-title .right-menu .btn-side-setting{width:50px;height:50px;background:url(../images/common/ico_side_setting.png) center center no-repeat;background-size:20px;font-size:17px;text-align:center;background:none;}
.side-menu .side-title .right-menu .btn-side-notice{position:relative;width:45px;height:50px;background:url(../images/common/ico_side_notice2.png) center center no-repeat;background-size:19px;font-size:17px;text-align:center;background:none;}
.side-menu .side-title .right-menu a{display:flex;align-items:center;font-size:17px;font-family: 'Pretendard','Noto Sans CJK KR', '맑은 고딕', sans-serif;line-height: 50px;}
.side-menu .side-title .right-menu .btn-side-notice.new:after{content:'';position:absolute;top:13px;right:17px;width:5px;height:5px;background:#ff527e;border-radius:50%;}

.side-inner-wrap{max-width:410px;margin:0 auto;padding:0 5vw;position:relative;}
.side-inner-wrap .app-close-nav{position:absolute;left:0;top:30%;width:35px;height:70%;background:transparent;font-size:0;}
.side-my-info{padding:30px 0;display:flex;align-items:flex-end;justify-content:space-between;}
.side-my-info .left-box{width:65%;margin-bottom:5px;}
.side-my-info .left-box .info-nick{position:relative;max-width:100%;margin-bottom:5px;letter-spacing: -1px;display: inline-block;padding-right:30px;}
.side-my-info .left-box .info-nick input{font-size: 22px;font-weight:700;color:#000;border:0;letter-spacing: -1px; align-self: center;min-width: 50px;max-width: 100%;overflow:hidden;text-overflow:ellipsis}
.side-my-info .left-box .info-nick input:read-only{background:#fff;}
.side-my-info .left-box .info-nick input + span{position:absolute;right:20px;bottom:5px;}
.side-my-info .left-box .info-nick .btn-edit-nick{position:absolute;right:0;bottom:5px;width:15px;height:15px;background:url(../images/common/ico_side_edit.png) center center no-repeat;background-size:contain;font-size:0;margin-left:3px;}
.side-my-info .left-box .info-myid{color:#919191;font-size:11px;margin-left:2px;}
.side-my-info .right-box{color:#919191;font-size:11px;text-align:right;width:40%;}
.side-my-info .right-box .info-grade{margin-bottom:8px;text-align:right;}
.side-my-info .right-box .info-grade strong{color:#000;font-weight:700;margin-right:5px;padding-left:15px;}
.side-my-info .right-box .info-coin strong{font-size:25px;font-weight:600;color:#000;font-family: 'Pretendard','Noto Sans CJK KR', '맑은 고딕', sans-serif;letter-spacing:-1px;margin-right:3px;}
.side-my-info .right-box .info-grade strong.vip{color:#ffc000;background:url(../images/common/ico_side_vip.png) left center no-repeat;background-size:12px;}
.side-my-info .right-box .info-grade strong.vvip{color:#5dc1ec;background:url(../images/common/ico_side_vvip.png) left center no-repeat;background-size:12px;}
.side-my-info .right-box .info-grade strong.vvvip{color:#ff527e;background:url(../images/common/ico_side_vvvip.png) left center no-repeat;background-size:12px;}
.side-my-info .right-box .info-coin{margin-bottom:5px;}
.side-my-info .right-box .info-coin i{display:inline-block;width:20px;height:20px;margin-right:3px;}
.side-my-info .right-box .info-coin i.tcoin{background:url(https://cdn.anytoon.co.kr/etc/common/ico_tcoin.png) left center no-repeat;background-size:18px;}
.side-my-info .right-box .info-coin i.acoin{background:url(https://cdn.anytoon.co.kr/etc/common/ico_acoin.png) left center no-repeat;background-size:18px;}
.side-inner.before-login .side-inner-wrap{padding-top:11vh;}
.side-inner.before-login .side-main-menu ul li{padding:13px 0;}
.side-inner.before-login .side-main-menu ul li a{font-size:30px;}
                                    
.click-age-wrap{padding:35px 0 0;}
.side-main-menu{padding:0;text-align:right;}
.side-main-menu ul{display:inline-block;}
.side-main-menu ul li{padding:10px 0}
.side-main-menu ul li a{font-size:25px;font-weight:700;color:#000;position:relative;}
.side-main-menu ul li.recharge a:before{content:'SALE';position:absolute;left:-50px;bottom:3px;background:#ff527e;color:#fff;border-radius:10px;padding:2px 10px;font-weight:500;font-size:10px;}
.side-quick-menu ul{display:flex;flex-wrap:wrap;padding:45px 0;}
.side-quick-menu ul li{width:50%;padding:12px 38px;}
.side-quick-menu ul li a{display:block;width:100%;height:100%;font-size:18px;font-weight:500;color:#000;}
.btn-close-side{/*position:absolute;*/bottom:5%;right:45px;font-size:17px;color:#919191;margin:30px 0;float:right;}
.side-inner.before-login .side-quick-menu ul li{width:100%;}
.side-inner.before-login .side-main-menu{text-align:left;padding:0 38px;}
.side-inner .go-certify-coin{width:100%;background:#ff527e;border-radius:4px;text-align:center;font-size:18px;color:#fff;height:45px;line-height:45px;font-weight:500;margin-top:30px;}
.side-inner.before-login .go-certify-coin{margin-top:100px;}
.side-inner.before-login .side-main-menu li{margin-left:-40px;}
.side-inner.before-login .side-main-menu li a{padding-left: 40px;}
.side-inner.before-login .side-main-menu li:first-of-type a{background: url(../images/common/ico_side_login.png) left top 1px no-repeat;background-size:23px;}
.side-inner.before-login .side-main-menu li:last-of-type a{background: url(../images/common/ico_side_join.png) left top no-repeat;background-size:25px;}
.side-menu .btn-certify{display:none;}

/* app-header */
.header .btn-menu.before-login{top:22px;}
.header .main-menu .btn-menu.before-login .text-age{font-size:15px;font-weight:500;/*font-family: 'Pretendard','Noto Sans CJK KR', '맑은 고딕', sans-serif;*/padding-right:5px;/*background:url(../images/common/ico_menu_3.png) right center no-repeat;background-size:18px;*/}
.app-header{height:45px;overflow:hidden;top:auto;bottom:54px;border-bottom:0;}
.clear .header.app-header{top:auto;bottom:54px;}
.scroll-down .header.app-header{bottom:0;}
.header.app-header .header-top-area,
.header.app-header .logo,
.header.app-header .main-menu .btn-menu{display:none;}

/* app-navi */
.app-navi{position:fixed;background:#fff;bottom:0;left:0;right:0;width:100%;height:54px;z-index:500;border-top:1px solid #e5e5e5;}
.app-navi ul{display:flex;align-items:center;justify-content:space-between;padding:8px 10px 10px;gap:12px;}
.app-navi ul li{width:100%;max-width:50px;}
.app-navi ul li a{position:relative;display:block;text-align:center;font-size:11px;font-weight:500;padding-top:25px;}
.app-navi ul li.nav-recharge a{background:url(../images/common/nav_coin.png) top center no-repeat;background-size:24px;}
.app-navi ul li.nav-novel a{background:url(../images/common/nav_novel.png) top 1px center no-repeat;background-size:24px;}
.app-navi ul li.nav-webtoon a{background:url(../images/common/nav_webtoon.png) top center no-repeat;background-size:24px;}
.app-navi ul li.nav-library a{background:url(../images/common/nav_library.png) top center no-repeat;background-size:24px;}
.app-navi ul li.nav-menu a{background:url(../images/common/nav_menu.png) 10px 2px no-repeat;background-size:24px;}
.app-navi ul li.nav-menu a em{position:absolute;top:1px;right: 12px;width: 15px;height: 15px;text-align:center;font-size: 8px;border:1px solid #444;border-radius:50%;background:#fff;line-height: 15px;display:flex;align-items:center;justify-content:center;}
.app-navi ul li.nav-menu a.active em{background:#444;color:#fff;}
.app-navi ul li.nav-menu a em i{font-style:normal;font-family: 'Gmarket Sans', sans-serif;transform: scale(0.8);font-size: 10px;display: block;margin:-1px 0 0 0;letter-spacing:0.5px;}
.app-navi ul li.nav-menu a.nav-menu-drawer{display:block;}
.app-navi ul li.nav-menu a.nav-menu-close{display:none;}
.nav-drawer .app-navi ul li.nav-menu a.nav-menu-close{display:block;background-image:url(../images/common/btn-nav-close.png);background-size: 18px;background-position: center 3px;}
.nav-drawer .app-navi ul li.nav-menu a.nav-menu-drawer{display:none;}
.app-navi ul li.nav-menu a.nav-menu-drawer > span{margin-left:-4px;}
.app-navi ul li.nav-library a > span{margin-left:-2px;}

.app-navi ul li.nav-recharge a.active,
.app-navi ul li.nav-recharge a:active{background-image:url(../images/common/nav_coin_on.png)}
.app-navi ul li.nav-novel a.active,
.app-navi ul li.nav-novel a:active{background-image:url(../images/common/nav_novel_on.png)}
.app-navi ul li.nav-webtoon a.active,
.app-navi ul li.nav-webtoon a:active{background-image:url(../images/common/nav_webtoon_on.png)}
.app-navi ul li.nav-library a.active,
.app-navi ul li.nav-library a:active{background-image:url(../images/common/nav_library_on.png)}

.app-header .main-menu .menu-list a{color:#a0a0a0;}


/* app 용 레이아웃 */
.app-page .footer{padding-bottom:100px;}
.app-page .sub-page{padding-top:45px;}
.app-page .category-slide-menu{position:fixed;top:0;width:100%;z-index:100;}
.app-page .weekly-page{margin-top:-45px;}
.app-page .weekly-page .category-slide-menu{position:relative;}
.category-slide-menu .category-sorting{height:43px;display:flex;align-items:center;justify-content:space-between;background:#fff;padding:10px 15px;border-bottom:1px solid #e5e5e5;margin-top:10px;margin-bottom:-10px;margin-left:-15px;margin-right:-15px;}
.category-slide-menu .category-sorting .except,
.category-slide-menu .category-sorting .small-tab-list{position:static;}
.category-sorting-pc{display:none;}
.category-sorting-pc + .swiper-container{margin-top:-43px;}
.app-page .sub-page .sale-page,
.app-page .sub-page .free-page{margin-top:-46px;}
.app-page .sub-page .top-0{padding-top:0;margin-top:-45px;}
.app-page .novel-genre-home-page{margin-top:-45px;}
.app-page .novel-genre-home-page .category-slide-menu{position:static;}
.app-page .certify-page{padding-top:49px;}
.app-page .top-0{padding-top:0;}
.app-page .partner-page .page-wrap{margin-bottom:-42px;}
.app-page .sub-page .my-library-page{margin-top:0;}
.app-page .sub-page .my-library-page .category-menu{position:fixed;top:0;width:100%;z-index:100;}
.app-page .episode-page,
.app-page .search-page,
.app-page .top-page,
.app-page .weekly-page,
.app-page .comics-page,
.app-page .free-page,
.app-page .sale-page,
.app-page .rcmd-page,
.app-page .novel-genre-home-page{padding-bottom:48px}
.app-page .event-page .main-contents{padding-top:45px;}
.app-page .event-page .event-list{padding-top: 0;padding-bottom:50px;}
.app-page .payment-page .free-recharging-list{padding-bottom:49px;}
.app-page .sub-page .payment-page.event-page .sub-title-area{margin-top:0;}
.app-page .my-list{padding-bottom:60px;}
.app-page .my-page .my-coin-cont{padding-bottom:50px;}
.app-page .notice-list{padding-bottom:53px;}


/* 서브 상단 메뉴 */
.sub-title-area{position:relative;margin-top:-104px;}
.sub-title-area h3{height:50px;line-height:50px;font-size:17px;background:#fff;border-bottom:1px solid #ddd;}
.sub-title-area h3 i.ico-adult{display:none;}
.sub-title-area h3 a{display:block;width:calc(100% - 8rem);height:100%;padding:0 1.5rem 0 3.4rem;font-size:17px;background:url(../images/common/btn_prev.png) left 15px center no-repeat;background-size:6px;font-weight:400;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;    font-family: 'Pretendard','Noto Sans CJK KR', '맑은 고딕', sans-serif;}
.sub-title-area h3 a strong{font-weight:400;}
.sub-title-area ul{position:absolute;right:15px;top:0;display:flex;height:100%;justify-content:center;}
.sub-title-area ul li{font-size:0;margin-top:11px;min-height:auto;border-bottom:0;}
.sub-title-area ul li.quick-home{width:32px;height:32px;background:url(../images/common/ico_m_home4.png) top center no-repeat;background-size:20px;margin-right:13px;}
.sub-title-area ul li.quick-home a{width:100%;height:100%;}
.sub-title-area ul li a{background:none;}
.sub-title-area .btn-menu{width:21px;height:30px;background:url(../images/common/btn_menu_m_d.png)  center 0 no-repeat;background-size:contain;} 

.sub-title-area{position:fixed;width:100%;top:0;z-index:210;margin-top:0;}
.sub-title-area + div{margin-top:-54px;}

.sub-title-area.transparent ul{align-items:center;}
.sub-title-area.transparent h3{background:transparent;border-bottom:0;}
.sub-title-area.transparent h3 a{background-image:url(../images/common/ico_subtitle_back_white.png)}
.sub-title-area.transparent .quick-home{background:url(../images/common/ico_subtitle_home_white.png) center 14px no-repeat;;background-size:20px;margin-right:8px;width:32px;height:100%;margin-top:0;}
.sub-title-area.transparent .btn-menu{background:url(../images/common/ico_subtitle_menu_white.png) center 16px no-repeat;background-size:20px;width:32px;height:100%;margin-top:0;}
.sub-title-area.transparent:after{content: '';position: absolute;top: 0;left: 0;right: 0;opacity: 0.5;background: linear-gradient(180deg, rgba(0,0,0,0.8) 0%, rgba(255,255,255,0) 100%);width: 100%;height: 60px;z-index: -1;}
.sub-title-area.no-back h3 a{background:none;padding-left:15px;}
.sub-title-area.no-back .btn-close{position:absolute;width:50px;height:50px;right:0;top:0;}

.payment-page,
.customer-page,
.my-library-page,
.coupon-page,
.landing-page{margin-top:-54px;}
.bottom-notice{position:fixed;width:100%;bottom:-1px;left:0;z-index:200;background:transparent;transition:bottom .25s ease-in-out;}
.swiper-container.rotation-notice{padding:13px 30px 11px 15px;background:#fff;border-top-right-radius: 10px;border-top-left-radius: 10px;box-shadow: 0 -2px 6px rgba(0,0,0,0.2);font-size:15px;}
.swiper-container.rotation-notice .swiper-wrapper{height:23px;}
.rotation-notice .notice-tag{display:inline-block;background:#ff527e;text-align:center;border-radius:20px;width:70px;height:22px;line-height:22px;color:#fff;font-size:13px;margin-right:4px;}
.rotation-notice .notice-title{display:inline-block;width:calc(100% - 85px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:-3px;font-size:14px;}
.rotation-notice .notice-title em{color:#ff527e;font-weight:600}
.bottom-notice.scroll-down{bottom:-50px;}
.bottom-notice.scroll-up{bottom:-1px;}


@media only screen and (max-width: 940px){
.nav-drawer .side-menu.renewal .side-wrap{padding-bottom:80px;}
}

@media only screen and (max-width: 365px){
.header .click-age{margin-right:14px;}
.header .main-menu .btn-menu a.btn-go-library{margin-right:12px;}
.header .header-top-area .select-link a{padding:18px 12px;}
}

.app-page .sub-title-area{margin-top:0;}
.app-page .sub-title-area ul{display:none;}
.app-page .sub-title-area + div{margin-top:0;padding-top:5px;}
.app-page .payment-page,
.app-page .customer-page,
.app-page .my-library-page,
.app-page .coupon-page,
.app-page .landing-page{margin-top:0;}

.app-page .sub-page .payment-page .sub-title-area{margin-top:-104px;}


/* Footer */
.footer{padding-top:1.6rem;padding-bottom:40px;background:#f2f2f2;margin-top:-5px;}
.footer-menu{margin-bottom:30px;margin-top:5px;}
.footer-menu ul{display:flex;flex-wrap:wrap;gap:10px 15px;justify-content:center;max-width:40rem;margin:0 auto;padding:0 10px 10px;}
.footer-menu ul li{text-align:center;width:25%;}
.footer-menu ul li:first-of-type{margin-left:0}
.footer-menu ul li a{position:relative;font-size:12px;font-weight:500;font-family: 'Pretendard','Noto Sans CJK KR', '맑은 고딕', sans-serif;}
.footer-menu ul li a:after{content:'';position:absolute;top:1px;right:-10px;width:1px;height:10px;background:#cbcbcb}
.footer-menu ul li:last-of-type a:after,
.footer-menu ul li:nth-of-type(3) a:after{display:none;}
.footer-menu ul li:nth-of-type(4){width:24%;}
.footer-menu ul li:nth-of-type(5),
.footer-menu ul li:nth-of-type(6),
.footer-menu ul li:nth-of-type(7){width:20%;}

@media screen and (max-width:360px){
	.footer-menu ul{padding:0 5px 10px;}
	.footer-menu ul li{width:26%;}
	.footer-menu ul li a:after{right:-8px;}
	.footer-menu ul li:nth-of-type(1),
	.footer-menu ul li:nth-of-type(2){width:23%;}
	.footer-menu ul li:nth-of-type(3){width:28%;}
	.footer-menu ul li:nth-of-type(2) a:after{right:-6px;}
	.footer-menu ul li:nth-of-type(4) a:after{right:-12px;}
}

.footer-info{text-align:center;}
.footer-logo{position:relative;display:inline-block;width:145px;text-align:left;}
.footer-logo:after{content:'';position:absolute;top:50%;right:5px;width:9px;height:5px;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:15px 30px 0;font-size:11px;line-height:16px;}
.footer-info.open .footer-info-detail p{letter-spacing:-0.4px;color:#7b7b7b;}
.footer-info.open .footer-logo:after{margin-top:-.2rem;transform:rotate(180deg);}
.sns-group{margin:25px 0 20px}
.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;}
.sns-group ul li:nth-of-type(5) a{width:2rem;height:2rem;background:url(../images/common/btn_sns_youtube.png) 0 0 no-repeat;background-size: contain;margin-top:-2px;}
.sns-group ul li:nth-of-type(6) a{width:1.8rem;height:1.8rem;background:url(../images/common/btn_sns_05.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;}
.footer-info.open .footer-info-detail .info-mobile{margin-bottom:5px;}


.rect-auto,
.c100.p51 .slice,.c100.p52 .slice,.c100.p53 .slice,.c100.p54 .slice,.c100.p55 .slice,.c100.p56 .slice,.c100.p57 .slice,.c100.p58 .slice,.c100.p59 .slice,.c100.p60 .slice,.c100.p61 .slice,.c100.p62 .slice,.c100.p63 .slice,.c100.p64 .slice,.c100.p65 .slice,.c100.p66 .slice,.c100.p67 .slice,.c100.p68 .slice,.c100.p69 .slice,.c100.p70 .slice,.c100.p71 .slice,.c100.p72 .slice,.c100.p73 .slice,.c100.p74 .slice,.c100.p75 .slice,.c100.p76 .slice,.c100.p77 .slice,.c100.p78 .slice,.c100.p79 .slice,.c100.p80 .slice,.c100.p81 .slice,.c100.p82 .slice,.c100.p83 .slice,.c100.p84 .slice,.c100.p85 .slice,.c100.p86 .slice,.c100.p87 .slice,.c100.p88 .slice,.c100.p89 .slice,.c100.p90 .slice,.c100.p91 .slice,.c100.p92 .slice,.c100.p93 .slice,.c100.p94 .slice,.c100.p95 .slice,.c100.p96 .slice,.c100.p97 .slice,.c100.p98 .slice,.c100.p99 .slice,.c100.p100 .slice {clip: rect(auto, auto, auto, auto);}
.pie,.c100 .bar,.c100.p51 .fill,.c100.p52 .fill,.c100.p53 .fill,.c100.p54 .fill,.c100.p55 .fill,.c100.p56 .fill,.c100.p57 .fill,.c100.p58 .fill,.c100.p59 .fill,.c100.p60 .fill,.c100.p61 .fill,.c100.p62 .fill,.c100.p63 .fill,.c100.p64 .fill,.c100.p65 .fill,.c100.p66 .fill,.c100.p67 .fill,
.c100.p68 .fill,.c100.p69 .fill,.c100.p70 .fill,.c100.p71 .fill,.c100.p72 .fill,.c100.p73 .fill,.c100.p74 .fill,.c100.p75 .fill,.c100.p76 .fill,.c100.p77 .fill,.c100.p78 .fill,.c100.p79 .fill,.c100.p80 .fill,.c100.p81 .fill,.c100.p82 .fill,.c100.p83 .fill,.c100.p84 .fill,.c100.p85 .fill,.c100.p86 .fill,.c100.p87 .fill,.c100.p88 .fill,.c100.p89 .fill,.c100.p90 .fill,.c100.p91 .fill,.c100.p92 .fill,.c100.p93 .fill,.c100.p94 .fill,.c100.p95 .fill,.c100.p96 .fill,.c100.p97 .fill,.c100.p98 .fill,.c100.p99 .fill,.c100.p100 .fill {position: absolute;border: 4px solid #ff527e;width: 95px;height: 95px;clip: rect(0em, 55px, 120px, 0em);border-radius: 50%;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);}
.pie-fill,.c100.p51 .bar:after,.c100.p51 .fill,.c100.p52 .bar:after,.c100.p52 .fill,.c100.p53 .bar:after,.c100.p53 .fill,.c100.p54 .bar:after,.c100.p54 .fill,.c100.p55 .bar:after,.c100.p55 .fill,.c100.p56 .bar:after,.c100.p56 .fill,.c100.p57 .bar:after,.c100.p57 .fill,.c100.p58 .bar:after,.c100.p58 .fill,.c100.p59 .bar:after,.c100.p59 .fill,.c100.p60 .bar:after,.c100.p60 .fill,.c100.p61 .bar:after,.c100.p61 .fill,.c100.p62 .bar:after,.c100.p62 .fill,.c100.p63 .bar:after,.c100.p63 .fill,.c100.p64 .bar:after,.c100.p64 .fill,.c100.p65 .bar:after,.c100.p65 .fill,.c100.p66 .bar:after,.c100.p66 .fill,.c100.p67 .bar:after,.c100.p67 .fill,.c100.p68 .bar:after,.c100.p68 .fill,.c100.p69 .bar:after,.c100.p69 .fill,.c100.p70 .bar:after,.c100.p70 .fill,.c100.p71 .bar:after,.c100.p71 .fill,.c100.p72 .bar:after,.c100.p72 .fill,.c100.p73 .bar:after,.c100.p73 .fill,.c100.p74 .bar:after,.c100.p74 .fill,.c100.p75 .bar:after,.c100.p75 .fill,.c100.p76 .bar:after,.c100.p76 .fill,.c100.p77 .bar:after,.c100.p77 .fill,.c100.p78 .bar:after,.c100.p78 .fill,.c100.p79 .bar:after,.c100.p79 .fill,.c100.p80 .bar:after,.c100.p80 .fill,.c100.p81 .bar:after,.c100.p81 .fill,.c100.p82 .bar:after,.c100.p82 .fill,.c100.p83 .bar:after,.c100.p83 .fill,.c100.p84 .bar:after,.c100.p84 .fill,.c100.p85 .bar:after,.c100.p85 .fill,.c100.p86 .bar:after,.c100.p86 .fill,.c100.p87 .bar:after,.c100.p87 .fill,.c100.p88 .bar:after,.c100.p88 .fill,.c100.p89 .bar:after,.c100.p89 .fill,.c100.p90 .bar:after,.c100.p90 .fill,.c100.p91 .bar:after,.c100.p91 .fill,.c100.p92 .bar:after,.c100.p92 .fill,.c100.p93 .bar:after,.c100.p93 .fill,.c100.p94 .bar:after,.c100.p94 .fill,.c100.p95 .bar:after,.c100.p95 .fill,.c100.p96 .bar:after,.c100.p96 .fill,.c100.p97 .bar:after,.c100.p97 .fill,.c100.p98 .bar:after,.c100.p98 .fill,.c100.p99 .bar:after,.c100.p99 .fill,.c100.p100 .bar:after,.c100.p100 .fill {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.c100 {position:absolute;top:0;left:0;  width: 120px;height: 120px;border-radius: 50%;float: left;margin: 0;background-color: transparent;}
.c100 .slice {position: absolute;width: 120px;height: 120px;clip: rect(0em, 120px, 120px, 55px);left: 0;top: 0;}
.c100.p1 .bar {-webkit-transform: rotate(3.6deg);-moz-transform: rotate(3.6deg);-ms-transform: rotate(3.6deg);-o-transform: rotate(3.6deg);transform: rotate(3.6deg);}
.c100.p2 .bar {-webkit-transform: rotate(7.2deg);-moz-transform: rotate(7.2deg);-ms-transform: rotate(7.2deg);-o-transform: rotate(7.2deg);transform: rotate(7.2deg);}
.c100.p3 .bar {-webkit-transform: rotate(10.8deg);-moz-transform: rotate(10.8deg);-ms-transform: rotate(10.8deg);-o-transform: rotate(10.8deg);transform: rotate(10.8deg);}
.c100.p4 .bar {-webkit-transform: rotate(14.4deg);-moz-transform: rotate(14.4deg);-ms-transform: rotate(14.4deg);-o-transform: rotate(14.4deg);transform: rotate(14.4deg);}
.c100.p5 .bar {-webkit-transform: rotate(18deg);-moz-transform: rotate(18deg);-ms-transform: rotate(18deg);-o-transform: rotate(18deg);transform: rotate(18deg);}
.c100.p6 .bar {-webkit-transform: rotate(21.6deg);-moz-transform: rotate(21.6deg);-ms-transform: rotate(21.6deg);-o-transform: rotate(21.6deg);transform: rotate(21.6deg);}
.c100.p7 .bar {-webkit-transform: rotate(25.2deg);-moz-transform: rotate(25.2deg);-ms-transform: rotate(25.2deg);-o-transform: rotate(25.2deg);transform: rotate(25.2deg);}
.c100.p8 .bar {-webkit-transform: rotate(28.8deg);-moz-transform: rotate(28.8deg);-ms-transform: rotate(28.8deg);-o-transform: rotate(28.8deg);transform: rotate(28.8deg);}
.c100.p9 .bar {-webkit-transform: rotate(32.4deg);-moz-transform: rotate(32.4deg);-ms-transform: rotate(32.4deg);-o-transform: rotate(32.4deg);transform: rotate(32.4deg);}
.c100.p10 .bar {-webkit-transform: rotate(36deg);-moz-transform: rotate(36deg);-ms-transform: rotate(36deg);-o-transform: rotate(36deg);transform: rotate(36deg);}
.c100.p11 .bar {-webkit-transform: rotate(39.6deg);-moz-transform: rotate(39.6deg);-ms-transform: rotate(39.6deg);-o-transform: rotate(39.6deg);transform: rotate(39.6deg);}
.c100.p12 .bar {-webkit-transform: rotate(43.2deg);-moz-transform: rotate(43.2deg);-ms-transform: rotate(43.2deg);-o-transform: rotate(43.2deg);transform: rotate(43.2deg);}
.c100.p13 .bar {-webkit-transform: rotate(46.800000000000004deg);-moz-transform: rotate(46.800000000000004deg);-ms-transform: rotate(46.800000000000004deg);-o-transform: rotate(46.800000000000004deg);transform: rotate(46.800000000000004deg);}
.c100.p14 .bar {-webkit-transform: rotate(50.4deg);-moz-transform: rotate(50.4deg);-ms-transform: rotate(50.4deg);-o-transform: rotate(50.4deg);transform: rotate(50.4deg);}
.c100.p15 .bar {-webkit-transform: rotate(54deg);-moz-transform: rotate(54deg);-ms-transform: rotate(54deg);-o-transform: rotate(54deg);transform: rotate(54deg);}
.c100.p16 .bar {-webkit-transform: rotate(57.6deg);-moz-transform: rotate(57.6deg);-ms-transform: rotate(57.6deg);-o-transform: rotate(57.6deg);transform: rotate(57.6deg);}
.c100.p17 .bar {-webkit-transform: rotate(61.2deg);-moz-transform: rotate(61.2deg);-ms-transform: rotate(61.2deg);-o-transform: rotate(61.2deg);transform: rotate(61.2deg);}
.c100.p18 .bar {-webkit-transform: rotate(64.8deg);-moz-transform: rotate(64.8deg);-ms-transform: rotate(64.8deg);-o-transform: rotate(64.8deg);transform: rotate(64.8deg);}
.c100.p19 .bar {-webkit-transform: rotate(68.4deg);-moz-transform: rotate(68.4deg);-ms-transform: rotate(68.4deg);-o-transform: rotate(68.4deg);transform: rotate(68.4deg);}
.c100.p20 .bar {-webkit-transform: rotate(72deg);-moz-transform: rotate(72deg);-ms-transform: rotate(72deg);-o-transform: rotate(72deg);transform: rotate(72deg);}
.c100.p21 .bar {-webkit-transform: rotate(75.60000000000001deg);-moz-transform: rotate(75.60000000000001deg);-ms-transform: rotate(75.60000000000001deg);-o-transform: rotate(75.60000000000001deg);transform: rotate(75.60000000000001deg);}
.c100.p22 .bar {-webkit-transform: rotate(79.2deg);-moz-transform: rotate(79.2deg);-ms-transform: rotate(79.2deg);-o-transform: rotate(79.2deg);transform: rotate(79.2deg);}
.c100.p23 .bar {-webkit-transform: rotate(82.8deg);-moz-transform: rotate(82.8deg);-ms-transform: rotate(82.8deg);-o-transform: rotate(82.8deg);transform: rotate(82.8deg);}
.c100.p24 .bar {-webkit-transform: rotate(86.4deg);-moz-transform: rotate(86.4deg);-ms-transform: rotate(86.4deg);-o-transform: rotate(86.4deg);transform: rotate(86.4deg);}
.c100.p25 .bar {-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}
.c100.p26 .bar {-webkit-transform: rotate(93.60000000000001deg);-moz-transform: rotate(93.60000000000001deg);-ms-transform: rotate(93.60000000000001deg);-o-transform: rotate(93.60000000000001deg);transform: rotate(93.60000000000001deg);}
.c100.p27 .bar {-webkit-transform: rotate(97.2deg);-moz-transform: rotate(97.2deg);-ms-transform: rotate(97.2deg);-o-transform: rotate(97.2deg);transform: rotate(97.2deg);}
.c100.p28 .bar {-webkit-transform: rotate(100.8deg);-moz-transform: rotate(100.8deg);-ms-transform: rotate(100.8deg);-o-transform: rotate(100.8deg);transform: rotate(100.8deg);}
.c100.p29 .bar {-webkit-transform: rotate(104.4deg);-moz-transform: rotate(104.4deg);-ms-transform: rotate(104.4deg);-o-transform: rotate(104.4deg);transform: rotate(104.4deg);}
.c100.p30 .bar {-webkit-transform: rotate(108deg);-moz-transform: rotate(108deg);-ms-transform: rotate(108deg);-o-transform: rotate(108deg);transform: rotate(108deg);}
.c100.p31 .bar {-webkit-transform: rotate(111.60000000000001deg);-moz-transform: rotate(111.60000000000001deg);-ms-transform: rotate(111.60000000000001deg);-o-transform: rotate(111.60000000000001deg);transform: rotate(111.60000000000001deg);}
.c100.p32 .bar {-webkit-transform: rotate(115.2deg);-moz-transform: rotate(115.2deg);-ms-transform: rotate(115.2deg);-o-transform: rotate(115.2deg);transform: rotate(115.2deg);}
.c100.p33 .bar {-webkit-transform: rotate(118.8deg);-moz-transform: rotate(118.8deg);-ms-transform: rotate(118.8deg);-o-transform: rotate(118.8deg);transform: rotate(118.8deg);}
.c100.p34 .bar {-webkit-transform: rotate(122.4deg);-moz-transform: rotate(122.4deg);-ms-transform: rotate(122.4deg);-o-transform: rotate(122.4deg);transform: rotate(122.4deg);}
.c100.p35 .bar {-webkit-transform: rotate(126deg);-moz-transform: rotate(126deg);-ms-transform: rotate(126deg);-o-transform: rotate(126deg);transform: rotate(126deg);}
.c100.p36 .bar {-webkit-transform: rotate(129.6deg);-moz-transform: rotate(129.6deg);-ms-transform: rotate(129.6deg);-o-transform: rotate(129.6deg);transform: rotate(129.6deg);}
.c100.p37 .bar {-webkit-transform: rotate(133.20000000000002deg);-moz-transform: rotate(133.20000000000002deg);-ms-transform: rotate(133.20000000000002deg);-o-transform: rotate(133.20000000000002deg);transform: rotate(133.20000000000002deg);}
.c100.p38 .bar {-webkit-transform: rotate(136.8deg);-moz-transform: rotate(136.8deg);-ms-transform: rotate(136.8deg);-o-transform: rotate(136.8deg);transform: rotate(136.8deg);}
.c100.p39 .bar {-webkit-transform: rotate(140.4deg);-moz-transform: rotate(140.4deg);-ms-transform: rotate(140.4deg);-o-transform: rotate(140.4deg);transform: rotate(140.4deg);}
.c100.p40 .bar {-webkit-transform: rotate(144deg);-moz-transform: rotate(144deg);-ms-transform: rotate(144deg);-o-transform: rotate(144deg);transform: rotate(144deg);}
.c100.p41 .bar {-webkit-transform: rotate(147.6deg);-moz-transform: rotate(147.6deg);-ms-transform: rotate(147.6deg);-o-transform: rotate(147.6deg);transform: rotate(147.6deg);}
.c100.p42 .bar {-webkit-transform: rotate(151.20000000000002deg);-moz-transform: rotate(151.20000000000002deg);-ms-transform: rotate(151.20000000000002deg);-o-transform: rotate(151.20000000000002deg);transform: rotate(151.20000000000002deg);}
.c100.p43 .bar {-webkit-transform: rotate(154.8deg);-moz-transform: rotate(154.8deg);-ms-transform: rotate(154.8deg);-o-transform: rotate(154.8deg);transform: rotate(154.8deg);}
.c100.p44 .bar {-webkit-transform: rotate(158.4deg);-moz-transform: rotate(158.4deg);-ms-transform: rotate(158.4deg);-o-transform: rotate(158.4deg);transform: rotate(158.4deg);}
.c100.p45 .bar {-webkit-transform: rotate(162deg);-moz-transform: rotate(162deg);-ms-transform: rotate(162deg);-o-transform: rotate(162deg);transform: rotate(162deg);}
.c100.p46 .bar {-webkit-transform: rotate(165.6deg);-moz-transform: rotate(165.6deg);-ms-transform: rotate(165.6deg);-o-transform: rotate(165.6deg);transform: rotate(165.6deg);}
.c100.p47 .bar {-webkit-transform: rotate(169.20000000000002deg);-moz-transform: rotate(169.20000000000002deg);-ms-transform: rotate(169.20000000000002deg);-o-transform: rotate(169.20000000000002deg);transform: rotate(169.20000000000002deg);}
.c100.p48 .bar {-webkit-transform: rotate(172.8deg);-moz-transform: rotate(172.8deg);-ms-transform: rotate(172.8deg);-o-transform: rotate(172.8deg);transform: rotate(172.8deg);}
.c100.p49 .bar {-webkit-transform: rotate(176.4deg);-moz-transform: rotate(176.4deg);-ms-transform: rotate(176.4deg);-o-transform: rotate(176.4deg);transform: rotate(176.4deg);}
.c100.p50 .bar {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.c100.p51 .bar {-webkit-transform: rotate(183.6deg);-moz-transform: rotate(183.6deg);-ms-transform: rotate(183.6deg);-o-transform: rotate(183.6deg);transform: rotate(183.6deg);}
.c100.p52 .bar {-webkit-transform: rotate(187.20000000000002deg);-moz-transform: rotate(187.20000000000002deg);-ms-transform: rotate(187.20000000000002deg);-o-transform: rotate(187.20000000000002deg);transform: rotate(187.20000000000002deg);}
.c100.p53 .bar {-webkit-transform: rotate(190.8deg);-moz-transform: rotate(190.8deg);-ms-transform: rotate(190.8deg);-o-transform: rotate(190.8deg);transform: rotate(190.8deg);}
.c100.p54 .bar {-webkit-transform: rotate(194.4deg);-moz-transform: rotate(194.4deg);-ms-transform: rotate(194.4deg);-o-transform: rotate(194.4deg);transform: rotate(194.4deg);}
.c100.p55 .bar {-webkit-transform: rotate(198deg);-moz-transform: rotate(198deg);-ms-transform: rotate(198deg);-o-transform: rotate(198deg);transform: rotate(198deg);}
.c100.p56 .bar {-webkit-transform: rotate(201.6deg);-moz-transform: rotate(201.6deg);-ms-transform: rotate(201.6deg);-o-transform: rotate(201.6deg);transform: rotate(201.6deg);}
.c100.p57 .bar {-webkit-transform: rotate(205.20000000000002deg);-moz-transform: rotate(205.20000000000002deg);-ms-transform: rotate(205.20000000000002deg);-o-transform: rotate(205.20000000000002deg);transform: rotate(205.20000000000002deg);}
.c100.p58 .bar {-webkit-transform: rotate(208.8deg);-moz-transform: rotate(208.8deg);-ms-transform: rotate(208.8deg);-o-transform: rotate(208.8deg);transform: rotate(208.8deg);}
.c100.p59 .bar {-webkit-transform: rotate(212.4deg);-moz-transform: rotate(212.4deg);-ms-transform: rotate(212.4deg);-o-transform: rotate(212.4deg);transform: rotate(212.4deg);}
.c100.p60 .bar {-webkit-transform: rotate(216deg);-moz-transform: rotate(216deg);-ms-transform: rotate(216deg);-o-transform: rotate(216deg);transform: rotate(216deg);}
.c100.p61 .bar {-webkit-transform: rotate(219.6deg);-moz-transform: rotate(219.6deg);-ms-transform: rotate(219.6deg);-o-transform: rotate(219.6deg);transform: rotate(219.6deg);}
.c100.p62 .bar {-webkit-transform: rotate(223.20000000000002deg);-moz-transform: rotate(223.20000000000002deg);-ms-transform: rotate(223.20000000000002deg);-o-transform: rotate(223.20000000000002deg);transform: rotate(223.20000000000002deg);}
.c100.p63 .bar {-webkit-transform: rotate(226.8deg);-moz-transform: rotate(226.8deg);-ms-transform: rotate(226.8deg);-o-transform: rotate(226.8deg);transform: rotate(226.8deg);}
.c100.p64 .bar {-webkit-transform: rotate(230.4deg);-moz-transform: rotate(230.4deg);-ms-transform: rotate(230.4deg);-o-transform: rotate(230.4deg);transform: rotate(230.4deg);}
.c100.p65 .bar {-webkit-transform: rotate(234deg);-moz-transform: rotate(234deg);-ms-transform: rotate(234deg);-o-transform: rotate(234deg);transform: rotate(234deg);}
.c100.p66 .bar {-webkit-transform: rotate(237.6deg);-moz-transform: rotate(237.6deg);-ms-transform: rotate(237.6deg);-o-transform: rotate(237.6deg);transform: rotate(237.6deg);}
.c100.p67 .bar {-webkit-transform: rotate(241.20000000000002deg);-moz-transform: rotate(241.20000000000002deg);-ms-transform: rotate(241.20000000000002deg);-o-transform: rotate(241.20000000000002deg);transform: rotate(241.20000000000002deg);}
.c100.p68 .bar {-webkit-transform: rotate(244.8deg);-moz-transform: rotate(244.8deg);-ms-transform: rotate(244.8deg);-o-transform: rotate(244.8deg);transform: rotate(244.8deg);}
.c100.p69 .bar {-webkit-transform: rotate(248.4deg);-moz-transform: rotate(248.4deg);-ms-transform: rotate(248.4deg);-o-transform: rotate(248.4deg);transform: rotate(248.4deg);}
.c100.p70 .bar {-webkit-transform: rotate(252deg);-moz-transform: rotate(252deg);-ms-transform: rotate(252deg);-o-transform: rotate(252deg);transform: rotate(252deg);}
.c100.p71 .bar {-webkit-transform: rotate(255.6deg);-moz-transform: rotate(255.6deg);-ms-transform: rotate(255.6deg);-o-transform: rotate(255.6deg);transform: rotate(255.6deg);}
.c100.p72 .bar {-webkit-transform: rotate(259.2deg);-moz-transform: rotate(259.2deg);-ms-transform: rotate(259.2deg);-o-transform: rotate(259.2deg);transform: rotate(259.2deg);}
.c100.p73 .bar {-webkit-transform: rotate(262.8deg);-moz-transform: rotate(262.8deg);-ms-transform: rotate(262.8deg);-o-transform: rotate(262.8deg);transform: rotate(262.8deg);}
.c100.p74 .bar {-webkit-transform: rotate(266.40000000000003deg);-moz-transform: rotate(266.40000000000003deg);-ms-transform: rotate(266.40000000000003deg);-o-transform: rotate(266.40000000000003deg);transform: rotate(266.40000000000003deg);}
.c100.p75 .bar {-webkit-transform: rotate(270deg);-moz-transform: rotate(270deg);-ms-transform: rotate(270deg);-o-transform: rotate(270deg);transform: rotate(270deg);}
.c100.p76 .bar {-webkit-transform: rotate(273.6deg);-moz-transform: rotate(273.6deg);-ms-transform: rotate(273.6deg);-o-transform: rotate(273.6deg);transform: rotate(273.6deg);}
.c100.p77 .bar {-webkit-transform: rotate(277.2deg);-moz-transform: rotate(277.2deg);-ms-transform: rotate(277.2deg);-o-transform: rotate(277.2deg);transform: rotate(277.2deg);}
.c100.p78 .bar {-webkit-transform: rotate(280.8deg);-moz-transform: rotate(280.8deg);-ms-transform: rotate(280.8deg);-o-transform: rotate(280.8deg);transform: rotate(280.8deg);}
.c100.p79 .bar {-webkit-transform: rotate(284.40000000000003deg);-moz-transform: rotate(284.40000000000003deg);-ms-transform: rotate(284.40000000000003deg);-o-transform: rotate(284.40000000000003deg);transform: rotate(284.40000000000003deg);}
.c100.p80 .bar {-webkit-transform: rotate(288deg);-moz-transform: rotate(288deg);-ms-transform: rotate(288deg);-o-transform: rotate(288deg);transform: rotate(288deg);}
.c100.p81 .bar {-webkit-transform: rotate(291.6deg);-moz-transform: rotate(291.6deg);-ms-transform: rotate(291.6deg);-o-transform: rotate(291.6deg);transform: rotate(291.6deg);}
.c100.p82 .bar {-webkit-transform: rotate(295.2deg);-moz-transform: rotate(295.2deg);-ms-transform: rotate(295.2deg);-o-transform: rotate(295.2deg);transform: rotate(295.2deg);}
.c100.p83 .bar {-webkit-transform: rotate(298.8deg);-moz-transform: rotate(298.8deg);-ms-transform: rotate(298.8deg);-o-transform: rotate(298.8deg);transform: rotate(298.8deg);}
.c100.p84 .bar {-webkit-transform: rotate(302.40000000000003deg);-moz-transform: rotate(302.40000000000003deg);-ms-transform: rotate(302.40000000000003deg);-o-transform: rotate(302.40000000000003deg);transform: rotate(302.40000000000003deg);}
.c100.p85 .bar {-webkit-transform: rotate(306deg);-moz-transform: rotate(306deg);-ms-transform: rotate(306deg);-o-transform: rotate(306deg);transform: rotate(306deg);}
.c100.p86 .bar {-webkit-transform: rotate(309.6deg);-moz-transform: rotate(309.6deg);-ms-transform: rotate(309.6deg);-o-transform: rotate(309.6deg);transform: rotate(309.6deg);}
.c100.p87 .bar {-webkit-transform: rotate(313.2deg);-moz-transform: rotate(313.2deg);-ms-transform: rotate(313.2deg);-o-transform: rotate(313.2deg);transform: rotate(313.2deg);}
.c100.p88 .bar {-webkit-transform: rotate(316.8deg);-moz-transform: rotate(316.8deg);-ms-transform: rotate(316.8deg);-o-transform: rotate(316.8deg);transform: rotate(316.8deg);}
.c100.p89 .bar {-webkit-transform: rotate(320.40000000000003deg);-moz-transform: rotate(320.40000000000003deg);-ms-transform: rotate(320.40000000000003deg);-o-transform: rotate(320.40000000000003deg);transform: rotate(320.40000000000003deg);}
.c100.p90 .bar {-webkit-transform: rotate(324deg);-moz-transform: rotate(324deg);-ms-transform: rotate(324deg);-o-transform: rotate(324deg);transform: rotate(324deg);}
.c100.p91 .bar {-webkit-transform: rotate(327.6deg);-moz-transform: rotate(327.6deg);-ms-transform: rotate(327.6deg);-o-transform: rotate(327.6deg);transform: rotate(327.6deg);}
.c100.p92 .bar {-webkit-transform: rotate(331.2deg);-moz-transform: rotate(331.2deg);-ms-transform: rotate(331.2deg);-o-transform: rotate(331.2deg);transform: rotate(331.2deg);}
.c100.p93 .bar {-webkit-transform: rotate(334.8deg);-moz-transform: rotate(334.8deg);-ms-transform: rotate(334.8deg);-o-transform: rotate(334.8deg);transform: rotate(334.8deg);}
.c100.p94 .bar {-webkit-transform: rotate(338.40000000000003deg);-moz-transform: rotate(338.0000000000003deg);-ms-transform: rotate(338.40000000000003deg);-o-transform: rotate(338.40000000000003deg);transform: rotate(338.40000000000003deg);}
.c100.p95 .bar {-webkit-transform: rotate(342deg);-moz-transform: rotate(342deg);-ms-transform: rotate(342deg);-o-transform: rotate(342deg);transform: rotate(342deg);}
.c100.p96 .bar {-webkit-transform: rotate(345.6deg);-moz-transform: rotate(345.6deg);-ms-transform: rotate(345.6deg);-o-transform: rotate(345.6deg);transform: rotate(345.6deg);}
.c100.p97 .bar {-webkit-transform: rotate(349.2deg);-moz-transform: rotate(349.2deg);-ms-transform: rotate(349.2deg);-o-transform: rotate(349.2deg);transform: rotate(349.2deg);}
.c100.p98 .bar {-webkit-transform: rotate(352.8deg);-moz-transform: rotate(352.8deg);-ms-transform: rotate(352.8deg);-o-transform: rotate(352.8deg);transform: rotate(352.8deg);}
.c100.p99 .bar {-webkit-transform: rotate(356.40000000000003deg);-moz-transform: rotate(356.40000000000003deg);-ms-transform: rotate(356.40000000000003deg);-o-transform: rotate(356.40000000000003deg);transform: rotate(356.40000000000003deg);}
.c100.p100 .bar {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);}


/* 이용약관/개인정보 */
.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;}

.terms-privacy table{width:100%;table-layout:fixed;border:1px solid #ebebeb;margin:5px 0 20px;font-family: 'Pretendard','Noto Sans CJK KR', '맑은 고딕', sans-serif;}
.terms-privacy table th{background:#f7f9fa;padding:5px;color:#000;font-weight:400;font-size:11px;border:1px solid #ebebeb;    font-family: 'Pretendard','Noto Sans CJK KR', '맑은 고딕', sans-serif;}
.terms-privacy table td{padding:8px;word-break:keep-all;text-align:left;border:1px solid #ebebeb;font-size:10px;line-height:14px;font-family: 'Pretendard','Noto Sans CJK KR', '맑은 고딕', sans-serif;letter-spacing:-1px;}

.terms-privacy .select-box{width:200px;border:1px solid #d4d4d4;margin:20px 0;border-radius:3px;padding-left:10px;}
.terms-privacy .select-box select{width:100%;height:37px;border:0;font-size:13px;padding-right:10px;background:transparent url(../images/common/ico_ranking_down.png) right 8px center no-repeat;background-size:6px;color:#7b7b7b;}


/* 팝업 */
.blak_dimmed,
.dimmed{position:fixed;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:235;display:none;}
.pop{width:100%;max-width:340px;max-height:calc(100vh - 3rem);z-index:300;overflow:hidden;overflow-y:auto;border-radius:8px;
background:#fff;position:fixed;left:50%;top: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%);display:none;}

.pop-area{position:relative;width:100%;}
.btn-pop-close{position:absolute;width:15px;height:15px;top:15px;right:15px;background:url(../images/common/btn_close_gray.png) 0 0 no-repeat;background-size:contain;opacity:0.7;font-size:0;z-index:120;}
.btn-pop-close.gray02{width:18px;height:18px;opacity:0.4;}
.pop-button button{width:100%;text-align:center;height:40px;line-height:40px;color:#fff;font-weight:500;font-weight:500;border-radius:3px;font-size:15px;margin-top:10px;}
.pop-button .btn-pop-pink{background:#ff527e;color:#fff;}
.pop-button .btn-pop-dark{background:#434343;color:#fff;}
.pop-button .btn-pop-border{background:#fff;color:#434343;border:1px solid #434343;}
.pop.common{padding:20px 15px;box-shadow:0px 6px 12px 0px rgb(0 0 20 / 25%);border-radius:6px;max-width: 78vw !important;}
.pop.common .btn-pop-close{top:-5px;right:0;}
.pop.common .pop-title{font-size:15px;font-weight:500;padding-bottom:5px;}
.pop.common .pop-content{margin:10px 0;font-size:13px;}
.pop.common .pop-content p{line-height:19px;}
.pop.common .pop-button{display:flex;width:100%;text-align:center;justify-content:space-between;margin-top:10px;}
.pop.common .pop-button button{text-align:center;color:#fff;width:100%;border-radius:3px;height:35px;line-height:35px;padding:0;font-weight:500;font-size:14px;}
.pop.common .pop-button .btn-pop-ok{background:#ff527e;}
.pop.common .pop-button .btn-pop-cancel{background:#d2d2d2;}
.pop.common .pop-button button:nth-of-type(2){margin-left:10px;}

.pop-area.type01{padding:40px 30px;margin:0;}
.pop-area.type01 .top-area{margin-bottom:2rem;font-size:1.2rem;text-align:center;line-height:15px;}
.pop-area.type01 .top-area .title{margin-bottom:1.2rem;font-size:2.4rem;font-weight:500;color:#434343;text-align:center;letter-spacing:-1px;}

.pop.join-benefit{text-align:center;}
.pop.join-benefit .pop-title{font-size:24px;font-weight:500;color:#434343;letter-spacing:-1px;margin-bottom:15px;}
.pop.join-benefit .pop-content{font-size:12px;margin-bottom:15px;width:calc(100% + 60px);margin-left:-30px;margin-right:-30px;}
.pop.join-benefit .pop-content p{margin-bottom:20px;margin-top:-6px;color:#ff527e;font-weight:600;font-size:14px;}
.pop.join-benefit .pop-content p.strong{color:#ff527e;font-weight:500;}
.pop.join-benefit .pop-button{margin-bottom:-15px;}
.pop.join-benefit .pop-content.txt-red p{font-size:14px;margin-top:-5px;font-weight:bold;}
.pop.join-benefit .btn-giveup{margin-top:0.5rem;font-weight:400;color:#888 !important;}

.pop-quit .btn-pop-close.close-pop.gray02{width:18px;height:18px;background:url(../images/common/btn_menu_close1.png) 0 0 no-repeat;background-size:contain;opacity:0.4;}
.blak_dimmed,
.dimmed{display:block !important;}

/* 팝업 - 로그인/회원가입 */
.pop.login{background:transparent;padding:0;width:100%;min-width:320px;max-width:calc(100% - 50px);max-height:none;}
.pop.login .pop-area{position:relative;padding-top:35px;}
.pop.login .btn-pop-close{top:0;right:5px;width:22px;height:22px;background:url(../images/common/btn_close_white.png) center center no-repeat;background-size:contain;opacity:1;}
.pop.login .login-logo{display:block;margin:0 auto 20px;width:62px;}
.pop.login .pop-content{background:#fff;border-radius:8px;overflow:hidden;}
.pop.login .login-tab .tab-list{height:45px;line-height:45px;display:flex;align-items:center;justify-content:space-between;}
.pop.login .login-tab .tab-list a{width:100%;text-align:center;font-size:15px;font-weight:500;border-bottom:1px solid #ddd;color:#919191;background:#eee;transition:none;}
.pop.login .login-tab .tab-list a.selected{background:#fff;color:#000;border-bottom:1px solid #fff;}
.pop.login .login-tab .tab-list a:last-of-type{border-left:1px solid #ddd;}
.pop.login .login-tab .tab-conts{padding:20px 0 25px;}
.pop.login .login-tab .tab-conts > div{display:none;}
.pop.login .login-tab .tab-conts > .selected-tab{display:block;}
.pop.login .guide-txt{text-align:center;font-size:14px;margin:10px 0 0;line-height:19px;font-weight:500;}
.pop.login .guide-txt strong{color:#ff527e;font-weight:500;}
.pop.login .form-item{display:flex;align-items:center;justify-content:flex-start;;margin-bottom:10px;background:#eee;border-radius:4px;overflow:hidden;}
.pop.login .form-item .input-box{width:60%;}
.pop.login .form-item input[type='text'],
.pop.login .form-item input[type='password']{width:100%;border:0;background:#eee;height:37px;padding:0 15px;font-size:13px;}
.pop.login .form-item:nth-of-type(2) .input-box{width:100%;}
.pop.login .form-item .select-box{width:40%;}
.pop.login .form-item .select-box select{width:100%;height:37px;border:0;font-size:13px;padding-right:10px;background:transparent url(../images/common/ico_ranking_down.png) right 8px center no-repeat;background-size:6px;color:#7b7b7b;}
.pop.login .form-item.check{position:relative;background:#fff;border-radius:0;margin-top:15px;}
.pop.login .form-item.check .check-box{margin-right:8px;}
.pop.login .form-item.check label{font-size:12px;height:17px;line-height:17px;color:#7b7b7b;}
.pop.login .form-item.check label a{display:inline-block;font-weight:500;color:#ff527e;}
.pop.login .form-item.check .btn-find-pw{color:#7b7b7b;font-size:12px;border-bottom:1px solid #9b9b9b;margin-top:0;position:absolute;right:0;top:50%;transform:translateY(-50%);}
.pop.login .form-area .btn-login,
.pop.login .form-area .btn-join{width:100%;background:#ff527e;color:#fff;text-align:center;height:45px;line-height:45px;border-radius:6px;margin-top:15px;margin-bottom:0;border:0;font-size:15px;font-weight:500;}
.pop.login .login-sns{padding:25px 15px;text-align:center;}
.pop.login .login-sns p{font-size:13px;font-weight:500;font-family: 'Gmarket Sans', sans-serif;letter-spacing:-0.5px;}
.pop.login .login-sns ul{display:flex;justify-content:space-between;margin-top:10px;}
.pop.login .login-sns ul li{width:25%;}
.pop.login .login-sns li a{padding-top:4.8rem;font-size:1rem;}
.pop.login .login-sns li.naver{background:url(../images/common/img_login_n.png) top center no-repeat;background-size:4.1rem;}
.pop.login .login-sns li.facebook{background:url(../images/common/img_login_f.png) top center no-repeat;background-size:4.1rem;}
.pop.login .login-sns li.google{background:url(../images/common/img_login_g.png) top center no-repeat;background-size:4.1rem;}
.pop.login .login-sns li.kakao{background:url(../images/common/img_login_k.png) top center no-repeat;background-size:4.1rem;}
.pop.login .login-sns li.ios{background:url(../images/common/btn_sns_apple.png) top center no-repeat;background-size:4.1rem;}

.pop.login .form-item.check.join-check{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.pop.login .form-item.check.join-check .check-box{margin-right:0;width:calc(100% / 2);}
.pop.login .form-item.check.join-check .check-box:nth-of-type(3),
.pop.login .form-item.check.join-check .check-box:nth-of-type(4){margin-top:6px;}
.pop.login .form-item.check.join-check .check-box label,
.pop.login .form-item.check.join-check .check-box label *
{font-size:12px;/*font-family: 'Pretendard','Noto Sans CJK KR', '맑은 고딕', sans-serif;*/color:#7b7b7b;font-weight:400;}
.pop.login .form-item.check.join-check .check-box label .txt-pink{color:#ff527e;font-weight:600;}
.pop.login .form-item.check.join-check .check-box label a{text-decoration:underline;}
.pop.login .form-item.check.join-check .check-box label::before{margin-right:4px;}
.pop.login .form-area{padding:0 30px;}
.pop.login .form-item.check .check-box label::before{width:15px;height:15px;}
.pop.login .form-item.check .check-box input[type="checkbox"]:checked + label::before{background-position:-15px 0;}
.pop.login .form-area .btn-login{margin-top:25px;}
.app-page .pop.login{margin-top:-30px;}

.pop.login .form-item.check.join-check .check-box label[for="popPrivacy"]::before{background:url(../images/common/ico_checkbox2.png) 0 0 no-repeat;background-size:cover;}

a.btn-login-landing{margin:-5px auto 10px}

@media only screen and (min-width: 940px){
.pop.login .form-item.check.join-check{margin-bottom:25px;}
.pop.login .form-item.check.join-check .check-box label,
.pop.login .form-item.check.join-check .check-box label *{font-size:15px;font-weight:400;}
.pop.login .form-item.check.join-check .check-box label::before{width:20px;height:20px;margin-right:8px;}

.pop.login .form-item.check .check-box label::before{width:20px;height:20px;margin-right:6px;}
.pop.login .form-item.check .check-box input[type="checkbox"]:checked + label::before{background-position:-20px 0;}
.pop.login .pop-area{padding-top:45px;}
.pop.login .btn-pop-close{width:25px;height:25px;}
.pop.login .form-item.check .check-box{margin-right:12px;}

a.btn-login-landing{margin:-5px auto 15px}
}

/* 팝업 - 랜딩페이지 로그인 */
.pop.login-landing{background:#fff;padding:25px 0 0;}
.pop.login-landing .btn-pop-close{top:-10px;right:15px;}
.pop.login-landing .guide-txt{margin-top:20px;}
.pop.login-landing .login-tab .tab-list a{border-top:1px solid #d2d2d2;}
.pop.login-landing .login-tab .tab-list a.selected{border-top:1px solid #ff527e;}
.pop.login-landing .login-sns{padding:10px 0;}
.pop.login-landing .login-sns p{position:relative;display:inline-block;font-size:15px;padding-bottom:10px;}
.pop.login-landing .login-sns p:before{content:'';position:absolute;width:30px;height:1px;background:#8b8b8b;top:6px;left:-40px;}
.pop.login-landing .login-sns p:after{content:'';position:absolute;width:30px;height:1px;background:#8b8b8b;top:6px;right:-40px;}
.pop.login-landing .form-item.check{margin-top:10px;padding:0 10px;}
.pop.login-landing .form-item.check .btn-find-pw{right:15px;}

/* 팝업 - 메인 배너 */
.pop.main-banner-list{background:#fff;border-radius:0;padding: 0 10px 15px;text-align:center;color:#000;width:100%;max-width:100%;margin-top:0;height:100vh;max-height:100vh;top:0;transform: translate(-50%, 0);}
.pop.main-banner-list .pop-area{height:100%;overflow:hidden;padding-top: 0;}
.pop.main-banner-list .pop-area .btn-pop-close{background-size:contain;opacity:1;top:17px;right:5px;width: 15px;height: 15px;}
.pop.main-banner-list ul{margin-top:0;height:100%;overflow-y:auto;padding:0 5px 90px;}
.pop.main-banner-list ul li{margin-bottom:15px;}
.pop.main-banner-list ul li a{border-radius:10px;overflow:hidden;box-shadow:1px 1px 3px rgb(0 0 0 / 20%);}

.banner-pop-title{height:50px;line-height:50px;font-size:17px;background:#fff;/* border-bottom:1px solid #ddd; */width: calc(100% + 20px);margin-left: -10px;padding-top: 0;}
.banner-pop-title h3{display:block;width:calc(100% - 8rem);height:100%;padding:0 1.5rem 0 3.4rem;font-size:17px;background:url(../images/common/btn_prev.png) left 15px center no-repeat;background-size:6px;font-weight:400;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;    font-family: 'Pretendard','Noto Sans CJK KR', '맑은 고딕', sans-serif;}


/* 팝업 - 매매무 */
.pop.daily-free{background:transparent;overflow:auto;padding-top:35px;margin-top:-35px;}
.pop.daily-free .btn-pop-close{background:url(../images/common/btn_close_white.png);background-size:contain;width:25px;height:25px;top:-29px;right:0;}
.pop.daily-free .pop-area{text-align:center;background:#fff;font-size:1.45rem;}
.pop.daily-free .img-area{width:100%;height:auto;}
.pop.daily-free .text-area{padding:25px 20px 15px}
.pop.daily-free .text-area p{letter-spacing:-.08rem;margin-bottom:5px;font-size:1.35rem;}
.pop.daily-free p.txt-bold{color:#000;font-size:1.8rem;font-weight:500;margin-bottom:6px;}
.pop.daily-free p.txt-bold span{color:#fff;padding:3px 6px 3px 20px;background:#ff527e url(../images/common/ico_clock_w.png) left 3px center no-repeat;background-size:contain;font-size:11px;border-radius:15px;vertical-align:middle;font-weight:400;}
.pop.daily-free p.title{color:#ff527e;font-size:1.9rem;font-weight:500;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-bottom:15px;}
.pop.daily-free .pop-button a{border-radius:0;color:#fff;text-align:center;background:#ff527e;border-radius:0;font-size:15px;height:45px;line-height:45px;}

/* 팝업 - 기다무 */
.pop.pop-wf{padding:4rem 0 0}
.pop.pop-wf .pop-area{display: flex;flex-direction: column;align-items: center;}
.pop.pop-wf h3{color:#dd3d75;text-align:center;font-size:2rem;width:100%;}
.pop.pop-wf h3 i{display:inline-block;width:21px;height:21px;background:url(../images/common/ico_wf_question1.png) center center no-repeat;background-size:20px;margin-right:5px;margin-left:-5px;vertical-align:-4px;}
.pop.pop-wf .pop-content{margin:10px 0;}
.pop.pop-wf p{margin-top:5px;font-size:13px;line-height:17px;}
.pop.pop-wf p em{color:#dd3d75;}
.pop.pop-wf p.text-notice{font-size:10px;margin-top:8px;}
.pop.pop-wf .pop-button{width:100%;border-top:1px solid #ababab;margin-top:20px;}
.pop.pop-wf .pop-button button{width:100%;font-weight:500;background:#fff !important;border-radius:0;color:#434343;height:4.5rem;font-size:14px;margin-top:0;line-height:45px;}

/* 팝업 - 코인부족 */
.pop.pop-coinlack .pop-button a:last-child{background-image:none;}
.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;}
.pop.pop-coinlack .pop-button a{height:40px;line-height:40px;font-size:15px;color:#fff;background-image:url(../images/common/img_sale_tag.png);background-position:right top .7rem;background-size:2.8rem 2.6rem;background-repeat:no-repeat;border-radius:3px;text-align:center;font-weight:500;margin-top:10px;}


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

.pop.pop-buy-all.use-novel .buy-all-pop .buy-info{background-image:url(../images/common/pop_buy_all_novel.png);background-size:39%;}


/* 등급 산정 팝업 */
.notice-level  *{font-family: 'Pretendard','Noto Sans CJK KR', '맑은 고딕', sans-serif;}
.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:600;}
.pop .my-page .my-info{background:#f2f2f2;text-align:left;margin-bottom:0;padding-bottom:0;padding:15px 15px 0;}
.pop .my-page .progress-area{display:flex;align-items:center;padding-left:10px;padding-right:10px;padding-bottom:5px;}
.pop .my-page .progress-area p{text-align:center;}
.pop .my-page .progress-area p strong{font-weight:500;color:#ff527e;}

.pop .my-page .progress-bar{width:100%;}
.pop .my-page .progress-bar.vip,
.pop .my-page .progress-bar.vip .my-state{border-radius:20px 0 0 20px;}
.pop .my-page .progress-bar.vvip,
.pop .my-page .progress-bar.vvip .my-state{border-radius:0;}
.pop .my-page .progress-bar.vvvip,
.pop .my-page .progress-bar.vvvip .my-state{border-radius:0 20px 20px 0;}
.pop .my-page .progress-bar .section-line > span:nth-of-type(1){left:auto;right:-10%;}
.pop .my-page .progress-bar .section-line > span:nth-of-type(1):after,
.pop .my-page .progress-bar .section-line > span:nth-of-type(2):after{display:none;}
.pop .my-page .progress-bar .my-state-num{min-width:40px;right:-20px;}
.pop .my-page .progress-bar .my-state-num:after{left:calc(50% - 3px);}

.notice-level .title{border-radius:6px;border:1px solid #000;color:#000;text-align:center;font-size:15px;font-weight:600;padding: 6px 0;margin-bottom:5px;}
.notice-level .sub-title{color:#787878;font-size:12px;margin-bottom:15px;}
.pop .my-page .my-info .img-area{display:block;width:60px;height:60px;margin:0 auto;border-radius:50%}
.pop .my-page .my-info .info-detail{width:auto;margin-top:8px;display:block;padding:0;text-align:center;}
.pop .my-page .my-info .info-detail .my-email{margin-bottom:7px;}
.pop .my-page .info-detail p.my-grade,
.pop .my-page .my-info .info-detail .my-email{font-size:15px;}
.pop .my-page .info-detail p.my-grade{font-weight:500;display:inline-block;position:relative;margin-bottom:5px;}
.pop .my-page .info-detail p.my-grade span{position:relative;z-index:100;display:block;color:#000;font-size:16px;}
.pop .my-page .info-detail p.my-grade i{display:block;position:absolute;bottom:0;width: calc(100% + 12px);height:8px;left: -6px;right:6px;margin:auto;background:#f8ecc2;}
.pop .my-page .info-detail p.my-grade + p{color:#6a6a6a;font-size:13px;font-weight:500;}
.pop .my-page .img-area{width:5rem;height:5rem;background:#fff url(../images/common/img_no.png) center center no-repeat;background-size:2.05rem 2.15rem;border-radius:50%;vertical-align:top;}
.pop .my-info .img-area.gold{background:url(../images/common/ico_level_gold.png) 0 0 no-repeat;background-size:100% 100%;}
.pop .my-info .img-area.dia{background:url(../images/common/ico_level_dia.png) 0 0 no-repeat;background-size:100% 100%;}
.pop .my-info .img-area.platinum{background:url(../images/common/ico_level_platinum.png) 0 0 no-repeat;background-size:100% 100%;}
.pop .my-info .img-area.vip{background:url(../images/common/ico_info_vip.png) 0 0 no-repeat;background-size:100% 100%;}
.pop .my-info .img-area.vvip{background:url(../images/common/ico_info_vvip.png) 0 0 no-repeat;background-size:100% 100%;}
.pop .my-info .img-area.vvvip{background:url(../images/common/ico_info_vvvip.png) 0 0 no-repeat;background-size:100% 100%;}

.pop .info-detail{position:relative;padding:.3rem 0 0 1.5rem;width:calc(100% - 5.25rem);}
.pop .info-detail .my-coin{height:2.55rem;line-height:2.55rem;margin-bottom:1.95rem;font-size:0;}
.pop .info-detail strong{color:#ff527e;}
.notice-level .notice-txt{padding:20px 15px;background:#f2f2f2;}
.notice-level .notice-txt p{font-size:11.5px;color:#3e3e3e;line-height:16px;letter-spacing:-0.5px;text-align:left;}
.notice-level .pop-button{display:flex;justify-content:space-between;padding:0 10px;margin-top:20px;}
.notice-level .pop-button a{width:100%;text-align:center;height:40px;line-height:40px;font-weight:500;font-size:15px;border-radius:3px;}
.notice-level .pop-button a:last-child{margin-left:1rem;color:#fff;}
.notice-level .pop-button .btn-border{border:1px solid #434343;color:#434343;}
.pop .grade-tab-box{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 30px;}
.pop .grade-tab-box input[type="radio"]{display:none;}
.pop .grade-tab-box .grade-cont{order:2;display:none;}
.pop .grade-tab-box .grade-cont ul{display:flex;align-items:center;justify-content:space-around;}
.pop .grade-tab-box .grade-cont ul li{text-align:center;}
.pop .grade-tab-box .grade-cont ul li p{font-size:12px;line-height:14px;}
.pop .grade-tab-box .grade-cont ul li strong{display:block;font-size:13px;}
.pop .grade-tab-box .grade-cont ul li img{width:30px;margin:10px auto;}
.pop .grade-tab-box .grade-cont ul li:last-child{display:none;}
.pop .grade-tab-box .grade-cont ul li .tcoin{display:inline-block;width:13px;height:13px;background:url(https://cdn.anytoon.co.kr/etc/common/ico_tcoin.png) left center no-repeat;background-size:contain;margin-left:2px;margin-right:1px;vertical-align:-2px;}

.pop .grade-tab-box .grade-name label{color:#969696;font-size:12px;font-weight:500;display:flex;flex-direction:column;cursor:pointer;}
.pop .grade-tab-box .grade-name label span{letter-spacing:0.5px;}
.pop .grade-tab-box .grade-name label .grade-icon{display:block;width:60px;height:60px;margin-top:3px;}
.pop .grade-tab-box .grade-name label .grade-icon.vip{background:url(../images/common/ico_vip_off.png) center center no-repeat;background-size:contain;}
.pop .grade-tab-box .grade-name label .grade-icon.vvip{background:url(../images/common/ico_vvip_off.png) center center no-repeat;background-size:contain;}
.pop .grade-tab-box .grade-name label .grade-icon.vvvip{background:url(../images/common/ico_vvvip_off.png) center center no-repeat;background-size:contain;}
.pop .grade-tab-box input[type="radio"]:checked + .grade-name label .grade-icon.vip{background-image:url(../images/common/ico_vip_on.png)}
.pop .grade-tab-box input[type="radio"]:checked + .grade-name label .grade-icon.vvip{background-image:url(../images/common/ico_vvip_on.png)}
.pop .grade-tab-box input[type="radio"]:checked + .grade-name label .grade-icon.vvvip{background-image:url(../images/common/ico_vvvip_on.png)}
.pop .grade-tab-box input[type="radio"]:checked + .grade-name label[for="grade-vip"]{color:#ffc000;}
.pop .grade-tab-box input[type="radio"]:checked + .grade-name label[for="grade-vvip"]{color:#5dc1ec;}
.pop .grade-tab-box input[type="radio"]:checked + .grade-name label[for="grade-vvvip"]{color:#ff527e;}
.pop .grade-tab-box input[type="radio"]:checked + .grade-name + .grade-cont{display:block;width:100%;}

.pop .grade-tab-box .tab-title{border-bottom:3px solid #ededed;padding-bottom:13px;margin-bottom:10px;color:#000;font-size:12px;}


@media only screen and (min-width: 940px){
/* 팝업 - 등급 산정 */
.pop.notice-level{max-width:450px;}
.pop.notice-level .my-page{padding-bottom:0;}
.pop .my-page .my-info .info-detail{margin-top:10px;padding-left:0;}
.pop .my-page .info-detail p.my-grade, 
.pop .my-page .my-info .info-detail .my-email{font-size:17px}
.pop .my-page .info-detail p.my-grade{margin-bottom:7px;}
.pop .my-page .progress-bar{margin-bottom:25px;height:12px;}
.pop .my-page .progress-area{padding:40px 25px 0;}
.pop .my-page .progress-area p{text-align:center;font-size:17px;padding-top:10px;}
.pop .my-page .progress-area p strong{color:#ff527e;}
.pop .my-page .progress-bar .my-state-num{font-size:13px;top:-28px;right:-27px;min-width:48px;padding:3px 10px;}
.pop .my-page .progress-bar .my-state-num:after{left: calc(50% - 6px);}
.notice-level .title{font-size:20px;padding:10px 0;margin-bottom:10px;}
.notice-level .sub-title{font-size:16px;margin-bottom:20px;}
.notice-level .notice-txt p{font-size:14px;line-height:22px;}
.notice-level .pop-button a{height:47px;line-height:45px;font-size:18px;}
.pop .my-page .my-info{padding:15px 12px 10px;border-bottom:0;}
.pop .my-page .my-info .img-area{width:75px;height:75px;}
.pop .my-page .info-detail p.my-grade span{font-size:22px;font-weight:600;}
.pop .my-page .info-detail p.my-grade i{height:12px;}
.pop .my-page .info-detail p.my-grade + p{font-size:15px;}
.pop .my-page .progress-bar .section-line > span{font-size:14px;}
.pop .my-page .progress-bar .section-line > span:nth-of-type(3){left:95%;}	
.pop .my-page .progress-bar .section-line > span:nth-of-type(1){left:auto;right:-10%;}
.pop .grade-tab-box .grade-name label{font-size:15px;}
.pop .grade-tab-box .grade-name label .grade-icon{width:70px;height:70px;}
.pop .grade-tab-box .grade-cont{margin-top:7px;}
.pop .grade-tab-box .tab-title{font-size:17px;}
.pop .grade-tab-box .grade-cont ul li img{width:45px;margin:10px auto 15px;}
.pop .grade-tab-box .grade-cont ul li p{font-size:15px;line-height:19px;}
.pop .grade-tab-box .grade-cont ul li strong{font-size:16px;}
.pop .grade-tab-box .grade-cont ul li .tcoin{vertical-align:-1px;margin-right:2px;}
}


/* VIP 혜택 팝업 */
.pop.pop-vip .pop-area{padding:1.5rem 1.5rem 3rem;}
.pop.pop-vip .pop-content{margin-bottom:3rem;text-align:center;}
.pop.pop-vip .pop-content > p{position:relative;display:inline-block;padding:.5rem 2.4rem;font-size:2rem;font-weight:500;margin-bottom:2.5rem;}
.pop.pop-vip .pop-content > p em{color:#ff527e;}
.pop.pop-vip .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;}
.pop.pop-vip .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;}
.pop.pop-vip .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;}
.pop.pop-vip .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;}
.pop.pop-vip .benefit-list li span{font-weight:900;position:absolute;left:6rem;}
.pop.pop-vip .benefit-list li span:after{content:'';position:absolute;width:1px;height:11px;background:#ddd;top:50%;margin-top:-6px;right:-1.5rem;}
.pop.pop-vip .progress-area{padding:35px 0 10px;font-size:1.2rem;color:#434343;text-align:center;}
.pop.pop-vip .progress-area p{text-align:center;}
.pop.pop-vip .progress-area strong{color:#ff527e;letter-spacing:-0.5px;font-weight:500;}
.pop.pop-vip .pop-button a{width:100%;text-align:center;color:#fff;font-size:15px;margin-top:15px;border-radius:4px;height:40px;line-height:40px;}

/* 팝업 - 탈퇴 */
.pop-quit{z-index:300;width:calc(100% - 3rem);max-width:480px;margin:0 auto;padding-bottom:60px;background:#fff;border-bottom:1px solid #ddd;max-height:calc(100vh - 3rem);z-index:300;background:#fff;border-radius:8px;overflow:hidden;overflow-y:auto;}
.pop-quit .text-area{padding-top:6.2rem;text-align:center;}
.pop-quit .text-area > img{width:4.5rem;margin-bottom:1.5rem;}
.pop-quit .txt-big{font-size:3rem;color:#434343;font-weight:500;line-height:3rem;margin-bottom:1.5rem;}
.pop-quit .txt-big02{font-size:24px;font-weight:500;line-height:25px;}
.pop-quit .txt-big > span,
.pop-quit .txt-big02 > span{display:block;margin-bottom:-.2rem;font-size:1.25rem;}
.pop-quit p.txt-normal{font-size:15px;font-weight:500;}
.pop-quit .border-pink{display:inline-block;width:22.2rem;font-size:1.5rem;border:1px solid #ff527e;padding:7px 0;color:#ff527e;border-radius:25px;font-weight:500;margin-bottom:3rem;text-align:center;letter-spacing:-1px;}
.pop-quit p{font-size:13px;line-height:18px;}
.pop-quit p.txt-small{font-size:12px;line-height:15px;text-align:left;padding:15px 0;width:280px;margin:0 auto;}
.pop-quit .txt-notice{width:22.2rem;margin:1rem auto .5rem;text-align:left;line-height:16px;}
.pop-quit .txt-notice strong{font-size:13px;margin-bottom:5px;font-weight:400;}
.pop-quit .txt-notice p{letter-spacing:-.7px;}
.pop-quit .pop-button{width:auto;height:auto;margin:10px auto 0;}
.pop-quit .pop-button a,
.pop-quit .pop-button button,
.pop-quit .pop-button .btn-pop-pink{font-size:15px;height:40px;line-height:40px;padding:0;border-radius:5px;text-align:center;}
.pop-quit .pop-button .btn-pop-pink{color:#fff;}
.pop-quit .pop-button.half{display:flex;width:230px;}
.pop-quit .pop-button.half .cancel{background:#434343;color:#fff;font-weight:500;}
.pop-quit .check-box{text-align:left;width:230px;margin:0 auto;border-top:1px solid #ddd;padding-top:20px;margin-top:20px;padding-bottom:10px;}
.pop-quit .form-item{margin-bottom:14px;}
.pop-quit .form-item input[type="radio"] + label{font-size:14px;}
.pop-quit  input[type="radio"]:checked + label::before{background:url(../images/common/ico_radio.png) -17px 0 no-repeat;background-size:cover;}
.pop-quit input[type="password"]{height:40px;width:280px;margin-top:30px;padding:0 10px;font-size:12px;}
.pop-quit textarea{width:280px;margin-top:20px;height:130px;resize:none;overflow-y:auto;padding:10px;font-size:12px;}
.pop-quit .recommend-list{padding:15px 0 8px 15px;margin:25px 0 15px;width:100%;background:#f2f2f2}
.pop-quit .recommend-list li.swiper-slide{width:calc(100% / 3.5);margin-right:10px !important;}
.pop-quit .recommend-list .thumbnail-area .info-box .thumb-title{text-align:center;}
.pop-quit .recommend-list .thumbnail-box{height:90px;height:auto;}
.pop-quit .coin-list{margin: 20px auto 10px;}
.pop-quit .coin-list .time-box td{height:50px;border:1px solid #ff527e;}
.pop-quit .coin-list .event-box td{padding-left:0;}
.pop-quit .coin-list td span + p{margin-top:0;}
.pop-quit .coin-list table tr td:nth-of-type(3){padding-left:20px;}

.pop-quit .pop-button.type01{text-align:center;margin:0;}
.pop-quit .pop-button .btn-pop-pink,
.pop-quit .pop-button .btn-pop-dark{position:relative;display:inline-block;width:22.2rem;height:4rem;line-height:4rem;font-size:1.5rem;color:#fff;border-radius:4px;margin-top:1rem;}
.pop-quit .pop-button.type01 button span{display:inline-block;position:relative;margin-left:-2rem;}
.pop-quit .pop-button.type01 button span:after{content:'';position:absolute;top:50%;right:-2rem;background:url(../images/common/btn_next_w.png) right center no-repeat;background-size:.45rem .9rem;width:.45rem;height:.9rem;margin-top:-.45rem;font-weight:500;}
.pop-quit .pop-button .btn-giveup{color:#888 !important;font-size:15px;height:40px;line-height:40px;}

.pop-quit .coin-list table{width:100%;table-layout: auto;border:1px solid #eee;border:3px solid #ff527e;}
.pop-quit .coin-list table th{height:5.5rem;background:#f2f2f2;font-size:1.35rem;border-right:1px solid #f2f2f2;}
.pop-quit .coin-list table td{height:6rem;border-top:1px solid #eee;font-size:1.3rem;text-align:left;font-weight:500;padding-left:2rem}
.pop-quit .coin-list table tbody tr th{border-bottom:1px solid #ddd;}
.pop-quit .coin-list table tr td:first-of-type{text-align:center;width:40px;padding-left:0;}
.pop-quit .coin-list table tr td:nth-of-type(2){width:22%;padding-left:0}
.pop-quit .coin-list table tr td:nth-of-type(2) .td-info{display:flex;flex-direction:column;align-items:center;}
.pop-quit .coin-list table tr td:nth-of-type(3){width:38%}
.pop-quit .coin-list td p,
.coin-list td del{color:#7c7c7c;font-size:1.2rem;font-weight:400;letter-spacing: -.8px;}
.pop-quit .coin-list td del{margin-right:.2rem;}
.pop-quit .coin-list td span + p{margin-top:.5rem;}
.pop-quit .coin-list td span{position:relative;color:#434343;font-weight:500;}
.pop-quit .coin-list td .plus-coin{padding-left:.9rem;color:#ff527e;background:url(../images/common/ico_plus_pink.png) left 1px center no-repeat;background-size:.7rem .7rem}
.pop-quit .coin-list td .sale-percent{padding-right:1rem;color:#ff527e;}
.pop-quit .coin-list td .sale-percent:after{content:'';width:18px;height:18px;background:url(../images/common/ico_bonus.png) center center no-repeat;background-size:contain;display:flex;justify-content:center;align-items:center;position:absolute;right:-9px;top:-2px;}

.pop-quit .coin-list table tr:not(.time-box) td:first-child{background:url(../images/common/bg_tr_select.png) center center no-repeat;background-size:17px}
.pop-quit .coin-list table tr.tr-select:not(.time-box) td:first-child{background:url(../images/common/bg_tr_select_on.png) center center no-repeat;background-size:17px}
.pop-quit .coin-list table tr.tr-select{background:#ffedf2;}
table.event-table{margin-bottom:5px;}
.pop-quit .coin-list table.event-table tr.tr-select{background:#fffee2;}
.pop-quit .coin-list .time-box td{background:#ff527e;color:#fff;font-size:1.15rem;border-left:3px solid #ff527e;border-right:3px solid #ff527e;border-top:3px solid #ff527e;} 
.pop-quit .coin-list .time-box p{display:flex;justify-content: center;align-items:center;}
.pop-quit .coin-list .time-box .time{font-size:2rem;font-weight:500;padding-left:1.1rem;background:url(../images/common/ico_bar_pink.png) left 8px no-repeat;background-size:1px 12px;color:#fff;}
.pop-quit .coin-list .time-box .time:before{content:"파격할인";display:block;font-size:12px;margin-top:-5px;margin-bottom:2px;}
.pop-quit .coin-list .time-box span:first-of-type{display:inline-block;height:25px;line-height:25px;padding-left:24px;padding-right:1rem;background:url(../images/common/ico_time_w.png) left center no-repeat;background-size:17px;color:#fff;font-size:14px;}
.pop-quit .btn-pop-dark + .btn-pop-pink.report{margin-left:10px;}

.pop.main-pop{height:auto;max-height:none;padding:0 30px 30px;margin-top:-20px;background:transparent;padding:0;}
.pop.main-pop .pop-area{padding-top:40px;max-width:100%}
.pop.main-pop .close-pop{opacity:1;right:5px;top:0;width:30px;height:30px;background-position:center;border-radius:50%;border:1px solid #fff;background:url(../images/common/btn_close_white.png) center center no-repeat;background-size:15px;}

.pop.main-pop .pop-content{min-height:400px;text-align:center;}
.pop.main-pop .dont-again{background:transparent;padding:20px 5px;}
.dont-again .form-item label{color:#fff;font-size:15px;}
.dont-again .form-item input[type="checkbox"] + label::before{display:none;}
.dont-again .form-item input[type="checkbox"]:checked + label::before{background-position:-23px 0}
.pop.main-pop .dont-again .check-type01 input[type="checkbox"]{opacity:0;}
.txt-red{color:#ff527e;}

.pop-coinplus{display:none;}
.app-page .pop-coinplus{display:block;position:fixed;bottom:100px;width:33vw;max-width:145px;right:10px;z-index:100;}
.scroll-down .app-page .pop-coinplus{display:none;}
.pop-coinplus .btn-pop-close{width:6vw;height:6vw;max-width:24px;max-height:24px;top:-10px;right:0;border:1px solid #b2b2b2;background-color:#fff;background-size:10px;background-position:center;opacity:1;border-radius:50%;padding:9px;}

.pop-quit.function{padding-bottom:35px;}
.pop-quit.function *{font-family: 'Pretendard','Noto Sans CJK KR', '맑은 고딕', sans-serif;letter-spacing:-0.7px;}
.pop-quit.function .txt-big{font-size:24px;line-height:28px;}
.pop-quit.function .txt-big > span{font-size:14px;margin-bottom:0;font-weight:600;}
.pop-quit.function p.txt-small{font-size:14px;line-height:20px;}
.pop-quit.function .img-select-age-pc{width:auto;margin-bottom:0;border-radius:4px;border:1px solid #ff527e;}
.pop-quit.function .pop-button{display:flex;flex-direction:column;justify-content:center;align-items:center;}
.pop-quit.function .pop-button .btn-pop-pink{display:flex;align-items:center;justify-content:center;}


/* 이미 가입된 계정 */
.pop-already-account .pop-content p{line-height:20px;}
.pop-already-account .radio-account{margin-bottom:8px;width:100%;display:flex;align-items:center;}
.pop-already-account .radio-account input[type="radio"] + label{font-size:14px;}
.pop-already-account .radio-account input[type="radio"] + label:before{margin-top:2px;margin-right:5px;}
.pop-already-account .radio-account input[type="radio"]:checked + label::before{background:url(../images/common/ico_radio.png) -17px 0 no-repeat;background-size:cover;margin-right:5px;}
.pop-already-account .button-area{display:flex;align-items:center;padding-top:20px;}
.pop-already-account .button-area a.btn-pink{background:#ff527e;}
.pop-already-account .button-area a{width:100%;margin:0 5px;text-align:center;color:#fff;font-size:15px;border-radius:5px;height:40px;line-height:40px;}
.pop.pop-already-account .already-account-list{height:100px;overflow-y:auto;}

/* 연재 문의 팝업 */
.pop.comic-strip{border-radius:0;overflow:visible;}
.pop.comic-strip .pop-close.close-white{background-size:10px;background-position:center center;border-radius:50%;border:1px solid #fff;width:25px;height:25px;top:-35px;right:5px;}


/* 팝업 - 고객의견 */
.pop.suggest{bottom:0;left:0;right:0;top:auto;transform:none;width:100%;max-width:100%;box-shadow:0 -2px 8px rgb(0 0 0 / 15%);}
.pop.suggest .sgt{height:auto;min-height:auto;padding:15px 20px 10px;}
.pop.suggest .sgt .sgt-cont .sgt-cont-tit{padding:10px 5px 30px;font-size:17px;font-weight:600;line-height:22px;}
.pop.suggest .sgt textarea{resize:none;width:100%;height:30px;overflow-y:auto;padding:0 5px;border:0;font-size:14px;line-height:20px;border-bottom:1px solid #ff527e;}
.pop.suggest .sgt .bottom-func{width:100%;padding:15px 0 ;display:flex;align-items:center;justify-content:space-between;}
.pop.suggest .sgt .bottom-func .txt-num{font-size:12px;}
.pop.suggest .sgt-submit{font-size:13px;color:#6b6b6b;}
.pop.suggest .sgt-submit.active{color:#000;}

.landing-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;}
.landing-header .top-area{position:relative;overflow:hidden;height:57.5px;padding:1.55rem 1.5rem;border-bottom:1px solid #ddd}
.landing-header .logo {position:absolute;top:1.5rem;left:0;right:0;width:6.1rem;margin:auto;text-align:center;}
.landing-header .logo a {display:inline-block;width:100%;height:2.9rem;}
.landing-header .gnb ul li{display:inline-block;}
.landing-header .bundle-menu{position:absolute;right:1.5rem;top:1.5rem;font-size:0;}
.landing-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;}
.landing-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} 
.landing-header .bundle-menu .btn-menu{width:2.1rem;height:3rem;background:url(../images/common/btn_menu.png) 0 0 no-repeat;background-size:contain;} 
.landing-header .adult-switch {position:relative;float:left;width:5.2rem;height:2.2rem;margin:2px 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;}
.landing-header .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;}
.landing-header .adult-switch:after{content:"OFF";display:block;height:100%;line-height:19px;margin-right:6px;font-weight:800;text-align:right;color:#434343;}
.landing-header .adult-switch.on{border:2px solid #ff527e;color:#ff527e}
.landing-header .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%;}
.landing-header .adult-switch.on:after{content:"ON";color:#ff527e;display:block;height:2rem;line-height:2rem;margin-top:-1px;text-align:left;margin-left:7px}

.landing.side-menu{background:#f2f2f2;padding-left:0;z-index:1000;overflow-y:auto;}
.landing.side-menu .menu-box{position:relative;}
.landing.side-menu .top-area{position:relative;padding-bottom:1.5rem;background:#f2f2f2;}
.landing.side-menu .top-area > p{padding:0 1.15rem;font-size:1.25rem;font-weight:400;color:#434343;border-bottom:1px solid #ddd;height:4rem;line-height:4rem;}
.landing.side-menu .top-area .btn-close{position:absolute;top:1.3rem;right:1.5rem;left:auto;font-size:0;width:1.4rem;height:1.4rem;background:url(../images/common/btn_menu_close1.png) 0 0 no-repeat;background-size:contain;}
.landing.side-menu .join-info{display:flex;align-items:center;justify-content:flex-start;padding:15px;}
.landing.side-menu .img-area{width:50px;height:50px;background-size:50px;margin-right:20px;}
.landing.side-menu .my-info{text-align:left;display:flex;align-items:center;justify-content:flex-start;}
.landing.side-menu .inifo-detail-area{position:relative;}
.landing-header .bundle-menu .btn-home-menu{width:3.2rem;height:3.4rem;background:url(../images/common/ico_m_home.png) 0 0 no-repeat;background-size:contain;margin-top:-1px;} 


/* 랜딩페이지 사이드 메뉴 리스트 */
.landing.side-menu .menu-list{background:#fff;}
.landing.side-menu .menu-list ul li{border-bottom:1px solid #ddd;}
.landing.side-menu .menu-list ul li a{position:relative;padding:1.5rem 1.5rem 1.5rem 3.75rem;color:#434343;font-size:1.5rem;font-weight:500;}
.landing.side-menu .menu-list ul li.recharge a{color:#ff527e;background:url(../images/common/ico_recharge.png) 1.25rem center no-repeat;background-size:1.45rem 1.45rem;}
.landing.side-menu .menu-list ul li.free a{background:url(../images/common/ico_free_coin.png) 1.25rem center no-repeat;background-size:1.45rem 1.6rem;}
.landing.side-menu .menu-list ul li.my a{background:url(../images/common/ico_mypage11.png) 1.25rem center no-repeat;background-size:1.35rem 1.45rem;}
.landing.side-menu .menu-list ul li.setting a{background:url(../images/common/ico_setting11.png) 1.25rem center no-repeat;background-size:1.45rem 1.45rem;}
.landing.side-menu .menu-list ul li.customer a{background:url(../images/common/ico_customer.png) 1.25rem center no-repeat;background-size:1.4rem 1.35rem;}
.landing.side-menu .menu-list ul li.kakao a{background:url(../images/common/ico_kakao.png) 1.25rem center no-repeat;background-size:1.5rem 1.1rem;}
.landing.side-menu .menu-list ul li.logout a{background:url(../images/common/ico_logout11.png) 1.25rem center no-repeat;background-size:1.25rem 1.2rem;}
.landing.side-menu .menu-list ul li.recharge a > span{float:right;margin-left:1rem;font-size:1.15rem;background:#ff527e;color:#fff;padding:5px 10px;border-radius:3px;margin-top:-.2rem;}

/* 랜딩페이지 로그인 전 */
.landing.side-menu .top-area{background:#f2f2f2;text-align:left;}
.landing.side-menu .top-area.before-login > p{color:#434343;border-bottom:1px solid #ddd;}
.landing.side-menu .top-area .btn-close{position:absolute;top:0;right:0;left:auto;font-size:0;width:4rem;height:4rem;background:url(../images/common/btn_menu_close1.png) center center no-repeat;background-size:1.4rem 1.4rem;}
.landing.side-menu .top-area.before-login .info-detail p{color:#434343;line-height:13px;}
.landing.side-menu .top-area.before-login .info-detail p:first-of-type{margin-top:2px;font-size:1.5rem;font-weight:bolder;margin-bottom:.5rem;}
.landing.side-menu .top-area.before-login .info-detail p strong{color:#ff527e;font-weight:500;}
.landing.side-menu .btn-set{display:flex;align-items:center;justify-content: space-between;padding:0 1.15rem;}
.landing.side-menu .btn-set button{width:50%;font-size:1.2rem;border-radius:3px;height:2.5rem;line-height:2.4rem;margin-bottom:0;margin-top:0;}
.landing.side-menu .btn-set .btn-login{margin-right:1.1rem;background:#ff527e;color:#fff;border:1px solid #ff527e;}
.landing.side-menu .btn-set .btn-join{border:1px solid #434343;}
.landing.side-menu .before-login .direct-link{margin-top:10px;}
.landing.side-menu .my-info .info-detail p.my-grade{font-size:15px;font-weight:600;margin-bottom:5px;color:#434343;}
.landing.side-menu .my-info .coin-txt{font-size:1.25rem;color:#434343;font-weight:500;letter-spacing:-.6px;text-align:center;margin-top:10px;}
.landing.side-menu .my-info .coin-txt em{color:#ff527e;margin-left:5px;}
.landing.side-menu .my-info .btn-benefit{position:absolute;top:auto;bottom:10px;right:15px;border-radius:3px;padding:3px 6px;border:1px solid #333;}

.landing.side-menu .customer-area{padding:0 1.25rem;background:#434343;color:#fff;text-align:center;}
.landing.side-menu .customer-area h3{padding:1.5rem 0;border-bottom:1px solid #545454;color:#fff;font-size:1.5rem;font-weight:500;}
.landing.side-menu .customer-area .info{padding:1.5rem;text-align:center;}
.landing.side-menu .customer-area .info p{font-size:1.2rem;}
.landing.side-menu .customer-area .info p:first-child{font-size:1.5rem;font-weight:500;font-weight:500;line-height:1.7rem;}
.landing.side-menu .info-detail .my-coin{font-size:0;}
.landing.side-menu .info-detail .my-coin .coin-num{position:relative;color:#ff527e;font-weight:500;font-size:30px;font-family: 'Pretendard','Noto Sans CJK KR', '맑은 고딕', sans-serif;}
.landing.side-menu .info-detail .my-coin .coin-num:after{position:absolute;content:"";bottom:5px;right:-13px;width:1.2rem;height:1.2rem;background: url(../images/common/bg_ico_stripe.png) 0 -40px no-repeat;background-size: 12px 51px;}
.landing.side-menu .recently-list{padding:20px 0 20px 15px;}
.landing.side-menu .recently-list h3{text-align:center;font-weight:500;margin-bottom:18px;font-size:15px;}
.landing.side-menu .recently-list .swiper-slide img{border-radius:8px;}
.landing.side-menu .recently-list .swiper-slide p{font-size:12px;margin-top:10px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family: 'Pretendard','Noto Sans CJK KR', '맑은 고딕', sans-serif;}


/* 랜딩 페이지 바로 가기 링크 */
.landing.side-menu .direct-link{color:#fff;font-size:1.2rem;text-align:center;margin-bottom:-1.5rem;}
.landing.side-menu .direct-link ul{display:flex;justify-content: space-between;border-top:1px solid #cecece;background:#f2f2f2;}
.landing.side-menu .direct-link ul li{width:100%;text-align:center;}
.landing.side-menu .direct-link ul li:last-of-type{border-right:none;}
.landing.side-menu .direct-link ul li a{position:relative;display:block;width:100%;height:100%;padding:3.5rem 0 .8rem 0;color:#434343;}
.landing.side-menu .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;}
.landing.side-menu .direct-link ul li:nth-of-type(3) a{background:url(../images/common/btn_coupon11.png) top 1rem center no-repeat;background-size:2.3rem 1.7rem;}
.landing.side-menu .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;}
.landing.side-menu .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;}
.landing.side-menu .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;} 
.landing.side-menu .btn-certify > em{position:relative;}
.landing.side-menu .btn-certify > em:after{content:'';position:absolute;width:2px;height:2px;border-radius:50%;background:#fff;top:-4px;left:calc(50% - 1px)}

.landing-main-contents{background:#eee;}
.landing-main-contents .main-contents{padding-top:58px;padding-bottom:0;}
.landing-main-contents .main-contents .top-banner.landing{margin-bottom:5px;border-bottom:1px solid #ddd;}
.landing-main-contents .landing-adult-top-banner{padding-top:58px;}
.landing-main-contents .banner-join{padding:.75rem 1.5rem;padding-right:0;margin-bottom:5px !important;}
.landing-main-contents .landing-ranking .swiper-slide{width:calc(100% / 3.5);margin-right:10px !important;}
.landing-main-contents .img-tag.ranking{top:0;left:0;border-top-right-radius:0;border-bottom-left-radius:0;background: #ff527e;width:auto;height:22px;line-height:22px;padding:0 8px;}
.landing-main-contents .section.daily-free .swiper-container{margin-top:20px;}
.landing-main-contents .section.recommend .webtoon-list{margin-top:15px;}
.landing-adult-top-banner  .main-pagination{position:absolute;bottom:15px;right:15px;left:auto;width:auto;padding:2px 4px;color:#fff;border:1px solid #fff;border-radius:25px;font-size:1.25rem;letter-spacing:-0.5px;z-index:10;cursor:pointer;}
.landing-adult-top-banner  .main-pagination:after{content:'+';margin-left:2px;padding:3px;cursor:pointer;font-size:15px;}
.landing-main-contents .hot_adult .section .webtoon-list{width:calc(100% + 10px);margin-top:10px;margin-left:-5px;margin-right:-5px;}
.landing-main-contents .daily-free .section{padding-right:0;}
.landing-main-contents .daily-free .section .multi-column .swiper-slide{margin-bottom:0;}
.landing-main-contents .hot_adult .section .webtoon-list li:nth-of-type(7),
.landing-main-contents .hot_adult .section .webtoon-list li:nth-of-type(8),
.landing-main-contents .hot_adult .section .webtoon-list li:nth-of-type(9){padding-bottom:0;}
.landing-main-contents .lading.rank .card-type-a,
.landing-main-contents .hot_adult .card-type-a{padding-right:0;}
.landing-main-contents .top-banner .main-pagination{padding:3px 6px;}
.landing-main-contents .top-banner .main-pagination:after{display:none;}
.landing-main-contents .lading.rank .card-type-a .thumb-info .tag-genre,
.landing-main-contents .hot_adult .card-type-a .thumb-info .tag-genre,
.landing-main-contents .hot_adult .card-type-h .thumb-info .tag-genre,
.landing-main-contents .daily-free .section .thumb-info .tag-genre{width:calc(100% - 54px);text-align:left;}

.landing-main-contents .lading.rank .card-type-a .thumb-info .bar,
.landing-main-contents .hot_adult .card-type-a .thumb-info .bar,
.landing-main-contents .hot_adult .card-type-h .thumb-info .bar,
.landing-main-contents .daily-free .section .thumb-info .bar{margin:0 .3rem;}

.pop.login .sns-login{padding:2rem;text-align:center;}
.pop.login .sns-login p{font-size:1.25rem;font-weight:500;color:#434343;margin-left:-12px;margin-right:-12px;}
.pop.login .sns-login ul{display:flex;justify-content:space-between;margin-top:1.5rem;padding:0;}
.pop.login .sns-login li{width:25%;}
.pop.login .sns-login li a{padding-top:4.8rem;font-size:1rem;}
.pop.login .sns-login li.naver{background:url(../images/common/btn_sns_n.png) top center no-repeat;background-size:4.1rem;}
.pop.login .sns-login li.facebook{background:url(../images/common/btn_sns_f.png) top center no-repeat;background-size:4.1rem;}
.pop.login .sns-login li.google{background:url(../images/common/btn_sns_g.png) top center no-repeat;background-size:4.1rem;}
.pop.login .sns-login li.kakao{background:url(../images/common/btn_sns_k.png) top center no-repeat;background-size:4.1rem;}
.pop.login .join .sns-login p{margin-left:-12px;margin-right:-12px;}

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


/* 팝업 - 취향 선택 */
.popup.youlike{position:fixed;left:0;right:0;top:50%;transform:translateY(-50%);height:auto;max-height:fit-content;margin:auto;}
.popup.youlike .select-like2{border-top:0;padding:3.5rem 1.5rem 1.5rem;}

.select-like2{background:#fff;padding:3.8rem 1.5rem 1.5rem;}
.select-like2 .title-area{text-align:center;margin-bottom:2rem;}
.select-like2 .title-area h3{color:#000;margin-bottom:7px;font-size:2rem}
.select-like2 .title-area p{color:#7b7b7b;font-size:1.2rem;}
.select-like2 .select-gender,
.select-like2 .select-age{position:relative;display:flex;align-items:center;justify-content:center;padding:0;}
.select-like2 .select-gender{padding:0 2rem;}

.select-like2 .select-gender:after,
.select-like2 .select-age:after,
.select-like2 .select-age.age2:after
{content:'';position:absolute;left:0;right:0;top:40%;width:40%;height:1px;background:#ececec;z-index:0;margin:auto;}

.select-like2 .select-gender a,
.select-like2 .select-age a{display:flex;flex-direction:column;justify-content:flex-end;text-align:center;width:80px;height:90px;margin:1rem 1rem 1.5rem;z-index:1;max-width:12rem;transition: all .15s}
.select-like2 .select-gender a span,
.select-like2 .select-age a span{font-size:1.3rem;font-weight:500;letter-spacing:-1px;}
.select-like2 .select-age.age2:after{top:38%;width:65%;}
.select-like2 .select-age:after{width:30%;}
.select-like2 .select-gender:after{width:45%;}

.select-like2 a.btn-select.all{background:url(../images/common/ico_select_all.png) top center no-repeat;background-size:80%;}
.select-like2 a.btn-select.women{background:url(../images/common/ico_select_women.png) top center no-repeat;background-size:80%;}
.select-like2 a.btn-select.men{background:url(../images/common/ico_select_men.png) top center no-repeat;background-size:80%;}
.select-like2 a.btn-select.fifteen{background:url(../images/common/ico_select_15.png) top center no-repeat;background-size:80%;}
.select-like2 a.btn-select.nineteen{background:url(../images/common/ico_select_19.png) top center no-repeat;background-size:80%;}
.select-like2 a.btn-select.twenty{background:url(../images/common/ico_select_20.png) top center no-repeat;background-size:80%;}
.select-like2 a.btn-select.thirty{background:url(../images/common/ico_select_30.png) top center no-repeat;background-size:80%;}
.select-like2 a.btn-select.fourty{background:url(../images/common/ico_select_40.png) top center no-repeat;background-size:80%;}
.select-like2 a.btn-select.all.on{background:url(../images/common/ico_select_all_on.png) top center no-repeat;background-size:80%;}
.select-like2 a.btn-select.women.on{background:url(../images/common/ico_select_women_on.png) top center no-repeat;background-size:80%;}
.select-like2 a.btn-select.men.on{background:url(../images/common/ico_select_men_on.png) top center no-repeat;background-size:80%;}
.select-like2 a.btn-select.fifteen.on{background:url(../images/common/ico_select_15_on.png) top center no-repeat;background-size:80%;}
.select-like2 a.btn-select.nineteen.on{background:url(../images/common/ico_select_19_on.png) top center no-repeat;background-size:80%;}
.select-like2 a.btn-select.twenty.on{background:url(../images/common/ico_select_20_on.png) top center no-repeat;background-size:80%;}
.select-like2 a.btn-select.thirty.on{background:url(../images/common/ico_select_30_on.png) top center no-repeat;background-size:80%;}
.select-like2 a.btn-select.fourty.on{background:url(../images/common/ico_select_40_on.png) top center no-repeat;background-size:80%;}

.pop.youlike .select-like2 .select-gender a{background-size:90%;}
.pop.youlike .select-like2 .select-age a{background-size:100%;}
.pop.youlike .button-area{margin:15px auto;}
.pop.youlike .pop-ok,
.pop.youlike .pop-later{display:block;width:90%;border-radius:5px;text-align:center;height:40px;line-height:40px;font-size:1.5rem;margin:15px auto;font-weight:500;}
.pop.youlike .pop-ok{background:#444;color:#fff;border:1px solid #444;}
.pop.youlike .pop-later{background:#f9fafc;color:#333;border:1px solid #e1e2e4;}

.pop.youlike .select-like2 .select-age a{height:85px;}

.side-menu .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;} 
.side-menu .btn-certify > em{position:relative;}
.side-menu .btn-certify > em:after{content:'';position:absolute;width:2px;height:2px;border-radius:50%;background:#fff;top:-4px;left:calc(50% - 1px)}

.pop.youlike .select-like2 a.btn-select.all.on{background-image:url(../images/common/ico_select_all_on.png);}
.pop.youlike .select-like2 a.btn-select.women.on{background-image:url(../images/common/ico_select_women_on.png);}
.pop.youlike .select-like2 a.btn-select.men.on{background-image:url(../images/common/ico_select_men_on.png);}
.pop.youlike .select-like2 a.btn-select.fifteen.on{background-image:url(../images/common/ico_select_15_on.png);}
.pop.youlike .select-like2 a.btn-select.nineteen.on{background-image:url(../images/common/ico_select_19_on.png);}
.pop.youlike .select-like2 a.btn-select.twenty.on{background-image:url(../images/common/ico_select_20_on.png);}
.pop.youlike .select-like2 a.btn-select.thirty.on{background-image:url(../images/common/ico_select_30_on.png);}
.pop.youlike .select-like2 a.btn-select.fourty.on{background-image:url(../images/common/ico_select_40_on.png);}

.pop-view-now .txt-red.big{font-size:14px;margin:0 2px;}
.pop-view-now .top-area p:not(.title){line-height:17px;margin-bottom:-10px;}



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

html,body{min-width:1350px;width:100%;}
 /* 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: 23px;height:23px;background: url(../images/common/ico_checkbox.png) 0 0 no-repeat;background-size: cover;vertical-align: middle;margin-right:10px;}
 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;}  

body.nav-drawer {overflow:auto !important;}
 .header{position:fixed;top:0;left:0;right:0;width:100%;z-index:160;}

 .wrap .header{border-bottom: 1px solid #f9f9f9;transition: all .4s ease-in-out;}
 .wrap .header.op{background:transparent;border-bottom:0;transition: all .4s ease-in-out;}
 .wrap .header .header-inner:after{content:'';position:fixed;width:100%;top:45px;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 .header-top-area{height:45px;}
 .header .header-top-area .select-link a{font-size:21px;} 
 .header .header-top-area .select-link a.go-webtoon{margin-right:5px;}
 .header .header-top-area .select-link a.go-webtoon.selected:after{width:40px;left:2px;}
 .header .header-top-area .select-link a.go-novel.selected:after{width:40px;}
 .header .header-top-area .select-link a.go-webtoon.gogo:after{left:130%;}
 .header .header-top-area .select-link a.go-novel.gogo:after{left:-208%;} 
 .header .header-top-area .select-age-pc{display:block;position:absolute;right:0;top:5px;}
.header .header-top-area .select-age-pc .select-wrap{display:flex;align-items:center;justify-content:space-between;}
.header .header-top-area .select-age-pc .select-wrap a{display:block;width:34px;height:34px;font-size:0;margin:0 4px;transition:none;}
.select-age-pc .select-wrap a.fifteen{background:url(../images/common/btn_age_15.png) center center no-repeat;background-size:auto;}
.select-age-pc .select-wrap a.nineteen{background:url(../images/common/btn_age_19_red.png) center center no-repeat;background-size:auto;}
.select-age-pc .select-wrap a.all{background:url(../images/common/btn_age_all.png) center center no-repeat;background-size:auto;}
.select-age-pc .select-wrap a.fifteen.on{background:url(../images/common/btn_age_15_on.png) center center no-repeat;background-size:auto;}
.select-age-pc .select-wrap a.nineteen.on{background:url(../images/common/btn_age_19_on.png) center center no-repeat;background-size:auto;}
.select-age-pc .select-wrap a.all.on{background:url(../images/common/btn_age_all_on.png) center center no-repeat;background-size:auto;}
.select-like.rating .select-age:after{left:115px;width:170px;}
.select-age-pc .select-wrap.warning-19 a.nineteen:not(.on)[data-src="ADULT"]{background-image:url(../images/common/btn_age_19_red.png)}
  
 .header .logo{width:88px;height:77px;z-index:20;top:45px;left:0;z-index:20;}
 .header .logo a{background:url(../images/common/logo_header.png) 0 center no-repeat;background-size:contain;}
 .header .main-menu{position:relative;height:77px;border-top:0;}
 .header .main-menu .menu-search{position:absolute;right:190px;top:50%;transform:translateY(-50%);z-index:20;background-size:33px 33px;background-image:url(../images/common/btn_search_pc_d.png);}
 .header.op .main-menu .menu-search{background-image:url(../images/common/btn_search_pc.png);}
 .header .main-menu .btn-menu{position:absolute;top:20px;right:0;width:182px;height:36px;z-index:20;border:1px solid #d1d2d4;justify-content:flex-start;}
 .header .main-menu .btn-menu.before-login{width:122px;}
 .header .main-menu .btn-menu .text-age{font-size:20px;color:#222;font-weight:500;}
 .header.op .main-menu .btn-menu .text-age{color:#fff;}
 .header .main-menu .btn-menu .ico-menu{width:122px;height:36px;background:url(../images/common/btn_menu_pc_d.png) right 12px center no-repeat;background-size:28px 18px;}
 .header.op .main-menu .btn-menu .ico-menu{background:url(../images/common/btn_menu_pc.png) right 12px center no-repeat;background-size:28px 18px;border:1px solid #fff;}
 .header .main-menu .menu-list{justify-content:flex-start;margin-left:125px;}
 .header .main-menu .menu-list li{margin:0 15px;padding:0 7px;}
 .header .main-menu .menu-list a{font-size:24px;padding:0 8px;color:#434343;}
 .header.op .main-menu .menu-list a{color:#fff;}
 .header .main-menu .menu-list a:hover{color:#ff527e;}
 .header .main-menu .menu-list li a i.dot{width:7px;height:7px;margin-left:5px;}
 .header .novel-menu .menu-list .swiper-slide{width:auto;}
 .only-mobile{display:none !important;}
 .only-pc{display:block !important;}
 .header .header-top-area{justify-content:center;}
 .header .header-top-area .select-link{margin-left:0;}
 .header .main-menu .btn-menu.before-login .text-age{width: 122px;height: 36px;border: 1px solid #dbdbdb;font-size: 20px;display: block;font-weight: 600;text-align: center;line-height: 34px;border-radius: 5px;}
 .wrap.scroll-down .header .main-menu .btn-menu.before-login .text-age,
 .wrap.scroll-up .header .main-menu .btn-menu.before-login .text-age{border:1px solid #dbdbdb;}
 .header.op .main-menu .btn-menu.before-login .text-age{border:1px solid #fff;}
 
  .sub.wrap .header,
 .wrap.scroll-down .header,
 .wrap.scroll-up .header{background:#fff;top:0;transition: all .4s ease-in-out;}
 .sub.wrap .header .main-menu .menu-list a,
 .wrap.scroll-down .header .main-menu .menu-list a,
 .wrap.scroll-up .header .main-menu .menu-list a{color:#434343;}
 .sub.wrap .header .header-inner:after,
 .wrap.scroll-down .header .header-inner:after,
 .wrap.scroll-up .header .header-inner:after{border-top:1px solid #f9f9f9;border-bottom:1px solid #f9f9f9;}
 .sub.wrap .header .main-menu .btn-menu .text-age,
 .wrap.scroll-down .header .main-menu .btn-menu .text-age,
 .wrap.scroll-up .header .main-menu .btn-menu .text-age{color:#434343;}
 .sub.wrap .header .main-menu .menu-search,
 .wrap.scroll-down .header .main-menu .menu-search,
 .wrap.scroll-up .header .main-menu .menu-search{background-image:url(../images/common/btn_search_pc_d.png);}
 .sub.wrap .header .main-menu .btn-menu .ico-menu,
 .wrap.scroll-down .header .main-menu .btn-menu .ico-menu,
 .wrap.scroll-up .header .main-menu .btn-menu .ico-menu{background-image:url(../images/common/btn_menu_pc_d.png);border:1px solid #d1d2d4;}
  .sub.wrap .header .main-menu .btn-menu .btn-go-library,
 .wrap.scroll-down .header .main-menu .btn-menu .btn-go-library,
 .wrap.scroll-up .header .main-menu .btn-menu .btn-go-library{background-image:url(../images/common/ico_my_library.png);}
 
 .sub.wrap .header .main-menu .menu-list li.active a,
 .sub.wrap .header .main-menu .menu-list a:hover{color:#ff527e;}
 .sub.wrap .header .main-menu .menu-search.active{background-image:url(../images/common/btn_search_active.png);}
 
.top-area.before-login{padding-top:30px;padding-bottom:15px;}
.top-area.before-login .img-area{width:100px;height:100px;background-size:100px;}
.top-area.before-login .pink-box-area{font-size:15px;padding:6px 18px;margin-top:5px;}
.bottom-notice,
.scroll-up .bottom-notice{display:none;}
.header .main-menu .btn-menu{border:0;}
.header .main-menu .btn-menu .ico-menu{width:122px;border-radius:5px;border:1px solid #dbdbdb;} 
.header .main-menu .btn-menu .ico-menu a{height:100%;padding:0 12px;display:flex;align-items:center;}
.header .main-menu .btn-menu a.btn-go-library{width:50px;height:36px;background-size:36px;margin-right:10px;background-image: url(../images/common/ico_my_library.png);}
.header.op .main-menu .btn-menu a.btn-go-library{background:url(../images/common/ico_my_library_w.png) center center no-repeat;background-size:40px;}
.header .main-menu .btn-menu.before-login .menu-search{right:140px;}
.header .main-menu .btn-menu.before-login .ico-menu{background:none;}
.header .main-menu .btn-menu.before-login .ico-menu a{justify-content:center;}
.header .main-menu .btn-menu .ico-menu:before,
.header .main-menu .btn-menu .ico-menu:after,
.header .main-menu .btn-menu .ico-menu .ico-menu3{display:none;}

/* Side menu */
.side-menu{width:100%;max-width:1200px;margin:0 auto;top:123px;left:0;right:0;overflow:hidden;overflow-y:auto;padding-left:0;transition:all .15s ease-in-out;height:0;transform:none;}
.side-menu .btn-side-close{display:none;}
.side-menu .side-wrap{float:right;width:400px;overflow:visible;height:auto;}
.side-inner-wrap{padding:0 30px;}
.nav-drawer .side-menu{height:calc(100% - 123px);}
.sub-title-area{display:none;}

.after-login .info-detail p{font-size:15px;margin-top:5px;}
.side-menu .my-info-top .my-coin{font-size:14px;}
.side-menu .my-info-top .my-coin span{font-size:23px;margin-top:6px;}
.side-menu .my-info.after-login > a.btn-my-setting.pc-setting{display:block;color:#fff;font-size:15px;border:1px solid #fff;border-radius:15px;padding:5px 10px;position:absolute;top:15px;right:15px;}
.side-menu .menu-title{display:none;}
.after-login .img-area{width:100px;height:100px;background-size:100px;}
img.bg_top_info{height:106px;display:none;}
img.bg_top_info_pc{display:block;}
  
.side-menu-list ul{padding:24px 15px;}
  
.side-menu .click-age ul li span,
.side-my-info .right-box .info-grade,
.side-my-info .right-box .info-grade strong,
.side-my-info .left-box .info-myid{font-size:12px;font-family:'Pretendard',sans-serif;}
  

 /* footer */
 .footer{height:275px;overflow:hidden;padding:0;background:#f2f2f2;margin-top:20px;}
 .footer-menu{padding:25px 0 0;margin:0;border-bottom:1px solid #d7d7d7;}
 .footer-menu ul{width:1200px;max-width:1200px;margin:0 auto;justify-content:flex-start;padding-bottom:20px;}
 .footer-menu ul li{margin-left:0;margin-right:20px;width:auto;}
 .footer-menu ul li:nth-of-type(4){width:auto;}
.footer-menu ul li:nth-of-type(5),
.footer-menu ul li:nth-of-type(6),
.footer-menu ul li:nth-of-type(7){width:auto}
 
 .footer-menu ul li a{font-size:16px;}
 .footer-menu ul li a:after{display:none;}
 .footer-info{position:relative;width:1200px;margin:0 auto;padding:20px 0;text-align:left;}
 .footer-info > p{display:inline-block;padding:8px 0 5px 5px;font-size:16px;font-weight:500;max-width:800px}
 .footer-info > p > span{display:block;margin-top:5px;line-height:23px;word-break:keep-all;}
 .footer-info .footer-logo{position:absolute;left:0;top:120px;width:167px;cursor:default;pointer-events: none;}
 .footer-info .footer-logo:after{display:none;}
 .footer-info .footer-logo img{width:100%;}
 .footer-info .footer-info-detail,
 .footer-info.open .footer-info-detail{display:inline-block;width:970px;padding:15px 0 0 220px;font-size:14px;font-weight:400;line-height:21px;}
 .footer-info .footer-info-detail > p,
 .footer-info.open .footer-info-detail p{display:inline-block;color:#8e8e8e;letter-spacing:-0.5px;}
 .footer-info .footer-info-detail > p.copy{display:block;margin-top:2px;text-align:left;}
 .footer-info .footer-info-detail > p.info-mobile{display:none;}
 .footer-info .sns-group{position:absolute;right:0;top:0;margin:0;}
 .footer-info .sns-group ul{width:280px;margin-top:35px;}
 .footer-info .sns-group ul li a{width:25px;height:25px;}
 .footer-info .sns-group ul li:nth-of-type(3) a{width:37px;}
 .footer-info .sns-group ul li:nth-of-type(5) a{width:30px;height:30px;background-size:contain;margin-top:-3px;}
 .footer-info .img-copyright{display:block;position: absolute;right:0;top:90px;width:80px;}
.footer-info *{font-family: 'Pretendard', sans-serif;}

.pie,.c100 .bar,.c100.p51 .fill,.c100.p52 .fill,.c100.p53 .fill,.c100.p54 .fill,.c100.p55 .fill,.c100.p56 .fill,.c100.p57 .fill,.c100.p58 .fill,.c100.p59 .fill,.c100.p60 .fill,.c100.p61 .fill,.c100.p62 .fill,.c100.p63 .fill,.c100.p64 .fill,.c100.p65 .fill,.c100.p66 .fill,.c100.p67 .fill,
.c100.p68 .fill,.c100.p69 .fill,.c100.p70 .fill,.c100.p71 .fill,.c100.p72 .fill,.c100.p73 .fill,.c100.p74 .fill,.c100.p75 .fill,.c100.p76 .fill,.c100.p77 .fill,.c100.p78 .fill,.c100.p79 .fill,.c100.p80 .fill,.c100.p81 .fill,.c100.p82 .fill,.c100.p83 .fill,.c100.p84 .fill,.c100.p85 .fill,.c100.p86 .fill,.c100.p87 .fill,.c100.p88 .fill,.c100.p89 .fill,.c100.p90 .fill,.c100.p91 .fill,.c100.p92 .fill,.c100.p93 .fill,.c100.p94 .fill,.c100.p95 .fill,.c100.p96 .fill,.c100.p97 .fill,.c100.p98 .fill,.c100.p99 .fill,.c100.p100 .fill {position: absolute;border: 6px solid #ff527e;width: 200px;height: 200px;clip: rect(0em, 100px, 200px, 0em);border-radius: 50%;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);}
.pie-fill,.c100.p51 .bar:after,.c100.p51 .fill,.c100.p52 .bar:after,.c100.p52 .fill,.c100.p53 .bar:after,.c100.p53 .fill,.c100.p54 .bar:after,.c100.p54 .fill,.c100.p55 .bar:after,.c100.p55 .fill,.c100.p56 .bar:after,.c100.p56 .fill,.c100.p57 .bar:after,.c100.p57 .fill,.c100.p58 .bar:after,.c100.p58 .fill,.c100.p59 .bar:after,.c100.p59 .fill,.c100.p60 .bar:after,.c100.p60 .fill,.c100.p61 .bar:after,.c100.p61 .fill,.c100.p62 .bar:after,.c100.p62 .fill,.c100.p63 .bar:after,.c100.p63 .fill,.c100.p64 .bar:after,.c100.p64 .fill,.c100.p65 .bar:after,.c100.p65 .fill,.c100.p66 .bar:after,.c100.p66 .fill,.c100.p67 .bar:after,.c100.p67 .fill,.c100.p68 .bar:after,.c100.p68 .fill,.c100.p69 .bar:after,.c100.p69 .fill,.c100.p70 .bar:after,.c100.p70 .fill,.c100.p71 .bar:after,.c100.p71 .fill,.c100.p72 .bar:after,.c100.p72 .fill,.c100.p73 .bar:after,.c100.p73 .fill,.c100.p74 .bar:after,.c100.p74 .fill,.c100.p75 .bar:after,.c100.p75 .fill,.c100.p76 .bar:after,.c100.p76 .fill,.c100.p77 .bar:after,.c100.p77 .fill,.c100.p78 .bar:after,.c100.p78 .fill,.c100.p79 .bar:after,.c100.p79 .fill,.c100.p80 .bar:after,.c100.p80 .fill,.c100.p81 .bar:after,.c100.p81 .fill,.c100.p82 .bar:after,.c100.p82 .fill,.c100.p83 .bar:after,.c100.p83 .fill,.c100.p84 .bar:after,.c100.p84 .fill,.c100.p85 .bar:after,.c100.p85 .fill,.c100.p86 .bar:after,.c100.p86 .fill,.c100.p87 .bar:after,.c100.p87 .fill,.c100.p88 .bar:after,.c100.p88 .fill,.c100.p89 .bar:after,.c100.p89 .fill,.c100.p90 .bar:after,.c100.p90 .fill,.c100.p91 .bar:after,.c100.p91 .fill,.c100.p92 .bar:after,.c100.p92 .fill,.c100.p93 .bar:after,.c100.p93 .fill,.c100.p94 .bar:after,.c100.p94 .fill,.c100.p95 .bar:after,.c100.p95 .fill,.c100.p96 .bar:after,.c100.p96 .fill,.c100.p97 .bar:after,.c100.p97 .fill,.c100.p98 .bar:after,.c100.p98 .fill,.c100.p99 .bar:after,.c100.p99 .fill,.c100.p100 .bar:after,.c100.p100 .fill {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.c100 {position:absolute;top:0;left:0;width: 200px;height:200px;border-radius: 50%;float: left;margin: 0;background-color: transparent;}
.c100 .slice {position: absolute;width: 200px;height: 200px;clip: rect(0em, 200px, 200px, 100px);left: 0;top: 0;}


/* 이용약관/개인정보 */
.terms-privacy{padding:1.5rem;background:#e9edf3;font-size:11px;line-height:17px;text-align:left;margin-top:-20px;margin-bottom:-20px;}
.terms-privacy .m_basic_cont{width:1200px;margin:0 auto 40px;padding:50px 40px;}
.terms-privacy .m_basic_cont .content-text{font-family: 'Pretendard','Noto Sans CJK KR', '맑은 고딕', sans-serif;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;font-family: 'Pretendard','Noto Sans CJK KR', '맑은 고딕', sans-serif;}
.dont-again .form-item label{color:#fff;font-size:17px;}
.terms-privacy table{width:600px;}
.terms-privacy table th{font-size:16px;padding:8px;}
.terms-privacy table td{font-size:15px;line-height:22px;}
.terms-privacy .select-box{width:260px;padding-left:15px;}
.terms-privacy .select-box select{font-size:17px;height:45px;background-size:9px;}

/* 팝업 */
.btn-pop-close{width:20px;height:20px;}
.pop-button button{height:55px;line-height:55px;font-size:20px;}
.pop-area.type01{padding:45px 20px 40px;}

/* 팝업 - 기본 */
.pop{}
.pop.common{max-width:360px;padding:25px 15px;max-width:380px !important;}
.pop.common .pop-title{font-size:18px;}
.pop.common .pop-content{margin:30px 0;font-size:15px;line-height:20px;}
.pop.common .pop-button button{font-size:18px;height:40px;line-height:40px;}

/* 팝업 - 로그인/회원가입 */
.pop.login{max-width:450px !important;}
.pop.login .login-logo{width:80px;}
.pop.login .login-tab .tab-list{height:60px;line-height:58px;}
.pop.login .login-tab .tab-list a{font-size:20px;}
.pop.login .login-tab .tab-conts{padding:30px 0 40px;}
.pop.login .guide-txt{font-size:17px;line-height:24px;}
.pop.login .form-item{margin-bottom:15px;border-radius:8px;}
.pop.login .form-item input[type='text'], .pop.login .form-item input[type='password']{font-size:17px;letter-spacing:-1px;height:50px;padding:0 15px;}
.pop.login .form-item .select-box select{font-size:17px;background-size:10px;}
.pop.login .form-item.check label{line-height:23px;font-size:15px;}
.pop.login .form-item.check .btn-find-pw{font-size:15px;}
.pop.login .form-area .btn-login, .pop.login .form-area .btn-join{height:50px;line-height:50px;font-size:20px;}
/*.pop.login .form-area .btn-login{margin-top:54px;}*/
.pop.login .login-sns p{font-size:18px;line-height:24px;}
.pop.login .login-sns ul{margin-top:15px;}
.pop.login .login-sns li.naver,
.pop.login .login-sns li.facebook,
.pop.login .login-sns li.google,
.pop.login .login-sns li.kakao{background-size:60px;}
.pop.login .login-sns li a{padding-top:70px;font-size:15px;}
.pop.login-landing .login-sns p:before,
.pop.login-landing .login-sns p:after{top:10px;}
.pop.login .form-area{padding:0 48px;}
.pop.login .login-sns{padding:28px 25px;}

/* 팝업 가입 인증 혜택 */
.pop.join-benefit{max-width:360px}
.pop.join-benefit .btn-pop-close{opacity:.3;width:18px;height:18px;}
.pop.join-benefit .pop-content p{font-size:15px;line-height:25px;margin-top:-10px;margin-bottom:20px;}
.pop.join-benefit .pop-content.txt-red p{font-size:15px;margin-top:-8px;}

/* 팝업 - 연재문의 */
.pop.comic-strip{width:440px;max-width:440px;}

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

/* 팝업 - 전체소장 */
.pop.pop-buy-all{width:40rem;max-width:40rem;}
.pop.pop-buy-all .buy-all-pop .buy-info{padding:15px 15px 10px;}
.pop.pop-buy-all .sale-info{padding-left:10px;padding-bottom:10px;}
.pop.pop-buy-all .buy-all-pop .title{width:240px;height:33px;line-height:34px;font-size:20px;text-align:center;margin-bottom:17px;}
.pop.pop-buy-all .buy-all-pop .title span{font-size:18px;}
.pop.pop-buy-all .sale-info .num1, .popup.buy-all .sale-info .num1 span{font-size:22px;}
.pop.pop-buy-all .sale-info .num3, .popup.buy-all .sale-info .num3 span{font-size:25px;}

/* 회차 안내, 연재 예정 */
.pop.pop-no-episode,
.pop.pop-view-now{max-width:360px;}
.pop .top-area p:not(.title){font-size:15px;line-height:18px;}
.pop-view-now .txt-red.big{font-size:17px;}
.pop-view-now .top-area p:not(.title){line-height:20px;padding:5px 0;}

/* 팝업 - 기다무 */
.pop.pop-wf{width:400px;max-width:400px;padding-top:5.5rem;}
.pop.pop-wf h3{font-size:24px;}
.pop.pop-wf h3 i{width:24px;height:24px;background-size:24px;margin-right:8px;margin-left:-8px;}
.pop.pop-wfp{font-size:17px;}
.pop.pop-wf .pop-content{margin:3rem 0 2rem;}
.pop.pop-wf .pop-content,
.pop.pop-wf .pop-content p{font-family:'Pretendard', '맑은 고딕', malgun gothic, 'Apple SD Gothic Neo', Dotum, '돋움', Helvetica, sans-serif;font-size:17px;margin-top:10px;}
.pop.pop-wf .pop-content p.text-notice{font-size:13px;margin-top:20px;}
.pop.pop-wf .pop-button button{height:55px;font-size:18px;}

/* 팝업 - 탈퇴, 제보하기 */
.pop-quit p{font-size:17px;line-height:22px;}
.pop-quit p.txt-normal{font-size:20px;line-height:25px;}
.pop-quit .text-area > img{width:70px;margin-bottom:20px;}
.pop-quit .txt-big{font-size:32px;line-height:35px;font-weight:600;margin-bottom:20px;}
.pop-quit .txt-big > span, .pop-quit .txt-big02 > span{font-size:17px;margin-bottom:5px;}
.pop-quit .pop-button .btn-pop-pink, .pop-quit .pop-button .btn-pop-dark{display:block;width:300px;margin:10px auto;font-size:20px;height:50px;line-height:50px;}
.pop-quit .pop-button .btn-giveup{font-size:20px;color:#666;height:50px;line-height:50px;margin-bottom:0;}
.pop-quit .border-pink{font-size:18px;width:80%;padding:10px 0;}
.pop-quit .txt-notice{width:300px;}
.pop-quit .txt-notice p{position:relative;font-size:17px;line-height:23px;margin-bottom:3px;padding-left:4px;}
.pop-quit .txt-notice p:before{content:'-';display:inlnie-block;margin-right:5px;margin-left:-10px;}
.pop-quit .txt-notice strong{font-size:18px;margin-bottom:10px;display:block;}
.pop-quit .check-box{width:300px;}
.pop-quit .form-item input[type="radio"] + label{font-size:17px;}
.pop-quit input[type="radio"] + label::before{width:18px;height:18px;margin-right:8px;margin-top:-1px;background:url(../images/common/ico_radio.png) 0 0 no-repeat;background-size:cover;}
.pop-quit input[type="radio"]:checked + label::before{background:url(../images/common/ico_radio.png) -18px 0 no-repeat;background-size:cover;}
.pop-quit input[type="password"]{width:300px;font-size:17px;height:50px;}
.pop-quit textarea{width:350px;height:200px;font-size:17px;}
.pop-quit .recommend-list .thumbnail-box .item-img{width:auto;height:auto;}
.pop-quit .recommend-list .thumbnail-box .item-info .title{font-size:17px;margin-top:-5px;}
.pop-quit .coin-list{border-width:5px;}
.pop-quit .coin-list td .sale-percent{float:right;padding-right:17px;padding-left:10px;}
.pop-quit .coin-list td .sale-percent:after{width:25px;height:25px;right:-12px;top:-1px;font-size:16px;}
.pop-quit .coin-list .time-box span:first-of-type{padding-left:28px;background-size:18px;font-size:22px;}
.pop-quit .coin-list .time-box td{height:70px;padding-left:10px;}
.pop-quit .coin-list .time-box .time{font-size:28px;}
.pop-quit .coin-list td span + p{margin-top:0;padding-left:10px;}
.pop-quit .coin-list .time-box .time:before,
.pop-quit .coin-list .event-box td,
.pop-quit .coin-list td span + p,
.pop-quit .coin-list .time-box p{font-size:18px;}
.pop-quit .coin-list table td{height:85px;padding-left:10px;}
.pop-quit .coin-list table tr td:first-child{width:40px;padding-left:10px;}
.pop-quit .coin-list table tr:not(.time-box) td:first-child, 
.pop-quit .coin-list table tr.tr-select:not(.time-box) td:first-child{background-size:25px;width:60px}
.pop-quit .coin-list table tr td:nth-of-type(2){width:175px;}
.pop-quit .coin-list table tr td:nth-of-type(3){width:300px;padding-left:0;}
.pop-quit .coin-list table tr td:nth-of-type(4){width:235px;}
.pop-quit .coin-list td del{font-size:16px;}
.pop-quit .coin-list td .plus-coin{padding-left:20px;background:url(../images/common/ico_plus_pink.png) 5px 1px no-repeat;background-size:12px;}
.pop-quit .coin-list td .sale-percent:after{top:-6px;}
.pop-quit .recommend-list .thumbnail-box{border:0;}
.pop-quit .pop-button.half{width:330px;}
.pop-quit.special{width:720px;max-width:720px;}
.pop-quit .coin-list table td .td-info{display:flex;justify-content:flex-start;align-items:center;}
.pop-quit .coin-list td:last-child .td-info{flex-direction:row-reverse;justify-content: flex-end;}
.pop.pop-already-account .pop-content{margin-bottom:5px;}
.pop.pop-already-account .already-account-list{height:150px;overflow-y:auto;}
.pop-already-account .radio-account input[type="radio"] + label:before{width:20px;height:20px;background-size:40px;}
.pop-already-account .radio-account input[type="radio"]:checked + label::before{background-position:-20px 0;}
.pop-quit.function .txt-big > span{font-size:16px;margin-bottom:5px;}
.pop-quit.function .img-select-age-pc{margin-bottom:5px;}
.pop-quit.function p.txt-small{font-size:16px;line-height:24px;}
.pop-quit.function .pop-button .btn-giveup{font-size:18px;}

/* 취향 선택 팝업 */
.pop.youlike{max-width:460px;}
.select-like2 .title-area{margin-bottom:2.5rem;}
.select-like2 .title-area h3{font-size:2.5rem;margin-bottom:9px;}
.select-like2 .title-area p{font-size:1.7rem;}
.pop.youlike .select-like2 .select-gender a{height:105px}
.pop.youlike .select-age.age2 a{height:105px;}
.pop.youlike .select-like2 .select-gender a span, 
.pop.youlike .select-like2 .select-age a span{font-size:17px;}
.pop.youlike .button-area{margin-top:30px;}
.pop.youlike .pop-ok,
.pop.youlike .pop-later{height:50px;line-height:50px;font-size:18px;}

/* 팝업 - 연재문의 */
.pop.comic-strip .pop-close.close-white{width:32px;height:32px;background-size:15px;top:-40px;}

/* 팝업 - 고객의견 */
.pop.suggest{left:auto;width:380px;}

/* 랜딩 페이지 */
.landing-header .bundle-menu{display:flex;align-items:center;justify-content:center;top:0;bottom:0;}
.landing-header .bundle-menu .btn-login-menu{width:58px;height:60px;margin-right:35px;}
.landing-header .bundle-menu .btn-menu{width:42px;height:60px;}
.landing-header .bundle-menu .btn-home-menu{width:48px;height:60px;}
.landing-header .logo{width:90px;display:flex;align-items:center;justify-content:center;top:0;bottom:0;}
.landing-header .logo a{height:auto;}
.landing-header .adult-switch{float:right;font-size:16px;width:70px;height: 29px;}
.landing-header .adult-switch:before{left:-2px;width:29px;height:29px;line-height: 28px;}
.landing-header .adult-switch:after{margin-right:8px;line-height: 23px;}
.landing-header .adult-switch.on:before{width:29px;height:29px;margin-left:38px;list-style: height 29px;}
.landing-header .adult-switch.on:after{height:29px;line-height: 27px;margin-left:10px;margin-top:-2px;}

.landing-header .header-inner{display:flex;align-items:center;justify-content:space-between;}
.landing-header .top-area{width:420px;height:122.5px;border-bottom:0;display:flex;align-items:center;}
.landing.side-menu{width:420px;background:transparent;right:50%;margin-right:-600px;top:124px;bottom:auto;}
.landing.side-menu .menu-box{width:400px;float:right;}
.landing.side-menu .top-area > p{font-size:17px;padding:0 15px;height:50px;line-height:50px;}
.landing.side-menu .top-area .btn-close{width:23px;height:23px;top:13px;right:15px;background-size:contain;}
.landing.side-menu .join-info,
.landing.side-menu .my-info{padding:20px 15px;}
.landing.side-menu .img-area{width:60px;height:60px;}
.landing.side-menu .top-area.before-login .info-detail p:first-of-type,
.landing.side-menu .top-area .info-detail p:first-of-type{font-size:18px;}
.landing.side-menu .top-area.before-login .info-detail p{font-size:15px;line-height:20px;}
.landing.side-menu .btn-set .btn-login,
.landing.side-menu .btn-set .btn-join{font-size:17px;height:40px;line-height:40px;}
.landing.side-menu .my-info .coin-txt{font-size:15px;}
.landing.side-menu .my-info .btn-benefit{bottom:16px;padding:6px 10px;font-size:13px;}
.landing.side-menu .menu-list ul li a{font-size:17px;}
.landing.side-menu .customer-area h3,
.landing.side-menu .customer-area .info p:first-child{font-size:17px;line-height:22px;}
.landing.side-menu .direct-link ul li a{font-size:15px;padding-top:50px;}
.landing.side-menu .direct-link ul li:nth-of-type(1) a{background-size:33px auto}
.landing.side-menu .direct-link ul li:nth-of-type(2) a,
.landing.side-menu .direct-link ul li:nth-of-type(3) a{background-size:32px auto}
.landing.side-menu .menu-list ul li.recharge a > span{font-size:14px;}
.landing-main-contents .main-contents{padding-top:124px;padding-bottom:30px;}
.landing.side-menu .recently-list{display:none;}

.side-menu  .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;}
.side-menu .menu-logout a{font-size:15px;padding-left:23px;font-weight:500;}


/* 코인부족 */
.pop.pop-coinlack .pop-button a{height:55px;line-height:55px;font-size:20px;color:#fff;background-image:url(../images/common/img_sale_tag.png);background-position:right top .7rem;background-size:2.8rem 2.6rem;background-repeat:no-repeat;border-radius:3px;text-align:center;font-weight:500;margin-top:15px;}
.menu-notice-title p{font-size:15px;}
}


.pdt-0{padding-top:0 !important;}
.mgt-0{margin-top:0 !important;}

/* top */
.btn-top{position: fixed;right:20px;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;}
.scroll-up .btn-top,
.scroll-down .btn-top{opacity: 0.7;}

/* loading */
.loading{background:rgb(0 0 0 / 10%);position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;text-align:center;z-index:300;display:none;}
.loading > img{width:30vw;max-width:80px;position:absolute;top:50%;left:0;right:0;margin:auto;transform: translateY(-35%);}


/* 브라우저 안내 */
.ie-wrap{position:fixed;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background:#f1f1f1;z-index:1000;text-align:center;}
.ie-wrap img{position:absolute;width:auto;padding:50px;left:0;right:0;margin:auto;top:45%;transform:translateY(-50%);}


@media only screen and (max-width: 345px) {
	.pink-box-area{font-size:11px;padding:4px 10px }
	.header .novel-menu .menu-list .swiper-slide{min-width:51px;}
	.header .novel-menu .menu-list .swiper-slide a{padding:5px 0;font-size:14px;}
	.side-menu-list ul li a .m-tit{font-size:13px;}
	.select-like.rating .age-type-nav > a.btn-select.mode-age{background-size:45px;}
	.pop{max-width:325px;}
	.pop.main-pop,
	.pop.login{min-width:305px;max-width: fit-content;}
	.pop.login .form-area{padding:0 20px;}
	.side-main-menu ul li a{font-size:23px;}
	.side-quick-menu ul li a{font-size:16px;}
	.side-my-info .right-box .info-coin strong{font-size:23px;vertical-align:-3px;}
	.side-my-info .right-box .info-coin i.tcoin,
	.side-my-info .right-box .info-coin i.acoin{background-size:16px;vertical-align:-2px;width:17px;height:17px;}
	.side-my-info .right-box{width:43%;}
	.side-my-info .left-box{width:57%}
	.side-quick-menu ul{padding:20px 0 30px;}
	.header .logo{width:50px;height:27px;}
	.header .header-top-area .select-link{margin-left:65px;}
	.header .header-top-area .select-link a{padding:18px 10px;font-size:17px;}
	.header .main-menu .btn-menu{top:18px;}
	.header .main-menu .btn-menu .ico-menu{width:23px;height:23px;background-size:22px;}
	.header .main-menu .btn-menu a.btn-go-library{margin-right:10px;}
	.header .main-menu .btn-menu a.btn-go-library{width:27px;height:22px;background-size:auto 20px;}
	.header .click-age{margin-right:10px;}
	.header .main-menu .btn-menu .click-age ul{gap:8px;}
	.header .main-menu .btn-menu .click-age ul li a{width:22px;height:22px;line-height:23px;font-size:12px;}
/* 	.header .main-menu .btn-menu .click-age ul li:nth-of-type(1){transform: translateX(290%);}
	.header .main-menu .btn-menu .click-age ul li:nth-of-type(2){transform: translateX(145%);} */
}


.side-my-info .left-box{margin-bottom:10px;}
.side-my-info{position:relative;padding-bottom:40px;}
.side-my-info .coin-txt{padding-top:10px;position:absolute;bottom: 6px;right:0;}

.side-my-info .coin-txt *{font-family: 'Pretendard','Noto Sans CJK KR', '맑은 고딕', sans-serif;}
.side-my-info .coin-txt .txt-acoin{display:flex;justify-content:flex-end;align-items:center;color:#5f66dd;font-size: 12px;margin-top:4px;}
.side-my-info .coin-txt .txt-tcoin{display:flex;justify-content:flex-end;align-items:center;color:#ff527e;font-size: 12px;margin-top: 4px;}
.side-my-info .coin-txt .txt-acoin i{display:inline-block;margin-right:2px;width:12px;height:12px;background:url(https://cdn.anytoon.co.kr/etc/common/ico_acoin.png) center center no-repeat;background-size:12px;margin-top:-1px;}
.side-my-info .coin-txt .txt-tcoin i{display:inline-block;margin-right:2px;width:12px;height:12px;background:url(https://cdn.anytoon.co.kr/etc/common/ico_tcoin.png) center center no-repeat;background-size:12px;margin-top:-1px;}
.side-quick-menu ul{padding-top:20px}

@media screen and (min-width:940px){
	.side-my-info .left-box{margin-bottom:10px;}
	.side-my-info{padding-bottom:65px;}
	.side-my-info .coin-txt{bottom:20px;}
	.side-my-info .coin-txt .txt-tcoin,
	.side-my-info .coin-txt .txt-acoin{font-size:15px;margin-top:5px;font-weight:500;}
	.side-my-info .coin-txt .txt-tcoin i,
	.side-my-info .coin-txt .txt-acoin i{width:15px;height:15px;background-size:15px;margin-top:-2px;}
}

/* Auto-login 페이지 배경색 */
.auto-login-page {
	background-color: #007bff !important;
}