@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 .user_link .li:hover .menu {text-decoration:underline;}
	.sc_Header .user_link .li:hover .open_depth {display:block;}
	.sc_Header .user_link .open_depth .link:hover em {text-decoration:underline;}
	.sc_Header .keyword_list .word:hover {background:#024aea16; border-color:#024aea16; color:var(--color-main);}

	.sc_Footer .menu_link .link_first:hover {color:var(--color-main);}
	.sc_Footer .menu_link .menu:hover {text-decoration:underline;}
	.sc_Footer .sns_link .btn_sns:hover {background-color:#000;}
	.sc_Footer .sns_link .btn_sns:hover img {filter:invert(100%) sepia(0%) saturate(7491%) hue-rotate(253deg) brightness(102%) contrast(102%);}

	.sc_GnbNavi .side_menu li:hover .menu {color:var(--color-main);}
	.sc_GnbNavi .side_menu li:hover .menu strong:before {will-change:transform; transform-origin:top left; transform:scaleX(1);}
	.sc_GnbNavi .btn_slide:hover {background:var(--color-main); color:#fff;}
	.sc_GnbNavi .btn_slide:hover .bar {background:#fff;}
	.sc_GnbNavi .category .li:hover .first_menu {color:var(--color-main);}
	.sc_GnbNavi .category .li:hover .next_ctg {display:block;}
	.sc_GnbNavi .category .second_menu:hover {color:var(--mono-black); text-decoration:underline;}
	.sc_GnbNavi .other_menu .menu:hover {color:#000;}
	.sc_GnbNavi .all_menu .inner ul:hover .first_menu {color:var(--color-main);}
	.sc_GnbNavi .all_menu .second_menu:hover {color:var(--mono-mid);}

	.sc_Go .banner:hover .img_box {animation:mv_go_rotate 0.2s linear forwards; -webkit-animation:mv_go_rotate 0.2s linear forwards;}

	.sc_Roll_btn:hover {border-color:var(--color-main);}
	.sc_Roll_btn:hover:before {filter:invert(13%) sepia(90%) saturate(7498%) hue-rotate(223deg) brightness(99%) contrast(98%);}

	.sc_tab .tab:hover {background:#fff;}
	.sc_tab.type_mono .tab:hover .over_line {border-color:var(--mono-light);}

	.sc_Review .info .category .link:hover {text-decoration:underline;}
	.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_Best .one_best .upper_visual:hover img {transform:scale(1.1);}

}










/* 1300px ~  ---------------------------------------------------------------- */
@media screen and (max-width:1300px) {

	.sc_GnbNavi .side_menu {display:none;}
	.sc_GnbNavi .major_navi .layout_fix {padding-right:0px !important;}
	.sc_GnbNavi .category {overflow:hidden;}
	.sc_GnbNavi .category .li.this_mobile_view {display:block;}
	.sc_GnbNavi .category .next_ctg {display:none !important}
	.sc_GnbNavi .category .first_menu {padding:0 10px;}
	.sc_GnbNavi .category .swipe_box .ul {}
	.sc_GnbNavi .li.type_special {margin-left:10px; padding-left:11px;}
	.sc_GnbNavi .li.type_special:before {content:""; width:1px; height:13px; background:var(--mono-light); position:absolute; left:0; top:50%; transform:translateY(-50%);}
	.sc_GnbNavi .btn_slide strong {display:none;}

	.sc_Go .swipe_box ul {gap:20px}
}








/* 1100px ~  ---------------------------------------------------------------- */
@media screen and (max-width:1100px) {

	.sc_Visual .rolling_box li {width:650px; padding:0 10px;}

	.sc_Roll_btn.if_show {display:none;}
	.sc_Roll_ctrl.if_show {display:flex !important;}

	.sc_Ad .banner_list {margin-left:-15px;}
	.sc_Ad .banner {margin-left:15px;}

	.sc_Tag .layout_fix {display:block;}
	.sc_Tag .sc_Group_tit {max-width:100%}

	.sc_Items .this_rolling .layout_fix {padding:0px !important;}
	.sc_Items .rolling_box {padding-left:30px;}
	.sc_Items .rolling_box li {width:300px !important; padding-left:0px !important; margin-right:30px;}
	.sc_Items .rolling_wrap .rolling_box .item_list {margin-left:0px !important;}

	.sc_Review> .layout_fix {padding:0px !important;}
	.sc_Review .rolling_box {padding-left:30px;}
	.sc_Review .rolling_box .li {width:240px; margin-right:30px;}
	.sc_Review .review_list {margin-left:0px !important;}
	.sc_Review .review_box {margin-left:0px !important;}

	.sc_Best .best_list .li {width:400px; margin-right:15px;}

	.sc_NewItems .item_list.pc_type_box5 li:nth-child(n+5) {display:none;}

}








/* 900px ~ Mobile Start ---------------------------------------------------------------- */
@media screen and (max-width:900px) {

	img.this_pc {display:none;}
	img.this_mo {display:block;}

	.sc_Header .top_menu {flex:none}
	.sc_Header .user_link {display:none;}

	.sc_Footer {padding-bottom:75px; margin-top:60px;}
	.sc_Footer .copyright .layout_fix {justify-content:center; font-size:11px;}

	.sc_GnbNavi .major_navi .layout_fix {height:60px; padding-left:0px !important;}
	.sc_GnbNavi .btn_slide {display:none;}
	.sc_GnbNavi .category .li.hit .first_menu:before {display:block;}
	.sc_GnbNavi .category .swipe_box .ul {padding:0 20px;}

	.sc_Visual .rolling_box li {width:510px; padding:0 5px;}
	.sc_Visual .roll_ctrl {display:none !important}
	.sc_Visual .visual_text .btn_go {width:19px; height:19px; border:1px solid var(--mono-clear); border-radius:100px;}
	.sc_Visual .visual_text .btn_go strong {display:none;}
	.sc_Visual .visual_text .btn_go:after {background-size:5px;}
	.sc_Visual .visual_img .cutting {border-radius:15px;}
	.sc_Visual .visual_img .cutting img {border-radius:0px;}

	.sc_Group {margin-top:50px;}

	.sc_Go {padding-bottom:25px;}
	.sc_Go .swipe_box ul {gap:10px}
	.sc_Go .banner .img_box {width:70px;}
	.sc_Go .banner .title {font-size:13px;}

	.sc_Single .layout_fix {padding:0px !important;}
	.sc_Single .rolling_wrap {border-radius:0px;}
	.sc_Single .roll_pagi {height:25px; font-size:11px; width:50px;}

	.sc_Best {padding:50px 0;}
	.sc_Best .best_list .li {width:300px;}
	.sc_Best .one_best .upper_visual {height:180px;}
	.sc_Best .one_best .upper_visual .ctg_name {font-size:19px;}
	.sc_Best .one_best .upper_visual .link:after {width:7px;}

	.item_box .info {font-size:14px;}

	.sc_Tag {padding-bottom:40px;}

	.sc_Items .rolling_box li {width:240px !important;}

	.sc_Review .rolling_box .li {width:200px;}

	.sc_NewItems .item_list.pc_type_box5 li:nth-child(n+4) {display:none;}

	.sc_Items.sc_MdPick .rolling_box li {width:300px;}

}








/* 700px ~  ---------------------------------------------------------------- */
@media screen and (max-width:700px) {

	.sc_Header {padding-top:20px;}
	.sc_Header .icon_link li.this_mobile_hide {display:none;}
	.sc_Header .search_open {position:fixed; top:0; border-radius:0px; height:100%;}
	.sc_Header .search_form {padding-right:5px;}
	.sc_Header .search_form .input_search {height:45px; padding-left:35px;}
	.sc_Header .search_form .btn_search {right:5px}
	.sc_Header .search_form .tie_form:before {left:15px}
	.sc_Header .keyword_list ul {max-height:100%}

	.sc_Footer .this_info .wrapping {flex-direction:column; padding:40px 0 30px;}
	.sc_Footer .this_cs .wrapping {flex-direction:column; gap:15px}
	.sc_Footer .cs_center {order:-1}
	.sc_Footer .cs_center .contact {flex-direction:column;}
	.sc_Footer .cs_center .time {margin-left:0px; padding-left:0px; border:0; margin-top:15px;}
	.sc_Footer .company_info {gap:6px 10px; font-size:12px;}
	.sc_Footer .company_info .guide {font-size:11px;}
	.sc_Footer .auth_logo {order:3}

	.sc_GnbNavi {margin-top:15px;}
	.sc_GnbNavi .category .swipe_box .ul {padding:0 5px;}

	.sc_Visual {margin-top:0px;}
	.sc_Visual .rolling_box {padding:0 25px;}
	.sc_Visual .rolling_box li {width:100%;}
	.sc_Visual .visual_img .cutting {height:90%;}
	.sc_Visual .visual_img img {border-radius:15px;}
	.sc_Visual .visual_text {margin-top:12px;}
	.sc_Visual .visual_text .title {font-size:19px;}
	.sc_Visual .visual_text .text {font-size:14px; margin-top:4px;}

	.sc_Group_tit .layout_fix {align-items:flex-start}
	.sc_Group_tit .tit {font-size:25px;}
	.sc_Group_tit .point {font-size:15px;}
	.sc_Group_tit .sub {font-size:13px;}

	.sc_More_btn .link {padding:5px 10px; margin-right:-10px;}
	.sc_More_btn .link strong {display:none;}
	.sc_More_btn .link:after {filter:none; width:8px; height:15px;}

	.sc_tab .swipe_box ul {gap:5px;}
	.sc_tab .tab {height:36px; font-size:14px; min-width:70px; padding:0 14px;}

	.sc_Ad .banner_list {margin-left:0px;}
	.sc_Ad .rolling_box li {width:100%;}
	.sc_Ad .banner {margin-left:0px; border-radius:0px;}

	.sc_Tag .keyword_box .link {font-size:12px;}

	.sc_Items .rolling_box {padding-left:15px;}
	.sc_Items .rolling_box li {width:165px !important; margin-right:15px !important;}

	.sc_Review .rolling_box {padding-left:15px;}
	.sc_Review .rolling_box .li {width:160px; margin-right:15px;}

	.sc_NewItems .item_list.pc_type_box5 li:nth-child(n+4) {display:block;}
	.sc_NewItems .item_list.pc_type_box5 li:nth-child(n+5) {display:none;}

	.sc_Items.sc_MdPick .rolling_box li {width:260px !important;}

}
