@charset "utf-8";

/*
	 * Max ~ 900px (Mouse Over)
	 ----------------------------
	 * 1300px
	 * 1100px
	 ----------------------------
	 * 900px : Mobile Start
	 * 700px
 */

/* 본 소스는 모두 (주)상상너머의 지적 재산이며, 이에 대해 무단도용 및 수정 재배포/재편집등을 절대 금하며 적발 시 법적 대응을 할 것임을 경고합니다. */



/* Max ~ 900px (Mouse Over) ---------------------------------------------------------------- */
@media screen and (min-width:900px) {

	/* 상하단 ==================== */
	.sc_Header .search_open .keyword_box .link:hover {color:#0044ff; border-color:#0044ff;}
	.sc_Header .user_link .open_depth .link:hover em {text-decoration:underline;}
	.sc_Header .user_link .li:hover .menu em {text-decoration:underline;}
	.sc_Header .user_link .li:hover .menu.this_depth {color:#000; background-image:url('../images/skin/header_arrow_top.svg')}
	.sc_Header .user_link .li:hover .open_depth {display:block;}
	.sc_Header .category .ul:hover .li .menu {color:#000;}
	.sc_Header .category .ul:hover .menu {color:#000;}
	.sc_Header .category .ul:hover .menu:before {transform:scaleX(0);}
	.sc_Header .category .ul:hover .li.type_special .menu {color:#a7a7b4;}
	.sc_Header .category .ul:hover .li.type_other .menu {color:#a7a7b4;}
	.sc_Header .category .li:hover .depth_box {display:block;}
	.sc_Header .category .li:hover .menu {color:#0044ff !important;}
	.sc_Header .category .li:hover .menu:before {transform:scaleX(1);}
	.sc_Header .category .li.type_other:hover .menu {color:#0044ff !important;}
	.sc_Header .category .second_menu:hover .tx {color:#0044ff; text-decoration:underline;}
	.sc_Header .other_menu .menu:hover {color:#0044ff;}

	.sc_Footer .menu_box .menu:hover {text-decoration:underline;}
	.sc_Footer .company_box .btn_info:hover {color:#171719;}


	/* 디자인영역 ==================== */
	.sc_More_btn .link:hover {border-color:#7197ff; background:#f8faff;}
	.sc_More_btn .link:hover .tx {color:#0044ff; background-image:url('../images/skin/ic_more_blue.svg');}

	.sc_Roll_btn:hover {background-color:#000;}
	.sc_Roll_btn:hover.prev {background-image: url('../images/skin/arrow_left_white.svg');}
	.sc_Roll_btn:hover.next {background-image: url('../images/skin/arrow_right_white.svg');}

	.sc_Group_tit a.tit:hover {color:#0044ff;}

	.sc_tab .tab:hover {background:#dcdceb;}

	.sc_Visual .roll_ctrl .roll_prevnext.prev:hover {background-image:url('../images/skin/prevnext_prev_fill.svg');}
	.sc_Visual .roll_ctrl .roll_prevnext.next:hover {background-image:url('../images/skin/prevnext_next_fill.svg');}

	.sc_Go .banner:hover .img_box {animation:mv_go_rotate 0.2s linear forwards; -webkit-animation:mv_go_rotate 0.2s linear forwards;}
	.sc_Go .banner:hover .over_line {transform:scale(1);}
	.sc_Go .banner:hover .title {color:#0044ff;}

	.sc_Tag .keyword_box .link:hover .over_line {display:block;}

	.sc_Review .review_box .photo:hover:before {background: rgba(0, 0, 0, 0.5);}
	.sc_Review .review_box .photo:hover .icon_h {width: 41px; margin-left: -20px;}
	.sc_Review .review_box .photo:hover .icon_v {height: 41px; margin-top: -20px;}
	.sc_Review .info .item_name:hover {color:#0044ff;}
	.sc_Review .info .conts:hover {text-decoration:underline;}
	.sc_Review .info .category .link:hover {border-color:#7197ff; background:#fff; color:#0044ff;}

	.sc_Wide .banner:hover .img_box img {transform:scale(1.07, 1.07);}
	.sc_Wide .banner:hover .txt_box .title {color:#fff !important;}
	.sc_Wide .banner:hover .txt_box .text {color:#fff;}
	.sc_Wide .banner:hover .txt_box .over_bg {transform:scaleY(1); transform-origin:top left;}

	.sc_Service .title:hover {color:#0044ff;}
	.sc_Service .board_list .posting:hover .post_tit .tit {color:#0044ff;}
	.sc_Service .sns_list .btn_sns:hover {border-color:#000; background:#fff;}


	/* 상품영역 ==================== */
	.item_box .thumb:hover .ov_img {border-radius:20px 20px 0 0;}
	.item_box .thumb:hover .img {border-radius:20px 20px 0 0;}
	.item_box.if_soldout .thumb:hover .ov_img {border-radius:20px;}
	.item_box.if_soldout .thumb:hover .img {border-radius:20px;}
	.item_box .item_name:hover {text-decoration:none; color:#0044ff;}
	.item_box .ticket_info .area:hover {text-decoration:underline;}
	.item_list.if_list_type .item_box .thumb:hover .ov_img {border-radius:20px;}
	.item_list.if_list_type .item_box .thumb:hover .img {border-radius:20px;}

	.sc_Best .roll_prevnext.prev:hover {background-image:url('../images/skin/prevnext_prev_fill.svg');}
	.sc_Best .roll_prevnext.next:hover {background-image:url('../images/skin/prevnext_next_fill.svg');}


}










/* 1300px ~  ---------------------------------------------------------------- */
@media screen and (max-width:1300px) {

	/* 상하단 ==================== */
	.sc_Header .logo_box {flex:none;}
	.sc_Header .search_box {margin-right:auto; width:350px;}
	.sc_Header .search_box .search_fake {height:50px;}
	.sc_Header .search_open input.input_search {height:50px;}
	.sc_Header .gnb_menu {padding-top:20px; padding-bottom:0; padding-right:0 !important;}
	.sc_Header .category {overflow:hidden; padding-right:15px;}
	.sc_Header .category .swipe_box .ul {flex-wrap:nowrap; width:max-content;}
	.sc_Header .category .li.type_other {display:block; padding-left:15px; margin-left:15px;}
	.sc_Header .category .depth_box {display:none !important;}
	.sc_Header .category .menu {font-size:16px;}
	.sc_Header .category .menu:before {bottom:0;}
	.sc_Header .category .hit .menu:before {transform:scaleX(1);}
	.sc_Header .other_menu {display:none;}


	/* 디자인영역 ==================== */
	.sc_Roll_btn {width:50px; height:50px; border-radius:22px;}
	.sc_Roll_btn.prev {left:-25px;}
	.sc_Roll_btn.next {right:-25px;}

	.sc_Ad .banner_list {margin-left:-20px;}
	.sc_Ad .banner {margin-left:20px;}
	.sc_Ad .sc_Roll_btn {margin-top:-25px;}

	.sc_Service .inner {gap:0 60px;}

	.sc_Go .swipe_box ul {gap:15px}

	.sc_Wide .rolling_box li {width:33.3333%;}

	.sc_Review .rolling_box .li {width:33.3333%}
	.sc_Review .review_box .photo {height:330px;}


}








/* 1100px ~  ---------------------------------------------------------------- */
@media screen and (max-width:1100px) {

	/* 상하단 ==================== */


	/* 디자인영역 ==================== */
	.sc_Roll_btn.if_show {display:none;}
	.sc_Roll_ctrl.if_show {display:flex;}

	.sc_Visual .visual_text {font-size:33px;}

	.sc_Review .rolling_box .li {width: 100%;}

	.sc_Wide .rolling_box li {width:50%;}


	/* 상품영역 ==================== */
	.sc_Time .layout_fix.inner {padding-top:50px; padding-bottom:50px;}
	.sc_Time .item_list.pc_type_list1 .sc_Group_tit {position:static; margin-left:0px;}
	.sc_Time .item_list.pc_type_list1 .item_timer {margin-top:0px;}
	.sc_Time .item_list.pc_type_list1 .item_box {gap:30px}

	.sc_Best .item_box {padding:15px;}
	.sc_Best .item_box .ranking {min-width:50px; height:50px; font-size:13px;}
}







/* 900px ~ (Mobile Start)  ---------------------------------------------------------------- */
@media screen and (min-width:901px) {
	.sc_Header .category .layout_fix {padding: 0;}
}
@media screen and (max-width:900px) {

	/* 상하단 ==================== */
	body.if_view .sc_Header {display: none;}
	.sc_Header .logo_box {flex:1; margin-right:30px;}
	.sc_Header .top_wrap {gap:0}
	.sc_Header .top_wrap .btn_slide {display:flex;}
	.sc_Header .search_box {width:100%; order:3;}
	.sc_Header .search_box .form_fake {display:none;}
	.sc_Header .search_box .btn_search {right:40px; width:50px;}
	.sc_Header .search_open {position:fixed; height:100%; z-index:400; border-radius:0; box-shadow:none; transform:translateX(100%); display:flex;}
	.sc_Header .search_open {transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;}
	.sc_Header .search_open .keyword_wrap {flex:1; display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch; overflow:hidden; padding:15px; padding-bottom:0;}
	.sc_Header .search_open input.input_search {height:60px; border-radius:0; padding-left:15px; padding-right:90px;}
	.sc_Header .search_open .search_close {display:flex;}
	.sc_Header .search_open .keyword_box {flex:1; height:auto; overflow-y:auto; padding-bottom:30px;}
	.sc_Header .search_open .btn_close {display:none;}
	.sc_Header .if_open_search .search_open {transform:translateX(0);}
	.sc_Header .user_link {display:none;}
	.sc_Header .icon_link .icon img {height:23px;}
	.sc_Header .icon_link .cart_num {right:-12px; top:-6px;}
	.sc_Header .icon_link li.this_search {display:flex;}
	.sc_Header .icon_link .scan {border-width:1px; margin-left:-1px;}
	.sc_Header .gnb_menu {padding-top:10px; padding-left:0 !important;}
	.sc_Header .gnb_menu .btn_slide {display:none;}
	.sc_Header .category {padding-right:0;}
	.sc_Header .category:after {width:25px;}
	.sc_Header .category .li:first-of-type .first_menu {padding-left:0;}
	.sc_Header .category .li.type_other {padding-left:10px; margin-left:10px;}
	.sc_Header .category .first_menu {padding-right:10px;}
	.sc_Header .category .menu {font-size:15px;}


	/* 디자인영역 ==================== */
	.sc_Group {margin-top:50px;}

	.sc_Group_tit {margin-bottom:30px;}
	.sc_Group_tit .tit {font-size:27px;}

	.sc_tab {margin-bottom:25px;}
	.sc_tab .tab {font-size:14px; height:40px; padding:0 15px;}

	.sc_More_btn {margin-top:30px;}
	.sc_More_btn .link {height:50px; padding:0 25px; border-radius:20px;}
	.sc_More_btn .link .tx {font-size:14px; background-size:6px !important;}

	.sc_Go .swipe_box ul {gap:20px}
	.sc_Go .banner .img_wrap {padding:0;}
	.sc_Go .banner .img_box {width:110px; height:110px;}
	.sc_Go .banner .title {font-size:13px;}

	.sc_Tag .keyword_box ul {gap:5px;}

	.sc_Service .inner {flex-direction:column; gap:50px 0;}
	.sc_Service dt {margin-top:30px; margin-bottom:20px;}
	.sc_Service .title {font-size:21px;}
	.sc_Service .board_list .posting {padding-right:0;}
	.sc_Service .board_list .date {font-size:12px; width:40px;}
	.sc_Service .board_list .post_tit .tit {font-size:14px;}
	.sc_Service .board_list .icon_new {font-size:11px;}
	.sc_Service .cs_time {font-size:13px;}

	.sc_Visual .visual_img {justify-content:flex-start;}
	.sc_Visual .visual_img img.this_pc {display:none;}
	.sc_Visual .visual_img img.this_mo {display:block;}
	.sc_Visual .visual_text .layout_fix {gap:15px}
	.sc_Visual .visual_text {padding-left:10px; font-size:29px;}
	.sc_Visual .roll_ctrl {width:100%; position:static;}
	.sc_Visual .roll_ctrl .roll_wrap {padding-top:15px; width:100%;}
	.sc_Visual .roll_ctrl .roll_pagi {justify-content:flex-end; width:50px; font-size:13px;}
	.sc_Visual .roll_ctrl .roll_fill {margin-right:10px;}
	.sc_Visual .roll_ctrl .roll_fill .stage {height:2px;}
	.sc_Visual .roll_ctrl .roll_prevnext {display:none;}

	.sc_Wide .banner .txt_box .title {font-size:23px;}
	.sc_Wide .banner .txt_box .text {margin-top:10px;}
	.sc_Wide .rolling_box li {width:50%;}


	/* 상품영역 ==================== */
	.sc_Time .item_list.pc_type_list1 .item_box {flex-direction:column; gap:10px;}
	.sc_Time .item_list.pc_type_list1 .item_box .thumb {align-self:stretch; width:100%;}

}








/* 700px ~  ---------------------------------------------------------------- */
@media screen and (max-width:700px) {

	/* 상하단 ==================== */
	.sc_Header .top_wrap {padding-top:10px;}
	.sc_Header .gnb_menu {padding-top:0px;}
	.sc_Header .category .first_menu {padding:0 10px;}

	.sc_Footer {margin-top:70px;}
	body.if_shop_order .sc_Footer {padding-bottom:150px}


	/* 디자인영역 ==================== */
	.sc_Group_tit {margin-bottom:20px;}
	.sc_Group_tit .tit {font-size:23px;}
	.sc_Group_tit .btn_refresh img {width:21px;}

	.sc_tab {margin-bottom:20px;}
	.sc_tab .swipe_box ul {gap:0}
	.sc_tab .tab {height:35px; font-size:13px;}

	.sc_More_btn {margin-top:25px;}

	.sc_Go {padding:30px 0;}
	.sc_Go .swipe_box {display:block; touch-action: manipulation !important}
	.sc_Go .swipe_box ul {display:grid; grid-template-columns:repeat(4, 1fr); flex-wrap:wrap; width:100%; gap:25px 15px; }
	.sc_Go .banner .img_box {width:100%; height:auto; max-width:110px}
	.sc_Go .banner .title {font-size:11px;}

	.sc_Ad .sc_Roll_ctrl {margin-top:15px;}
	.sc_Ad .rolling_box li {width:100%;}

	.sc_Tag .keyword_box .link {font-size:12px;}
	.sc_Tag .keyword_box .link .keyword {padding:5px;}
	.sc_Tag .search_box {padding:0px;}
	.sc_Tag .search_box input.input_search {border:2px solid #000; padding-left:15px; border-radius:5px;}
	.sc_Tag .search_box .form_box {max-width:100%}

	.sc_Review {padding:50px 0;}
	.sc_Review .layout_fix {padding:0px !important;}
	.sc_Review .rolling_wrap {padding:0 40px;}
	.sc_Review .rolling_box {overflow:visible}
	.sc_Review .review_list {margin-left:-10px;}
	.sc_Review .review_box {margin-left:10px;}
	.sc_Review .review_box .photo {height:300px;}

	.sc_Service {margin-top:50px;}

	.sc_Wide .rolling_wrap {padding:0 40px;}
	.sc_Wide .banner .txt_box {padding:30px 20px;}


	/* 상품영역 ==================== */
	.sc_Best {padding:50px 0;}
	.sc_Best .rolling_wrap {padding:0 40px;}
	.sc_Best .item_box .ranking {border-radius:10px 0 10px 0;}
	.sc_Best .roll_fill .stage {width:200px; height:2px;}

	.sc_Item {padding-top:50px;}

	.sc_Time .layout_fix.inner {padding-top:30px; padding-bottom:30px; border-radius:30px;}

	.item_box .thumb .img {border-radius:10px;}
	.item_box .soldout {border-radius:10px;}
	.item_box .ticket_info .ticket_inner {font-size:11px;}


}
