@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_Header .nav_box:hover .first_menu {color: #171719;}
	.sc_Header .nav_box:hover .nav_li .first_menu .menu:before {background: #171719; -webkit-transform-origin: top right; transform-origin: top right; -webkit-transform: scaleX(0); transform: scaleX(0);}
	.sc_Header .nav_box .nav_li:hover .first_menu {color: #171719;}
	.sc_Header .nav_box .nav_li:hover .first_menu .menu:before {-webkit-transform-origin: top left; transform-origin: top left; -webkit-transform: scaleX(1); transform: scaleX(1);}
	.sc_Header .nav_box .nav_li:hover .depth_box {display: block;}
	.sc_Header .nav_box .nav_li.hit:hover .first_menu {color: #ad6fdc;}
	.sc_Header .nav_box .nav_li.hit:hover .first_menu .menu:before {background: #ad6fdc;}
	.sc_Header .nav_box .depth_box .second_menu:hover .tx:before {width: 100%;}
	body.if_main .sc_Header:hover {background: #fff;}
	body.if_main .sc_Header:hover:before {background: #000;}
	body.if_main .sc_Header:hover .logo_box img.this_black {display: block;}
	body.if_main .sc_Header:hover .logo_box img.this_white {display: none;}
	body.if_main .sc_Header:hover .logo_box .tx {color:#333;}
	body.if_main .sc_Header:hover .nav_box .first_menu {color: #171719;}
	body.if_main .sc_Header:hover .nav_box .type_event:before {background: rgba(0, 0, 0, 0.1);}
	body.if_main .sc_Header:hover .other_menu .btn_search {background-image: url('../images/skin/header_search.svg');}
	body.if_main .sc_Header:hover .other_menu .btn_my {background-image: url('../images/skin/header_user.svg');}
	body.if_main .sc_Header:hover .other_menu .btn_cart {background-image: url('../images/skin/header_cart.svg');}
	body.if_main .sc_Header:hover .other_menu .btn_slide {background-image: url('../images/skin/header_slide.svg');}
	.sc_Header .search_open .keyword_box .link:hover {background:#f5f5f5;}
	.sc_Header .search_open .keyword_box .link:hover .tx:before {display: block;}
	.sc_Footer .menu_box .menu:hover {text-decoration: underline;}
	.sc_Footer .sns_box .btn_sns:hover {background: #eee;}

	/* 디자인영역 ==================== */
	.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: #ad6fdc ; background: #ad6fdc ; color: #fff;}

	.sc_Ad .sc_More_btn .link:hover {background: #ad6fdc;}
	.sc_Single .sc_More_btn .link:hover {background: #ad6fdc;}

	.sc_Review .review_box:hover {border-color: #ad6fdc;}
	.sc_Review .review_box:hover .photo:before {background: rgba(0, 0, 0, 0.5);}
	.sc_Review .review_box:hover .photo .icon_h {width: 41px; margin-left: -20px;}
	.sc_Review .review_box:hover .photo .icon_v {height: 41px; margin-top: -20px;}
	.sc_Review .about_item:hover .info .name {text-decoration:underline;}
}










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


}












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

	/* 상하단 ==================== */


	/* 상품영역 ==================== */
	/*
	.sc_Md .item_list.if_list_type li {width:100% !important;}
	.sc_Md .item_list.if_list_type .item_box {height:auto;}
	*/

	/* 디자인영역 ==================== */
	.sc_Review .rolling_box .li {width: 25%;}

}










/* 1300px ~  ---------------------------------------------------------------- */
@media screen and (min-width:1301px) {
	.sc_Header .nav_box .layout_fix {padding: 0;}
}
@media screen and (max-width:1300px) {


	/* 상하단 ==================== */
	.sc_Header {padding:0px; padding-top:15px; z-index:auto}
	.sc_Header .wrapping {flex-wrap:wrap; overflow:hidden;}
	.sc_Header .logo_box {flex:1; align-items:flex-start;}
	.sc_Header .nav_box .swipe_box .nav_ul {flex-wrap:nowrap;  width:max-content; gap:20px;}
	.sc_Header .nav_box {width:100%; order:3; flex:none; padding:5px 0 10px;}
	.sc_Header .nav_box .depth_box {display:none !important}
	.sc_Header .nav_box .first_menu {padding:15px 0;}
	.sc_Header .nav_box .type_event:before {left: -20px;}
	body.if_main .sc_Header {z-index: 100;}


	/* 상품영역 ==================== */


	/* 디자인영역 ==================== */

}








/* 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 {border:1px solid #21212D;}
	.sc_Footer .conts_wrap {flex-direction:column; align-items:stretch; flex-direction:stretch; margin-top:20px; }
	.sc_Footer .info_box {border-top:1px solid #F1F1F6; padding-top:30px; 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_Group {margin-top:40px;}
	.sc_Item {padding-top:40px;}
	.sc_Review {padding:40px 0;}


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

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