@charset "utf-8";
/*
Eungom's Reset
Last Updated:
Author: Jeong Eunmi
*/
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700&display=swap&subset=korean');


/* reset */
*,:after,:before{margin: 0;padding: 0;-webkit-box-sizing: border-box;box-sizing: border-box;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Apple SD Gothic Neo","Noto Sans CJK KR", "맑은 고딕", Malgun gothic, sans-serif;list-style-type: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%;}
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;}
a {display:block;text-decoration:none;color:inherit;cursor:pointer}
a:hover {text-decoration:none;}
legend, caption, hr {display:none;}
em {font-style:normal;}
img {vertical-align:middle;max-width: 100%;}
input {vertical-align:middle;}
input,textarea,button,select{outline:0}
section{width:100%;}

html, body{width:100%;height:100%;font-size: 10px;word-wrap:break-word;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-webkit-text-size-adjust: none;-webkit-touch-callout: none;text-size-adjust: none;-webkit-tap-highlight-color:transparent;scroll-behavior: smooth;}
body{background:#fff;-webkit-backface-visibility:hidden;backface-visibility:hidden;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Apple SD Gothic Neo","Noto Sans", "맑은 고딕", Malgun gothic, sans-serif;color:#303038;line-height:19px;font-weight: 400;letter-spacing:-0.5px;}

::-webkit-input-placeholder {color:#999 !important;}
:-moz-placeholder {color:#999 !important;opacity: 1;}
::-moz-placeholder {color:#999 !important;opacity: 1;}
:-ms-input-placeholder {color:#999 !important;}
input::-ms-clear{display:none;}
input:-webkit-autofill {text-shadow: none;}
input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none;}
input [type="password"] {font :small-caption;font-size : 16px;-webkit-text-security: disc;}
input[type="password" i] {-webkit-text-security: disc !important;}
input, select {-webkit-appearance: none;border-radius: 0;vertical-align: middle;}
select::-ms-expand {display: none;}
select:disabled{background-color:#f5f5f5}
button{cursor:pointer;}


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


/* Header */
.header{background:#fff;transition: all .4s;/*position:fixed;left:0;top:0;right:0;height:45px;*/width:100%;z-index:1000;}
.header-top{display:flex;justify-content:space-between;align-items:center;height:5rem;border-bottom:1px solid #eee;padding:1rem 1.5rem;}
.header-top .back{padding-left:2.8rem;background:url(../images/icon/ico_back.png) left center no-repeat;background-size:2.4rem;font-size:1.7rem;font-weight:600;}
.header-top .home{font-size:0;width:3rem;height:3rem;background:url(../images/icon/ico_home.png) center center no-repeat;background-size:2rem;}
.header-menu{width:100%;height:5rem;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:flex-start;}
.header-menu .fix-menu{position:relative;display:flex;align-items:center;justify-content:flex-start;padding-left:.8rem;padding-right:.8rem;margin-right:.8rem;}
.header-menu .fix-menu:after{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:35px;background:#eee;}
.header-menu .fix-menu a.main-home{background:url(../images/icon/ico_main.png) center center no-repeat;background-size:3rem;width:4.9rem;height:4.9rem;font-size:0;}
.header-menu .fix-menu a.search{background:url(../images/icon/ico_search.png) center center no-repeat;background-size:2.3rem;width:4.9rem;height:4.9rem;font-size:0;}
.header-menu .fix-menu a.library{background:url(../images/icon/ico_library.png) center center no-repeat;background-size:2.3rem;width:4.9rem;height:4.9rem;font-size:0;}
.header-menu .fix-menu a.library.active{background:url(../images/icon/ico_library_on.png) center center no-repeat;background-size:2.3rem;}

.header-menu .gnb{width:calc(100% - 115px);margin:0;}
.header-menu .gnb .swiper-slide{width:auto;}
.header-menu .gnb .swiper-slide a{position:relative;font-size:1.6rem;padding:1.5rem 1rem;}
.header-menu .gnb a.active{color:#ff004e;}
.header-menu .gnb a .ico-adult{display:inline-block;width:12px;height:10px;background:url(../images/icon/ico_adult19_2.png) 0 0 no-repeat;background-size:contain;position:absolute;top:17px;left:83%;}



/*
.wrap.scrolled .header {top:-48px;}
.wrap.scrolled.scroll-up .header{position:fixed;top:0;}
*/

/* button */
.btn-border{background:#fff;color:#343434;text-align:center;border:1px solid #343434;}
.btn-pink{background:#ff004e;color:#fff;text-align:center;}
.btn-dark{background:#343434;color:#fff;text-align:center;}



/* popup */
.dimmed{display:none;position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:10;}
.dimmed_nopoint{display:none;position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:10;}
.pop{position:absolute;left:0;right:0;margin:auto;width:90vw;background:#fff;z-index:20;padding:2rem 1.8rem;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%);border-radius:.5rem;display:none;}
.pop > .close-pop{position:absolute;top:1.8rem;right:1.8rem;width:2rem;height:2rem;background:url(../images/icon/ico_close.png) center center no-repeat;background-size:1.8rem;font-size:0;}
.pop > .close-pop.type-a{background:url(../images/icon/ico_close_w.png) center center no-repeat;background-size:1.8rem;}
.pop .button-area{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:3rem;}
.pop .button-area a{width:100%;border-radius:.5rem;font-size:1.7rem;height:4.5rem;line-height:4.3rem;margin:0 .5rem;text-align:center;}

/* 메인 배너 팝업 */
.pop-main-banner{width:95vw;max-height:95vh;overflow:auto;background:#000;}
.pop-main-banner ul li{margin-bottom:1rem;}
.pop-main-banner .pop-title{color:#fff;font-size:1.8rem;margin-top:-.25rem;font-weight:500;text-align:center;padding:0 0 1.5rem;}

/* 전체 소장 팝업 */
.pop-all-have{border-radius:5px;padding:3.5rem 0 3rem;background:#ff004e;max-width:36rem;}
.pop-all-have .sale-info{display:flex;align-items:center;justify-content:center;font-size:1.6rem;margin:2rem auto 0;width:100%;padding:1.5rem 0;background:#fff;}
.pop-all-have .sale-info .num1{padding-right:3rem;background:url(../images/icon/ico_more.png) right 1rem center no-repeat;background-size:1rem;}
.pop-all-have .sale-info .num2{text-decoration:line-through;margin-right:.5rem;}
.pop-all-have .sale-info .num3{font-size:2rem;margin-top:-.2rem;font-size:1.8rem;}
.pop-all-have .sale-info .num3 span{color:#ff004e;font-weight:600;font-size:2.4rem;margin:0 3px;}

.pop-all-have .button-area{display:flex;align-items:center;padding:0 1rem;margin-top:1.5rem;}
.pop-all-have .button-area a{border-radius:5rem;font-weight:600;}
.pop-all-have .button-area .close-pop{color:#fff;border:1px solid #fff;}
.pop-all-have .button-area .btn-ok{background:#fff;border:1px solid #fff;color:#ff004e;}
.pop-all-have .title{text-align:center;color:#fff;font-size:2.4rem;font-weight:900;}
.pop-all-have .title em{font-weight:600;font-size:2.4rem;}


/* 포인트 부족 팝업 */
.pop-no-point{background:#fff;max-width:36rem;}
.pop-no-point .pop-title{font-weight:500;font-size:1.8rem;margin-bottom:3rem;}
.pop-no-point .pop-content p{text-align:center;font-size:1.6rem;}
.pop-no-point .button-area .btn-recharge{background:#ff004e;text-align:center;color:#fff;font-weight:500;border-radius:3rem;font-size:1.8rem;width:80%;margin:0 auto;padding:0;}

/* 찜목록 삭제 확인 팝업 */
.pop-pick-confirm{background:#fff;}
.pop-pick-confirm .pop-content{padding-top:1.5rem;}
.pop-pick-confirm .pop-content p{text-align:center;font-size:1.6rem;}


/* 인증 옵션 선택 팝업 radio */
input[type="radio"]{display: none;line-height: 1;}
input[type="radio"] + label{font-size: 1.2rem;cursor: pointer;}
input[type="radio"] + label::before{content:'';display: inline-block;width: 18px;height:18px;background:url(../images/icon/ico_check.png) left center no-repeat;background-size:18px;vertical-align: middle;margin-right:.5rem;}
input[type="radio"] + label span{margin-left: 0.3rem;vertical-align: middle;}
input[type="radio"]:checked + label::before{background: url(../images/icon/ico_check_on.png) center center no-repeat;background-size:18px;}
.pop.certify-option{border-radius:3px;padding-bottom:20px;}
.pop.certify-option .pop-content{padding:10px;}
.pop.certify-option .pop-title{font-weight:500;font-size:14px;margin-bottom:1rem;text-align:left;color:#434343;line-height:20px;}
.pop.certify-option .button-area a{margin:0;border-radius:.3rem;}
.pop.certify-option input[type="radio"] + label::before{margin-right:0;}
.pop.certify-option input[type="radio"] + label .radio-tit{font-size:15px;font-weight:500;color:#000;}
.pop.certify-option input[type="radio"] + label .radio-cont{margin-top:3px;font-size:14px;}
.pop.certify-option .form-item:not(:first-of-type){margin-top:20px;}
.pop.certify-option .form-title{font-size:15px;margin-bottom:20px;font-weight:500;}
.pop.certify-option .form-birthday{display:flex;align-items:center;justify-content:flex-start;margin-bottom:30px;}
.pop.certify-option .form-birthday > div{display:flex;align-items:baseline;justify-content:flex-start;margin-right:5px;}
.pop.certify-option .form-birthday input{width:60px;color:#121212;font-size:22px;padding-right:5px;text-align:right;}
.pop.certify-option .form-birthday input + span{font-size:13px;color:#434343;}
.pop.certify-option .form-birthday .year input{width:55px}
.pop.certify-option .form-birthday .month input{width:40px}
.pop.certify-option .form-birthday .date input{width:40px}

.pop.certify-option input[type="checkbox"]{display: none;line-height: 1;}
.pop.certify-option input[type="checkbox"] + label{font-size: 1.2rem;cursor: pointer;}
.pop.certify-option input[type="checkbox"] + label::before{content:'';display: inline-block;width: 18px;height:18px;background:url(../images/icon/ico_check.png) left center no-repeat;background-size:18px;vertical-align: middle;margin-right:.5rem;}
.pop.certify-option input[type="checkbox"] + label span{margin-left: 0.3rem;vertical-align: middle;}
.pop.certify-option input[type="checkbox"]:checked + label::before{background: url(../images/icon/ico_check_on.png) center center no-repeat;background-size:18px;}
.pop.certify-option input[type="checkbox"] + label::before{margin-right:0;}
.pop.certify-option input[type="checkbox"] + label .chk-tit{font-size:14px;font-weight:500;color:#000;}
.pop.certify-option input[type="checkbox"] + label .chk-cont{margin-top:3px;font-size:14px;}

.pop.certify-option .notice-p{color:#8a8a8a;font-size:1.3rem;line-height:15px;margin-top:8px;word-break:keep-all;margin-bottom:12px;}
.pop.certify-option table{width:100%;table-layout:fixed;}
.pop.certify-option table td{text-align:center;font-size:12px;border:1px solid #fff;background:#f6f6f6;height:45px;line-height:13px;}
.pop.certify-option table td strong.txt-blue{color:#2196F3;font-weight:400;}
.pop.certify-option .form-area{margin-bottom:-10px;}
.pop.certify-option .form-item{margin-bottom:25px;}

.common-pop{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1000;}
.common-pop .dimmed{display:block;}
.common-pop .pop-wrap{position:absolute;left:0;right:0;margin:auto;width:90vw;background:#fff;z-index:20;padding:2rem 1.8rem;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%);border-radius:.5rem;}
.close-common-pop{position:absolute;top:1.8rem;right:1.8rem;width:2rem;height:2rem;background:url(../images/icon/ico_close.png) center center no-repeat;background-size:1.8rem;font-size:0;}
.common-pop .title{font-size:16.5px;font-weight:500;padding-bottom:5px;}
.common-pop .content-area{padding:10px 0;}
.common-pop .content-area p{font-size:14px;line-height:19px;}
.common-pop .button-area{display:flex;align-items:center;justify-content:space-between;margin-top:10px;gap:10px;}
.common-pop .button-area button{width:100%;border-radius:3px;height:40px;line-height:38px;padding:0;font-weight:500;font-size:15px;}


/* footer */
.footer{background:#fff;padding:2rem 2.5rem 4rem;margin-top:.6rem;}
.footer .footer-top{padding:1rem 0 2rem;display:flex;justify-content:flex-start;}
.footer-top > p{color:#000;font-size:1.75rem;}
.footer-top > a{position:relative;margin-left:1rem;padding-left:1rem;color:#cbcbcb;font-size:1.3rem;}
.footer-top > a:before{content:'';position:absolute;width:1px;height:13px;background:#cbcbcb;left:0;top:50%;transform:translateY(-50%);}
.footer-info ul li{margin-top:3px;}
.footer-info ul li span{display:inline-block;font-size:1.4rem;}
.footer-info ul li span.tit{color:#bcbcbc;width:120px;}
.footer-info ul li span.cont{color:#434343;}






/* Footer */


@media only screen and (max-width: 1200px) {

}


@media only screen and (max-width: 1024px) {

}


@media only screen and (max-width: 640px) {

}