@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 .gnb_menu .nav_box:hover .first_menu {color: #333;}
	.sc_Header .gnb_menu .nav_box .nav_li:hover .first_menu {color: #4a108b;}
	.sc_Header .gnb_menu .nav_box .nav_li:hover .depth_box {display: block;}
	.sc_Header .gnb_menu .depth_box .second_menu:hover .tx {color: #4a108b;}
	.sc_Header .gnb_menu .depth_box .second_menu:hover .tx:before {width: 100%;}
	.sc_Header .other_menu .user_link .menu:hover {color: #7F30E1;}
	.sc_Header .other_menu .user_link .menu:hover {color: #7F30E1;}
	.sc_Header .search_open .keyword_box .link:hover .tx:before {display: block;}
	.sc_Footer .menu_box .menu:hover {text-decoration:underline;}
	.sc_Header .search_open .keyword_box .link:hover {background:#f5f5f5;}


	/* 상품영역 ==================== */
	.sc_Md .tab_box .tab:hover {background: #eee; border-color: #eee;}
	.sc_Ctg .tab_box .tab:hover .tx {color: #4a108b;}


	/* 디자인영역 ==================== */
	.sc_Group_tit a.tit:hover {color: #4a108b;}
	.sc_More_btn .link:hover {border-color: #000;}
	.sc_Ad .banner .img_box:hover img {transform: scale(1.07, 1.07);}
	.sc_Single .rolling_wrap:hover .roll_prevnext {opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100);}

	.sc_Review .review_box .photo:hover {cursor: pointer;}
	.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 .about_item .info .name:hover {text-decoration:underline;}

	.sc_Service .btn_order:hover {background: #222; color: #fff;}
	.sc_Service .sns_list .btn_sns:hover {border-color: #333; background:#fff;}
	.sc_Service dl:hover {background:#fafafa;}

}

.main_best_tit {
	font-size: 42px;
	left: 45%;
	top: -15%;
}

@media screen and (max-width:1740px){
	.make_p_right { max-width:950px; }
	.youtube_right { padding-left: 50%; }
}

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

	.sc_Header .other_menu { margin-left:5%; width:28%; }
	.sc_Header .gnb_menu { left:10px; }

	.sc_Visual .layout_fix {padding:0px !important;}
	.sc_Menu{max-width: 1100px;}
	.sc_Menu li img{max-width: 78px;}
	.sc_Menu li span{font-size: 15px; margin-top: 4px; line-height: 24px;}
	.sc_Menu ul li:nth-last-child(-n+11){padding-bottom: 0;}
	.roll_prevnext{width: 50px; height: 50px; background-size: contain;}
	.sj_section .layout_fix2{max-width: 1000px;}

	.swiper-button-next.new_next.main{right: -7%; top: 60%;}
	.swiper-button-prev.new_prev.main{left: -7%; top: 60%;}
	.swiper-button-prev.new_prev.main.item2, .swiper-button-prev.new_prev.main.item10 { left: 1%; }
	.swiper-button-next.new_next.main.item2, .swiper-button-next.new_next.main.item10 { right: 1%; }


	.prod_name{font-size: 17px;}
	.prod_spec{font-size: 14px;}
	.prod_price .real_price{font-size: 19px;}

	.main_best_tit {
		font-size: 42px;
		left: 28%;
		top: -15%;
	}

	.spt_tit span{font-size: 24px;}
	.spt_tit{font-size: 43px;}
	.tab_area .tabnav li a.active{font-size: 32px;}
	.tab_area .tabnav li a.active::before{width: 33px; height: 33px;}
	.tab_area .tabnav li a{font-size: 28px;}

	.d_view .img_box{max-width: 670px;}
	.d_view_tit{font-size: 36px;}
	.d_view_cont .spc_txt{font-size: 32px;}
	.d_view_cont{font-size: 20px;}
	.d_view_txt{padding-left: 7%;}

	.hot_tabnav a{font-size: 26px;}
	.hot_tabnav a.active::after{width: 45px;}

	.make_p_left .make_p_txt{font-size: 20px;}
	.make_p_left{width: 44%; padding: 5% 4%;}
	.make_p_right{width: 63%;}

	.sj_section.sad{max-width: 1150px;}
	.sj_section.sad .img_wrap img{max-width: 100%;}
	.swiper-button-prev.sad{max-width: 56px; height: 56px; left: -6%;}
	.swiper-button-next.sad{max-width: 56px; height: 56px; right: -6%;}
	.sc_Group.sj_section{margin-top: 10%;}

	.review_cont{font-size: 15px; line-height: 21px; min-height: 42px;}
	.review_prod{font-size: 15px;}

	.spt_tit4{font-size: 38px;}
	.spt_tit4 span{font-size: 43px;}
	.spt_tit4 span::before{top: -12px; height: 12px;}

	.real_s_tit{font-size: 38px;}
	.realstory .white_box .text_box p{font-size: 26px; line-height: 30px;}
	.realstory .white_box .text_box p.rs_from{font-size: 16px;}
	.realstory .white_box .rs_page{font-size: 22px; margin-top: 6%;}

	.spt_tit2{font-size: 33px;}
	.spt_tit2::before{width: 140px; height: 40px;}
	.store_name{font-size: 23px;}

	.youtube_area{left: 7%; top:4%}
	.youtube_wrap .youtube_box iframe{max-width: 600px; max-height: 338px;}
	.youtube_right .spt_tit3{font-size: 33px; line-height: 44px;}
	.youtube_right { padding-left: 45%; }

	.sc_Group_tit .tit{font-size: 33px;}
	.instar_img img{max-width: 100%;}
	
	.make_p_right { max-width:900px; }

	.bi_list li .bi_info { font-size:18px; }
	.bi_list li .bic_mid { font-size:20px; }
}








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

	/* 상하단 ==================== */
	.sc_Header .wrapping {gap:0 30px; flex-wrap:wrap; /*padding: 0 30px 0 0;*/}
	.sc_Header {padding:25px 0;}
	.sc_Header .logo_box {align-items:flex-start; flex:10;}
	.sc_Header .logo_box img{max-width: 92%;}
	/* .sc_Header .gnb_menu {order: 3; width: 100%; flex: none; margin-top:15px;} */
	.sc_Header .search_box .hd_sb_wrap{width: 330px;}

	/* 디자인영역 ==================== */
	.sc_Review .rolling_box .li {width: 25%;}
	.sc_Review .rolling_box {margin-left: -15px;}
	.sc_Review .review_box {margin-left:15px;}



	/* 새로운 헤더 (소진추가) */
	.sc_Header .gnb_menu{padding: 0 15px; box-sizing: border-box;}
	.sc_Header .search_box{width: 350px;}

	.c_section.c_formpage{padding: 15px 15px 0;}
	.form_tit label.c_label .tx{height: inherit;}

	.sc_Footer .layout_fix{max-width: 1100px;}
	.sc_Footer .menu_box .menu{font-size: 17px;}
	.ft_cont_box p{font-size: 15px;}
	.ft_cont_box:nth-child(3) span{font-size: 27px;}
	.ft_cont_box .ftcont_tit{font-size: 20px;}

	
	.cap_top ul li{font-size: 15px;}
	.cap_top ul li span{font-size: 18px;}
	.cap_top .cap_top_wrap{max-width: 1200px; box-sizing: border-box;}


	/* 장바구니 > 결제 */
	.sj_order.c_order .cart_item .option_total li{font-size: 14px;}
	.sj_order.c_order .cart_item .option_total ul{gap: 8px 10px;}

	.youtube_wrap .youtube_box iframe{max-width: 570px; max-height: 320px;}
	.youtube_right .spt_tit3{font-size: 30px; line-height: 40px;}
	.sj_section.sad{max-width: 1100px;}
}


@media screen and (max-width:1280px){
	.sj_section .layout_fix2{max-width: 850px;}

	.sc_Menu{width: 97%; min-height: 270px;}
	.sc_Menu li{padding: 0 1%; box-sizing: border-box;}
	.sc_Menu li img{max-width: 100%;}
	.sc_Menu li span{font-size: 11px; line-height: 20px;}

	.prod_spec{font-size: 13px;}
	.prod_price .real_price{font-size: 17px;}

	.swiper-button-next.new_next.main::after,
	.swiper-button-prev.prev.main::after,
	.new_prev.main::after, .new_next.main{font-size: 35px;}

	.tabnav{ width: 20%;}
	.tab_right{ width: 80%;}
	.tab_area .tabnav li a.active{font-size: 24px;}
	.tab_area .tabnav li a.active::before{left: 0;}
	.tab_area .tabnav li a{font-size: 23px;}

	.d_view_tit{font-size: 28px;}
	.d_view_cont .spc_txt{font-size: 26px;}
	.d_view_cont{font-size: 16px; line-height: 27px;}
	.swiper-button-next.sad,
	.swiper-button-prev.sad{max-width: 46px; height: 46px; right: -5%;}
	.real_s_tit{font-size: 30px;}
	.realstory .white_box .text_box p{font-size: 24px; line-height: 28px;}
	.realstory .white_box .rs_page{font-size: 18px;}
	.store_name{font-size: 20px;}
	.youtube_wrap .youtube_box iframe{max-width: 550px; max-height: 310px;}
} 



@media screen and (max-width:1230px){
	.hd_new_menu a{padding: 8px;}

	.new_info{font-size: 14px; padding: 7px 0;}
	.list_wrap .item_box .info .item_name{font-size: 20px;}
	.tabnav li a{padding: 15px; padding: 0 25px; line-height: 38px;}
	.tabcontent .left_wrap .img_txt p{font-size: 33px;}
	.tabcontent .left_wrap .img_txt a{font-size: 18px;}
	.spt_tit{font-size: 30px;}
	.spt_tit::before{width: 30px; height: 30px;}
	.spt_tit span { font-size:26px; }
	.main_best_tit{font-size: 30px;}
	.main_star_wrap .fix_img img{max-width: 100%;}
	.main_star .fix_area{left: inherit;}
	.main_star_wrap{padding: 0 20px;}
	.main_star .fix_txt .fix_tit{font-size: 35px;}
	.main_star .fix_txt a{font-size: 15px;}
	.main_mp_cont{font-size: 17px; margin-top: 3%;}
	.main_mp_tit{font-size: 22px;}
	.mp_arrow{width: 45px; height: 45px;}
	.adver_nav li{font-size: 22px;}
	.adverwrap{margin-top: 2%;}
	.num_pg.swiper-pagination{font-size: 16px;}


	.sc_Footer .layout_fix{max-width: 980px;}
	.for_1230{display: block;}
	.sc_Footer .menu_box ul.ft_icon_box{display: none;}
	.ft_icon_box.mobile{display: flex; max-width: 204px; justify-content: space-between; margin: 0 auto;}

	.sc_Header .wrapping{max-width: 960px;}

	.sj_section.sad{max-width: 900px;}
	.b2c_btm_bann { width:100%; padding:0; margin-top:0px; }
	.b2c_btm_bann img { width:100%; }
	.bi_list li .bi_info { font-size:18px; }
	.bi_list li .bic_mid { font-size:20px; }
	.ft_content { padding-bottom:20px; }

}

@media screen and (max-width:1180px){
	.hd_new_menu a{padding: 5px; font-size: 15px;}
	.sc_Header .gnb_menu .nav_box .first_menu{padding: 5px; font-size: 15px;}

	.dd_arrow{right: 0; width: 58px; height: 58px;}
	.dd_arrow.dd_prev{left: 0;}
	.main_star .fix_area{width: 19%;}

	.sc_Footer .layout_fix{max-width: 930px;}
	.sc_Footer .menu_box{padding: 14px 0;}
	.sc_Footer .menu_box .menu{font-size: 16px;}
	.ft_cont_box .ftcont_tit{font-size: 18px;}
	.ft_cont_box:nth-child(3) span{font-size: 24px;}
	.ft_cont_box p{font-size: 14px; line-height: 26px;}

	.sc_Header .other_menu .user_link .menu{padding: 10px 9px 10px 0;}
	.other_menu li.icon_menu:nth-child(4){margin: 0 15px 0 24px;}
	.sc_Header .search_box .hd_sb_wrap{width: 290px;}

	

	.sj_section.sad{max-width: 800px;}
	.swiper-button-next.sad,
	.swiper-button-prev.sad{max-width: 38px;}
	.realstory .white_box .text_box p{font-size: 22px;}
	.store_name{font-size: 17px;}
	.spt_tit2{font-size: 30px;}
	.spt_tit2::before{width: 116px;}
	.youtube_right .spt_tit3{font-size: 22px; line-height: 30px;}
	.youtube_wrap .youtube_box iframe{max-width: 407px; max-height: 228px;}
	.sc_Group_tit .tit{font-size: 30px;}

	.bi_list li .bi_info { font-size:16px; }
	.bi_list li .bic_top { font-size:16px; }
	.bi_list li .bic_mid { font-size:18px; }
} 





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

	/* 디자인영역 ==================== */
	.sc_Service dl {padding:30px 10px; gap:20px}


	/*소진 추가 */
	.hd_new_menu a{padding: 0; font-size: 14px;}
	.sc_Header .gnb_menu .nav_box .first_menu{font-size: 14px;}

	.sc_Header{padding: 17px 0;}
	.sc_Header .other_menu .user_link .menu{font-size: 15px;}
	.sc_Header .search_box{width: 300px;}
	.sc_Header .logo_box{flex: 11;}
	.sc_Header .gnb_menu{padding: 0 0 0 15px;}

		
	.main_star .fix_txt .fix_tit{font-size: 28px;}
	.main_star .fix_txt a{font-size: 13px;}
	.main_mp_cont{font-size: 15px;}
	.spt_tit{font-size: 26px;}
	.spt_tit::before{width: 25px; height: 25px; top: -6px;}
	.spt_tit span { font-size:22px; }
	.main_best_tit{font-size: 26px;}
	.tab_adver .board_tit{font-size: 16px;}
	.tab_adver .board_sub span{font-size: 14px; margin-left: 11px;}
	.tab_adver li{padding: 12px 0;}
	.adver_nav li{font-size: 18px;}
	.new_info{font-size: 13px;}
	.list_wrap .item_box .info .item_name{font-size: 16px;}



	.add_btn a{font-size: 16px;}
	.add_btn a img{max-width: 17px;}

	.cap_top .closed_captop{right: 7px;}

	.c_order .cart_item .opt_price{top: 0;}

	.sj_section .layout_fix2{max-width: 750px;}

	.tab_area .tabnav li a.active{font-size: 22px;}
	.tab_area .tabnav li a{font-size: 21px;}

	.d_view .img_box{max-width: 450px;}
	.d_view_tit{font-size: 24px;}
	.d_view_cont .spc_txt{font-size: 22px;}
	.d_view_cont{font-size: 13px; line-height: 21px;}
	.make_people .spt_tit::after{height: 28px;}
	.make_p_left{width: 40%; padding: 3% 4%;}
	
	.b2c_info .img_wrap { width:90px; height:90px; }
	.bi_list li .bi_info { font-size:14px; }
	.bi_list li .bic_top { font-size:14px; }
	.bi_list li .bic_mid { font-size:16px; }
}







/* 900px ~ (Mobile Start)  ---------------------------------------------------------------- */
@media screen and (max-width:900px) {
	.right_quick{display: none;}
	/* 상하단 ==================== */
	body.if_view .sc_Header {display: none;}
	.sc_Header {padding:15px 0 0 0;}
	.sc_Header .wrapping {flex-wrap:nowrap; gap: 0; padding: 0 30px;}
	.sc_Header .other_menu {flex:none;}
	.sc_Header .other_menu .user_link {display: none;}
	.sc_Header .other_menu .icon_link {width: 95vw; justify-content: space-between;}
	.sc_Header .other_menu .icon_link .this_slide {display: flex; width: 80%;}
	.sc_Header .other_menu .icon_link .btn_slide {background-size:30px;}
	.sc_Header .other_menu .icon_link li{align-items: initial;}
	.sc_Header .other_menu .icon_link.mobile { display:none; }
	/* .sc_Header .gnb_menu {display:none;} */
	.sc_Header .category {display:block;}

	.sc_Footer {margin-top:0px;}
	.sc_Footer .layout_fix {flex-direction:column;}
	.sc_Footer .auth_box .pg .guide {text-align:left;}
	.sc_Footer .auth_box .logo {order:-1}
	.sc_Footer .auth_box .logo img {height:40px;}
	.sc_Footer .auth_box .ssl {order:-1}

	/* 디자인영역 ==================== */
	.sc_More_btn {margin-top:15px;}
	.sc_More_btn .link {max-width:100%; height:45px; font-size:13px;}
	.sc_Roll_ctrl {margin-top:15px;}
	.sc_Group {margin-top:50px;}
	.sc_Service .inner {flex-direction:column; border-top-width:1px;}
	.sc_Service .inner dl {border-left:0; flex-direction:row; align-items:center; border-top:1px solid #eee; padding:20px 0; gap:0}
	.sc_Service .inner dt {width:150px; border-right:1px solid #f2f2f2; font-size:12px;}
	.sc_Service .inner dd {flex:1; padding:0 10px;}
	.sc_Service .icon_box {margin-bottom:5px;}
	.sc_Service .icon_box img {height:30px;}
	.sc_Service .tit_en {font-size:15px;}
	.sc_Single .banner img.this_pc {display: none;}
	.sc_Single .banner img.this_mo {display: block;}
	.sc_Review {padding:50px 0;}
	.sc_Review .rolling_box .li {width: 33.333%;}
	.sc_Group_tit .tit {font-size:30px;}
	.sc_Md .tab_box .swipe_box ul {gap:0}
	.sc_Md .tab_box .tab {font-size:14px; padding:0 10px; height:35px;}
	.sc_Md .tab_box {margin-bottom:15px;}
	.sc_Item+ .sc_Item {padding-top:50px;}
	.sc_Visual .visual_img img.this_pc {display:none;}
	.sc_Visual .visual_img img.this_mo {display:block;}



	/* 소진추가 */
	.cap_top ul.cap_top_pc{display: none;}
	.cap_top ul.cap_top_mob{display: block; height: 30px;}
	.cap_top ul li{width: 100%; line-height: 28px;}
	.cap_top ul li:not(:last-child):after{display: none;}
	.sc_Header .logo_box{flex:3}
	.sc_Header .search_box{position: inherit; top:0; left: 0; transform: inherit; order: 2;}
	.sc_Header .gnb_menu{padding: 0;}

	.sc_Menu ul{margin-right: 1%;}
	.sc_Menu li { height:auto; width: 12%; margin: 0 0 0 2%;}

	.sc_Group.sj_section{margin-top: 70px;}
	.sc_Group.sj_section .layout_fix{padding: 0 4%;}
	.tabcontent .tab_leri{display: block;}

	/* .tabnav{ width: 22%; }
	.tabnav li a.active{ font-size: 22px !important; }
	.tabnav li a.active::before{ width: 22px; height: 22px; top: -9px; left: 0px !important; z-index: -1;}
	.tabnav li a{ font-size: 20px  !important; margin-bottom: 10%; }
	.tab_right{ width: 78%; } */

	.tabcontent .left_wrap{width: 100%;}
	.tabcontent .left_wrap .img_box{padding-right: 0;}
	.tabcontent .right_wrap{width: 100%; margin-top: 5%;}
	.tabcontent .right_wrap .list_wrap .thumb{padding-bottom: 100%;}
	.spt_tit{font-size: 24px;}
	.spt_tit span { font-size:16px; }
	.main_best_tit{font-size: 24px;}
	.main_star .fix_txt .fix_tit{font-size: 22px;}
	.dd_arrow{width: 48px; height: 48px;}
	.main_star_wrap{padding: 0;}
	.make_people .swiper-slide{display: block;}
	.make_people .swiper-slide > div{width: 100%; padding: 0; margin-bottom: 5%;}
	.tab_adver .board_tit{font-size: 15px;}
	.num_pg.swiper-pagination{padding: 7px;}

	.comple_box .complete_tit{font-size: 45px; margin-bottom: 2%;}
	.comple_box .complete_cont{font-size: 25px;}
	.comple_box .complete_cont span{font-size: 30px;}

	.all_agree.form_tit label.c_label .tx{font-size: 20px;}
	.c_form .form_ul+ .form_ul{margin-top: 20px; padding-top: 20px;}
	.form_tit label.c_label .tx{font-size: 17px;}
	.c_form .form_li:not(:last-child){margin-bottom: 17px;}
	.c_formpage .c_btnbox .c_btn{height: 58px;}
	.c_formpage .c_btnbox.type_full ul{max-width: inherit; gap: 25px;}


	.sc_Footer .menu_box ul{justify-content: space-between; width: 90%; margin: 0 auto; gap: 0;}
	.sc_Footer .menu_box .menu{padding: 0 15px; font-size: 15px;}
	.sc_Footer .menu_box .ft_menu li:not(:nth-child(n+5))::after{right: -12px;}
	.ft_content{display: block; padding-bottom:10px;}
	.ft_content .ft_cont_box{text-align: left; margin-bottom: 2%;}
	.ft_icon_box.mobile{margin: 0 auto 70px; padding-bottom:100px;}


	.sc_Header .search_box{display: none;}
	.sc_Header .other_menu{position: absolute; width: auto;}

	.sc_Header .other_menu .icon_link.mobile{visibility: visible;}
	.sc_Header .logo_box a{position: relative; z-index: 500;}

	.c_order .cart_wrap .area_ctrl{width: 100% !important; margin-left: 0 !important;}

	.sc_Menu{display: none;}
	.sj_section .layout_fix2{width: 75%;}

	.roll_prevnext{width: 35px; height: 35px;}
	.best_modi .swiper-slide:nth-child(3n) .img_box{padding-bottom: 113%;}
	.new_prev.main::after, .new_next.main::after{font-size: 25px;}
	.swiper-button-next.new_next.main::after, .swiper-button-prev.prev.main::after{font-size: 25px; top: 55%;}

	.main_best_tit {
		position: inherit;
		left: 0;
		text-align: center;
		margin-bottom: 7%;
	}

	.tab_area{display: block;}
	.for_m_tit{display: block;}
	.tab_area .tab_right .sc_Group_tit{display: none;}
	.tab_area .tabnav{width: 100%; display: flex; justify-content: space-between;}
	.tab_area .tab_right{width: 100%;}
	.tab_area .tabnav li a{padding: 0;}
	.tab_area .tabnav li a.active::before{left: -17px; width: 30px; height: 30px;}
	.d_view{display: block;}
	.d_view .img_box{max-width: 93%; padding-left: 7%;}
	.d_view_txt{margin-top: 25%; padding-left: 0; max-width: 50%; margin-left: 17%;}
	.d_view_box{width: 100%; padding: 17% 9% 22% 11%;}
	.hot_tabnav a{font-size: 20px;}
	.hot_tabnav a.active::after{width: 34px;}
	.make_p_left .make_p_txt{font-size: 17px; line-height: 25px;}
	.review_img{position: relative; width: 100%; height: 0; padding-bottom: 65%;}
	.review_img img{position: absolute; width: 100%; height: 100%; object-fit: cover;}
	.swiper-button-next.sad, .swiper-button-prev.sad{display: none;}
	.realstory .spt_tit::before{top: 17%;}
	.rs_list ul li{width: 50%;}
	.realstory .white_box{width: 85%; margin: 0 auto;}
	.real_s_tit{font-size: 23px;}
	.youtube_wrap .youtube_box iframe{max-width: 330px; max-height: 186px;}
	.youtube_right .spt_tit3{font-size: 18px; line-height: 25px;}
	.youtube_area{left: 4%;}
	.ddang.swiper-container{padding-top: 10%;}

	.bi_list li { width:100%; margin-bottom:20px; }
}








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

	/* 상하단 ==================== */
	.sc_Header .other_menu .icon_link .btn {background-size:30px; width:40px; height:40px;}
	.sc_Header .other_menu .icon_link .btn_slide{background-size: 25px;}
	.sc_Header .other_menu .icon_link .cart_num {top:0; }
	.sc_Header .search_open {padding:30px 20px;}
	.sc_Header .search_open .tit {font-size:30px;}
	body.if_shop_order .sc_Footer {padding-bottom:150px}
	.sc_Header .wrapping {padding: 10px 15px;}



	/* 디자인영역 ==================== */
	.sc_Review {padding:30px 0;}
	.sc_Service .inner dt {width:120px;}
	.sc_Ad .rolling_box li:only-child {width: 100%;}
	.sc_Group {margin-top:30px;}
	.sc_Group_tit {margin-bottom:5px;}
	.sc_Group_tit .tit {font-size:25px;}
	.sc_Ctg .tab_box .swipe_box ul {gap:5px}
	.sc_Ctg .tab_box .tab strong {padding:0 10px;}
	.sc_Ad .banner .txt_box {font-size:13px;}
	.sc_Ad .banner .txt_box {padding:20px 5px;}
	.sc_Roll_ctrl .roll_icon {display:none;}
	.sc_Roll_ctrl .roll_pagi {display:flex;}
	.sc_Visual .sc_Roll_ctrl .roll_prevnext {display:none;}
	.sc_Single .layout_fix {padding:0px !important;}


	.sc_Md .tab_box .hit .tab::before{top: 9%; left: 5%;}

	.sc_Header .search_box button img{max-width: 50%;}

	.spt_tit{font-size: 21px;}
	.spt_tit::before{width: 20px; height: 20px; left: -8px;}
	.spt_tit span { font-size:14px; }
	.main_best_tit{font-size: 21px;}

	.tabcontent .left_wrap .img_txt p{font-size: 28px;}
	.dd_arrow{width: 40px; height: 40px;}
	.main_mp_tit{font-size: 19px;}
	.tab_adver .board_tit{font-size: 14px;}
	.tab_adver .board_sub span{font-size: 12px; margin-left: 8px;}
	.adver_nav li{font-size: 15px;}
	.adver_nav li a{padding: 0 7px;}
	.adver_nav li a.active::after{top: 64%; height: 8px; border-radius: 6px;}

	/* 회원가입 완료 */
	.comple_box .complete_tit{font-size: 35px;}
	.comple_box .complete_cont{font-size: 20px;}
	.comple_box .complete_cont span{font-size: 25px;}
	.comple_box a{height: 58px; line-height: 58px;}
	.c_process .num{width: 60px; height: 60px; font-size: 22px;}
	.c_process .num img{max-width: 30px;}
	.c_process .tit{font-size: 18px;}
	.comple_box{margin-top: inherit;}


	.c_form .form_dl{flex-direction: row; align-items: center;}
	.c_form .form_dt{width: 155px; margin-bottom: 0;}
	.c_form .form_dt .tit{font-size: 18px;}
	.c_formpage .form input.input_design{width: 72%;}
	.c_form .form_dt.add_dt{padding: 70px 0 70px 20px;}
	.c_formpage .c_group_tit .tit{font-size: 20px;}
	.mjf_box{padding: 8%;}
	

	.sc_Footer .menu_box ul{width: auto;}
	.sc_Footer .menu_box .menu{padding: 0 10px;}
	.sc_Footer .menu_box .ft_menu li { font-size:12px; }
	.sc_Footer .menu_box .ft_menu li:not(:nth-child(n+5))::after{right: -2px;}
	.sc_Footer .layout_fix{padding: 0 10px;}

	.cap_top{padding: 8px 0;}

	.sc_Header .logo_box img{max-width: 80%;}

	.make_p_left .make_p_txt{font-size: 13px; line-height: 17px;}
	.make_people .spt_tit{font-size: 18px;}
	.make_people .spt_tit::after{height: 20px; margin: 3px auto;}
	.make_p_left{padding: 6% 4%;}
	.make_p_right{top: 2%;}

	.swiper-button-next.new_next.main.bst_rev,
	.swiper-button-prev.new_prev.main.bst_rev{top: 45%;}
	.swiper-button-next.new_next.main.bst_rev::after,
	.new_prev.main.bst_rev::after{font-size: 25px;}

	.realstory .white_box .text_box p{font-size: 16px; line-height: 19px;}
	.realstory .white_box .rs_page{font-size: 14px;}
	.spt_tit2{font-size: 22px;}
	.spt_tit2::before{width: 90px; height: 28px;}
	.youtube_wrap .youtube_box iframe{max-width: 228px; max-height: 128px;}
	.youtube_right .bg_tit_sml{font-size: 12px;}
	.youtube_right .spt_tit3{font-size: 14px; line-height: 19px;}

	.c_page_tit .tit2 { font-size:24px !important; }

    .tab_area .tabnav { margin:0 auto; width:70%; justify-content: space-around; }
	.tab_area .tabnav li a.active::before{left: -10px; top:2px; width: 20px; height: 20px;}

	.bi_list li { padding:8% 4%; }
	.bi_list li .bi_info {
        font-size: 13px;
    }
	.bic_top {
        font-size: 13px;
    }
	.bic_mid { font-size:15px; }
	.bi_list li .bic_btm { font-size:17px; }
	.spt_tit::after { width:2px; height:20px; }

	.pcWrap { display:none; }
	.mobileWrap { display:block; padding-bottom:25%; }

	/************************************************* NEW footer **********************************************/
	.menu_mbox .layout_fix {
		display: flex;
		justify-content: center;
		align-items: center;		
	}

	.menu_mbox ul {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		gap: 15px;
		padding:12px 0;
		
	}

	.menu_mbox .mmenu {
		font-size: 14px;
		padding: 0 10px;
		box-sizing: border-box;
		line-height: 1;
		color: #333;
	}

	.menu_mbox .m_menu li {
		position: relative;
		font-size:14px;
	}

	.menu_mbox .m_menu li:not(:nth-child(n+3))::after {
		position: absolute;
		top: 50%;
		right: -8px;
		width: 1px;
		height: 14px;
		background-color: #5E5E5E;
		content: "";
		display: block;
		transform: translateY(-50%);
	}
	.menu_mbox .snslist {
		padding: 0 10px;
		box-sizing: border-box;
		line-height: 1;
		color: #333;
	}

	.menu_mbox .snslist li {
		position: relative;
	}
	.foot_com_name { width:100%; margin:10px auto; text-align:center; color:#777777; font-size:14px; line-height:25px; font-weight:400; }
	.foot_com_name span { font-size:14px; font-weight:500; line-height:30px; margin-top:10px; }
	.snslist { padding:0 10px; }
}  

@media screen and (max-width:580px) {
	.sc_Header .search_box{width: 230px;}
	.sc_Header .search_box input{font-size: 13px; line-height: 21px;}
	.sc_Group{margin-top: 10%;}
	.sc_Menu{width: 100%;}
	.sc_Menu li { width:14%;}
	.sc_Menu li span { line-height:20px; font-weight:400; }


	.add_btn a{font-size: 14px;}

	.main_star .fix_area{width: 23%;}
	.main_star .star_list{margin-left: 30%;}
	.rise_img{border-radius: 6px;}
	.tab_adver .board_tit{width: 70%;}
	.make_people.swiper-container{max-width: 85%;}
	.main_mp_cont{font-size: 13px;}
	.main_mp_tit{font-size: 17px;}
	.sc_Menu{width: 90%; margin-top: 30px;}
	.new_info{font-size: 11px;}

	/* 로그인 반응형 */
	.login_tab{max-width: 296px; margin: 0 auto;}
	.login_tabnav li{height: 38px;}
	.login_tabnav li a{line-height: 36px; font-size: 13px;}
	.c_login .input_design{max-width: 250px; font-size: 14px; padding-left: 28px; height: 40px;}
	.c_login input[placeholder^="아이디"],.c_login input[placeholder^="비밀번호"]{background-size: 14px;}
	.save_id.c_label_box .tx{font-size: 14px; gap: 9px;}
	.save_id.c_label_box .icon{width: 16px; height: 16px;}
	label.c_label input[type=checkbox]+ .tx .icon{background-size: 8px !important;}
	.c_login .c_btnbox{margin-top: 16px;}
	.c_login .login_tab .c_btn{margin: 18px auto; height: 44px; line-height: 44px; font-size: 17px;}
	.c_login .other_link li a.btn{font-size: 13px;}
	.c_login .other_link li:not(:last-child)::after{right: -60%;}
	.c_sns_login .btn{width: 49px; height: 49px;}
	.c_sns_login ul{max-width: 100%}
	.c_login .btn_guest em{font-size: 12px;}
	.c_login .btn_guest strong{font-size: 14px;}

	.comple_box .complete_tit{font-size: 25px;}
	.comple_box .complete_cont{font-size: 14px;}
	.comple_box .complete_cont span{font-size: 14px;}
	.comple_box .img_box img{max-width: 240px;}
	.comple_box a{height: 47px; line-height: 47px; width: 143px; font-size: 15px; margin-top: 16%;}
	.c_process .num{width: 44px; height: 44px; font-size: 15px;}
	.c_process .num img{max-width: 22px;}
	.c_process .tit{font-size: 14px; margin-top: 15px;}


	.all_agree.form_tit label.c_label .tx{font-size: 16px;}
	.form_tit label.c_label .tx{font-size: 13px; line-height: 20px;}
	.c_formpage label.c_label .icon{width: 24px; height: 24px;}
	.c_formpage label.c_label .icon{margin-right: 10px;}
	.c_formpage .c_btnbox .c_btn{font-size: 15px; height: 47px;}


	.c_formpage .form input.input_design{max-width: 120px; height: 32px; padding: 0 9px;}
	.c_form .form_dt{width: 104px; padding: 20px 0 20px 12px;}
	.c_form .form_dt .tit{font-size: 12px;}
	.c_formpage .form label.c_label .tx{font-size: 12px;}
	.c_formpage .form label.c_label .icon{width: 20px; height: 20px; margin-right: 4px;}
	.c_formpage .form .c_btn.h45{height: 32px;}
	.fd_tip_wrap .form_dd{padding: 10px 0 10px 15px;}
	.fd_tip_wrap .form_dt{padding: 35px 0 35px 12px;}
	.c_form .tip_txt{font-size: 10px;}
	.c_form .form_dt.add_dt{padding: 60px 0 60px 12px;}
	.c_formpage .c_group_tit .sub_txt{font-size: 9px;}

	.c_order.c_formpage .c_labelbox{gap: 0px;}
	.c_select select{font-size: 11px; height: 30px;}

	.pc_bann{display: none;}
	.m_bann{display: block;}

	.sc_Footer .menu_box .menu{font-size: 12px; padding: 0 10px;}

	.swiper-button-prev.new_prev.main.item2, .swiper-button-prev.new_prev.main.item10 { left: -1%; }
	.swiper-button-next.new_next.main.item2, .swiper-button-next.new_next.main.item10 { right: -1%; }
	.hot_tab_cont { width:90%; margin:0 auto; }
}

@media screen and (max-width:480px) {
	.sc_Header .gnb_menu .btn_slide{background-size: 25px !important;}

	.main_mp_tit{font-size: 15px;}
	.main_mp_con{font-size: 12px;}
	.spt_tit{font-size: 20px;}
	.spt_tit::before{width: 15px; height: 15px; left: -5px;}
	.spt_tit span { font-size:16px; }
	.main_best_tit{font-size: 18px;}
	.mp_arrow{width: 38px; height: 38px;}
	.make_people .swiper-slide > div{margin-bottom: 7%;}


	/* 재고처리	상품 별표 삭제 */
	.item_box .review{display: none;}

	/* .sc_Menu li{width: 17.5%;}
	.tabnav li{margin-right: 0;}
	.tabnav li a{font-size: 11px; width: 90%; padding: 0;}
	.tabnav li a.active{font-size: 12px;}
	.tabnav{text-align: center;} */

	.tabcontent .left_wrap .img_txt p{font-size: 23px;}
	.tabcontent .left_wrap .img_txt a{font-size: 15px;}
	.main_star .fix_txt .fix_tit{font-size: 16px; margin-bottom: 2px;}
	.main_star .fix_txt a{font-size: 10px;}
	
	.mp_arrow{top: 20px;}
	.mp_arrow.mp_prev{left: 78%;}

	.c_form .form_dt{width: 95px;}
	.c_formpage .form .c_btn.h45{padding: 0 10px !important; font-size: 10px !important;}


	.sc_Footer .menu_box .menu{font-size: 12px; padding: 0 5px;}
	.sc_Footer .menu_box .ft_menu li:not(:nth-child(n+5))::after{background-color: #D8D8D8; height: 9px; right: 0;}
	.ft_content{padding: 25px 0 0 !important;}
	.ft_content .ft_cont_box{margin-bottom: 3%;}
	.ft_cont_box p{font-size: 12px; line-height: 23px;}
	.ft_cont_a a{font-size: 12px;}
	.ft_cont_box:nth-child(3) .spc_ft_fs{font-size: 18px;}
	.sc_Footer .menu_box .layout_fix{padding: 0;}


	.cap_top{padding: 3px 0;}
	.cap_top ul li span{font-size: 14px;}
	.cap_top ul li{font-size: 12px;}
	.cap_top ul li img{max-width: 15px; margin: -5px 8px 0 0;}
	.cap_top ul.cap_top_mob li:nth-child(3) img{margin-top: -3px; max-width: 17px;}

	.sc_Header .logo_box img{max-width: 60%;}
	.sc_Header .wrapping{padding: 3px 15px 0;}
	.sc_Header .other_menu .icon_link .this_slide{width: 74%;}
	.sc_Header .other_menu .icon_link .btn{background-size: 25px; width: 35px; height: 35px;}
	.sc_Header .other_menu .icon_link .btn_slide{background-size: 20px;}



	/* 장바구니 > 결제 */
	.sj_order.c_order .cart_item .option_total li{font-size: 12px;}
	.sj_order .c_group_tit .shop_name{font-size: 23px;}


	.sc_Group.sj_section{ width:100%; margin-top: 10%; min-height:100px; border:0px solid red; }
	.swiper-button-prev.new_prev.main{left: 0%;}
	.swiper-button-next.new_next.main{right: 0%;}
	.prod_name{font-size: 13px;}
	.prod_spec{font-size: 9px;}
	.prod_price .real_price{font-size: 13px;}
	.prod_box .main_icon::before{font-size: 8px;}
	.prod_box .main_icon{width: 47px; height: 19px;}
	.best_modi .best_icon{right: 10px;}
	.tab_area .tabnav li a.active{font-size: 17px;}
	.tab_area .tabnav li a{font-size: 17px;}
	.tab_right .swiper-button-next.new_next.main,
	.tab_right .swiper-button-prev.new_prev.main{top: 39%;}
	.spt_tit::after{width: 1px; height: 15px;}
	.d_view .img_box{max-width: 90%; padding-left: 10%;}
	.d_view_cont .spc_txt{font-size: 20px;}
	.d_view_txt{max-width: 63%; margin-left: 7%;}
	.d_view_box{padding: 12% 9% 8% 11%;}
	.hot_tabnav a{font-size: 17px;}
	.make_people .spt_tit{font-size: 15px;}
	.make_p_left .make_p_txt{font-size: 11px;}
	.spt_tit4 span{font-size: 20px;}
	.spt_tit4{font-size: 20px;}
	.spt_tit4 span::before{width: 15px; height: 7.5px; left: 2px;}
	.realstory .spt_tit{font-size: 18px;}
	.real_s_tit{font-size: 18px;}
	.realstory.sj_section{padding-top: 10%;}
	.realstory.sj_section .layout_fix2{width: 90%;}
	.store_name{font-size: 15px;}
	.youtube_right .spt_tit3{font-size: 13px;}
	.youtube_right_box{width: 75%; padding: 9% 0 6% 25%;}
	.youtube_right{padding-left: 41%;}
	.youtube_wrap .youtube_box iframe{max-width: 183px; max-height: 104px;}
	.instar_sec{position: relative;}
	.instar_sec .sc_Group_tit .tit{font-size: 20px;}
	.instar_sec .add_btn{position: absolute; top: 0; right: 0;}
	.realstory .white_box .text_box p{font-size: 11px; line-height: 13px;}
	.realstory .white_box .text_box p.rs_from{font-size: 8px;}
	.realstory .white_box .rs_page{font-size: 10px;}
	.review_name{font-size: 13px;}
	.ytp-large-play-button{width: 40px; height: 40px; margin-left: 22px;}
	.youtube_right .bg_tit_sml{font-size: 9px;}
	.spt_tit2{font-size: 20px;}
	.make_p_left .make_p_txt{font-size: 10px;}
	.make_p_left { padding:3% 4%; } 
	.make_people .spt_tit::after {
		height: 10px;
		margin: 7px auto 3px;
	}
	.ft_icon_box.mobile{ padding-bottom:80px;}
	.realstory .spt_tit::before{top: 18%;}
	.realstory .spt_tit::before { height:17% !important; }

	.b2c_info .img_wrap img { max-width: 70%; }
	.b2c_info .img_wrap { width:70px; height:70px; }
	.bi_list li .bic_top { font-size:12px; }
	.bi_list li .bic_mid { font-size:14px; color:#000; font-weight:500; }
    .bi_list li .bic_btm { font-size:16px; }
	.bi_list li .bic_mid span { font-size:14px; }

	.menu_mbox .mmenu, .menu_mbox .m_menu li, .foot_com_name, .foot_com_name span { font-size:12px; }

} 

@media screen and (max-width:380px){
	.tabnav li a.active{font-size: 11px;}
	.add_btn a{font-size: 13px;}
	
	.mjf_box{padding: 8% 5%;}
	.sj_sc_area{font-size: 10px;}
}