@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 .link_menu .menu:hover {text-decoration:underline; color:#000;}


	/* 디자인영역 ==================== */
	.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 .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_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:50%}

	.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) {

}
@media screen and (max-width:900px) {

	/* 상하단 ==================== */
	.sc_Header {padding:25px 0px;}
	.sc_Header .link_menu.this_tx {display:none;}
	.sc_Header .link_menu.this_icon {display:flex;}


	/* 디자인영역 ==================== */
	.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_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%;}

	img.this_pc {display:none;}
	img.this_mo {display:block;}


	/* 상품영역 ==================== */
	.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_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;}


}