@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:#e10000; border-color:#e10000;}
	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 {-webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: top left; 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:#e10000;}


	/* 멤버십 ==================== */
	.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:#e10000; border-color:#e10000;}


	/* 주문 ==================== */
	.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); -webkit-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); -webkit-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; -webkit-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:80px;}

	.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:15px}
	.c_order .cart_item .thumb {width:60px;}
	.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) {
	/* 세부 레이아웃 ==================== */
	.c_gridpage .grid_aside .layout_fix {padding:0px !important;}
	.c_gridpage .grid_section .layout_fix {padding:0px !important;}
}

/* 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;}
	.c_section {padding-top:15px;}
	.c_process {margin-top:30px; margin-bottom:30px;}
	.c_complete .greeting_box {border:0; padding:0px;}
	.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; -webkit-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_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; box-shadow:0 0 3px rgba(0,0,0,0.2); padding:15px;}
	.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;}
}