@charset "utf-8";

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

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


/* Max ~ 900px (Mouse Over) ---------------------------------------------------------------- */
@media screen and (min-width:900px) {
	#login_bg {width:100%;background-color:#fff;margin: 0 auto;text-align:center;}

	/* 세부 요소 ==================== */
	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) {
	#login_bg {width:100%;background-color:#fff;margin: 0 auto;text-align:center;}

	/* 멤버십 ==================== */
	.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;}

	

	.sc_Header .other_menu .icon_link {margin-top:0px;}

}






/* 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) {
	.hide {display:none !important;}

	/* 세부 요소 ==================== */
	.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;}

	.only_pc {display:none !important;}
	.only_mo {display:block !important;}

	/* ### CUSTOM :: KTW :: 2024-08-03 */
	.custom_link {display:none !important;}
	.only_pc {display:none !important;}
	.mimg {width:100% !important;}
	
	.only_mo {display:block !important;}
	
	.m_title {margin-top:15px;margin-bottom:15px;display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; box-sizing: border-box; border-bottom: 1px solid #000; padding-bottom:5px;}
	.m_title .left_box {float:left; display: flex; flex-direction: row; justify-content: stretch; align-items: center; flex-wrap: wrap;}
	.m_title .right_box {display: flex; flex-direction: row; justify-content: flex-end; align-items: center; gap:10px}
	.m_title .total {font-size:17px; color: #000; font-weight: 600; white-space: nowrap; margin-right: 25px; height: 30px; display:flex; justify-content: flex-start; align-items: center; flex-direction:row;}
	.m_title .total em {margin-left:5px;}
	.m_title .total strong {color:#e10000;}
	
	#cpmain_div {padding:0px;height:200px;overflow:hidden;}
	.cpmain {
		width:38% !important;
	}
	.cpmain:nth-child(2n) {margin-right:0px;}

	.clist ul {display:flex; flex-direction: row; justify-content: center; align-items: center; gap:0px}
	.clist li {list-style: none; flex:1; box-sizing: border-box; margin-right:4% !important; height:100%; width:48%; float:left; overflow:hidden;margin-bottom:45px;}
	.clist .img img {width:100% !important;}
	.clist li:nth-child(2n) {margin-right:0px !important;}

	.culist ul {display:flex; flex-direction: row; justify-content: center; align-items: center; gap:0px}
	.culist .cutd {width:40% !important;}
	.culist .cutd2 {padding-left:10px;}
	.culist .cutd img {width:100% !important;}
	
	.culist li {list-style: none; flex:1; box-sizing: border-box; height:150px; width:100%; float:left; overflow:hidden;}

	.mo_hot ul {display:flex; flex-direction: row; justify-content: center; align-items: center; gap:0px}
	.mo_hot li {list-style: none; flex:1; box-sizing: border-box; margin-right:4% !important; height:280px; width:48%; float:left; overflow:hidden;}

	.cp_cate li {vertical-align:top;width:30%;list-style: none; flex:1; box-sizing: border-box; display:inline-block;zoom:1;margin-right:10px;margin-bottom:15px;}
	.cp_cate li:nth-child(3n) {margin-right:0px;} 
	.cp_cate li:nth-child(6n) {margin-right:0px;} 

	.ctrl_box {float:right;}
	.ctrl_box .btn_del {width: 20px; height: 20px; background: transparent url('../images/c_img/item_del.svg') center no-repeat; background-size:16px;}
	
	.mo_img {width:100%;}

	.sname {margin-bottom:10px;font-size:20px;}

	/* .cs_Footer { height:594px !important; }  */
	.cs_Footer { auto !important; }
	.ft_box ul {width:100%; display:flex; flex-direction: row; flex-wrap:wrap;  justify-content: center; align-items: left; gap:0px;}
	.ft_box li {border-left:0px;width:50%;}
	.ft_box li:nth-child(4) {border-right:0px;}


	.sc_Footer .company_box_new ul {margin-top:10px;width:1280px;display:flex; flex-direction: column; justify-content: center; align-items: left; gap:0px;}
	.sc_Footer .company_box_new li {list-style: none; color:#fff;line-height:23px; font-weight:normal;}

	.sc_Footer .company_box_new li:nth-child(1) {width:100%;}
	.sc_Footer .company_box_new li:nth-child(3) {width:90%;margin-top:15px;word-wrap:break-word;white-space: nowrap;}
}









/* 700px ~ ---------------------------------------------------------------- */
@media screen and (max-width:700px) {
	html, body {
		margin: 0;
		padding: 0;
		position: relative;
		min-height: 100vh;
		overflow-x: hidden;
	}

	.hide {display:none !important;}

	/* 레이어 ==================== */
	.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;}
}