@charset "UTF-8";

/* common */
.form_area .form_box + .form_box {margin-top:12px;}
.form_label {line-height:18px; font-size:14px; font-weight:700; color:#111;}
.form_label + .form_input {margin-top:12px;}
.form_input {position:relative;}
.form_input input {width:100%; height:48px; padding-left:20px; padding-right:20px; line-height:18px; font-size:16px; font-weight:400; color:#111; border:none; caret-color:#4AD879; border-radius:12px;}
.form_input input::placeholder {color:#999;}
/* .form_input.type_del input {padding-right:40px;} */
.form_input .btn_del {display:none; position:absolute; top:50%; right:15px; width:24px; height:24px; font-size:0; text-indent:-9999em; background:transparent url(/USER_SKIN/danjionly/images/common/icon_input_delete.png) no-repeat center/contain; border:none; transform:translateY(-50%);}
.form_input:has(.btn_del) input {padding-right:40px;}
.form_input input:not(:placeholder-shown) + .btn_del {display:block;}
.form_input:has(.timer) input {padding-right:60px;}
.form_input .timer {position:absolute; top:50%; right:20px; font-size:14px; color:#999; transform:translateY(-50%);}
.form_input:after {content:''; display:none; position:absolute; top:50%; right:15px; width:24px; height:24px; background:url(/USER_SKIN/danjionly/images/common/icon_input_error.png) no-repeat center/contain; transform:translateY(-50%);}
.form_input textarea {height:140px; line-height:20px; font-size:16px; font-weight:400; background:#FFF; border-radius:12px; border:none;}
.error .form_input input {padding-right:40px; border:1px solid #F63D68;}
.error .form_input:after {display:block;}
.error .error_txt {display:block; margin-top:4px; line-height:18px; font-size:14px; color:#F63D68;}
.error .form_input input + .btn_del {display:none;}
.error .form_input input + .timer {display:none;}
.form_box .form_inner {display:flex; gap:8px;}
.form_box .form_inner .form_input {flex-grow:1;}
.form_box .form_inner .form_button {width:auto; min-width:100px; padding:0; flex-shrink:0;font-size:14px; color:#999; background-color:#FFF;}
.form_box .form_inner .form_input:has(input:not(:placeholder-shown)) + .form_button {color:#FFF; background-color:#007AFF;}
.form_box .form_inner .recommend_button {width:auto; min-width:100px; padding:0; flex-shrink:0;font-size:14px; color:#999; background-color:#FFF;}
.form_box .form_inner .recommend_button.type_popup {margin-top: 40px;border: 1px solid #e2e2e2;}
.form_box .form_inner .form_input:has(input:not(:placeholder-shown)) + .recommend_button {color:#FFF; background-color:#007AFF;}
.check_box input[type=checkbox] {position:absolute; width:0; height:0; appearance:none;}
.check_box label {color:#4D4D4D;} 
.check_box label:before {content:''; display:inline-block; width:24px; height:24px; background:url(/USER_SKIN/danjionly/images/common/icon_check.png) no-repeat center/contain; vertical-align:-6px;} 
.check_box.line label:before {background-image:url(/USER_SKIN/danjionly/images/common/icon_check_line.png);}
.check_box input[type=checkbox]:checked + label:before {background-image:url(/USER_SKIN/danjionly/images/common/icon_check_active.png);}
.check_box.line input[type=checkbox]:checked + label:before {background-image:url(/USER_SKIN/danjionly/images/common/icon_check_line_active.png);}

.radio_box input[type=radio] {position:absolute; width:0; height:0; appearance:none;}
.radio_box label {color:#262626;} 
.radio_box label:before {content:''; display:inline-block; width:24px; height:24px; background:url(/USER_SKIN/danjionly/images/common/icon_radio.png) no-repeat center/contain; vertical-align:-6px; border-radius:50%;} 
.radio_box input[type=radio ]:checked + label:before {background-image:url(/USER_SKIN/danjionly/images/common/icon_radio_active.png);}

.btn_default {display:block; width:100%; height:48px; line-height:46px; font-size:16px; font-weight:700; color:#FFF; text-align:center; background:#007AFF; border-radius:12px; border:none;}
.btn_default:hover {color:#FFF;}
.btn_default.green {background-color:#4AD879;}
.btn_default.white {color:#111 !important; background-color:#FFF; border:none; box-shadow:0px 0px 3px 0px rgba(0, 0, 0, 0.06);}
.btn_default.gray {color:#4D4D4D !important; background-color:#D6D6D6;}
.btn_default.disabled {color:#999; background-color:#D6D6D6; box-shadow:none;}
.btn_default.disabled2 {color:#FFF; background-color:#D6D6D6; box-shadow:none;}

.chip {display:inline-block; height:21px; padding:0 10px; line-height:21px; font-size:10px; color:#007AFF; text-align:center; background:#E5F2FF; border-radius:11px; border:none;}
.chip.green {color:#04782A; background-color:#EAFAEA;}
.chip.gray {color:#4D4D4D; background-color:#F7F7F8;} 

.tab_area {display:flex; background:#EEE; border-radius:12px;}
.tab_area .tab {width:50%; padding:15px 5px; line-height:18px; font-size:14px; font-weight:400; text-align:center; color:#CCC;}
.tab_area .tab.active {font-weight:700; color:#FFF; background:#007AFF; border-radius:12px;}
.tab_area.green .tab.active {background-color:#4AD879;}
.tab_area.darkgray .tab.active {background-color:#4D4D4D;}
.line_tab_area {display:flex; gap:16px; background:#FFF; border-radius:12px;}
.line_tab_area .tab {width:50%; padding:10px 5px; line-height:18px; font-size:14px; font-weight:400; text-align:center; color:#CCC;}
.line_tab_area .tab.active {font-weight:700; color:#007AFF; border-bottom:2px solid #007AFF;}
.line_tab_area.green .tab.active {color:#4AD879; border-bottom-color:#4AD879;}
.font_gray {color:#CCC;}
.request_wrap.code01 .line_tab_area {gap:3px;}
.request_wrap.code01 .line_tab_area .tab {padding-left:0; padding-right:0;}
.request_wrap.code01 .line_tab_area .tab.active {background:rgba(0,122,255,0.7); color:#fff; border-bottom:none;}

/* 하단 레이어 팝업 */
.bottom_layer_wrap {position:fixed; top:0; left:0; width:0; height:0; z-index:-1;}
.bottom_layer_wrap .overlay {position:absolute; top:0; left:0; bottom:0; right:0; width:100%; background:rgba(0, 0, 0, 0.6); display:none;}
.bottom_layer_wrap .popup_area {display:flex; align-items:flex-end; width:100%; height:100%; opacity:0; visibility:hidden;}
.bottom_layer_wrap .popup_content {position:relative; max-height:100dvh; width:100%; padding:24px 16px 12px; border-radius:24px 24px 0 0; background:#F7F7F8; transform: translateY(100%); overflow-y:auto;}
.bottom_layer_wrap.on {width:100%; height:100dvh; z-index:1;}
.bottom_layer_wrap.on .overlay {display:block;}
.bottom_layer_wrap.on .popup_area {opacity:1; visibility:visible;}
.bottom_layer_wrap.on .popup_content {transition:transform 0.5s, border-radius 0.5s, height 0.5s; transform:translateY(0)}

/* 로그인 */
#contents .subIn:has(.login_wrap) {padding-bottom:0;}
.login_wrap {display:flex; flex-direction:column; position:relative; height:calc(100dvh - 61px); padding-top:14px; padding-bottom:12px;}
.login_wrap .btn_area {margin-top:auto; padding-top:20px;}
.login_wrap .title {position:relative; margin-bottom:28px; padding-left:52px; line-height:31px; font-size:24px; font-weight:400; color:#111;}
.login_wrap .title strong {font-weight:700;}
.login_wrap .title:before {content:''; position:absolute; top:50%; left:0; width:40px; height:40px; background:url(/USER_SKIN/danjionly/images/common/symbol.png) no-repeat center/contain; transform:translateY(-50%);}
/* 로그인 약관동의 */
.terms_area .title {line-height:31px; font-size:24px; font-weight:400; color:#111;}
.terms_area .title strong {font-weight:700;}
.terms_area .all_check_area {margin-top:24px; padding:12px 20px; border-radius:12px; background:#fff;}
.terms_area .all_check_area label {width:100%;}
.terms_area .all_check_area label:before {margin-right:10px;}
.terms_area .terms_list {margin-top:24px;}
.terms_area .terms_list li + li {margin-top:24px;}
.terms_area .terms_list .check_box {position:relative;}
.terms_area .terms_list .check_box label:before {margin-right:8px;}
.terms_area .terms_list .btn_view {position:absolute; top:50%; right:0; width:24px; height:24px; font-size:0; text-indent:-9999em; background:url(/USER_SKIN/danjionly/images/common/icon_view.png) no-repeat center/contain; transform:translateY(-50%);}
.terms_area .btn_default {margin-top:42px;}
/* 로그인 주소검색 */
.example_area {margin-top:12px;}
.example_area .sub_title {font-size:14px; font-weight:700; color:#111;}
.example_area .example_list {margin-top:12px;}
.example_area .example_list li {display:flex; justify-content:space-between; line-height:18px; font-size:14px; color:#999;}
.example_area .example_list li + li {margin-top:24px;}
.list_scroll {overflow-y:auto;}
.search_address .address_list {margin-top:16px;}
.address_list {border-bottom:1px solid #EEE;}
.address_item {position:relative; width:100%; padding:12px 0; border-top:1px solid #EEE;}
.address_item .address_name {line-height:18px; font-size:14px; font-weight:700; color:#111;}
.address_item .address {display:block; margin-top:6px; line-height:16px; font-size:12px; color:#262626;}
.address_item .btn_delete {position:absolute; top:50%; right:0; line-height:24px; font-size:12px; color:#999; transform:translateY(-50%);}
/* 로그인 주소선택 */
.select_address .address_list li:first-child {border-top:none; padding-top:0;}
.select_address .box {display:flex;}
.select_address .box dt {width:62px; flex-shrink:0;}
.select_address .box.address_name dt {font-weight:700;}
.select_address .box.address_name a:hover {color:#111;}
.select_address .box.address a:hover {color:#262626;}
/* 로그인 완료 */
.complete_area .address_item {padding:25px 0; border-bottom:1px solid #EEE;}
.complete_area .address_item + .btn_default {margin-top:30px; font-size:14px;}

/* 메뉴 */
.menu_wrap .menu_list li + li {margin-top:10px;}
.menu_wrap .menu_list .menu {display:flex; align-items:center; padding:15px 38px 15px 20px; font-size:14px; font-weight:700; color:#262626; background:#FFF url(/USER_SKIN/danjionly/images/icon_menu_arrow.png) no-repeat calc(100% - 20px) center/24px auto; border-radius:12px;}
.menu_wrap .menu_list .menu.coupon {background-size:18px auto;}
.menu_wrap .menu_list .menu .number {margin-left:auto; font-size:14px; color:#007AFF;}
.menu_wrap .btn_default {margin-top:24px; font-size:14px;}
.menu_wrap .title {line-height:23px; font-size:18px; font-weight:700; color:#111;}
/* 마이페이지 메뉴 */
.menu_wrap .user_box {display:flex; align-items:center; gap:14px;}
.menu_wrap .user_box .profile {position:relative;}
.menu_wrap .user_box .profile .image_box {width:60px; height:60px; border-radius:50%;}
.menu_wrap .user_box .profile .btn_profile {position:absolute; bottom:0; right:0; width:20px; height:20px; font-size:0; text-indent:-9999em; background:url(/USER_SKIN/danjionly/images/icon_profile_upload.png) no-repeat center/contain;}
.menu_wrap .user_box .profile input[type='file'] {position:absolute; width:0; height:0; padding:0; overflow:hidden; border:0;}
.menu_wrap .user_box .user_name {font-size:18px; font-weight:700; color:#262626;}
.menu_wrap .user_box .btn_view {margin-top:6px; font-size:14px; color:#999;}
.menu_wrap .user_box .btn_view:after {content:''; display:inline-block; width:18px; height:18px; vertical-align:-4px; background:url(/USER_SKIN/danjionly/images/common/icon_view.png) no-repeat center/contain;}
.menu_wrap.mypage .menu_list {margin-top:28px;}

/* 고객센터 메뉴 */
.menu_wrap .search_input_area {position:relative; margin-top:12px; z-index:1;}
.menu_wrap .search_input_area .overlay {content:''; position:fixed; top:0; left:0; bottom:0; right:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.6); display:none;}
.menu_wrap .search_input_area .form_input:before {content:''; position:absolute; top:50%; left:20px; width:22px; height:22px; background:url(/USER_SKIN/danjionly/images/icon_search.png) no-repeat center/contain; transform:translateY(-50%);}
.menu_wrap .search_input_area .form_input input {padding-left:54px; font-size:16px;}
.menu_wrap .search_input_area .form_input:focus-within:before {display:none;}
.menu_wrap .search_input_area .form_input:focus-within input {padding-left:22px;}
.menu_wrap .search_input_area + .menu_list {margin-top:10px;}
.menu_wrap .customer_info {margin-top:24px;}
.menu_wrap .customer_info .tel {font-size:14px; font-weight:700; color:#000;}
.menu_wrap .customer_info .tel a:hover {color:#000;}
.menu_wrap .customer_info .hours {margin-top:5px; font-size:12px; color:#4D4D4D;}
.menu_wrap.customer_center {padding-bottom:20px;}
.menu_wrap.customer_center .menu_list {margin-top:12px;}
.menu_wrap.customer_center .title:not(:first-child) {margin-top:24px;}
/* 게시판 */
.customer_center .post {display:block; padding:12px 20px 15px; background:#FFF; border-radius:12px;}
.customer_center .post .chip {margin-bottom:12px; }
.customer_center .post .date {display:block; line-height:16px; font-size:12px; color:#4D4D4D;}
.customer_center .post .subject {margin-top:4px; line-height:18px; font-size:14px; font-weight:700; color:#111;}
.customer_center .post .txt_box {margin-top:10px; line-height:18px; font-size:14px; color:#4D4D4D;}
.customer_center .board_view + .btn_default {margin-top:24px;}
.customer_center .board_list li + li {margin-top:10px;}
.customer_center .board_list .post {display:flex; flex-direction:column; align-items:flex-start; justify-content:center; height:100px; padding-top:14px; padding-bottom:14px;}
.customer_center .board_list .post .subject {width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
/* 1:1문의 */
.inquiry_wrap {padding-bottom:20px;}
/* 1:1문의하기 */
.inquiry_form .form_box + .form_box {margin-top:24px;}
.inquiry_form .form_label {line-height:23px; font-size:18px;}
.inquiry_form .form_label .sub {font-size:12px; font-weight:400; color:#CCC;}
.inquiry_form .form_input :is(input,textarea)::placeholder {color:#4D4D4D}
.inquiry_form .form_input input {height:72px; padding-right:115px;} 
.inquiry_form .form_input .ex {position:absolute; top:50%; right:20px; font-size:14px; color:#999; transform:translateY(-50%);}
.inquiry_wrap .file_list {display:flex; flex-wrap:wrap; gap:15px; margin-top:12px;}
.inquiry_wrap .file_list .file_box {position:relative; width:100px; height:100px; background:#FFF; border-radius:12px;}
.inquiry_wrap .file_list .file_box img {width:100%; height:100%; object-fit:cover;}
.inquiry_form .file_list .btn_file {position:absolute; top:0; left:0; width:100%; height:100%;}
.inquiry_form .file_list .btn_file label {display:block; width:100%; height:100%; font-size:0; text-indent:-9999em; background:url(/USER_SKIN/danjionly/images/icon_upload.png) no-repeat center/48px auto;}
.inquiry_form .file_list .btn_file input[type='file'] {position:absolute; width:0; height:0; padding:0; overflow:hidden; border:0;}
.inquiry_form + .btn_default {margin-top:48px;}
/* 1:1문의내역  */
.inquiry_list + .btn_default {margin-top:24px;}
/* 문의상세  */
.inquiry_wrap .post + .post {margin-top:10px}
.inquiry_wrap .post .txt_box {margin-top:10px; line-height:18px; font-size:14px; color:#4D4D4D;}
.inquiry_wrap .post .file_list {gap:8px; margin-top:10px;}
.inquiry_wrap .post .file_list .file_box {width:60px; height:60px; background:#EEE;}
/* 공지사항 목록 */
.notice_wrap .board_list {margin-top:24px;}
/* 공지사항 상세  */
.notice_wrap .board_view {margin-top:24px;}

/* 가격표 */
#contents .subIn:has(.price_list_wrap) {padding-bottom:0;}
.price_list + .price_list {margin-top:27px;}
.price_list li { background:#FFF;}
.price_list .item {position:relative; display:flex; align-items:center; gap:13px; padding:24px 18px 13px;}
.price_list .item:after {content:''; position:absolute; bottom:4px; left:18px; width:calc(100% - 36px); height:1px; background:#D6D6D6;}
.price_list li:nth-child(2) {border-top-left-radius:12px; border-top-right-radius:12px;}
.price_list li:last-child {padding-bottom:23px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px;}
.price_list li:last-child:after {bottom:14px;}
.price_list .title {min-width:0; flex-grow:1; line-height:21px; font-size:16px; font-weight:700; color:#111; word-break:keep-all; word-wrap:break-word}
.price_list .price01 {min-width:70px;font-size:16px; font-weight:700; color:#111; text-align:center;}
.price_list .price02 {min-width:70px; font-size:16px; font-weight:700; color:#4AD879; text-align:center;}
.price_list .txt {padding:3px 18px 0; font-size:12px; color:#000; word-break:keep-all;}
.price_list .head {display:flex; align-items:center; gap:13px; padding:0 18px 12px; background:transparent}
.price_list .head .title {line-height:18px; font-size:14px;}
.price_list .head :is(.price01,.price02) {font-size:12px;}
.price_list .head .price01 {color:#4D4D4D;}
.price_list_wrap .btn_default {margin-top:24px;}
.price_list .detail {padding:3px 18px 0; font-size:14px; color:#111; word-break:keep-all; display:none;}
.price_list li:has(.detail) .item {padding-right:36px;}
.price_list li:has(.detail) .item:before {content:''; position:absolute; top:50%; right:19px; width:12px; height:12px; margin-top:-1px; background:url(/USER_SKIN/danjionly/images/icon_plus.png) no-repeat center/contain;}
.price_list li.active .item:before {background-image:url(/USER_SKIN/danjionly/images/icon_minus.png);}
.price_list li:nth-child(2) .detail {display:block;}

.price_list .sub {display:flex; justify-content:space-between;}
.price_list .sub strong {font-weight:bold;}
.price_list .sub .green {color:#008000;}

/* 주문/배송조회 목록 */
.order_wrap {padding-bottom:20px;}
.order_wrap:has(.order_list) {display:flex; flex-direction:column; min-height:calc(100dvh - 137px);}
.order_wrap .list_head {display:flex; align-items:center; margin-top:38px;}
.order_wrap .list_head .total_count {font-size:16px; color:#262626;}
.order_wrap .list_head .total_count strong {font-size:18px; font-weight:700; color:#007AFF;}
.order_wrap .list_head .sort_area {display:flex; margin-left:auto;}
.order_wrap .list_head .sort_area .sort {font-size:16px; color:#4D4D4D;}
.order_wrap .list_head .sort_area .sort + .sort {position:relative; margin-left:25px;}
.order_wrap .list_head .sort_area .sort + .sort:before {content:''; position:absolute; top:50%; left:-13px; width:1px; height:10px; background:#D9D9D9; transform:translateY(-50%);}
.order_wrap .list_head .sort_area .sort.active {font-size:700; color:#111;}
.order_wrap .btn_area {display:flex; gap:10px; margin-top:26px;}
.order_list {margin-top:14px;}
.order_list li + li {margin-top:15px;}
.order_list .item {padding:20px; background:#FFF; border-radius:12px;}
.order_list .item .info_top {display:flex; align-items:center;}
.order_list .item .date {font-size:18px; font-weight:700; color:#111;}
.order_list .item .btn_view {margin-left:auto; line-height:24px; font-size:14px; font-weight:400; color:#007AFF;}
.order_list .item .btn_view:after {content:''; display:inline-block; width:24px; height:24px; vertical-align:top; background:url(/USER_SKIN/danjionly/images/common/icon_arrow_black.png) no-repeat center/contain;}
.order_list .item .info {display:flex; flex-wrap:wrap; row-gap:8px; margin-top:16px;}
.order_list .item .info .title {width:77px; line-height:18px; font-size:14px; color:#999; flex-shrink:0;}
.order_list .item .info .txt {width:calc(100% - 77px); line-height:18px; font-size:14px; color:#111; word-break:keep-all;display: flex;align-items: center;}
.order_wrap .pagination {margin-top:auto; padding-top:20px;}

/* 페이지네이션 */
.pagination {display:flex; justify-content:center; align-items:center;}
.pagination .btn {width:25px; height:25px; font-size:0; text-indent:-9999em; background:url(/USER_SKIN/danjionly/images/common/icon_prev_arrow.png) no-repeat center/contain;}
.pagination .btn.active {width:25px; height:25px; background:url(/USER_SKIN/danjionly/images/common/icon_prev_arrow_active.png) no-repeat center/contain;}
.pagination .btn.next {transform:rotate(180deg);}
.pagination .num_list {display:flex; align-items:center; gap:6px; margin:0 16px;}
.pagination .num_list li {width:8px;}
.pagination .num {display:block; width:6px; height:6px; font-size:0; text-indent:-9999em; background:#CCC; border-radius:50%;}
.pagination .num.active {width:8px; height:8px; background-color:#4080FF;}

/* 레이어 팝업 */
.layer_popup_wrap {position:fixed; top:0; left:0; width:0; height:0; z-index:-1; display:none;}
.layer_popup_wrap .popup_area {display:flex; align-items:center; justify-content:center; width:100%; height:100%;}
.layer_popup_wrap .popup_content {position:relative; width:100%; padding:24px 16px 12px; border-radius:12px; background:#FFF;}
.layer_popup_wrap.on {width:100%; height:100dvh; z-index:1; display:block;}

/* 휴대폰 인증 팝업 */
.layer_popup_wrap.phone_auth .popup_content {width:325px; padding:53px 32px 25px;}
.layer_popup_wrap.phone_auth .image_box {height:35px; text-align:center;}
.layer_popup_wrap.phone_auth .image_box img {height:100%; vertical-align:top;}
.layer_popup_wrap.phone_auth .title {margin-top:37px; line-height:17px; font-size:14px; color:#333; text-align:center;}
.layer_popup_wrap.phone_auth .input_wrap {margin-top:37px;}
.layer_popup_wrap.phone_auth .input_wrap input {width:100%; height:45px; font-size:16px; font-weight:400; color:#111; background:#F6F6F6; border:1px solid #E0E0E0; border-radius:8px;}
.layer_popup_wrap.phone_auth .input_wrap input::placeholder {color:#999;}
.layer_popup_wrap.phone_auth .btn_default {height:45px; margin-top:12px; line-height:45px; font-size:14px; background:#36B37E; border-radius:8px;}
.layer_popup_wrap.phone_auth .check_box {margin-top:21px;}
.layer_popup_wrap.phone_auth .check_box label {font-size:12px; color:#666;}
.layer_popup_wrap.phone_auth .check_box label:before {width:17px; height:17px; margin-right:7px; border:1px solid #36B37E; background:transparent; border-radius:50%; vertical-align:-4px;}
.layer_popup_wrap.phone_auth .check_box input[type=checkbox]:checked + label:before {border-width:5px;}

/* 쿠폰관리 */
.coupon_wrap {display:flex; flex-direction:column; padding-bottom:320px;}
.coupon_wrap .form_box .form_inner {background:#FFF; border-radius:12px;}
.coupon_wrap .form_box .form_inner .form_button {color:#FFF; background:#007AFF;}
.coupon_wrap .coupon_list {margin-top:20px;}
.coupon_wrap .coupon_box {position:relative;}
.coupon_wrap .coupon_box::before {content:''; position:absolute; top:0; right:0; bottom:0; left:0; border:1px solid #E5E7EB; border:2px solid #3B82F6; background:#EFF6FF; border-radius:12px; z-index:0;}
.coupon_wrap .coupon_box + .coupon_box {margin-top:12px;}
.coupon_wrap .coupon_box .coupon_inner {display:flex; position: relative; padding:16px; z-index: 1;}
.coupon_wrap .coupon_box .coupon_tit {display:block; font-family:'Inter' !important; font-size:16px; font-weight:400; line-height:19px; color:#000000;}
.coupon_wrap .coupon_box .info {display:block; margin-top:8px; font-family:'Inter'; font-size:14px; font-weight:400; line-height:20px; color:#666666;}
.coupon_wrap .coupon_box .box {display:flex; flex-direction:column; margin-left:auto;}
.coupon_wrap .coupon_box .discount {font-family:'Inter'; font-size:16px; font-weight:700; color:#2563EB;text-align:right;}
.coupon_wrap .coupon_box .chip {margin-top:auto; font-size:12px;}
.coupon_wrap .coupon_box.complete::before {border:1px solid #E5E7EB; background:#FFF;} 
.coupon_wrap .coupon_box.complete :is(.coupon_tit,.discount,.info) {color:#AAA}
.coupon_wrap .notice_box {position:fixed; bottom:80px; left:0; width:100%; background:#F7F7F8; z-index:1;}
.coupon_wrap .notice_box:before {content:''; position:fixed; bottom:60px; left:0; width:100%; height:25px; background:#F7F7F8; z-index:0;}
.notice_box {padding:12px 8px 0; line-height:18px; color:#999; font-size:13px; border-top:5px solid #D6D6D6;}
.notice_box ul>li {position:relative; padding-left:9px;}
.notice_box ul>li:before {content:''; position:absolute; top:7px; left:0; width:3px; height:3px; background:#999; border-radius:50%;}
.notice_box ul>li + li {margin-top:10px;}
.notice_box ol {counter-reset:index 0}
.notice_box ol>li {position:relative; padding-left:15px;}
.notice_box ol>li:before {counter-increment:index; content:counter(index) ') '; position:absolute; top:0; left:0; display:block; font-size:13px; color:#999;}

/* 서비스 가이드 */
.guide_wrap {padding-bottom:100px;}
.guide_wrap .main_title {height:48px; line-height:48px; font-size:20px; font-weight:700; color:#FFF; text-align:center; background:#007AFF; border-radius:12px;}
.guide_wrap .box {padding:12px 15px; border:1px solid #DDD; border-radius:12px; background:#FFF;}
.guide_wrap .box + .box {margin-top:20px;}
.guide_wrap .box:first-of-type {margin-top:33px;}
.guide_wrap .title {font-size:15px; font-weight:700; color:#333;}
.guide_wrap .list {margin-top:8px;}
.guide_wrap .list li {font-size:13px; color:#333;}
.guide_wrap .list li + li {margin-top:8px;}
.guide_wrap .info {margin-top:13px;}
.guide_wrap .sub_title {margin-bottom:5px; font-size:16px; font-weight:700; color:#333;}
.guide_wrap .info .info_item {display:flex; align-items:center; padding:12px 15px; border-radius:12px; background:#E9F5FF;}
.guide_wrap .info .info_item + .info_item {margin-top:15px;}
.guide_wrap .info .info_item + .sub_title {margin-top:18px;}
.guide_wrap .info_item .title {width:33.8%; max-width:100px; font-size:16px; font-weight:700; color:#0066FF;}
.guide_wrap .info_item .txt_box {line-height:17px; font-size:12px; color:#333;}
.guide_wrap .info_item .txt_box strong {display:block; line-height:19px; font-size:14px; font-weight:400;}
.guide_wrap .info .info_item:nth-of-type(2) {background-color:#E9FFF0;}
.guide_wrap .info_item:nth-of-type(2) .title {color:#36B37E;}
.guide_wrap .info .info_item:nth-of-type(3) {background-color:#EBEBEB;}
.guide_wrap .info_item:nth-of-type(3) .title {color:#333;}
.guide_wrap .table {margin-top:13px; border-radius:6px; overflow:hidden; text-align:center;}
.guide_wrap .table thead tr {background:#F0F0F0;}
.guide_wrap .table th {height:30px; font-size:12px; font-weight:700; color:#333;}
.guide_wrap .table tbody tr {border:1px solid #EEE;}
.guide_wrap .table tbody tr:nth-child(even) {background:#F9F9F9}
.guide_wrap .table td {height:30px; font-size:12px; color:#333;}
.guide_wrap .table td strong {font-weight:700;}
.guide_wrap .table .item {padding-left:10px; text-align:left;}
#contents .subIn:has(.guide_wrap) {padding-bottom:30px !important;}

/* 세탁신청 리스트 */
.request_title {line-height:24px; font-size:20px; font-weight:700; color:#000;}
/*.request_title:after {content:''; display:inline-block; width:24px; height:24px; background:url(/USER_SKIN/danjionly/images/icon_select_arrow.png) no-repeat center/contain; vertical-align:-4px;}*/
/* 세탁신청 */
.request_wrap .check_box.agree {margin-top:28px;}
.request_wrap .check_box.agree label {position:relative; padding-left:24px; font-size:12px; color:#666; word-break:keep-all;}
.request_wrap .check_box.agree label:before {position:absolute; top:0; left:0; width:17px; height:17px; border:1px solid #36B37E; background:transparent; border-radius:50%; vertical-align:-4px;}
.request_wrap .check_box.agree input[type=checkbox]:checked + label:before {border-width:5px;}
.request_item {font-size:12px; font-weight:700; color:#3B82F6;}
.request_item p + p {margin-top:14px;}
/* 생활빨래 */
.request_info1 .info_box {width:100%; position:relative; padding:20px 160px 18px 20px;}
.request_info1 .event_box {position:absolute; top:20px; right:20px; padding:14px 16px 12px; background:#007AFF; border-radius:12px; /*animation:blink-effect 1s step-end infinite*/}
.request_info1 .event_box .tit {color:#fff; text-align:center;}
.request_info1 .event_box .txt {margin-top:0; color:#fff;}
@keyframes blink-effect {
    50% { opacity: 0; }
}

/* 신청완료 팝업 */
.layer_popup_wrap.request_complete .popup_content {display:flex; flex-direction:column; align-items:center; width:325px; padding:35px 20px 45px;}
.layer_popup_wrap.request_complete .image_box {height:35px; text-align:center;}
.layer_popup_wrap.request_complete .image_box img {height:100%; vertical-align:top;}
.layer_popup_wrap.request_complete .txt {font-size:18px; font-weight:700; line-height:25px; text-align:center; color:#007AFF;}
.layer_popup_wrap.request_complete h2.txt {margin-top:30px;}
.layer_popup_wrap.request_complete .list {margin-top:30px;}
.layer_popup_wrap.request_complete .list li {font-size:14px; color:#333;}
.layer_popup_wrap.request_complete .list li:before {content:''; display:inline-block; width:13px; height:18px; margin-right:4px; background:url(/USER_SKIN/danjionly/images/icon_check.png) no-repeat center/contain; vertical-align:-3px;}
.layer_popup_wrap.request_complete .list li + li {margin-top:8px;}
.layer_popup_wrap.request_complete .list + .txt {margin-top:35px;}
.layer_popup_wrap.request_complete .txt02 {margin:30px 0; font-size:16px; font-weight:400; line-height:25px; text-align:center; color:#000; text-align:center;}
.layer_popup_wrap.request_complete .txt02 strong {font-weight:bold;}

/*팝업 앱 열기*/
.layer_popup_wrap.open_app .popup_content {width:338px; height:238px; padding:40px 35px 10px;}
.open_app .title {margin-right:21px; padding-bottom:48px; font-size:24px; color:#111; font-weight:800; line-height:31px; background:url(/USER_SKIN/danjionly/images/img_open.svg) no-repeat right 2px;}
.open_app .btn_open {display:block; width:100%; height:54px; line-height:54px; font-size:20px; font-weight:700; text-align:center; color:#fff; background:#35BE63; border-radius:27px;}
.open_app .txt {margin-top:8px; line-height:18px; font-size:14px; color:#111; text-align:center;}
.open_app .txt img {width:14px;}
.open_app .close {position:absolute; top:24px; right:24px; width:20px; height:20px; font-size:0; text-indent:-9999em; background:url(/USER_SKIN/danjionly/images/icon_popup_close.png) no-repeat center/contain;}

/*하계휴무 팝업*/
.layer_popup_wrap.holiday .popup_content {position:relative; width:330px; height:434px; padding:0;}
.layer_popup_wrap.holiday .popup_content .image_box img {width:100%;}
.layer_popup_wrap.holiday .btn_close {position:absolute; bottom:32px; left:50%; width:290px; height:48px; line-height:48px; font-size:16px; font-weight:bold; text-align:center; color:#FFF; background:#007AFF; border-radius:12px; transform:translateX(-50%);}

@media(max-width:370px) {
    /* 생활빨래 */
    .request_info1 .info_box {padding-right:20px;}
    .request_info1 .event_box {position:static; margin-top:15px;}
}

.strike-red {
text-decoration: line-through;
text-decoration-color: red;
}

  
/* 이벤트 */
.layer_wrap {position:fixed; top:0; left:0; bottom:0; right:0; width:100%; display:none; z-index:100;}
.layer_wrap.on {display:block;}
.layer_wrap .layer_inner {height:100%; overflow-y:auto;}
.event_wrap .btn_close {display:block; width:24px; height:24px; margin-left:16px;}
.event_wrap .btn_close img {width:100%;}
.layer_wrap .event_area {position:relative;}
/*이벤트 이불세탁 100원*/
.event_wrap.event_may {padding-top:16px; background:#F4F4F4;}
.event_may .event_area {padding-top:26px; padding-bottom:48px; text-align:center;}
.event_may .event_area .event_title {line-height:23px; font-family:'Gmarket Sans' !important; font-size:18px; font-weight:500; text-align:center; color:#252525;}
.event_may .event_area .sub_title {display:inline-block; padding:4px 16px 1px; font-family:'Gmarket Sans' !important; font-size:14px; font-weight:400; text-align:center; color:#fff; background:#222; border-radius:13px;}
.event_may .event_area .apply {width:min(95%,290px); height:48px; margin:0 auto; line-height:48px; font-size:18px; background:#039847; border-radius:24px;}
.event_may .event_area .image_box img {width:100%; max-width:390px; margin:0 auto;}
.event_may .event_area .info_area {margin-top:53px;}
.event_may .event_area .info_area .title {line-height:26px; font-family:'yg-jalnan' !important; font-size:20px; color:#252525;}
.event_may .event_area .info_area .txt_box {margin-top:24px; margin-bottom:80px;}
.event_may .event_area .info_area .txt01 {margin-top:24px; line-height:21px; font-family:Pretendard !important; font-size:16px; font-weight:500; color:#252525;}
.event_may .event_area .info_area .txt01 strong {color:#039847; font-weight:700;}
.event_may .event_area .info_area .txt02 {margin-top:2px; line-height:18px; font-family:Pretendard !important; font-size:14px; color:#666;}
.event_may .event_area .info_area .image_box {width:290px; margin:0 auto;}
/*이벤트 5월신규회원*/
.event_may_new .btn_close {position:absolute; top:max(16px,4.103vw); left:0; width:max(24px,6.154vw); height:max(24px,6.154vw);}
.event_may_new .image_box img {width:100%;}
.event_may_new .notice_area {background-color:#614CC3;}
.event_may_new .notice_area .list li {color:rgba(255,255,255,0.7);}
.event_may_new .btn_default.apply {position:absolute; bottom:11.282vw; left:50%; width:74.359vw; height:12.308vw; line-height:12.308vw; font-size:4.615vw; color:#A552FE; background-color:#FFFE81; border-radius:6.154vw; transform:translateX(-50%)}
/*이벤트 세일*/
.event_sale .btn_close {position:absolute; top:max(16px,4.103vw); left:0; width:max(24px,6.154vw); height:max(24px,6.154vw);}
.event_sale .image_box img {width:100%;}
.event_sale .btn_default.apply {position:absolute; bottom:12.308vw; left:50%; width:74.359vw; height:12.308vw; line-height:12.308vw; font-size:4.615vw; color:#FFF; background-color:#FF73CE; border-radius:6.154vw; transform:translateX(-50%)}
.event_sale .notice_area {background-color:#00448E;}
.event_sale .notice_area .list li {color:rgba(255,255,255,0.8);}

.notice_area {padding:32px; background:#DFDFDF;}
.notice_area .list>li + li {margin-top:10px;}
.list>li {position:relative; padding-left:11px;}
.list li {line-height:17px; font-size:12px; color:rgba(0, 0, 0, 0.6); word-break:keep-all;}
.list li strong {font-weight:700; color:#000;}
.list>li:before {content:'';  position:absolute; top:7px; left:0; width:3px; height:3px; background:#999; border-radius:50%;}
.list>li ul {margin-top:4px;}

/* 이용 가이드 */
#wrap:has(.user_guide_wrap) {background-color:#FFF;}
#contents .subIn:has(.user_guide_wrap) {padding-bottom:30px !important;}
.user_guide_wrap .main_title {padding-top:3px; padding-bottom:43px; line-height:34px; font-size:24px; font-weight:700; color:#252525; background:url(/USER_SKIN/danjionly/images/guide_header.png) no-repeat calc(100% - 30px) top / 140px auto;}
.guide_list li + li {margin-top:54px;}
.guide_list .image_box img {width: 100%;}
.guide_list .title {margin-top:24px; line-height:28px; font-size:20px; font-weight:700; color:#252525;}
.guide_list .txt {margin-top:6px; line-height:24px; font-size:16px; color:#666; word-break:keep-all;}
.event_faq {margin-top:80px; padding-bottom:80px;}
.event_faq .main_title {padding:0; background:none;}
.event_faq .faq_list {margin-top:24px;}
.event_faq .faq_list .faq_title {position:relative; padding:24px 0; line-height:22px; font-size:16px; font-weight:500; color:#252525; border-bottom:1px solid #E2E2E2;}
.event_faq .faq_list .faq_title:before {content:'Q'; display:inline-block; width:24px; height:24px; margin-right:7px; line-height:24px; font-size:16px; font-weight:700; color:#fff; text-align:center; background:#B8B8B8; border-radius:50%;}
.event_faq .faq_list .faq_title:after {content:''; position:absolute; top:24px; right:0; width:24px; height:24px; background:url(/USER_SKIN/danjionly/images/btn_request_info.png) no-repeat center/contain; transform:rotate(180deg);}
.event_faq .faq_list .active .faq_title:before {background-color:#333;}
.event_faq .faq_list .active .faq_title:after {transform:rotate(0deg);}
.event_faq .faq_list .faq_cont {display:none; padding:16px; background:#F7F7F7;}
.event_faq .faq_list .faq_cont .list>li {position:relative; padding-left:13px;}
.event_faq .faq_list .faq_cont .list li {line-height:22px; font-size:14px; color:#252525;}
.event_faq .faq_list .faq_cont .list strong {color:#252525;}
.event_faq .faq_list .faq_cont .list>li:before {top:9px; background:#252525;}
.user_guide_wrap .notice_area {position:relative; left:-16px; width:100vw; background-color:#F7F7F7;}
.user_guide_wrap .notice_area .title {line-height:25px; font-size:18px; font-weight:700; color:#252525;}
.user_guide_wrap .notice_area .list {margin-top:10px;}
.user_guide_wrap .btn_default {margin-top:40px;}

/* 추천인 등록하기 팝업 */
.register_recommend_popup.bottom_layer_wrap .popup_content {padding:32px; background:#fff;}
.register_recommend_popup .title {font-size:16px; font-weight:700; line-height:21px; color:#222;}
.register_recommend_popup .txt {margin-top:8px; font-size:14px; line-height:20px; color:#333; word-break:keep-all;}
.register_recommend_popup .form_input {margin-top:40px;}
.register_recommend_popup .form_input input {border:1px solid #e2e2e2;}
.register_recommend_popup .info_box {margin-top:24px; padding:16px; background:#f7f7f7; border-radius:12px;}
.register_recommend_popup .info_box .title {font-size:14px; font-weight:400; line-height:22px; color:#252525;}
.register_recommend_popup .list {margin-top:8px;}
.register_recommend_popup .list li {line-height:22px; font-size:14px; color:#252525;}
.register_recommend_popup .list>li:before {color:#252525;}
.register_recommend_popup .btn_default {margin-top:16px;}
.register_recommend_popup .btn_later {margin-top:14px; display:block; font-size:14px; font-weight:700; color:#007AFF; text-align:center;}

.layer_wrap.event_popup {position:fixed; top:100dvh; left:0; display:block; width:100%; height:100dvh; z-index:-1; transition:all 0.5s;}
.layer_wrap.event_popup.on {top:0; z-index:100; }

/* 앱다운로드 팝업 */
.app_download {position:relative; display:flex; flex-direction:column; align-items:center; padding:21px 0 25px; background:linear-gradient(180deg,rgba(69, 201, 113, 0.5) 0%, rgba(69, 201, 113, 1) 99%);}
.app_download img {width:100%;}
.app_download .logo_box {margin-left:20px; margin-right:auto; line-height:1.4; font-weight:500; font-size:14px; color:#003518;}
.app_download .logo_box .logo_img {width:120px; margin-top:8px;}
.app_download .app_title {margin-top:34px; line-height:1.4; font-size:52px; font-weight:bold; text-align:center; color:#002C14;}
.app_download .app_sub_title {display:block; margin:16px auto 0; padding:12px 24px; line-height:1.4; font-size:18px; font-weight:bold; text-align:center; color:#003518; background:#EAF4ED; border-radius:25px; box-shadow:0px 4px 8px 0px rgba(0, 44, 20, 0.16);}
.app_download .app_txt {margin-top:12px; line-height:1.4; font-size:24px; text-align:center; color:#003518;}
.app_download .app_txt strong {font-weight:bold;}
.app_download .app_txt2 {margin-top:24px; line-height:1.4; font-size:16px; font-weight:bold; text-align:center;color:#262626;}
.app_download .app_txt2 a {color:#262626;}
.app_download .app_img {margin-top:11px; width:349px;}
.app_download .bottom_area {position:absolute; bottom:0; left:0; width:100%; padding:36px 0; background:#45C971;}
.app_download .bottom_area .btn_area {display:flex; justify-content:center; gap:16px;}
.app_download .bottom_area .btn_area a {width:155px;}
.app_download .btn_close {position:absolute; top:18px; right:22px; width:24px;}