/*
	[디자인팀 맞춤제작 및 수정 CSS]

	copyright(c) 상상너머·원데이넷 all rights reserved.
	허용된 라이센스이외 무단도용재배포를 금합니다.

	※ css 추가 시, 반드시 날짜와 작업자 이니셜을 기재바랍니다.
*/


/* 원데이넷DEV모드에서만 보기 -------------------------------------------------------------------------------------------------------------------------------- */
/*  html.if_onedaynet .p_Qorder .pay_group ul.next {display:block !important; border-bottom:1px solid #000;} */







/* ▼▼▼▼▼ 기프트24 패밀리사이트 수정 ----------------------------------------------------------------------------------------------- */


/* 사이트별 컬러 */
.view_btn .btn {border-color:#f17843; color:#f17843;}
.view_btn .btn_cart { border-color:#f17843; }
.view_btn .btn_order {background:#f17843;}


/* 기존수정 */

.view_relative .item_box .info {padding-left:5px; padding-right:5px;;}
.view_relative .item_box .info .item_name {font-size:13px !important; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.view_relative .item_box .price .after .won {float:none}

.view_btn .btn_soldout {border:1px solid #ccc; font-weight:400; color:#999; font-size:15px; font-weight:300;}

.c_mypage_main .mypage_info {overflow:visible}
.c_mypage_main .my_info .info {margin-top:45px;}
.c_mypage_main .my_info .level_img {top:-30px}


.c_order {background:#fff;}





/* 배송지 주소 입력란 */
.re_address {border-bottom:6px solid #f7f7f7; position:relative; display:flex; justify-content: center; align-items: center; flex-direction:column; height:43px; background: #fff;}
.re_address .adr_box {display: block; width: 100%; padding: 0 10px; text-align: center; overflow: hidden; box-sizing: border-box; height:43px; padding-top:11px;}
.re_address .adr_box .img {display: inline-block; vertical-align: middle; height:18px;}
.re_address .adr_box .txt {display: none; vertical-align: middle; color: #aaa; margin-left: 2px; font-size: 13px; letter-spacing: -0.5px; line-height: 1;}
.re_address .adr_box .txt.black {color: #333; max-width: 260px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display:inline-block ;}
.re_address .adr_box .txt.js_login {display:inline-block;}


.re_sub_top {position:relative; display:flex; justify-content: center; align-items: center; flex-direction:column; height:65px; border-bottom:1px solid #eee;}
.re_sub_top .btn_back {position:absolute; left:0; top:0; width:40px; height:65px; background:transparent url('../images/renew/btn_back.png') center center no-repeat; background-size:9px;}
.re_sub_top .tit {color:#000; text-align:center; font-size:18px; }
.re_sub_top .re_address {border-bottom:0;}



.c_page_tit .tit_box {position:relative; display:flex; justify-content: center; align-items: center; flex-direction:column; height:65px; border-bottom:1px solid #eee;}
.c_page_tit .btn_ctrl {display:none;}
.c_page_tit .btn_back {position:absolute; left:0; top:0; width:40px; height:65px; background:transparent url('../images/renew/btn_back.png') center center no-repeat; background-size:9px; display:none;}
.c_page_tit .tit {color:#000; text-align:center; font-size:18px; }

.c_page_tit .nav_box {display:block !important; padding:15px;}
.c_page_tit .nav_box .inner {background:#fff;}
.c_page_tit .nav_box li {border:1px solid #eee !important;}


@media screen and (max-width:900px) {
	.c_page_tit .btn_back {display:block;}
}




/* ********************************************** *
 * 주소입력
 * ********************************************** */
.rep_address {position: fixed; right: -100%; top: 0; width: 100%; height: 100%; background: #fff; z-index: 100000; overflow-y: auto;}
.rep_address .adr_wrap {padding: 20px 25px 0 25px;}

/* 상단 타이틀, 닫기버튼 */
.rep_address .hd_box {display: block; width: 100%; padding: 5px 15px; border-bottom: 1px solid #e5e5e5; box-sizing: border-box;}
.rep_address .hd_box .table {display: table; width: 100%; table-layout: fixed;}
.rep_address .hd_box .tit {display: table-cell; text-align: center; vertical-align: middle; font-size: 15px; color: #000; letter-spacing: -0.2px;font-weight: 500;}
.rep_address .hd_box .btn {overflow: hidden; padding: 10px; box-sizing: border-box;}
.rep_address .hd_box .btn_l {display: table-cell; vertical-align: middle; width:50px;}
.rep_address .hd_box .btn_l .btn {float: left; margin-left: -4px;}
.rep_address .hd_box .btn_r {display: table-cell; vertical-align: middle; width:50px;}
.rep_address .hd_box .btn_r .btn {float: right;}
.rep_address .hd_box .btn img {width: 16px; float: left;}

/* 배송지 입력하기 버튼 */
.rep_address .adr_input {width: 100%; text-align: center; margin-bottom: 15px;}
.rep_address .adr_input .btn {display: block; width: 100%; font-size: 14px; color: #333; letter-spacing: -0.2px; font-weight: 400; padding: 13px 0; border: 1px solid #333; box-sizing: border-box;}
.rep_address .adr_input .tx1 {}
.rep_address .adr_input .tx2 {display:none;}

/* 우편번호 검색 */
.rep_address .zip_code {width: 100%; position: relative;}
.rep_address .zip_code .input {font-size: 13px; color: #333; font-weight: 400; letter-spacing: -0.2px; width: 100%; height: 40px; border: 1px solid #333; box-sizing: border-box; padding: 10px 120px 10px 20px;}
.rep_address .zip_code .search_btn {position: absolute; top: 0; right: 0; width: 100px; height: 40px; text-align: center; line-height: 40px; font-size: 13px; color: #fff; font-weight: 400; letter-spacing: -0.4px; background: #222;}

/* 배송지 입력폼 */
.rep_address .adr_form {display:none;}
.rep_address .adr_form .input_box {margin-top: 12px;}
.rep_address .adr_form .tit {font-size: 12px; color: #999; letter-spacing: -0.4px; font-weight: 400; line-height: 1;}
.rep_address .adr_form .input {width: 100%; font-size: 13px; color: #333; letter-spacing: -0.2px; font-weight: 400; width: 100%; height: 40px; border: 1px solid #ddd; box-sizing: border-box; padding: 10px 20px 10px 20px;}
.rep_address .adr_form dt {margin-bottom: 3px;}
.rep_address .adr_form dd+ dd {margin-top: 5px;}
.rep_address .confirm_btn {width: 100%; text-align: center; margin-top: 15px;}
.rep_address .confirm_btn .btn {width: 100%; height: 50px; background: #222; font-size: 14px; color: #fff; letter-spacing: -0.2px; font-weight: 600; line-height: 50px;}

/* 배송지 목록(있을때) */
.rep_address .adr_list {}
.rep_address .adr_list li {display: block; width: 100%; list-style: none; padding: 25px 25px; box-sizing: border-box;}
.rep_address .adr_list li+ li {border-top: 8px solid #f7f7f7;}
.rep_address .adr_list .li_box {position: relative;}
.rep_address .adr_list .link_box {position: absolute; right: -9px; top: -9px; z-index: 10;}
.rep_address .adr_list .link_box .btn {display: inline-block; padding: 7px; box-sizing: content-box; width: 18px; height: 18px; }
.rep_address .adr_list .link_box .btn {background-size: 18px 18px !important; background-position: center center !important; background-repeat: no-repeat !important; background-color: transparent !important;}
.rep_address .adr_list .link_box .default  {background-image: url('../images/skin/default_ic.png'); }
.rep_address .adr_list .link_box .default.hit {background-image: url('../images/skin/default_hit_ic.png');}
.rep_address .adr_list .link_box .modify {background-image: url('../images/skin/modify_ic.png');}
.rep_address .adr_list .link_box .delete {background-image: url('../images/skin/delete_ic.png');}
.rep_address .adr_list .txt_box .btn {position:absolute; right:0; top:35px; letter-spacing:-1px; color:#999; font-size:13px; border-bottom:1px solid #ddd;}
.rep_address .adr_list .default_tx {font-size: 12px; color: #999; letter-spacing: -0.4px; font-weight: 400; line-height: 1; margin-bottom: 10px;}
.rep_address .adr_list .name {font-size: 12px; color: #000; letter-spacing: -0.4px; font-weight: 400; line-height: 1; margin-bottom: 5px;}
.rep_address .adr_list .adr_txt {font-size: 14px; color: #000; letter-spacing: -0.4px; font-weight: 400; line-height: 1.3;}
.rep_address .adr_list .adr_txt.old {color: #999; margin-top: 3px;}
.rep_address .adr_list .phone {font-size: 13px; color: #000; font-weight: 400; line-height: 1; margin-top: 10px;}

/* 배송지 목록(없을때) */
.rep_address .adr_no {width: 100%; text-align: center; font-size: 13px; color: #999; letter-spacing: -0.3px; font-weight: 400; padding: 60px 0; box-sizing: border-box; line-height: 1.4;}
.rep_address .adr_no span {display: block;}

.rep_address_bg {position:fixed; right:-100%; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index: 999; opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0);}
.rep_address_bg {transition: opacity 0.5s ease-out; -webkit-transition: opacity 0.5s ease-out;}

.if_open_readdform.rep_address .adr_form {display:block;}
.if_open_readdform.rep_address .adr_input .tx1 {display:none;}
.if_open_readdform.rep_address .adr_input .btn {border-color:#ddd; background:#f5f5f5;}
.if_open_readdform.rep_address .adr_input .tx2 {display:block;}


body.if_open_readdress {overflow-y:hidden;}
.if_open_readdress .rep_address {right:0; transition: right 0.5s ease-out; -webkit-transition: right 0.5s ease-out;}
.if_open_readdress .rep_address_bg {right:0; opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100);}











/* ******************************************
     옵션창
  -- ****************************************** */
.float_option {position:fixed; left:0; bottom:0; width:100%; z-index:1000}
.float_option .float_inner {max-width:600px; margin:0 auto;}
.float_option .float_open {overflow:hidden; background:#fff; position:relative; display:flex; justify-content: center; align-items: center; flex-direction:column;}
.float_option .float_open {display:none;}
.float_option .ctrl {text-align:center; text-align:center; font-size:0px;}
.float_option .ctrl .icon {background:#f0f0f0; font-size:0px; width:80px; padding:8px 0; border-radius:10px 10px 0 0;}
.float_option .ctrl .icon img {height:8px; opacity: 0.3; filter: alpha(opacity=30); -ms-filter:alpha(opacity=30);}
.float_option .view_default {margin-top:0px; padding-top:0px; border-top:0; background:#f0f0f0;}
.float_option .view_default dt {display:none;}
.float_option .if_only_counter {}
.float_option .if_only_counter dt {display:table-cell !important; font-size:13px;}
.float_option .if_only_counter dd {padding-top:10px;}
.float_option.if_open_viewfloat .view_btn ul.before {display:none;}
.float_option.if_open_viewfloat .view_btn ul.after {display:table;}
.float_option.if_open_viewfloat .float_open {display:block;}
.float_option.if_open_viewfloat .view_btn {background:#fff;}
.float_option.if_open_viewfloat .view_btn .btn.btn_wish {opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0);}
.float_option.if_open_viewfloat .ctrl .icon img {transform: rotate(180deg); -webkit-transform: rotate(180deg); opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100);}






@media screen and (min-width:630px) {
	.rep_address {width:630px; right:50% !important; margin-right:-315px; top:-100%}
	.if_open_readdress .rep_address {top:0; margin-right:-315px;}
	.rep_address {transition: none; -webkit-transition:none}
	/* .slide_wrap .slide_inner {position:fixed; left:50%; top:0; overflow-y:auto; height:100%; margin-left:-315px; width:0px;} */
	.c_view_open {width:500px; left:50%}
}



/* 주문결제 부분추가 */
.c_form table td {border-color:#eee;}
.reord_ask {border-top:0; background:#f6f6f6;}
.reord_type {color:#097bff; font-size:14px; letter-spacing:-1px; margin-bottom:5px;}
.reord_recent {}
.reord_recent .name {color:#000; font-weight:500;}
.reord_recent .adr_txt {color:#333; letter-spacing:-0.5px;}
.reord_recent .reord_post {font-weight:500; position:relative; padding-right:14px; position:relative;}
.reord_recent .reord_post:before {content:""; width:1px; height:10px; background:#ddd; position:absolute; right:7px; top:50%; margin-top:-4px;}
.reord_recent .phone {color:#999; font-size:13px; font-family:"Heebo";}

.reord_before {color:#aaa; text-align:center; padding:20px 0;}

.reord_adbtn {margin:0 -10px; padding-top:10px;}
.reord_adbtn ul {display:table; width:100%; box-sizing:border-box; table-layout:fixed; border-collapse:separate; border-spacing:10px 0;}
.reord_adbtn li {display:table-cell; vertical-align:middle;}
.reord_adbtn .btn {display:block; background:#f6f6f6; text-align:center; color:#666; font-size:12px; height:35px; line-height:33px; border-radius:5px; letter-spacing:-1px;}


.reord_pay {background:#f6f6f6;}
.reord_pay .label_design {width:50%; box-sizing:border-box; margin:0px;}
.c_form .label_design .txt {padding-top:0px; font-size:13px;}

.c_form .input_box input {margin-bottom:0px;}
.select+ .input_box {margin-top:5px;}
.c_form .tip_txt.black {padding-top:3px;}





.reord_receipt {}
.reord_receipt dl {display:table; width:100%; box-sizing:border-box; table-layout:fixed;}
.reord_receipt dl+ dl {margin-top:10px;}
.reord_receipt dt,
.reord_receipt dd {display:table-cell; vertical-align:middle;}
.reord_receipt dt {padding-right:10px;}
.reord_receipt dt+ dd {width:110px;}
.reord_receipt .input {position:relative;}
.reord_receipt .input .input_design {text-align:right; color:#333; font-weight:600; padding-right:23px;}
.reord_receipt .input .phone_style {text-align:left;}
.reord_receipt .back_txt {position:absolute; right:10px; top:0; color:#aaa; height:35px; line-height:35px; }



.reord_tab {}
.reord_tab ul {display:table; width:100%; box-sizing:border-box; table-layout:fixed;}
.reord_tab li {display:table-cell; vertical-align:middle; }
.reord_tab li+ li .js_tab {border-left:1px solid #ddd;}
.reord_tab .js_tab {display:block; text-align:center; background:#f5f5f5; height:40px; line-height:39px; border-bottom:1px solid #ddd; box-sizing:border-box; color:#888;}
.reord_tab .hit.js_tab {background:#fff; color:#333; border-bottom:1px solid #fff;}

.js_tab_content .c_add_sale .mine {margin-top:0px;}
.js_tab_content .apply_form+ .mine {margin-top:10px;}


.if_closed .reord_tab {display:none;}
.if_closed .js_tab_content {display:none;}




/* ▲▲▲▲▲ 기프트24 패밀리사이트 수정 여기까지 ----------------------------------------------------------------------------------------------- */



/* ******************************************
     오프라인 쿠폰 : 2021-05-13 KHY
  -- ****************************************** */
.rep_address.coupon {}
.rep_address.coupon li {list-style: none;}

.rep_address.coupon .rsg_form {padding: 20px 25px 0 25px; box-sizing: border-box;}

.rep_address.coupon .duplicate {}
.rep_address.coupon .duplicate li {}
.rep_address.coupon .duplicate li+ li {margin-top: 5px;}
.rep_address.coupon .duplicate .dubox {position: relative;}
.rep_address.coupon .duplicate .rsg_input {width: 100%; font-size: 13px; color: #333; letter-spacing: -0.2px; font-weight: 400; height: 40px;}
.rep_address.coupon .duplicate .rsg_input {border: 1px solid #ddd; box-sizing: border-box; padding: 10px 60px 10px 20px;}
.rep_address.coupon .duplicate .btn_con {position: absolute; top: 0; right: 0; width: 40px; height: 40px; z-index: 5; border: 1px solid #222; box-sizing: border-box;}
.rep_address.coupon .duplicate .btn_con {display: flex; justify-content: center; align-items: center;}
.rep_address.coupon .duplicate .btn_con .icon {width: 11px; height: 11px; position: relative;}
.rep_address.coupon .duplicate .btn_con .icon:before {content: ''; position: absolute; left: 0; top: 5px; width: 11px; height: 1px; background: #fff;}
.rep_address.coupon .duplicate .btn_con .icon:after {content: ''; position: absolute; left: 5px; top: 0; width: 1px; height: 11px; background: #fff;}
.rep_address.coupon .duplicate .btn_con.plus {background: #222; border-color: #222;}
.rep_address.coupon .duplicate .btn_con.minus .icon:before {background: #222;}
.rep_address.coupon .duplicate .btn_con.minus .icon:after {display: none;}

.rep_address.coupon .form_tip {background: #f9f9f9; padding: 15px 20px; box-sizing: border-box; margin-top: 20px;}
.rep_address.coupon .form_tip dt {color: #333; font-weight: 500; letter-spacing: -0.5px; margin-bottom: 5px;}
.rep_address.coupon .form_tip dd {color: #999; letter-spacing: -0.5px; line-height: 1.3;}
.rep_address.coupon .form_tip dd+ dd {margin-top: 2px;}









/* ▼▼▼▼▼ 기프트24 패밀리사이트 색상수정 ----------------------------------------------------------------------------------------------- */
.re_header .re_swipe .tag:before {background:#ff4e14;}
.main_title .tit_tx {color:#ff4e14;}
.view_btn .btn_order {background:#ff4e14; border-color:#ff4e14;}
.view_btn .btn_cart {border-color:#ff4e14; color:#ff4e14;}
.item_box .price .percent {color:#784f9d;}
.sub_top .same_ctg .hit .ctg2 {background:#ff4e14; border-color:#ff4e14;}

@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.re_header .shop_name {font-family:"GmarketSansMedium";}






/* 썸네일 라운드 2021-07-07  ARA
.item_box .thumb {padding:0px; margin:15px;}
.item_box .thumb .real_img {padding:0px; border-radius:15px; overflow:hidden;}
.item_box .thumb .real_img img {border-radius:15px;}
.item_box .upper_icon {left:15px; top:0}

.main_md .thumb {margin:0;}
.main_visual .item_box .thumb {margin:0px;}
.main_visual .item_box .thumb .real_img {border-radius:0;}
.main_visual .item_box .thumb .real_img img {border-radius:0;}
*/







/* **************************************** *
   주문페이지 UI수정 2021-07-13 ARA
 * **************************************** */
.re_sub_top {height:50px; max-width:600px; margin:0 auto;}


.if_order .c_btn {border-radius:5px;}
.c_btn.h55 {font-size:17px !important; font-weight:500 !important;}
.re_sub_top .tit {font-weight:500; font-size:18px;}

.if_order input[type=checkbox] {border:2px solid #eee; border-radius:5px; width:22px; height:22px; background-image:url('../images/c_img/label_off.svg') !important; margin-right:8px;}
.if_order input[type=checkbox] {background-position:center center !important; background-size:12px !important; }
.if_order input[type=checkbox]:checked {background-image:url('../images/c_img/label_on.svg') !important; border-color:#e60213; background-color:#e60213;}
.if_order label {width:100%; padding:9px 20px; box-sizing:border-box; margin-right:0px !important; box-sizing:border-box; font-size:14px !important; padding-left:20px !important; height:auto; position:relative;}
.if_order label {color:#000 !important; line-height:22px !important; }
.if_order label strong {color:#000; font-weight:500;}
.if_order .label_design input:checked+ .txt {padding-left:0px;}


.if_order .btn_modify {border:1px solid #e5e5e5; border-radius:5px; box-sizing:border-box; height:30px; display:inline-flex; justify-content: center; align-items: center; flex-direction:column; color:#333; width:55px;}
.if_order .btn_modify { padding:0px !important; font-size:13px !important; font-weight:400; margin-left:auto;}
.if_order .btn_modify input {position:absolute; left:0; top:0; opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0);}

.receipt_tit  {display:flex; justify-content: flex-start; align-items: center; flex-direction:row; padding-right:20px;}






.if_order .re_header {display:none;}
.if_order .fix_bt {display:none;}
.if_order .footer {margin-top:0px;}
.if_order .c_order {margin-bottom:0px; background:#f5f5f5; padding:0px 15px 20px}

.if_order .c_btnbox.if_fixed {position:fixed; left:0; bottom:0; width:100%; box-sizing:border-box; background:#fff; margin:0px; padding:15px; z-index:1000; box-shadow:0 -1px 1px rgba(0,0,0,0.05);}
.if_order .c_btnbox.if_fixed ul {border-spacing:0}
@media screen and (min-width:630px) {
	.if_order .c_btnbox.if_fixed {width:600px; left:50%; transform:translateX(-50%);}
}


.if_order .c_order_box {border-radius:15px; border:1px solid #e5e5e5; overflow:hidden; padding:15px 20px; margin-top:15px; margin-bottom:0px;}
.if_order .c_order .c_group_tit .btn_ctrl {display:none;}
.if_order .c_order .c_group_tit {border:0; padding:0px; margin-bottom:15px; display:flex; justify-content: flex-start; align-items: center; flex-direction:row;}

.if_order .c_order .c_group_tit .tit {margin-bottom:0px; font-weight:500; font-size:18px;}

.if_order .c_cart_list .cart_table .li {padding:0px;}
.if_order .c_cart_list .cart_table .li+ .li {padding-top:15px; margin-top:15px; border-top:1px solid #f2f2f2;}
.if_order .c_cart_list .cart_item_box .thumb_box {border:0; border-radius:10px; overflow:hidden; position:relative;}
.if_order .c_cart_list .cart_item_box .thumb_box:before {content:""; width:100%; height:100%; background:rgba(0,0,0,0.05); position:absolute; left:0; top:0;}
.if_order .c_cart_list .option {background:transparent;}

.if_order .c_total_price {margin:0 -20px;}
.if_order .c_total_price dl {border-top:1px solid #f2f2f2;}
.if_order .c_total_price dt {padding:8px 0; padding-left:20px; color:#aaa;  font-size:14px !important;}
.if_order .c_total_price dd {padding:8px 0; padding-right:20px;}
.if_order .c_total_price .price_num { color:#999;}
.if_order .c_total_price .price_num strong {color:#999; font-weight:400;}
.if_order .c_total_price .ic_price {display:none;}
.if_order .c_total_price dl:last-of-type dt {color:#000; font-weight:500;}
.if_order .c_total_price dl:last-of-type dd .price_num {color:#000; font-weight:500;}
.if_order .c_total_price dl:last-of-type dd .price_num strong {color:#000; font-weight:600;}


.c_order .c_agree .agree_check {padding-left:0px; display:flex; justify-content: flex-start; align-items: center; flex-direction:row;}
.c_order .c_agree .agree_check .btn {right:0 !important; height:40px; padding:0 20px; display:flex; justify-content: center; align-items: center; flex-direction:column; color:#aaa; white-space:nowrap}
.c_order .c_agree .agree_check .btn strong {font-weight:400;}
.c_order .c_agree .agree_check .btn em {display:none;}

.c_order_box .form .text_box {border:0 !important; margin:0 20px !important; display:block; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.c_order_box .form .text_box {height:0px; overflow:hidden;}
.c_order_box .form .textarea_design {background:#f5f5f5; }
.c_order_box .if_open .text_box {height:100px;}
.c_order_box .if_open .agree_check .btn strong {display:none;}
.c_order_box .if_open .agree_check .btn em {display:block;}

.c_order_box .js_join_agree {padding:0px; margin:0 -20px;}
.c_order_box .js_join_agree .agree_form {}
.c_order_box .js_join_agree .agree_form+ .agree_form {border-top:1px solid #f2f2f2; }


.c_order .c_cart_list .cart_item_box .item_name {vertical-align:top; }
.c_order .c_cart_list .option li {padding:0px;}
.c_order .c_cart_list .option .price {display:none;}

.c_order .c_cart_list .option {margin-top:5px;}
.c_order .c_cart_list .option li+ li {margin-top:5px; padding-top:0 !important; border-top:0}
.c_order .c_cart_list .option .tit_box {padding:0px;}
.c_order .c_cart_list .option .opt_tit {color:#999; font-size:13px; margin-bottom:0px;}
.c_order .c_cart_list .option .opt_tit .icon {display:none;}
.c_order .c_cart_list .option .opt_tit strong {color:#000; white-space:nowrap}


.if_order .c_order_box .c_form {margin:0 -20px;}
.if_order .c_form table tr {border:0;}
.if_order .c_form table th {display:none;}
.if_order .c_form table td {padding:0px; padding-left:20px; padding-right:20px; border-bottom:0;}
.if_order .c_form table tr+ tr td {padding-top:10px;}
.if_order .c_form input[type=checkbox] {margin-top:0px;}

.if_order .c_form .input_design {height:40px; border-radius:5px; font-size:13px; border-color:#e5e5e5;}
.if_order .c_form .input_design:focus {border-color:#333;}
.if_order .c_form .input_box.address .c_btn {height:40px; line-height:40px !important;}

.if_order .c_form .textarea_box .textarea_design {border:1px solid #e5e5e5; border-radius:5px; font-size:13px;}


.if_order .select {width:100%; height:40px;}
.if_order .select select { border:1px solid #e5e5e5; border-radius:5px; font-size:13px !important; height:40px;}
.if_order .select:before {display:none;}


.rnor_cal {font-size:13px; display:flex; justify-content: flex-start; align-items: center; flex-direction:row; margin-top:10px;}
.rnor_cal .price {font-weight:600;}
.rnor_cal .price strong {font-size:15px; font-weight:500;}
.rnor_cal .num {margin-left:5px;}
.rnor_cal .deliver {padding-left:18px; color:#aaa; position:relative;}
.rnor_cal .deliver:before {content:""; width:3px; height:3px; background:#ccc; border-radius:100px; position:absolute; left:8px; top:50%; margin-top:-1px;}


.pay_label {overflow:hidden; margin:0 -20px;}
.pay_label li {list-style:none; font-size:0px;}
.pay_label li+ li {border-top:1px solid #f2f2f2;}
.pay_label label {padding-top:12px; padding-bottom:12px;}
.pay_label input[type=radio] {width:22px; height:22px; border:2px solid #eee; border-radius:100px; background:#fff; margin-right:8px;}
.pay_label input[type=radio]:checked {background:#fff url('../images/c_img/label_radio.svg') center center no-repeat; background-size:8px !important; border-color:#e60213;}
.pay_label .txt {font-size:14px; color:#aaa; height:22px; line-height:23px;}
.pay_label input[type=radio]:checked+ .txt {color:#000; font-weight:500;}
.pay_label li.this_gpay {display:none !important;}

.label_nextbox {margin:0px 0 15px 30px; padding:0 20px}
.label_nextbox .c_form {display:flex; justify-content: flex-start; align-items: center; flex-direction:row; margin:0px !important;}
.label_nextbox .input_design {flex:1}
.label_nextbox .confirm {border:1px solid #e60213; color:#e60213; background:#fff; width:65px; height:40px; font-size:12px; border-radius:5px; margin-left:10px;}
.label_nextbox .confirm {display:flex; justify-content: center; align-items: center; flex-direction:column; box-sizing:border-box;}


.hide_form {margin-top:10px;}
.hide_form .c_form {display:flex; justify-content: flex-start; align-items: center; flex-direction:column; margin:0px !important;}
.hide_form .input {width:100%; margin-top:10px;}


.reord_ask {background:#fff;}

.reord_recent {margin-bottom:5px;}
.reord_recent .name_phone {display:flex; justify-content: flex-start; align-items: center; flex-direction:row; font-size:14px; color:#000; font-weight:600;}
.reord_recent .name_phone strong {color:#000; }
.reord_recent .name_phone em {padding-left:10px; margin-left:10px; position:relative;}
.reord_recent .name_phone em:before {content:""; width:1px; height:12px; background:#e5e5e5; position:absolute; left:0; top:50%; margin-top:-6px;}
.reord_recent .adr_txt {font-size:13px; line-height:1.3; word-wrap:break-word; word-break:keep-all; white-space:normal; margin-top:5px;}


.if_order .already {padding:0 20px;}
.if_order .already {display:flex; justify-content: flex-start; align-items: center; flex-direction:row; font-size:14px; color:#000;}
.if_order .already strong {color:#e60213; }
.if_order .already em {padding-left:10px; margin-left:10px; position:relative;}
.if_order .already em:before {content:""; width:1px; height:12px; background:#e5e5e5; position:absolute; left:0; top:50%; margin-top:-6px;}


.g_result {}
.g_result dl {display:flex; justify-content: flex-start; align-items: center; flex-direction:row; margin-top:5px; padding-top:5px;}
.g_result dl+ dl {border-top:1px solid #f2f2f2; }
.g_result dl.now dt {color:#000; font-weight:500;}
.g_result dl.now dd {color:#e60213; font-weight:500; }
.g_result dt {margin-right:auto; font-size:13px; color:#aaa;}
.g_result dd {margin-left:auto; font-size:14px; color:#000;}
.g_result dd strong {font-weight:500;}
.g_result .return {display:block; font-size:13px; border:1px solid #333; border-radius:5px; display:flex; justify-content: center; align-items: center; flex-direction:column; height:35px; margin-top:15px; color:#333;}
.g_result .warn {background:#f5f5f5; padding:5px; color:#aaa; font-size:12px; text-align:center; margin-top:10px;}





/* **************************************** *
   충전디자인 수정 2021-07-26 ARA
 * **************************************** */
placeholder {color:#bbb !important}
input::-webkit-input-placeholder {color:#bbb !important}
input:-ms-input-placeholder {color:#bbb !important}
input:-moz-placeholder {color:#bbb !important}

.rep_address.re_di {display:flex; justify-content: flex-start; align-items: flex-start; flex-direction:column; box-sizing:border-box; overflow:hidden;}
.rep_address.re_di .hd_box {flex:auto; padding:0 20px;}
.rep_address.re_di .hd_box .table > * {height:50px;}
.rep_address.re_di .hd_box .btn_r .btn {padding-right:0px;}

.rep_address.re_di .rsg_form {flex:auto; height:100%; width:100%; box-sizing:border-box; overflow-y:auto; padding:15px 20px;}
.rep_address.re_di .adr_input {flex:auto; margin:0px; margin-top:20px; width:100%; box-sizing:border-box; padding:0; }
.rep_address.re_di .adr_input .btn {background:#474752; border-radius:8px; border:1px solid #474752; color:#fff; font-size:15px; font-weight:500; box-sizing:border-box;}
.rep_address.re_di .adr_input .btn {display:flex; justify-content: center; align-items: center; flex-direction:column; padding:0px; height:50px;}

.rep_address.re_di .hd_box .tit {font-size:18px; font-weight:500; }
.rep_address.re_di .hd_box {border-color:#f2f2f2;}

.rep_address.re_di.coupon .rsg_input {border:0 ; border-bottom:1px solid #eee ; height:60px ; padding:0px; font-size:14px;}
.rep_address.re_di.coupon .rsg_input:focus {border-color:#474752;}
.rep_address.re_di.coupon .btn_con {border-color:#474752 !important; border-radius:5px; top:10px}
.rep_address.re_di.coupon .btn_con.plus { background:#474752 ; background:#fff;}
.rep_address.re_di.coupon .btn_con.plus .icon:before {background:#474752;}
.rep_address.re_di.coupon .btn_con.plus .icon:after {background:#474752;}
.rep_address.re_di.coupon .btn_con.minus {background:#f9f9f9; border-color:#eee !important;}
.rep_address.re_di.coupon .btn_con.minus .icon:before {background:#474752;}
.rep_address.re_di.coupon .duplicate li+ li {margin-top:0;}








/* **************************************** *
    매입시세 추가 2021-06-21
 * **************************************** */
.ft_fix_buy {position:fixed; right:-100% !important; top:0; width:100%; height:100%; display:flex; justify-content: flex-start; align-items: center; flex-direction:column; background:#f3f3f3; z-index:100}
.ft_fix_buy {box-shadow:0 0 50px rgba(0,0,0,0.3);}
.ft_fix_buy {transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out;}
.ft_fix_buy {max-width:400px;}


.ft_fix_buy .tit_box {height:55px; width:100%; border-bottom:1px solid #f2f2f2; position:relative; color:#000; font-size:17px; font-weight:500; background:#fff;}
.ft_fix_buy .tit_box {display:flex; justify-content: center; align-items: center; flex-direction:column; }
.ft_fix_buy .tit_box .btn_close {width:50px; height:100%; display:flex; justify-content: center; align-items: center; flex-direction:column; position:absolute; right:0; top:0;}
.ft_fix_buy .tit_box img {width:15px;}

.ft_fix_buy .scroll_box {overflow-y:auto; flex:1; width:100%; box-sizing:border-box; padding:15px 15px 30px;}
.ft_fix_buy .group {}
.ft_fix_buy .group+ .group {margin-top:30px;}
.ft_fix_buy .gt {color:#000; font-weight:500; font-size:17px; margin-bottom:10px;}
.ft_fix_buy .gx {background:#fff; border-radius:8px; overflow:hidden; padding:15px;}
.ft_fix_buy .gx dl {display:flex; justify-content: flex-start; align-items: flex-start; flex-direction:row;}
.ft_fix_buy .gx dl+ dl {margin-top:10px;}
.ft_fix_buy .gx dt {width:100px; margin-right:15px; font-size:0px;}
.ft_fix_buy .gx dt img {width:100%; background-repeat:no-repeat; background-size:cover !important; background-position:center center !important; border-radius:8px;}
.ft_fix_buy .gx dd {padding-top:10px;}
.ft_fix_buy .gx .gxt {color:#333; font-weight:500; font-size:13px;}
.ft_fix_buy .gx .price {display:inline-flex; justify-content: center; align-items: center; flex-direction:row; margin-top:5px;}
.ft_fix_buy .gx .price .tag { display:flex; justify-content: center; align-items: center; flex-direction:column; letter-spacing:-1px; white-space:nowrap}
.ft_fix_buy .gx .price .tag {background:#006633; color:#fff; height:23px; color:#fff; padding:0 10px; border-radius:4px; font-size:11px; }
.ft_fix_buy .gx .price .won {color:#aaa; margin-left:10px; font-size:13px; white-space:nowrap}

.ft_fix_buy .fix_call {height:px; margin-top:auto; width:100%;}
.ft_fix_buy .fix_call .btn_tel {background:#006633; height:50px; display:flex; justify-content: center; align-items: center; flex-direction:column; }
/*.ft_fix_buy .fix_call .btn_tel strong {color:#fff; font-size:19px; background:transparent url('../images/cucu/call.svg') left center no-repeat; background-size:15px; padding-left:20px;}*/
.ft_fix_buy .fix_call .btn_tel strong {color:#fff; font-size:19px; background:transparent;} /* SSJ : 매입신청하기 전화번호에서 URL로 변경 */

.if_open_ftbuy .ft_fix_buy {right:0 !important}

/* 매입시세 추가 2021-06-21 wide */
@media screen and (max-width:630px) {
	.ft_fix_buy {max-width:100% !important;}
}



/* 채팅상담 위치 수정 2021-09-13 ARA */
.gnkQzw {bottom:150px !important}


/*JJC : 업무시간 종료팝업 : 2021-03-29*/
	/* PC Wide 버전 */
	.timeout_pop {position:fixed; left:0; top:0; width:100%; height:100%; z-index:1000000; display:flex; justify-content: center; align-items: center; flex-direction:column;}
	.timeout_pop {background:rgba(0,0,0,0.7); transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}
	.timeout_pop .pop_box {background:#a2a1de; max-width:700px; position:relative; text-align:center; overflow:hidden; border-radius:60px 60px 30px 30px; }
	.timeout_pop .pop_box dl {padding:50px 20px 0;}
	.timeout_pop .pop_box dt {color:#fff; font-size:60px; line-height:1; font-family: 'S-CoreDream-6Bold'; letter-spacing:-1.5px;}
	.timeout_pop .pop_box .time {display:inline-block; background:#fff; border-radius:100px; border:1px solid #fff; overflow:hidden; padding:8px 40px; font-size:19px;}
	.timeout_pop .pop_box .time {margin-top:30px; color:#a2a1de; font-family: 'S-CoreDream-5Medium'; }
	.timeout_pop .pop_box .exp {color:#fff; font-size:16px; font-family: 'S-CoreDream-4Regular'; margin-top:15px;}
	.timeout_pop .pop_box .exp strong {font-weight:400; border-bottom:1px solid #fff; line-height:1.3;}

	.timeout_pop .btn_close {display:block; font-size:19px; background:#fff; color:#333; font-family: 'S-CoreDream-6Bold'; padding:20px; border:1px solid #fff; box-sizing:border-box;}

	.timeout_pop .img {font-size:0px;}
	.timeout_pop .img img {max-width:100%}

	.timeout_pop.if_open_timeout {opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0); z-index:-1}

	.timeout_pop.if_renw .pop_box {width:100%; border-radius:50px;  max-width:600px;}
	.timeout_pop.if_renw .pop_box dl { padding:70px 50px;}
	.timeout_pop.if_renw .pop_box .time {color:#784f9d;}

	/* MO Smart 버전 */
	@media screen and (max-width:630px) {
		.timeout_pop {position:fixed; left:0; top:0; width:100%; height:100%; z-index:1000000; display:flex; justify-content: flex-end; align-items: center; flex-direction:column; box-sizing:border-box;}
		.timeout_pop {background:rgba(0,0,0,0.7); transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}
		.timeout_pop .pop_box {border-radius:30px 30px 0 0; background:#a2a1de; position:relative; text-align:center; width:100%;}
		.timeout_pop .pop_box dl {padding:40px 20px 0;}
		.timeout_pop .pop_box dt {color:#fff; font-size:40px; line-height:1; font-family: 'S-CoreDream-6Bold'; letter-spacing:-1.5px;}
		.timeout_pop .pop_box .time {background:#fff; border-radius:100px; border:1px solid #fff; overflow:hidden; padding:10px 25px 8px; font-size:16px; display:inline-block;}
		.timeout_pop .pop_box .time {margin-top:20px; color:#a2a1de; font-family: 'S-CoreDream-5Medium'; }
		.timeout_pop .pop_box .exp {color:#fff; font-size:13px; font-family: 'S-CoreDream-4Regular'; margin-top:10px;}
		.timeout_pop .pop_box .exp strong {font-weight:400; text-decoration:underline; line-height:1.6;}

		.timeout_pop .btn_close {display:block; font-size:16px; background:#fff; color:#333; font-family: 'S-CoreDream-5Medium'; padding:18px 0 15px;}

		.timeout_pop .img {font-size:0px;}
		.timeout_pop .img img {max-width:100%}

		.timeout_pop.if_open_timeout {opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0); z-index:-1;}

		.timeout_pop.if_renw .pop_box {width:100%; max-width:600px;}
		.timeout_pop.if_renw .pop_box dl { padding:70px 50px;}
		.timeout_pop.if_renw .pop_box .time {color:#784f9d;}
	}
/*JJC : 업무시간 종료팝업 : 2021-03-29*/




/* 팝업창 디자인변경 (모바일) */
.c_popup {position:fixed; left:0; top:auto !important; bottom:0 !important; box-sizing:border-box; width:100%; overflow:hidden; max-width:100%; height:100%; background:rgba(0,0,0,0.5);}
.c_popup {display:flex; justify-content: flex-end; align-items: stretch; flex-direction:column;}
.c_popup .inner {background:#fff; border-radius:30px 30px 0 0; padding:25px; padding-top:15px;}
.c_popup .inner {margin:0px; border:0; display:flex; justify-content: center; align-items: stretch; flex-direction:column; flex-direction:column-reverse}
.c_popup .img_box {max-height:600px; padding:0px; border-radius:8px;}
.c_popup .close_box {background:transparent; border:0;}
.c_popup .close_box li {border:0 !important;}
.c_popup .close_box ul {display:flex; justify-content: space-between; align-items: center; flex-direction:row;}
.c_popup .close_box .btn {color:#333; font-size:13px; padding-left:0px; padding-right:0px;}




.c_cs_main .cs_info ul {padding:0 30px;}
.c_cs_main .cs_info .tel dd a {white-space:nowrap}



/* 원데이넷 문의로 요청하여 숨김 */
.c_cs_main .right_faq {display:none;}




/* 유지보수 : 디자인html소스 추가 */
.view_detail {overflow:visible}

.pv_logo {overflow:hidden; background:#333; margin-bottom:20px; padding:20px;}
.pv_logo {display:flex; justify-content: flex-start; align-items: center; flex-direction:row}
.pv_logo .pv_img {overflow:hidden; width:60px; height:60px; border-radius:100px; margin-right:10px; display:flex; justify-content: center; align-items: center; flex-direction:column;}
.pv_logo .pv_img img {width:100%; height:100%;}
.pv_logo .pv_tx {font-size:16px; line-height:1.4; font-weight:500; flex:1}


.pv_html {overflow:hidden; margin:0 -15px !important; float:none !important; clear:both; width:auto !important;}
.pv_html * {box-sizing:border-box;}
.pv_html .pv_onebox {margin-top:30px; float:none !important; width:auto !important;}
.pv_html .pv_tit {padding:0 15px; color:#000; font-size:15px; font-weight:500; display:flex; justify-content: flex-end; align-items: flex-start; flex-direction:column; position:relative;}
.pv_html .pv_tit:before {content:""; width:100%; height:1px; background:#ccc; position:absolute; left:0; bottom:0;}
.pv_html .pv_tit .tt {padding-bottom:12px; line-height:1; display:inline-block; width:auto !important; position:relative; border-bottom:2px solid #000;}
.pv_html .pv_cont {background:#f7f7f7; padding:20px 25px; word-wrap:break-word; word-break:keep-all; white-space:normal; color:#737478;}
.pv_html .pv_cont * {color:#737478;}





/* 전북총판 추가 */
.tc_jb {position:fixed; right:0; top:0; width:100%; height:100%; z-index:1000000; display:flex; justify-content: stretch; align-items: flex-end; flex-direction:column; box-sizing:border-box;}
.tc_jb {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; z-index:-1; opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0);}
.tc_jb li {list-style:none;}
.tc_jb {background:rgba(0,0,0,0.7);;}
.tc_jb .in_bx {max-width:500px;  flex:1; width:100%; display:flex; justify-content: stretch; align-items: stretch; flex-direction:column; height:100%; }
.tc_jb .jb_list {display:flex; justify-content: flex-start; align-items: stretch; flex-direction:row; flex:1; overflow:hidden; background:#fff;}

.tc_jb .jb_list .name_list {width:140px; background:#f8f8f8; box-sizing:border-box; overflow-y:auto; overflow-x:hidden; padding:20px 0px; }
.tc_jb .jb_list .name_list ul {}
.tc_jb .jb_list .name_list .js_tab {height:45px;  font-size:14px; color:#000; font-weight:500; line-height:1.2; text-align:center;}
.tc_jb .jb_list .name_list .js_tab {display:flex; justify-content: center; align-items: center; flex-direction:column; padding:0 10px;}
.tc_jb .jb_list .name_list .js_tab:hover {background:#fff;}
.tc_jb .jb_list .name_list .js_tab.hit {background:#207ac8; color:#fff; }

.tc_jb .jb_list .info_list {flex:1; padding:30px 20px 20px; box-sizing:border-box; overflow-y:auto; overflow-x:hidden; height:100%;}
.tc_jb .jb_list .info_list {display:flex; justify-content: stretch; align-items: stretch; flex-direction:column;}

.tc_jb .jb_list .one_jb {}
.tc_jb .jb_list .one_jb dl {display:flex; justify-content: flex-start; align-items: center; flex-direction:row}
.tc_jb .jb_list .one_jb dl+ dl {margin-top:20px;}
.tc_jb .jb_list .one_jb dt {text-align:center; width:30px; margin-right:3px;}
.tc_jb .jb_list .one_jb dd {color:#000; font-size:14px; letter-spacing:-0.3px; line-height:1.45; flex:1; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.tc_jb .jb_list .one_jb dd a {display:block;}
.tc_jb .jb_list .one_jb dt img {width:15px;}
.tc_jb .jb_list .one_jb dl.ic_call img {width:14px;}
.tc_jb .jb_list .one_jb dl.ic_call dd {font-size:15px;}
.tc_jb .jb_list .one_jb dl.ic_map { align-items: flex-start;}
.tc_jb .jb_list .one_jb dl.ic_map dd { padding-top:1px;}

.tc_jb .jb_list .bn_img {overflow:hidden; margin-top:20px;}
.tc_jb .jb_list .bn_img img {width:100%;}
.tc_jb .jb_list .bn_img li {font-size:0px;}
.tc_jb .jb_list .bn_img a {display:block; font-size:0px;}
.tc_jb .jb_list .bn_img li+ li {margin-top:5px;}
.tc_jb .jb_list .rolling_box {}
.tc_jb .jb_list .rolling_icon {display:flex; justify-content: center; align-items: center; flex-direction:row; margin-top:10px;}
.tc_jb .jb_list .rolling_icon .icon {width:5px; height:5px; background:#ccc; border-radius:100px; margin:0 3px;}
.tc_jb .jb_list .rolling_icon .icon.hit {background:#000;}

.js_tab_content {display:flex; justify-content: space-between; align-items: stretch; flex-direction:column; flex:1}




.tc_jb .tit { display:flex; justify-content: center; align-items: center; flex-direction:column; position:relative; height:70px; border-bottom:1px solid #eee; box-sizing:border-box; background:#fff;}
.tc_jb .tit { font-weight:500; font-size:21px; letter-spacing:-1px; color:#000;}
.tc_jb .tit .btn_close {position:absolute; right:0; top:0; width:70px; height:100%; display:flex; justify-content: center; align-items: center; flex-direction:column;}
.tc_jb .tit .btn_close svg {width:15px; height:15px;}

.if_open_jblist .tc_jb {z-index:1000000; opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100);}


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

	.tc_jb {background:rgba(0,0,0,0.75); top:100%; z-index:1000000; opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100);}
	.tc_jb .tit {background:transparent; color:#fff;}
	.tc_jb .tit .btn_close svg {fill:#fff;}
	.tc_jb .jb_list .name_list {width:120px;}
	.tc_jb .jb_list .info_list dd {font-size:13px;}

	.if_open_jblist .tc_jb {top:0}
}


/* 로그인 수정 2022-02-09 */
.c_tabmenu {padding:0 15px;}
.c_tabmenu li:only-of-type {display:none;}
.c_login .li {border:0;}



/* 주문폼 추가 */
.order_who_receive {}
.order_who_receive .input_design {border-color:#e5e5e5 !important}
.order_who_receive li:first-of-type .input_design {border-radius:5px 5px 0 0 !important; }
.order_who_receive li+ li .input_design {border-radius:0 0 5px 5px !important; border-top:0;}



/* 10개씩 수량증가 */
.opt_mount10 {height:30px; display:flex; justify-content: flex-start; align-items: center; flex-direction:row; border:1px solid #ccc; background:#fff; margin-left:5px; padding:0 10px; box-sizing:border-box; font-size:13px;}
.opt_mount10 strong {color:#222; font-weight:500;}
.opt_mount10 em {color:#aaa; margin-right:2px;}
.float_option .if_only_counter dd {display:flex; justify-content: flex-start; align-items: center; flex-direction:row}



.top_btn_home {position:absolute; left:50px; top:8px; height:50px; width:45px; display:flex; justify-content: center; align-items: flex-start; flex-direction:column; box-sizing:border-box; padding-left:0px; display:none;}
.top_btn_home img {width:20px; margin-top:-2px; }

/*
.re_header .pview_tt {position:absolute; left:50%; top:10px; width:140px; text-align:center; margin-left:-70px; height:40px; display:flex; justify-content: center; align-items: center; flex-direction:column;}
.re_header .pview_tt {color:#000; font-size:18px; font-weight:500; letter-spacing:-1px; display:none;}
.re_header .btn_back {position:absolute; left:0; top:8px; height:50px; width:45px; display:flex; justify-content: center; align-items: flex-start; flex-direction:column; padding-left:15px; box-sizing:border-box;}
.re_header .btn_back img {width:20px;}
*/




/* -------------------------------------------------------------------------------------------- 오늘의 쿠폰 수정 */

/* 헤더 */
.re_header {box-sizing:border-box; border-bottom:1px solid #c3c3c3; background:#fff; overflow:hidden;}
.re_header .layout_fix {padding:0px !important;}
.if_main .re_header {border-bottom:0;}
.re_header .hd_top {display:flex; justify-content: flex-start; align-items: center; flex-direction:row; height:83px;}
.re_header .logo_bx {font-size:0px; display:inline-block; margin-right:20px; display:inline-flex; justify-content: center; align-items: center; flex-direction:column;}
.re_header .logo_bx a {display:flex; justify-content: center; align-items: center; flex-direction:column; padding:5px;}
.re_header .logo_bx img {height:33px;}
.re_header .search_bx {display:inline-flex; justify-content: flex-start; align-items: center; flex-direction:row; margin-left:auto;}
.re_header .search_bx form {display:inline-flex; justify-content: center; align-items: center; flex-direction:row;}
.re_header .search_bx .input {background:#f3f4f7; border:1px solid #f3f4f7; border-radius:100px; height:35px; padding:0 20px; box-sizing:border-box; width:250px; font-size:13px;}
.re_header .search_bx .input:focus {background:#fff; box-sizing:border-box; border-color:#87ace5; color:#87ace5;}
.re_header .search_bx .btn_search {width:40px; height:40px; background:transparent url('../images/tc_search.svg') center center no-repeat; background-size:15px;}
.re_header .link_bx {}
.re_header .link_bx .btn {color:#222; font-size:14px; line-height:1; padding:10px 0; white-space:nowrap; letter-spacing:-0.5px;}
.re_header .link_bx .btn:hover {color:#87ace5; text-decoration:underline;}
.re_header .re_swipe {position:relative; box-sizing: border-box; height:55px; background:#fff;}
.re_header .re_swipe:before {content:""; width:150%; height:1px; background:#f6f9fc; position:absolute; left:-50px; bottom:0; display:none; }
.re_header .re_swipe:after {content:""; width:150%; height:1px; background:#f6f9fc; position:absolute; left:-50px; top:0; display:none; }
.re_header .re_swipe ul {z-index:2; display:flex; justify-content: flex-start; align-items: center; flex-direction:row; height:55px; box-sizing:border-box;}
.re_header .re_swipe li {list-style:none;}
.re_header .re_swipe li:last-of-type {margin-right:10px;}
.re_header .re_swipe .tag {padding:0 18px; font-size:19px; color:#c3c3c3; letter-spacing:-0.5px; height:55px; display:flex; justify-content: center; align-items: center; flex-direction:column;}
.re_header .re_swipe .tag strong {white-space:nowrap; position:relative; line-height:1; display:flex; justify-content: center; align-items: center; flex-direction:column;}
.re_header .re_swipe .tag em {position:relative;}
.re_header .re_swipe .tag strong:before {content:""; width:100%; background:#00d7cc; height:4px; position:absolute; left:0; bottom:0; display:none;}
.re_header .re_swipe .hit .tag strong {color:#000 !important;}
.re_header .re_swipe .hit .tag:before {display:block;}
.re_header .re_swipe .hit .tag strong:before {display:block;}
.re_header .app_ctrl {display: flex; flex-direction: row; justify-content: flex-end; align-items: center; margin-left: auto; margin-right: 10px; display: none;}
.re_header .app_ctrl .btn {font-size: 13px; color: #333; background-repeat:no-repeat; background-size:20px; background-position:left center; margin-right:10px;}
.re_header .app_ctrl .btn {display:flex; justify-content: center; align-items: center; flex-direction:column; height:40px; padding-left:25px;}
.re_header .app_ctrl .btn.type_set {background-image:url('../images/todaypin/app_set.svg');}
.re_header .app_ctrl .btn.type_push {background-image:url('../images/todaypin/app_push.svg');}

/* 앱 설정  */
.re_header .app_set {position: absolute; top: 70px; left: 0; width: 100%; z-index: 100; visibility: hidden; box-shadow:0px 10px 10px rgba(0,0,0,0.1); box-sizing:border-box;}
.re_header .app_set li {list-style: none;}
.re_header .app_set .white_box {background: #fff; position: relative; z-index: 2; height: 0; overflow: hidden; padding: 0 20px; box-sizing: border-box;}
.re_header .app_set .white_box {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.re_header .app_set .ul {padding-top:10px;}
.re_header .app_set .li+ .li {border-top: 1px solid #f2f2f2; box-sizing: border-box; margin-top: 15px; padding-top:15px;}
.re_header .app_set .set_tit {font-size: 14px; color: #222; font-weight: 600;}
.re_header .app_set dl {margin-top: 5px; display:flex; justify-content:space-between; align-items: center; flex-direction:row;}
.re_header .app_set dt {font-size: 13px; color: #000; flex:1;}
.re_header .app_set dd {display:flex; justify-content: center; align-items: center; flex-direction:row}
.re_header .app_set dt.this_ver {color: #00d7cc; font-weight:700; font-size:15px;}
.re_header .app_set .btn_update {font-size: 12px; color: #222; height: 25px; box-sizing: border-box; font-weight:600; padding:0 10px;}
.re_header .app_set .btn_update {display: flex; flex-direction: row; justify-content: center; align-items: center; border: 1px solid #222; border-radius: 100px;}
.re_header .app_set .btn_update.this_up {color:#ccc; border-color:#ccc;}
.re_header .app_set .label {position: relative; height: auto; line-height: 1;}
.re_header .app_set .label input {position: absolute; left: 0; top: 0; width: 0; height: 0; opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0);}
.re_header .app_set .label .icon {position: relative; width: 45px; height: 25px; background: #eee; border-radius: 100px; box-sizing: border-box;}
.re_header .app_set .label .icon {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.re_header .app_set .label .icon:before {content: ''; position: absolute; left: 2px; top: 2px; width: 21px; height: 21px; background: #fff; z-index: 1;}
.re_header .app_set .label .icon:before {border-radius: 100px; box-sizing: border-box; box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.16);}
.re_header .app_set .label .icon:before {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.re_header .app_set .label input:checked+ .icon {background: #00d7cc;}
.re_header .app_set .label input:checked+ .icon:before {left: 22px;}
.re_header .app_set .btn_close {height: 45px; border: 1px solid #eee; border-radius: 5px; box-sizing: border-box; margin-top:20px; background:#f5f5f5;}
.re_header .app_set .btn_close {display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: 13px; color: #222;}

.if_open_set.app_set {visibility: visible;}
.if_open_set.app_set .white_box {height: 235px;}


/* 메인상품+엠디픽 묶음 */
.tc_ma_fx {display:flex; justify-content: stretch; align-items: stretch; flex-direction:column;}


/* 메인상품(랭킹) */
.tc_ma_item {background:#222; overflow:hidden; box-sizing:border-box; padding:40px 0; position:relative; overflow:hidden;}
.tc_ma_item .tit_bx {color:#fff; margin-bottom:15px;}
.tc_ma_item .tit_bx dt {color:#fff; font-weight:600; font-size:23px; letter-spacing:0px; line-height:1;}
.tc_ma_item .tit_bx dd {display:none; line-height:1; margin-top:5px; font-size:16px; color:#979799; letter-spacing:-1px;}
.tc_ma_item .rolling_wrap {}
.tc_ma_item .rolling_wrap .item_list {overflow:visible;}
.tc_ma_item .rolling_wrap .item_list ul {flex-wrap:initial; }
.tc_ma_item .rolling_wrap .item_list li {width:285px;}
.tc_ma_item .rolling_wrap .item_box {background:#fff; border-radius:15px; overflow:hidden; box-shadow:0 15px 15px rgba(0,0,0,0.15);}
.tc_ma_item .rolling_wrap .item_box .thumb {border-radius:0px;}
.tc_ma_item .rolling_wrap .item_box .thumb .real_img img {border-radius:0px;}
.tc_ma_item .rolling_wrap .item_box .ranking {position:absolute; left:0; top:0; z-index:5; font-style:italic; color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,0.1); font-size:33px; line-height:1; padding:15px; font-weight:300;}
.tc_ma_item .rolling_wrap .item_box .info {padding:15px; margin-top:0px;}
.tc_ma_item .rolling_wrap .item_box .info .item_name {overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box;}
.tc_ma_item .pvnx {position:absolute; top:50%; transform:translateY(-50%); z-index:50; border-radius:100px; width:60px; height:60px; box-shadow:0 0 2px rgba(0,0,0,0.2);}
.tc_ma_item .pvnx {background-position:center center; background-size:10px !important; background-repeat:no-repeat; backdrop-filter: blur(1px); -webkit-backdrop-filter: blur(5px);background-color: rgba(255, 255, 255, 0.75);}
.tc_ma_item .pvnx:hover {background-color:#fff; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; box-shadow:0px 0px 10px rgba(0,0,0,0.5);}
.tc_ma_item .pvnx.prev {left:15px; background-image:url('../images/tc_prev.svg');}
.tc_ma_item .pvnx.next {right:15px; background-image:url('../images/tc_next.svg');}
.tc_ma_item .normal_list {display:none;}
.tc_ma_item .normal_list .item_box .thumb {border-radius:0px;}
.tc_ma_item .normal_list .item_box .thumb img {border-radius:0px;}
.tc_ma_item .normal_list .item_box .ranking {position:absolute; left:0; top:0; z-index:5; color:#fff; font-size:15px; line-height:1; font-weight:500; background:#777; width:30px; height:30px;}
.tc_ma_item .normal_list .item_box .ranking {display:flex; justify-content: center; align-items: center; flex-direction:column;}
.tc_ma_item .normal_list .item_box .ranking.color {background:#00d7cc;}


/* 엠디픽(인기브랜드) */
.tc_ma_md {margin-top:80px; overflow:hidden;}
.tc_ma_md .tit_bx {text-align:center; position:relative; z-index:2}
.tc_ma_md .tit_bx .white_bx {background:#fff;}
.tc_ma_md .tit_bx .kr {line-height:1; color:#111; font-weight:600; font-size:30px;}
.tc_ma_md .tit_bx .eng {display:none; color:#fff; font-size:21px;}

.tc_ma_md .md_tab {overflow:hidden; position:relative;}
.tc_ma_md .md_tab .scroll_box { margin-top:50px; z-index:2; position:relative; }
.tc_ma_md .md_tab .scroll_box ul {display:flex; justify-content: flex-start; align-items: flex-start; flex-direction:row; flex-wrap:wrap; margin:0 -10px; counter-reset : numbering;}
.tc_ma_md .md_tab .scroll_box li {list-style:none; width:130px; box-sizing:border-box; padding:5px;}
.tc_ma_md .md_tab .scroll_box li .tab:before {margin-right:10px; position:absolute; left:0; top:0; font-weight:500; color:#222; font-style:italic; padding:10px; font-size:17px;}
.tc_ma_md .md_tab .scroll_box li .tab:before {counter-increment : numbering;   content : counter(numbering); }
.tc_ma_md .md_tab .tab {background:#f6f9fd; border-radius:3px; padding:30px 0 20px; box-sizing:border-box; overflow:hidden; display:flex; justify-content: flex-start; align-items: center; flex-direction:column; position:relative;}
.tc_ma_md .md_tab .tab strong {text-align:center; padding:0 5px; display:block; color:#000; font-size:16px; overflow:hidden; height:22px; line-height:1.5; letter-spacing:-0.5px; font-weight:300; position:relative; z-index:2}
.tc_ma_md .md_tab .tab .picto {width:70px; height:70px; margin-bottom:10px; text-align:center; position:relative; border-radius:100px; background:#fff;}
.tc_ma_md .md_tab .tab .picto {display:flex; justify-content: center; align-items: center; flex-direction:column;}
.tc_ma_md .md_tab .tab .picto img {width:100%; height:100%}
.tc_ma_md .md_tab .tab .hit_bg {width:100%; height:100%; position:absolute; left:0; top:0; background:#000; z-index:1; border-radius:100px; display:none;}
.tc_ma_md .md_tab .hit .tab .picto:before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box; border:1px solid #62a1ff; border-radius:100px;}
.tc_ma_md .md_tab .hit .tab strong {color:#62a1ff;}
.tc_ma_md .md_tab .picto_logo {display:flex; justify-content: center; align-items: center; flex-direction:column; display:none; margin-top:15px;}
.tc_ma_md .md_tab .picto_logo img {height:40px; max-width:100%}
.tc_ma_md .md_tab .link {display:flex; justify-content: center; align-items: center; flex-direction:column; display:none;}
.tc_ma_md .md_tab .link .btn {color:#fff; font-size:14px; background:transparent url('../images/tc_arrow_right.svg') right center no-repeat; background-size:5px; padding:10px; padding-right:8px; letter-spacing:-1px; line-height:1;}
.tc_ma_md .md_tab .tab_bg {width:100%; height:100%; position:absolute; left:0; top:0; background:#000; z-index:1; display:none;}
.tc_ma_md .md_item_bx {margin-top:80px;}
.tc_ma_md .md_item_bx .js_main_md {border-top:1px solid #e3e4e5; padding-top:140px;}
.tc_ma_md .next_exp {font-weight:600; color:#111; font-size:27px; margin-bottom:25px; line-height:1;}
.tc_ma_md .c_none {display:none;}


/* 브랜드 */
.tc_ma_brand {background: #f1f2f6; padding-top: 40px; padding-bottom: 15px; box-sizing: border-box; display: none;}
.tc_ma_brand .tit_bx {margin-bottom: 15px;}
.tc_ma_brand .tit_bx .tit {font-size: 25px; font-weight: 600; color: #111; line-height: 1;}
.tc_ma_brand .brand_box {overflow: hidden;}
.tc_ma_brand .brand_box ul {display: flex; flex-direction: row; justify-content: flex-start; align-content: stretch; align-items: stretch; flex-wrap: wrap; margin-left: -15px; margin-top: -15px;}
.tc_ma_brand .brand_box li {width: 33.333%; list-style: none; padding-left: 15px; box-sizing: border-box; margin-top: 15px;}
.tc_ma_brand .banner {position: relative; display: flex; flex-direction: row; justify-content: center; align-items: center; background: #fff; border-radius: 10px; overflow: hidden;}
.tc_ma_brand .banner img {width: 100%;}
.tc_ma_brand .more_box {margin-top: 15px;}
.tc_ma_brand .more_box .btn_more {display: flex; flex-direction: row; justify-content: center; align-items: center; height: 50px; border-radius: 10px;}
.tc_ma_brand .more_box .btn_more {font-size: 14px; color: #777; background: #e9eaee;}


/* 롤링배너 */
.tc_ma_bn {display: none;}
.tc_ma_bn li {list-style: none;}
.tc_ma_bn .rolling_wrap {position: relative;}
.tc_ma_bn .rolling_box {overflow: hidden;}
.tc_ma_bn .banner {position: relative; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.tc_ma_bn .banner img {max-width: 100%;}
.tc_ma_bn .roll_pagi {position: absolute; right: 10px; bottom: 10px; z-index: 10; display: flex; flex-direction: row; justify-content: flex-end; align-items: center;}
.tc_ma_bn .roll_pagi {font-size: 11px; color: #999; background: rgba(0, 0, 0, 0.7); border-radius: 100px; height: 20px; padding: 0 10px; box-sizing: border-box;}
.tc_ma_bn .roll_pagi .active {color: #fff;}
.tc_ma_bn .roll_pagi em {font-size: 0.9em; margin: 0 2px;}


/* 카테고리 */
.tc_list_top {border-top:1px solid #f2f2f2;}

.tc_list_top .depth2_bx {margin-top:15px;}
.tc_list_top .depth2_bx ul {display:flex; justify-content: flex-start; align-items: center; flex-direction:row; gap:15px}
.tc_list_top .depth2_bx li {list-style:none; box-sizing:border-box; padding:5px;}
.tc_list_top .depth2_bx .ctg2 {border-radius:3px; box-sizing:border-box; overflow:hidden;}
.tc_list_top .depth2_bx .ctg2 {display:flex; justify-content: flex-start; align-items: center; flex-direction:column; position:relative;}
.tc_list_top .depth2_bx .ctg2 .picto {width:70px; height:70px; text-align:center; position:relative; border-radius:100px; background:#fff; overflow:hidden; font-size:15px; color:#000; font-weight:600;}
.tc_list_top .depth2_bx .ctg2 .picto {display:flex; justify-content:center; align-items:center; flex-direction:column; position:relative;}
.tc_list_top .depth2_bx .ctg2 .picto:after {content:""; width:100%; height:100%; border-radius:100px; border:1px solid rgba(0,0,0,0.1); position:absolute; left:0; top:0; box-sizing:border-box; z-index:1}
.tc_list_top .depth2_bx .ctg2 .picto img {width:58px; height:58px; border-radius:100px;}
.tc_list_top .depth2_bx .ctg2 .tx {margin-top:5px;}
.tc_list_top .depth2_bx .ctg2 .tx {text-align:center; display:block; color:#000; font-size:14px; overflow:hidden; height:22px; line-height:1.5; letter-spacing:-0.5px; font-weight:400; position:relative;}
.tc_list_top .depth2_bx .ctg2 .picto:before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box; border:2px solid #79e3dc; border-radius:100px; display:none; z-index:2}
.tc_list_top .depth2_bx .hit .ctg2 .picto:before {display:block;}
.tc_list_top .depth2_bx .hit .ctg2 .tx {font-weight:600;}

.tc_list_top .depth2_tit {text-align:center; display:flex; justify-content:center; align-items:center; flex-direction:column; position:relative; margin-top:15px;}
.tc_list_top .depth2_tit:after {content:""; width:100%; height:1px; position:absolute; left:0; top:50%; background:#f2f2f2; transform:translateY(-50%);}
.tc_list_top .depth2_tit dl {display:flex; justify-content: center; align-items: stretch; flex-direction:column; padding:10px 20px; border-radius:100px; background:#333; position:relative; z-index:2}
.tc_list_top .depth2_tit dt {color:#fff; font-size:16px; line-height:1; font-weight:500; letter-spacing:-1px;}
.tc_list_top .depth2_tit dd {color:#fff; font-size:13px; line-height:1.45; font-weight:500; margin-top:20px; letter-spacing:-1px;}





/* 반응형 --------------------------------------------------------------------------------------------


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

	.re_header {border-bottom:0; padding:0;}
	.re_header .hd_top {flex-wrap:wrap; height:auto;}
	.re_header .logo_bx {height:70px; margin-left:30px;}
	.re_header .search_bx {margin-right:30px;}
	.re_header .re_swipe {order:4; width:100%;}
	.re_header .re_swipe ul {padding:0 30px !important;}
	.re_header .re_swipe li:last-of-type {padding-right:15px;}
	.re_header .re_swipe:after {display:block;}
	.re_header .re_swipe:before {display:block;}

	.tc_list_top .depth2_bx .layout_fix {padding:0px !important;}
	.tc_list_top .depth2_bx .js_ctg_swiper {padding:0 30px;}
}


@media screen and (max-width:900px) {
	.layout_fix {padding:0 15px;}
	.item_list li {width:50%;}
	.view_photo .photo_box {padding:0px;}
	.footer {margin-top:50px;}

	.re_header .search_bx {display:none;}
	.re_header .logo_bx {margin-left:15px;}
	.re_header .logo_bx img {height:30px;}
	.re_header .re_swipe ul {padding:0 20px !important;}
	.re_header .re_swipe .tag {padding:0 15px;}
	.re_header .re_swipe .tag strong {height:55px; font-size:16px; color:#888; padding:0 3px;}
	.re_header .re_swipe .tag strong:before {height:5px;}
	.re_header .re_swipe li.this_home .tag {padding:0px;}
	.re_header .re_swipe li.this_home .tag strong {width:30px;}
	.re_header .app_ctrl {display: flex;}

	.tc_ma_item {order:2; background:#fff !important; border-top:10px solid #f6f9fc;}
	.tc_ma_item .js_main_product {display:none;}
	.tc_ma_item .normal_list {display:block;}
	.tc_ma_item .pvnx {display:none;}
	.tc_ma_item .tit_bx {text-align:center; margin-bottom:30px;}
	.tc_ma_item .tit_bx dt {color:#000; font-weight:400; font-size:27px;}
	.tc_ma_item .tit_bx dd {display:block;}

	.tc_ma_md {margin-top:0px; display: none;}
	.tc_ma_md .md_tab {background:#ccc;}
	.tc_ma_md .md_tab .layout_fix {padding:0px !important;}
	.tc_ma_md .tit_bx {padding:20px 0 10px;}
	.tc_ma_md .tit_bx .kr {display:none; }
	.tc_ma_md .tit_bx .eng {display:block;}
	.tc_ma_md .md_tab .link {display:block;}
	.tc_ma_md .md_tab .picto_logo {display:block;}
	.tc_ma_md .md_tab .scroll_box {margin-top:0px; overflow-y:hidden; overflow-x:scroll; background:#fff; border-radius:20px 20px 0 0; padding:20px 0 10px 20px;}
	.tc_ma_md .md_tab .scroll_box::-webkit-scrollbar { display: none;}
	.tc_ma_md .md_tab .scroll_box ul {flex-wrap:nowrap; margin:0px; width:max-content; padding-right:20px;}
	.tc_ma_md .md_tab .scroll_box li {padding:0px; width:auto;}
	.tc_ma_md .md_tab .scroll_box li+ li {margin-left:10px;}
	.tc_ma_md .md_tab .tab {padding:0px 15px; display:flex; height:40px; border-radius:100px; background:#fff; border:1px solid #ccc; box-sizing:border-box; justify-content:center; overflow:hidden;}
	.tc_ma_md .md_tab .tab strong {height:auto; line-height:1; font-weight:400; font-size:14px; letter-spacing:-0.5px; }
	.tc_ma_md .md_tab .tab .picto {display:none;}
	.tc_ma_md .md_tab .hit .tab {border:0;}
	.tc_ma_md .md_tab .hit .tab strong {color:#fff; font-weight:500;}
	.tc_ma_md .md_tab .scroll_box li .tab:before {display:none;}
	.tc_ma_md .md_tab .tab_bg {display:block;}
	.tc_ma_md .md_tab .hit .tab .hit_bg {display:block;}

	.tc_ma_md .md_item_bx {margin-top:10px;}
	.tc_ma_md .md_item_bx .layout_fix {padding:0px !important;}
	.tc_ma_md .md_item_bx .js_main_md {padding-top:0px; border-top:0;}
	.tc_ma_md .md_item_bx .item_list {overflow-y:hidden; overflow-x:scroll; padding:0 0 10px 20px !important;}
	.tc_ma_md .md_item_bx .item_list::-webkit-scrollbar { display: none;}
	.tc_ma_md .md_item_bx .item_list ul {flex-wrap:nowrap; margin:0px; width:max-content; padding-right:20px;}
	.tc_ma_md .md_item_bx .item_list li {padding:0px; margin-top:0px; width:190px;}
	.tc_ma_md .md_item_bx .item_list li+ li {margin-left:20px;}
	.tc_ma_md .md_item_bx .item_box .thumb {border-radius:15px;}
	.tc_ma_md .next_exp {display:none;}

	.tc_ma_brand {display: block;}

	.tc_ma_bn {display: block;}

	.tc_list_top .depth1_tit {display:none;}
	.tc_list_top .depth2_bx {margin-top:10px;}
	.tc_list_top .depth2_bx .js_ctg_swiper {padding:0 15px;}
	.tc_list_top .depth2_bx .ctg2 {padding:10px 5px; background:#fff; width:70px;}
	.tc_list_top .depth2_bx .ctg2 .tx {display:none;}
	.tc_list_top .depth2_bx .ctg2 .picto:before {border:2px solid #f5f5f5; display:block !important;}
	.tc_list_top .depth2_bx .hit .ctg2 .picto:before {border-color:#79e3dc;}
	.tc_list_top .depth2_bx .this_all {position:relative; padding-right:15px; margin-right:10px;}
	.tc_list_top .depth2_bx .this_all:before {content:""; width:1px; height:30px; background:#939395; position:absolute; right:0; top:50%; transform:translateY(-50%);}
	.tc_list_top .depth2_bx .this_all .ctg2 .picto {background:#f6fafd;}
	.tc_list_top .depth2_tit {margin-top:20px; background:#fff !important; border-top:10px solid #f9f9f9; padding:0px; padding-top:30px; align-items:center; text-align:center;}
	.tc_list_top .depth2_tit dt {color:#1d1c21; font-weight:400; font-size:27px;}
	.tc_list_top .depth2_tit dd {color:#939395; font-weight:400; font-size:16px; margin-top:5px;}

	.item_list_ctrl .arrange {margin-bottom:5px;}
	.sub_item {margin-top:20px;}

}
*/






/* 오늘의쿠폰 상세UI수정 : ARA : 2022-11-21 */
.p_View_top {display:flex; justify-content: center; align-items: center; flex-direction:column; height:60px; position:relative;}
.p_View_top .tit {color:#000; font-size:20px; font-weight:700;}
.p_View_top .btn_back {height:100%; width:50px; position:absolute; left:0; top:0; background:transparent url('../images/todaypin/view_top_back.svg') 15px center no-repeat; background-size:20px;}


.view_tit {margin-top:0px;}
.view_name .title {font-weight:500; letter-spacing:-0.5px; color:#323232;}
.view_name .price ul {display:flex; justify-content: center; align-items: center; flex-direction:column}
.view_name .price li {display:flex; justify-content: center; align-items: center; flex-direction:row;}
.view_name .price span {display:flex; justify-content: center; align-items: center; flex-direction:row;}
.view_name .price .after {color:#000; font-weight:500;}
.view_name .price .after strong {font-weight:600; font-size:1.1em;}
.view_name .price .per {margin-left:5px; font-weight:600;}
.view_name .price .before {color:#aaa; padding:0 3px;}
.view_name .price .before:before {background:#aaa;}
.view_photo .photo_box {padding:0 30px; display:flex; justify-content: center; align-items: center; flex-direction:column;}
.view_photo .photo_box .rolling_box {overflow:hidden; border-radius:10px; border:1px solid #f2f2f2; width:250px}


.p_Qorder {background:#f1f1f1; margin-top:30px; border:1px solid #eeeeee; border-left:0; border-right:0; box-sizing:border-box; padding-bottom:15px;}
.p_Qorder li {list-style:none;}
.p_Qorder .area_box {border-radius:10px; border:1px solid #f2f2f2; box-sizing:border-box; background:#fff; margin-top:20px;}
.p_Qorder .group_tit {border-bottom:1px solid #f2f2f2; height:45px; display:flex; justify-content: space-between; align-items: center; flex-direction:row; padding:0 15px;}
.p_Qorder .group_tit strong {color:#000; font-size:16px; font-weight:600;}
.p_Qorder .group_tit .btn_reset {width:30px; height:30px; background:transparent url('../images/todaypin/view_reset.svg') right center no-repeat; background-size:15px;}

.p_Qorder .box_tip {position:relative;}
.p_Qorder .box_tip .btn_tip {color:#cecbcb; background:transparent url('../images/todaypin/view_tip.svg') right center no-repeat; padding-right:16px; background-size:13px;}
.p_Qorder .box_tip .btn_tip {height:30px; display:flex; justify-content: center; align-items: center; flex-direction:column;}
.p_Qorder .box_tip .tip_conts {position:absolute; right:-10px; top:30px; background:#fff; border-radius:3px; border:1px solid #333; padding:15px; width:300px; box-sizing:border-box; font-size:12px;}
.p_Qorder .box_tip .tip_conts {box-shadow:5px 5px 10px rgba(0,0,0,0.1); color:#333; line-height:1.35; padding-right:40px; z-index:100; display:none;}
.p_Qorder .box_tip .btn_close {width:35px; height:40px; background:transparent url('../images/todaypin/view_close.svg') center center no-repeat; background-size:10px; position:absolute; right:0; top:0;}
.p_Qorder .box_tip .if_open.tip_conts {display:block;}

.p_Qorder .phone_box {}
.p_Qorder .phone_box .group_tit {border-bottom:0;}
.p_Qorder .phone_box .group_tit strong {background:transparent url('../images/todaypin/view_phone.svg') left center no-repeat; background-size:10px; padding-left:15px;}
.p_Qorder .phone_box .phone_number {border:1px solid #f2f2f2; border-radius:10px; margin:15px; margin-top:0px;}
.p_Qorder .phone_box .phone_number {display:flex; justify-content: stretch; align-items: stretch; flex-direction:row}
.p_Qorder .phone_box .phone_number li.this_dash {position:relative; width:20px; display:flex; justify-content: center; align-items: center; flex-direction:column;}
.p_Qorder .phone_box .phone_number li.this_dash:before {content:""; width:8px; height:1px; background:#000; display:inline-block;}
.p_Qorder .phone_box .phone_number li.this_form {flex:1}
.p_Qorder .phone_box input.design {color:#000; text-align:center; font-size:15px; height:45px; width:100%;}

/* 결제수단 UI변경전 :: 2024-09-23 ARA */
.p_Qorder .pay_list {}
.p_Qorder .pay_list .first {width:max-content; padding:15px;}
.p_Qorder .pay_list .first {display:flex; justify-content:flex-start; align-items:stretch; flex-direction:row; flex-wrap:wrap; box-sizing:border-box; gap:10px}
.p_Qorder .pay_list .first li {box-sizing:border-box; width:115px;}
.p_Qorder .pay_list label.pay {overflow:hidden; position:relative; height:100%; width:auto; margin:0px; display:block; display:flex; justify-content:flex-start; align-items:stretch; flex-direction:column;}
.p_Qorder .pay_list label.pay input {display:none;}
.p_Qorder .pay_list label.pay .tx {box-sizing:border-box; border-radius:10px; border:1px solid #f2f2f2; overflow:hidden; display:flex; justify-content:center; align-items:center; flex-direction:column; color:#000;}
.p_Qorder .pay_list label.pay .tx {padding-bottom:25px; flex:1}
.p_Qorder .pay_list label.pay .picto {font-size:0px; padding:10px; padding-bottom:0px;}
.p_Qorder .pay_list label.pay .picto img {width:100%;}
.p_Qorder .pay_list label.pay .pay_type {font-size:12px; line-height:1; margin-top:6px;}
.p_Qorder .pay_list label.pay .pay_name {font-size:16px; font-weight:600; color:#000;}
.p_Qorder .pay_list label.pay input:checked+ .tx {color:#000; border:1px solid #4285F4; background:#fff;}
.p_Qorder .pay_list label.pay input:disabled+ .tx:before {content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.1); border-radius:10px;}
.p_Qorder .pay_list label.pay input:disabled+ .tx {opacity:0.3;}

.p_Qorder .pay_list .scroll_wrap {overflow-y:auto;}
.p_Qorder .pay_list .scroll_wrap::-webkit-scrollbar {height:6px; display:none;}
.p_Qorder .pay_list .scroll_wrap::-webkit-scrollbar-thumb { background-color:#ccc; border-radius:100px;}
.p_Qorder .pay_list .scroll_wrap::-webkit-scrollbar-track {background-color:#fff;}
html.if_pcmode .p_Qorder .pay_list .scroll_wrap::-webkit-scrollbar {display:block;}

.p_Qorder .pay_list .next {display:flex; justify-content: flex-start; align-items: flex-start; flex-direction:row; flex-wrap:wrap; box-sizing:border-box;}
.p_Qorder .pay_list .next li {width:33.3333%; box-sizing:border-box; margin-top:15px;}
.p_Qorder .pay_list .next label {overflow:hidden; position:relative; height:60px; width:100%; margin:0px; display:flex; justify-content: center; align-items: center; flex-direction:column;}
.p_Qorder .pay_list .next label input {position:absolute; left:0; top:0; opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0);}
.p_Qorder .pay_list .next label .tx {border:1px solid #f2f2f2;}
.p_Qorder .pay_list .next label input:checked+ .tx {color:#4285F4;}
.p_Qorder .pay_list .next label .ic {order:1; display:flex; justify-content: center; align-items: center; flex-direction:column;}
.p_Qorder .pay_list .next label .ic img {height:35px;}

.p_Qorder .pay_list .next.type_online {gap:10px;}
.p_Qorder .pay_list .next.type_online li:first-of-type {flex:1}
.p_Qorder .pay_list .next.type_online li:last-of-type {width:120px;}
.p_Qorder .pay_list .next.type_online .input_design {border-radius:5px; border:1px solid #f2f2f2; height:40px; box-sizing:border-box; width:100%; padding:0 10px;}
.p_Qorder .pay_list .next.type_online .input_design:focus {border-color:#333;}

.p_Qorder .pay_list .next.type_virtual {/* flex-direction:column; align-items: stretch; margin-top:15px; */}
.p_Qorder .pay_list .next.type_virtual dl {display:flex; justify-content: space-between; align-items: center; flex-direction:row}
.p_Qorder .pay_list .next.type_virtual dl+ dl {border-top:1px dashed #f0f0f0; margin-top:5px; padding-top:5px;}
.p_Qorder .pay_list .next.type_virtual dt img {height:30px;}
.p_Qorder .pay_list .next.type_virtual dd {font-weight:500; color:#d1d6dd; font-size:16px; display:flex; justify-content: center; align-items: center; flex-direction:row}
.p_Qorder .pay_list .next.type_virtual .btn_issue {border-radius:5px; height:31px; color:#fff; background:#afb7c2; font-size:12px; font-weight:500; margin-left:10px; padding:0 10px;}
.p_Qorder .pay_list .next.type_virtual .btn_issue {display:flex; justify-content: center; align-items: center; flex-direction:column;}
.p_Qorder .pay_list .next.type_virtual .btn_issue.after {display:none; background:#222}
.p_Qorder .pay_list .next.type_virtual .if_selected dd {color:#000;}
.p_Qorder .pay_list .next.type_virtual .if_selected .btn_issue.after {display:flex}
.p_Qorder .pay_list .next.type_virtual .if_selected .btn_issue.before {display:none}

/* 결제수단 UI변경 :: 2024-09-23 ARA */
:root {
    --color-pink:#ff5e11;
	--color-blueblack:#4c5a66;
}
.p_Qorder .pay_group {display:flex; justify-content:stretch; align-items:stretch; flex-direction:column;}
.p_Qorder .pay_group ul {display:flex; justify-content:stretch; align-items:stretch; flex-direction:column; border-top:1px solid #f2f2f2; }
.p_Qorder .pay_group ul.js_gift24_point_form {border-top:0; padding-top:0px;}
.p_Qorder .pay_group ul.this_pay_group {display:grid; grid-template-columns:repeat(2, 1fr); background:#f5f5f5; border-radius:15px; margin:15px; margin-top:0px;}
.p_Qorder .pay_group .upper_type {padding:15px; height:auto; display:flex; justify-content:flex-start; align-items:center; flex-direction:row;}
.p_Qorder .pay_group .upper_type .tx {color:#000; font-size:16px; font-weight:600; display:flex; justify-content:flex-start; align-items:center; flex-direction:row;}
.p_Qorder .pay_group .upper_type .ic {width:24px; height:24px; box-sizing:border-box; border-radius:100px; border:1px solid #e7e7e7; position:relative; margin-right:10px;}
.p_Qorder .pay_group .upper_type .ic {display:flex; justify-content:center; align-items:center; flex-direction:column;}
.p_Qorder .pay_group .upper_type .ic:before {content:""; width:12px; height:12px; background:var(--color-pink); border-radius:100px; transform:scale(0); -webkit-transform:scale(0);}
.p_Qorder .pay_group .upper_type .ic:before {transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out;}
.p_Qorder .pay_group .upper_type input {display:none;}
.p_Qorder .pay_group .upper_type input:checked+ .tx .ic {border:2px solid var(--color-pink);}
.p_Qorder .pay_group .upper_type input:checked+ .tx .ic:before {transform:scale(1.0); -webkit-transform:scale(1.0);}
.p_Qorder .pay_group .mid_type {border-top:1px solid #f2f2f2; display:flex; justify-content:flex-start; align-items:center; flex-direction:row}

.p_Qorder .pay_group label.pay {display:flex; justify-content:stretch; align-items:stretch; flex-direction:column; height:auto;}
.p_Qorder .pay_group label.pay .tx {display:flex; justify-content:center; align-items:center; flex-direction:column; height:45px; border-radius:15px; border:2px solid #f5f5f5; box-sizing:border-box;}
.p_Qorder .pay_group label.pay .pay_type {color:#999; font-size:14px; font-weight:500;}
.p_Qorder .pay_group label.pay .pay_name {display:none;}
.p_Qorder .pay_group label.pay input {display:none;}
.p_Qorder .pay_group label.pay input:checked+ .tx {border-color:var(--color-pink); background:#fff;}
.p_Qorder .pay_group label.pay input:checked+ .tx .pay_type {color:#000;}
.p_Qorder .pay_group .add_card_monthly {margin:0 15px; margin-top:-15px;}

.p_Qorder .charge_per {margin-left:auto; position:relative; margin-right:15px;}
.p_Qorder .charge_per .selected {color:var(--color-pink); font-size:14px; font-weight:500; display:flex; justify-content:center; align-items:center; flex-direction:row; gap:4px; cursor:pointer; height:35px;}
.p_Qorder .charge_per .selected:after {content:""; width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-top:8px solid var(--color-pink);}
.p_Qorder .charge_per .selected:after {transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
.p_Qorder .charge_per .option_list {position:absolute; right:-10px; top:35px; background:#fff; border-radius:10px; padding:0 10px; box-sizing:border-box; width:150px; box-shadow:0 0 10px rgba(0,0,0,0.15);}
.p_Qorder .charge_per .option_list {transition:all 600ms cubic-bezier(0.19, 1, 0.22, 1); visibility:hidden; opacity:0; transform:translateY(-20px);}
.p_Qorder .charge_per .option_list .option {display:block; display:flex; justify-content:center; align-items:center; flex-direction:column; height:36px; box-sizing:border-box; color:var(--color-pink); font-size:14px; font-weight:500;}
.p_Qorder .charge_per .option_list .option+ .option {border-top:1px solid #eee;}
.p_Qorder .charge_per.if_open_option .option_list {visibility:visible; opacity:1; transform:translateY(0);}
.p_Qorder .charge_per.if_open_option .selected:after {transform:rotate(180deg); -webkit-transform:rotate(180deg);}

.p_Qorder .phone_autofill {margin:15px; margin-top:0px; border-top:0 !important;}
.p_Qorder .phone_autofill li {border:1px solid #f2f2f2; border-radius:px; display:flex; justify-content:center; align-items:center; flex-direction:row; border-radius:10px; font-size:15px; overflow:hidden;}
.p_Qorder .phone_autofill li+ li {margin-top:10px;}
.p_Qorder .phone_autofill input.design {color:#000; font-size:15px; height:45px; width:100%; flex:1; padding:0 15px; font-variant-numeric:tabular-nums;}
.p_Qorder .phone_autofill .id_number_last {position:relative; flex:1}
.p_Qorder .phone_autofill .id_number_last:after {content:"●●●●●"; position:absolute; left:30px; top:0; color:#000; height:100%; display:flex; justify-content:center; align-items:center; flex-direction:column; pointer-events:none;}
.p_Qorder .phone_autofill .select select {border:0 !important; font-size:15px; background:transparent; padding-left:15px; min-width:150px}
.p_Qorder .phone_autofill .divi {color:#000; width:15px;}


.p_Qorder .gift24_point {padding:15px; padding-top:0px;}
.p_Qorder .gift24_point .check_barbode {display:flex; justify-content:flex-start; align-items:stretch; flex-direction:row; gap:10px; height:55px;}
.p_Qorder .gift24_point .find {flex:1; border:1px solid #f2f2f2; border-radius:10px; font-size:17px; font-weight:500; padding:0 15px; box-sizing:border-box; width:100%; color:var(--color-point);}
.p_Qorder .gift24_point .find:focus {border-color:var(--color-blueblack);}
.p_Qorder .gift24_point div.find {display:flex; justify-content:flex-end; align-items:center; flex-direction:row; font-size:19px; letter-spacing:-0.5px;}
.p_Qorder .gift24_point div.find strong {font-weight:800;}
.p_Qorder .gift24_point .btn_find {background:var(--color-blueblack); color:#fff; font-size:16px; flex:none; display:flex; justify-content:center; align-items:center; flex-direction:column; border-radius:10px; font-weight:500;}
.p_Qorder .gift24_point .btn_find {padding:0 15px; box-sizing:border-box;}
.p_Qorder .gift24_point .benefit_comment {margin-top:15px; font-size:16px; color:#000; font-weight:500;}
.p_Qorder .gift24_point .benefit_comment em {color:var(--color-point);}
.p_Qorder .gift24_point .benefit_comment strong {font-weight:700;}

.p_Qorder .vol_list {}
.p_Qorder .vol_list dl {display:flex; justify-content: flex-start; align-items: flex-end; flex-direction:row; padding:15px;}
.p_Qorder .vol_list dl+ dl {border-top:1px solid #f5f5f5;}
.p_Qorder .vol_list dt {flex:1; display:flex; justify-content: flex-start; align-items: center; flex-direction:row; flex-wrap:wrap}
.p_Qorder .vol_list dd {text-align:right; font-weight:500; color:#c2c2c2; font-size:15px; white-space:nowrap; padding-left:10px; height:30px; display:flex; justify-content: center; align-items: center; flex-direction:column;}
.p_Qorder .vol_list .opt_name {width:100%; color:#c2c2c2; font-size:13px; font-weight:500; margin-bottom:10px;}
.p_Qorder .vol_list .view_counter a {width:31px; height:31px; border-radius:100px; border:1px solid #e4e4e4;}
.p_Qorder .vol_list .view_counter .shape {height:2px; width:10px;}
.p_Qorder .vol_list .view_counter .shape:before {width:2px; height:10px; left:4px; top:-4px}
.p_Qorder .vol_list .view_counter .btn_down {opacity: 0.3; filter: alpha(opacity=30); -ms-filter:alpha(opacity=30); background:#f5f5f5;}
.p_Qorder .vol_list .view_counter .updown_input {width:30px; height:31px; color:#000; border:0; background:#fff; font-weight:600; font-size:14px;}
.p_Qorder .vol_list .opt_mount10 {border-radius:100px; border-color:#e4e4e4; font-weight:600; height:31px;}
.p_Qorder .vol_list .opt_mount10 em {color:#000;}
.p_Qorder .vol_list .opt_mount10 strong {color:#999;}
.p_Qorder .vol_list .if_selected dd {color:#000;}
.p_Qorder .vol_list .if_selected .view_counter .btn_down {opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100); background:#fff;}
.p_Qorder .vol_list .if_selected .opt_name {color:#000;}

.p_Qorder .price_cal {padding:15px;}
.p_Qorder .price_cal dl {display:flex; justify-content: flex-start; align-items: center; flex-direction:row; font-size:15px;}
.p_Qorder .price_cal dl+ dl {margin-top:5px;}
.p_Qorder .price_cal dt {flex:1; display:flex; justify-content: flex-start; align-items: center; flex-direction:row; flex-wrap:wrap; font-size:inherit; color:#000; line-height:1;}
.p_Qorder .price_cal dd {text-align:right; font-weight:700; color:#000; font-size:inherit; white-space:nowrap; padding-left:10px; line-height:1;}
.p_Qorder .price_cal dl.last {margin-top:10px; font-size:19px;}
.p_Qorder .price_cal dl.vat dd {color:#4285F4;}
.p_Qorder .price_cal .box_tip .btn_tip {color:#000;}
.p_Qorder .price_cal .box_tip .tip_conts {right:auto; left:-5px;}

.float_option .view_btn {background:#fff; padding:0px; display:flex; justify-content: stretch; align-items: center; flex-direction:row; padding:15px; padding-left:10px;}
.float_option .view_btn ul {flex:1; display:flex; justify-content:center; align-items:center; flex-direction:row; gap:5px}
.float_option .view_btn li {flex:1}
.float_option .view_btn .btn {height:55px; display:flex; justify-content: center; align-items: center; flex-direction:column; font-size:17px; font-weight:600; border-radius:15px; color:#fff;}
.float_option .view_btn .btn_wish {width:65px; display:flex; justify-content:center; align-items:center; flex-direction:column; background:#fff;}
.float_option .view_btn .btn_wish:before {content:""; filter: invert(84%) sepia(12%) saturate(192%) hue-rotate(169deg) brightness(85%) contrast(98%); width:25px; height:25px;}
.float_option .view_btn .btn_wish:before {background:transparent url('../images/main_renew/view_wish.svg') center center no-repeat; background-size:25px !important;}
.float_option .view_btn .btn_wish.hit:before {filter: invert(71%) sepia(23%) saturate(4711%) hue-rotate(278deg) brightness(98%) contrast(100%);}


@media screen and (max-width:900px) {
	body.if_pview .re_header  {display:none;}
	body.if_pview .fix_bottom  {display:none;}
}

@media screen and (min-width:600px) {
	.float_option {width:600px; left:50%; margin-left:-300px;}
}



/* 레이어팝업창 :: 2023-01-19 ARA */
.btn_pop_ctrl {}

.pop_payer {position:fixed; left:0; top:0; width:100%; height:100%; display:flex; justify-content: center; align-items: center; flex-direction:column; z-index:1000; box-sizing:border-box; visibility:hidden}
.pop_payer .wrapping {position:relative; z-index:2; background:#fff; width:500px; border-radius:10px; display:flex; justify-content: stretch; align-items: stretch; flex-direction:column;}
.pop_payer .wrapping {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0); margin-bottom:-50px;}
.pop_payer .pop_tit {padding:20px; padding-bottom:15px; border-bottom:1px solid #f2f2f2; display:flex; justify-content: flex-start; align-items: center; flex-direction:row; gap:10}
.pop_payer .pop_tit strong {color:#111; font-size:17px; font-weight:700;}
.pop_payer .pop_tit .btn_close {width:25px; height:25px; margin-left:auto; background:transparent url('../images/todaypin/pop_close.svg') center center no-repeat; background-size:14px;}
.pop_payer .pop_conts {overflow-x:hidden; overflow-y:auto; padding:20px; font-size:13px; max-height:400px; box-sizing:border-box;}
.pop_payer .pop_confirm {display:flex; justify-content: center; align-items: center; flex-direction:row; gap:10px; padding:20px;}
.pop_payer .pop_confirm .btn_confirm {display:flex; justify-content: center; align-items: center; flex-direction:column; flex:1; border-radius:5px; box-sizing:border-box; border:1px solid #111; height:45px;}
.pop_payer .pop_confirm .btn_confirm {color:#111; font-size:13px; font-weight:500;}
.pop_payer .pop_confirm .btn_confirm.type_color {background:#111; color:#fff;}
.pop_payer .bg_close {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:1; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.pop_payer .bg_close {opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0);}

.if_open_layer.pop_payer {visibility:visible}
.if_open_layer.pop_payer .bg_close {opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100);}
.if_open_layer.pop_payer .wrapping {opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100); margin-bottom:0px;}

@media screen and (max-width:900px) {
	.pop_payer {justify-content:flex-end}
	.pop_payer .wrapping {width:100%; border-radius:20px 20px 0 0;}
}






/* 멤버십(로그인,회원가입) 리뉴얼 :: 2023-04-18 KHY =================================================================================
html.if_renew_member {overflow:hidden;}
html.if_renew_member body {height:100%; background:#f5f5f5;}
html.if_renew_member .wrap {overflow:hidden; max-width:600px; margin:0 auto;}
html.if_renew_member .fix_bottom,
html.if_renew_member .c_page_tit,
html.if_renew_member .footer,
html.if_renew_member .fly_right,
html.if_renew_member .re_header,
html.if_renew_member .re_address,
html.if_renew_member .rep_address,
html.if_renew_member .rep_address_bg,
html.if_renew_member .rm_search,
html.if_renew_member .rm_search_bg,
html.if_renew_member .top_btn_home,
html.if_renew_member .scroll_fix {display:none !important;}

.p_Member {height:100%; overflow:hidden; display:flex; justify-content:center; align-items:stretch; flex-direction:column;}
.p_Member li {list-style:none;}
.p_Member .area_wrap {display:flex; justify-content:flex-start; align-items:stretch; flex-direction:column; flex:1; overflow:hidden;}
.p_Member .area_top {display:flex; justify-content:center; align-items:flex-end; flex-direction:column; padding:0 15px; margin-top:15px;}
.p_Member .area_conts {flex:1; overflow-y:auto; padding:20px 0; display:flex; justify-content:flex-start; align-items:stretch; flex-direction:column;}
.p_Member .area_bottom {margin-top:auto;}

.p_Member .area_step {flex:1; display:flex; justify-content:flex-start; align-items:stretch; flex-direction:column; overflow:hidden; position:fixed; left:0; top:0; width:100%; height:100%; background:#fff;}
.p_Member .area_step {transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out;}
.p_Member .area_step.step_1 {z-index:100}
.p_Member .area_step.step_2 {z-index:99; left:100%}
.p_Member .area_step.step_3 {z-index:98; left:200%}
.p_Member .area_step.step_4 {z-index:97; left:300%}

.p_Member.if_pass_step_1 .area_step.step_1 {left:-100%}
.p_Member.if_pass_step_1 .area_step.step_2 {left:0}
.p_Member.if_pass_step_1 .area_step.step_3 {left:100%}
.p_Member.if_pass_step_1 .area_step.step_4 {left:200%}

.p_Member.if_pass_step_2 .area_step.step_2 {left:-100%}
.p_Member.if_pass_step_2 .area_step.step_3 {left:0}
.p_Member.if_pass_step_2 .area_step.step_4 {left:100%}

.p_Member.if_pass_step_3 .area_step.step_3 {left:-100%}
.p_Member.if_pass_step_3 .area_step.step_4 {left:0}

.p_Member .btn_back {background:transparent url('../images/member/ic_close.svg') center center no-repeat; width:30px; height:30px; background-size:15px;}

.p_Member .btn_confirm {display:flex; justify-content:center; align-items:center; flex-direction:column; color:#fff; background:#c6dafc; font-size:18px; font-weight:500; pointer-events:none; width:100%; height:50px;}
.p_Member .btn_confirm.if_pass {pointer-events:initial; background:#4186f5;}

.p_Member .site_name {display:flex; justify-content:center; align-items:flex-start; flex-direction:column; margin:0 20px;}
.p_Member .site_name dt img {width:60px;}
.p_Member .site_name dd {margin-top:15px; color:#010101; font-size:19px; font-weight:600; line-height:1.4;}

.p_Member .guide_txt {color:#010101; font-size:19px; font-weight:500; line-height:1.5; padding:20px;}

.p_Member input.input {width:100%; font-size:19px; border-bottom:1px solid #d6d6d6; height:50px; padding:0px; color:#000;}
.p_Member input.input:focus {border-color:#4186f5;}

.p_Member label.label {height:40px; padding-left:0; display:flex; justify-content:flex-start; align-items:center; flex-direction:row; gap:5px; min-width:auto}
.p_Member label.label .ic {width:20px; height:20px; border-radius:100px; background-color:#fff; border:1px solid #d0d0d0; box-sizing:border-box; flex:none;}
.p_Member label.label .ic {background:transparent url('../images/member/checkbox.svg') center center no-repeat; background-size:8px !important;}
.p_Member label.label .tx {color:#000; font-size:14px; font-weight:500; white-space:nowrap;}
.p_Member label.label input {display:none;}
.p_Member label.label input:checked+ .ic {background-color:#4186f5; border-color:#4186f5;}

.p_Member .form_box {margin-top:30px; padding:0 20px}
.p_Member .form_box li {position:relative;}
.p_Member .form_box li+ li {margin-top:10px;}
.p_Member .form_box label.label {position:absolute; right:0; bottom:0; padding:0 15px; height:50px;}
.p_Member .form_box label.label .ic {background-color:#d6d6d6; border-color:#d6d6d6;;}
.p_Member .form_box .btn_upper {position:absolute; right:0; bottom:10px; border-radius:100px; display:flex; justify-content:center; align-items:center; flex-direction:column; height:30px; padding:0 10px;}
.p_Member .form_box .btn_upper {font-size:12px; color:#fff !important; background:#4186f5 !important; border:0 !important; box-sizing:border-box;}
.p_Member .form_box .btn_upper.this_pass {background:#4186f5 url('../images/member/pass_logo.svg') 10px center no-repeat !important; background-size:25px !important; padding-left:40px;}
.p_Member .form_box .auth_timer {position:absolute; right:70px; bottom:10px; display:flex; justify-content:center; align-items:center; flex-direction:column; height:30px; color:#4186f5; font-size:15px;}

.p_Member .other_link {margin-top:15px;}
.p_Member .other_link ul {display:flex; justify-content:center; align-items:center; flex-direction:row}
.p_Member .other_link li+ li:before {content:""; width:1px; height:10px; background:#4186f5; display:inline-block;}
.p_Member .other_link .link {line-height:1; padding:5px 10px; color:#000; font-size:13px;}

.p_Member .gree_list {flex:1; display:flex; justify-content:center; align-items:stretch; flex-direction:column;}
.p_Member .gree_list li {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; padding-left:20px;}
.p_Member .gree_list li.this_all_check {border-bottom:1px solid #d0d0d0; margin-bottom:10px; padding-bottom:10px;}
.p_Member .gree_list li.this_other label.label .tx {font-size:13px;}
.p_Member .gree_list .btn_agree_open {margin-left:auto; width:40px; height:40px; background:transparent url('../images/member/ic_go.svg') center center no-repeat; background-size:7px;}

.p_Member .layer_pop {position:fixed; left:0; top:0; width:100%; height:100%; display:flex; justify-content:stretch; align-items:stretch; flex-direction:column; overflow:hidden; background:#fff; z-index:200; display:none;}
.p_Member .layer_pop .tit_box {padding:15px; color:#000; font-weight:600; font-size:18px; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.p_Member .layer_pop .scroll_box {flex:1; overflow-y:auto; padding:20px; padding-top:0px;}
.p_Member .layer_pop .bottom_box {padding:20px;}
.p_Member .layer_pop .btn_ok {color:#4186f5; font-size:16px; font-weight:500; border-radius:5px; height:50px; box-sizing:border-box; border:1px solid #4186f5;}
.p_Member .layer_pop .btn_ok {display:flex; justify-content:center; align-items:center; flex-direction:column;}
.p_Member .layer_pop.if_open {display:flex;}

.p_Member .agree_table {margin-top:20px;}
.p_Member .agree_table table {width:100%;}
.p_Member .agree_table th,
.p_Member .agree_table td {border:1px solid #d0d0d0; padding:5px; text-align:center;}
.p_Member .agree_table th {font-weight:600;}

@media screen and (min-width:600px) {
	.p_Member .area_step {display:none; left:auto !important; max-width:600px;}
	.p_Member .area_step.step_1 {display:flex;}

	.p_Member.if_pass_step_1 .area_step.step_1 {display:none;}
	.p_Member.if_pass_step_1 .area_step.step_2 {display:flex;}

	.p_Member.if_pass_step_2 .area_step.step_2 {display:none;}
	.p_Member.if_pass_step_2 .area_step.step_3 {display:flex;}

	.p_Member.if_pass_step_3 .area_step.step_3 {display:none;}
	.p_Member.if_pass_step_3 .area_step.step_4 {display:flex;}

	.p_Member .layer_pop {max-width:600px; left:50%; transform:translateX(-50%);}
}

@media screen and (max-height:600px) {
	.p_Member .area_step.step_1 .site_name dd {display:none;}
}

*/













/* 웹에서 접속 시 숨김처리 2023-05-17 ARA */
/* body.if_web .re_header {display:none;} */
body.if_web .c_page_tit .btn_back {display:none;}
body.if_web .c_page_tit {display:none !important;}
/* body.if_web .re_header {border-bottom:1px solid #f0f0f0;} */
/* body.if_web .footer .menu {display:none;}
body.if_web .footer .shop_name {margin-bottom:10px;} */
/* body.if_web .fix_bottom {display:none;} */


/* 메인 디자인 변경 / PC사용안함 :: 2023-05-19 ARA ========================= */
.wrap {background:#fff;}

.re_header .hd_top {background:#4285f4; position:relative; padding-bottom:30px; }
.re_header .hd_top:before {content:""; width:100%; height:20px; background:#fff; position:absolute; left:0; bottom:-1px; border-radius:18px 18px 0 0;}
body.if_item_list .re_header .hd_top:before {background:#4285f4;}
body.if_item_list .re_header .hd_top {padding-bottom:0px;}

.re_header .re_swipe {background:transparent;}
.re_header .re_swipe:after {display:none;}
.re_header .re_swipe:before {display:none;}
.re_header .re_swipe .tag {padding:0 10px;}
.re_header .re_swipe .tag strong {color:#fff }
.re_header .re_swipe li.hit .tag strong {color:#fff !important; font-weight:600;}
.re_header .re_swipe .tag strong:before {width:8px; height:5px; left:50%; transform:translateX(-50%); background:#fff; bottom:6px; border-radius:0 0 100px 100px;}

.tc_ma_bn {padding:0 15px;}
.tc_ma_bn .rolling_icon {position:absolute; left:0; bottom:0; margin:10px 15px ; z-index:10}
.tc_ma_bn .rolling_icon ul {display:flex; justify-content:center; align-items:center; flex-direction:row; gap:5px}
.tc_ma_bn .rolling_icon li {}
.tc_ma_bn .rolling_icon .icon {width:4px; height:4px; background:rgba(255,255,255,0.5);; border-radius:100px; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
.tc_ma_bn .rolling_icon .icon.active {background:rgba(255,255,255,1);; width:20px;}
.tc_ma_bn .rolling_box {border-radius:10px; isolation: isolate}

.tc_ma_brand {background:#fff; padding-bottom:0px; padding-top:30px;}

/* .tc_list_top .depth2_bx {background:#fff; margin-top:0px; height:150px; box-sizing:border-box; position:relative; padding-top:10px;}
.tc_list_top .depth2_bx:before {content:""; width:100%; height:20px; background:#fff; position:absolute; left:0; bottom:-1px; border-radius:18px 18px 0 0;}
.tc_list_top .depth2_bx .ctg2 {background:transparent;}
.tc_list_top .depth2_bx .hit .ctg2 .picto:before {border-color:#db4437 !important;}
.tc_list_top .depth2_bx .this_all:before {background:#92bbfa;}
.tc_list_top .depth2_tit {margin-top:0px; border-top:0;} */

.tc_ma_brand .brand_box ul {gap:15px 10px; margin:0px; display:grid; grid-template-columns:repeat(4, 1fr);}
.tc_ma_brand .brand_box li {width:auto !important; margin:0px; padding:0px;}
.tc_ma_brand .banner {border-radius:30px;}
.tc_ma_brand .name {text-align:center; color:#000; font-size:13px; margin-top:5px;}

.tc_ma_item {border-top:0; padding-top:0px;}
.tc_ma_item .normal_list .item_box .ranking.color {background:#4285f4;}

.tc_ma_tit {margin-bottom:15px;}
.tc_ma_tit .tit {color:#000; font-weight:600; font-weight:800; font-size:21px;}

.tc_ma_fx {margin-top:40px;}

.fix_bottom {border-top:0; background:transparent; padding:0px;}
.fix_bottom ul {position:relative; z-index:4}
.fix_bottom ul:before {content:""; width:100%; height:56px; background:#fff; position:absolute; left:0; bottom:0; z-index:3}
.fix_bottom:before {content:""; width:50%; height:15px; background:#fff; border-radius:0 15px 0 0; position:absolute; left:-30px; top:0; box-shadow:0 -2px 2px rgba(0,0,0,0.05);}
.fix_bottom:after {content:""; width:50%; height:15px; background:#fff; border-radius:15px 0 0 0; position:absolute; right:-30px; top:0; box-shadow:0 -2px 2px rgba(0,0,0,0.05);}
.fix_bottom li {position:relative;z-index:5}
.fix_bottom li.this_home .logo {position:absolute; left:50%; bottom:30px; width:60px; height:60px; border-radius:100px; overflow:hidden; box-shadow:0 0 6px rgba(0,0,0,0.15); transform:translateX(-50%); z-index:10}
.fix_bottom li.this_home .logo {z-index:100; background:#4285f4; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.fix_bottom li.this_home .logo img {width:100%; height:32px}
.fix_bottom li.this_home img.fake {visibility:hidden}






/* 앱다운로드 화면 추가 :: 2023-05-23 ARA */
.app_dw {height:100%; box-sizing:border-box; display:flex; justify-content: center; align-items: flex-start; flex-direction:column;}

.app_dw .img_scroll {overflow-y:hidden; overflow-x:auto; display:flex; justify-content: center; align-items: flex-start; flex-direction:column; height:100%; width:100%;}
.app_dw .img_scroll ul {width:max-content; overflow-x:hidden; padding:20px; box-sizing:border-box;}
.app_dw .img_scroll li {float:left; width:260px; list-style:none; font-size:0px; border-radius:20px; box-shadow:0 0 10px rgba(0,0,0,0.05); overflow:hidden;}
.app_dw .img_scroll li+ li {margin-left:20px;}
.app_dw .img_scroll img {width:100%;}

.app_dw .btn_box {position:fixed; left:0; bottom:0; width:100%; padding:15px 20px; box-sizing:border-box;}
.app_dw .btn_box .btn {display:block; background:#474752; height:50px; display:flex; justify-content: center; align-items: center; flex-direction:column; color:#fff; font-weight:500; font-size:15px; border-radius:8px;}
.app_dw .btn_box .btn strong {background:transparent url('../images/renew_2020/logo_white.svg') left center no-repeat; background-size:15px; padding-left:20px;}

@media screen and (max-width:380px) {
	.app_dw .img_scroll li {width:250px;}
}

.app_dw .appic {background:#fff; display:flex; justify-content: flex-start; align-items: center; flex-direction:row; padding:15px 20px; box-sizing:border-box; width:100%;}
/* .app_dw .appic {position:fixed; left:0; top:0; width:100%; z-index:1; box-sizing:border-box;} */
.app_dw .appic .icon {background:#4285f4; width:60px; height:60px; border-radius:18px; overflow:hidden; display:flex; justify-content: center; align-items: center; flex-direction:column; margin-right:10px;}
.app_dw .appic .icon img {width:45px;}
.app_dw .appic .tt {color:#474752; line-height:1.4; font-size:13px;}
.app_dw .appic .btn {border:1px solid #474752; color:#474752; margin-left:auto; border-radius:30px; padding:6px 15px; font-size:13px;}

.app_dw.if_charge .this_foot {order:3; box-shadow:0px -1px 2px rgba(0,0,0,0.05); z-indeX:1}
.app_dw.if_charge .this_foot .icon {width:50px; height:50px; border-radius:15px;}
.app_dw.if_charge .this_foot .icon img {width:25px;}

.app_dw.if_charge .this_top.appic .btn {background:#e60213; color:#fff; border-color:#e60213; font-weight:500;}





/* **************************************** *
   ◆ 상품상세 에디터 양식
 * **************************************** */
.rvi_edit {}
.rvi_edit .box_top {text-align: center}
.rvi_edit .d_tit {font-size: 26px; color: #000; font-weight: 500; letter-spacing: -1px; line-height: 1;}

.rvi_edit .box_cst {padding: 30px 0;}

/* 탭 */
.rvi_edit .tab_box {margin-top:30px; padding: 0 15px; box-sizing: border-box; font-size: 0;}
.rvi_edit .tab_box ul {overflow: hidden; display: inline-block; width: 100%; max-width: 350px; border-radius: 3px; box-sizing: border-box; padding: 0;}
.rvi_edit .tab_box li {list-style: none; display: inline-block; float: left; width: 33.3334%; padding: 0; text-align: center; position: relative;}
.rvi_edit .tab_box li+ li:before {content: ''; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: #fff; z-index: 1;}
.rvi_edit .tab_box .btn {width: 100%; background: #edeff3; font-size: 15px; color: rgba(71, 71, 81, 0.6); letter-spacing: -0.8px; height: 40px; line-height: 40px;}
.rvi_edit .tab_box .btn.hit {color: #fff; font-weight: 500; background: #4285f4;}

/* 탭 내용 */
.rvi_edit .tab_cont {margin-top: 30px;}
.rvi_edit .tab_cont .t_cont {font-size: 0; max-width: none !important;}
.rvi_edit .tab_cont .tx {font-size: 15px; color: #333; letter-spacing: -0.8px; line-height: 1.4;}
.rvi_edit .tab_cont .img {margin-top: 30px;}

/* 기본정보 */
.rvi_edit .box_bt {border-top: 8px solid #efefef; max-width: none !important; box-sizing: border-box; }
.rvi_edit> .box_bt {padding:0 15px;}
.rvi_edit .box_bt dl+ dl{margin-top: 35px;}
.rvi_edit .box_bt dt {border-bottom: 1px solid #f2f2f2; position: relative; display:flex; justify-content:space-between; align-items:flex-start; flex-direction:row; }
.rvi_edit .box_bt dt .tit {display: inline-block; font-size: 17px; color: #000; font-weight: 500; letter-spacing: -1px; line-height: 1; position: relative; padding-bottom: 15px; }
.rvi_edit .box_bt dt .tit:before {content: ''; position: absolute; left: 0; bottom: -1px; width: 100%; height: 1px; background: #000;}
.rvi_edit .box_bt dd {margin-top: 10px; position: relative; overflow:hidden;}
.rvi_edit .box_bt dd:before {content: ''; position: absolute; left: 10px; top: 6px; width: 4px; height: 4px;}
.rvi_edit .box_bt dd:before {background: #ccc; border: 1px solid #ccc; border-radius: 50%; box-sizing: border-box;}
.rvi_edit .box_bt dd .tx {font-size: 12px; color: #8c8c93; letter-spacing: -1px; line-height: 1.5; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.rvi_edit .box_bt dd .tx {margin-left: 10px; padding-left: 10px; padding-right: 10px; box-sizing: border-box;}
.rvi_edit .box_bt .if_over dd {overflow: hidden;}
.rvi_edit .box_bt .if_over dd .tx {display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 5; -webkit-box-orient: vertical; line-height: 1.5;}
.rvi_edit .box_bt .view_btn {background: #efefef; border: 1px solid #efefef; border-radius: 50px; box-sizing: border-box; text-align: center;}
.rvi_edit .box_bt .view_btn {padding: 0 10px; height: 25px;}
.rvi_edit .box_bt .view_btn .tt {font-size: 11px; color: #888; letter-spacing: -1px; height: 25px; line-height: 25px; padding-right: 11px;}
.rvi_edit .box_bt .view_btn .tt {background: transparent url('../images/todaypin/edit_open_ic.png') right center no-repeat; background-size: 8px auto !important;}

/* 내용 전체보기 열었을때 */
.rvi_edit .box_bt dl.if_open_edit_view1 .tx {-webkit-line-clamp: 100;}
.rvi_edit .box_bt dl.if_open_edit_view2 .tx {-webkit-line-clamp: 100;}
.rvi_edit .box_bt dl.if_open_edit_view1 .tt {background-image: url('../images/todaypin/edit_close_ic.png');}
.rvi_edit .box_bt dl.if_open_edit_view2 .tt {background-image: url('../images/todaypin/edit_close_ic.png');}

/* e쿠폰함 */
.rvi_edit.if_e_coupon {}
.rvi_edit.if_e_coupon .d_tit {font-size: 19px;}
.rvi_edit.if_e_coupon .box_bt {border: 0;}

/* 플러스카드 */
.rvi_edit.if_pluscard .box_bt {border: 0;}




/* 오른쪽 하단 카카오톡 채널, 채팅 버튼 추가 :: 2023-06-14 KHY */
.scroll_fix {display:flex; flex-direction:column; justify-content:flex-end; align-items:center; gap:10px; opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100);}
.scroll_fix {transform:scale(1); -webkit-transform:scale(1);}
.scroll_fix .btn {width:40px; height:40px; background-repeat:no-repeat !important; background-size:100% !important; background-position:center !important; position:relative; z-index:2;}
.scroll_fix .btn.this_channel {background-image:url('../images/todaypin/fly_channel.png');}
.scroll_fix .btn.this_chat {background-image:url('../images/todaypin/fly_chat.png');}
.scroll_fix .btn_gotop {transform:scale(0.5); -webkit-transform:scale(0.5); opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0);}
.scroll_fix .btn_gotop {position:absolute; right:0; bottom:0; z-index:1;}
.scroll_fix.if_scroll {padding-bottom:50px; box-sizing:border-box;}
.scroll_fix.if_scroll .btn_gotop {transform:scale(1); -webkit-transform:scale(1); opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100);}


/* 하단 푸터옆에 앰블럼 추가 2023-07-07 :: ARA */
.footer .shop_name {display:flex; justify-content:center; align-items:flex-end; flex-direction:row; gap:5px}
.footer .shop_name .name {line-height:1;}
.footer .shop_name .certify {font-size:0px; margin-bottom:-7px;}
.footer .shop_name .certify img {height:45px;}






/* 멤버십(로그인,회원가입) 리뉴얼 2023-10-11 ARA ================================================================================= */
html.if_renew_member {overflow:hidden;}
html.if_renew_member body {height:100%;}
html.if_renew_member .wrap {overflow:hidden; padding-bottom:0px !important; height:100%;}
html.if_renew_member .c_page_tit {display:none;}
html.if_renew_member .fix_bottom {display:none;}
html.if_renew_member .footer {display:none;}
html.if_renew_member .scroll_fix {display:none;}

.p_Member {height:100%; overflow:hidden; display:flex; justify-content:center; align-items:stretch; flex-direction:column;}
.p_Member li {list-style:none;}
.p_Member .area_wrap {display:flex; justify-content:flex-start; align-items:stretch; flex-direction:column; flex:1; overflow:hidden;}
.p_Member .area_top {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; height:80px; padding-left:24px;}
.p_Member .area_conts {flex:1; overflow-y:auto; display:flex; justify-content:flex-start; align-items:stretch; flex-direction:column;}
.p_Member .area_bottom {margin-top:auto; padding:24px;}

.p_Member .area_step {flex:1; display:flex; justify-content:flex-start; align-items:stretch; flex-direction:column; overflow:hidden; position:fixed; left:0; top:0; width:100%; height:100%; background:#fff;}
.p_Member .area_step {transition:all 0.4s ease-out; -webkit-transition:all 0.4s ease-out;}
.p_Member .area_step.step_1 {z-index:100;}
.p_Member .area_step.step_2 {z-index:99; left:100%}
.p_Member .area_step.step_3 {z-index:98; left:200%}
.p_Member .area_step.step_4 {z-index:97; left:300%}

.p_Member.if_pass_step_1 .area_step.step_1 {left:-100%}
.p_Member.if_pass_step_1 .area_step.step_2 {left:0}
.p_Member.if_pass_step_1 .area_step.step_3 {left:100%}
.p_Member.if_pass_step_1 .area_step.step_4 {left:200%}

.p_Member.if_pass_step_2 .area_step.step_2 {left:-100%}
.p_Member.if_pass_step_2 .area_step.step_3 {left:0}
.p_Member.if_pass_step_2 .area_step.step_4 {left:100%}

.p_Member.if_pass_step_3 .area_step.step_3 {left:-100%}
.p_Member.if_pass_step_3 .area_step.step_4 {left:0}

.p_Member .step_title {height:28px; line-height:1; color:#343B4F; font-weight:600; font-size:18px; background:transparent url('../images/member/logo_black.svg?v=1') left center no-repeat;}
.p_Member .step_title {display:flex; justify-content:center; align-items:center; flex-direction:column; padding-left:38px;}
.p_Member .btn_back {background:transparent url('../images/member/ic_close.svg') center center no-repeat; width:62px; height:62px; background-size:14px; margin-left:auto;}

.p_Member .btn_confirm {color:#fff; background:#CACACA; font-size:16px; font-weight:500; pointer-events:none; width:100%; height:56px; border-radius:5px;}
.p_Member .btn_confirm {display:flex; justify-content:center; align-items:center; flex-direction:column;}
.p_Member .btn_confirm.if_pass {pointer-events:initial; background:#0061FF;}
.p_Member .btn_confirm.if_before {pointer-events:none;}

.p_Member .site_name {display:flex; justify-content:center; align-items:flex-start; flex-direction:column; margin:0 24px;}
.p_Member .site_name dt img {width:60px;}
.p_Member .site_name dd {margin-top:22px; color:#343B4F; font-size:22px; font-weight:800; line-height:1;}

.p_Member .guide_txt {color:#010101; font-size:19px; font-weight:500; line-height:1.5; padding:20px;}

.p_Member input.input {width:100%; font-size:16px; border-bottom:1px solid #F8F8F8; height:58px; padding:0px; color:#343B4F; font-weight:500;}
.p_Member input.input:focus {border-color:#0061FF !important;}
.p_Member input.input.if_passed {border-color:#343B4F !important;}

.p_Member label.label {height:40px; padding-left:0px; display:flex; justify-content:flex-start; align-items:center; flex-direction:row; gap:5px; min-width:auto}
.p_Member label.label .ic {width:18px; height:18px; border-radius:100px; border:0; box-sizing:border-box; background:#CACACA url('../images/member/checkbox_white.svg') center center no-repeat; background-size:8px;}
.p_Member label.label .ic {}
.p_Member label.label .tx {color:#000; font-size:14px; font-weight:500;}
.p_Member label.label input {position:absolute; left:0; top:0; opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0);}
.p_Member label.label input:after {display:none;}
.p_Member label.label input:checked+ .ic {background-color:#4186f5;}

.p_Member .form_box {margin-top:30px; padding:0 24px; margin-top:auto;}
.p_Member .form_box li {position:relative;}
.p_Member .form_box label.label {position:absolute; right:0; bottom:0; padding:0; height:50px;}
.p_Member .form_box .btn_upper {position:absolute; right:0; top:50%; border-radius:100px; display:flex; justify-content:center; align-items:center; flex-direction:column; height:32px; width:80px;}
.p_Member .form_box .btn_upper {font-size:14px; color:#fff; background:#4186f5; font-weight:500; transform:translateY(-50%);}
.p_Member .form_box .btn_upper.if_before_auth {display:none;}
.p_Member .form_box .auth_timer {position:absolute; right:90px; top:50%; transform:translateY(-50%); display:flex; justify-content:center; align-items:center; flex-direction:column; height:30px; color:#4186f5; font-size:15px;}
.p_Member .form_box .auth_timer {margin-top:0px; !important}
.p_Member .form_box .value_name {position:absolute; left:20px; top:23px; line-height:1; color:#343B4F; font-size:12px; pointer-events:none !important;}

.p_Member .form_box.this_join {margin-top:0px;}
.p_Member .form_box.this_join li+ li {margin-top:8px;}
.p_Member .form_box.this_join input.input {border:1px solid #D9D9D9; border-radius:5px; height:80px; padding:0 19px; padding-top:25px;}
.p_Member .form_box.this_join .btn_upper {right:15px}
.p_Member .form_box.this_join .rm_time_abs {right:100px}

.p_Member .form_box .this_label {border-radius:5px; box-sizing:border-box; border:1px solid #D9D9D9; padding:0 19px;}
.p_Member .form_box .this_label .selected {height:80px; line-height:1; position:relative; padding-top:40px; box-sizing:border-box; color:#343B4F; font-weight:500; font-size:16px;}
.p_Member .form_box .this_label .selected:before {content:""; width:20px; height:20px; position:absolute; right:0; top:35px; background:transparent url('../images/member/ic_arrow.svg') center center no-repeat;}
.p_Member .form_box .this_label .selected:before {transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out;}

.p_Member .form_box .label_list {display:flex; justify-content:flex-start; align-items:stretch; flex-direction:column; display:none; padding-bottom:20px;}
.p_Member .form_box .label_list label {width:100%; padding:0px; margin:0px; display:flex; justify-content:flex-start; align-items:center; flex-direction:row; box-sizing:border-box; gap:8px}
.p_Member .form_box .label_list label input {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); position:absolute; left:0; top:0;}
.p_Member .form_box .label_list label .tx {color:#343B4F; font-size:14px; font-weight:500;}
.p_Member .form_box .label_list label .ic {width:12px; height:12px; background:transparent url('../images/member/check_off.svg') center center no-repeat;}
.p_Member .form_box .label_list label input:checked+ .ic {background:transparent url('../images/member/check_on.svg') center center no-repeat;}

.p_Member .form_box.if_open_label .label_list {display:flex;}
.p_Member .form_box.if_open_label .this_label .selected:before {transform:rotate(180deg); -webkit-transform:rotate(180deg);}

.p_Member .form_box .this_add {border-radius:5px; box-sizing:border-box; border:1px solid #D9D9D9; padding:0 19px;}
.p_Member .form_box .this_add .label_list {display:flex !important; flex-direction:row; margin-top:45px; padding-bottom:10px;}

.p_Member .other_link {margin-top:15px;}
.p_Member .other_link ul {display:flex; justify-content:center; align-items:center; flex-direction:row}
.p_Member .other_link li+ li:before {content:""; width:1px; height:12px; background:#F8F8F8; display:inline-block;}
.p_Member .other_link .link {line-height:1; padding:5px 12px; color:#343B4F; font-size:12px; font-weight:500;}

.p_Member .gree_list {display:flex; justify-content:center; align-items:stretch; flex-direction:column; margin-top:auto; padding:0 24px;}
.p_Member .gree_list li {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; padding-left:12px}
.p_Member .gree_list li.this_all_check {border-bottom:1px solid #F8F8F8; margin-bottom:10px; padding-bottom:10px;}
.p_Member .gree_list label.label {width:100%;}
.p_Member .gree_list .btn_agree_open {margin-left:auto; width:40px; height:40px; background:transparent url('../images/member/ic_go.svg') center center no-repeat; background-size:7px;}

.p_Member .layer_pop {position:fixed; left:0; top:0; width:100%; height:100%; display:flex; justify-content:stretch; align-items:stretch; flex-direction:column; overflow:hidden; background:#fff; z-index:200; display:none;}
.p_Member .layer_pop .tit_box {padding:15px 24px; color:#000; font-weight:600; font-size:18px; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.p_Member .layer_pop .scroll_box {flex:1; overflow-y:auto; padding:20px 24px; padding-top:0px;}
.p_Member .layer_pop .bottom_box {padding:24px; padding-top:0px;}
.p_Member .layer_pop .btn_ok {font-size:16px; font-weight:500; border-radius:5px; height:50px; box-sizing:border-box; background:#fff; border:1px solid #CACACA; color:#CACACA;}
.p_Member .layer_pop .btn_ok {display:flex; justify-content:center; align-items:center; flex-direction:column;}
.p_Member .layer_pop.if_open {display:flex;}






/* 로그인/회원가입 간편화 :: 2024-02-27 SJS ========================================= */
/* 로그인/회원가입 동일프로세스(기프트24 스타일 복사) */
.p_Comb_member {height:100%; display:flex; justify-content:stretch; align-items:stretch; flex-direction:column;}
.p_Comb_member li {list-style:none;}
.p_Comb_member .area_wrap {display:flex; justify-content:stretch; align-items:stretch; flex-direction:column; flex:1; padding-top:50px; overflow:hidden;}
.p_Comb_member .area_content {flex:1; padding:20px; box-sizing:border-box; overflow-y:auto; z-index:2}
.p_Comb_member .area_bottom {z-index:1; position:relative;}
.p_Comb_member .btn_back {background:transparent url('../images/member/ic_close.svg') center center no-repeat; width:20px; height:20px; background-size:20px !important; position:absolute; right:20px; top:20px;}

.p_Comb_member .gree_list {}
.p_Comb_member .gree_list li {display:flex; justify-content:space-between; align-items:stretch; flex-direction:row;}
.p_Comb_member .gree_list li.this_all_check {border-bottom:0.8px solid #e5e5e5; margin-bottom:5px; padding-bottom:10px;}
.p_Comb_member .gree_list li.this_line {border-bottom:0.8px solid #e5e5e5; margin-bottom:5px; padding-bottom:5px;}
.p_Comb_member .gree_list label {padding:0px; display:flex; justify-content:flex-start; align-items:center; flex-direction:row; gap:10px; height:40px;}
.p_Comb_member .gree_list label input {position:absolute; left:0; top:0; opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); width:0px; height:0px; overflow:hidden;}
.p_Comb_member .gree_list label input:after {display:none;}
.p_Comb_member .gree_list label .tx {color:#000; font-size:14px; line-height:1; word-break:keep-all;}
.p_Comb_member .gree_list label .ic {width:22px; height:22px; border:0.8px solid #4186f5; border-radius:3px; box-sizing:border-box;}
.p_Comb_member .gree_list label input:checked+ .ic {background:#4186f5 url('../images/member/label_check.svg?v=2') center center no-repeat; background-size:10px;}
.p_Comb_member .gree_list label.fake_label {pointer-events:none;}
.p_Comb_member .gree_list label.fake_label .ic {display:none;}
.p_Comb_member .gree_list li.type_other label .tx {font-size:12px;}
.p_Comb_member .gree_list .btn_agree_open {background:transparent url('../images/member/btn_ic_more.svg') center center no-repeat; background-size:10px; width:30px;}

.p_Comb_member .form_list {}
.p_Comb_member .form_list li {position:relative;}
.p_Comb_member .form_list input.input {height:60px; font-size:16px; padding:0 5px; border-bottom:0.8px solid #e5e5e5; width:100%; box-sizing:border-box; color:#000;}
.p_Comb_member .form_list input.input:focus {border-color:#4186f5;}
.p_Comb_member .form_list .upper_area {position:absolute; right:0; top:0; height:100%; display:flex; justify-content:flex-start; align-items:center; flex-direction:row; gap:10px}
.p_Comb_member .form_list .btn_upper {height:34px; display:flex; justify-content:center; align-items:center; flex-direction:column; background:#4186f5; color:#fff; border-radius:100px; width:75px; font-size:14px;}
.p_Comb_member .form_list .rm_time_abs {white-space:nowrap; position:static; margin:0px; color:#4186f5; font-size:14px; font-weight:600;}
.p_Comb_member .form_list .selected {height:60px; font-size:16px; padding:0 5px; border-bottom:0.8px solid #e5e5e5; width:100%; box-sizing:border-box; color:#000;}
.p_Comb_member .form_list .selected {display:flex; justify-content:center; align-items:flex-start; flex-direction:column;}
.p_Comb_member .form_list .gender_type {gap:0; border:0.8px solid #4186f5; border-radius:100px; box-sizing:border-box; display:flex; justify-content:center; align-items:center; flex-direction:row; width:75px;}
.p_Comb_member .form_list label.label_gender {padding:0px !important; margin:0px; !important; height:34px; flex:1; line-height:34px;}
.p_Comb_member .form_list label.label_gender input {position:absolute; left:0; top:0; overflow:hidden; width:0px; height:0px; border:none;}
.p_Comb_member .form_list label.label_gender .tx {color:#000; display:flex; justify-content:center; align-items:center; flex-direction:column; font-size:14px; border-radius:100px;}
.p_Comb_member .form_list label.label_gender input:checked+ .tx {background:#4186f5; color:#fff;}

.p_Comb_member .open_agency {position:fixed; left:0; bottom:0; display:flex; justify-content:flex-end; align-items:stretch; flex-direction:column; width:100%; height:100%; z-index:1000;}
.p_Comb_member .open_agency {transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; visibility:hidden; opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0);}
.p_Comb_member .open_agency .bg_close {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:1; opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0);}
.p_Comb_member .open_agency .bg_close {transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
.p_Comb_member .open_agency .wrapping {background:#fff; position:relative; z-index:2; box-sizing:border-box; padding:30px; border-radius:30px 30px 0 0; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
.p_Comb_member .open_agency .wrapping {transform:translateY(100%);}
.p_Comb_member .open_agency .title {color:#000; font-size:17px; margin-bottom:20px;}
.p_Comb_member .open_agency .btn_ok {display:flex; justify-content:center; align-items:center; flex-direction:column; border:0.8px solid #000; background:#fff; border-radius:3px; height:50px; font-size:14px; margin-top:20px;}
.p_Comb_member .open_agency .label_list {}
.p_Comb_member .open_agency .label_list label {color:#000; font-size:14px; padding:0px; box-sizing:border-box; height:auto; width:100%; display:flex; justify-content:center; align-items:stretch; flex-direction:column;}
.p_Comb_member .open_agency .label_list label .tx {border:0.8px solid #eee; padding:0 20px; display:flex; justify-content:center; align-items:flex-start; flex-direction:column; height:40px; }
.p_Comb_member .open_agency .label_list label input {overflow:hidden; width:0px; height:0px; border:none;}
.p_Comb_member .open_agency .label_list label input:checked+ .tx {background:#4186f5; color:#fff;}
.p_Comb_member .open_agency .label_list li+ li label .tx {border-top:none;}
.p_Comb_member .open_agency.if_open {visibility:visible; opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100);}
.p_Comb_member .open_agency.if_open .bg_close {opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100);}
.p_Comb_member .open_agency.if_open .wrapping {transform:translateY(0);}

.p_Comb_member .btn_confirm {display:flex; justify-content:center; align-items:center; flex-direction:column; background:#4186f5; color:#fff; font-size:18px; height:60px; pointer-events:none;}
.p_Comb_member .btn_confirm {opacity:0.2; filter:alpha(opacity=20); -ms-filter:alpha(opacity=20);}
.p_Comb_member .btn_confirm.if_pass {pointer-events:initial; opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100);}


/* 경우의수 */
.p_Comb_member .area_step {box-sizing:border-box; display:none;}
.p_Comb_member .area_step.step_1 {display:block;}

.p_Comb_member.if_pass_step_1 .area_step.step_2 {display:block;}
.p_Comb_member.if_pass_step_1 .gree_list li.agree_check {display:none;}

.p_Comb_member.if_pass_step_2 .area_step.step_3 {display:block;}
.p_Comb_member.if_pass_step_2 .area_step.step_2 {display:none;}
.p_Comb_member.if_pass_step_2 .gree_list li.agree_check {display:none;}

.p_Comb_member.if_pass_step_1.if_pass_step_2 .gree_list label {pointer-events:none;}
.p_Comb_member.if_pass_step_2.if_pass_step_3 .gree_list label {pointer-events:none;}

.p_Comb_member .layer_pop {position:fixed; left:0; top:0; width:100%; height:100%; display:flex; justify-content:stretch; align-items:stretch; flex-direction:column; overflow:hidden; z-index:2000;}
.p_Comb_member .layer_pop {transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out; transform:translateY(100%); background:rgba(0,0,0,0.8); padding-top:50px; box-sizing:border-box;}
.p_Comb_member .layer_pop .wrapping {background:#fff; border-radius:10px 10px 0 0; flex:1; display:flex; justify-content:stretch; align-items:stretch; flex-direction:column; overflow:hidden; padding:20px;}
.p_Comb_member .layer_pop .tit_box {padding-bottom:20px; display:flex; justify-content:center; align-items:center; flex-direction:column; border-bottom:0.8px solid #e5e5e5;}
.p_Comb_member .layer_pop .tit_box { color:#000; font-weight:600; font-size:18px; text-align:center; word-break:keep-all;}
.p_Comb_member .layer_pop .scroll_box {flex:1; overflow-y:auto; padding:20px 0; color:#343B4F;}
.p_Comb_member .layer_pop .scroll_box .agree_table {margin-top:10px;}
.p_Comb_member .layer_pop .scroll_box .agree_table table {border:1px solid #666; color:#343B4F; text-align:center;}
.p_Comb_member .layer_pop .scroll_box .agree_table th {padding:2px; border:1px solid #666;}
.p_Comb_member .layer_pop .scroll_box .agree_table td {padding:2px; border:1px solid #666; color:#343B4F;}
.p_Comb_member .layer_pop .bottom_box {}
.p_Comb_member .layer_pop .btn_ok {font-size:16px; font-weight:500; height:50px; box-sizing:border-box; background:#fff; border:0.8px solid #666; color:#666;}
.p_Comb_member .layer_pop .btn_ok {display:flex; justify-content:center; align-items:center; flex-direction:column;}
.p_Comb_member .layer_pop.if_open {transform:translateY(0);}

.p_Comb_member .js_join_agree {margin-top:0;}
.p_Comb_member .js_join_agree .if_open {padding-bottom:0;}




/* 잠시 헤더 안보아게 :: 2024-08-14 ARA */
html.if_devmode .re_header {display:none;}
html.if_devmode .footer {display:none;}




/* 상품상세 위로가기/공유버튼 ========================================= */
.p_View_fly {position:fixed; right:10px; bottom:50px; display:flex; justify-content:center; align-items:center; flex-direction:column; gap:10px; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
.p_View_fly .btn {border-radius:100px; box-sizing:border-box; border:0.8px solid #b2bbc4; width:45px; height:45px; display:flex !important; justify-content:center; align-items:center; flex-direction:column;}
.p_View_fly .btn {transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; background:#fff; opacity:1 !important;}
.p_View_fly .btn.btn_gotop {transform:scale(0); -webkit-transform:scale(0);}
.p_View_fly .btn img {height:18px;}
.p_View_fly.if_scroll {bottom:95px}
.p_View_fly.if_scroll .btn.btn_gotop {transform:scale(1.0); -webkit-transform:scale(1.0);}



/* 상품상세 공유하기 레이어 ========================================= */
.p_LayerContent {position:fixed; left:0; top:0; width:100%; height:100%; z-index:-1; visibility:hidden; padding-top:70px; box-sizing:border-box;}
.p_LayerContent {display:flex; justify-content:flex-end; align-items:stretch; flex-direction:column; transition:var(--mv-cubic);}
.p_LayerContent li {list-style:none;}
.p_LayerContent .bg_close {}
.p_LayerContent .wrapping {background:#fff; border-radius:25px 25px 0 0; z-index:2; box-sizing:border-box; box-sizing:border-box; transform:translateY(100%); transition:var(--mv-cubic); max-height:100%}
.p_LayerContent .wrapping {display:flex; justify-content:flex-start; align-items:stretch; flex-direction:column;}
.p_LayerContent .bg_close {position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; background:rgba(0,0,0,0.65); transition:var(--mv-cubic-fast); opacity:0;}
.p_LayerContent .bg_close {transition:var(--mv-cubic-fast); -webkit-transition:var(--mv-cubic-fast);}
.p_LayerContent .layer_title {text-align:center; position:relative; margin-bottom:15px; display:flex; justify-content:center; align-items:center; flex-direction:column; height:70px;}
.p_LayerContent .layer_title strong {color:#000; font-size:17px; font-weight:600; }
.p_LayerContent .layer_title .btn_close {position:absolute; right:0; top:50%; box-sizing:border-box; padding:15px 20px;}
.p_LayerContent .layer_title .btn_close:before {content:""; background:transparent url('../images/main_renew/top_ic_close.svg') center center no-repeat; background-size:12px; width:12px; height:12px; display:block;}
.p_LayerContent .layer_title .btn_close {transform:translateY(-50%);}
.p_LayerContent .comment {text-align:center; color:#000; font-weight:600; font-size:16px; display:flex; justify-content:center; align-items:center; flex-direction:column; margin:10px 0;}
.p_LayerContent .bar_close {display:flex; justify-content:center; align-items:center; flex-direction:column; padding:20px 0;}
.p_LayerContent .bar_close:before {content:""; background:#e7e7e7; width:40px; height:4px; border-radius:100px;}

.p_LayerContent .share_list {display:flex; justify-content:center; align-items:center; flex-direction:row; gap:20px; padding:40px 0; padding-top:0px;}
.p_LayerContent .share_list .btn_share {color:#000; font-size:13px; font-weight:500; padding:0 10px; padding-top:55px; background-size:45px !important; background-position:center top !important; background-repeat:no-repeat;}
.p_LayerContent .share_list .btn_share.btn_kakao {background-image:url('../images/main_renew/view_share_kakao.svg');}
.p_LayerContent .share_list .btn_share.btn_url {background-image:url('../images/main_renew/view_share_url.png');}
.p_LayerContent .share_list .btn_share.btn_sms {background-image:url('../images/main_renew/view_share_sms.svg');}

.p_LayerContent .option_list {display:flex; justify-content:stretch; align-items:stretch; flex-direction:column; padding:10px 0 30px; flex:1; overflow-y:auto}
.p_LayerContent .option_list .btn_option {text-align:center; display:block; color:#000; font-size:15px; font-weight:500; padding:12px 10px;}

html.if_open_layer {overflow:hidden;}
html.if_open_layer .p_LayerContent {visibility:visible; z-index:5000;}
html.if_open_layer .p_LayerContent .wrapping {transform:translateY(0px);}
html.if_open_layer .p_LayerContent .bg_close {opacity:1}
html.if_pcmode .p_LayerContent {max-width:600px; left:50%; transform:translateX(-50%);}



/* 카드사할부안내 레이어 ========================================= */
.p_Card_plan {position:fixed; right:0; top:0; width:100%; height:100%; background:#fff; display:flex; justify-content:stretch; align-items:stretch; flex-direction:column; z-index:1000; transition:var(--mv-cubic);}
.p_Card_plan {transform:translateX(100%);}
.p_Card_plan .layer_title {position:relative; flex:none; text-align:center; padding:15px 20px; border-bottom:8px solid #eaedf2;}
.p_Card_plan .layer_title * {color:#000; font-size:17px; font-weight:500;}
.p_Card_plan .layer_title dd {margin-top:5px;}
.p_Card_plan .layer_title .btn_close {width:30px; height:30px; position:absolute; right:10px; top:10px; background:transparent url('../images/main_renew/top_ic_close.svg') center center no-repeat; background-size:15px;}

.p_Card_plan .plan_list {flex:1; overflow-y:auto;}
.p_Card_plan .plan_list dl {padding:20px 15px; display:flex; justify-content:center; align-items:center; flex-direction:row;}
.p_Card_plan .plan_list dl+ dl {border-top:1px solid #e0e4e7; }
.p_Card_plan .plan_list dt {flex:none; width:130px; color:#000; font-size:16px; font-weight:600; display:flex; justify-content:center; align-items:center; flex-direction:column; gap:5px; text-align:center;}
.p_Card_plan .plan_list dt img {height:26px;}
.p_Card_plan .plan_list dd {flex:1; color:#000; font-size:13px; line-height:1.4; margin-left:10px;}

html.if_open_card_plan {overflow:hidden;}
html.if_open_card_plan .p_Card_plan {transform:translateX(0);}
html.if_pcmode .p_Card_plan {max-width:400px;}
html.if_pcmode.if_open_card_plan .p_Card_plan {box-shadow:-10px 0px 10px rgba(0,0,0,0.1);}




/* 수기결제 ========================================= */
html.if_full_page {overflow:hidden;}
html.if_full_page body {height:100%; overflow:hidden;}
html.if_full_page .wrap {overflow:hidden;}

.add_card_monthly {display:flex; justify-content:center; align-items:flex-end; flex-direction:column;}
.add_card_monthly .btn_more_view {color:var(--color-pink); font-size:13px; font-weight:500; display:flex; justify-content:center; align-items:center; flex-direction:row; gap:3px; letter-spacing:-0.5px; padding:15px 0;}
.add_card_monthly .btn_more_view:after {content:"";width:8px; height:10px; background:transparent url('../images/main_renew/pay_arrow_right.svg') center center no-repeat; background-size:6px; }
.add_card_monthly .btn_more_view:after {filter: invert(70%) sepia(86%) saturate(2792%) hue-rotate(278deg) brightness(101%) contrast(96%);}

.p_HandleOrder {display:flex; justify-content:stretch; align-items:stretch; flex-direction:column; height:100%;}
.p_HandleOrder li {list-style:none;}
.p_HandleOrder .form_area {flex:1; overflow-y:auto; padding:30px;}
.p_HandleOrder .element_list ul {margin-top:60px;}
.p_HandleOrder .element_list li {display:flex; justify-content:center; align-items:center; flex-direction:row; gap:15px}
.p_HandleOrder .element_list li+ li {margin-top:15px; }
.p_HandleOrder .input_design {width:100%; height:50px; padding:0px; font-size:17px; font-weight:600; color:#000;}
.p_HandleOrder .input_design::-webkit-input-placeholder {color:#e7e7e7 !important}
.p_HandleOrder .input_design:-ms-input-placeholder {color:#e7e7e7 !important}
.p_HandleOrder .input_design:focus+ .line:before {transform:scale(1,1); -webkit-transform:scale(1,1); }
.p_HandleOrder li.this_card_num .input_design {text-align:center;}
.p_HandleOrder li.this_card_num .input_wrap .line:before {transform-origin:center}

.p_HandleOrder .input_wrap {position:relative; flex:1; }
.p_HandleOrder .input_wrap .line {width:100%; height:5px; display:block; background:#e7e7e7; position:absolute; left:0; bottom:0; border-radius:100px; position:relative; overflow:hidden;}
.p_HandleOrder .input_wrap .line:before {content:""; width:100%; height:100%; background:var(--color-blueblack); position:absolute; left:0; top:0; border-radius:100px;}
.p_HandleOrder .input_wrap .line:before {transform:scale(0,1); -webkit-transform:scale(0,1); transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; transform-origin:left center}
.p_HandleOrder .select_plan {display:flex; justify-content:flex-star; align-items:center; flex-direction:row; color:#e7e7e7; font-size:17px; height:50px; font-weight:600;}
.p_HandleOrder .select_plan:after {content:""; background:transparent url('../images/main_renew/arrow_down.svg') center center no-repeat; width:20px; height:15px;  background-size:15px ;}
.p_HandleOrder .select_plan:after {margin-left:auto; opacity:0.1;}
.p_HandleOrder .select_plan.if_selected {color:#000;}
.p_HandleOrder .comment {color:#000; font-size:22px; font-weight:700; line-height:1.45;}

.p_HandleOrder .bottom_area {background:#fff; padding:15px 20px; flex:none}
.p_HandleOrder .bottom_area .btn_pay {display:flex; justify-content:center; align-items:center; flex-direction:column; background:var(--color-blueblack); color:#fff; height:55px; border-radius:15px;}
.p_HandleOrder .bottom_area .btn_pay {font-size:17px; font-weight:600;}




/* 휴대폰결제 자동채움 레이어폼 :: 2025-02-24 ========================================= */
.p_LayerFull {position:fixed; right:0; bottom:0; width:100%; height:100%; z-index:1000; display:flex; justify-content:flex-end; align-items:center; flex-direction:column; visibility:hidden}
.p_LayerFull li {list-style:none;}
.p_LayerFull .wrapping {background:#fff; position:relative; z-index:2; width:100%; height:100%; max-width:600px; display:flex; justify-content:center; align-items:stretch; flex-direction:column}
.p_LayerFull .wrapping {transform:translateY(100%); transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1); margin:0px; padding:0px;}
.p_LayerFull .bg_close {background:rgba(0,0,0,0.6); position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; opacity:0; transition:all 0.3s ease-out; pointer-events:none;}
.p_LayerFull .top_area {position:relative; text-align:center; color:#000; font-size:21px; font-weight:700; height:70px; display:flex; justify-content:center; align-items:center; flex-direction:column; flex:none;}
.p_LayerFull .top_area .btn_back {width:50px; height:50px; position:absolute; right:0; background:transparent url('../images/todaypin/pop_close.svg') center center / 16px no-repeat;}
.p_LayerFull .bottom_area {flex:none; padding:15px; border-top:1px solid #f2f2f2;}
.p_LayerFull .bottom_area .btn_payment {background:var(--color-pink); gap:3px}
.p_LayerFull .bottom_area .float_option {position:static; width:initial; margin-left:0px;}
.p_LayerFull .bottom_area .float_option .view_btn {padding:0px;}
.p_LayerFull .content {margin-top:0px; flex:1; overflow-y:auto; background:#fff; border:0; padding:0 15px; box-sizing:border-box;}
.p_LayerFull .content::-webkit-scrollbar {width:6px;}
.p_LayerFull .content::-webkit-scrollbar-thumb { background-color:#333; border-radius:100px;}
.p_LayerFull .content::-webkit-scrollbar-track {background-color:#333; border-radius:100px;}
.p_LayerFull .pay_group {margin-top:10px; border-radius:0px;}
.p_LayerFull .pay_group .per_title {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; gap:5px; color:#000; font-size:15px; font-weight:600; flex:1; position:relative; z-index:2}
.p_LayerFull .pay_group .per_title {padding-left:40px; pointer-events:none;}
.p_LayerFull .pay_group .per_title .logo {display:none;}
.p_LayerFull .pay_group ul.this_pay_group {margin:0px; background:#fff; display:grid; grid-template-columns:repeat(2, 1fr); border-radius:0px; border:0; margin-top:10px; gap:10px 0;}
.p_LayerFull .pay_group ul.this_pay_group li {border-radius:0 10px 10px 0; position:relative; height:45px;}
.p_LayerFull .pay_group label.pay {position:absolute; left:-100%; top:0; width:200%; z-index:1}
.p_LayerFull .pay_group label.pay .tx {background:#f5f5f5; align-items:flex-end; padding-right:20px;}
.p_LayerFull .pay_group label.pay .tx:before {content:""; width:20px; height:20px; z-index:2; position:absolute; left:12px; top:50%; transform:translateY(-50%); opacity:0.25;}
.p_LayerFull .pay_group label.pay .tx:before {background:transparent url('../images/layer_order_check.svg') center center / 12px no-repeat; }
.p_LayerFull .pay_group label.pay input:checked+ .tx:before {opacity:1; filter: invert(40%) sepia(94%) saturate(1854%) hue-rotate(352deg) brightness(101%) contrast(102%);}
.p_LayerFull .bottom_area .area_box {border:0; margin-top:0px;}
.p_LayerFull .bottom_area .price_cal {padding-bottom:30px;}
.p_LayerFull .area_box {margin-top:0px;}

.p_LayerFull.if_open {visibility:visible}
.p_LayerFull.if_open .bg_close {opacity:1; pointer-events:initial}
.p_LayerFull.if_open .wrapping {transform:translateY(0);}




/* 기본 레이어팝업 추가 :: 2025-02-27 ARA  ========================================= */
.add_LayerPay {position:fixed; right:0; top:0; width:100%; height:100%; display:flex; justify-content:center; align-items:center; flex-direction:column; box-sizing:border-box; padding:15px; z-index:9999}
.add_LayerPay {visibility:hidden; transition:all 700ms cubic-bezier(0.19, 1, 0.22, 1);}
.add_LayerPay .wrapping {background:#fff; z-index:2; position:relative; border-radius:10px; overflow:hidden; box-sizing:border-box; width:100%; height:100%; max-width:100%; max-height:100%; overflow:hidden;}
.add_LayerPay .wrapping {display:flex; justify-content:stretch; align-items:stretch; flex-direction:column; opacity:0; transition:all 700ms cubic-bezier(0.19, 1, 0.22, 1); transform:translateY(100%);}
.add_LayerPay .content {padding:15px; max-height:100%; overflow-y:auto; box-sizing:border-box; flex:1}
.add_LayerPay .content::-webkit-scrollbar {width:8px;}
.add_LayerPay .content::-webkit-scrollbar-thumb {background-color:#333; border-radius:100px;}
.add_LayerPay .content::-webkit-scrollbar-track {background-color:#fff;}
.add_LayerPay .content iframe {width:100%; height:99%; border:0; box-sizing:border-box;}
.add_LayerPay .bg_close {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:1; opacity:0; transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out; pointer-events:none;}
.add_LayerPay.if_open {visibility:visible; transform:translateY(0);}
.add_LayerPay.if_open .bg_close {opacity:1; pointer-events:initial}
.add_LayerPay.if_open .wrapping {opacity:1; transform:translateY(0);}