@charset "utf-8";

/* =================================================
	* Common
================================================= */
html {
    /* max-width: 600px; */
    margin: 0 auto;
    /* background-image: url(/assets/img/fl.jpg); */
    /* background-size: cover; */
    /* background-position: top center; */
    /* background: #fff; */
}
body{background:#f3f3f3;font-family:"Poppins", sans-serif;font-size:14px;color:#252b3b;/*opacity:0;transition:.5s linear;*/}
body.scroll-fixed{overflow:hidden;}
/*body.bg-main:before{content:"";position:fixed;top:0;left:0;z-index:1;width:100%;height:100%;background:url('../images/tmp/tmp_bg5.jpg') no-repeat center top;background-size:cover;}*/
.blind{position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px;}
.d-block{display:block !important;}
.d-inline{display:inline-block !important;}
.fr{float:right;}
.fl{float:left;}
.fn{float:none;}
.bold{font-weight:bold;}
.tl{text-align:left !important;}
.tc{text-align:center !important;}
.tr{text-align:right !important;}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
button{padding:0;outline:none;}
input,textarea,select,button{font-family:'Poppins', sans-serif;}
*{box-sizing:border-box;-webkit-overflow-scrolling:touch;-webkit-appearance:none;outline:none;-webkit-tap-highlight-color:rgba(37, 43, 59, 0);}
.roboto{font-family: 'Roboto', sans-serif !important;}
.jalnan{font-family: 'Jalnan', sans-serif !important;}
.ds-table{display:table;table-layout:fixed;width:100%;height:100%;}
.ds-table-cell{display:table-cell;vertical-align:middle;}

/* Form */
select{width:100%;height:40px;padding:0 44px 0 10px;background:url('../images/icon/icon_down3.svg') no-repeat calc(100% - 12px) center #fff;background-size:15px 15px;border:1px solid #eee;border-radius:6px;font-size:14px;}
select.type2{width:100%;height:40px;padding:0 44px 0 0;background:url('../images/icon/icon_down3.svg') no-repeat right center #fff;background-size:15px 15px;border:0;border-bottom:1px solid #eee;border-radius:0;font-size:14px;color:#433131;}
select.type3{width:100%;height:30px;padding:0 30px 0 10px;background:url('../images/icon/icon_down3.svg') no-repeat calc(100% - 12px) center #fff;background-size:10px 10px;border:1px solid #eee;border-radius:6px;font-size:12px;}
.input-text{position:relative;}
.input-text input {
    width: 100%;
    height: 40px;
    padding: 0 15px;
    border: 1px solid #ccc;
    border-width: 0px 0px 1px 0px;
    font-size: 14px;
    color: #333;
    background: #fff;
}
.input-text input::placeholder{font-size:14px;color:#999faa;}
.input-text .error-message{display:none;position:absolute;bottom:-16px;left:0;z-index:2;width:100%;font-size:10px;color:#ff5252;line-height:16px;}
.input-text .error-message.on{display:block;}
.input-text .readonly{height:40px;padding:0;border:0;border-bottom:1px solid #eee;font-size:14px;color:#433131;line-height:39px;}
.input-text.type2 input{padding:0 10px;border:1px solid #eee;border-radius:6px;}
.input-text textarea{width:100%;height:200px;padding:10px;border:1px solid #eee;border-radius:6px;font-size:14px;color:#433131;}
.input-text textarea::placeholder{font-size:14px;color:#999faa;}
.input-file{display:inline-block;position:relative;}
.input-file input{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;opacity:0;}
.input-file span{display:block;width:50px;height:50px;background:url('../images/icon/icon_plus1.png') no-repeat center center;background-size:16px 16px;border:1px dashed #999;border-radius:6px;}
.input-file span img{display:block;width:100%;height:100%;}
.input-file .error-message{display:none;position:absolute;bottom:-16px;left:0;z-index:2;width:100%;font-size:10px;color:#ff5252;line-height:16px;}
.input-file .error-message.on{display:block;}
.input-checkbox{position:relative;}
.input-checkbox input{position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px;}
.input-checkbox span{display:block;min-height:20px;padding:0 0 0 20px;background:url('../images/icon/icon_checkbox2.svg') no-repeat left 2px;background-size:14px 14px;font-size:14px;color:#433131;line-height:1.3;}
.input-checkbox input:checked + span{background-image:url('../images/icon/icon_checkbox2_on.svg');}
.input-pw input[type="text"]{display:none;}
.input-pw .btn-show{position:absolute;top:50%;right:8px;z-index:3;width:30px;height:30px;margin-top:-15px;background:url('../images/btn/btn_eye_hidden.svg') no-repeat center center;text-indent:-9999em;}
.input-pw.on input[type="password"]{display:none;}
.input-pw.on input[type="text"]{display:block;}
.input-pw.on .btn-show{background-image:url('../images/btn/btn_eye_visible.svg');}
.input-search{display:flex;position:relative;}
.input-search label{flex:1 1 auto;}
.input-search input{width:100%;height:40px;padding:0 40px 0 40px;background:url('../images/icon/icon_search1.svg') no-repeat 10px center #fff;background-size:20px 20px;border:none;font-size:14px;color:#433131;}
.input-search input::placeholder{letter-spacing:-1px;}
.input-search .btn-search-submit{flex:0 0 auto;width:80px;height:40px;background:#f9b750;font-size:12px;color:#333;}
.input-search .btn-delete{display:none;position:absolute;top:50%;right:90px;width:20px;height:20px;background:url('../images/btn/btn_close1.png') no-repeat center center;background-size:16px 16px;text-indent:-9999em;transform:translate(0, -50%);}
.input-search input:valid + .btn-delete{display:block;}
.phone-num,
.certify-num,
.input-edit{margin-top:10px;padding-right:100px;}
.phone-num .btn.type3,
.certify-num .btn.type3,
.input-edit .btn.type3{position:absolute;top:0;right:0;width:90px;}
.certify-num{display:none;}
.certify-num.on{display:block;}
.certify-num input{padding-right:40px;}
.certify-num .count{position:absolute;right:100px;top:0;color:#ff5252;line-height:40px;}

.loginbg {
    /*
	background-position: 50% 100% !important;
	background: url(/img/Artificial-Intelligence-in-Medical-Devices-what-do-we-know-so-far.jpg) 57% 0px / 100% auto no-repeat !important;
    background-size: cover !important;
	*/
}
/* Button */
.btn.type1 {
    display: block;
    width: 100%;
    height: 40px;
    padding: 0;
    /* border-radius: 20px; */
    font-size: 14px;
    text-align: center;
    line-height: 40px;
}
.btn.type2{display:block;width:100%;height:50px;padding:0;font-size:14px;text-align:center;line-height:50px;}
.btn.type3{display:block;width:100%;height:40px;padding:0;border-radius:2px;font-size:12px;text-align:center;line-height:40px;}
.btn.type4{display:block;width:100%;height:50px;padding:0;border-radius:2px;font-size:14px;text-align:center;line-height:50px;}
.btn.type5{display:block;width:100%;height:46px;padding:0;border-radius:23px;font-size:16px;text-align:center;line-height:46px;}
.btn.type6{display:block;width:100%;height:52px;padding:0;border-radius:52px;font-size:18px;font-weight:bold;text-align:center;line-height:52px;}
.btn.color1 {
    /* background: linear-gradient(160deg, #d7a02e, #d7a02e, #fef1a2, #d7a02e, #d7a02e); */
    /* border: 1px solid #387ef5; */
    background: #24857c;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
}
.btn.color2{background:#fff;border:1px solid #252b3b;color:#252b3b;line-height:38px;}
.btn.color3{background:#fff;border:1px solid #cacaca;color:#252b3b;line-height:38px;}
.btn.color4{background:#eee;color:#252b3b;}
.btn.color5{background:#ff5252;color:#fff;}
.btn.color6{background:#0078ff;color:#fff;}
.btn.color7{background:#333;color:#fff;}
.btn.color8{background:#fff;border:1px solid #ff5252;color:#ff5252;line-height:38px;}
.btn.color9{background:#21a743;color:#fff;}
.btn.color10{background:#7030a0;color:#fff;}
.btn-more{display:block;width:150px;height:40px;margin:30px auto 0;background:#f3f5fa;font-size:14px;text-align:center;line-height:1.2;-webkit-tap-highlight-color:rgba(255, 82, 82, .2);}
.btn.disabled{background:#eee !important;border:none !important;color:#999 !important;}

/* Splash */
.splash{display:flex;flex-direction:column;position:fixed;top:0;left:0;z-index:10;width:100%;height:100%;}
.splash .middle{display:flex;flex-direction:column;align-content:center;justify-content:center;flex:1 1 auto;}
.splash .middle .img-hotel{display:block;width:150px;margin:0 auto 20px;}
.splash .middle .img-logo{display:block;width:250px;margin:0 auto 0;}
.splash .middle p{font-size:14px;color:#433131;text-align:center;}
.splash .bottom{flex:0 1 auto;width:100%;padding:20px 0;font-size:12px;color:#afa0a0;text-align:center;}

/* Color */
.fc1{color:#ff5252 !important;}
.fc2{color:#252b3b !important;}
.fc3{color:#797979 !important;}
.fc4{color:#0078ff !important;}
.fc5{color:#21a743 !important;}
.fc6{color:#f9b750 !important;}

/* Notice List */
.notice-wrap h3{margin-bottom:5px;font-size:14px;font-weight:bold;}
.notice-list li{position:relative;padding-left:10px;font-size:12px;color:#999;line-height:20px;word-break:keep-all;word-wrap:break-word;}
.notice-list li:before{content:"";position:absolute;top:8px;left:0;width:3px;height:3px;background:#999;border-radius:5px;}
.notice-list li.fc1:before{background:#ff5252;}

/* Table */
.table-top-info{margin-bottom:10px;}
.table-top-info:after{content:"";display:block;clear:both;}
.table-top-info span{font-size:14px;font-weight:300;}
.table-top-info span em{font-weight:bold;}
.table-list.type1{border-top:2px solid #333;}
.table-list.type1 ul li{padding:10px 0;border-bottom:1px solid #eee;}
.table-list.type1 ul li:after{content:"";display:block;clear:both;}
.table-list.type1 ul li strong{display:block;font-size:14px;}
.table-list.type1 ul li span{display:block;font-size:12px;color:#999;}
.table-list.type1 ul li .fr strong{font-weight:bold;}
table.type1{width:100%;border-top:2px solid #333;table-layout:fixed;}
table.type1 th{padding:10px 0;background:#fff;border-bottom:1px solid #333;text-align:center;}
table.type1 td{padding:10px 0;background:#fff;border-bottom:1px solid #eee;text-align:center;}

/* Empty */
.empty{padding:150px 0 50px;background:url('../images/icon/icon_exclamation1.svg') no-repeat center 80px;background-size:60px 60px;}
.empty p{font-size:16px;color:#433131;text-align:center;}

/* Tab */
.tab.type1{display:flex;}
.tab.type1 a{flex:1 1 auto;height:40px;padding:11px 0 0;border-bottom:1px solid #333;font-size:14px;text-align:center;line-height:1.2;}
.tab.type1 a.on{padding:10px 0 0;border-bottom:2px solid #ff5252;font-weight:bold;}
.tab.type2{overflow-x:auto;font-size:0;white-space:nowrap;}
.tab.type2 a{display:inline-block;height:40px;padding:9px 10px 0;font-size:16px;color:#ccc;line-height:1.2;}
.tab.type2 a.on{font-weight:bold;color:#333;}
.tab.type2 a:first-child{margin-left:10px;}
.tab.type2 a:last-child{margin-right:10px;}
.tab.type3{display:flex;justify-content:space-between;}
.tab.type3 a{flex:0 1 auto;text-align:center;}
.tab.type3 a strong{display:block;margin-bottom:5px;font-size:14px;color:#fff;opacity:.7;}
.tab.type3 a span{display:block;height:24px;font-size:16px;font-weight:bold;color:#ff5252;line-height:24px;}
.tab.type3 a:first-child span{font-size:20px;}
.tab.type3 a.on strong{opacity:1;}
.tab.type3 a.on span{border-bottom:2px solid #ff5252;}
.tab.type4 a{display:inline-block;position:relative;height:40px;padding:9px 0 0;font-size:16px;color:#ccc;line-height:1.2;}
.tab.type4 a + a{margin-left:20px;}
.tab.type4 a.on{font-weight:bold;color:#333;}
.tab.type4 a.on:before{content:"";position:absolute;bottom:10px;left:-3px;right:-3px;height:10px;background:#ff5252;opacity:.3;}
.tab-cont{display:none;}
.tab-cont.on{display:block;}

/* Amount */
.amount{overflow:hidden;border:1px solid #eee;border-radius:4px;}
.amount:after{content:"";display:block;clear:both;}
.amount button{float:left;width:30px;height:30px;background:#fff;font-size:16px;font-weight:bold;line-height:28px;text-indent:-9999em;}
.amount p{float:left;width:40px;height:30px;background:#fff;text-align:center;line-height:28px;}
.amount button.btn-minus{background:url('../images/icon/icon_minus1.png') no-repeat center center #fff;background-size:10px 10px;border-right:1px solid #eee;}
.amount button.btn-plus{background:url('../images/icon/icon_plus1.png') no-repeat center center #fff;background-size:10px 10px;border-left:1px solid #eee;}

/* Grade */
.grade-badge{display:inline-block;height:20px;padding:0 10px;border-radius:20px;font-size:12px;color:#fff;line-height:20px;vertical-align:top;}
.grade-badge.grade10{background:#ff5252;}
.grade-badge.grade9{background:#ff6641;}
.grade-badge.grade8{background:#ff7d2f;}
.grade-badge.grade7{background:#ff9a18;}
.grade-badge.grade6{background:#feaf0a;}
.grade-badge.grade5{background:#edbf05;}
.grade-badge.grade4{background:#bcca11;}
.grade-badge.grade3{background:#82ce28;}
.grade-badge.grade2{background:#52cf3b;}
.grade-badge.grade1{background:#03cf5d;}

/* Loading */
.loading{position:fixed;top:0;left:0;z-index:1000;width:100%;height:100%;background:#fff;}
.loading-icon{position:absolute;top:50%;left:50%;padding-top:40px;font-size:12px;text-align:center;transform:translate(-50%, -50%);}
.loading-icon:before{content:"";position:absolute;top:0;left:50%;width:30px;height:30px;margin-left:-15px;background:url('../images/logo/loading_logo.png') no-repeat center center;background-size:100% 100%;animation:loadingOpacity 1s ease-in-out infinite alternate;}

@keyframes loadingOpacity {
    0%{opacity:1;}
    100%{opacity:0;}
}

/* 로그인 유도 */
.induce-member .btn{display:block;width:300px;margin:0 auto;}
.induce-member .not-yet{margin-top:16px;font-size:0;text-align:center;}
.induce-member .not-yet p{display:inline-block;font-size:12px;color:#433131;vertical-align:top;}
.induce-member .not-yet a{display:inline-block;margin-left:5px;font-size:12px;color:#ff5252;text-decoration:underline;vertical-align:top;}

/* Hotel List */
.hotel-list.type1 .item{overflow:hidden;position:relative;padding:20px;background:#fff;border-radius:10px;}
.hotel-list.type1 .item + .item{margin-top:10px;}
.hotel-list.type1 .item .top{display:flex;position:relative;}
.hotel-list.type1 .item .top .pic{display:flex;align-items:center;flex:0 0 auto;position:relative;width:60px;margin-right:10px;}
.hotel-list.type1 .item .top .pic img{display:block;flex:0 1 auto;width:100%;}
.hotel-list.type1 .item .top .pic .badge{position:absolute;top:50%;left:50%;width:50px;height:20px;border-radius:20px;font-size:12px;font-weight:bold;color:#fff;text-align:center;transform:translate(-50%, 0);}
.hotel-list.type1 .item .top .pic .badge.type1{background:#ff5252;}
.hotel-list.type1 .item .top .pic .badge.type2{background:#ddd;color:#999;}
.hotel-list.type1 .item .top .pic .badge.type3{background:#21a743;}
.hotel-list.type1 .item .top .txt{flex:1 1 auto;}
.hotel-list.type1 .item .top .txt .tit{display:block;margin-bottom:10px;font-size:16px;font-weight:bold;}
.hotel-list.type1 .item .top .txt dl{display:flex;justify-content:space-between;}
.hotel-list.type1 .item .top .txt dl + dl{margin-top:5px;}
.hotel-list.type1 .item .top .txt dl dt{font-size:14px;color:#999;}
.hotel-list.type1 .item .top .txt dl dd{font-size:14px;color:#999;text-align:right;}
.hotel-list.type1 .item .top .txt dl dd.bold{color:#252b3b;}
.hotel-list.type1 .item .countdown{display:block;margin:10px 0 0 70px;padding-left:25px;background:url('../images/icon/icon_clock1.svg') no-repeat left center;background-size:20px 20px;font-size:14px;font-weight:bold;color:#0078ff;line-height:20px;}
.hotel-list.type1 .item .btn-area{display:flex;align-items:center;margin-top:20px;}
.hotel-list.type1 .item .btn-area .btn-transfer{flex:0 0 auto;width:60px;margin-right:10px;}
.hotel-list.type1 .item .btn-area .btn-change{flex:0 0 auto;width:60px;margin-right:10px;line-height:1.4;}
.hotel-list.type1 .item .top .exception{display:flex;flex-direction:column;align-items:center;position:absolute;top:0;left:0;z-index:3;width:100%;height:100%;background:rgba(0,0,0,.5);border-radius:10px;}
.hotel-list.type1 .item .top .exception dl{margin-top:auto;text-align:center;}
.hotel-list.type1 .item .top .exception dl dt{font-size:18px;font-weight:bold;color:#fff;}
.hotel-list.type1 .item .top .exception dl dd{font-size:14px;color:#fff;}
.hotel-list.type1 .item .top .exception p{margin-top:10px;margin-bottom:auto;font-size:14px;color:#fff;text-align:center;}
.hotel-list.type1 .item .transfer{display:flex;flex-direction:column;align-items:center;position:absolute;top:20px;left:20px;right:20px;bottom:20px;background:rgba(0,0,0,.5);border-radius:10px;}
.hotel-list.type1 .item .transfer dl{margin-top:auto;text-align:center;}
.hotel-list.type1 .item .transfer dl dt{font-size:18px;font-weight:bold;color:#fff;}
.hotel-list.type1 .item .transfer dl dd{font-size:14px;color:#fff;}
.hotel-list.type1 .item .transfer p{margin-top:10px;margin-bottom:auto;font-size:14px;color:#fff;text-align:center;}
.hotel-list.type1 .item .label{position:absolute;top:40px;left:40px;z-index:2;width:200px;height:30px;font-size:12px;color:#fff;line-height:30px;text-align:center;transform:translate(-50%, -50%) rotate(-45deg);}
.hotel-list.type1 .item .label.type1{background:#ec5936;}
.hotel-list.type1 .item .label.type2{background:linear-gradient(to left, #012062, #3694be);}
.hotel-list.type1 .item .label.type3{background:linear-gradient(to left, #664e37, #9e7c57);}
.hotel-list.type2{width:calc(100% + 15px);margin-left:-15px;}
.hotel-list.type2:after{content:"";display:block;clear:both;}
.hotel-list.type2 .item{position:relative;float:left;width:calc(50% - 15px);margin:0 0 15px 15px;padding:20px;background:#fff;border-radius:10px;}
.hotel-list.type2 .item .pic{display:block;margin:0 0 10px;}
.hotel-list.type2 .item .pic img{display:block;width:100%;}
.hotel-list.type2 .item .mpoint{display:block;position:relative;width:120px;max-width:100%;height:70px;margin:0 auto;background:#e5002f;border-radius:5px;box-shadow:0 5px 10px rgba(0,0,0,.2);}
.hotel-list.type2 .item .mpoint span{position:absolute;top:5px;left:10px;font-size:9px;color:#fff;}
.hotel-list.type2 .item .mpoint strong{display:block;font-size:12px;color:#fff;text-decoration:underline;text-align:center;line-height:70px;}
.hotel-list.type2 .item .txt{display:block;text-align:center;}
.hotel-list.type2 .item .txt .title{display:block;overflow:hidden;margin-bottom:10px;font-size:16px;font-weight:bold;text-overflow:ellipsis;white-space:nowrap;}
.hotel-list.type2 .item .txt .desc{display:block;font-size:14px;}
.hotel-list.type2 .item .txt .point{display:block;font-size:20px;}

/* Paging */
.paging{display:flex;justify-content:center;margin-top:20px;}
.paging a{flex:0 0 30px;height:30px;font-size:14px;text-align:center;line-height:30px;}
.paging .btn-first{background:url('../images/icon/icon_left2.svg') no-repeat center center;background-size:16px 16px;text-indent:-9999em;}
.paging .btn-prev{background:url('../images/icon/icon_left1.svg') no-repeat center center;background-size:16px 16px;text-indent:-9999em;}
.paging .btn-next{background:url('../images/icon/icon_right4.svg') no-repeat center center;background-size:16px 16px;text-indent:-9999em;}
.paging .btn-last{background:url('../images/icon/icon_right5.svg') no-repeat center center;background-size:16px 16px;text-indent:-9999em;}


/* ======================= popup ======================= */

/* 공통 */
.popup{display:none;position:fixed;top:0;left:0;z-index:1000;width:100%;height:100%;padding:30px;background:rgba(0,0,0,.5);}
.popup .ds-table{width:100%;height:100%;}
.popup .contents{position:relative;max-width:320px;margin:0 auto;padding:50px 20px 30px;background:#fff;border-radius:10px;}
.popup h2{margin-bottom:20px;font-size:25px;font-weight:300;text-align:center;}
.popup .sub-txt{margin-bottom:20px;text-align:center;}
.popup .btn-close{position:absolute;top:20px;right:20px;width:16px;height:16px;background:url('../images/btn/btn_close1.png') no-repeat center center;background-size:16px 16px;text-indent:-9999em;opacity:.5;}
.popup .btn-close:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;transform:scale(1.5,1.5);}

/* 기본 */
.popup-basic p{margin-bottom:30px;font-size:14px;color:#797979;text-align:center;}

/* 이미 등록된 회원입니다 */
.popup-already-account p{margin-bottom:20px;text-align:center;}
.popup-already-account .notice-list{margin-top:20px;}
.popup-already-account .notice-list li{padding-left:0;text-align:center;white-space:nowrap;}
.popup-already-account .notice-list li:before{display:none;}

/* 휴대폰 인증 */
.popup-call-certify .input-text{margin:0 0 40px;}

/* 계좌변경 */
.popup-bank-account select,
.popup-bank-account select + .input-text{margin-top:10px;}
.popup-bank-account .input-file{display:block;position:relative;margin-top:20px;}
.popup-bank-account .input-file label{display:block;width:100%;}
.popup-bank-account .input-file input{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;opacity:0;}
.popup-bank-account .input-file span{display:block;position:relative;width:100%;height:40px;padding:0;background:none;border:0;border-bottom:1px solid #eee;font-size:14px;color:#999faa;line-height:40px;}
.popup-bank-account .input-file span:before{content:"첨부";position:absolute;top:50%;right:0;width:50px;height:30px;margin-top:-15px;background:#ddd;border-radius:3px;font-size:12px;color:#999;text-align:center;line-height:30px;}
.popup-bank-account .btn-wrap{margin-top:40px;}

/* 지갑주소 변경 */
.popup-wallet .btn-wrap{margin-top:40px;}

/* 공지사항 */
.popup-notice .txt{overflow-y:auto;max-height:50vh;}
.popup-notice .btn-wrap{margin-top:20px;}

/* 초대QR코드 */
.popup-qrcode{overflow-y:auto;}
.popup-qrcode .qrcode-cont{margin-bottom:20px;}
.popup-qrcode .qrcode-cont .level{margin-bottom:15px;font-size:16px;font-weight:bold;color:#ff5252;text-align:center;}
.popup-qrcode .qrcode-cont .qrcode{width:250px;margin:0 auto 15px;}
.popup-qrcode .qrcode-cont .qrcode img{display:block;width:100%;}
.popup-qrcode .qrcode-cont p{font-size:16px;font-weight:bold;color:#ff5252;text-align:center;}
.popup-qrcode .info-txt{margin-bottom:40px;font-size:14px;text-align:center;}
.popup-qrcode .info-txt span,
.popup-qrcode .info-txt a{display:block;}

/* 분양신청 */
.popup-sell-in-lots{overflow-y:auto;}
.popup-sell-in-lots .sub-txt{font-size:12px;margin-bottom:4px;}
.popup-sell-in-lots .btn-edit-budget{position:relative;width:100%;height:60px;padding:0 20px;background:#252b3b;border-radius:6px;font-size:20px;font-weight:bold;color:#fff;text-align:left;}
.popup-sell-in-lots .btn-edit-budget:before{content:"";position:absolute;top:50%;right:20px;width:80px;height:34px;margin-top:-17px;background:url('../images/pic/img_hotelking_list.png') no-repeat center center;background-size:80px 33px;}
.popup-sell-in-lots .budget-state{margin-top:15px;font-size:14px;font-weight:bold;text-align:center;}
.popup-sell-in-lots .budget-state span{color:#ff5252;}
.popup-sell-in-lots .budget-state span em{font-weight:400;color:#252b3b;}
.popup-sell-in-lots .sell-in-lots{overflow:hidden;position:relative;margin-top:15px;border-radius:6px;}
.popup-sell-in-lots .sell-in-lots li{display:flex;align-items:center;flex-wrap:wrap;min-height:60px;border:1px solid #ccc;border-radius:6px;}
.popup-sell-in-lots .sell-in-lots li + li{margin-top:10px;}
.popup-sell-in-lots .sell-in-lots li a{display:flex;align-content:center;width:100%;}
.popup-sell-in-lots .sell-in-lots li .hotel-type{position:relative;flex:0 1 120px;padding:0 40px 0 20px;font-size:16px;font-weight:bold;color:#111;line-height:58px;}
.popup-sell-in-lots .sell-in-lots li .hotel-type:before{content:"";position:absolute;top:50%;right:0;width:30px;height:50px;transform:translate(0, -50%);}
.popup-sell-in-lots .sell-in-lots li .info{flex:0 1 auto;margin-left:auto;padding:0 20px 0 0;font-size:12px;color:#999;line-height:58px;}
.popup-sell-in-lots .sell-in-lots li .sell-control{flex:0 1 auto;margin-left:auto;padding:10px 20px 10px 0;}
.popup-sell-in-lots .sell-in-lots li .sell-control .num{display:block;margin-bottom:5px;font-size:16px;font-weight:bold;color:#ff5252;text-align:center;line-height:1;}
.popup-sell-in-lots .sell-in-lots li .sell-control .btn-edit{display:inline-block;width:40px;height:24px;margin-right:5px;padding:0;background:#252b3b;border-radius:4px;font-size:12px;color:#fff;}
.popup-sell-in-lots .sell-in-lots li .sell-control .btn-cancel{display:inline-block;width:40px;height:24px;padding:0;background:#eee;border-radius:4px;font-size:12px;color:#252b3b;}
.popup-sell-in-lots .sell-in-lots li.star1 .hotel-type:before{background:url('../images/pic/img_hotel_list1.png') no-repeat center center;background-size:100% auto;}
.popup-sell-in-lots .sell-in-lots li.star2 .hotel-type:before{background:url('../images/pic/img_hotel_list2.png') no-repeat center center;background-size:100% auto;}
.popup-sell-in-lots .sell-in-lots li.star3 .hotel-type:before{background:url('../images/pic/img_hotel_list3.png') no-repeat center center;background-size:100% auto;}
.popup-sell-in-lots .sell-in-lots li.star4 .hotel-type:before{background:url('../images/pic/img_hotel_list4.png') no-repeat center center;background-size:100% auto;}
.popup-sell-in-lots .sell-in-lots .no-budget-info{display:none;}
.popup-sell-in-lots .sell-in-lots.no-edit-budget .no-budget-info{content:"";display:flex;position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;background:rgba(0,0,0,.6);}
.popup-sell-in-lots .sell-in-lots.no-edit-budget .no-budget-info span{margin:auto;font-size:14px;color:#fff;}
.popup-sell-in-lots .notice{margin-top:10px;font-size:14px;text-align:center;}
.popup-sell-in-lots .notice span{display:block;font-size:12px;color:#999;text-align:center;}
.popup-sell-in-lots .btn-wrap{width:150px;margin:20px auto 0;}

/* 예산설정 */
.popup-edit-budget{overflow-y:auto;}
.popup-edit-budget .form-area{margin-bottom:15px;}
.popup-edit-budget .form-area .row{display:flex;position:relative;padding:0 20px 0 70px;}
.popup-edit-budget .form-area .row + .row{margin-top:10px;}
.popup-edit-budget .form-area .row .tit{position:absolute;top:50%;left:0;font-size:14px;font-weight:bold;transform:translate(0, -50%);}
.popup-edit-budget .form-area .row .input-text span{position:absolute;top:50%;right:-10px;font-size:14px;transform:translate(0, -50%);}
.popup-edit-budget .form-area .row .input-text input{text-align:right;}
.popup-edit-budget .form-area .row .btn-range{flex:1 1 auto;height:30px;background:#f4f4f4;border:1px solid #ddd;border-radius:2px;font-size:12px;color:#333;}
.popup-edit-budget .form-area .row .btn-range + .btn-range{margin-left:5px;}
.popup-edit-budget .form-area .row dl{width:100%;text-align:right;}
.popup-edit-budget .form-area .row dt{font-size:12px;}
.popup-edit-budget .form-area .row dd{font-size:12px;}
.popup-edit-budget .form-area .row dd span{color:#ff5252;}
.popup-edit-budget .notice p{font-size:12px;color:#999;}
.popup-edit-budget .notice p + p{margin-top:15px;}
.popup-edit-budget .btn-wrap{width:150px;margin:20px auto 0;}

/* 전체 파트너 */
.popup-partner{padding:0 20px;}
.popup-partner .contents{display:flex;flex-direction:column;overflow:hidden;max-width:560px;max-height:90vh;padding:50px 20px 20px;}
.popup-partner .contents h2{position:absolute;top:0;left:0;z-index:2;width:100%;height:56px;background:#fff;font-size:20px;line-height:56px;}
.popup-partner .contents .btn-close{z-index:3;}
.popup-partner .contents .scroll-inner{overflow:auto;width:100%;height:100%;padding:0;}

/* 이의제기 */
.popup-take-exception{overflow-y:auto;}
.popup-take-exception dl + dl{margin-top:20px;}
.popup-take-exception dl dt{margin-bottom:5px;font-size:14px;font-weight:bold;}
.popup-take-exception dl dd p{font-size:14px;}
.popup-take-exception dl dd p + p{margin-top:10px;}
.popup-take-exception .input-text{margin-top:20px;}
.popup-take-exception .btn-wrap{margin-top:30px;}

/* 건설 정보 */
.popup-hotel-info{overflow-y:auto;}
.popup-hotel-info .tit{margin-bottom:20px;text-align:center;}
.popup-hotel-info .tit strong{display:block;font-size:20px;font-weight:bold;}
.popup-hotel-info .tit span{display:block;font-size:16px;font-weight:bold;}
.popup-hotel-info .build-info{margin-bottom:20px;}
.popup-hotel-info .build-info dl{font-size:0;}
.popup-hotel-info .build-info dl + dl{margin-top:5px;}
.popup-hotel-info .build-info dl dt{display:inline-block;font-size:14px;font-weight:bold;}
.popup-hotel-info .build-info dl dd{display:inline-block;margin-left:5px;font-size:14px;font-weight:bold;}
.popup-hotel-info .price-box{position:relative;margin-bottom:20px;padding:20px;background:#f3f5fa;border-radius:6px;}
.popup-hotel-info .price-box .pic{position:absolute;bottom:100%;right:10px;width:80px;}
.popup-hotel-info .price-box .pic img{display:block;width:100%;}
.popup-hotel-info .price-box dl:after{content:"";display:block;clear:both;}
.popup-hotel-info .price-box dl + dl{margin-top:10px;}
.popup-hotel-info .price-box dl dt{float:left;width:30%;font-size:16px;font-weight:bold;}
.popup-hotel-info .price-box dl dd{float:right;width:70%;font-size:16px;font-weight:bold;text-align:right;}
.popup-hotel-info .price-box p{margin-top:10px;font-size:12px;color:#999;text-align:center;}
.popup-hotel-info .notice{font-size:12px;text-align:center;}
.popup-hotel-info .notice.fc4{margin-top:10px;font-size:14px;font-weight:bold;}
.popup-hotel-info .btn-wrap{margin-top:20px;}

/* 비밀번호 확인 */
.popup-pw-confirm .input-text .info{margin-bottom:10px;font-size:14px;text-align:center;}
.popup-pw-confirm .btn-wrap{margin-top:30px;}

/* 회원권 구매확인 & 보내기 확인 */
.popup-buy-confirm .info-txt,
.popup-send-confirm .info-txt{margin-bottom:10px;font-size:14px;text-align:center;}
.popup-buy-confirm .quantity-wrap .quantity,
.popup-send-confirm .quantity-wrap .quantity{margin-bottom:5px;font-size:14px;text-align:center;}
.popup-buy-confirm .quantity-wrap .quantity strong,
.popup-send-confirm .quantity-wrap .quantity strong{font-size:20px;font-weight:bold;color:#ff5252;}
.popup-buy-confirm .quantity-wrap .price span,
.popup-send-confirm .quantity-wrap .price span{display:block;text-align:center;}
.popup-buy-confirm .quantity-wrap .price .dl,
.popup-send-confirm .quantity-wrap .price .dl{font-size:12px;}
.popup-buy-confirm .quantity-wrap .price .kw,
.popup-send-confirm .quantity-wrap .price .kw{font-size:12px;color:#999;}
.popup-buy-confirm .btn-wrap,
.popup-send-confirm .btn-wrap{display:flex;margin-top:20px;}
.popup-buy-confirm .btn-wrap .btn,
.popup-send-confirm .btn-wrap .btn{flex:1 1 auto;}
.popup-buy-confirm .btn-wrap .btn-cancel,
.popup-send-confirm .btn-wrap .btn-cancel{flex:0 0 80px;margin-right:10px;}

/* 송금 방식 */
.popup-method-remittance .select-area .radio + .radio{margin-top:10px;}
.popup-method-remittance .select-area .radio input{position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px;}
.popup-method-remittance .select-area .radio span{display:block;height:60px;background:#fff;border:1px solid #ddd;border-radius:10px;font-size:16px;text-align:center;line-height:58px;}
.popup-method-remittance .select-area .radio span em{font-weight:bold;}
.popup-method-remittance .select-area .radio input:checked + span{border:2px solid #ff5252;line-height:56px;}
.popup-method-remittance .btn-wrap{width:200px;margin:20px auto 0;}

/* 분양 신청 완료 */
.popup-sell-in-lots-complete .btn-wrap{width:200px;margin:20px auto 0;}

/* 앱 다운로드 */
.popup-appdownload .info-txt{margin-bottom:20px;font-size:14px;text-align:center;}
.popup-appdownload .pic{width:70px;height:70px;margin:0 auto 20px;}
.popup-appdownload .pic img{display:block;width:100%;height:100%;border-radius:10px;}
.popup-appdownload .btn-wrap .btn{display:block;width:220px;margin:0 auto;}
.popup-appdownload .btn-wrap p{margin-top:10px;font-size:12px;text-align:center;}

/* 매칭 메모 */
.popup-memo .info-txt{margin-bottom:20px;font-size:12px;text-align:center;}
.popup-memo .input-text{position:relative;margin-bottom:20px;}
.popup-memo .input-text textarea{height:100px;padding-bottom:25px;background:#f4f4f4;resize:none;}
.popup-memo .input-text p{position:absolute;bottom:10px;right:10px;font-size:12px;color:#999;}

/* 양도 신청하기 */
.popup-transfer{overflow-y:auto;}
.popup-transfer .sub-txt{margin-bottom:10px;font-size:12px;}
.popup-transfer .radius-box{position:relative;padding:20px;background:#f3f5fa;border-radius:6px;}
.popup-transfer .radius-box strong{display:block;margin-bottom:10px;font-size:16px;font-weight:bold;text-align:center;}
.popup-transfer .radius-box dl{display:flex;justify-content:space-between;}
.popup-transfer .radius-box dl + dl{margin-top:5px;}
.popup-transfer .radius-box dl dt{font-size:14px;}
.popup-transfer .radius-box dl dd{font-size:14px;}
.popup-transfer .transfer-confirm{margin:10px 0 20px;font-size:16px;text-align:center;}
.popup-transfer .btn-wrap{display:flex;}
.popup-transfer .btn-wrap .btn{flex:1 1 auto;}
.popup-transfer .btn-wrap .btn + .btn{margin-left:10px;}
.popup-transfer .notice{margin-top:20px;font-size:12px;color:#999;text-align:center;}
.popup-transfer .notice.type2{font-size:14px;color:#ff5252;}

/* 양도 매물 가져오기 */
.popup-transfer-get{overflow-y:auto;}
.popup-transfer-get .radius-box{position:relative;padding:20px;background:#f3f5fa;border-radius:6px;}
.popup-transfer-get .radius-box strong{display:block;margin-bottom:10px;font-size:16px;font-weight:bold;text-align:center;}
.popup-transfer-get .radius-box dl{display:flex;justify-content:space-between;}
.popup-transfer-get .radius-box dl + dl{margin-top:5px;}
.popup-transfer-get .radius-box dl dt{font-size:14px;}
.popup-transfer-get .radius-box dl dd{font-size:14px;}
.popup-transfer-get .transfer-confirm{margin:10px 0 20px;font-size:16px;text-align:center;}
.popup-transfer-get .btn-wrap{display:flex;}
.popup-transfer-get .btn-wrap .btn{flex:1 1 auto;}
.popup-transfer-get .btn-wrap .btn + .btn{margin-left:10px;}
.popup-transfer-get .notice{margin-top:20px;font-size:12px;color:#999;text-align:center;}

/* 양도 완료 */
.popup-transfer-confirm .sub-txt{font-size:14px;text-align:center;}
.popup-transfer-confirm .sub-txt span{text-decoration:underline;}
.popup-transfer-confirm .btn-wrap{display:flex;margin-top:20px;}
.popup-transfer-confirm .btn-wrap .btn{flex:1 1 auto;}
.popup-transfer-confirm .btn-wrap .btn + .btn{margin-left:10px;}

/* 매칭중 */
.popup-matching .info-txt{margin-bottom:20px;font-size:12px;text-align:center;}
.popup-matching .info-txt strong{display:block;font-size:15px;font-weight:bold;}
.popup-matching .notice{margin-top:15px;font-size:12px;color:#999;text-align:center;}

/* 회원권 교환 */
.popup-membership-change{overflow-y:auto;}
.popup-membership-change .graphic-area{display:flex;justify-content:center;align-content:center;margin-bottom:20px;}
.popup-membership-change .graphic-area .hotel{flex:0 1 auto;}
.popup-membership-change .graphic-area .hotel img{display:block;width:80px;}
.popup-membership-change .graphic-area .membership{display:flex;align-items:center;flex:0 1 auto;padding-left:60px;background:url('../images/icon/icon_right6.png') no-repeat 10px center;background-size:40px 40px;}
.popup-membership-change .graphic-area .membership img{flex:0 1 auto;width:80px;}
.popup-membership-change .radius-box{position:relative;padding:20px;background:#f3f5fa;border-radius:6px;}
.popup-membership-change .radius-box strong{display:block;margin-bottom:10px;font-size:16px;font-weight:bold;text-align:center;}
.popup-membership-change .radius-box dl{display:flex;justify-content:space-between;}
.popup-membership-change .radius-box dl + dl{margin-top:5px;}
.popup-membership-change .radius-box dl dt{font-size:14px;}
.popup-membership-change .radius-box dl dd{font-size:14px;}
.popup-membership-change .radius-box .bottom{padding-top:50px;background:url('../images/icon/icon_down2.svg') no-repeat center top;background-size:50px 50px;}
.popup-membership-change .radius-box .total{margin-top:10px;padding-top:10px;border-top:1px solid #ddd;}
.popup-membership-change .btn-wrap{display:flex;margin-top:20px;}
.popup-membership-change .btn-wrap .btn-cancel{flex:0 1 auto;width:80px;margin-right:10px;}
.popup-membership-change .change-load{display:none;position:absolute;top:87px;bottom:30px;left:20px;right:20px;background:#fff;}
.popup-membership-change .change-load .loading-icon{position:absolute;top:50%;left:50%;padding-top:40px;font-size:12px;text-align:center;transform:translate(-50%, -50%);}
.popup-membership-change .change-load .loading-icon:before{content:"";position:absolute;top:0;left:50%;width:30px;height:30px;margin-left:-15px;background:url('../images/logo/loading_logo.png') no-repeat center center;background-size:100% 100%;animation:loadingOpacity 1s ease-in-out infinite alternate;}
.popup-membership-change .pic img{display:block;width:80%;margin:0 auto 20px;}
.popup-membership-change .step2{display:none;}
.popup-membership-change .step2 dl dt{margin-bottom:5px;font-size:20px;font-weight:bold;text-align:center;}
.popup-membership-change .step2 dl dd{text-align:center;}
.popup-membership-change .step2 .radius-box{margin-top:20px;}
.popup-membership-change .step2 .radius-box p{margin-bottom:10px;font-size:14px;font-weight:bold;text-align:center;}


/* ======================= Layer ======================= */

.layer-overlay{display:none;position:fixed;top:0;left:0;z-index:990;width:100%;height:100%;background:rgba(0,0,0,.7);}

/* 공통 */
.layer{position:fixed;bottom:-150vh;left:0;z-index:1000;width:100%;height:100%;padding-top:60px;background:#fff;}
.layer .head{position:absolute;top:0;left:0;z-index:2;width:100%;height:60px;padding:0 64px;}
.layer .head p{font-size:18px;text-align:center;line-height:60px;}
.layer .head .btn-close{position:absolute;top:0;right:0;width:64px;height:60px;padding:0;background:url('../images/btn/btn_close1.png') no-repeat center center;background-size:20px 20px;text-indent:-9999em;opacity:.6;}
.layer .contents{overflow-y:auto;position:relative;height:100%;padding:20px;background:#fff;}
.layer .head.scrolled{background:#fff;box-shadow:0 4px 10px 0 rgba(148, 148, 148, .2);}

/* 이용약관 */
.layer-terms{background:#fafafa;}
.layer-terms .contents{overflow:hidden;padding:40px 0 0;}
.layer-terms .contents .tab{position:absolute;top:0;left:0;width:100%;background:#fafafa;}
.layer-terms .contents .tab-cont-wrap{overflow-y:auto;height:100%;padding:20px;}
.layer-terms .contents .tab-cont strong{display:block;margin-bottom:10px;}
.layer-terms .contents .tab-cont p + strong{margin-top:30px;}
.layer-terms .contents .tab-cont p + p{margin-top:10px;}

/* 내 계좌 */
.layer-mybank .tab{margin-bottom:10px;}
.layer-mybank .radius-box{position:relative;padding:20px;background:#f3f5fa;border-radius:6px;}
.layer-mybank .radius-box .bank-name,
.layer-mybank .radius-box .usdt-name{display:block;margin-bottom:5px;font-size:14px;font-weight:bold;}
.layer-mybank .radius-box .bank-account{display:block;margin-bottom:5px;font-size:14px;font-weight:bold;}
.layer-mybank .radius-box .user-name{display:block;font-size:14px;font-weight:bold;color:#999;}
.layer-mybank .radius-box .usdt-account{display:block;padding-right:100px;word-break:break-all;}
.layer-mybank .radius-box .btn-change{position:absolute;top:20px;right:20px;font-size:12px;text-decoration:underline;}
.layer-mybank .notice{margin-top:15px;font-size:12px;color:#999;}
.layer-mybank .notice p + p{margin-top:10px;}

/* 오늘 분양 시세 */
.layer-going-price{display:flex;flex-direction:column;overflow:hidden;height:auto;max-height:calc(100% - 30px);margin-top:30px;background:#fafafa;border-top-left-radius:10px;border-top-right-radius:10px;}
.layer-going-price .head{background:none;}
.layer-going-price .head.scrolled{background:#fafafa;}
.layer-going-price .contents{padding:0 20px 20px;background:#fafafa;}
.layer-going-price .contents .current-time{padding:10px;font-size:12px;color:#272727;text-align:center;}
.layer-going-price .contents li{display:flex;align-content:center;flex-wrap:wrap;padding:20px 20px 20px 20px;background:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 10px 15px rgba(0,0,0,.1);}
.layer-going-price .contents li + li{margin-top:10px;}
.layer-going-price .contents li .pic{display:flex;align-items:center;flex:0 0 auto;width:60px;margin-right:10px;}
.layer-going-price .contents li .pic img{display:block;flex:0 1 auto;width:100%;}
.layer-going-price .contents li .txt{flex:1 1 auto;}
.layer-going-price .contents li .txt .hotel-name{display:block;margin-bottom:10px;font-size:14px;font-weight:bold;}
.layer-going-price .contents li .txt dl{display:flex;justify-content:space-between;}
.layer-going-price .contents li .txt dl + dl{margin-top:5px;}
.layer-going-price .contents li .txt dl.border-top{padding-top:5px;border-top:1px solid #ddd;}
.layer-going-price .contents li .txt dl dt{font-size:12px;}
.layer-going-price .contents li .txt dl dd{font-size:12px;}
.layer-going-price .contents .notice{padding:20px;font-size:12px;color:#ccc;text-align:center;}

/* 분양 신청 상세 */
.layer-request{display:flex;flex-direction:column;overflow-y:auto;height:auto;max-height:calc(100% - 30px);margin-top:30px;background:#fafafa;border-top-left-radius:10px;border-top-right-radius:10px;}
.layer-request .contents{display:flex;flex-direction:column;padding-bottom:0;background:none;}
.layer-request .hotel-info{flex:0 1 auto;}
.layer-request .hotel-info dl{display:flex;justify-content:space-between;}
.layer-request .hotel-info dl dt,
.layer-request .hotel-info dl dd{font-size:12px;font-weight:bold;color:#999;}
.layer-request .hotel-info dl dd span{font-size:14px;}
.layer-request .hotel-info dl.current-price dt,
.layer-request .hotel-info dl.current-price dd{font-size:14px;color:#252b3b;}
.layer-request .hotel-info dl.current-price dd span{font-size:16px;}
.layer-request .hotel-type{flex:0 1 auto;position:relative;margin-top:auto;}
.layer-request .hotel-type img{display:block;width:200px;margin:0 auto;}
.layer-request .hotel-type span{position:absolute;top:50%;left:50%;padding:10px;background:rgba(255,255,255,.5);font-size:20px;font-weight:bold;white-space:nowrap;transform:translate(-50%, -50%);}
.layer-request .control-box{flex:0 1 auto;margin-top:-30px;padding:60px 20px 20px;background:#fff;border-top-left-radius:10px;border-top-right-radius:10px;box-shadow:0 0 20px rgba(0,0,0,.1);}
.layer-request .control-box .amount-wrap p{margin-bottom:10px;font-size:12px;color:#999;}
.layer-request .amount-edit{display:flex;}
.layer-request .amount-edit label{flex:1 1 auto;}
.layer-request .amount-edit label input{width:100%;height:40px;padding:0 10px;border:1px solid #ddd;border-radius:2px;font-size:14px;color:#433131;text-align:center;}
.layer-request .amount-edit .btn-minus{flex:0 1 50px;height:40px;margin-left:5px;background:url('../images/icon/icon_down4.svg') no-repeat center center #f4f4f4;background-size:16px 16px;border:1px solid #ddd;border-radius:2px;text-indent:-9999em;}
.layer-request .amount-edit .btn-plus{flex:0 1 50px;height:40px;margin-left:5px;background:url('../images/icon/icon_up3.svg') no-repeat center center #f4f4f4;background-size:16px 16px;border:1px solid #ddd;border-radius:2px;text-indent:-9999em;}
.layer-request .amount-wrap .bottom{display:flex;justify-content:space-between;margin-top:10px;font-size:14px;font-weight:bold;}
.layer-request .amount-wrap .bottom span{margin-left:5px;color:#ff5252;}
.layer-request .control-box .btn-wrap{margin-top:20px;}

/* 계약 송금 정보 */
.layer-remittance-info{display:flex;flex-direction:column;overflow-y:auto;height:auto;max-height:calc(100% - 30px);margin-top:30px;background:#fafafa;border-top-left-radius:10px;border-top-right-radius:10px;}
.layer-remittance-info .contents{display:flex;flex-direction:column;background:none;}
.layer-remittance-info .tit.btn-copy{display:block;position:relative;margin-bottom:20px;font-size:16px;font-weight:bold;text-align:center;word-break:break-all;}
.layer-remittance-info .tit.btn-copy:before{content:"";display:inline-block;width:20px;height:20px;margin-right:7px;background:url('../images/icon/icon_copy1.svg') no-repeat center center;background-size:20px 20px;vertical-align:middle;}
.layer-remittance-info dl:after{content:"";display:block;clear:both;}
.layer-remittance-info dl + dl{margin-top:10px;}
.layer-remittance-info dl dt{float:left;width:50%;font-size:12px;color:#999;}
.layer-remittance-info dl dd{float:right;width:50%;font-size:12px;color:#999;text-align:right;}
.layer-remittance-info dl dd.bold{color:#252b3b;}
.layer-remittance-info dl dd .btn-message{margin-left:5px;color:#0078ff;}
.layer-remittance-info .memo{flex:0 0 auto;overflow-y:auto;max-height:100px;margin-top:10px;padding:10px;background:#f4f4f4;border-radius:10px;font-size:12px;}
.layer-remittance-info .memo + dl,
.layer-remittance-info dl + .white-box,
.layer-remittance-info .white-box + .white-box,
.layer-remittance-info .white-box + .notice{margin-top:10px;}
.layer-remittance-info .white-box{padding:20px;background:#fff;border-radius:10px;box-shadow:0 5px 20px rgba(0,0,0,.1);}
.layer-remittance-info .white-box dl + dl{margin-top:10px;}
.layer-remittance-info .white-box dt{width:35%;font-size:14px;color:#252b3b;}
.layer-remittance-info .white-box dd{width:65%;font-size:14px;color:#252b3b;}
.layer-remittance-info .white-box + dl{margin-top:10px;}
.layer-remittance-info .white-box .countdown{display:block;margin-bottom:20px;font-size:16px;font-weight:bold;color:#0078ff;text-align:center;}
.layer-remittance-info .white-box p{font-size:12px;}
.layer-remittance-info .white-box p + p{margin-top:10px;}
.layer-remittance-info .white-box .btn{display:block;width:220px;margin:20px auto 0;}
.layer-remittance-info .white-box .btn-copy{position:relative;padding-left:25px;word-break:break-all;text-align:right;}
.layer-remittance-info .white-box .btn-copy:before{content:"";position:absolute;top:0;left:0;width:20px;height:20px;background:url('../images/icon/icon_copy1.svg') no-repeat center center;background-size:20px 20px;}
.layer-remittance-info .btn-wrap{margin:20px 0 10px;}
.layer-remittance-info .notice{margin-bottom:20px;font-size:12px;}
.layer-remittance-info .notice strong{display:block;margin-bottom:5px;font-weight:bold;}
.layer-remittance-info .notice p + p{margin-top:10px;}
.layer-remittance-info .notice.star-point span{display:block;margin-bottom:10px;font-size:13px;}
.layer-remittance-info .notice.star-point span em{text-decoration:underline;}
.layer-remittance-info .notice.star-point strong{display:block;margin-bottom:0;font-size:13px;font-weight:normal;}
.layer-remittance-info .notice.star-point strong:before{content:"";display:inline-block;width:12px;height:12px;margin:4px 5px 0 0;background:url('../images/icon/icon_star1.svg') no-repeat center center;background-size:12px 12px;vertical-align:top;}

/* 회원권 구매 */
.layer-membership-buy .control-box .tit{display:block;margin-bottom:5px;font-size:14px;font-weight:bold;}
.layer-membership-buy .control-box .input-text{position:relative;padding-right:50px;}
.layer-membership-buy .control-box .input-text input{text-align:right;}
.layer-membership-buy .control-box .input-text span{position:absolute;top:0;right:0;width:50px;padding:0 10px;text-align:left;line-height:40px;}
.layer-membership-buy .control-box .control{display:flex;margin-top:10px;}
.layer-membership-buy .control-box .control .btn-range{flex:1 1 auto;height:30px;background:#fff;border:1px solid #cacaca;border-radius:4px;font-size:12px;}
.layer-membership-buy .control-box .control .btn-range + .btn-range{margin-left:5px;}
.layer-membership-buy .control-box .control .btn-reset{flex:0 0 45px;margin-left:5px;width:45px;height:30px;background:#ddd;border-radius:4px;font-size:12px;}
.layer-membership-buy .btn-wrap{margin-top:20px;}
.layer-membership-buy .notice-wrap{margin-top:20px;}

/* 회원권 구매 확인 후 */
.layer-membership-info .deposit-info{display:flex;justify-content:space-between;margin-bottom:15px;}
.layer-membership-info .deposit-info dt{font-size:14px;}
.layer-membership-info .deposit-info dd{font-size:14px;}
.layer-membership-info .radius-box{position:relative;padding:20px;background:#f3f5fa;border-radius:6px;}
.layer-membership-info .radius-box dl{display:flex;}
.layer-membership-info .radius-box dl + dl{margin-top:5px;}
.layer-membership-info .radius-box dl.usdt{margin-top:20px;}
.layer-membership-info .radius-box dt{flex:0 0 100px;font-size:14px;color:#999;}
.layer-membership-info .radius-box dd{flex:1 1 auto;font-size:14px;}
.layer-membership-info .radius-box dd .btn-copy{text-align:left;word-break:break-all;}
.layer-membership-info .radius-box dd .btn-copy:after{content:"";display:inline-block;width:20px;height:20px;margin-left:5px;background:url('../images/icon/icon_copy1.svg') no-repeat center center;background-size:20px 20px;vertical-align:middle;}
.layer-membership-info .time-info{margin:15px 0;}
.layer-membership-info .time-info dl{display:flex;justify-content:space-between;}
.layer-membership-info .time-info dl + dl{margin-top:5px;}
.layer-membership-info .time-info dl dt{font-size:14px;}
.layer-membership-info .time-info dl dd{font-size:14px;}
.layer-membership-info .btn-wrap{margin:20px 0;}
.layer-membership-buy-info .btn-wrap{width:220px;margin:50px auto;}

/* 회원권 보내기 */
.layer-membership-send .control-box .tit{display:block;margin-bottom:5px;font-size:14px;font-weight:bold;}
.layer-membership-send .control-box .input-text{position:relative;padding-right:50px;}
.layer-membership-send .control-box .input-text input{text-align:right;}
.layer-membership-send .control-box .input-text span{position:absolute;top:0;right:0;width:50px;padding:0 10px;text-align:left;line-height:40px;}
.layer-membership-send .control-box .control{display:flex;margin-top:10px;}
.layer-membership-send .control-box .control .btn-range{flex:1 1 auto;height:30px;background:#fff;border:1px solid #cacaca;border-radius:4px;font-size:12px;}
.layer-membership-send .control-box .control .btn-range + .btn-range{margin-left:5px;}
.layer-membership-send .control-box .control .btn-reset{flex:0 0 45px;margin-left:5px;width:45px;height:30px;background:#ddd;border-radius:4px;font-size:12px;}
.layer-membership-send .receive-box{margin-top:20px;}
.layer-membership-send .receive-box .tit{display:block;margin-bottom:5px;font-size:14px;font-weight:bold;}
.layer-membership-send .total-membership{display:flex;justify-content:space-between;margin-top:15px;}
.layer-membership-send .total-membership dt{font-size:14px;}
.layer-membership-send .total-membership dd{font-size:14px;font-weight:bold;}
.layer-membership-send .btn-wrap{margin-top:20px;}
.layer-membership-send .notice-wrap{margin-top:20px;}

/* 구매/판매 이력 */
.layer-record .hotel-info{margin-bottom:20px;font-size:16px;font-weight:bold;text-align:center;}
.layer-record .table-section table{width:100%;border-top:2px solid #333;table-layout:fixed;}
.layer-record .table-section table th{padding:10px 0;background:#fff;border-bottom:1px solid #333;font-size:14px;text-align:center;}
.layer-record .table-section table td{padding:10px 5px;background:#fff;border-bottom:1px solid #ddd;font-size:14px;text-align:center;vertical-align:middle;}
.layer-record .table-section table td strong{display:block;}
.layer-record .table-section table td span{display:block;color:#999;}

/* 포인트 구매 상세 */
.layer-buy-detail{display:flex;flex-direction:column;overflow-y:auto;height:auto;max-height:calc(100% - 30px);margin-top:30px;background:#fafafa;border-top-left-radius:10px;border-top-right-radius:10px;}
.layer-buy-detail .contents{display:flex;flex-direction:column;padding-bottom:0;background:none;}
.layer-buy-detail .hotel-info{flex:0 1 auto;margin-bottom:20px;}
.layer-buy-detail .hotel-info dl{display:flex;justify-content:space-between;}
.layer-buy-detail .hotel-info dl dt,
.layer-buy-detail .hotel-info dl dd{font-size:12px;font-weight:bold;color:#999;}
.layer-buy-detail .hotel-info dl dd span{font-size:14px;color:#ff5252;}
.layer-buy-detail .hotel-info dl.current-price dt,
.layer-buy-detail .hotel-info dl.current-price dd{font-size:14px;color:#252b3b;}
.layer-buy-detail .hotel-info dl.current-price dd span{font-size:16px;color:#252b3b;}
.layer-buy-detail .control-info{flex:0 1 auto;margin-top:auto;background:#fff;border-top-left-radius:10px;border-top-right-radius:10px;box-shadow:0 0 20px rgba(0,0,0,.1);}
.layer-buy-detail .pic{position:relative;margin-top:auto;padding:20px;}
.layer-buy-detail .pic img{display:block;width:100%;}
.layer-buy-detail .mpoint{position:relative;width:280px;max-width:100%;height:160px;margin:0 auto;padding-top:50px;background:#e5002f;border-radius:10px;box-shadow:0 10px 20px rgba(0,0,0,.2);}
.layer-buy-detail .mpoint span{position:absolute;top:10px;left:15px;font-size:12px;color:#fff;}
.layer-buy-detail .mpoint strong{display:block;margin-bottom:10px;font-size:20px;font-weight:bold;color:#fff;text-align:center;text-decoration:underline;}
.layer-buy-detail .mpoint p{font-size:16px;color:#fff;text-align:center;}
.layer-buy-detail .control-box{padding:0 20px 20px;background:#fff;}
.layer-buy-detail .control-box .amount-wrap p{margin-bottom:10px;font-size:12px;color:#999;}
.layer-buy-detail .amount-edit{display:flex;}
.layer-buy-detail .amount-edit label{flex:1 1 auto;}
.layer-buy-detail .amount-edit label input{width:100%;height:40px;padding:0 10px;border:1px solid #ddd;border-radius:2px;font-size:14px;color:#433131;text-align:center;}
.layer-buy-detail .amount-edit .btn-minus{flex:0 1 50px;height:40px;margin-left:5px;background:url('../images/icon/icon_down4.svg') no-repeat center center #f4f4f4;background-size:16px 16px;border:1px solid #ddd;border-radius:2px;text-indent:-9999em;}
.layer-buy-detail .amount-edit .btn-plus{flex:0 1 50px;height:40px;margin-left:5px;background:url('../images/icon/icon_up3.svg') no-repeat center center #f4f4f4;background-size:16px 16px;border:1px solid #ddd;border-radius:2px;text-indent:-9999em;}
.layer-buy-detail .amount-wrap .bottom{display:flex;justify-content:space-between;margin-top:10px;font-size:14px;font-weight:bold;}
.layer-buy-detail .amount-wrap .bottom span{margin-left:5px;color:#ff5252;}
.layer-buy-detail .info{margin-top:10px;}
.layer-buy-detail .info .bank-info{margin-top:10px;}
.layer-buy-detail .info .won-change strong,
.layer-buy-detail .info .bank-info strong{font-weight:bold;}
.layer-buy-detail .notice{margin-top:10px;color:#666;}
.layer-buy-detail .control-box .btn-wrap{margin-top:20px;}

/* 전체 송금정보 목록 */
.layer-remittance-list{display:flex;flex-direction:column;overflow-y:auto;height:auto;max-height:calc(100% - 30px);margin-top:30px;background:#fafafa;border-top-left-radius:10px;border-top-right-radius:10px;}
.layer-remittance-list .contents{display:flex;flex-direction:column;background:#fff;}
.layer-remittance-list .total{margin-top:20px;}
.layer-remittance-list .total strong{display:block;font-size:16px;font-weight:bold;text-align:center;}
.layer-remittance-list .total span{display:block;font-size:14px;text-align:center;}
.layer-remittance-list .remittance-list{margin-top:20px;padding-top:20px;background:#fafafa;}
.layer-remittance-list .remittance-list .item + .item{margin-top:20px;}
.layer-remittance-list .remittance-list dl{display:flex;justify-content:space-between;}
.layer-remittance-list .remittance-list .tit{display:block;margin-bottom:5px;font-size:16px;font-weight:bold;}
.layer-remittance-list .white-box{margin-top:10px;padding:20px;background:#fff;border-radius:10px;box-shadow:0 5px 20px rgba(0,0,0,.1);}
.layer-remittance-list .white-box dl{width:100%;}
.layer-remittance-list .white-box dl + dl{margin-top:10px;}
.layer-remittance-list .white-box dt{font-size:14px;color:#252b3b;}
.layer-remittance-list .white-box dd{font-size:14px;color:#252b3b;}
.layer-remittance-list .white-box + dl{margin-top:10px;}
.layer-remittance-list .white-box .countdown{display:block;margin-bottom:20px;font-size:16px;font-weight:bold;color:#0078ff;text-align:center;}
.layer-remittance-list .white-box p{font-size:12px;}
.layer-remittance-list .white-box p + p{margin-top:10px;}
.layer-remittance-list .white-box .btn{display:block;margin-top:20px;}
.layer-remittance-list .white-box .btn-copy{position:relative;padding-left:25px;word-break:break-all;text-align:right;}
.layer-remittance-list .white-box .btn-copy:before{content:"";position:absolute;top:0;left:0;width:20px;height:20px;background:url('../images/icon/icon_copy1.svg') no-repeat center center;background-size:20px 20px;}

/* 수익 현황 */
.layer-profit-state{display:flex;flex-direction:column;overflow-y:auto;height:auto;max-height:calc(100% - 30px);margin-top:30px;background:#fafafa;border-top-left-radius:10px;border-top-right-radius:10px;}
.layer-profit-state .contents{display:flex;flex-direction:column;background:#fff;}
.layer-profit-state .sub-info{margin-bottom:20px;font-size:14px;color:#999;text-align:center;}
.layer-profit-state table + table{margin-top:20px;}
.layer-profit-state table thead th{background:#f1f1f1;font-size:12px;vertical-align:middle;}
.layer-profit-state table tbody th{border-bottom:1px solid #eee;font-size:12px;vertical-align:middle;}
.layer-profit-state table tbody td{font-size:12px;vertical-align:middle;word-break:break-all;}

/* 보유호텔 분양 시 */
.layer-hold-distribution{display:flex;flex-direction:column;overflow-y:auto;height:auto;max-height:calc(100% - 30px);margin-top:30px;padding-top:120px;background:#fafafa;border-top-left-radius:10px;border-top-right-radius:10px;}
.layer-hold-distribution .head{height:120px;}
.layer-hold-distribution .head .txt{padding-bottom:15px;text-align:center;}
.layer-hold-distribution .head .txt strong{display:block;font-weight:bold;}
.layer-hold-distribution .head .txt span{display:block;}
.layer-hold-distribution .contents{background:#f2f2f2;}
.layer-hold-distribution .contents ul li + li{margin-top:15px;}
.layer-hold-distribution .contents ul li .date{display:block;margin-bottom:10px;}
.layer-hold-distribution .contents ul li dl{display:flex;padding:20px;background:#fff;border-radius:10px;}
.layer-hold-distribution .contents ul li dl dt{flex:1 1 auto;font-size:14px;font-weight:bold;}
.layer-hold-distribution .contents ul li dl dd{text-align:right;}
.layer-hold-distribution .contents ul li dl dd strong{display:block;font-weight:bold;}
.layer-hold-distribution .contents ul li dl dd span{display:block;font-size:12px;color:#666;}


/* =================================================
    * Header
================================================= */
#header{position:fixed;top:0;left:0;z-index:10;width:100%;height:60px;padding:0 64px;background:#fff;}
#header.header-gray{background:#fafafa;}
#header.transparent{background:none;}
#header:after{content:"";display:block;clear:both;}
#header h1{position:absolute;top:50px;left:50%;width:200px;background:url('../images/logo/logo_hotelking.png') no-repeat center center;background-size:100% auto;transform:translate(-50%, 0);transition:.2s ease-in-out;}
#header.transparent h1{background-image:url('../images/logo/logo_hotelking_w.png');}
#header h1 img{display:block;width:100%;opacity:0;}
#header p{font-size:18px;text-align:center;line-height:60px;}
#header p.animation-title{color:transparent;transition:color .3s ease-in-out;}
#header p.animation-title.on{color:#433131;}
#header p .btn-question{position:static;display:inline-block;width:20px;height:20px;margin:19px 0 0 5px;background-size:20px 20px;vertical-align:top;}
#header .btn-back{position:absolute;top:0;left:0;width:64px;height:60px;padding:0;background:url('../images/icon/icon_back2.svg') no-repeat center center;background-size:50px 50px;text-indent:-9999em;-webkit-tap-highlight-color:rgba(0, 0, 0, .1);}
#header .btn-list{position:absolute;top:0;right:0;width:64px;height:60px;padding:0;background:url('../images/icon/icon_list1.png') no-repeat center center;background-size:24px 24px;text-indent:-9999em;}
#header .btn-confirm{position:absolute;top:0;right:0;height:60px;padding:0 20px 0 0;font-size:14px;text-align:right;line-height:60px;}
#header .btn-alarm{position:absolute;top:0;right:0;width:64px;height:60px;padding:0;background:url('../images/icon/icon_alarm1.svg') no-repeat center center;background-size:24px 24px;text-indent:-9999em;}
#header .btn-alarm.on:before{content:"";position:absolute;top:50%;left:50%;width:4px;height:4px;margin:-11px 0 0 5px;background:#ff5252;border-radius:2px;}
#header .btn-share{position:absolute;top:17px;right:20px;height:25px;padding:0 10px 0 23px;background:#03cf5d;border-radius:2px;font-size:12px;color:#fff;text-align:right;line-height:25px;-webkit-tap-highlight-color:rgba(255, 82, 82, .2);}
#header .btn-share:before{content:"";position:absolute;top:4px;left:5px;width:16px;height:16px;background:url('../images/icon/icon_paperairplane1.png') no-repeat center center;background-size:100% 100%;}
#header .btn-info{position:absolute;top:0;right:0;height:60px;padding:0 20px 0 0;font-size:16px;text-align:right;line-height:60px;}
#header .btn-info span{display:block;padding-right:20px;background:url('../images/icon/icon_question1.png') no-repeat right center;background-size:16px 16px;}
#header .btn-link{position:absolute;top:50%;right:20px;height:25px;padding:0 10px;background:#ddd;border-radius:4px;font-size:12px;line-height:25px;transform:translate(0, -50%);}
#header .btn-close{position:absolute;top:0;right:0;width:64px;height:60px;padding:0;background:url('../images/btn/btn_close1.png') no-repeat center center;background-size:20px 20px;text-indent:-9999em;opacity:.6;}
#header .btn-qrcode{position:absolute;top:16px;right:20px;width:50px;height:28px;background:url('../images/pic/img_qrcode1.png') no-repeat center center;background-size:50px 28px;text-indent:-9999em;}
#header .btn-question{position:absolute;top:0;right:0;width:64px;height:60px;background:url('../images/icon/icon_question3.svg') no-repeat center center;background-size:30px 30px;text-indent:-9999em;}
#header .btn-search{position:absolute;top:50%;right:20px;padding:5px 10px;background:#fff;border-radius:4px;font-size:12px;transform:translate(0, -50%);}
#header.type2{background:#252b3b;}
#header.type2 .btn-back{background-image:url('../images/icon/icon_back1.svg');}
#header.type2 p{color:#fff;}
#header.type2 .btn-question{background-image:url('../images/icon/icon_question2.svg');}
#header.type2 .btn-link{background:#08133b;color:#fff;}
#header.type2 .btn-link.type2{background:#fff;color:#ff5252;}
#header .right{position:absolute;top:0;right:0;padding-right:16px;font-size:0;white-space:nowrap;}
#header .right a{display:inline-block;position:relative;font-size:16px;font-weight:500;color:#454545;line-height:60px;}
#header .right a .tooltip{position:absolute;top:45px;left:50%;width:152px;height:46px;margin-left:-76px;}
#header .right a + a{margin-left:16px;}
#header.scrolled{box-shadow:0 4px 10px 0 rgba(148, 148, 148, .2);}
#header.scrolled h1{top:20px;width:100px;background-image:url('../images/logo/logo_hotelking.png');}
#header.type2.scrolled{box-shadow:0 4px 10px 0 rgba(0, 0, 0, .2);}
#header.transparent.scrolled{background:#fafafa;}

/* Navigation */
.gnb{display:flex;position:fixed;bottom:0;left:0;z-index:10;width:100%;height:60px;background:#fff;border-top:1px solid #ddd;}
.gnb a{flex:1 1 0;position:relative;padding-top:33px;text-align:center;-webkit-tap-highlight-color:rgba(255, 82, 82, 0);}
.gnb a span{font-size:10px;font-weight:500;color:#4b5777;line-height:14px;}
.gnb a.on span{color:#252b3b;}
.gnb .btn-my{background:url('../images/icon/icon_account1_off.svg') no-repeat center 9px;background-size:22px 22px;}
.gnb .btn-menu{background:url('../images/icon/icon_menu1_off.svg') no-repeat center 9px;background-size:22px 22px;}
.gnb .btn-alarm{background:url('../images/icon/icon_alarm2_off.svg') no-repeat center 9px;background-size:22px 22px;}
.gnb .btn-my.on{background-image:url('../images/icon/icon_account1.svg');}
.gnb .btn-menu.on{background-image:url('../images/icon/icon_menu1.svg');}
.gnb .btn-alarm.on{background-image:url('../images/icon/icon_alarm2.svg');}
.gnb .tooltip-notice{position:absolute;bottom:60px;left:0;width:100%;padding:10px 10px;box-shadow:0 10px 20px rgba(0,0,0,.1);opacity:.92;}
.gnb .tooltip-notice a{display:block;overflow:hidden;width:100%;height:30px;padding:0 20px 0 40px;background:url('../images/icon/icon_alarm3.svg') no-repeat 10px center #ff5252;background-size:auto 20px;border-radius:30px;font-size:12px;color:#fff;line-height:30px;white-space:nowrap;text-overflow:ellipsis;}


/* =================================================
    * Container
================================================= */
#container{min-height:100vh;}

/* ======================= 메인 ======================= */
.main{position:relative;z-index:2;padding:120px 20px 120px;background:#fafafa;}
.bg-main .main{background:none;}
.main .user-account .user-info{position:relative;margin-bottom:10px;padding-left:95px;}
.main .user-account .user-info .btn-qrcode{position:absolute;top:50%;left:0;z-index:2;width:80px;height:44px;background:url('../images/pic/img_qrcode1.png') no-repeat center center;background-size:80px 44px;text-indent:-9999em;transform:translate(0, -50%);}
.main .user-account .user-info .info{vertical-align:middle;}
.main .user-account .user-info .info .level{display:block;font-size:14px;color:#fff;line-height:1.3;}
.main .user-account .user-info .info .btn-partner{display:inline-block;width:50px;height:17px;margin:1px 0 0 6px;background:#F0E68C;border-radius:8px;font-size:11px;vertical-align:top;}
.main .user-account .user-info .info .name{display:block;font-size:20px;font-weight:bold;color:#fff;}
.main .user-account .user-info .btn-bank{position:absolute;top:50%;right:0;width:50px;height:30px;margin-left:auto;padding:0;background:#252b3b;border-radius:4px;font-size:14px;color:#fff;vertical-align:middle;transform:translate(0, -50%);}
.main .user-account .btn-credit-grade{display:block;margin:20px 0 10px;font-size:18px;font-weight:bold;color:#fff;}
.main .membership{margin-bottom:30px;padding:12px;background:#fff;border:2px solid #FF5252;border-radius:8px;}
.main .membership-info{position:relative;margin-bottom:15px;}
.main .membership-info .number{display:flex;align-items:center;}
.main .membership-info .number strong{flex:0 1 auto;margin-left:6px;font-size:28px;font-weight:bold;vertical-align:middle;}
.main .membership-info .number span{flex:0 1 auto;margin-left:5px;font-size:12px;vertical-align:middle;}
.main .membership-info .number .btn-refresh{flex:0 1 auto;margin-left:6px;width:30px;height:30px;background:url('../images/icon/icon_refresh1.svg') no-repeat center center;background-size:30px 30px;text-indent:-9999em;}
.main .membership-info .number .btn-question{display:none;flex:0 1 auto;width:16px;height:16px;margin-left:10px;background:url('../images/icon/icon_question1.png') no-repeat center center;background-size:16px 16px;vertical-align:middle;text-indent:-9999em;}
.main .membership-info .btn-buy{position:absolute;top:50%;right:0;width:80px;height:30px;background:#ff5252;border-radius:4px;font-size:14px;color:#fff;transform:translate(0, -50%);}
.main .detail-price{padding:0 20px;}
.main .detail-price dl:after{content:"";display:block;clear:both;}
.main .detail-price dl dt{float:left;font-size:14px;font-weight:bold;line-height:24px;}
.main .detail-price dl dd{float:right;font-size:14px;line-height:24px;}
.main .detail-price dl.total{margin-top:10px;}
.main .detail-price dl.total dd .change{display:inline-block;margin-right:10px;padding-left:15px;font-size:12px;vertical-align:middle;line-height:24px;}
.main .detail-price dl.total dd .change.up{background:url('../images/icon/icon_up2.png') no-repeat left center;background-size:12px 12px;color:#ff5252;}
.main .detail-price dl.total dd .change.down{background:url('../images/icon/icon_down1.png') no-repeat left center;background-size:12px 12px;color:#0078ff;}
.main .detail-price dl.total dd strong{display:inline-block;font-size:16px;font-weight:bold;vertical-align:middle;line-height:24px;}
.main .detail-price p{margin-top:5px;font-size:12px;color:#ccc;}
.main .btn-wrap{display:flex;margin-top:20px;}
.main .btn-wrap .btn-memo{flex:0 0 auto;width:100px;}
.main .btn-wrap .btn-profit-state{flex:1 1 auto;margin-left:5px;}
.main .menu-list{margin-top:10px;}
.main .menu-list .item{position:relative;transform:translate(0, 100px);opacity:0;transition:.5s ease-in-out;}
.main .menu-list .item:nth-child(1){transition-delay:.1s;}
.main .menu-list .item:nth-child(2){transition-delay:.3s;}
.main .menu-list .item:nth-child(3){transition-delay:.6s;}
.main .menu-list .item:nth-child(4){transition-delay:.8s;}
.main .menu-list .item + .item{margin-top:8px;}
.main .menu-list .item a{display:block;position:relative;padding:20px 20px;background:rgba(255,255,255,.9);border-radius:4px;box-shadow:0 10px 15px rgba(0,0,0,.1);-webkit-tap-highlight-color:rgba(37, 43, 59, .2);}
.main .menu-list .item.lotting-out a{background:#252b3b;border:1px solid #F0E68C;-webkit-tap-highlight-color:rgba(37, 43, 59, 0);}
.main .menu-list .item strong{display:block;font-size:14px;font-weight:bold;}
.main .menu-list .item strong em{margin-left:5px;color:#ff5252;}
.main .menu-list .item span{display:block;font-size:12px;}
.main .menu-list .item.lotting-out a:before{content:"";position:absolute;bottom:20px;right:20px;z-index:2;width:100px;height:71px;background:url('../images/pic/img_hotelking_list.png') no-repeat center center;background-size:100px 71px;}
.main .menu-list .item.lotting-out strong,
.main .menu-list .item.lotting-out span{color:#fff;}
.main .menu-list .item.lotting-out .using{margin-top:10px;}
.main .menu-list .item.lotting-out .using .tit{color:#F0E68C;}
.main .menu-list .item.lotting-out .using .num{font-size:18px;font-weight:bold;}
.main .menu-list .item.lotting-out .edit{margin-top:10px;color:#F0E68C;}
.main .app-download{width:280px;margin:20px auto 0;padding:10px;background:#fff;border-radius:10px;}
.main .app-download .top{display:flex;}
.main .app-download .top .pic{flex:0 0 auto;width:40px;height:40px;padding:5px;background:#fff;border-radius:5px;border:1px solid #ddd;}
.main .app-download .top .pic img{display:block;width:100%;height:100%;}
.main .app-download .top .btn{flex:1 1 auto;margin-left:10px;border-radius:5px;}
.main .app-download p{margin-top:10px;font-size:12px;color:#333;text-align:center;}
.main .btn-logout{display:block;width:80px;height:30px;margin:20px auto 0;background:none;border:1px solid #fff;border-radius:2px;font-size:12px;color:#fff;}
.main-freeze{padding:30px 20px;}
.main-freeze h1{width:200px;margin:0 auto 30px;}
.main-freeze h1 img{display:block;width:100%;}
.main .freeze-state{margin-bottom:30px;}
.main .freeze-state .lock{margin-bottom:10px;font-size:14px;color:#999;text-align:center;line-height:20px;}
.main .freeze-state .lock:before{content:"";display:inline-block;width:20px;height:20px;margin-right:5px;background:url('../images/icon/icon_lock1.png') no-repeat center center;background-size:20px 20px;vertical-align:middle;}
.main .freeze-state .user-name{margin-bottom:30px;font-size:20px;font-weight:bold;text-align:center;}
.main .freeze-state .freeze-info dl{display:flex;justify-content:space-between;}
.main .freeze-state .freeze-info dl + dl{margin-top:10px;}
.main .freeze-state .freeze-info dl dt{font-size:14px;font-weight:bold;}
.main .freeze-state .freeze-info dl dd{font-size:14px;font-weight:bold;color:#999;}
.main .freeze-state .freeze-info dl.highlight dt,
.main .freeze-state .freeze-info dl.highlight dd{color:#ff5252;}
.main .freeze-reason p{margin-bottom:10px;font-size:12px;color:#999;}
.main .freeze-reason ul{padding:20px;background:#f3f5fa;border-radius:6px;}
.main .freeze-reason ul li{font-size:14px;font-weight:bold;}
.main .btn-wrap{margin-top:20px;}
.main .btn-wrap p{margin-top:10px;font-size:12px;color:#999;text-align:center;}
.main .btn-wrap .wait-deposit{padding:40px 0 30px;text-align:center;}
.main .btn-wrap .btn-wait-deposit{display:inline-block;color:#0078ff;}

body.load-end .main .menu-list .item{transform:translate(0, 0);opacity:1;}

/* 당첨현황 - 판매현황 - 보유호텔 */
.state-hotel{padding:70px 20px 50px;background:#252b3b;}
.state-hotel .search-box{margin-bottom:20px;}
.state-hotel .sort-area{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}
.state-hotel .sort-area .info{padding:10px 30px 10px 15px;background:url('../images/icon/icon_right1.png') no-repeat right 10px center #13161f;background-size:6px auto;border-radius:4px;cursor:pointer;}
.state-hotel .sort-area .info strong{display:block;font-size:14px;font-weight:bold;color:#fff;}
.state-hotel .sort-area .info span{display:block;font-size:12px;color:#fff;}
.state-hotel .sort-area select{flex:0 1 auto;width:auto;margin-left:auto;padding:0 14px 0 30px;background:url('../images/icon/icon_check1.svg') no-repeat 10px center;background-size:17px auto;border:1px solid #fff;border-radius:40px;font-size:12px;color:#fff;text-align:right;}
.state-hotel .sort-area select option{color:#000;}
.state-hotel .search-result{margin-bottom:20px;padding:20px 0 20px;background:rgba(255,255,255,.2);border-radius:4px;font-size:18px;font-weight:bold;color:#fff;text-align:center;}
.state-hotel .tab{margin-bottom:30px;}
.state-hotel .tab a{flex:1 1 auto;}
.state-hotel .tab a:first-child{position:relative;}
.state-hotel .tab a:first-child:after{content:"";position:absolute;top:50%;right:0;width:1px;height:20px;background:rgba(255,255,255,.3);transform:translate(0, -50%);}
.state-hotel .notice{display:block;width:100%;margin-bottom:20px;padding:10px 30px 10px 15px;background:url('../images/icon/icon_right1.png') no-repeat right 10px center #13161f;background-size:6px auto;border-radius:4px;cursor:pointer;text-align:left;}
.state-hotel .notice strong{display:block;font-size:14px;font-weight:bold;color:#fff;}
.state-hotel .notice span{display:block;font-size:12px;color:#fff;}


/* 내 신용점수 */
.credit-grade{padding:90px 20px 50px;}
.credit-grade .grade-visual{margin-bottom:20px;text-align:center;}
.credit-grade .grade-visual .btn-check{width:200px;height:200px;background:#252b3b;border-radius:100px;font-size:20px;font-weight:bold;color:#fff;}
.credit-grade .grade-visual .chart-gauge{position:relative;}
.credit-grade .grade-visual .chart-gauge span{display:block;height:30px;margin-top:30px;font-size:30px;font-weight:bold;text-align:center;line-height:1;}
.credit-grade .grade-visual .gauge-wrap{position:relative;overflow:hidden;width:250px;height:120px;margin:0 auto;border-radius:200px 200px 0 0;}
.credit-grade .grade-visual .gauge-wrap .gauge-a{position:relative;z-index:1;width:100%;height:100%;background:#ccc;border-radius:200px 200px 0 0;}
.credit-grade .grade-visual .gauge-wrap .gauge-b{position:absolute;top:50px;left:50px;z-index:3;width:150px;height:80px;background:#fff;border-radius:200px 200px 0 0;}
.credit-grade .grade-visual .gauge-wrap .gauge-c{position:absolute;top:100%;left:0;z-index:2;width:100%;height:150%;border-radius:0 0 200px 200px;transform-origin:center top;}
.credit-grade .grade-visual .needle{position:absolute;bottom:60px;left:50%;z-index:4;width:1px;height:100px;transform-origin:center bottom;transform:rotate(-90deg);}
.credit-grade .grade-visual .needle:before{content:"";position:absolute;bottom:-10px;left:50%;width:20px;height:100px;margin-left:-10px;background:url('../images/icon/icon_needle1.png') no-repeat center center;background-size:20px 100px;}
.credit-grade .grade-visual .grade10 .gauge-wrap .gauge-c{background:#ff5252;transform:rotate(18deg);}
.credit-grade .grade-visual .grade9 .gauge-wrap .gauge-c{background:#ff6641;transform:rotate(36deg);}
.credit-grade .grade-visual .grade8 .gauge-wrap .gauge-c{background:#ff7d2f;transform:rotate(54deg);}
.credit-grade .grade-visual .grade7 .gauge-wrap .gauge-c{background:#ff9a18;transform:rotate(72deg);}
.credit-grade .grade-visual .grade6 .gauge-wrap .gauge-c{background:#feaf0a;transform:rotate(90deg);}
.credit-grade .grade-visual .grade5 .gauge-wrap .gauge-c{background:#edbf05;transform:rotate(108deg);}
.credit-grade .grade-visual .grade4 .gauge-wrap .gauge-c{background:#bcca11;transform:rotate(126deg);}
.credit-grade .grade-visual .grade3 .gauge-wrap .gauge-c{background:#82ce28;transform:rotate(144deg);}
.credit-grade .grade-visual .grade2 .gauge-wrap .gauge-c{background:#52cf3b;transform:rotate(162deg);}
.credit-grade .grade-visual .grade1 .gauge-wrap .gauge-c{background:#03cf5d;transform:rotate(180deg);}
.credit-grade .grade-visual .grade10 .needle{transform:rotate(-72deg);}
.credit-grade .grade-visual .grade9 .needle{transform:rotate(-54deg);}
.credit-grade .grade-visual .grade8 .needle{transform:rotate(-36deg);}
.credit-grade .grade-visual .grade7 .needle{transform:rotate(-18deg);}
.credit-grade .grade-visual .grade6 .needle{transform:rotate(0deg);}
.credit-grade .grade-visual .grade5 .needle{transform:rotate(18deg);}
.credit-grade .grade-visual .grade4 .needle{transform:rotate(36deg);}
.credit-grade .grade-visual .grade3 .needle{transform:rotate(54deg);}
.credit-grade .grade-visual .grade2 .needle{transform:rotate(72deg);}
.credit-grade .grade-visual .grade1 .needle{transform:rotate(90deg);}
.credit-grade .grade-info dl{display:flex;justify-content:space-between;}
.credit-grade .grade-info dl + dl{margin-top:10px;}
.credit-grade .grade-info dt{font-size:16px;}
.credit-grade .grade-info dd{font-size:16px;}
.credit-grade .grade-info dd a{display:block;padding-right:15px;background:url('../images/icon/icon_right1.png') no-repeat right 7px;background-size:6px auto;}
.credit-grade .grade-info .notice-list{margin-top:20px;}

/* 내 신용 변동내역 */
.credit-change{padding:70px 20px 50px;}
.credit-change .notice{margin-bottom:20px;font-size:12px;color:#999;text-align:center;}
.credit-change .grade-change-lit .item + .item{margin-top:20px;}
.credit-change .grade-change-lit .item .date{display:block;margin-bottom:5px;font-size:14px;}
.credit-change .grade-change-lit .item .radius-box{display:flex;justify-content:space-between;flex-wrap:wrap;padding:20px;background:#f3f5fa;border-radius:6px;}
.credit-change .grade-change-lit .item .radius-box strong{width:50%;font-size:14px;}
.credit-change .grade-change-lit .item .radius-box span{width:50%;font-size:14px;text-align:right;}
.credit-change .grade-change-lit .item .radius-box .noflex{flex:none;text-align:left;}


/* ======================= 회원관련 ======================= */
.logo3 {
    display: flex;
    justify-content: center;
}
.logo3 img {
	height: 150px;
}
/* login */
.login {
    overflow-y: auto;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 20px 0;
    background: #fff;
	box-shadow: 2px 1px 10px 1px rgba(0,0,0,0.1);
}
.login .logo{width:200px;margin:0 auto 30px;}
.login .logo img{display:block;width:100%;}
.login .contents{width:300px;margin:0 auto;}
.login .input-text input{padding-right:100px;}
.login .input-text .btn{position:absolute;top:0;right:0;height:40px;font-size:12px;color:#999faa;line-height:40px;}
.login .input-text + .input-text{margin-top:20px;}
.login .input-checkbox{margin:20px 0;}
.login .btn-login{margin-top:28px;}
.login .not-yet{margin-top:16px;font-size:0;text-align:center;}
.login .not-yet p {
    display: inline-block;
    font-size: 12px;
    vertical-align: top;
}
.login .not-yet a {
    display: inline-block;
    margin-left: 5px;
    font-size: 12px;
    font-weight: 900;
    color: #ff8b24;
    text-decoration: underline;
    vertical-align: top;
}
.login .app-download{width:250px;margin:20px auto 0;}
.login .app-download .top{display:flex;}
.login .app-download .top .pic{flex:0 0 auto;width:40px;height:40px;}
.login .app-download .top .pic img{display:block;width:100%;height:100%;border-radius:5px;}
.login .app-download .top .btn{flex:1 1 auto;margin-left:10px;border-radius:5px;}
.login .app-download p{margin-top:10px;font-size:12px;text-align:center;}

.login .btn-login{font-size:12px;}
.login .btn-close{display:block;position:absolute;bottom:16px;right:32px;padding-right:12px;background:url('../images/icon/icon_right1.png') no-repeat right center;background-size:6px 10px;font-size:11px;color:#797979;text-decoration:underline;}
.login select.type3{position:fixed;bottom:50px;left:50%;width:100px;transform:translate(-50%, 0);}

/* 회원가입 */
.join{padding:100px 20px 100px;background:#fff;}
.join .top-info{margin-bottom:30px;font-size:20px;font-weight:300;color:#433131;}
.join .input-text + .input-text,
.join .input-text + select.type2,
.join select.type2 + .input-text{margin-top:10px;}
.join .btn-wrap{position:fixed;bottom:0;left:0;z-index:4;width:100%;}
.join.step1 .sub-txt,
.join.step2 .sub-txt{margin-top:20px;font-size:12px;color:#433131;}
.join.step2 .sub-txt a{color:#ff5252;text-decoration:underline;}
.join.step2 .restoration{margin-top:20px;padding:20px;background:#f3f5fa;border-radius:6px;}
.join.step2 .restoration:after{content:"";display:block;clear:both;}
.join.step2 .restoration strong{float:left;font-size:14px;}
.join.step2 .restoration a{float:right;font-size:14px;color:#ff5252;text-decoration:underline;}
.join.step2 .btn-wrap .sub-txt{padding:0 20px 20px;}
.join.step4 .btn-wrap{padding:0 20px 50px}
.join.step4 .btn-wrap .sub-info{margin:20px 0;font-size:12px;color:#433131;}
.join.step4 .btn-wrap .btn{position:absolute;bottom:0;left:0;width:100%;}
.join-complete{overflow-y:auto;position:fixed;top:0;left:0;width:100%;height:100%;padding:20px;}
.join-complete .title{margin-bottom:30px;text-align:center;}
.join-complete .title dt{font-size:40px;font-weight:bold;color:#ff5252;}
.join-complete .title dt i{font-style:italic;}
.join-complete .title dd{font-size:20px;}
.join-complete .color-box{margin-bottom:50px;padding:20px;background:#f3f5fa;border-radius:6px;text-align:center;}
.join-complete .color-box strong{display:block;font-size:14px;font-weight:bold;}
.join-complete .color-box span{display:block;margin-top:5px;font-size:14px;}
.join-complete .contents p{font-size:16px;text-align:center;}
.join-complete .contents p + p{margin-top:10px;}
.join-complete .btn-wrap{margin-top:50px;}

/* 아이디 & 비번 찾기 */
.find-account{min-height:100vh;padding:100px 20px 100px;background:#fff;}
.find-account .top-info{margin-bottom:30px;font-size:20px;font-weight:300;color:#433131;}
.find-account select + .input-text,
.find-account .input-text + .input-text{margin-top:10px;}
.find-account .btn-wrap{position:fixed;bottom:0;left:0;z-index:4;width:100%;}

/* pre-join-complete */
.pre-join-complete{position:static;min-height:auto;padding-bottom:50px;}
.pre-join-complete .btn-wrap{margin-top:0;}


/* ======================= 마이페이지 ======================= */

/* Menu */
.menu-home{padding:0 0 90px;}
.menu-home .menu-info{background:#4b5777;}
.menu-home .menu-info .top{position:relative;padding:30px 20px 20px;}
.menu-home .menu-info .top .name{display:inline-block;font-size:20px;font-weight:bold;color:#fff;line-height:25px;vertical-align:middle;}
.menu-home .menu-info .top .level{display:inline-block;margin-left:5px;font-size:14px;color:#ff5252;line-height:25px;vertical-align:middle;}
.menu-home .menu-info .top .btn-myinfo{position:absolute;top:30px;right:20px;width:50px;height:25px;background:#252b3b;font-size:12px;color:#fff;text-align:center;line-height:25px;}
.menu-home .menu-info .flip-area{display:flex;position:relative;margin:0 20px 20px;padding:14px 20px 40px;background: #252B3B;border-radius: 8px;box-shadow: 0 10px 15px rgba(0,0,0,.1);-webkit-tap-highlight-color: rgba(37, 43, 59, .2);}
.menu-home .menu-info .flip-area .left{flex:1 1 auto;padding-right:20px;}
.menu-home .menu-info .flip-area .right{flex:1 1 auto;padding-left:20px;}
.menu-home .menu-info .flip-area dl{display:flex;justify-content:space-between;}
.menu-home .menu-info .flip-area dl + dl{margin-top:5px;}
.menu-home .menu-info .flip-area dl dt{font-size:14px;color:#fff;}
.menu-home .menu-info .flip-area dl dd{font-size:14px;color:#fff;}
.menu-home .menu-info .flip-area .btn-detail{position:absolute;bottom:0;left:0;z-index:2;width:100%;height:30px;background:url('../images/icon/icon_down5.svg') no-repeat center center;background-size:auto 20px;text-indent:-9999em;}
.menu-home .menu-info .middle{padding:0 20px 30px 20px;}
.menu-home .menu-info .middle .tit{display:block;margin-bottom:15px;font-size:16px;font-weight:bold;color:#fff;}
.menu-home .menu-info .middle .flex-contents{display:flex;position:relative;}
.menu-home .menu-info .middle .pie{flex:0 1 120px;margin-right:20px;}
.menu-home .menu-info .middle .txt{flex:1 1 auto;}
.menu-home .menu-info .middle .txt dl{display:flex;justify-content:space-between;}
.menu-home .menu-info .middle .txt dl + dl{margin-top:10px;}
.menu-home .menu-info .middle .txt dl dt{font-size:14px;color:#fff;}
.menu-home .menu-info .middle .txt dl dd{font-size:14px;color:#fff;}
.menu-home .menu-info .middle .txt dl dd .row{display:flex;justify-content:space-between;position:relative;padding-left:20px;}
.menu-home .menu-info .middle .txt dl dd .row:before{content:"";position:absolute;top:50%;left:0;width:10px;height:10px;border-radius:10px;transform:translate(0, -50%);}
.menu-home .menu-info .middle .txt dl dd .row strong{margin-right:10px;}
.menu-home .menu-info .middle .txt dl dd .row.type1:before{background:#ff4b20;}
.menu-home .menu-info .middle .txt dl dd .row.type2:before{background:#b7d9d1;}
.menu-home .menu-info .middle .txt dl dd .row.type3:before{background:#30343e;}
.menu-home .menu-info .bottom{display:flex;justify-content:center;padding:15px 20px;background:#252b3b;font-size:0;text-align:center;}
.menu-home .menu-info .bottom dl + dl{margin-left:30px;}
.menu-home .menu-info .bottom dl{display:flex;}
.menu-home .menu-info .bottom dl dt{font-size:14px;color:#fff;}
.menu-home .menu-info .bottom dl dd{margin-left:10px;font-size:14px;color:#fff;}
.menu-home .point-area{position:relative;margin:20px 20px 0;padding:15px 20px;background:#4b5777;border-radius:10px;}
.menu-home .point-area dl{display:flex;}
.menu-home .point-area dl + dl{margin-top:5px;}
.menu-home .point-area dl dt{flex:0 1 auto;margin-right:10px;font-size:14px;font-weight:bold;color:#F0E68C;}
.menu-home .point-area dl dd{flex:0 1 auto;font-size:14px;font-weight:bold;color:#fff;}
.menu-home .point-area .btn-shop{position:absolute;top:0;right:0;width:70px;height:100%;background:url('../images/icon/icon_shop1.png') no-repeat left center;background-size:30px 30px;text-indent:-9999em;}
.menu-home .point-area .btn-shop:before{content:"";position:absolute;top:50%;right:20px;width:8px;height:16px;margin-top:-8px;background:url('../images/icon/icon_right2.png') no-repeat center center;background-size:8px 16px;}
.menu-home .menu-list{padding:20px 20px 20px;}
.menu-home .menu-list ul{display:flex;flex-wrap:wrap;}
.menu-home .menu-list li{flex:0 1 48%;margin:0 0 4% 0;}
.menu-home .menu-list li a{display:block;padding:20px 0;border:1px solid #ddd;border-radius:10px;}
.menu-home .menu-list li:nth-child(2n){margin-left:4%;}
.menu-home .menu-list li strong{display:block;font-size:16px;font-weight:bold;text-align:center;}
.menu-home .menu-list li span{display:block;font-size:14px;color:#999;text-align:center;}
.menu-home .pie svg{width:120px;}
.menu-home .graph{visibility:hidden;}
.menu-home .graph > *{visibility:visible;transition:all 200ms ease-in-out;}

/* My Info */
.myinfo{background:#fafafa;}
.myinfo .info-inner{padding-top:80px;background:#fff;}
.myinfo .log{margin-bottom:30px;text-align:center;}
.myinfo .log .name{display:block;margin-bottom:5px;font-size:18px;font-weight:bold;}
.myinfo .log .time{display:block;font-size:12px;color:#999;}
.myinfo .info-section{padding:20px;border-bottom:1px solid #ddd;}
.myinfo .info-section .tit{margin-bottom:10px;font-size:14px;font-weight:bold;}
.myinfo .info-section dl + dl{margin-top:5px;}
.myinfo .info-section dl{display:flex;min-height:25px;}
.myinfo .info-section dl dt{flex:0 0 100px;line-height:25px;}
.myinfo .info-section dl dd{display:flex;flex:1 1 auto;position:relative;line-height:25px;}
.myinfo .info-section dl dd span{flex:1 1 auto;word-break:break-all;line-height:25px;}
.myinfo .info-section dl dd .btn-change{flex:0 0 60px;width:50px;height:25px;margin:0 0 0 auto;background:#ddd;border-radius:4px;font-size:12px;color:#252b3b;}
.myinfo .info-section dl dd span + .btn-change{margin-left:15px;}
.myinfo .info-section ul li a{display:block;line-height:25px;}
.myinfo .info-section ul li + li{margin-top:5px;}
.myinfo .dropout-wrap{padding:20px 20px 30px;}
.myinfo .dropout-wrap a{font-size:12px;}

/* My Membership */
.my-membership{padding:80px 20px 30px;}
.my-membership .card{padding:20px;background:#4b5777;border-radius:10px;box-shadow:0 10px 20px rgba(0,0,0,.2);}
.my-membership .card .tit{display:block;margin-bottom:20px;font-size:16px;color:#fff;}
.my-membership .card .total{font-size:0;text-align:right;}
.my-membership .card .total span{display:inline-block;margin-right:10px;font-size:14px;color:#fff;}
.my-membership .card .total strong{display:inline-block;font-size:25px;color:#fff;}
.my-membership .card .using{font-size:0;text-align:right;}
.my-membership .card .using span{display:inline-block;margin-right:10px;font-size:14px;color:#fff;}
.my-membership .card .using strong{display:inline-block;font-size:14px;color:#fff;}
.my-membership .card .card-info{display:flex;justify-content:space-between;margin-top:50px;}
.my-membership .card .card-info strong{font-size:14px;color:#fff;}
.my-membership .card .card-info span{font-size:14px;color:#fff;}
.my-membership .btn-wrap{display:flex;margin-top:20px;}
.my-membership .btn-wrap .btn-buy{flex:1 1 auto;}
.my-membership .btn-wrap .btn-send{flex:0 0 80px;margin-left:10px;}
.my-membership .notice-wrap{margin-top:20px;}

/* 회원권 거래내역 */
.membership-trade{padding:80px 20px 30px;}
.membership-trade .table-section p{margin-bottom:15px;font-size:14px;}
.membership-trade .table-section table{width:100%;border-top:2px solid #333;table-layout:fixed;}
.membership-trade .table-section table th{padding:10px 0;background:#fff;border-bottom:1px solid #333;font-size:14px;text-align:center;}
.membership-trade .table-section table td{padding:10px 5px;background:#fff;border-bottom:1px solid #ddd;font-size:14px;text-align:center;}
.membership-trade .table-section table td span{display:block;}

/* 파트너 */
.partner{padding:80px 20px 30px;}
.partner .notice{margin-bottom:20px;font-size:12px;color:#999;text-align:center;}
.partner .partner-list .item + .item{margin-top:30px;}
.partner .partner-list .item .benefit-info{display:flex;justify-content:space-between;margin-bottom:10px;}
.partner .partner-list .item .benefit-info dt{font-size:14px;font-weight:bold;}
.partner .partner-list .item .benefit-info dd{font-size:14px;}
.partner .partner-list .item .radius-box{position:relative;padding:20px;background:#f3f5fa;border-radius:6px;}
.partner .partner-list .item .radius-box .tit{display:block;margin-bottom:10px;font-size:14px;font-weight:bold;}
.partner .partner-list .item .partner-type{display:flex;align-items:flex-end;}
.partner .partner-list .item .partner-type + .partner-type{margin-top:10px;}
.partner .partner-list .item .partner-type .name{flex:0 0 100px;}
.partner .partner-list .item .partner-type .name img{display:block;width:40px;}
.partner .partner-list .item .partner-type .name span{display:block;font-size:14px;color:#999;}
.partner .partner-list .item .partner-type ul{display:flex;flex:1 1 auto;}
.partner .partner-list .item .partner-type ul li{flex:1 1 auto;}
.partner .partner-list .item .partner-type ul li img{display:block;width:50px;margin:0 auto 3px;}
.partner .partner-list .item .partner-type ul li span{display:block;text-align:center;}
.partner .partner-list .item .receive-membership{margin-top:30px;}
.partner .partner-list .item .receive-membership dl{display:flex;justify-content:space-between;}
.partner .partner-list .item .receive-membership dl + dl{margin-top:5px;}
.partner .partner-list .item .receive-membership dl dt{font-size:14px;color:#999;}
.partner .partner-list .item .receive-membership dl dd{font-size:14px;color:#999;}
.partner .partner-list .item .receive-membership dl.total{justify-content:flex-end;margin-top:15px;}
.partner .partner-list .item .receive-membership dl.total dd{margin-left:20px;}

/* 거래내역 */
.trade-record{padding:80px 20px 30px;}
.trade-record .notice{margin-bottom:20px;font-size:12px;color:#999;text-align:center;}
.trade-record .tab{margin-bottom:20px;}
.trade-record .search-box{margin-bottom:20px;}
.trade-record .search-box input{border:1px solid #ddd;border-right:0;}
.trade-record .search-result{margin-bottom:20px;padding:20px 0 20px;background:#f3f5fa;border-radius:4px;font-size:18px;font-weight:bold;color:#333;text-align:center;}
.trade-record .trade-list .item{display:flex;align-items:center;padding:15px 0;border-bottom:1px solid #ddd;}
.trade-record .trade-list .item .pic{display:flex;flex-direction:column;align-items:center;flex:0 0 auto;position:relative;width:60px;margin-right:20px;}
.trade-record .trade-list .item .pic img{flex:0 0 auto;width:100%;}
.trade-record .trade-list .item .pic .btn-record{flex:0 0 25px;width:50px;height:25px;margin-top:10px;border:1px solid #ddd;border-radius:4px;font-size:12px;font-weight:bold;text-align:center;}
.trade-record .trade-list .item .txt{flex:1 1 auto;}
.trade-record .trade-list .item .txt .tit{display:block;margin-bottom:10px;font-size:16px;font-weight:bold;}
.trade-record .trade-list .item .txt dl{display:flex;justify-content:space-between;}
.trade-record .trade-list .item .txt dl + dl{margin-top:5px;}
.trade-record .trade-list .item .txt dl dt{font-size:14px;color:#999;}
.trade-record .trade-list .item .txt dl dd{font-size:14px;color:#999;text-align:right;}
.sell-record .search-box .btn-search-submit{background:#0078ff;color:#fff;}

/* 포인트 샵 */
.point-shop{padding:80px 20px 30px;background:#252b3b;}
.point-shop .tab{margin-bottom:20px;}
.point-shop .tab a{display:flex;justify-content:space-between;padding-left:10px;padding-right:10px;color:#fff;}
.point-shop .tab a.on{padding-left:10px;padding-right:10px;}
.point-shop .tab a span{margin-left:15px;color:#F0E68C;}
.point-shop .point-info{display:flex;position:relative;margin-bottom:30px;}
.point-shop .point-info strong{flex:0 1 auto;margin-right:10px;font-size:14px;font-weight:bold;color:#F0E68C;}
.point-shop .point-info span{flex:0 1 auto;font-size:14px;font-weight:bold;color:#fff;}
.point-shop .point-info .btn-point-list{position:absolute;top:0;right:0;font-size:14px;color:#fff;text-decoration:underline;}

/* 포인트 적립내역 */
.point-list{padding:80px 20px 30px;}
.point-list .tab{margin-bottom:20px;}
.point-list .notice{margin-bottom:20px;font-size:14px;color:#999;text-align:center;}
.point-list .table-section table{width:100%;border-top:2px solid #333;table-layout:fixed;}
.point-list .table-section table th{padding:10px 0;background:#fff;border-bottom:1px solid #333;font-size:14px;text-align:center;}
.point-list .table-section table td{padding:10px 5px;background:#fff;border-bottom:1px solid #ddd;font-size:14px;text-align:center;}
.point-list .table-section table td span{display:block;}

/* FAQ */
.faq{overflow-y:auto;position:fixed;top:0;left:0;width:100%;height:100%;padding:80px 0 100px;background:#fafafa;}
.faq .tab.type2{margin-bottom:5px;}
.faq-list{border-top:1px solid #333;}
.faq-list li{background:#fff;border-bottom:1px solid #eee;}
.faq-list li .question-top{position:relative;padding:10px 40px 10px 20px;font-size:14px;font-weight:bold;}
.faq-list li .question-top:before{content:"";position:absolute;top:50%;right:12px;width:22px;height:22px;margin-top:-11px;background:url('../images/icon/icon_down2.svg') no-repeat center center;background-size:22px 22px;}
.faq-list li .question-bottom{display:none;padding:10px 20px;border-top:1px solid #eee;}
.faq-list li.on .question-bottom{display:block;}
.faq-list li.on .question-top:before{background-image:url('../images/icon/icon_up1.svg');}

/* Notice Page */
.notice-page{padding:60px 0 100px;}
.notice-page-list{border-top:1px solid #333;}
.notice-page-list li{border-bottom:1px solid #eee;}
.notice-page-list li a{display:block;position:relative;padding:20px 58px 20px 20px;-webkit-tap-highlight-color:rgba(37, 43, 59, .2);}
.notice-page-list li a:before{content:"";position:absolute;top:50%;right:20px;width:6px;height:20px;margin-top:-10px;background:url('../images/icon/icon_right1.png') no-repeat center center;background-size:6px auto;}
.notice-page-list li a strong{display:block;margin-bottom:3px;font-size:14px;font-weight:bold;}
.notice-page-list li a span{display:block;color:#999;}
.notice-page-list li.new a:after{content:"N";position:absolute;top:50%;right:36px;width:16px;height:16px;margin-top:-8px;padding-top:3px;background:#ff5252;border-radius:10px;box-sizing:border-box;font-size:10px;color:#fff;text-align:center;line-height:1;}
.notice-detail{padding:60px 0 50px;}
.notice-detail .top{display:block;padding:20px;border-top:1px solid #333;border-bottom:1px solid #eee;}
.notice-detail .top strong{display:block;margin-bottom:3px;font-size:14px;font-weight:bold;}
.notice-detail .top span{display:block;color:#999;}
.notice-detail .contents{padding:20px;}
.notice-detail .contents p{margin-bottom:10px;font-size:14px;}
.notice-detail .contents img{display:block;max-width:100%;margin:0 auto 10px;}

/* 1:1 문의 */
.qna{padding:80px 20px 100px;}
.qna .top-info{margin-bottom:20px;font-size:14px;}
.qna .btn-wrap{margin-bottom:30px;}
.qna-list{border-top:2px solid #333;}
.qna-list li{border-bottom:1px solid #eee;}
.qna-list li .question-top{position:relative;padding:20px 32px 20px 0;}
.qna-list li .question-top:before{content:"";position:absolute;top:50%;right:0;width:22px;height:22px;margin-top:-11px;background:url('../images/icon/icon_down2.svg') no-repeat right center;}
.qna-list li .question-top strong{display:block;margin-bottom:3px;font-size:14px;}
.qna-list li .question-top span{display:block;color:#999;}
.qna-list li .question-bottom{display:none;padding:0 20px 0 50px;background:#f3f5fa;}
.qna-list li .question-cont{position:relative;padding:20px 0;font-size:14px;}
.qna-list li .question-cont:before{content:"Q";position:absolute;top:20px;left:-32px;font-size:18px;font-weight:bold;font-family: 'Roboto', sans-serif !important;line-height:1.2;}
.qna-list li .question-cont .img-area{margin-top:10px;font-size:0;}
.qna-list li .question-cont .img-area img{display:inline-block;width:32%;}
.qna-list li .question-cont .img-area img + img{margin-left:2%}
.qna-list li .answer-cont{position:relative;padding:20px 0;border-top:1px solid #eee;font-size:14px;}
.qna-list li .answer-cont:before{content:"A";position:absolute;top:20px;left:-32px;font-size:18px;font-weight:bold;font-family: 'Roboto', sans-serif !important;color:#ff5252;line-height:1.2;}
.qna-list li .answer-cont img{display:block;max-width:100%;margin-top:10px;}
.qna-list li.on .question-top:before{background-image:url('../images/icon/icon_up1.svg')}
.qna-list li.on .question-bottom{display:block;}

/* 1:1 문의 등록 */
.qna-write{padding:80px 20px 100px;}
.qna-write .top-info{margin-bottom:20px;font-size:14px;}
.qna-write .input-text{margin-top:10px;}
.qna-write .input-text .error-message{position:static;}
.qna-write .file-area{margin:20px 0 30px;font-size:0;text-align:center;}
.qna-write .file-area .input-file{margin:0 5px;}
.qna-write .notice-list{margin-top:20px;text-align:left;}
.qna-write .btn-wrap{display:flex;}
.qna-write .btn-wrap .btn{flex:1 1 0;}
.qna-write .btn-wrap .btn + .btn{margin-left:10px;}

/* Alarm */
.alarm{padding:80px 20px 120px;}
.alarm .tooltip-notice{margin-bottom:20px;padding:20px;background:#ffc000;border-radius:6px;font-size:14px;font-weight:bold;text-align:center;}
.alarm .top-info{margin-bottom:20px;color:#797979;}
.alarm .day-wrap + .day-wrap{margin-top:20px;}
.alarm .day-wrap h3{margin-bottom:10px;font-size:16px;font-weight:bold;}
.alarm .day-wrap li + li{margin-top:10px;}
.alarm .day-wrap li a{display:block;position:relative;padding:20px 46px 20px 20px;background:#f3f5fa;border-radius:6px;-webkit-tap-highlight-color:rgba(255, 82, 82, .2);}
.alarm .day-wrap li a strong{display:block;margin-bottom:4px;font-size:14px;font-weight:bold;line-height:16px;}
.alarm .day-wrap li a span{display:block;font-size:14px;color:#797979;line-height:16px;}
.alarm .day-wrap li.new a:before{content:"N";position:absolute;top:50%;right:20px;width:16px;height:16px;margin-top:-8px;padding-top:3px;background:#ff5252;border-radius:10px;box-sizing:border-box;font-size:10px;color:#fff;text-align:center;line-height:1;}

/* 회원 탈퇴 */
.dropout{padding:80px 20px 100px;}
.dropout .color-box{margin-bottom:20px;padding:20px;background:#f3f5fa;border-radius:6px;text-align:center;}
.dropout .color-box:after{content:"";display:block;clear:both;}
.dropout .color-box dl{display:flex;justify-content:space-between;}
.dropout .color-box dl dt{font-size:16px;font-weight:bold;}
.dropout .color-box dl dd{font-size:16px;font-weight:bold;}
.dropout .color-box dl.detail{justify-content:flex-end;}
.dropout .color-box dl.detail dt{font-size:14px;font-weight:normal;color:#999;}
.dropout .color-box dl.detail dd{margin-left:10px;font-size:14px;font-weight:normal;color:#999;}
.dropout .color-box dl + dl{margin-top:10px;}
.dropout .color-box dl + dl.detail{margin-top:0;}
.dropout .dropout-info{margin-bottom:10px;}
.dropout .top-info{margin-bottom:50px;font-size:20px;font-weight:300;color:#433131;}
.dropout select{margin-top:10px;}
.dropout .input-text + .input-text{margin-top:10px;}

/* =================================================
    * Custom
================================================= */

.logo1 {
	text-align: center;
	margin-bottom: 2em;
}

.logo1 img {
	height: 55px;
}

.logo2 {
	font-family: sans-serif;
    font-size: 3em;
	font-weight: 900;
    background: linear-gradient(160deg, #d7a02e, #d7a02e, #fef1a2, #d7a02e, #d7a02e);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
    text-align: center;
	margin-bottom: 1em;
}

.google_translate {
	margin-top: 2em;
	text-align: center;
}

/* =================================================
    * Footer
================================================= */
#footer{position:relative;z-index:2;padding:0 20px 120px;}
#footer p{font-size:10px;color:#ccc;text-align:center;}
#footer select{display:block;width:120px;margin:20px auto 0;}


/* =================================================
	* Media Query - 안드로이드 키보드 노출 시 fixed 정의
================================================= */
@media only screen and (max-height:587px) {
    .login select.type3{display:block;position:static;margin:50px auto 0;transform:translate(0, 0);}
}

@media only screen and (max-height:565px) {
    /* Join */
    .join.step4{padding-bottom:0;}
    .join.step4 .contents{margin-bottom:50px;}
    .join.step4 .btn-wrap{position:static;margin:10px 0 0;padding:0;}
    .join.step4 .btn-wrap .btn{position:static;width:auto;margin:0 -20px;}
}

@media only screen and (max-height:630px) {

}


/* =================================================
	* Media Query - PC
================================================= */
@media only screen and (min-width:600px) {
	html {
		/* background: #f6f6f6; */
	}
    body{max-width:600px;margin:0 auto;}
    #header,
    .layer,
    .gnb,
    .faq,
    .join-complete,
    .join .btn-wrap,
    .login,
    .find-account .btn-wrap,
    body.bg-main:before{left:50%;max-width:600px;transform:translate(-50%, 0);}
}