@charset "utf-8";

/*
	 * Max ~ 900px (Mouse Over)
	 ----------------------------
	 * 1300px
	 * 1100px
	 ----------------------------
	 * 900px : Mobile Start
	 * 700px
 */

/* 본 소스는 모두 (주)상상너머의 지적 재산이며, 이에 대해 무단도용 및 수정 재배포/재편집등을 절대 금하며 적발 시 법적 대응을 할 것임을 경고합니다. */


/* Max ~ 900px (Mouse Over) ---------------------------------------------------------------- */
@media screen and (min-width:900px) {

	/* 세부 요소 ==================== */
	a.c_btn.black:hover {background:var(--primary-color); border-color:var(--primary-color);}
	a.c_btn.black.line:hover {background:#e5e5e5 !important; border-color:#000;}
	a.c_btn.light:hover {background:#333; border-color:#333;}
	a.c_btn.light.line:hover {background:#e5e5e5 !important; color:#333;}
	a.c_btn.color:hover {}
	a.c_btn.color.line:hover {background:#e5e5e5 !important;}
	input.input_design:hover {border-color:#aaa;}
	textarea.text_design:hover {border-color:#aaa;}
	.c_select:hover {border-color:#aaa;}
	.c_label:hover .tx {text-decoration:underline;}


	/* 세부 레이아웃 ==================== */
	.c_pagi .nextprev .btn .ok:hover {background:#f5f5f5;}
	.c_pagi .number a:hover {border-color:#222; color:#222;}
	.c_nav .menu:hover strong {color:#000;}
	.c_nav .menu:hover strong:before {transform: scaleX(1); transform-origin: top left;}
	.c_scroll_v:hover::-webkit-scrollbar-thumb {background-color:#222;}
	.c_page_tab .tab:hover {background:#f5f5f5;}


	/* 공통상품 ==================== */
	.c_brand .word_list .btn:hover {background:#fff; color:#000; border-color:#000;}
	.c_brand .brand_list .btn:hover {border-color:#999;}
	.c_comb_search .search_form .btn_search:hover {background:var(--primary-color);}


	/* 멤버십 ==================== */
	.c_login .btn_guest:hover {background:#f5f5f5;}
	.c_login .other_link dd .btn:hover {text-decoration:underline;}
	.c_login .find_tab .tab:hover {color:#000; text-decoration:underline;}
	.c_my_go .menu:hover {text-decoration:underline;}
	.c_my_wish .item_name:hover {text-decoration:underline;}
	.c_my_list li:hover {background:#f9f9f9;}
	.c_my_list.type_link .tit:hover {text-decoration:underline;}
	.c_my_list .delivery:hover {text-decoration:underline;}
	.c_attend .ctrl_box .btn_attend:hover {background:var(--primary-color); border-color:var(--primary-color);}


	/* 주문 ==================== */
	.c_order .cart_ctrl .btn:hover {text-decoration:underline;}
	.c_order .cart_item .item_name:hover {text-decoration:underline;}


	/* 게시판 ==================== */
	.c_cs_main .top_faq .cs_info .tel {pointer-events:none}
	.c_cs_main .board_list .posting:hover .tit {text-decoration:underline;}
	.c_cs_main .board_tit .btn_more:hover {text-decoration:underline;}
	.c_cs_main .top_faq .keyword .word:hover {border-color:#333; color:#333;}
	.c_board_ctrl .board_ctg .ctg:hover {background:#f5f5f5;}
	.c_board_ctrl .board_search .btn_reset:hover:before {background-color:#333;}
	.c_board_ctrl .period_box .btn:hover {background:#f5f5f5;}
	.c_board_list .file_down .link:hover {border-color:#333; background-color:#fff;}
	.c_board_list.type_qna .about_item:hover {color:#0065e3;}
	.c_board_list.type_qna .about_item:hover:before {border-color:#0065e3;}
	.c_board_list ul:hover {background:#f9f9f9;}
	.c_board_list ul:hover .posting .tit {text-decoration:underline;}
	.c_board_news ul:hover {background:#f9f9f9;}
	.c_board_news ul:hover .posting .tit {text-decoration:underline;}
	.c_board_gallery .photo:hover img {transform: scale(1.07);}
	.c_board_gallery .posting .tit:hover {text-decoration:underline;}
	.c_board_view .file_down .link:hover {border-color:#333; background-color:#fff;}
	.c_board_view .nextprev .tit:hover {text-decoration:underline;}
	.c_board_view .reply .form .btn_ok:hover {background:#0065e3;}
	.c_board_rv .about_item:hover {color:#0065e3;}
	.c_board_rv .about_item:hover:before {border-color:#0065e3;}
	.c_board_rv .posting:hover {background:#fafafa;}
	.c_board_rv .posting:hover .conts {text-decoration:underline;}
	.c_board_rv .btn_report:hover {color:#333;}
	.c_promo_list .promo_box .thumb:hover img {transform: scale(1.07);}


	/* 레이어 ==================== */
	.c_layer .browser_box .link:hover {background-color: #fff; border-color: #000;}


}










/* 1300px ~  ---------------------------------------------------------------- */
@media screen and (max-width:1300px) {


	/* 세부 레이아웃 ==================== */
	.c_gridpage .layout_grid .grid_aside {width:160px; margin-right:30px;}


	/* 공통상품 ==================== */
	.c_comb .filter_box {position:fixed; right:-100%; top:0; height:100%; z-index:400; margin:0px; width:100%; box-shadow:0px -30px 30px rgba(0,0,0,0.2); box-sizing:border-box;}
	.c_comb .filter_box {max-width:310px; transition: all 0.3s ease-out; display:flex; justify-content: stretch; align-items: stretch; flex-direction:column;}
	.c_comb .filter_box .scroll {overflow-y:auto; padding-bottom:20px;}
	.c_comb .filter_box dl {margin-left:25px; margin-right:25px;}
	.c_comb .filter_box .filter_tit {padding:0 25px; height:60px; background:#222; position:sticky; top:0; z-index:5}
	.c_comb .filter_box .filter_tit .tit {display:block;}
	.c_comb .filter_box .btn_close {display:block;}
	.c_comb .filter_box .reset {flex:none; margin-left:auto;}
	.c_comb .filter_box .reset .btn_reset {border-radius:100px; height:35px;}
	.c_comb .result_item .p_List_ctrl .btn_filter {display:flex;}
	.c_comb.if_open_filter .filter_box {right:0;}
	.c_comb.if_open_filter .filter_box .filter_close {display:block;}
	.c_comb.if_open_filter .bg_filter_close {right:0; opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100);}


	/* 멤버십 ==================== */
	.c_my_wish li {width:20%;}
	.c_my_wish.type_main li {width:16.6666%;}
	.c_my_wish.type_main li:nth-child(7) {display:none;}


	/* 주문 ==================== */
	.c_order .cart_wrap .area_ctrl {width:350px;}
	.c_order .cart_item .thumb {width:50px;}

	.c_form .payway_box {grid-template-columns:repeat(2, 1fr);}

}





/* 1100px ~  ---------------------------------------------------------------- */
@media screen and (max-width:1100px) {


	/* 멤버십 ==================== */
	.c_my_wish li {width:25%;}
	.c_my_wish.type_main li {width:20%;}
	.c_my_wish.type_main li:nth-child(6) {display:none;}


	/* 주문 ==================== */
	.c_order .cart_wrap .area_ctrl {width:300px; margin-left:30px;}
	.c_order .area_ctrl .cart_ctrl {padding:10px 15px;}
	.c_order .cart_item {gap:10px}
	.c_order .cart_item .thumb {width:50px;}
	.c_order .cart_item .coupon .name {flex:1; width:auto;}
	.c_order .cart_sum {padding:20px;}
	.c_order .cart_item .option_list li {flex-direction:column; align-items:stretch; gap:10px}
	.c_order .cart_item .opt_price {margin-left:0px; justify-content:flex-start; gap:5px}
	.c_order .cart_item .counter {margin-left:auto;}


	/* 게시판 ==================== */
	.c_board_gallery {margin-top: 15px;}
	.c_board_gallery ul {margin-left: -15px;}
	.c_board_gallery li {width: 33.333%;}
	.c_board_gallery .post_box {margin-left: 15px;}

}






/* 900px ~ -------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width:901px) {
	/* PC 장바구니: 상품/안내는 왼쪽, 결제 영역은 오른쪽 스크롤 고정 */
	body.if_cart {overflow-x:clip; overflow-y:visible;}
	body.if_cart .c_order .cart_wrap {display:grid; grid-template-columns:minmax(0, 1fr) 400px; column-gap:60px; align-items:start;}
	body.if_cart .c_order .cart_wrap > .area_item {grid-column:1; grid-row:1; min-width:0; position:static;}
	body.if_cart .c_order .cart_wrap > .area_ctrl {grid-column:2; grid-row:1 / 3; width:100%; margin:0; position:sticky; top:15px; max-height:calc(100vh - 30px); overflow-y:auto;}
	body.if_cart .c_order .cart_wrap > .c_user_guide {grid-column:1; grid-row:2; min-width:0;}
	/* 세부 레이아웃 ==================== */
	.c_gridpage .grid_aside .layout_fix {padding:0px !important;}
	.c_gridpage .grid_section .layout_fix {padding:0px !important;}
}

@media screen and (min-width:901px) and (max-width:1100px) {
	body.if_cart .c_order .cart_wrap {grid-template-columns:minmax(0, 1fr) 300px; column-gap:30px;}
}

/* 900px ~ (Mobile Start) ---------------------------------------------------------------- */
@media screen and (max-width:900px) {

	/* 세부 요소 ==================== */
	.c_scroll_v::-webkit-scrollbar {width: 4px;}

	/* 세부 레이아웃 ==================== */
	.c_page_tit {border-bottom:1px solid #f2f2f2;}
	.c_page_tit .tit_box {height:55px;}
	.c_page_tit .tit {font-size:18px; font-weight:600;}
	.c_page_tit .tit_box .btn_back {display:block;}
	/* 모바일 장바구니/주문결제/주문완료: 제목 헤더 고정 및 본문 공간 확보 */
	body.if_cart .c_page_tit, body.if_shop_order .c_page_tit, body.if_shop_complete .c_page_tit {height:56px; border-bottom:0;}
	body.if_cart .c_page_tit > .layout_fix, body.if_shop_order .c_page_tit > .layout_fix, body.if_shop_complete .c_page_tit > .layout_fix {position:fixed; top:0; left:0; right:0; width:100%; max-width:none; z-index:420; background:#fff; border-bottom:1px solid #f2f2f2; box-sizing:border-box;}
	.c_section {padding-top:15px;}
	.c_process {margin-top:30px; margin-bottom:30px;}
	.c_complete .greeting_box {border:0; padding:0px;}
	body.if_shop_complete .c_page_tit .tit_box .btn_back {display:none;}
	body.if_shop_complete .c_page_tit .btn_complete_close {display:flex; position:absolute; right:0; top:0; width:50px; height:100%; align-items:center; justify-content:center;}
	body.if_shop_complete .c_page_tit .btn_complete_close span {position:relative; width:22px; height:22px;}
	body.if_shop_complete .c_page_tit .btn_complete_close span:before, body.if_shop_complete .c_page_tit .btn_complete_close span:after {content:""; position:absolute; left:0; top:10px; width:22px; height:2px; background:#222; transform:rotate(45deg);}
	body.if_shop_complete .c_page_tit .btn_complete_close span:after {transform:rotate(-45deg);}
	.c_none {padding:50px 0;}
	.c_nav {background:#f5f5f5; padding:14px 0; margin-top:-15px; margin-bottom:0; text-align:center;}
	.c_nav .swipe_box ul {width:max-content; flex-wrap:nowrap; gap:0}
	.c_nav .menu {font-size:13px; color:#333;}
	.c_nav.type_only {position:sticky; top:0; z-index:300;}
	.c_nav .menu strong {border-bottom:0;}
	.c_nav .hit .menu {background:#222; border-color:#222; padding:0 15px; border-radius:100px;}
	.c_nav .hit .menu strong {color:#fff !important;}
	.c_nav .swipe_box {display:inline-block; max-width:100%}
	.c_nav .swipe_box ul {flex-direction:row;}
	.c_gridpage .grid_section {margin-top:15px;}
	.c_gridpage .layout_grid {flex-direction:column; align-items:stretch; padding:0px !important;}
	.c_gridpage .layout_grid .grid_aside {width:100%; margin-right:0px; z-index:300; top:0; margin-top:-15px; }
	.c_gridpage .grid_section.type_formpage {border:0; padding:0px;}
	.c_gridpage .grid_section.type_formpage .layout_fix {max-width:100%}
	.c_gridpage .grid_section.type_miniform {border:0; padding:0px;}
	.c_editor_box {padding:15px;}
	.c_editor_box.editor {font-size: 12px;}
	.c_editor_box.editor * {font-size: 12px;}


	/* 레이어 ==================== */
	.c_layer {padding:0px; padding-top:80px; justify-content: flex-end; }
	.c_layer.type_ticket_map .wrapping {height:100%;}
	.c_layer .wrapping {width:100%; max-width:100% !important; border-radius:20px 20px 0 0; padding:20px;}
	.c_layer .c_btnbox ul {width:100%;}
	.c_layer.if_open_layer {right:0}
	.c_layer .place_info .map_box {min-height:auto}
	.c_layer.type_ticket_qr .wrapping {padding:30px;}
	.c_layer .qr_box .code_img {margin:50px 0;}
	.c_layer.if_open_layer {transition: all 0.25s ease-out; z-index:1000}


	/* 공통상품 ==================== */
	.c_brand .word_list ul {display:grid; grid-template-columns: repeat(9, 1fr); gap:5px}
	.c_brand .word_list .btn {width:100%; height:25px; font-size:12px;}
	.c_comb .other_recommend .tit {font-size:18px; margin-bottom:15px;}
	.c_comb .search_form .inner {padding:25px; }
	.c_comb .search_form .search_input {height:50px; max-width:100%}
	.c_comb .search_form .btn_search {height:50px}
	.c_comb .result_word {font-size:17px; margin-top:15px;}
	.c_comb .result_item {margin-top:15px;}


	/* 멤버십 ==================== */
	.c_my_main .flex_bx {gap:10px}
	.c_my_main .flex_bx .li.box_info {width:100%; flex:none}
	.c_my_main .flex_bx .li.box_benefit,
	.c_my_main .flex_bx .li.box_benefit {padding:15px;}
	.c_my_main .history dl+ dl {margin-top:5px; padding-top:5px;}
	.c_my_stats .li {padding:20px 0;}
	.c_my_stats .state_box .tit {font-size:12px;}
	.c_my_stats .state_box .total {font-size:17px;}
	.c_my_go .menu {font-size:12px;}
	.c_attend_guide {flex-direction:column}
	.c_attend_guide .box+ .box {padding-top:0px;}
	.c_my_wish.type_main li {width:25%;}
	.c_my_wish.type_main li:nth-child(5) {display:none;}
	.c_my_list li {padding-left:0px; padding-right:0px;}


	/* 주문 ==================== */
	.c_order .cart_wrap {flex-direction:column; align-items: stretch;}
	.c_order .cart_wrap .area_item {position:static;}
	.c_order .cart_wrap .area_ctrl {width:100%; position:static; margin:0px; margin-top:30px;}
	.c_order .area_ctrl .cart_ctrl.type_hidden {display:none;}
	.c_order .area_item .cart_ctrl {display:block;}
	.c_order .cart_item {gap:10px}
	.c_order .cart_item .opt_name {font-size:12px;}
	.c_order .cart_item .option_total li {font-size:12px;}
	.c_order .cart_item .thumb {width:50px;}
	.c_order .area_ctrl .c_btnbox.type_mypage {flex-direction:row-reverse;}
	.c_order .area_ctrl .c_btnbox.type_mypage .c_btn {flex:1}
	.c_order .area_ctrl .c_btnbox .c_btn.type_print {display: none;}


	/* 게시판 ==================== */
	.c_cs_main .recent_wrap {flex-direction:column; align-items:stretch; gap:30px; margin-top:30px;}
	.c_cs_main .recent_wrap .board_box.this_recent:before {display:none;}
	.c_cs_main .board_tit {height:auto;}
	.c_cs_main .board_tit .tit {font-size:17px;}
	.c_board_ctrl .board_ctg .swipe_box {padding-top:0px;}
	.c_board_ctrl .board_ctg .swipe_box ul {width:max-content}
	.c_board_news ul {padding: 15px 0;}
	.c_promo_list {margin-top:15px;}
	.c_promo_list ul {margin-left:-15px; margin-top:-30px;}
	.c_promo_list .promo_box {margin-left:15px; margin-top:30px;}
	.c_promo_list .promo_box .tit_info {flex-direction:column; align-items:stretch; gap:5px}
	.c_promo_view .tit_box {padding:20px; font-size:17px;}
	.c_promo_view .tit_box .btn_back {display:none;}
}









/* 700px ~ ---------------------------------------------------------------- */
@media screen and (max-width:700px) {

	/* 레이어 ==================== */
	.c_popup {padding: 100px 0 0 0 !important; justify-content: flex-end;}
	.c_popup .pop_wrap {width: 100%; border-radius: 30px 30px 0 0; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end; align-items: center;}
	.c_popup .img_box {width: 100%; overflow-y: auto; background: #fff; -ms-overflow-style: none; scrollbar-width: none;}
	.c_popup .img_box::-webkit-scrollbar {display: none;}
	.c_popup .img_box img {max-height: none; min-width: 100%;}
	.c_popup .editor_box {min-width: 100%;}
	.c_popup .close_box {width: 100%; flex: none;}
	.c_popup_slider .pop_wrap {position:relative; width:100vw; max-width:none; border-radius:15px 15px 0 0; overflow:hidden;}
	.c_popup_slider .popup_slider {width:100vw; max-width:none; height:auto; aspect-ratio:1 / 1; flex:none; background:#fff;}
	.c_popup_slider .popup_slide {width:100%; height:100%; overflow-y:auto; -ms-overflow-style:none; scrollbar-width:none;}
	.c_popup_slider .popup_slide::-webkit-scrollbar {display:none;}
	.c_popup_slider .popup_slide .img_box,
	.c_popup_slider .popup_slide .editor_box {width:100%; height:100%; min-width:0;}
	.c_popup_slider .popup_slide .img_box img {width:100%; height:100%; min-width:0; object-fit:cover;}
	.c_popup_slider .popup_slider_ctrl {position:absolute; right:10px; top:10px; z-index:20; display:flex; align-items:center; gap:6px; height:20px;}
	.c_popup_slider .popup_slider_ctrl .ctrl_btn {position:relative; height:20px; padding:0; border:0; background:transparent; cursor:pointer;}
	.c_popup_slider .popup_slider_ctrl .ctrl_btn:active {background:rgba(255,255,255,0.18);}
	.c_popup_slider .popup_slider_ctrl .ctrl_toggle {width:20px; flex:none; overflow:hidden; border:1px solid rgba(255,255,255,0.45); border-radius:50%; background:rgba(92,92,92,0.88); backdrop-filter:blur(4px);}
	.c_popup_slider .popup_slider_ctrl .ctrl_navigation {position:relative; display:flex; align-items:center; width:70px; height:20px; overflow:hidden; border:1px solid rgba(255,255,255,0.45); border-radius:10px; background:rgba(92,92,92,0.88); backdrop-filter:blur(4px);}
	.c_popup_slider .popup_slider_ctrl .ctrl_navigation .ctrl_btn {display:flex; align-items:center; justify-content:center; gap:4px; width:35px; flex:none;}
	.c_popup_slider .popup_slider_ctrl .ctrl_divider {position:absolute; left:50%; top:50%; z-index:2; color:rgba(255,255,255,0.65); font-size:11px; line-height:1; transform:translate(-50%,-54%); pointer-events:none;}
	.c_popup_slider .popup_slider_ctrl .ctrl_count {color:#fff; font-size:10px; line-height:1;}
	.c_popup_slider .popup_slider_ctrl .icon {position:absolute; left:50%; top:50%; display:block; transform:translate(-50%,-50%);}
	.c_popup_slider .popup_slider_ctrl .ctrl_prev .icon,
	.c_popup_slider .popup_slider_ctrl .ctrl_next .icon {position:static; width:6px; height:6px; flex:none; border-top:1px solid #fff; border-right:1px solid #fff;}
	.c_popup_slider .popup_slider_ctrl .ctrl_prev .icon {transform:rotate(-135deg);}
	.c_popup_slider .popup_slider_ctrl .ctrl_next .icon {transform:rotate(45deg);}
	.c_popup_slider .popup_slider_ctrl .icon_pause {width:3px; height:9px; border-left:2px solid #fff; border-right:2px solid #fff;}
	.c_popup_slider .popup_slider_ctrl .icon_play {display:none; width:0; height:0; margin-left:1px; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:7px solid #fff;}
	.c_popup_slider .popup_slider_ctrl .ctrl_toggle:not(.is_playing) .icon_pause {display:none;}
	.c_popup_slider .popup_slider_ctrl .ctrl_toggle:not(.is_playing) .icon_play {display:block;}


	/* 폼 ==================== */
	.c_form .form_dl {flex-direction:column; align-items:stretch}
	.c_form .form_dt {width:auto; padding:0px; margin-right:0px; margin-bottom:5px;}
	.c_form .form_dt .tit {font-weight:700;}
	.c_form .form_dl {border-bottom-style:dashed;}


	/* 멤버십 ==================== */
	.c_attend .attend_top {flex-direction:column}
	.c_attend_guide .box {padding:15px;}
	.c_attend_guide .benefit {flex-direction:column}
	.c_attend_guide .benefit .inbox {border-radius:10px;}
	.c_attend_guide .benefit .inbox.this_condi {width:100%;}
	.c_attend_guide .benefit .inbox.this_condi br {display:none;}
	.c_attend_guide .benefit .inbox.this_benefit {border-left-style:solid; border-top-style:dashed; margin-left:0px; margin-top:-1px;}
	.c_attend_guide .info dl {padding:5px 0;}
	.c_attend .calendar_box {padding:20px 0}
	.c_attend .calendar_box .week li {font-size:11px;}
	.c_attend .calendar_box .days strong {width:40px; height:40px; font-size:14px;}
	.c_attend .calendar_box .days .hit strong:before {width:15px; height:15px; right:-7px; top:2px}
	.c_my_wish li {width:33.3333%;}
	.c_my_wish.type_main li {width:33.3333%;}
	.c_my_wish.type_main li:nth-child(4) {display:none;}
	.c_my_list li {flex-direction:column; gap:10px}
	.c_my_list .area_state {width:auto; border:0; flex-direction:row; justify-content:flex-start; border-top:1px dashed #f2f2f2; padding-top:10px;}
	.c_my_list .price {margin-left:auto;}
	.c_my_coupon ul {grid-template-columns: repeat(1, 1fr);}
	.c_my_coupon .area_state {padding:15px;}


	/* 주문 ==================== */
	.c_order .area_ctrl .c_btnbox {position:fixed; left:0; bottom:0; width:100%; z-index:100; background:#fff; box-sizing:border-box; padding:15px; border-top: 1px solid #eee;}
	.c_order .area_ctrl .c_btnbox .c_btn {border-radius:0;}
	.c_order .order_tip {margin-top:-5px;}
	.c_order .order_tip .open_tip {margin-bottom:0;}
	.c_my_list .thumb {width:70px;}
	.c_order .cart_npay {margin-top:0;}


	/* 게시판 ==================== */
	.c_cs_main .top_faq {padding:30px 20px;}
	.c_cs_main .top_faq .search_form .input_search {padding-left:15px;}
	.c_board_ctrl {gap:10px; flex-direction:column; align-items:stretch; }
	.c_board_ctrl .board_ctg {margin-top:5px;}
	.c_board_ctrl .period_box {width:100%;}
	.c_board_ctrl .period_box .btn {width:auto; flex:1}
	.c_board_list ul {flex-direction:column; align-items:stretch; gap:10px; padding:10px 0;}
	.c_board_list li {gap:10px}
	.c_board_list li.this_tit {padding-right:5px;}
	.c_board_list .number {display:none;}
	.c_board_list .writer {width:auto;}
	.c_board_list .posting {padding:0px; position:static}
	.c_board_list .date {order:-1}
	.c_board_list ul.if_notice {padding-left:10px; padding-right:10px;}

	.c_board_gallery li {width: 50%;}
	.c_board_gallery.type_event li {width: 100%;}
	.c_board_news .photo {width: 100px;}
	.c_board_list.type_qna ul {flex-direction:column; gap:10px}
	.c_board_list.type_qna li {align-items:flex-start; }
	.c_board_list.type_qna .this_info {justify-content:flex-end}
	.c_board_list.type_qna .posting {gap:5px}
	.c_board_list.type_qna .my_post {padding:15px;}
	.c_board_list.type_qna .answer .answer_in {padding:15px;}
	.c_board_list.type_qna .answer .editor {font-size:12px;}
	.c_board_view .reply {padding:15px;}
	.c_board_view .reply .form {flex-direction:column;}
	.c_board_view .reply .form .text_design {flex:none}
	.c_board_view .reply .form .btn_ok {width:100%; height:40px;}
	.c_board_view .answer .answer_in {padding:15px;}
	.c_board_view .answer .editor {font-size:12px;}
	.c_board_rv .answer .answer_in {padding:15px;}
	.c_board_rv .answer .editor {font-size:12px;}
	.c_board_rv ul {grid-template-columns: repeat(1, 1fr);}


	/* 공통상품 ==================== */
	.c_promo_list {margin-top:0;}
	.c_promo_list li {width:100%;}


	/* 스크립트 제어 ==================== */
	.post_popup_section> div {max-width:100% !important; height:100% !important;}
	.post_popup_section .post_close_btn {position:fixed !important; width:100% !important;}
}




/* 모바일 장바구니 하단 선택 상품 합계 및 구매 버튼 */
.c_order .cart_checkout_summary {display:none;}
.c_order .cart_checkout .js_cart_buy {width:100%; font-family:inherit; cursor:pointer;}
.c_order .cart_checkout .js_cart_buy:disabled {background:#ccc !important; border-color:#ccc !important; color:#fff !important; cursor:default;}
@media screen and (max-width:900px) {
    body.if_cart .c_order {padding-bottom:calc(150px + env(safe-area-inset-bottom, 0px));}
    body.if_cart .c_order .cart_sum {display:flex; padding:20px;}
    body.if_cart .c_order .cart_wrap .area_ctrl {border:2px solid #f0f0f0; margin-top:20px;}
    body.if_cart .c_order .area_ctrl .cart_checkout {position:fixed; left:0; right:0; bottom:0; width:100%; z-index:420; margin:0; padding:14px 16px; background:#fff; border-top: 1px solid #eee; box-sizing:border-box; gap:12px;}
    body.if_cart .c_order .cart_checkout_summary {display:flex; justify-content:space-between; align-items:baseline; gap:12px; width:100%;}
    body.if_cart .c_order .cart_checkout_points {text-align:left; font-size:12px; color:#666;}
    body.if_cart .c_order .cart_checkout_total {text-align:right; margin-left:auto; font-size:12px; color:#333;}
    body.if_cart .c_order .cart_checkout_total .cart_mobile_total {font-size:20px; font-weight:700; color:var(--primary-color);}
}

/* 선택 상품 예상 금액: 하단 구매 영역 위에서 열리는 모바일 모달 */
.c_order .cart_estimate_frame, .c_order .cart_estimate_backdrop {display:none;}
@media screen and (max-width:900px) {
    body.if_cart .c_order .area_ctrl .cart_checkout {overflow:visible;}
    .c_order .cart_checkout .cart_estimate_toggle {display:inline-flex; align-items:center; justify-content:center; width:30px; height:30px; margin-left:4px; padding:0; border:0; background:transparent; color:#333; vertical-align:middle; cursor:pointer;}
    .c_order .cart_estimate_toggle svg {transition:transform .25s;}
    .c_order .is_estimate_open .cart_estimate_toggle svg {transform:rotate(180deg);}
    .c_order .cart_checkout .cart_estimate_frame {display:block; position:fixed; left:0; right:0; bottom:calc(var(--cart-checkout-height, 140px)); margin:0; padding:0; overflow:clip; visibility:hidden; pointer-events:none; transition:visibility 0s linear .5s;}
    .c_order .cart_checkout .cart_estimate_sheet {display:block; margin:0; padding:20px; background:#fff; border-radius:18px 18px 0 0; box-sizing:border-box; max-height:calc(100dvh - var(--cart-checkout-height, 140px) - 24px); overflow-y:auto; overscroll-behavior:contain; transform:translateY(100%); transition:transform .5s cubic-bezier(.4, 0, .2, 1);}
    .c_order .cart_checkout.is_estimate_open .cart_estimate_frame {visibility:visible; pointer-events:auto; transition-delay:0s;}
    .c_order .cart_checkout.is_estimate_open .cart_estimate_sheet {transform:translateY(0);}
    .c_order .cart_checkout .cart_estimate_backdrop {display:block; position:fixed; inset:0 0 var(--cart-checkout-height, 140px); background:rgba(0,0,0,.35); opacity:0; visibility:hidden; pointer-events:none; transition:opacity .5s ease, visibility 0s linear .5s; touch-action:none;}
    .c_order .cart_checkout.is_estimate_open .cart_estimate_backdrop {opacity:1; visibility:visible; pointer-events:auto; transition-delay:0s;}
    .c_order .cart_estimate_heading {display:flex; justify-content:space-between; align-items:center; margin-bottom:18px;}
    .c_order .cart_estimate_heading h2 {font-size:18px; font-weight:700; color:#222;}
    .c_order .js_cart_estimate_close {width:32px; height:32px; border:0; background:transparent; font-size:26px; color:#666; cursor:pointer;}
    .c_order .cart_estimate_thumbs {display:flex; flex-wrap:nowrap; gap:10px; overflow-x:auto; padding-bottom:12px; margin-bottom:12px;}
    .c_order .cart_estimate_item {position:relative; display:block; flex:0 0 70px; width:70px; height:70px; cursor:pointer; border: 1px solid #eee; border-radius: 5px;}
    .c_order .cart_estimate_thumbs img {display:block; width:70px; height:70px; object-fit:cover; border-radius:6px;}
    .c_order .cart_estimate_item .js_cart_estimate_check {display:block; position:absolute; right:3px; bottom:3px; width:18px; height:18px; margin:0; padding:0; opacity:0; cursor:pointer;}
    .c_order .cart_estimate_item .tx {position:absolute; right:3px; bottom:3px; height:18px; pointer-events:none;}
    .c_order .cart_estimate_item .js_cart_estimate_check:focus-visible + .tx .icon {outline:2px solid var(--primary-color); outline-offset:2px;}
    .c_order .cart_estimate_empty {font-size:13px; color:#888; margin-bottom:16px;}
    .c_order .cart_checkout .cart_estimate_amounts {display:block;}
    .c_order .cart_estimate_amounts > div {display:flex; justify-content:space-between; gap:12px; padding:9px 0;}
    .c_order .cart_checkout .cart_estimate_amounts dt, .c_order .cart_checkout .cart_estimate_amounts dd {font-size:14px; line-height:1.5;}
    .c_order .cart_estimate_amounts dd {text-align:right;}
    .c_order .cart_estimate_amounts .cart_estimate_final {margin-top:10px; padding-top:18px; border-top:1px solid #eee;}
    .c_order .cart_checkout .estimate_discount {color:var(--primary-color);}
    .c_order .cart_checkout .estimate_discount .js_estimate_discount {color:var(--primary-color);}
    .c_order .cart_checkout .cart_estimate_final strong {font-size:20px; color:var(--primary-color);}

}
@media (prefers-reduced-motion:reduce) {
    .c_order .cart_checkout .cart_estimate_frame, .c_order .cart_checkout .cart_estimate_sheet, .c_order .cart_estimate_toggle svg, .c_order .cart_checkout .cart_estimate_backdrop {transition:none;}
}