@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:#1598fd; border-color:#1598fd;}
	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:#f8fcff;}
	.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;}


}




 

/* 고객센터 상단 배경 */
.notice_bg {border-radius:20px; margin-bottom:10px;  padding:0px 0;}

.notice_bg01{ /*background:#fff6ce url("/images/sub/notice_bg01.png") 10% bottom no-repeat; background-size:150px; */} /* 공지사항 배경 */
.notice_bg02 {/*background:#906ff9 url("/images/sub/notice_bg02.png") 10% bottom no-repeat; background-size:150px; color:#fff;*/ } /* 커뮤니티 배경 */
.notice_bg03 {background:#5d85f5 url("/images/sub/notice_bg03.png") 10% bottom no-repeat; background-size:200px;} /* 가이드 배경 */

.notice_bg01  a.tit {color:#222;display:none;  font-size:20px; opacity:0.5;}
.notice_bg01  a.tit.hit {color:#222;display:block; font-size:30px;  border-bottom:1px solid #222; padding-bottom:5px;}


.notice_bg02  a.tit {display:none; color:#fff; font-size:20px; opacity:0.5;}
.notice_bg02  a.tit.hit {display:block;  color:#222; font-size:30px;  padding-bottom:5px;}
.notice_bg02 h3 {color:#fff!important;}
.notice_bg02 h3 + p {color:#fff!important;}

.notice_bg03  .tit {color:#fff; font-size:30px; }



.notice_bg01 .hit .menu, .notice_bg01 .hit .menu {background:#222; border-color:#222; padding:0 15px; border-radius:100px;}






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


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


	/* 공통상품 ==================== */
	.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;}

}





/* 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;}

}


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

.notice_bg01{ background:none;  margin-bottom:0px; height: auto;} /* 공지사항 배경 */
.notice_bg02 {background:none;  margin-bottom:0px; height: auto;} /*커뮤니티배경 */
.notice_bg03 {background:none;  margin-bottom:0px; height: auto;} /* 가이드 배경 */

 .notice_bg01  a.tit.hit {  border-bottom:0; padding-bottom:0px;}
 .notice_bg02  a.tit.hit {  border-bottom:0; padding-bottom:0px;}
 .notice_bg03  a.tit.hit {  border-bottom:0; padding-bottom:0px;}




 .notice_bg01, .notice_bg02 {background-color:#fff;  margin-bottom:0px; } /* 공지사항 배경 */

.notice_bg01  a.tit, .notice_bg02  a.tit { color:#000; font-size:18px;  }
.notice_bg01  a.tit.hit, .notice_bg02  a.tit.hit {color:#000;  font-size:18px;   z-index: 999;
    position: fixed;}


}



/* 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:0px solid #f2f2f2;}
	.c_page_tit .tit_box {height:55px; margin-top:0;margin-bottom:10px;}
	.c_page_tit .tit {font-size:18px; font-weight:600;}
	.c_page_tit .tit_box .btn_back {display:none;}
	.c_section {padding-top:0px;}
	.c_process {margin-top:30px; margin-bottom:30px;}
	.c_complete .greeting_box {border:0; padding:0px;}
	.c_none {padding:50px 0;}
	.c_nav {background:#fff; padding:10px 0; margin-top:-15px; margin-bottom:10px;  border-bottom:1px solid #ddd;}
	.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:1001;}
	.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:30px;}
	.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:10000; 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.type_review .wrapping,
	.c_layer.type_qna .wrapping,
	.c_layer.type_main_review .wrapping,
	.c_layer.type_allreview .wrapping {min-height:200px;}
	.c_layer .wrapping {max-height:600px; 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; width:100%!important;}
	.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_list .cafe_number {display:none;}
	.c_board_list .cafe_writer {width:22%;}
	.c_board_list .cafe_recomm {width:22%;}
	.c_board_list .cafe_hit {width:22%;}
	.c_board_list .cafe_posting {padding:0px; position:static}
	.c_board_list .cafe_date {order:25%}
	

	.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%;}

	/* 마이페이지 탭메뉴 */
	.c_page_tab {margin:15px 0 30px}
	.c_page_tab ul {gap:10px}


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


	.notice_bg { margin-bottom: 0px;padding: 0px;}

	.c_pagi .number { gap:5px !important; }
	.c_pagi .num { min-width:25px; height:25px; font-size:11px; }

	.c_complete .greeting_box dd {width:100%}
}