@charset "utf-8";
.tabBox {position: relative;width: 100%;}
.tabBox .tabs {display:flex;padding:10px 10px 24px 10px;}
.tabBox .tabs li {width:auto;height:50px;text-align:center;border-bottom:1px solid #3f3e3d;background:#807c78;color:#fff;box-sizing: border-box;flex-grow:1;flex:1 1 0;}
.tabBox .tabs li.active{border:1px solid #3f3e3d;border-bottom:1px #fff;background:#fff;color:#000;}
.tabBox .tabs li a {position:relative;height:100%;font-size:18px;display:-webkit-box;-webkit-box-pack: center;font-weight:500;text-align:center;justify-content: center;-webkit-box-align: center;align-items: center;}
.tab-content {display:none;}
.tab-content.active {display:inherit;}

/* 로그인 */
.login-box {padding:10px 20px 15px;border-bottom:1px solid #d9d8d8;}
.input-box {overflow:hidden;position:relative;}
.input-box input {height:45px;margin-top:10px;}
.login-auto {padding: 15px 20px;display:block;}
.login-auto .input {position: absolute;left:0;top:0;width:1px;height:1px;border:0;overflow:hidden;opacity:0;}
.login-auto .label {position:relative;padding-left:35px;padding-top:3px;vertical-align:middle;}
.login-auto .label:before {position:absolute;left:0;top:0;content:"";display:block;width:24px;height:24px;border:1px solid #d3d3d3;}
.login-auto .label:after {z-index:5;position:absolute;left:6px;top:7px;content:"";display:none;width:20px;height:20px;background:url(/Content/common/images/default/checked.png) no-repeat;}
.login-auto .input:checked + .label:before {border:0;background:#807c78;}
.login-auto .input:checked + .label:after {display:block;}
.login-button {text-align:center;padding:10px 20px;}
.login-button button {font-size:20px;height:55px;background:#2b302b;color:#fff;line-height:55px;}
.join-button {text-align:center;padding:10px 20px;}
.btn_area {padding:5px 0;position: relative;}
.btn_area_bottom {padding:10px 15px;position: relative;border-bottom:2px solid #807c78;}
button.type01 {font-size:20px;height:45px;background:#807c78;color:#fff;line-height:45px;border:1px solid #000;}
button.type02 {font-size:16px;height:35px;background:#fff;color:#000;line-height:35px;border:1px solid #000;padding:0 10px;}
button.type03 {font-size:20px;height:45px;background:#807c78;color:#fff;line-height:45px;}
button.type04 {font-size:16px;height:40px;background:#fff;color:#000;line-height:40px;border:1px solid #000;}
button.type05 {font-size:16px;height:45px;background:#fff;color:#000;line-height:45px;border:1px solid #000;}
button.type06 {font-size:20px;height:50px;background:#2b302b;color:#fff;line-height:50px;}
button.type07 {font-size:20px;height:50px;background:#807c78;color:#fff;line-height:50px;}
button.type08 {font-size:16px;height:35px;background:#fff;color:#000;line-height:35px;padding:0 10px;border:1px solid #000;}
button.type09 {font-size:18px;height:55px;background:#2b302b;color:#fff;line-height:55px;}
button.type10 {font-size:16px;height:40px;background:#fff;color:#000;line-height:40px;padding:0 10px;border:1px solid #000;margin-top:3px;margin-left:3px;}
button.small {font-size:13px;padding:3px 6px;background: #8ba629;color:#fff;}
button.type11 {border:1px solid #807c78;padding:2px 10px;border-radius:3px;background:#fff;}
button.type12 {font-size:14px;height:25px;background:#b7b7b7;color:#fff;line-height:25px;padding:0 8px;border-radius:10px;margin-left:5px;}
button.alert {font-size:14px;height:30px;background:#fff;color:#000;line-height:30px;padding:0 15px;border-top:1px solid #e8e8e8;}
button.alert:first-child {border-right:1px solid #e8e8e8;}
.btn_area01 {background:#f4f4f4;border:1px solid #d4d4d4;border-radius:4px;display:flex;}
.btn_area01 button{height:35px;line-height:35px;font-size:16px;border-right:1px solid #d4d4d4;}
.btn_area01 button:last-child {border-right:none;}

.btn-custom,
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger,
.btn-inverse,
.btn-purple,
.btn-pink {color: #ffffff !important;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open > .dropdown-toggle.btn-primary {background-color:#2e7be1 !important;border-color:#2e7be1 !important;}
.btn-primary {background-color:#4489e4 !important;border:1px solid #4489e4 !important}
.btn-primary:hover {color:#fff;}
.input-group-prepend .btn, .input-group-append .btn {position:absolute;z-index:2;}
.input-group-append .btn-search01{background:#fff;}
.btn {border-radius: 2px;font-size: 13px;padding: 7px 14px;outline: none !important;}
.btn-md {padding: 5px 15px;}
.btn-group-lg > .btn,
.btn-lg {padding: 12px 20px !important; font-size: 18px !important;}
.btn-search {background:#fff;color:#3e3e3f;font-size:20px;line-height:20px;}
.border-non {border:none !important;}
.btn-line {border:1px solid #807c78;padding:5px 10px;border-radius:3px;background:#fff;font-size:14px;font-weight:400;}
.btn-cancel {border:1px solid #9c9c9c;padding:5px 10px;border-radius:3px;background:#9c9c9c;font-size:14px;color:#fff;font-weight:400;}


.idpw_area {display:flex;padding:5px 20px;}
.idpw_area .idpw_search {margin-top:20px;width:50%;font-size: 20px;text-align:center;border-right:1px solid #d9d8d8;height:30px;line-height:30px;color:#333;font-size:18px;}
.idpw_area .idpw_search:last-child {border-right:none;}
.login_simple {margin-top:40px;padding-bottom:20px;border-top:1px solid #d9d8d8;border-bottom:1px solid #d9d8d8;}
.login_normal {margin-top:30px;padding-bottom:20px;}
.login_normal p {padding-top:30px;font-size:18px;text-align:center;color:#333}
.login_simple h2, .login_normal h2{font-size:20px;color:#000;padding:15px 25px;border-bottom:1px solid #d9d8d8;}
.login_simple ul {width:100%;display:table;text-align:center;font-size:0;margin-top:15px;}
.login_simple li{display:inline-block}
.login_simple li a{display:inline-block;width:50px;height:50px;margin:0 6px;}
.login_simple li:last-child a {margin-right:0;}
.login_simple li a span {display:block;}
.login_simple .sns_kakao {background: url(/Content/common/images/login/btn_sns.png) no-repeat 0 0;width:51px;height:50px;background-size: 272px 50px;}
.login_simple .sns_naver {background: url(/Content/common/images/login/btn_sns.png) no-repeat -55px 0;width:51px;height:50px;background-size: 272px 50px;}
.login_simple .sns_facebook {background: url(/Content/common/images/login/btn_sns.png) no-repeat -110px 0;width:51px;height:50px;background-size: 272px 50px;}
.login_simple .sns_payco {background: url(/Content/common/images/login/btn_sns.png) no-repeat -166px 0;width:51px;height:50px;background-size: 272px 50px;}
.login_simple .sns_apple {background: url(/Content/common/images/login/btn_sns.png) no-repeat -221px 0;width:51px;height:50px;background-size: 272px 50px;}


/* 회원가입 */
.privacy_agree .description{padding:15px 20px;}
.privacy_agree .description ul{padding:20px 20px 20px 35px;background:#f3f4f1;}
.privacy_agree .description li {color:#414042;font-size:18px;line-height:25px;text-indent:-15px}
.privacy_agree .description li:before {content:'-';width:5px;height:5px;padding-right:7px;font-size:22px;}

.member_join {padding:10px 20px;}
.member_join>dl {padding:10px 0;border-bottom: 1px solid #d9d8d8;}
.member_join dl dt {width:160px;margin-top:5px;font-size:18px;font-weight:500;color:#333;box-sizing: border-box;line-height:35px;}
.member_join dl dd {width:100%;align-items:center;-webkit-box-align:center;line-height:35px;margin-top:5px;}
.member_join dl dd span.mail {line-height:35px;padding:0 5px;}
.member_join dl dd span.birth {padding:15px 7px 0 2px;}
.member_join dl dd p {line-height:24px;text-indent: -19px;padding-left:19px;}
.form-group {display:flex;align-items:center;-webkit-box-align:center;}
.form-group .c-input-outline {-webkit-box-flex:1;flex-grow: 1;display:flex;border:1px solid #ccc;}
.form-group .c-input-outline input{border:none;}
.form-group .c-input-outline .input-side {color:#e05f5f;line-height:40px;font-size:16px;padding-right:10px;}

.member_join .label:before {position:absolute;left:0;top:0;content:"";display:block;width:24px;height:24px;border:1px solid #d3d3d3;}
.member_join .label:after {z-index:5;position:absolute;left:6px;top:7px;content:"";display:none;width:20px;height:20px;background:url(/Content/common/images/default/checked.png) no-repeat center}

.termsAgree .Box2{border-top: 1px solid #807c78;border-bottom: 1px solid #807c78;background: #fff; padding: 10px; margin-top: 10px;}
.termsAgree ul {margin-top:5px;}
.termsAgree li{margin-bottom: 5px;padding:5px;}
.termsAgree li a.btnAll{border: 1px solid #c2c2c2; float: right; height: 26px; line-height: 26px; padding: 0 5px; font-size:13px; color: #333;border-radius:3px;}
.termsAgree input[type="checkbox"]{z-index: 99; width:25px; height: 25px; opacity: 0; display: inline-block; padding: 0; position: absolute;}
.termsAgree input[type="checkbox"] + label{background: url(/Content/common/images/ico/input_check.png) no-repeat left center; background-size: 24px 24px; display: inline-block; line-height: 24px; padding-left: 30px; font-size: 15px; letter-spacing: -1px;}
.termsAgree input[type="checkbox"]:checked + label{background: url(/Content/common/images/ico/input_check_on.png) no-repeat left center; background-size: 24px 24px;}
.termsAgree p.Allcheck{padding-bottom:10px;border-bottom:1px solid #c2c2c2;font-size:18px;}

.completion_area {padding:15px 20px;}
.completion_area .completion{background:#f3f4f1 url(/Content/common/images/member/bg_confirm.png) no-repeat center 25px;background-size:75px;padding:20px 20px 30px;padding-top:110px;text-align:center;letter-spacing:-.5px;}

.completion_area .completion dt {font-size:24px;color:#414042;}
.completion_area .completion dt span {color:#769505}
.completion_area .completion dd {margin-top:10px;font-size:16px;}

/* 비밀번호 변경 */

.pw_change {padding:10px 0;border-bottom:1px solid #d9d8d8;}
.info_area .text_box{padding:15px;}
.info_area .text_box ul{padding:20px;background:#f3f4f1;}
.info_area .text_box li {color:#414042;font-size:16px;line-height:25px;padding-left:10px;position:relative;}
.info_area .text_box li:before {content:'';width:4px;height:4px;background:#666;position:absolute;top:10px;left:0;border-radius:5px;}
.info_area .text_box li.result {text-align:center;}
.info_area .text_box li.result:before{content:none;}


@media (max-width:360px) {
	.member_join dl dt {width:100px;font-size:16px;}
	/*.member_join dl dd {width:calc(100% - 80px);}*/
}


/* 휴면계정해제 */
#menus {background:#fff;text-align:left;font-size:18px;}
#menus .release-header {padding:0 20px;position:relative;border-bottom:1px solid #d9d8d8;border-top:1px solid #807c78;cursor: pointer;line-height:60px;}
#menus .release-header a {display:block;font-weight:500;}
#menus .release-header .release_row {display:flex;}
#menus .release-header:after {position:absolute;font-family:"Noto Sans KR",sans-serif;top:50%;right:1.5em;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);font-size:1.5rem;content:"";font-family:xeicon!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
#menus .submenu {display:none;padding:15px 15px;}
#menus .release-body.active {display:block;}
#menus span.mail {line-height:35px;padding:0 5px;}

#menus .submenu:last-child {border-bottom:1px solid #d9d8d8;}

/* id찾기 */
.id_sarch {border-bottom:1px solid #d9d8d8;height:130px;text-align:center;font-size:20px;line-height:135px;}
.id_sarch span {font-size:35px;font-weight:600;color:#c9dc2b;}
.id_sarch_put {padding:10px 20px;border-bottom:1px solid #d9d8d8;}
.id_sarch_put>dl {position:relative;padding:10px 0;font-size:18px;border-bottom: 1px solid #d9d8d8;}
.id_sarch_put>dl:last-child {border-bottom:none;}
.id_sarch_put dl dt {width:135px;padding:6px 0 0 10px;color:#666;box-sizing: border-box;line-height:1.5;}
.id_sarch_put dl dd {width:100%;padding:6px 0 0 10px;color:#333;}
.id_sarch_put>dl .btn_area {position:absolute;right:10px;top:15px;}

.ss_function .ss_btn_edit+.ss_btn_ai {position:relative;}
.ss_function .ss_btn_ai {display:inline-block;padding:0 10px 0 13px;border:none;font-size:14px;font-weight:500;line-height:46px;letter-spacing:-.5px;color:#797b84}
.ss_function .ss_btn_edit+.ss_btn_ai::before {content:"";display:block;position:absolute;top:17px;left:0;width:1px;height:11px;background-color:#e9ebee}
.ss_function .ss_btn_ai .txt {position:relative;display:inline-block;vertical-align:top;}
.ss_function .ss_btn_ai[aria-checked=true] .txt::before {width:25px;height:25px;background-position: -280px -222px;right:-3px;}
.ss_function .ss_btn_ai[aria-checked=true] .txt::after {backgroundimages:-webkit-linear-gradient(345deg,#03eb64 -14%,#1ec8eb 123%);background-image:linear-gradient(105deg,#03eb64 -14%,#1ec8eb 123%)}
.ss_function .ss_btn_ai .txt::before {content:"";display:block;position:absolute;top:10px;right:13px;width:25px;height:25px;background-position:-178px -222px}
.ss_function .ss_btn_ai .txt::after {content:"";display:inline-block;width:36px;margin:13px 0 0 4px;vertical-align:top;-webkit-border-radius:9px;background-color:rgba(125,127,133,.2)}
.ss_title .ss_txt::after, .ss_function .ss_btn_ai .txt::before {background-image: url(/Content/common/images/member/sp_aside_new.7a26c6.png) no-repeat;background-size:293px 252px}

.input-group {position:relative;display:-ms-flexbox;display:flex;flex-wrap:wrap;-ms-flex-align: stretch;align-items:stretch;width:100%;}
.input-group.border {border:1px solid #cecdcd;}
.input-group-append {margin-left:-1px;}
.input-group-prepend,
.input-group-append {display: -ms-flexbox;display: flex;}
/* 고객센터 */
.faq_sch, .customer, .select_sch {padding:20px;}
.customer_title {display:flex;position: relative;}
.customer_title h3{font-size:22px;}
.select_sch select {height:42px;}


/* FAQ */
#faq {border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin-top:20px;}
.faq-item {position:relative;border-top:1px solid #e5e5e5;}
.faq-item:first-child {border-top:0;}
.faq-q {position:relative;padding:20px 50px 20px 40px;cursor:pointer;}
.faq-q:before {content: 'Q';position: absolute;top: 21px;left: 15px;font-size: 16px;line-height: 0.8;color: #fff;font-weight:500;background: #989896;width: 24px;height: 24px;text-align: center;border-radius: 15px;vertical-align: middle;padding-top: 4px;}
.faq-q.active {color:#8ba629;font-weight:500;}
.faq-q.active:before {background: #8ba629;}
.faq-q:after {content: "\f107";position: absolute;top: 20px;right: 15px;font-size: 25px;font-family: 'FontAwesome';}
.faq-q.active:after {content: "\f106";position: absolute;top: 20px;right: 15px;font-size: 25px;font-family: 'FontAwesome';color:#8ba629;}
.faq-q p {position: relative;margin:0;padding-left:6px;}
.faq-a {display:none;position: relative;padding: 20px 20px 30px 40px;border-top: 1px solid #b9c0a5;background-color: #f8f8f5;}
.faq-a:before {content: 'A';position: absolute;top: 21px;left: 15px;font-size: 16px;line-height: 0.8;color: #fff;font-weight:500;background: transparent;border:1px solid #8ba629;color:#8ba629;width: 24px;height: 24px;text-align: center;border-radius: 15px;vertical-align: middle;padding-top: 4px;}
.faq-a p {position: relative;color: #555; padding-left:6px;}

/* 공지사항 / 검사성적서 */
.notice, .report {border-top:2px solid #aaa;border-bottom:1px solid #ccc;padding:10px 20px;}
.notice a, .report a {position:relative;border-top:1px solid #e5e5e5;padding:10px 0;display:block;}
.notice a.notice-item:first-child, .report a.report-item:first-child {border-top:0;}
.notice a.notice-item p, .report a.report-item p{color:#444;line-height:26px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.notice a.notice-item p.day, .report a.report-item p.day {font-size:14px;color:#bbb;}

.notice_view {border-top:2px solid #666;border-bottom:1px solid #ccc;}
.notice_view .subject {padding:15px 20px;border-bottom:1px solid #ccc;}
.notice_view .subject p{color:#444;line-height:26px;font-size:18px;font-weight:500;}
.notice_view .subject p.day {font-size:14px;color:#bbb;}
.notice_view .cont{padding:20px;text-align:left;}


.winning_view {border-top:2px solid #666;border-bottom:1px solid #ccc;}
.winning_view .subject {position:relative;padding:20px;border-bottom:1px solid #ccc;}
.winning_view .subject p{color:#444;line-height:26px;font-size:18px;font-weight:500;}
.winning_view .subject p.day {font-size:15px;color:#999;font-weight:400;}
.winning_view .cont{padding:20px;text-align:left;}
.winning_view .subject a.share {position:absolute;right:10px;top:30px;font-size:20px;}

.store_number {margin-top:20px;padding-left:20px;}
.store {border-top:2px solid #aaa;border-bottom:1px solid #ccc;padding:10px 20px;}
.store a{position:relative;border-top:1px solid #e5e5e5;padding:10px 0;display:block;}
.store a.store-item:first-child {border-top:0;}
.store a.store-item p{color:#444;line-height:26px;font-size:15px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.store a.store-item p.name {font-weight:500;font-size:16px;color:#5e9062;}
.store a.store-item p.tel {font-size:14px;color:#666;}
.store p.data_none {text-align:center;padding:40px 0;}


.customer .tel {background:#f3f4f1 url(/Content/common/images/customer/bg_bubble.png) no-repeat;background-position:90% 55%;background-size:80px;padding:25px;line-height:26px;border-radius:15px;}
.customer .tel p span {font-size:24px;font-weight:600;padding-right:10px;}
.customer .tel p span.tel_number {font-size:32px;color:#6f8c05;}
.bank_account {margin-top:20px;}
.bank_account dl{border-bottom:1px solid #ccc;display:flex;}
.bank_account dl:first-child {border-top:1px solid #ccc;}
.bank_account dt {padding:20px;background:#f4f4f4;width:30%;}
.bank_account dd {padding:20px;width:70%;}
.division {display:flex;flex-wrap:wrap;}
.division li {text-align:center;width:25%;margin-top:-1px;}
.division li a {padding:10px 0;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;border-left:1px solid #e8e8e8;background:#fff;display:block;font-weight:500;font-size:14px;}
.division li:nth-child(4n+4) {border-right:1px solid #e8e8e8;}
.division li.on a {background:#eef0d8;color:#111;}
.division li a:hover {background:#eef0d8;color:#111;}

.customer .construction {background:#f3f4f1;padding:25px;line-height:26px;border-radius:15px;}
.customer .construction p span {font-size:20px;font-weight:600;padding-right:10px;}

@media (max-width:375px) {
	.customer .tel {background:#f3f4f1 url(/Content/common/images/customer/bg_bubble.png) no-repeat;background-position:90% 55%;background-size:70px;padding:25px;line-height:26px;}
	.customer .tel p span.tel_number {font-size:28px;color:#6f8c05;}
	}

@media (max-width:320px) {
	.customer .tel {background:none;background-color:#f3f4f1;}
	.customer .tel p span {font-size:20px;font-weight:600;padding-right:10px;}
	.customer .tel p span.tel_number {font-size:26px;color:#6f8c05;}
	}

/* 죽염제조과정 */
.factur {border-top:2px solid #666;display:block;}
.factur ul {box-sizing:border-box;margin-top:10px;display:inline-table;}
.factur ul li{width:50%;float:left;position:relative;padding:0 15px 10px;box-sizing:border-box;margin-bottom:20px;border-bottom:1px solid #e8e8e8;}
.factur .recommand {position:relative;display:block;}
.factur .recommand img {width:100%;}
.factur .thumb {margin:0 auto;width:100%;height:auto;}
.factur .thumb .info {overflow:hidden;white-space:nowrap;}
.factur .thumb .info .subject {display:block;overflow:hidden;height:22px;font-size:18px;margin-top:15px;font-weight:500;}
.factur .thumb .info .cont {display:block;padding-top:10px;margin-bottom:5px;overflow:hidden;font-size:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;white-space:initial;}

.factur_view {border-top:2px solid #666;border-bottom:1px solid #ccc;}
.factur_view .subject {padding:20px;border-bottom:1px solid #ccc;}
.factur_view .subject p{color:#444;line-height:26px;font-size:18px;font-weight:500;}
.factur_view .cont{padding:20px;text-align:left;line-height:24px;}

.related {margin-top:40px;border-top:1px solid #d9d8d8;border-bottom:1px solid #d9d8d8;}
.related h2 {font-size:22px;color:#000;padding:15px 25px;border-bottom:1px solid #d9d8d8;}
.related .prod_list {padding:0 20px;}
.related .prod_list .product {position:relative;width:100%;display:flex;}
.related .prod_list .product li {width:50%;padding:10px;border-right:1px solid #e8e8e8;text-align:center;}
.related .prod_list .product li:last-child {margin-right:0;border-right:none;}
.related .prod_list .product li a .photo {position:relative;width:100%;margin:0 auto;}
.related .prod_list .product li a .photo img {width:100%;}
.related .prod_list .product li a .p_info {padding:20px 0 30px;}
.related .prod_list .product li a .p_info .p_name {font-size:20px;font-weight:500;}
.related .prod_list .product li a .p_info .price {font-size:18px;margin-top:10px;}

/* 월간인산의학 */
.subscribe_area .subscribe{padding:15px 20px;}
.subscribe_area .subscribe ul{padding:20px 20px 20px 35px;background:#f3f4f1;}
.subscribe_area .subscribe li {color:#414042;font-size:18px;line-height:25px;text-indent:-15px}
.subscribe_area .subscribe li:before {content:'-';width:5px;height:5px;padding-right:7px;font-size:22px;}

/* 마이페이지 */
.m-box {position:relative;padding:20px;background: #f3f4f1}
.m-box .my-info {padding-left:60px;position:relative;}
.m-box .my-info .grade {position:absolute;overflow: hidden;top:6px;left:0;}
.normal {color:#fff;background:#585858;font-size:16px;padding:3px 10px 4px;border-radius:18px;display:inline-block;}
.healing {color:#fff;background:#8ba629;font-size:16px;padding:3px 10px 4px;border-radius:18px;display:inline-block;}
.m-box .my-info p {display:flex;align-items: center;justify-content: flex-start;height:40px;color:#505050;font-size:16px;}
.m-box .my-info p span.name {font-size:24px;font-weight:500;color:#8ba629;}
.btn_type01 {border-radius:20px;padding:3px 10px;font-size:18px;color:#fff;}
.btn_type02 {border-radius:20px;padding:8px 20px;font-size:16px;color:#fff;}
.right_position {position:absolute;top:0;right:0;}
.point_box {width:100%;padding:20px 15px;}
.my_point {border-top:1px solid #cecfce;border-bottom:1px solid #cecfce;display:flex;align-items:center;-webkit-box-align:center;}
.my_point .point {flex:1 1 0%;text-align:center;}
.my_point .point .tit {font-size:18px;padding:10px;background:#eee;}
.my_point .point p {display:block;font-size:20px;font-weight:500;color:#8ba629;padding:10px;}

@media (max-width:360px) {
	.point_box {width:100%;padding:0;}
	.btn_type01 {font-size:16px;padding:3px 10px;}
	.m-box .my-info {padding-left:55px;}
	.m-box .my-info p span.name {font-size:20px;min-width:60px;}
	.right_position {top:7px;}
}

.order_area {margin-top:10px;border-bottom:1px solid #d9d8d8;position:relative;}
.order_area h2 {font-size:22px;color:#000;padding:15px 25px;border-bottom:1px solid #d9d8d8;}
.order_area .right {position:absolute;right:20px;top:25px;}

.order-state-list {padding:20px 0;display:flex;}
.order-state-list li {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;position: relative;float: left;width: 50%;height: 100%;padding: 0;margin: 0 auto;font-size: 16px;text-align: center;vertical-align: top;width:20%;}
.order-state-list li:before {content: '\f105';position: absolute;top: 10px;left: -50%;width: 100%;height: auto;text-align: center;color: #ccc;font-size:25px;font-family: FontAwesome}
.order-state-list li:first-child:before {display: none; }
.order-state-list li.is-active .icon {color: #fff;background-color: #74824c; }
.order-state-list li.is-active .desc {color: #74824c; }
.order-state-list .icon {display: block;width: 35px;height: 35px;margin: 0 auto;color: #fff;font-size: 1.4em;line-height: 35px;border-radius: 100%;background-color: #ccc; }
.order-state-list li a {display:inline-block;}
.order-state-list i {color:#bbb;font-size:35px;}

.order-state-list .icon:before {width: 100%; }
.order-state-list .icon-order-receive:before,
.order-state-list .icon-delivery-done:before,
.order-state-list .icon-cancel-done:before,
.order-state-list .icon-order-cancel:before,
.order-state-list .icon-exchange:before,
.order-state-list .icon-return-application:before {margin-left: 2px; }
.order-state-list .desc {display: block;color: #666;margin-top: .5em;margin-bottom: .3em; font-weight:500;}
.order-state-list .time {display: block;font-size: .85em;color: #999; }
.order-state-list .em {color: #000;font-weight: bold;font-size:21px;width: 45px;height: 45px;line-height: 45px;border: 1px solid #ababaa;display: inline-block;border-radius: 50%;}
.order-state-list .icon-arr-right {display: none;position: absolute;top: 20px;left: 0;color: #ccc;font-size: 20px; }
.order-counter {background:#66625d;display:flex}
.order-counter li {border-right:1px solid #3f3e3d;width:33.3333%;text-align:center;color:#fff;padding:15px 0}
.order-counter li:last-child {border-right:none;}
.order-counter li span {font-size:20px;padding-left:10px;}
.banner_area {margin-top:10px;}
.banner_area img {width:100%;}
.banner_area a{display:block;}

.attention {position:relative;margin-top:40px;border-top:1px solid #d9d8d8;border-bottom:1px solid #d9d8d8;}
.attention h2 {font-size:20px;color:#000;padding:10px 20px;}
.attention .prod_list {padding:0;}
.attention .prod_list .product {position:relative;width:100%;display:flex;flex-wrap:wrap;padding:0 10px;}
.attention .prod_list .product li {width: calc(50% - 10px);padding:10px;margin: 5px;border: 1px solid #e8e8e8;position:relative;}
.attention .prod_list .product li a .photo {position:relative;width:100%;margin:0 auto;}
.attention .prod_list .product li a .photo img {width:100%;}
.attention .prod_list .product li a .p_info {padding:20px 0 10px;}
.attention .prod_list .product li a .p_info .p_name {font-size:16px;margin-bottom:10px;}
.attention .prod_list .product li a .p_info .price {font-size:18px;margin-top:5px;position:relative;font-weight:500;}
.attention .prod_list .product li a .p_info .price.nor {color:#585858;padding-left:45px;}
.attention .prod_list .product li a .p_info .price.heal {color:#8ba629;padding-left:45px;}
.attention .prod_list .product li a .p_info .price.nor:before {content:"일반";position:absolute;left:0;top:3px;display:inline-block;color:#fff;background:#585858;font-size:14px;padding:2px 6px 3px;display:inline-block;border-radius:10px;}
.attention .prod_list .product li a .p_info .price.heal:before {content:"힐링";position:absolute;left:0;top:3px;display:inline-block;color:#fff;background:#8ba629;font-size:14px;padding:2px 6px 3px;display:inline-block;border-radius:10px;}
.my_menu {border-top:2px solid #807c78;margin-top:10px;}
.my_menu .title{border-bottom:1px solid #bcbcbc;background:#d9d8d8;padding:10px 20px;font-size:20px;font-weight:500;}
.my_menu ul {display:flex;flex-flow:wrap;}
.my_menu ul li {width:33.3333%;border-right:1px solid #d9d8d8;border-bottom:1px solid #d9d8d8;}
.my_menu ul li a{padding:20px 10px;position:relative;display:block;letter-spacing:-.5px;}
.my_menu ul li a:nth-child(3),.my_menu ul li a:nth-child(6) {border-right:none;}
.my_menu ul li a:after {content:'\f105';position:absolute;right:0;top:20px;width:25px;height:auto;color:#999;font-size:25px;font-family:FontAwesome;}
@media (max-width:375px) {
	.my_menu ul li a{font-size:14px;}
	.my_menu ul li a:after {top:18px;}
}
.cus_menu {margin-top:20px;}
.cus_menu ul {display:flex;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;}
.cus_menu ul li{width:33.3333%;border-right:1px solid #e8e8e8;font-size:18px;font-weight:500;}
.cus_menu ul li:last-child {border-right:none;}
.cus_menu ul li a{padding:20px 0 20px 35px;position:relative;display:block;background:#fafafa;}
.cus_menu ul li a.cus:before {content:'\f130';position:absolute;left:10px;top:24px;width:25px;height:auto;color:#8ba629;font-size:25px;font-family:FontAwesome}
.cus_menu ul li a.sns:before {content:'\f0e6';position:absolute;left:5px;top:21px;width:25px;height:auto;color:#8ba629;font-size:25px;font-family:FontAwesome}
.cus_menu ul li a.pre:before {content:'\f013';position:absolute;left:10px;top:22px;width:25px;height:auto;color:#8ba629;font-size:25px;font-family:FontAwesome}

.title_right.selec {top:12px;width: calc(100% - 180px);max-width:250px;}
.title_right select {width:calc(100% - 50px);}
.title_right .btn-search {border:1px solid #cecdcd;width:45px;height:40px;}
.search_area {padding:10px 0;display:none;}
.title_right .btn-search.active .fa-search:before {content: "\f00d";font-family:FontAwesome;font-weight:normal;}

@media (max-width:480px) {
.title_right.selec {max-width:170px;}
}

@media (max-width:410px) {
.title_right.selec {top:55px;width: calc(100% - 40px);max-width:100%;}
.order_area h2 {height:110px;}
}

.order-info {border-top:2px solid #807c78;position:relative;}
.order-info .title{border-bottom:1px solid #bcbcbc;background:#f3f2f2;padding:10px 15px;font-size:18px;font-weight:500;}
.order-info .title span {font-size:16px;}
.order-step {font-weight:500;padding:10px 20px;border-bottom:1px solid #dedede;}
.order-step span {font-weight:normal;font-size:14px;padding-left:5px;}

.order-info01 {border-top:2px solid #807c78;position:relative;}
.order-info01 .title{border-bottom:1px solid #bcbcbc;background:#f3f2f2;padding:10px 15px;font-size:18px;font-weight:500;}
.order-info01 .title span {font-size:16px;}

.goods-list {}
.goods-list .list-wrapper {display:block;}
.goods-list .item {position:relative;padding:15px;width:100%;border-bottom:1px solid #dedede;}
.goods-list .item .thumb {display:flex;}
.goods-list .item .thumb .defaultPic {position:relative;}
.goods-list .item .thumb a.window {position:relative;border:1px solid #dedede;display:block;width:130px;height:130px;}
.goods-list .item .thumb img {display:block;width:100%;}
.goods-list .item .cont {display:inline-block;vertical-align:top;padding-left:15px;}
.goods-list .item .name {margin:0 0 5px;min-height:25px;}
.goods-list .item .number {padding:0 0 10px;}
.goods-list .item .price {font-size:18px;position:relative;height:30px;font-weight:500;}
.goods-list .item .price_sale {padding-left:5px;font-size:18px;font-weight:500;color:#db2929;margin-top:8px;}
.goods-list .item .price_cancel {color:#999;text-decoration: line-through;margin-top:5px;font-size:16px;}
.goods-list .item .price strong {margin:0 4px 0 0;color:#000;}
.goods-list .item .price.nor {color:#585858;padding-left:45px;}
.goods-list .item .price.heal {color:#8ba629;padding-left:45px;}
.goods-list .item .price.nor:before {content:"일반";position:absolute;left:0;top:3px;display:inline-block;color:#fff;background:#585858;font-size:14px;padding:2px 6px 3px;display:inline-block;border-radius:10px;}
.goods-list .item .price.heal:before {content:"힐링";position:absolute;left:0;top:3px;display:inline-block;color:#fff;background:#8ba629;font-size:14px;padding:2px 6px 3px;display:inline-block;border-radius:10px;}
.btn_area button {margin-right:5px;}
.btn_area button:last-child {margin-right:0;}

@media (max-width:320px) {
.goods-list .item .thumb a.window {width:110px;height:110px;}
.attention .prod_list .product li a .p_info .p_name {font-size:16px;}
.attention .prod_list .product li a .p_info .price {font-size:16px;}
.attention .prod_list .product li a .p_info .price.nor:before, .attention .prod_list .product li a .p_info .price.heal:before {font-size:14px;padding:1px 5px 2px;top:3px;display:block;position:static;text-align:center;}
.attention .prod_list .product li a .p_info .price.nor, .attention .prod_list .product li a .p_info .price.heal {padding-left:0;}
.goods-list .item .price {font-size:16px;position:relative;height:30px;font-weight:500;}
.goods-list .item .price_sale {padding-left:5px;font-size:16px;font-weight:500;color:#db2929;margin-top:8px;}
.goods-list .item .price_cancel {color:#999;text-decoration: line-through;margin-top:5px;font-size:14px;}
.goods-list .item .price strong {margin:0 4px 0 0;color:#000;}
.goods-list .item .price.nor {color:#585858;padding-left:45px;}
.goods-list .item .price.heal {color:#8ba629;padding-left:45px;}
.goods-list .item .price.nor:before {content:"일반";position:absolute;left:0;top:3px;display:inline-block;color:#fff;background:#585858;font-size:12px;padding:2px 6px 3px;display:inline-block;border-radius:10px;}
.goods-list .item .price.heal:before {content:"힐링";position:absolute;left:0;top:3px;display:inline-block;color:#fff;background:#8ba629;font-size:12px;padding:2px 6px 3px;display:inline-block;border-radius:10px;}

}

.order_account {margin-top:20px;padding:0 10px;}
.order_account dl{border-bottom:1px solid #ccc;display:flex;word-break:keep-all;line-height:26px;}
.order_account dl:first-child {border-top:2px solid #ccc;}
.order_account dt {padding:15px;width:30%;font-weight:500;}
.order_account dd {padding:15px;width:70%;}
.order_account dd .price{font-weight:500;}

.delivery_table {margin-top:20px;padding:0 10px;}
.delivery_table dl{display:flex;word-break:keep-all;line-height:26px;}
.delivery_table dl:first-child {border-top:2px solid #ccc;}
.delivery_table dt {padding:10px;width:30%;font-weight:500;}
.delivery_table dd {padding:10px;width:70%;}
.delivery_table dd .price{font-weight:500;}
.delivery_table dl.message {border-top:1px solid #797979;border-bottom:1px solid #ccc;padding-top:5px;padding-bottom:5px;}

.payment_table {margin-top:20px;padding:0 10px;}
.payment_table dl{display:flex;word-break:keep-all;}
.payment_table dl:first-child {border-bottom:1px solid #ccc;}
.payment_table dl:last-child {border-top:1px solid #ccc;border-bottom:1px solid #ccc;font-weight:500;}
.payment_table dt {padding:10px;width:45%;font-weight:500;}
.payment_table dd {padding:10px;width:55%;text-align:right;}
.payment_table dl.total {font-size:17px;font-weight:500;border-bottom:1px solid #e8e8e8;}
.payment_table dd .price {font-weight:600;font-size:18px;}

.order_table {margin-top:20px;padding:0 10px;}
.order_table dl{display:flex;word-break:keep-all;}
.order_table dt {padding:10px;width:45%;font-weight:500;}
.order_table dd {padding:10px;width:55%;text-align:right;}
.order_table dl:last-child {border-bottom:1px solid #ccc;}

.order_table01 {margin-top:20px;padding:0 10px;}
.order_table01 dl{padding:10px 0;border-bottom: 1px solid #d9d8d8;}
.order_tabl01e dt {width:160px;margin-top:5px;font-size:18px;font-weight:500;color:#333;box-sizing: border-box;line-height:35px;}
.order_table01 dd {width:100%;align-items:center;-webkit-box-align:center;line-height:35px;margin-top:5px;}
.order_table01 dl:last-child {border-bottom:1px solid #ccc;}
.order_table01 dl dd span.mail {line-height:35px;padding:0 5px;}
.order_table01 dl dd span.birth {padding:15px 7px 0 2px;}
.order_table01 dl dd p {line-height:24px;text-indent: -19px;padding-left:19px;}


.default_table dl{display:flex;word-break:keep-all;}
.default_table dt {padding:10px;width:45%;font-weight:500;}
.default_table dd {padding:10px;width:55%;text-align:right;}
.default_table dl:last-child {border-bottom:1px solid #ccc;}




.customer_table {margin-top:20px;padding:0 10px;border-bottom:1px solid #e8e8e8;}
.customer_table dl{display:flex;word-break:keep-all;}
.customer_table dt {padding:10px;width:30%;font-weight:500;}
.customer_table dd {padding:10px;width:70%;}
@media (max-width:320px) {
	.order_account dt, .order_account dd, .delivery_table dt, .delivery_table dd {padding:10px;}
}

.sample {border-bottom:1px solid #ccc;}
.sample dl {display:flex;}
.sample dt {padding:10px 15px;width:calc(100% - 90px);}
.sample dd {padding:10px 15px;width:90px;text-align:right;}

.cancel_box {margin-top:20px;padding:0 10px;}

.picture_area {display:flex;}
.picture_area .picture {position:relative;margin-right:10px;width:33.3333%;background:#d9d8d8;border:1px solid #e8e8e8;}
.picture_area .picture:last-child {margin-right:0;}
.picture_area .picture a.del {width:15px;height:15px;position:absolute;right:5px;top:5px;background:url(/Content/common/images/btn/btn_close01.png) no-repeat;background-size:100%;text-indent: -99999px;}

.coupon_area {padding:15px 20px;margin-top:15px;}
.coupon_info {display:flex;background:#f3f4f1;padding:20px 30px;border-radius:5px;}
.coupon_info .title {background:url(/Content/common/images/ico/ico_coupon.png) no-repeat center top;padding-top:55px;width:40%;background-size:60px;text-align:center;font-size:20px;font-weight:500;}
.coupon_info .number {font-size:18px;width:60%;text-align:right;line-height:80px;}
.coupon_info .number span {font-size:24px;color:#000;font-weight:500;}

.coupon_input {border-top:1px solid #807c78;border-bottom:1px solid #807c78;background:#d9d8d8;padding:10px 20px;}
.coupon_input dl {display:flex;line-height:50px}
.coupon_input dl dt {width:80px;font-size:18px;}
.coupon_input dl dd {width:calc(100% - 150px);}

.col_table {border-top:1px solid #cecfce;border-bottom:1px solid #cecfce;}
.col_table thead th, .col_table thead td {background:#eeeeee;padding:15px 5px;font-weight:500;border-top:1px solid #e8e8e8;border-right:1px solid #e8e8e8;}
.col_table tbody th, .col_table tbody td {padding:15px 5px;border-top:1px solid #e8e8e8;border-right:1px solid #e8e8e8;letter-spacing: -1px}
.col_table thead th:last-child, .col_table tbody td:last-child {border-right:none;}
.col_table tbody td.price {text-align:right;font-weight:500;}
.table-box {padding:0 20px;} 

.mycoupon_list {overflow:hidden;margin:-8px 0 0 -10px;}
.mycoupon_list li {overflow:hidden;margin:10px 0 0 10px;}
.mycoupon_list li.list_none {text-align:center;padding:40px 0}
.mycoupon_list .box {display:block;position:relative;width:100%;height:130px;padding:15px 68px 37px 20px;border:1px solid #d9d9d9;color:#333;letter-spacing:-.5px;cursor:pointer;}
.mycoupon_list .box:before {top:-5px;}
.mycoupon_list .box:after {bottom:-5px;}
.mycoupon_list .box:before, .mycoupon_list .box:after {position: absolute;right: 58px;z-index:1;width:9px;height:9px;border:1px solid #d9d9d9;border-radius:9px;background:#fff;content:"";}
.mycoupon_list .discount {display:block;height:33px;margin-bottom:4px;color:#f43142;line-height:33px;}
.mycoupon_list .discount .num {display:inline-block;margin-right:2px;font-size:28px;}
.mycoupon_list .type {display:block;overflow: hidden;max-height:30px;margin:5px 0 2px;font-size:20px;font-weight:500;line-height:30px;word-break:break-all;}
.mycoupon_list .txt {font-size:16px;line-height:22px;letter-spacing:-.5px;}
.mycoupon_list .completion {font-size:16px;font-weight:500;color:#444;line-height:20px;cursor:default;}
.mycoupon_list .down {position: absolute;top:0;right:0;bottom:0;width:63px;border-left:1px dashed #d9d9d9;text-align:center;}

.deposit_area {padding:15px 20px;margin-top:15px;}
.deposit_info {display:flex;background:#f3f4f1;padding:20px 30px;border-radius:5px;}
.deposit_info .title {background:url(/Content/common/images/ico/ico_deposit.png) no-repeat center top;padding-top:65px;width:40%;background-size:60px;text-align:center;font-size:20px;font-weight:500;}
.deposit_info .number {font-size:18px;width:60%;text-align:right;line-height:80px;}
.deposit_info .number span {font-size:24px;color:#000;font-weight:500;}

.mileage_area {padding:15px 20px;margin-top:15px;}
.mileage_info {display:flex;background:#f3f4f1;padding:20px 30px;border-radius:5px;}
.mileage_info .title {background:url(/Content/common/images/ico/ico_mileage.png) no-repeat center top;padding-top:55px;width:40%;background-size:60px;text-align:center;font-size:20px;font-weight:500;}
.mileage_info .number {font-size:18px;width:60%;text-align:right;line-height:80px;}
.mileage_info .number span {font-size:24px;color:#000;font-weight:500;}

.title_area {margin-top:10px;position:relative;}
.title_area h2 {font-size:22px;color:#000;padding:15px 25px;border-bottom:1px solid #d9d8d8;}
.title_area .right {position:absolute;right:0;top:25px;}
.title_right01.selec {top:12px;width: calc(100% - 180px);max-width:250px;}
.title_right01 {width:100%;position:absolute;right:20px;}
.title_right02 {position:absolute;top:0px;right:0;}
.list_none {text-align:center;padding:40px 0;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;}

.thumb .checkbox {margin:auto 5px;}

.review_box {padding:20px;background:#f4f4f4;}
.review_box .cell {display:block;}
.review_box .c1 {text-align:left;}
.review_box .tit {display:inline-block;font-size:18px;color:#000;}
.review_box .c2 {line-height:38px;}
.review_box .c2 .tit {font-size:20px;} 
.review_box .starPoint {display:inline-block;margin:0 0 0 10px;padding:0;width:auto;height:auto;position:relative;}
.review_box .starPoint .stars {position:relative;overflow: hidden;width:92px;height:15px;background:url("/Content/common/images/ico/bg_stars_black.png") no-repeat;background-size:92px 30px;bottom:0;}
.review_box .starPoint .stars .bar{height:15px; background:url("/Content/common/images/ico/bg_stars_black.png") 0 -15px no-repeat; background-size:92px 30px;}
.review_box .starPoint .stars.p1 .bar{width:15px;}
.review_box .starPoint .stars.p2 .bar{width:34px;}
.review_box .starPoint .stars.p3 .bar{width:54px;}
.review_box .starPoint .stars.p4 .bar{width:73px;}
.review_box .starPoint .stars.p5 .bar{width:92px;}

.review_box .text_box {font-size:16px;line-height:20px;margin-top:20px;}

.starRev {display:inline-block;}
.starR{
  background: url('/Content/common/images/ico/bg_stars.png') no-repeat right 0;
  background-size: auto 100%;
  width: 30px;
  height: 30px;
  display: inline-block;
  text-indent: -9999px;
  cursor: pointer;
}
.starR.on{background-position:0 0;}

/* 1:1문의 */
#qna {border-top:2px solid #bbb;border-bottom:1px solid #ccc;margin-top:20px;}
.qna-item {position:relative;border-top:1px solid #e5e5e5;}
.qna-item:first-child {border-top:0;}
.qna-q {position:relative;padding:20px 50px 20px 40px;cursor:pointer;background:#f3f4f1;}
.qna-q:before {content: 'Q';position: absolute;top: 21px;left: 15px;font-size: 16px;line-height: 0.8;color: #fff;font-weight:500;background: #989896;width: 24px;height: 24px;text-align: center;border-radius: 15px;vertical-align: middle;padding-top: 4px;}
.qna-q.active {font-weight:500;}
.qna-q p {position: relative;margin:0;padding-left:6px;}
.qna-q p span.ing {background:#666;padding:1px 5px;font-size:14px;color:#fff;border-radius:3px;}
.qna-q p span.end {background:#f45c0a;padding:1px 5px;font-size:14px;color:#fff;border-radius:3px;}
.qna-a {display:none;position: relative;padding: 20px 2      0px 30px 40px;border-top: 1px solid #b9c0a5;}
.qna-a p.answer:before {content: 'A';position: absolute;top: 0;left: -25px;font-size: 16px;line-height: 0.8;color: #fff;font-weight:500;background: transparent;border:1px solid #8ba629;color:#8ba629;width: 24px;height: 24px;text-align: center;border-radius: 15px;vertical-align: middle;padding-top: 4px;}
.qna-a p {position: relative;color: #555;padding-left:6px;}
.qna-a p.answer {margin-top:20px;}
.qna-a p.answer span {display:block;}

.qna-a .item {position:relative;width:100%;margin-bottom:10px;}
.qna-a .item .thumb {display:flex;}
.qna-a .item .thumb .defaultPic {position:relative;}
.qna-a .item .thumb a.window {border:1px solid #dedede;display:block;width:110px;height:110px;}
.qna-a .item .thumb img {display:block;width:100%;}
.qna-a .item .cont {display:inline-block;vertical-align:top;padding-left:10px;}
.qna-a .item .cont p {padding-left:0;}
.qna-a .item .name {margin:0 0 5px;min-height:30px;}
.qna-a .item .number {padding:0 0 10px;}
.qna-a .item .price {font-size:18px;position:relative;height:30px;font-weight:500;}
.qna-a .item .price strong {margin:0 4px 0 0;color:#000;}

.qna-q .right {position:absolute;right:20px;top:15px;text-align:right;font-size:16px;}
.qna-q .right .date {display:block;font-size:16px;}
.qna-q .right a{display:inline-block;border:1px solid #3f3e3d;padding:2px 10px;background:#fff;border:1px solid #000;margin-top:5px;border-radius:3px;}

.qna_select {padding:20px;border-bottom:1px solid #e8e8e8;}

.delivery_table {margin-top:20px;padding:0 10px;}
.delivery_table ul {position:relative;padding:15px;border-bottom:1px solid #e8e8e8;}
.delivery_table ul li {line-height:28px;}
.delivery_table ul li span {font-weight:500;position: relative;padding-left:15px;}
.delivery_table ul li span.blue:before {content:'';position:absolute;top:50%;left:5px;width:1px;height:12px;margin-top:-5px;background:#ccc;}

.delivery_join {padding:10px 20px;}
.delivery_join>dl {padding:10px 0;display:flex;flex-wrap: nowrap;border-bottom: 1px solid #d9d8d8;}
.delivery_join dl dt {width:115px;padding:6px 0 0 10px;font-size:18px;color:#333;box-sizing: border-box;line-height:1.5;}
.delivery_join dl dd {width:calc(100% - 115px);}
.delivery_join dl dd span.mail {line-height:35px;padding:0 5px;}
.delivery_join dl dd span.birth {padding:15px 7px 0 2px;}
.form-group {display:flex;align-items:center;-webkit-box-align:center;}
.form-group .c-input-outline {-webkit-box-flex:1;flex-grow: 1;display:flex;border:1px solid #ccc;}
.form-group .c-input-outline input{border:none;}
.form-group .c-input-outline .input-side {color:#e05f5f;line-height:40px;font-size:16px;padding-right:10px;}

.delivery_join .label:before {position:absolute;left:0;top:0;content:"";display:block;width:24px;height:24px;border:1px solid #d3d3d3;}
.delivery_join .label:after {z-index:5;position:absolute;left:6px;top:7px;content:"";display:none;width:20px;height:20px;background:url(/Content/common/images/default/checked.png) no-repeat center}

.banner_list ul {padding:0 13px;}
.banner_list li:first-child {border:none;}
.banner_list li {overflow: hidden;position:relative;padding: 10px 0;border-top:1px solid #eee;}
.banner_list .thumb {width:100%;font-size:0;line-height:0;}
.banner_list .thumb img {width:100%;height:100%;}
.banner_list .list_info {margin:10px;}
.banner_list .list_info.win {display:inline-block;}
.banner_list .list_info .title {word-break:keep-all;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;line-height:1.2;font-weight:500;}
.banner_list .list_info .date {font-size:14px;color:#555;margin-top:5px;}
.banner_list span {display:block;}

.c_product_input {position: relative;display:inline-block;}
.c_product_option_item .c_product_input {margin-top:8px;}
.c_product_option_item > .cont .c_product_input_count {z-index:2;}
.c_product_input_count {position:relative;border:1px solid #eee;}
.c_product_input_count .form_input {width:108px;height:32px;border:none;text-align:center;font-size:16px;line-height:32px;background:#fff;color:#111;text-overflow:ellispis;white-space:nowrap;overflow:hidden;box-sizing:border-box;}
.c_product_input_count .form_input:not(:only-child) {padding:0 32px;}
.c_product_input_count .form_add {overflow: hidden;position:static;top:0;right:0;bottom:0;text-align:right;}
.c_product_input_count .form_add .c_product_btn_count1 {position: absolute;top:0;left:0;bottom:0;border-right:1px solid #eee;}
.c_product_input_count .form_add .c_product_btn_count2 {position: absolute;top:0;right:0;bottom:0;border-left:1px solid #eee;}
.c_product_input .form_add .c_product_btn {height:100%;}
.c_product_btn_count1, .c_product_btn_count2 {overflow:hidden;display:inline-block;width:32px;height:32px;vertical-align:middle;font-size:1px;line-height:200px;}
.c_product_btn_count1:before, .c_product_btn_count2:before {width:13px;height:2px;margin:-1px 0 0 -7px;background-color:#b3b3b3;}
.c_product_btn_count1:before, .c_product_btn_count2:before, .c_product_btn_count1:after, .c_product_btn_count2:after {position:absolute;top:50%;left:50%;content:"";} 
.c_product_btn_count2:after {width:2px;height:13px;margin:-7px 0 0 -1px;background-color:#b3b3b3;}

.benefits {padding:20px;}
.benefits li {border:1px solid #e8e8e8;margin:5px 0;padding:15px 20px;display:block;position:relative;}
.benefits li dt {font-size:18px;color:#111;width:calc(100% - 80px);margin-bottom:5px;font-weight:500;}
.benefits li dd {font-size:14px;width:calc(100% - 80px);position:relative;line-height:22px;}
.benefits li dd.bullet {padding-left:10px;}
.benefits li dd.bullet:before {content:"";width:4px;height:4px;background:#444;position:absolute;left:0;top:10px;border-radius: 5px}
.benefits li.benefit01:after {position:absolute;right: 0;top: 30px;content:"";background:url(/Content/common/images/ico/ico_membership01.png) no-repeat;width: 80px;height: 100px;background-size: 75px;}
.benefits li.benefit02:after {position:absolute;right: 5px;top: 20px;content:"";background:url(/Content/common/images/ico/ico_membership02.png) no-repeat;width: 80px;height: 100px;background-size: 80px;}
.benefits li.benefit03:after {position:absolute;right: 0;top: 20px;content:"";background:url(/Content/common/images/ico/ico_membership03.png) no-repeat;width: 80px;height: 100px;background-size: 70px;}
.benefits li.benefit04:after {position:absolute;right: 0;top: 20px;content:"";background:url(/Content/common/images/ico/ico_membership04.png) no-repeat;width: 80px;height: 100px;background-size: 70px;}
.benefits li.benefit05:after {position:absolute;right: 0;top: 20px;content:"";background:url(/Content/common/images/ico/ico_membership05.png) no-repeat;width: 80px;height: 100px;background-size: 70px;}
.benefits li.benefit06:after {position:absolute;right: 0;top: 20px;content:"";background:url(/Content/common/images/ico/ico_membership06.png) no-repeat;width: 80px;height: 100px;background-size: 70px;}

.point01 {padding:20px;}
.point01 ul {background:#f4f4f4;padding:20px;}
.point01 li {padding-left:10px;margin-top:5px;position:relative;font-size:14px;}
.point01 li:before {content:"";width:4px;height:4px;background:#444;position:absolute;left:0;top:10px;border-radius: 5px}

.sale01 {position:absolute;top:0;left:0;text-align:center;padding:3px 10px 0;color:#fff;background:#ed4b20;line-height:22px;width:65px;font-size:15px;}
.sale01:after {content:"";position:absolute;bottom:-15px;left:0;border-width:15px 32px 0;border-style:solid;border-color:#ed4b20 transparent;display:block;width:0;}
.sale01.big {width:80px;font-size:18px;}
.sale01.big:after {border-width:20px 40px 0;bottom:-20px;}
.sale01 span, .sale02 span {font-size:20px;font-weight:500;font-family: 'Montserrat', sans-serif;}
.sale01.big span, .sale02.big span {font-size:24px;}

.sale02 {position:absolute;top:0;left:0;text-align:center;padding:3px 10px 0;color:#fff;background:#8ba629;line-height:22px;width:65px;font-size:15px;}
.sale02:after {content:"";position:absolute;bottom:-15px;left:0;border-width:15px 32px 0;border-style:solid;border-color:#8ba629 transparent;display:block;width:0;}
.sale02.big {width:80px;}
.sale02.big:after {border-width:20px 40px 0;bottom:-20px;}

.s_sale01 {position:absolute;top:0;left:0;text-align:center;padding:2px 7px 0;color:#fff;background:#ed4b20;line-height:18px;font-size:14px;}
.s_sale01:after {content:"";position:absolute;bottom:-15px;left:0;border-width:15px 27px 0;border-style:solid;border-color:#ed4b20 transparent;display:block;width:0;}

.s_sale02 {position:absolute;top:0;left:0;text-align:center;padding:2px 7px 0;color:#fff;background:#8ba629;line-height:18px;font-size:14px;}
.s_sale02:after {content:"";position:absolute;bottom:-15px;left:0;border-width:15px 27px 0;border-style:solid;border-color:#8ba629 transparent;display:block;width:0;}

.edit {width:100%;background:#fff;}
.edit li a{padding:10px 15px;font-size:16px;display:block;border-bottom:1px solid #e8e8e8;text-align:left;}
.btn_toggle {position:absolute;right:20px;top:22px;background:url(/Content/common/images/ico/ico_arrow01.png) no-repeat;text-indent:-9999px;width:30px;height:30px;}
.sidebox-open {display:block;}
.subFilter_type_choice {display:inline-block;margin-left:7px;border:1px solid #d5d5d5;float:right;}
.subFilter_type_choice .subFilter_btn_list, .subFilter_type_choice .subFilter_btn_thumb {overflow:hidden;white-space:nowrap;text-indent:100%;display: inline-block;width:22px;height:22px;padding: 8px 7px 8px 7px;vertical-align:top;box-sizing:content-box;}
.subFilter_type_choice .subFilter_btn_list:before {background:url(/Content/common/images/ico/ico_sp01.png) no-repeat;background-size:22px 112px;background-position:0 0;width:22px; height:22px;display:block;content:"";}
.subFilter_type_choice .subFilter_btn_thumb:before {background:url(/Content/common/images/ico/ico_sp01.png) no-repeat;background-size:22px 112px;background-position:0 -60px;width:22px; height:22px;display:block;content:"";}
.subFilter_type_choice .subFilter_btn_list {border-left:1px solid #eee;}
.subFilter_type_choice .subFilter_btn_list.active:before  {background-position:0 -30px;} 
.subFilter_type_choice .subFilter_btn_thumb.active:before {background-position:0 -90px;} 
.sort {border-top:1px solid #eee;border-bottom:1px solid #eee;}

.product_cont .p_info {padding:20px 0 30px;}
.product_cont .p_info .p_name {font-size:18px;font-weight:500;}
.product_cont .p_info .price {position:relative;font-size:18px;margin-top:10px;display:inline-block;}
.product_cont .p_info .price.nor {color:#585858;padding-left:45px;margin-right:15px;}
.product_cont .p_info .price.heal {color:#8ba629;padding-left:45px;}
.product_cont .p_info .price.nor:before {content:"일반";position:absolute;left:0;top:3px;display:inline-block;color:#fff;background:#585858;font-size:14px;padding:2px 6px 3px;display:inline-block;border-radius:10px;}
.product_cont .p_info .price.heal:before {content:"힐링";position:absolute;left:0;top:3px;display:inline-block;color:#fff;background:#8ba629;font-size:14px;padding:2px 6px 3px;display:inline-block;border-radius:10px;}
.product_cont .p_info .price_cancel {color:#666;text-decoration:line-through;margin-top:5px;}

.product_info {border-top:1px solid #e8e8e8;}
.product_info ul li{border-bottom:1px solid #e8e8e8;padding:15px 0;}
.product_info ul li dt {font-weight:500;width:60px;display:inline-block;}
.product_info ul li dd {display:inline-block;}

.btn_sns button{width:34px;height:44px;position:relative;float:left;}
.btn_share:after {content:'';position:absolute;top: 0;right: 0;width: 40px;height: 40px;background: url(/Content/common/images/ico/ico_fa.png) -85px 0 no-repeat;background-size: 170px;}
.btn_fa button{width:34px;height:44px;position:relative;float:left;}
.btn_fa:after {content:'';position:absolute;top: 0;right: 0;width: 40px;height: 40px;background: url(/Content/common/images/ico/ico_fa.png) 0 0 no-repeat;background-size: 170px;}
.btn_fa.active:after {content:'';position:absolute;top: 0;right: 0;width: 40px;height: 40px;background: url(/Content/common/images/ico/ico_fa.png) -45px 0 no-repeat;background-size: 170px;}

.product_sample {padding:20px 15px;}
.product_sample li {border:1px solid #e8e8e8;margin:10px 0;padding:10px;display:block;position:relative;border-radius:10px;}
.product_sample li dt {font-size:20px;color:#fff;margin-bottom:5px;font-weight:500;text-align:center;border-radius:10px;padding:10px 0;}
.product_sample li dd {}
.product_sample .bg_green {background:#8ba629 !important}
.product_sample .bg_blue {background:#02b2a5 !important}
.product_sample .bg_purple {background:#6a72a0 !important}

.product_gifts {padding:20px 15px;}
.product_gifts .title {font-size:20px;color:#fff;margin-bottom:5px;font-weight:500;text-align:center;border-radius:10px;padding:10px 0;}
.product_gifts .prod {position:relative;width:100%;display:flex;flex-wrap:wrap;padding:0 10px;}
.product_gifts .prod.count1 li {width:100%;padding:10px;margin:5px;border:1px solid #e8e8e8;position:relative;text-align:center;}
.product_gifts .prod.count2 li {width:calc(50% - 10px);padding:10px;margin:5px;border:1px solid #e8e8e8;position:relative;}
.product_gifts .prod li .photo {position:relative;width:100%;margin:0 auto;}
.product_gifts .prod li .p_name {font-size:16px;margin-bottom:10px;}
.product_gifts .prod.count1 li .photo img {max-width:50%;height:auto;margin:0 auto;}
.product_gifts .prod.count2 li .photo img {max-width:100%;height:auto}

.product_gifts .bg_green {background:#8ba629 !important}
.product_gifts .bg_blue {background:#02b2a5 !important}
.product_gifts .bg_purple {background:#6a72a0 !important}

.modal-open {overflow: hidden; }

.modal {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1050;display: none;overflow: hidden;outline: 0; }
.modal-dialog {position:fixed;top:50%;left:50%;background:#fff;border:2px solid #ebebeb;overflow:hidden;display:block;}
.modal-dialog-coupon {
	position: fixed;
	top: 0%;
	left: 0%;
	background: #fff;
	border: 2px solid #ebebeb;
	overflow: scroll;
	display: block;
}
.modal-content {position: relative;background-color: #fff;background-clip: padding-box;border: 1px solid #ebebeb; overflow:scroll;}
.modal-content h4, .modal-content h5 {font-weight:500;}
.modal-content h4 {font-size: 18px;}
.modal-content h5 {font-size: 16px;}
.modal-backdrop {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1040;background-color: #000; }
.modal-backdrop.fade {opacity: 0; }
.modal-backdrop.in {opacity: 0.5; }
.modal-header {padding: 15px;border-bottom:1px solid #e8e8e8;}
.modal-header::after {content: ""; display: table;clear: both; }

.close {float: right;font-size: 2rem;font-weight: 500;line-height: 0.8;color: #000;text-shadow: 0 1px 0 #fff;opacity: .2; }
.close:focus {color: #000;text-decoration: none;cursor: pointer;opacity: .5; }
.close:hover {color: #000;text-decoration: none;cursor: pointer;opacity: .5; }

button.close {padding: 0;cursor: pointer;background: transparent;border: 0;-webkit-appearance: none; }

/* pop_sns */
.pri_con{margin:0 auto;min-width:320px;border-top:1px solid #e1e1e1;width:100%;}
.pri_con a{display:inline;overflow:hidden;float:left;margin:20px 25px 0 0;width:80px;padding-top:70px;text-align:center;color:#9e9e9e;font-size:14px;}
.pri_con a.sh-talk{background:url('/Content/common/images/ico/sh_talk.png') 10px 0 no-repeat;}
.pri_con a.sh-facebook{background:url('/Content/common/images/ico/sh_facebook.png') 10px 0 no-repeat;}
.pri_con a.sh-kakao{background: url('/Content/common/images/ico/sh_kakao.png') 10px 0 no-repeat;}
.pri_con a.sh-sns{background:url('/Content/common/images/ico/sh_sns.png') 10px 0 no-repeat;}
.pri_con a.sh-url{background:url('/Content/common/images/ico/sh_url.png') 10px 0 no-repeat;}

.closeBtn	{position:absolute;top:17px;right:14px;width:18px;height:18px;background:url(/Content/common/images/btn/btn_close01.png) no-repeat;background-size:18px;display:block;opacity:0.7;}
.closeBtn span{position:absolute;top:-99999px;overflow:hidden;}

.closeBtn_left	{position:absolute;top:22px;left:20px;width:22px;height:22px;background:url(/Content/common/images/btn/btn_close01.png) no-repeat;background-size:22px;display:block;opacity:1;}
.closeBtn_left span{position:absolute;top:-99999px;overflow:hidden;}

.modal-dialog.pop_sns {margin:-150px 0 0 -150px;width:300px;height:300px;}
.modal-dialog.alert {margin:-100px 0 0 -125px;width:250px;}
.modal-dialog.alert .close {font-size:1.2rem;margin-top:5px;}
.modal-dialog.alert .modal-header {border-bottom:1px solid #e8e8e8;padding:10px 10px 10px 15px;}
.modal-dialog.alert .modal-body {padding:20px;text-align:center;font-size:14px;}
.modal-dialog.alert .modal-content h4 {font-size:16px;}
.modal-dialog.alert .modal-body {padding:30px;text-align:center;}

.modal-dialog-coupon.coupon {
	margin: 0px 0 0 0px;
	width: 100%;
}
	.modal-dialog-coupon.coupon .close {
		font-size: 1.2rem;
		margin-top: 5px;
	}
	.modal-dialog-coupon.coupon .modal-header {
		border-bottom: 1px solid #e8e8e8;
		padding: 10px 10px 10px 15px;
	}
	.modal-dialog-coupon.coupon .modal-body {
		padding: 20px;
		text-align: center;
		font-size: 14px;
	}
	.modal-dialog-coupon.coupon .modal-content h4 {
		font-size: 16px;
	}
	.modal-dialog-coupon.coupon .modal-body {
		padding: 30px;
		text-align: center;
	}


.pro_list {display:none;}
.pro_list.on {display:block;}

.pay_means {overflow:hidden;text-align:center;}
.pay_means .credit_container {width:66.67%;min-width:240px;max-width:600px;margin:16px auto 10px;position:relative;}
.pay_means .credit_container .custom {position:relative;width:240px;height:154px;padding:12px 14px 0;background-color:#787a80;border-radius:8px;box-sizing: border-box;text-align:left;border:none;color:#fff;text-align:center;}
.pay_means .credit_container .custom.card01 {background:#5b74ac;}
.pay_means .credit_container .custom.card02 {background:#6bb394;}
.pay_means .credit_container .custom.card03 {background:#cfa274;}
.pay_means .credit_container .custom.plus {background:#fff;border:1px solid #e8e8e8;position:relative;}
.pay_means .credit_container .custom.plus p{position:absolute;top:50%;left:50%;font-size:70px;line-height: 45px;color:#787a80;font-weight:500;text-align:center;padding:0;margin: -40px 0 0 -35px;}
.pay_means .credit_container .custom.plus p span {display:block;text-align:center;font-size:18px;font-weight:normal;}
.pay_means .credit_container .credit_bottom {position:relative;margin-top:20px;}
.pay_means .credit_container .custom .card_title {font-size:22px;margin-top:20px;}
.pay_means .credit_container .custom .card_number {font-size:14px;font-weight:400;margin-top:10px;} 

.starRev.card {position:absolute;top:10px;left:15px;}
.starRev.card .starR {width:20px;height:20px;}

.pay_means .credit_container .custom input[type="radio"] + label{background: url('/Content/common/images/ico/bg_stars.png') no-repeat right 0; background-size: 56px 24px; display: inline-block; line-height: 24px; letter-spacing: -1px;width:24px;height:24px;}
.pay_means .credit_container .custom input[type="radio"]:checked + label{background: url(/Content/common/images/ico/bg_stars.png) no-repeat 0 0; background-size: 56px 24px;}
.pay_means .credit_container .custom input {position: absolute;left:0;top:0;width:1px;height:1px;border:0;overflow:hidden;opacity:0;}
.pay_means .credit_container .custom label {position:relative;vertical-align:middle;}

.pay_means .credit_container .custom a.del {width:15px;height:15px;position:absolute;right:15px;top:15px;background:url(/Content/common/images/btn/btn_close02.png) no-repeat;background-size:100%;text-indent: -99999px;}

.healing_club {padding:0 10px;}
.healing_club dl{border-bottom:1px solid #ccc;display:flex;word-break:keep-all;line-height:26px;}
.healing_club dl:first-child {border-top:2px solid #ccc;}
.healing_club dt {padding:15px;width:70px;font-weight:500;background:#eee;}
.healing_club dd {padding:15px;width:calc(100% - 70px);}
.healing_club dd .price{font-weight:500;}

#menus {background:#fff;text-align:left;font-size:18px;}
#menus .payment {padding:0 20px;position:relative;border-bottom:1px solid #d9d8d8;border-top:1px solid #807c78;cursor: pointer;line-height:45px;}
#menus .payment:first-child {border-top:none;}
#menus .payment a {display:block;font-weight:500;}
#menus .payment .release_row {display:flex;}
#menus .payment:after {position:absolute;font-family:"Noto Sans KR",sans-serif;top:50%;right:1.5em;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);font-size:1.5rem;content:"";font-family:xeicon!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

.istallment {margin-top:10px;}
.istallment select {height:30px;padding:3px 10px;font-size:14px;}

.tabBox {position: relative;width: 100%;}
.tabBox .pay_tabs {padding:10px 0 24px;}
.tabBox .pay_tabs li {float:left;width:50%;padding:0 4px;box-sizing:border-box;margin-bottom:8px;}
.tabBox .pay_tabs li.active a{background:#8ba629;color:#fff;}
.tabBox .pay_tabs li a {position:relative;width:100%;height:40px;font-size:17px;background:#fff;border:1px solid #8ba629;display:-webkit-box;-webkit-box-pack: center;font-weight:500;text-align:center;justify-content: center;-webkit-box-align: center;align-items: center;}
.tabBox .pay_tabs {display:inline-block;}
.pay_info {width:100%;align-items:center;line-height:35px;margin-top: 5px;border-top:1px solid #666;border-bottom:1px solid #666;padding:15px;}
.pay_info p {line-height:24px;text-indent: -19px;padding-left:19px;}

.list_table {border-top:1px solid #cecfce;border-bottom:1px solid #cecfce;text-align:center;}
.list_table .tit {font-size:16px;padding:10px;background:#eee;display:flex;}
.list_table .list {font-size:14px;padding:15px 10px;border-bottom:1px solid #cecfce;display:flex;}
.list_table p {width:50%;}

.simple_login {padding:10px 15px;}
.simple_login>dl {padding:10px 0;border-bottom: 1px solid #d9d8d8;display:flex;}
.simple_login dl dt {width:200px;margin-top:2px;font-size:16px;font-weight:500;color:#333;box-sizing: border-box;line-height:30px;}
.simple_login dl dd {width:calc(100% - 180px);align-items:center;-webkit-box-align:center;line-height:30px;text-align:right;padding-right:10px;display:grid;}

input[type="checkbox"].iswitch-lg {
  font-size: 10px;
  position: relative;
  display: inline-block;
  width: 75px;
  height: 35px;
  line-height: 35px;
  border-radius: 19px;
  margin: 0;
  padding: 0;
  box-shadow: inset 0 0 0 2px #bbb;
  outline: 1px solid transparent !important;
  cursor: pointer;
  border: none;
  background: #bbb;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-right: 4px;
  transition: box-shadow 0.3s ease-in-out, padding 0.25s ease-in-out;
  transition-delay: .1s, 0s;
  /* Animations if supported */
}
input[type="checkbox"].iswitch-lg:checked {
  transition-delay: 0s, 0s;
  box-shadow: inset 0 0 0 21.71428571px #eeeeee !important;
  padding-left: 40px;
}
input[type="checkbox"].iswitch-lg.iswitch-primary:checked {
  box-shadow: inset 0 0 0 21.71428571px #8ba629 !important;
}

input[type="checkbox"].iswitch-lg.hit {
  -webkit-animation: slide-off .35s ease both;
  -moz-animation: slide-off .35s ease both;
  -o-animation: slide-off .35s ease both;
  animation: slide-off .35s ease both;
}
input[type="checkbox"].iswitch-lg.hit:checked {
  -webkit-animation: slide-on  .35s ease both .05s;
  -moz-animation: slide-on  .35s ease both .05s;
  -o-animation: slide-on  .35s ease both .05s;
  animation: slide-on  .35s ease both .05s;
}
input[type="checkbox"].iswitch-lg:before,
input[type="checkbox"].iswitch-lg:after {
  content: "";
}
input[type="checkbox"].iswitch-lg:after {
  /* Increases hit area */
  position: absolute;
  top: -11.33333333px;
  left: -11.33333333px;
  bottom: -11.33333333px;
  right: -11.33333333px;
}
input[type="checkbox"].iswitch-lg:before {
  display: inline-block;
  height: 31px;
  width: 31px;
  margin: 2px 0 0 2px;
  background-color: #ffffff;
  border-radius: 17px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 0 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-transition: all .1s ease .1s;
  -moz-transition: all .1s ease .1s;
  -o-transition: all .1s ease .1s;
  transition: all .1s ease .1s;
}
input[type="checkbox"].iswitch-lg:active:before {
  transition: all .1s ease .05s;
}
input[type="checkbox"].iswitch-lg.touch:hover:before {
  transition: all .0s ease .00s;
}
input[type="checkbox"].iswitch-lg:active:before,
input[type="checkbox"].iswitch-lg.touch:hover:before {
  width: 36px;
}
input[type="checkbox"].iswitch-lg:active:checked:before,
input[type="checkbox"].iswitch-lg.touch:hover:checked:before {
  margin-left: 0px;
}

.box__detail-view{position:relative;max-height:1000px;padding-bottom:0;overflow:hidden}
.box__detail-view.on{max-height:inherit;padding-bottom:110px;overflow: hidden;}
.box__detail-more{position:absolute;bottom:0;left:0;right:0;padding:24px 36px 36px 36px;background-color:#fff;border-bottom:1px solid #e5e5e5}
.box__detail-more .button__detail-more{display:block;width:100%;border:1px solid #8ba629;height:50px;margin:0 auto;background-color:#fff;color:#8ba629;font-size:18px;font-weight:400;line-height:50px}
.box__detail-more .button__detail-more:before{content:"";position:absolute;top:-40px;right:0;width:100%;height:40px;background:linear-gradient(0deg, rgba(255,255,255,1), rgba(255,255,255,0))}
.box__detail-more .button__detail-more.on:before{display:none}
.box__detail-more .button__detail-more:after{content:'';display:inline-block;vertical-align:middle;width:16px;height:8px;margin:-2px 0 0 5px;background:url(/Content/common/images/ico/ico_arrow02.png) no-repeat 0 0;}
.box__detail-more .button__detail-more.on:after{background-position:-16px 0}
.box__detail-more .button__detail-more span.p_open {display:initial;}
.box__detail-more .button__detail-more span.p_close {display:none;}

.box__detail-more .button__detail-more.on .p_open {display:none;}
.box__detail-more .button__detail-more.on .p_close {display:initial;}

.claim_dtl_info {text-align:center;}
.claim_dtl_info table.claim_dtl_table {border:none;margin-bottom:9px;}
.claim_dtl_info table.claim_dtl_table th {text-align:left;font-size:14px;color:#757c8a;vertical-align:top;line-height:19px;font-weight:normal;height:28px}
.claim_dtl_info table.claim_dtl_table td {text-align:left;font-size:14px;color:#000000;vertical-align:top;line-height:19px;font-weight:normal;height:28px}
.claim_dtl_info .claim_cal_basis {padding:0 0 10px}
.claim_dtl_info .claim_cal_basis h4.tit {font-size:16px;font-weight:500;color:#5e636d;text-align:left;vertical-align:middle;line-height:20px;margin-top:10px;margin-bottom:7px;}

.claim_dtl_info ul.claim_dtl_ulist li {text-align:left;padding-left:7px;padding-bottom:5px;position:relative;font-size:14px;font-weight:normal;color:#757c8a;line-height:20px;vertical-align:top}
.claim_dtl_info ul.claim_dtl_ulist li:before {position:absolute;content:'';display:inline-block;width:3px;height:3px;background:#999;top:9px;left:0;background-size:3px auto}
.claim_dtl_info ul.claim_dtl_ulist > li {padding-bottom:12px}

.total_cell {text-align:left;display:block;padding:15px 15px;}
.total_cell .tit {display:inline-block;font-size:18px;color:#000;}
.total_cell .number {display:inline-block;}
.review_box01 {}
.review_box01 .cell {display:block;}
.review_box01 .c1 {text-align:left;padding:15px 20px;background:#f4f4f4;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;}
.starPoint {display:inline-block;margin:0 0 0 10px;padding:0;width:auto;height:auto;position:relative;}
.starPoint .stars {position:relative;overflow: hidden;width:92px;height:15px;background:url("/Content/common/images/ico/bg_stars_black.png") no-repeat;background-size:92px 30px;bottom:0;}
.starPoint .stars .bar{height:15px; background:url("/Content/common/images/ico/bg_stars_black.png") 0 -15px no-repeat; background-size:92px 30px;}
.starPoint .stars.p1 .bar{width:15px;}
.starPoint .stars.p2 .bar{width:34px;}
.starPoint .stars.p3 .bar{width:54px;}
.starPoint .stars.p4 .bar{width:73px;}
.starPoint .stars.p5 .bar{width:92px;}

.text_box {padding:15px 20px;}
.total_cell .order a {color:#999;position:relative;}
.total_cell .order a.on {color:#000;}
.total_cell .order a.new:after {position:absolute;width:1px;height:15px;background:#e8e8e8;left:0;top:6px;content:'';}
.total_cell .order a:last-child {padding-right:0;padding-left:5px;}

.order_join {padding:10px 20px;position:relative;}
.order_join>dl {padding:10px;border-bottom: 1px solid #d9d8d8;}
.order_join dl dt {width:160px;font-size:18px;font-weight:500;color:#333;box-sizing: border-box;line-height:35px;}
.order_join dl dt.info {font-size:16px;font-weight:400;width:100%;line-height:25px;}
.order_join dl dd {width:100%;align-items:center;-webkit-box-align:center;line-height:35px;margin-top:5px;}
.order_join dl dd span.mail {line-height:35px;padding:0 5px;}
.order_join .order-info .title {border-bottom:1px solid #bcbcbc;background:#f3f2f2;padding:10px 15px;font-size:18px;font-weight:500;position:relative;}
.order_join .order-info .title:after, .order_table .order-info .title:after, .order_pro .order-info .title:after, .order_payment .order-info .title:after, .payment_table.order .order-info .title:after,  #menus .payment:after {position:absolute;font-family:"Noto Sans KR",sans-serif;top:50%;right:0.7em;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);font-size:1.5rem;content:"";font-family:xeicon!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

.order_join .order-info.active .title:after, .order_table .order-info.active .title:after, .order_table01 .order-info.active .title:after, .order_pro .order-info.active .title:after, .order_payment .order-info.active .title:after, .payment_table.order .order-inf.active .title:after, #menus .payment.active:after {position:absolute;font-family:"Noto Sans KR",sans-serif;top:20%;right:0.7em;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);transform:rotate(180deg);font-size:1.5rem;content:"";font-family:xeicon!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

.order_join .order-info .title a, .order_table .order-info .title a, .order_table01 .order-info .title a, .order_pro .order-info .title a,.order_payment .order-info .title a, .payment_table.order .order-info .title a, .customer_table #menu .payment a {display:block;}
.order_join .submenu, .order_table .submenu, .order_pro .submenu, .order_payment .submenu, .payment_table.order .submenu, .customer_table #menu .submenu {display:none;}

.count_byte {margin:6px 12px 8px;color:#999;font-size:12px;line-height:14px;letter-spacing:0;text-align:right;}
.count_byte em {color:#0b83e6;}

.order_join .cont {margin-top:8px;border:1px solid #cecdcd;}
.order_join .cont textarea {border:none;}
.order_join .same {position:absolute;left:95px;top:18px;z-index:999;}
.order_join .order-info {z-index: 99}

.order_pro {position:relative;padding:10px;}
.order_pro .info {position:absolute;left:95px;top:14px;z-index:999;padding:10px;}
.order_pro .order-info {z-index: 99}

.order_pro .total {border-bottom:2px solid #bbb;}
.order_pro .total dl {display:flex;}
.order_pro .total dt {padding:10px 15px;width:90px;}
.order_pro .total dd {padding:10px 15px;width:calc(100% - 90px);text-align:right;}
.order_pro .goods-list .item .name {line-height:20px;}

.order_payment {padding:10px}
.order_payment dl{display:flex;word-break:keep-all;border-top:1px solid #cecdcd;}
.order_payment dl:first-child {border-top:none;}
.order_payment dl:last-child {border-bottom:1px solid #cecdcd;}
.order_payment dl.sub {border-top:none;}
.order_payment dl.sub dt, .order_payment dl.sub dd {padding:7px 10px;color:#6f6f6f;}
.order_payment dt {padding:15px 10px;width:45%;font-weight:500;}
.order_payment dd {padding:15px 10px;width:55%;text-align:right;}
.order_payment.left dt {width:30%;}
.order_payment.left dd {text-align:left;width:70%;}
.order_payment dl.total {font-size:17px;font-weight:500;}
.order_payment dd.price {font-weight:600;font-size:18px;}

.order_payment dl.block {display:block;}
.order_payment dl.block dt, .order_payment dl.block dd {width:100%;}
.order_payment dl.block dd {padding-top:0;}
.order_payment dl.block p{line-height:24px;text-indent: -19px;padding-left:19px;color:#db2929;margin-bottom:10px;margin-left:8px;}

.coupon_list {padding:10px}
.coupon_list .order-info .title {border-bottom:1px solid #bcbcbc;background:#f3f2f2;padding:10px 15px;font-size:18px;font-weight:500;position:relative;}
.coupon_list .list-box {padding:10px 20px 15px;border-bottom:1px solid #d9d8d8;}

.password-page.minimum-pin-padding {padding-bottom: 140px;}
.password-page {padding:44px 0 195px;box-sizing:border-box;text-align:center;}
.password-page .info-complete {margin-bottom:24px;font-size:20px;}
.info-complete {line-height:32px;text-align:center;}
.password-input {position:relative;height:17px;}
.password-input span {display:inline-block;width:26px;height:26px;margin-left:13px;border:1px solid #01a6b4;border-radius:50%;background:#fff;text-indent:-999px;overflow:hidden;vertical-align:top}
.password-input span:first-child {margin-left:0;}
.password-input span.active {background:#01a6b4;}
.password-page input [type=password] {width:100%;height:44px;margin-top:24px;line-height:1;border:0;border-bottom:1px solid #eee;}
.password-info {position: relative;height:100px;line-height:22px;font-size:14px;color:#666;}
.password-info button.bottom {width:100%;font-size:14px;}
.password-info .bottom {position:absolute;bottom:20px;left:0;right:0;display:inline-block;margin:0 auto;}
.btn-arrow {font-size:15px;color:#666;}
.btn-arrow:after {width:20px;height:22px;background: url(/Content/common/images/ico/ico_arrow03.png) no-repeat;background-size:20px 20px;display:inline-block;vertical-align:middle;content:'';}
.keypad {background-color:#373a4d;transform:translate3d(0,0,0);bottom:0;left:0;width:100%;position:absolute;}
.keypad-header {height:42px;position:relative;background:#373a4d;}
.keypad-header .keypad-status {position:absolute;left:0;margin:11px 0 0 16px;}
.keypad-header .keypad-status img {width:21px;margin:0 7px 3px 0;vertical-align:middle;}
.keypad-header .keypad-status span {color:#fff;font-size:13px;font-weight:400;opacity: .8;}
.keypad-body {font-size:0;padding:0 16px 16px;}
.keypad-number {position:absolute;top:25%;left:45.5%;height:44%;}
.keypad-focusable {outline:0;cursor:pointer;}
.remove-btn-img {width:36px;height:24px;position:absolute;top:28%;left:53%;margin-left:-21px;}
.remove-btn-img img {width:24px;}
.keypad-keypad-style {height:67px;position:relative;display:inline-block;vertical-align:top;box-sizing:border-box;border:solid #373a4d;border-width:1px 1px 0 0;background-color:#373a4d;}

.keypad-body {font-size:0;padding:0 16px 16px;height:217px;}
.keypad-header #keypad-option-btn {position:absolute;right:0;padding:13px 16px 7px 3%;min-width:58px;color:#fff;opacity:0.8;font-size:13px;background:transparent;border:0;}

/* 전체메뉴 */
header h1 {padding:10px 0 11px;}
.menu-box {position:relative;padding:20px;background: #f3f4f1}
.menu-box .all-info {position:relative;}
.menu-box .all-info p {display:flex;align-items: center;justify-content: flex-start;height:40px;color:#505050;font-size:18px;}
.menu-box .all-info p span.name {font-size:24px;font-weight:500;color:#8ba629;}

.all_menu ul{width:100%;display:flex;flex-wrap:wrap;border-bottom:1px solid #e8e8e8;}
.all_menu li {border-top:1px solid #e8e8e8;border-right:1px solid #e8e8e8;width:33.3333%;display:inline-block;}
.all_menu li a{display:-webkit-box;-webkit-box-pack: center;height:150px;text-align:center;padding-top:0px;background-size:120px !important;}
.all_menu li a.cate01 {background:url(/Content/common/images/menu/bg_menu01.png) no-repeat center 10px;}
.all_menu li a.cate02 {background:url(/Content/common/images/menu/bg_menu02.png) no-repeat center 10px;;}
.all_menu li a.cate03 {background:url(/Content/common/images/menu/bg_menu03.png) no-repeat center 10px;;}
.all_menu li a.cate04 {background:url(/Content/common/images/menu/bg_menu04.png) no-repeat center 10px;;}
.all_menu li a.cate05 {background:url(/Content/common/images/menu/bg_menu05.png) no-repeat center 10px;;}
.all_menu li a.cate06 {background:url(/Content/common/images/menu/bg_menu06.png) no-repeat center 10px;;}
.all_menu li a.cate07 {background:url(/Content/common/images/menu/bg_menu07.png) no-repeat center 10px;;}
.all_menu li a.cate08 {background:url(/Content/common/images/menu/bg_menu08.png) no-repeat center 10px;;}
.all_menu li a.cate09 {background:url(/Content/common/images/menu/bg_menu09.png) no-repeat center 10px;;}
.all_menu li:nth-child(3), .all_menu li:nth-child(6), .all_menu li:nth-child(9) {border-right:none;}
.swiper-button-next.menu {background:url(/Content/common/images/menu/next_arrow.png) no-repeat center !important;opacity:1 !important;width:44px;background-size:100% !important;}
.swiper-button-prev.menu {background:url(/Content/common/images/menu/prev_arrow.png) no-repeat center !important;opacity:1 !important;width:44px;background-size:100% !important;}
@media (max-width:440px){
	.all_menu li a {background-size:105px !important;}
}

@media (min-width:601px){
	.all_menu li a {height:180px;padding-top:140px;}
}

.cate_banner ul{width:100%;display:flex;flex-wrap:wrap;border-bottom:1px solid #e8e8e8;}
.cate_banner li {width:50%;border-top:1px solid #e8e8e8;border-right:1px solid #e8e8e8;display:inline-block;position:relative;}
.cate_banner li a {display:-webkit-box;-webkit-box-pack: left;text-align:left;padding-top:110px;padding:25px 0 25px 65px;word-break: keep-all}
.cate_banner li a.banner01:after {background:url(/Content/common/images/menu/ico_banner01.png) no-repeat;position:absolute;top:50%;left:15px;width:45px;height:45px;margin-top:-22.5px;content: '';background-size:100%;}
.cate_banner li a.banner02:after {background:url(/Content/common/images/menu/ico_banner02.png) no-repeat;position:absolute;top:50%;left:15px;width:45px;height:45px;margin-top:-22.5px;content: '';background-size:100%;}
.cate_banner li a.banner03:after {background:url(/Content/common/images/menu/ico_banner03.png) no-repeat;position:absolute;top:50%;left:15px;width:45px;height:45px;margin-top:-22.5px;content: '';background-size:100%;}
.cate_banner li a.banner04:after {background:url(/Content/common/images/menu/ico_banner04.png) no-repeat;position:absolute;top:50%;left:15px;width:45px;height:45px;margin-top:-22.5px;content: '';background-size:100%;}
.cate_banner li a.banner05:after {background:url(/Content/common/images/menu/ico_banner05.png) no-repeat;position:absolute;top:50%;left:15px;width:45px;height:45px;margin-top:-22.5px;content: '';background-size:100%;}
.cate_banner li a.banner06:after {background:url(/Content/common/images/menu/ico_banner06.png) no-repeat;position:absolute;top:50%;left:15px;width:45px;height:45px;margin-top:-22.5px;content: '';background-size:100%;}

.toolbar_menu {border-top:1px solid #e8e8e8;}
.toolbar_menu .toolbar_item {-webkit-box-flex:1;-ms-flex:1;flex:1;}
.toolbar_menu .toolbar_lnk {position:relative;display:block;height:55px;text-align:center;padding-top:5px;}
.toolbar_menu .toolbar_lnk .toolbar_txt {font-size:13px;font-weight:300;}
.toolbar_menu .toolbar_lnk i {font-size:23px;display:block;line-height:20px;}

.tabbar {
	position: fixed;
	width:100%;
	bottom:-55px;
	height:55px;
	background:#fff;
	transition: bottom 0.2s ease-in-out;
	z-index: 99;
}
.nav-up {bottom:0;}

.time-deal {position:relative;cursor: pointer}
.time-deal .product{border:1px solid #e8e8e8}
.time-deal .time-area {background:#666;padding:10px 20px;color:#fff;border-radius:10px;margin-bottom:10px;}
.time-deal .time-area .text {font-size:18px;}
.time-deal .time-area .minute {line-height:28px}
.remaining {padding:0 5px;font-family: "Arial", sans-serif;letter-spacing: 2px;background:url(/Content/common/images/event/bg_time.png) no-repeat left top;background-position:2px 1px;}
.time-deal .dim {position:absolute;top:0;left:0;width:100%;height:97%;background:#000;opacity:0.5;z-index:99;}
.time-deal .none-text {position:absolute;top:50%;left:0;color:#fff;text-align:center;width:100%;z-index:100;margin-top:-100px;}

.swiper2 .swiper-pagination{bottom: 15px !important;left: 50% !important;padding: 3px 0;margin-left: -40px;width: 80px !important;border-radius: 20px;background: #8ba629;display: inline-block;color: #fff;font-weight: 300;font-size: 16px;font-family: 'Montserrat', sans-serif;}

.main_attention {position:relative;margin-top:25px;border-bottom:1px solid #d9d8d8;}
.main_attention h2 {font-size:20px;color:#000;padding:10px 20px;}
.main_attention .product a{width: calc(50% - 10px);padding:10px;margin: 5px;border: 1px solid #e8e8e8;position:relative;}
.main_attention .product a .photo {position:relative;width:100%;margin:0 auto;}
.main_attention .product a .photo img {width:100%;}
.main_attention .product a .p_info {padding:20px 0 10px;}
.main_attention .product a .p_info .p_name {font-size:16px;margin-bottom:10px;}
.main_attention .product a .p_info .price {font-size:18px;margin-top:5px;position:relative;}
.main_attention .product a .p_info .price.nor {color:#585858;padding-left:45px;}
.main_attention .product a .p_info .price.nor:before {content:"일반";position:absolute;left:0;top:3px;display:inline-block;color:#fff;background:#585858;font-size:14px;padding:2px 6px 3px;display:inline-block;border-radius:10px;}
.main_attention .product a .p_info .price.heal {color:#8ba629;padding-left:45px;}
.main_attention .product a .p_info .price.heal:before {content:"힐링";position:absolute;left:0;top:3px;display:inline-block;color:#fff;background:#8ba629;font-size:14px;padding:2px 6px 3px;display:inline-block;border-radius:10px;}
.main_attention .info {position:absolute;left:100px;top:4px;z-index:99;padding:10px;}
h2 i {vertical-align:middle;padding-right:5px;font-size:20px;} 


.swiper-scrollbar {position:absolute;left:1%;bottom:3px;z-index:50;height:4px;width:98%;}
.swiper-scrollbar-drag {background:#8ba629 !important;}

.modal-attention {position:fixed;top:0;left:0;background:#fff;overflow:hidden;display:block;}
.modal-attention.user_info {width:100%;height:100%;}
.modal-attention.user_info .close {font-size:1.2rem;margin-top:5px;}
.modal-attention.user_info .modal-header {border-bottom:1px solid #e8e8e8;padding:10px 10px 10px 15px;}
.modal-attention.user_info .modal-body {padding:20px;text-align:center;font-size:14px;}
.modal-attention.user_info .modal-content h4 {font-size:16px;}
.modal-attention.user_info .modal-body {padding:30px;text-align:center;}

.main_timedeal {position:relative;cursor: pointer;}
.main_timedeal .front {position:absolute;bottom: 3px;left:0;z-index:99;width:100%;}
.main_timedeal .front p {font-size: 35px;color:#fff;font-family: 'Montserrat', sans-serif;text-align:center;font-weight:500;}
.main_timedeal .dim01 {position:absolute;background:#000;opacity:0.5;bottom: 0;left:0;width:100%;height: 50px;z-index:90;}
@media (max-width:320px) {
#timedeal h2 span {display:block;}
}
@media (min-width:768px) {
	.main_timedeal .front p {font-size:70px;}
	.main_timedeal .dim {height:80px;}
	}

.p_info {padding:20px 0 10px;}
.p_info .p_name {font-size:16px;margin-bottom:10px;}
.p_info .price {font-size:18px;margin-top:5px;position:relative;font-weight:500;}
.p_info .price_sale {padding-left:5px;font-size:20px;font-weight:500;color:#db2929;margin-top:8px;}
.p_info .price_cancel {color:#666;text-decoration: line-through;margin-top:10px;}
.p_info .price.nor {color:#585858;padding-left:45px;}
.p_info .price.nor:before {content:"일반";position:absolute;left:0;top:3px;display:inline-block;color:#fff;background:#585858;font-size:14px;padding:2px 6px 3px;display:inline-block;border-radius:10px;}
.p_info .price.heal {color:#8ba629;padding-left:45px;}
.p_info .price.heal:before {content:"힐링";position:absolute;left:0;top:3px;display:inline-block;color:#fff;background:#8ba629;font-size:14px;padding:2px 6px 3px;display:inline-block;border-radius:10px;}

.footer, .footer_notice {position:relative;font-size:14px;}
.footer {background:#fff;}
.footer_notice {display:block;padding-right:50px;background:#cecfce;height:40px;line-height:40px;letter-spacing:0;}
.footer_notice-title {font-weight:500;padding:0 8px 0 16px;color:#333;float:left;}
.footer_notice-link {overflow:hidden;display:inherit;color:#666;white-space:nowrap;text-overflow:ellipsis;}
.footer_notice-more {overflow:hidden;position:absolute;right:0;top:0;width:40px;height:40px;text-indent:-99999px;}
.footer_notice-more:after {content:"";display:block;position:absolute;top:50%;right:18px;height:8px;width:8px;margin-top:-4px;border:1px solid #666;border-width:1px 1px 0 0;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.footer_info {display:block;padding:0 0 70px;background:#fff;}
.footer_address {line-height:25px;color:#999;vertical-align:middle;}
.footer_address a {color:#000;vertical-align:top;}
.footer_app-download {letter-spacing:0;position:relative;border-bottom:1px solid #eee;}
.footer_app-download .footer_app-list {display:flex;}
.footer_app-download .footer_app-list li {position:relative;width:50%;border-bottom:1px solid #ddd;border-right:1px solid #ddd;}
.footer_app-download .footer_app-list li:last-child {border-right:none;}
.footer_app-download .footer_app-list li a.google {position:relative;display:block;background:url(/Content/common/images/main/ico_google.jpg) no-repeat;background-size: 30px;padding-left:30%;line-height:50px;background-position:15px 11px;}
.footer_app-download .footer_app-list li a.apple {position:relative;display:block;background:url(/Content/common/images/main/ico_apple.jpg) no-repeat;background-size: 30px;padding-left:30%;line-height:50px;background-position:15px 11px;}
.footer_detail {text-align:center;letter-spacing:0;}
.footer_menu {margin-bottom:12px;padding:10px 0;text-align:center;border-bottom:1px solid #eee;}
.footer_menu-item {display:inline-block;position:relative;color:#111;line-height:1.5;letter-spacing: 0}
.footer_menu-item+.footer_menu-item {margin-left:17px;}
.footer_menu-item+.footer_menu-item:before {position:absolute;top:50%;left:-10px;width:1px;height:10px;margin-top:-6px;background:#d8d8d8;content:"";}
.footer .sns_area li {display:inline-block;width:35px;margin:10px 3px 20px;}

.error_page {margin:0 auto;position:relative;max-width:780px;padding:30px 15px 0;text-align:center;}
.error_logo {display:block;width:100px;height:35px;text-indent: -9999em;background:url(/Content/common/images/default/logo.png) no-repeat;background-size:100px auto;margin:0 auto;}
.error-text-box {padding-top:40px;}
.error-text-box i {font-size:80px;color:#000;}
.error-text-box .title {font-size:1.6rem;font-weight:600;}
.error-text-box .text {margin-top:20px;font-size:14px;}
.error-text-box .cscenter {margin-top:30px;}
.error-text-box .cscenter img {max-width:345px;}

.search_all {margin-top:30px;}
.search_list {border-top:2px solid #bbb;margin-top:10px;}
.search_list ul li {position:relative;border-bottom:1px solid #eee;}
.search_list ul li a {display:block;overflow: hidden;padding-left:0;padding-right:26px;height:46px;color:#111;line-height:46px;white-space:nowrap;text-overflow:ellipsis;}
.search_list ul li a span.date {float:right;color:#666;}
.search_list ul li .del-item {
	overflow: hidden;
  width: 42px;
  height: 46px;
  border: none;
  color: transparent;
  background-color: transparent;
  position: absolute;
  right: -16px;
  top: 0;
  outline: none;
}

.search_list ul li .del-item:after {
	content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 36px;
  height: 36px;
  margin: -18px 0 0 -18px;
  background-image: linear-gradient(#ccc, #ccc), linear-gradient(#ccc, #ccc);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 1px 24px, 24px 1px;
  border-radius: 50%;
  transform: rotate(45deg) scale(0.5);
}

.search_recom {margin-top:30px;}
.recom_list {border-top:2px solid #bbb;margin-top:10px;}
.recom_list ul li {position:relative;border-bottom:1px solid #eee;}
.recom_list ul li a {display:block;overflow: hidden;padding-left:0;padding-right:26px;height:46px;color:#111;line-height:46px;white-space:nowrap;text-overflow:ellipsis;}
.recom_list ul li a span.date {float:right;color:#666;}
.recom_list ul li .link-item {
	width: 40px;
  height: 48px;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: -6px;
  border: 0;
  background-color: transparent;
  color: transparent;
}

.recom_list ul li .link-item:before {
	content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  top: 12px;
  right: 5px;
  background: url("/Content/common/images/ico/autocomplete.png") no-repeat 0 0;
  background-size: 24px 24px;
}

.page-loader {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  float: left;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px;
  z-index: 9999999;
  background: #fff;
  transition: .3s all ease;
}

.page-loader.loaded {
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}

.page-loader.ending {
  display: none;
}

.page-loader>* {
  position: relative;
  top: -20px;
}

[data-x-mode] .page-loader {
  display: none;
}

.page-loader-image {
  display: block;
  text-align: center;
}

.page-loader-body {
  margin-top: 15px;
  text-align: center;
}

.brand-name {text-align:center;}

.brand-name img {width:60%;}

.cssload-jumping span {
  display: inline-block;
  height: 11px;
  width: 11px;
  margin: 0 13px;
  background: #575d50;
  border-radius: 487px;
  background-clip: padding-box;
}

.cssload-jumping span:nth-child(1) {
  animation: scale 1.15s 0.12s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

.cssload-jumping span:nth-child(2) {
  animation: scale 1.15s 0.23s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

.cssload-jumping span:nth-child(3) {
  animation: scale 1.15s 0.35s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

.cssload-jumping span:nth-child(4) {
  animation: scale 1.15s 0.46s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

.cssload-jumping span:nth-child(5) {
  animation: scale 1.15s 0.58s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

@-webkit-keyframes scale {
  0% {
    -o-transform: scale(0);
  }

  25% {
    -o-transform: scale(0.9, 0.9);
    background: #81d622;
  }

  50% {
    -o-transform: scale(1, 1);
    margin: 0 5px;
    background: #7dad47;
  }

  100% {
    -o-transform: scale(0);
  }
}

@keyframes scale {
  0% {
    -o-transform: scale(0);
  }

  25% {
    -o-transform: scale(0.9, 0.9);
    background: #81d622;
  }

  50% {
    -o-transform: scale(1, 1);
    margin: 0 5px;
    background: #7dad47;
  }

  100% {
    -o-transform: scale(0);
  }
}

.password-input input {opacity:0; position:absolute; top:20px; left:-9999px; z-index:-1; border:0; outline:none; font-size:28px; line-height:28px; letter-spacing:35px; background:none; appearance:none; -webkit-appearance:none;}
.password-input label {display:block; overflow:hidden; position:absolute; top:20px; left:50%; z-index:1; width:266px; height:30px; padding:0; margin-left:-133px; font-size:0; text-indent:-9999px; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent;}

/* 간편결제 서비스 개선 작업 5차 - e */
.password-input .pwHiddenIcon {overflow:hidden; vertical-align:top; text-align:center;}
.password-input .pwHiddenIcon li {display:inline-block; width:28px; height:28px; margin:0 7px; border:1px solid #ccc; border-radius:50%; vertical-align:top; background:none;}
.password-input .pwHiddenIcon li.active {background:#01a6b4;border:1px solid #01a6b4;}
.password-input a.btn_change {display:inline-block; margin-top:25px; font-size:12px; color:#888;}
.btn_wrap {padding:0 15px;}
.btn_wrap .btn_num2 li:nth-child(1) a {margin-right:5px;}
.btn_wrap .btn_num2 li:nth-child(2) a {margin-left:5px;}

#recommender {background:#fff;}

.set_change {
  display: none;
  clear: both;
  margin-top:10px;
}

.set_change .bbtn {
  display: block;
  width: 100%;
  margin-top: 12px;
  line-height: 42px;
}

.input_text {
  height: 40px;
  padding: 0 12px;
  background: #fff;
  border: 1px solid #ddd;
  color: #111;
  font-size: 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  width: 100%;
  margin-top: 12px;
}

.input_text::-webkit-input-placeholder {
  color: #999;
}

.input_text:focus {
  border-color: #bbb;
  outline: none;
}

.input_text:disabled {
  background-color: #fafafa;
  border-color: #f1f1f1;
  color: #ccc;
}