@charset "utf-8";

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

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



/* Max ~ 900px (Mouse Over) ---------------------------------------------------------------- */
@media screen and (min-width:900px) {

	/* 디자인영역 ==================== */
	.sc_Group_tit .tit_box a.tit:hover {color: #ad6fdc;}
	.sc_Group_tit .tab_box .tab:hover strong:before {-webkit-transform-origin: top left; transform-origin: top left; -webkit-transform: scaleX(1); transform: scaleX(1);}
	.sc_Roll_ctrl .roll_prevnext:hover {border-color: #171719;}

	.sc_Ctrl .link:hover {border-color:#0065e380; box-shadow:10px 10px 10px rgba(0,0,0,0.1);}
}










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


}



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


}




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


}








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

	/* 디자인영역 ==================== */
	.sc_Group_tit {display:block; margin-bottom:15px;}
	.sc_Group_tit .tab_box {margin-top:5px;}
	.sc_Group_tit .tab_box .swipe_box ul {width:max-content; flex-wrap:nowrap;}

	.sc_Review .rolling_box .li {width: 33.333%;}

}




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

	/* 상하단 ==================== */
	body.if_view .sc_Header {display: none;}
	.sc_Footer {margin-top: 50px;}
	.sc_Footer .top_wrap {flex-direction:column; align-items:stretch; border-bottom:0; padding-bottom:0px;}
	.sc_Footer .sns_box {margin-top:10px;}
	.sc_Footer .sns_box .btn_sns {background:#f2f2f2;}
	.sc_Footer .conts_wrap {flex-direction:column; align-items:stretch; flex-direction:stretch; margin-top:20px; }
	.sc_Footer .info_box {max-width:100%}
	.sc_Footer .cs_box {align-items:flex-start; gap:20px; order:-1}
	.sc_Footer .cs_box .service {align-items:flex-start;}
	.sc_Footer .cs_box .bank {align-items:flex-start;}
	.sc_Footer .cs_box .bank .list {align-items:flex-start;}
	.sc_Footer .auth .logo img {height:45px;}


	/* 상품영역 ==================== */
	.sc_Md .layout_fix {flex-direction:column; gap:30px; align-items:stretch}
	.sc_Md .area {position:static}
	.sc_Md .area_item .layout_fix {padding:0px !important;}
	.sc_Md .area_item {padding-top:0; border-top:0;}


	/* 디자인영역 ==================== */
	.sc_Visual .roll_prevnext {display:none;}

	/*
	.sc_Md .area {flex-direction:column; align-items:stretch}
	.sc_Md .area_item {border-top:0;}
	.sc_Md .banner {height:200px;}
	.sc_Md .banner .md_tit {font-size:30px;}
	.sc_Md .item_list.if_list_type {padding-left:0px;}
	.sc_Md .item_list.if_list_type li {width:50% !important;}
	.sc_Md .item_list.if_list_type .item_box {height:100%;}
	*/

	.sc_Ad .banner_list li {width:100%;}
	.sc_Ad .banner {height:400px;}
	.sc_Ad .banner .inner {padding:30px;}
	.sc_Ad .banner .text {font-size:1.2em;}
	.sc_Ad .layout_fix {padding-right:0px !important;}
	.sc_Ad .sc_Roll_ctrl .roll_prevnext {border:0; width:20px; height:20px;}

	.sc_Single .banner .inner {padding:80px 30px; font-size:16px;}
	.sc_Single .banner .sub_txt {font-size:1.3em;}
	.sc_Single .banner .bg_img.this_mo {display:block;}
	.sc_Single .banner .bg_img.this_mo+ .bg_img.this_pc {display:none;}

	.sc_Review .rolling_box .li {width: 50%;}
	.sc_Review .rolling_box {margin-left:-10px;}
	.sc_Review .review_box {margin-left:10px; padding:10px; padding-bottom:20px;}
	.sc_Review .rv_info {font-size:12px;}

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








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

	/* 상하단 ==================== */
	body.if_shop_order .sc_Footer {padding-bottom:150px}


	/* 디자인영역 ==================== */
	.sc_Review {padding:40px 0;}


	.sc_Ad .rolling_box li:only-child {width: 100%;}

	.sc_Time .cate_box .layout_fix {padding:0px !important;}

	/*
	.sc_Md .banner {height:150px;}
	.sc_Md .item_list.if_list_type li {width:100% !important;}
	.sc_Md .item_list.if_list_type .item_box {height:auto; padding:10px;}
	.sc_Md .item_list.if_list_type .item_box .thumb {width:70px;}
	.sc_Md .item_list.if_list_type .item_box .info .item_name { -webkit-line-clamp: 1;}
	*/
}