@charset "utf-8";

/*
css name : component
*/


/* ==================================================
	icon
================================================== */
[class^="icon-"] {display:inline-block;background-size:contain;background-repeat:no-repeat;vertical-align:middle;font-size:0;}
.icon-back {width:12px;height:20.5px;background-image:url(../img/icon/icon_back_top.png);}
.icon-sch {width:16px;height:16px;background-image:url(../img/icon/icon_search.png);}
.icon-menu {width:16px;height:16px;background-image:url(../img/icon/icon_menu.png);}
.icon-lnb-home {width:20px;height:18px;background-image:url(../img/icon/icon_home.png);}
.icon-lnb-bell {width:16px;height:16px;background-image:url(../img/icon/icon_bell.png);}
.icon-lnb-setting {width:16px;height:16px;background-image:url(../img/icon/icon_setting.png);}
.icon-lnb-logout {width:14px;height:16px;background-image:url(../img/icon/icon_logout.png);}
.icon-login-kakao {width:24px;height:22px;background-image:url(../img/icon/icon_login_kakao.png);}
.icon-login-naver {width:22px;height:20px;background-image:url(../img/icon/icon_login_naver.png);}
.icon-login-fb {width:11px;height:24px;background-image:url(../img/icon/icon_login_fb.png);}
.icon-login-google {width:31px;height:20px;background-image:url(../img/icon/icon_login_google.png);}
.icon-camera {width:21px;height:21px;background-image:url(../img/icon/icon_camera.png);}
.icon-my-calendar {width:22px;height:22px;background-image:url(../img/icon/icon_calendar_b.png);}
.icon-my-member {width:22px;height:22px;background-image:url(../img/icon/icon_member_b-1.png);}
.icon-my-bell {width:22px;height:22px;background-image:url(../img/icon/icon_bell_b.png);}
.active .icon-my-calendar {background-image:url(../img/icon/icon_calendar_a.png);}
.active .icon-my-member {background-image:url(../img/icon/icon_member_a.png);}
.active .icon-my-bell {background-image:url(../img/icon/icon_bell_a.png);}
.icon-call {width:20px;height:20px;background-image:url(../img/icon/icon_call_alpha-1.png);}
.icon-call-cancel {width:20px;height:20px;background-image:url(../img/icon/icon_call_cancel-1.png);}
.icon-call-noti {width:17px;height:20px;background-image: url(../img/icon/icon_notice.png);}
.icon-register {width:17px;height:20px;background-image:url(../img/icon/icon_register_footer_a.png);}
.icon-member {width:21px;height:21px;background-image:url(../img/icon/icon_member_b.png);}
.icon-memberout {width:22px;height:27px;background-image:url(../img/icon/icon_memberout.png);}
.icon-ticket {width:27px;height:17px;background-image:url(../img/icon/icon_ticket_a.png);}
.icon-whistle {width:24px;height:14px;background-image:url(../img/icon/icon_whistle_a.png);}
.active .icon-ticket {background-image:url(../img/icon/icon_ticket_b.png);}
.active .icon-whistle {background-image:url(../img/icon/icon_whistle_b.png);}
.icon-sch-clear {width:15px;height:15px;background-image:url(../img/icon/icon_btn_close_1.png);}
.icon-alarm {width:19px;height:19px;background-image:url(../img/icon/icon_bell_fill.png);}
.icon-card {width:20px;height:14px;background-image:url(../img/icon/icon_card.png);}
.icon-toolbar-back {width:25px;height:24px;background-image:url(../img/icon/icon_back_footer.png);}
.icon-toolbar-help {width:25px;height:21px;background-image:url(../img/icon/icon_help_footer.png);}
.icon-toolbar-top {width:22px;height:22px;background-image:url(../img/icon/icon_top_footer.png);}
.icon-toolbar-calendar {width:22px;height:19px;background-image:url(../img/icon/icon_calendar_footer.png);}
.icon-toolbar-home {width:22px;height:21px;background-image:url(../img/icon/icon_home_footer.png);}
.icon-toolbar-member {width:24px;height:18px;background-image:url(../img/icon/icon_members_footer.png);}
.icon-toolbar-reg {width:22px;height:20px;background-image:url(../img/icon/icon_register_footer.png);}
.icon-toolbar-receipt {width:19px;height:20px;background-image:url(../img/icon/icon_receipt_footer.png);}
.icon-eye {width:20px;height:17px;background-image:url(../img/icon/icon_pw_hidden.png);}
.active .icon-eye {height:11px;background-image:url(../img/icon/icon_pw_visuable.png);}
.icon-close {width:12px; height:12px; background-image:url(../img/icon/icon_menu_close.png);}


/* ==================================================
	button
================================================== */
[class^="btn-"] {vertical-align:top;}

/* button regular */
.btn-regular {display:inline-block;min-width:100px;height:45px;border:2px solid #4FCDE0;border-radius:3px;line-height:41px;font-size:1.2rem;font-weight:900;text-align:center;box-sizing:border-box;}
.btn-regular.is-basic {background:#4FCDE0;color:#fff !important;}
.btn-regular.is-line {background:#fff;color:#4FCDE0 !important;}
.btn-regular.is-line-wh {background:transparent;border:1px solid #fff;border-radius:0;color:#fff !important;line-height:43px;}
.btn-regular.is-basic:disabled {border-color:#EDEDED;background-color:#EDEDED;}
.btn-regular.is-line:disabled {border-color:#EDEDED;color:#EDEDED !important;}

/* button small */
.btn-small {display:inline-block;height:25px;padding:0 10px;border:1px solid #858585;border-radius:3px;line-height:23px;font-size:1.2rem;font-weight:700;text-align:center;box-sizing:border-box;}
.btn-small.is-basic {background:#858585;color:#fff !important;}
.btn-small.is-line {background:#fff;color:#858585 !important;}

/* button full */
.area-button.is-full ul {-webkit-display:flex;display:flex;-webkit-flex-direction:row;flex-direction:row;margin:38px 8px;}
.area-button.is-full li {position:relative;-webkit-flex:1;flex:1;padding:0 7px;box-sizing:border-box;}
.area-button.is-full [class^="btn-"] {width:100%;min-width:inherit;}

/* 20191107 추가 */


/* close btn */
.btn-close-css {display:block; position: absolute;right: 20px;top: 20px;width: 32px;height: 32px; font-size:0; z-index:30;}
.btn-close-css:hover {opacity: 1;}
.btn-close-css:before, .btn-close-css:after {position: absolute;left: 15px;content: ' ';height: 33px;width: 2px;background-color: #333;}
.btn-close-css:before {transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.btn-close-css:after {transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}


/* ==================================================
	input
================================================== */
/* input */
[type="search"],
[type="number"],
[type="tel"],
[type="date"],
[type="text"],
[type="password"] {height:40px;padding:0 10px;border:1px solid #EDEDED;border-width:0 0 1px;color:#2D2D2D;font-size:1.8rem;font-weight:100;box-sizing:border-box;outline:0;}
textarea {overflow:auto;resize:none;padding:8px;border:1px solid #EDEDED;font-size:1.8rem;font-weight:100;box-sizing:border-box;outline:0;}

[type="password"] { font-family: "맑은 고딕"; }

[type="text"]:disabled,
[type="password"]:disabled {background:#f6f6f6;}

input[type="date"] {background:#fff; -webkit-appearance:none; border-radius:0px}
input[type="date"]::-webkit-inner-spin-button {-webkit-appearance: none;display: none;}
input[type="date"]::-webkit-calendar-picker-indicator {-webkit-appearance: none;display: none;}

textarea:focus,
[type="number"]:focus,
[type="tel"]:focus,
[type="search"]:focus,
[type="date"]:focus,
[type="text"]:focus,
[type="password"]:focus {border-color:#4FCDE0;color:#4FCDE0;}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color:#C4C4C4;font-size:1.2rem;}

.input_wrp input {width:100%;}

/* select */
select {height:40px;padding:0 15px 0 10px;border:1px solid #EDEDED;border-width:0 0 1px;color:#2D2D2D;font-size:1.8rem;border-radius:0;background:#fff url(../img/icon/icon_arrow_down.png) 100% 50% no-repeat;background-size:10px;-webkit-appearance:none;appearance:none;outline:0;}
select.rtl {direction:rtl;}

/* option */
.option-box {display:inline-block; font-size:0; vertical-align:middle;}
.option-box label {display:inline-block;margin-top: 8px;}
.login_wrp .option-box label + label{margin-left: 34px;}
/* .option-box label + label {margin-left:5px;} */
.option-box label span {display:inline-block;color:#2D2D2D;font-size:1.4rem;line-height:24px;vertical-align:middle;}
.option-box [type="radio"],
.option-box [type="checkbox"] {width:24px;height:24px;background:none;border-radius:50%;border:1px solid #2D2D2D;-webkit-appearance:none;outline:0;vertical-align:middle;}
.option-box [type="radio"]:checked,
.option-box [type="checkbox"]:checked {border-width:8px;border-color:#4FCDE0;}
.option-box [type="radio"]:checked + span,
.option-box [type="checkbox"]:checked + span {color:#4FCDE0;}
.option-box [type="radio"]:disabled,
.option-box [type="checkbox"]:disabled {border-color:#e1e1e1; background:#f6f6f6;}

/* option + 정방향 */
.option-box.dir-flow span {margin-left:6px;}
/*.option-box.dir-flow label + label {margin:25px 34px 0 0;}*/

/* option + 역방향 */
.option-box.dir-reverse span {margin-right:6px;}
.option-box.dir-reverse label + label {margin-left:34px;}

/* option + 단독 */
.option-box.is-alone span {visibility:hidden; font-size:0;}

/* file name preview */
.filebox {position:relative;}
.filebox.no-photo .upload-display {display:none !important;}
.filebox input[type="file"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
.filebox label {cursor: pointer;}
.filebox .upload-nm { display: inline-block; height:35px; width:240px; padding:0 12px; background-color: #fff; border: 1px solid #cbcbcb; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-sizing:border-box;}
.filebox.no-photo {display:inline-block;max-width:100%;padding-left:100px;padding-right:32px;box-sizing:border-box;}
.filebox.no-photo label {position:absolute;top:0;left:0;width:85px;}
.filebox.no-photo .upload-nm {width:auto;max-width:100%;padding:0;border:0;}
.filebox.no-photo .btn-close {display:none;position:absolute;top:2px;right:0;}
.filebox.no-photo .upload-display ~ .btn-close {display:block;}

/* imaged preview */
.filebox.preview-image {display:inline-block;font-size:0;}
.filebox .photoBox {position:relative; display:inline-block; width:94px; height:94px;border-radius:50%; background:#fff url(../img/icon/icon_photo_below.png) no-repeat;background-size:100%; cursor:pointer; box-sizing:border-box; text-align:center;}
.filebox .photoBox span {display:block; content:""; position:absolute;right:0;bottom:0;z-index:10;}
.filebox .photoBox .icon-photo-line {width:16px;height:13px;background-position:100%;opacity:.3;}
.filebox .photoBox + .del {display:none; position:absolute; top:0; right:0; width:9px; height:9px; background:rgba(0,0,0,.8) url(../img/icon/btn_delete_w.png) 50% no-repeat; cursor:pointer}
.filebox .photoBox.after {position:absolute; bottom:3px; right:0; background:none; width:0; height:0;}
.filebox .photoBox.after span {font-size:0;}
.filebox .photoBox.after + .del {display:block; padding:5px;}
.filebox .upload-thumb-wrap {overflow:hidden;position:relative;display:block;width:94px;height:94px;border:2px solid #EDEDED;border-radius:50%;box-sizing:border-box;}
.filebox .upload-display img {display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);width:90px;height:90px;box-sizing:border-box;}
.filebox .delete-picture {position:absolute; top:0; right:0; cursor:pointer;}

/* rating */
.rating {position:relative;display:inline-block;width:150px;font-size:0;vertical-align:middle;}
.rating-input {float:right;margin:0 0 0 -30px;padding:0;width:30px;height:26px;opacity:0;}
.rating-input:checked ~ .rating-star {background:url('../img/icon/icon_star_full.png') 50% 0;background-size:30px auto;}
.rating-star {position:relative;float:right;display:block;width:30px;height:26px;background:url('../img/icon/icon_star_bellow.png') 50% 0;background-size:30px auto;}

.star-rating,
.star-rating > span {display:inline-block;width:74px;height:13px;background:url(../img/icon/star_rating_off.png) no-repeat 0 0;background-size:74px auto;font-size:0;text-align:left;vertical-align:top;}
.star-rating > span {background-image:url(../img/icon/star_rating_on.png);text-indent:-9999px;}


/* ==================================================
	tabs
================================================== */
[data-content="content"] {display:none;}
[data-content="content"].active {display:block;}