@charset "utf-8";

/*
	 * Max ~ 900px (Mouse Over)
	 ----------------------------
	 * 1600px : layout_fix 간격만
	 * 1500px : layout_fix 간격만
	 * 1300px
	 * 1100px
	 ----------------------------
	 * 900px : Mobile Start
	 * 700px
 */

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




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

	/* 서브공통 ==================== */
	.p_Fly .btn_recent:hover {border-color:#000;}
	.p_Fly .go_top:hover {border-color:#000;}
	.p_Recent .recent_item .item_name:hover {text-decoration:underline;}
	.p_Popcart .btn:hover {text-decoration:underline;}
	.p_Slide .my_info .btn_gomy:hover {text-decoration:underline;}
	.p_Slide .my_info .go_mypage .btn:hover .tx {text-decoration:underline;}
	.p_Slide .my_info .member_link .btn:hover {background:#fff; color:#000;}
	.p_Slide .my_info .member_tx .btn:hover .tx {color:#e10000; border-color:#e10000;}
	.p_Slide .category .first_ctg .ctg_name:hover {color:#4A108B;}
	.p_Slide .category .second_ctg .ctg_name:hover {text-decoration:underline;}
	.p_Slide .type_menu .type_name:hover {color:#e10000;}
	.p_Slide .board_menu .tab_cont .btn:hover {text-decoration:underline; color:#000;}
	.p_Slide .cs_info .bt_btn .btn:hover {background:#ddd;}


	/* 상품목록 ==================== */
	.item_box .item_name:hover {text-decoration:underline;}
	.item_box .thumb:hover .ov_img {opacity: 1; -ms-filter:alpha(opacity=100); filter:alpha(opacity=100);}
	.item_box .thumb:hover .btn_multi {transform: translateY(0);}
	.item_box .thumb:hover .item_icon {opacity: 0; -ms-filter:alpha(opacity=0); filter:alpha(opacity=0);}
	.p_Best .rolling_ctrl .prevnext:hover {background-color: #eee; background-position:center center !important;}
	.p_List_ctrl .range_open .opt:hover {text-decoration: underline;}
	.p_Category .ctg2_box .ctg2:hover {background: #fff; border-color: #000;}
	.p_Category .ctg3_box .ctg3:hover {border-color:#999;}


	/* 상품상세 ==================== */
	.p_Vshare .white_box .sns:hover {border-color:#333; box-shadow:5px 5px 5px rgba(0,0,0,0.2);}
	.p_Vshare .white_box .btn_confirm:hover {background:#fff; border-color:#333;}
	.p_Vfix .fix_btm .buy_box .btn:hover {background:#f2f2f2; border-color:#f2f2f2;}
	.p_Vfix .fix_btm .buy_box .btn.btn_order:hover {background:#370459; border-color:#370459;}
	.p_Vhashtag .tag:hover {background:#fff; border-color:#999;}
	.p_Vname .brand:hover {text-decoration:underline;}
	.p_Vreview .total:hover {text-decoration:underline;}
	.p_Vcalendar .month_box .btn:hover {background-color:#f5f5f5;}
	.p_Vcalendar .day:hover strong {background: #e5e5e5;}
	.p_Vopt .counter_box a:hover {background:#e5e5e5;}
	.p_Vopt .opt_dropbox .opt_list .opt_tx:hover {background:#f5f5f5;}
	.p_Vopt .opt_dropbox .opt_list .opt_tx:hover strong {color:#0065e3;}
	.p_Vopt .opt_dropbox .opt_list .opt_tx:hover em.opt_price {color:#e10000;}
	.p_Vopt .opt_dropbox .opt_list .opt_tx:hover em.opt_remain {color:#000;}
	.p_Vopt .opt_other label:hover .tx strong {color:#0065e3;}
	.p_Vopt .opt_other label:hover .tx em.opt_price {color:#e10000;}
	.p_Vopt .opt_other label:hover .tx em.opt_remain {color:#000;}
	.p_Vopt .opt_other label:hover .tx {border-color:#aaa;}
	.p_Vconts .tab_menu .tab:hover {color:#e10000;}
	.p_Vboard .post_info .btn_ctrl:hover {color:#000;}
	.p_Vboard .post_photo:hover .photo_in:before {opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100);}
	.p_Vboard .post_photo:hover .icon_h {transform: scaleX(1) translateX(-50%);}
	.p_Vboard .post_photo:hover .icon_v {transform: scaleY(1) translateY(-50%);}
	.p_Vboard .board_list li:hover {background:#fafafa;}
	.p_Vboard .board_list li:hover .post_reply .edge:before {background:#fafafa;}
	.p_Vconts .place_info .info_box .tel {pointer-events:none}
	.p_Vboard .posting .btn_ctrl:hover {color:#333;}
	
	.c_my_list .tit { font-size:16px; }
	.c_my_list .price, .c_my_list .date { font-size:16px; }	

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




/* 1600px ~ 양쪽 간격조절 -------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:1600px) {
	.layout_fix {padding: 0 80px;}
}


/* 1500px ~ 양쪽 간격조절 -------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:1500px) {
	.layout_fix {padding: 0 60px;}

	.sn_tit{font-size: 35px; padding-bottom: 22px; margin-bottom: 33px;}
	.c_nav .menu{font-size: 18px; margin-bottom: 25px;}

	.lop_wrap .layout_fix{padding: 5% 100px 0;}
	.lop_wrap .loc_cont{font-size: 18px; line-height: 25px; height: 100px;}
	.lop_wrap .loc_box .img_box{margin-right: 50px;}
	.lop_wrap .loc_tit{font-size: 30px;}

	.joinpage ul{padding: 0 5%;}
	.joinpage ul li{width: 32%;}
	.joinpage .go_joinbox p{font-size: 27px;}
	.joinpage .go_joinbox .jp_cont{font-size: 20px;}


	.partner_info_area.layout_fix{padding: 0 80px;}
	.partner_info_area .pi_tit{font-size: 31px;}
	.partner_info_area .pi_cont{font-size: 22px;}
	.partner_info_area .img_box{border-radius: 0 74px 0 74px; width: 46%; padding-bottom: 42%; margin-left: 9%;}
}


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


	/* 진열설정 ====================  */
	.item_list.pc_type_box6 ul {grid-template-columns: repeat(5, 1fr);}
	.rolling_wrap .rolling_box .item_list.pc_type_box6 li {width:20%;}

	.ocb_wrap{max-width: 674px;}
	.ocb_txt .ocb_normal{font-size: 23px;}
	.ocb_txt .ocb_bold{font-size: 37px;}
	.ocb_txt .ocb_numb{font-size: 18px;}


	.type_bank .nochk_tb li{padding: 18px 0; font-size: 17px;}
	.sn_tit{font-size: 30px; padding-bottom: 17px; margin-bottom: 25px;}
	.c_nav .menu{font-size: 18px; margin-bottom: 13px;}

	.joinpage .go_joinbox{border-radius: 50px;font-size: 22px;}
	.joinpage .go_joinbox p{font-size: 22px;}
	.joinpage .go_joinbox .jp_cont{font-size: 16px; line-height: 23px; }

	.partner_info_area .pi_tit{font-size: 28px;}
	.partner_info_area .pi_cont{font-size: 20px; line-height: 28px;}

	.comp_wrap{padding: 0 80px;}
	.comp_tit{font-size: 33px;}
	.comp_txt{font-size: 22px;}
	.comp_by{font-size: 20px;}
	.comp_by span{font-size: 35px;}
	.comp_wrap .img_box img{max-width: 480px;}
	.prod_box .main_icon::before { font-size:12px; letter-spacing: 0.6px; }
}




/* 1100px ~ -------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:1100px) {
	.layout_fix {padding: 0 30px;}

	/* 상품상세 ==================== */
	.p_Vtop:before {display:none;}
	.p_Vtop .this_info {margin-left:25px;}
	.p_Vtop .this_photo {margin-right:25px;}

	.p_Vbanner {margin-top:40px;}

	.p_Vboard .board_top .left_box {flex-direction:column; align-items:flex-start}
	.p_Vboard .board_top .total_write {border-left:0; padding-left:0px;}


	/* 진열설정 ====================  */
	.item_list ul {gap:40px 25px;}
	.rolling_wrap .rolling_box .item_list {margin-left:-25px;}
	.rolling_wrap .rolling_box .item_list li {padding-left:25px;}

	.item_list.pc_type_box6 ul {grid-template-columns: repeat(4, 1fr);}
	.rolling_wrap .rolling_box .item_list.pc_type_box6 li {width:25%;}

	.item_list.pc_type_box5 ul {grid-template-columns: repeat(4, 1fr);}
	.rolling_wrap .rolling_box .item_list.pc_type_box5 li {width:25%;}

	.item_list.if_list_type .item_box .thumb {width:160px;}

	.lop_wrap .loc_tit{font-size: 24px;}
	.lop_wrap .loc_cont{font-size: 16px; height: 81px; line-height: 20px;}
	.lop_wrap .loc_box .img_box img{max-width: 100%;}

	.partner_info_area .img_box{padding-bottom: 47%; margin-left: 6%; width: 53%; border-radius: 0 64px 0 64px;}


	.comp_tit{font-size: 28px;}
	
	.store_tit{ margin: 2% 0; font-size: 20px; padding-left:5%; padding-bottom:20px;}
	.store_info .di_spec ul{ width: 95%; margin-left:5%;}
	.store_info .di_spec ul li{ font-size:14px; }
	.store_info .di_spec ul li:nth-child(1){ font-size:18px; }

	.p_Category .swipe_box li {
		width: calc(100% / 5);
	}
	.jbMenu { width:0; height:0; }
	.faqTab > a { font-size:14px; }
}





@media screen and (max-width:1500px) and (min-width:901px){
	.wish_list_wrap,
	.my_qna_wrap{padding: 0 50px 0 0;}
}



/* 900px ~ -------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width:901px) {
	/* 상품상세 ==================== */
	.p_Vtop .this_photo .layout_fix {padding:0 !important;}
	.p_Vtop .this_info .layout_fix {padding:0 !important;}
}

/* 900px ~ (Mobile Start) -------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:900px) {
	.c_page_tit .tit_box{background-color: #fff; margin-bottom:0px; }

	/* 서브공통 ==================== */
	.p_Slide .cs_info .cs_in .tel {pointer-events: auto !important;}
	.p_Fix {display:block;}
	.p_Fly { bottom:85px; right:10px}
	.p_Fly .go_top {bottom:0; right:-70px}
	.p_Fly .btn_recent {display:none;}
	.p_Fly.if_scroll .go_top {right:0}
	.p_Popcart.if_cart_save {bottom:80px;}
	.p_Topbn .banner .img_pc {display:none;}
	.p_Topbn .banner .img_mo {display:block;}


	/* 상품박스  ==================== */
	.item_box .info {padding-top:0px; font-size:14px;}
	.item_box .info .btn_multi {display: flex;}



	/* 상품목록 ==================== */
	.p_Subtop {border-bottom:1px solid #f2f2f2; display:none; }
	.p_Subtop .tit_box {height:60px; }
	.p_Subtop .tit {font-size:16px; text-align:left}
	.p_Subtop+ * {margin-top:15px;}
	.p_Subtop .btn_open {display:block;}

	.p_Subimg {margin-bottom:30px;}
	.p_Best {margin-bottom:20px;}

	.p_Best .best_tit .tit {font-size:20px;}
	.p_Best .rolling_wrap {margin-top:10px;}

	.p_Category {position:sticky; top:0; padding:15px 0; margin-top:0px !important;}
	.p_Category .swipe_box {display:block;}
	.p_Category .swip_box ul {flex-wrap: nowrap; justify-content: flex-start;}
	.p_Category .ctg2_box .ctg2 {font-size:13px; height:32px; margin-right:10px;}
	.p_Category .ctg3_box {padding:10px 0;}
	.p_Category .ctg3_box .ctg3 {font-size:12px;}

	.p_List_ctrl {margin-bottom:15px;}
	.p_List_ctrl .inner {flex-direction: column; justify-content: flex-start; align-items: stretch;}
	.p_List_ctrl .left_box {justify-content: space-between;}
	.p_List_ctrl .right_box {border-top: 1px solid #f2f2f2; box-sizing: border-box; justify-content: space-between; padding-top:10px; margin-top:5px;}
	.p_List_ctrl .type_box {margin-left:auto;}


	/* 상품상세 ==================== */
	.p_Vtit .left {display: flex;}
	.p_Vtit .tit {display: block;}
	.p_Vtop .this_photo .layout_fix {padding:0 !important;}
	.p_Vtop:before {display:none;}
	.p_Vtop .area {flex-direction:column; align-items: stretch; padding:0 !important;}
	.p_Vtop .this_photo {margin-right:0; position: static; top: auto;}
	.p_Vtop .this_info {margin-left:0; margin-top:15px;}

	.p_Vhashtag {border-bottom:1px solid #f2f2f2; margin-top:0px;}
	.p_Vhashtag .swip_box ul {flex-wrap: nowrap; justify-content: flex-start; width:max-content;}

	.p_Vphoto .rolling_thumb {display:none;}

	.p_Vconts {margin-top:80px;}
	.p_Vconts:before {display:block;}
	.p_Vconts .tab_menu .tab {height:50px; font-size:15px;}
	.p_Vconts .tab_menu .layout_fix {padding:0px !important;}
	.p_Vconts .notify {margin-top:30px;}
	.p_Vconts .notify_wrap {flex-direction: column; gap:0}
	.p_Vconts .notify .table dt,
	.p_Vconts .notify .table dd {font-size:12px;}
	.p_Vconts .notify .table dt {width:100px;}
	.p_Vconts .notify .txt_box {font-size:12px;}
	.p_Vconts .detail {margin-top:20px;}
	.p_Vconts .detail.this_fold {height:500px;}
	.p_Vconts .detail .fold_ctrl .btn_ctrl {max-width:100%; height:40px; border-radius:5px;}
	.p_Vconts .place_info {margin-top:30px;}
	.p_Vconts .place_info .wrapping {padding:15px;}
	.p_Vconts .place_info .map_box {height:400px; border:0;}
	.p_Vconts .place_info .info_box {margin-top:10px;}
	.p_Vboard .board_top .layout_fix {padding:0px !important;}
	.p_Vboard .board_list li {border-left:0; border-right:0; padding:20px 0; gap:0 15px}
	.p_Vboard .post_conts .upload {padding:0px; background:#fff;}
	.p_Vboard .post_conts .upload img {max-width:100%;}
	.p_Vboard .post_reply .edge {width:30px;}
	.p_Vboard .posting .writer {flex-direction:column; align-items: flex-start;}
	.p_Vboard .post_info {width:100px;}

	.p_Vbanner {margin-top:20px;}
	.p_Vbanner .img_mo {display:block;}
	.p_Vbanner .img_mo+ .img_pc {display:none;}

	.p_Vrelative .tit_box .tit {font-size:27px;}


	/* 진열설정 ==================== */
	.item_list ul {gap:30px 20px; grid-template-columns: repeat(3, 1fr);}
	.item_list.if_list_type ul {grid-template-columns: repeat(1, 1fr);}
	.rolling_wrap .rolling_box .item_list {margin-left:-20px;}
	.rolling_wrap .rolling_box .item_list li {padding-left:20px;}

	.item_list.pc_type_box6 ul {grid-template-columns: repeat(3, 1fr);}
	.rolling_wrap .rolling_box .item_list.pc_type_box6 li {width:33.3333%;}

	.item_list.pc_type_box5 ul {grid-template-columns: repeat(3, 1fr);}
	.rolling_wrap .rolling_box .item_list.pc_type_box5 li {width:33.3333%;}

	.item_list.pc_type_box4 ul {grid-template-columns: repeat(3, 1fr);}
	.rolling_wrap .rolling_box .item_list.pc_type_box4 li {width:33.3333%;}

	.item_list.if_list_type .item_box .thumb {width: 140px;}
	.item_list.pc_type_list2 ul {grid-template-columns: repeat(1, 1fr);}

	.lop_wrap .loc_tit{font-size: 18px;}

	.info_b_cont a{position: inherit; transform: inherit; margin-top: 10px;}


	.modi_subtit{font-size: 36px;}
	.joinpage .go_joinbox{border-radius: 30px;}
	.joinpage .go_joinbox p{font-size: 20px;}
	.joinpage .go_joinbox .jp_cont{font-size: 14px; line-height: 20px;}
	.joinpage .icon_box img{max-width: 80%;}
	.joinpage ul li{width: 48%; padding: 0 2%;}
	.ocb_txt .ocb_normal{font-size: 21px;}


	.ocb_wrap{display: block; text-align: center; padding: 8% 0;}
	.ocb_wrap .ocb_txt{margin-bottom: 10%;}
	.ocb_txt .ocb_bold{margin-bottom: 12px; font-size: 35px;}
	.ocb a.btn_go_main{width: 145px; height: 47px; line-height: 47px; font-size: 15px;}

	.service{margin-top: 0;}
	.c_nav .menu{padding: 0 15px; margin-bottom: 0;}
	.c_nav .hit .menu::after{display: none;}
	.c_page_tit.for_mobile{display: block;}
	.for_pc{display: none;}
	.service .c_board_ctrl{flex-direction: row; align-items: center;}



	.c_gridpage .grid_aside .c_nav{background-color: #FFF; width: 95%; border-radius: 50px; margin: 0 auto;}
	.c_nav .hit .menu{padding: 0 15px; background-color: transparent; position: relative;}
	.c_nav .hit .menu strong{color: #7E30E1  !important}
	.c_nav .hit .menu strong::after{content: ""; width: 80%; height: 2px; background-color: #7E30E1; position: absolute; bottom: -5px; left: 50%; transform: translateX(-50%);}
	.c_nav{padding: 5px 0;}

	/* 임시 */
	.c_gridpage .grid_aside{position: inherit;}


	.c_nav .menu{font-size: 15px;}
	.c_my_stats .state_box .tit{font-size: 22px;}
	.c_my_stats .state_box .total{width: 60px; height: 60px;}

	.c_my_wish li{padding: 20px 0;}
	.c_my_wish .item_name{font-size: 18px;}
	.c_my_wish .item_price{font-size: 18px;}
	.c_my_wish label.c_label .icon{width: 40px; height: 40px;}
	.c_my_wish .ctrl_box .btn_del{top: 15px;}
	.c_my_wish label.c_label input[type=checkbox]+ .tx .icon{background-size: 12px !important;}


	.my_qna_wrap .c_board_list li{font-size: 18px;}
	.my_qna_wrap .sj_tag{font-size: 14px;}


	.lop_wrap .layout_fix{padding: 5% 28px 0;}

	.partner_info_area{display: block;}
	.partner_info_area .img_box{width: 100%; margin-left: 0; padding-bottom: 0; height: 100%; max-width: 360px; margin: 0 auto 8%;}
	.partner_info_area .img_box img{position: inherit;}
	.partner_info_area .partner_txt{width: 100%;}

	.comp_wrap{margin-top: 8%;}
	.comp_tit{font-size: 23px;}
	.comp_txt{font-size: 19px;}
	.comp_by span{font-size: 32px;}

	.comp_wrap{padding: 0 44px;}
	.comp_tit{font-size: 20px;}
	.comp_txt{font-size: 17px; line-height: 30px;}
	.comp_by span{font-size: 25px;}
	.comp_by{font-size: 17px;}

	.store_name{ font-size: 20px; margin-top: 4%;}
	.store_intro{font-size: 14px; margin: 2% 0;}
	
	/************************** 메인 반응형 작업 ***************************************************/
	.sj_section .layout_fix2{ width:95%; margin:0 auto; }
	.prod_name{ font-size: 18px; }
	.prod_spec{ font-size: 14px; }
	.prod_price .discount{ font-size: 20px;}
	.prod_price .discount .percent{font-size: 15px; }
	.prod_price .real_price{ font-size: 19px; }	

	.c_my_list .tit { font-size:16px; }
	.c_my_list .price, .c_my_list .date { font-size:16px;  }

	.c_form .form_dt { width:20%; }
	.c_form .form_dt .tit { font-size:16px; }

	.goods_top_navi { display:none; }

	.d_view_new { flex-direction:column; margin-bottom:50px; }
	.img_box_new { width: 100%; margin-bottom:30px; }
	.d_view_txt_new { width: 100%; }

	.detail_box .img_box { width: 50%; }
	.detail_box .di_spec { width:50%; }
	.mobile_only { display:block; }
}






/* 700px ~ -------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:700px) {
	.layout_fix {padding: 0 15px;}

	/* 서브공통 ==================== */
	.p_Slide .slide_layout {padding:0 15px;}
	body.if_shop_order .p_Fly {display:none;}


	/* 상품박스 ==================== */
	.item_icon span {height:15px; font-size:0.65em;}
	.item_box .ranking {min-width:25px; height:25px; font-size:13px;}


	/* 상품목록 ==================== */
	.p_Subimg {margin-bottom:10px;}
	.p_Category {margin-bottom:15px;}


	/* 상품상세 ==================== */
	.p_Vtit .btn_wish {display:none;}
	.p_Vtit .btn_home {display:inline-block;}

	.p_Vname .item_name dt {font-size:21px;}
	.p_Vname .item_name dd {font-size:13px;}
	.p_Vname .item_price {font-size:30px;}

	.p_Vinfo dt,
	.p_Vinfo dd {font-size:12px;}
	.p_Vinfo dt { width:70px; }

	.p_Vopt .this_option dl {flex-direction:column;}
	.p_Vopt .this_option dl:first-of-type dt {display:none;}
	.p_Vopt .this_option dt {width:auto; margin-bottom:10px;}
	.p_Vopt .this_volume dt {display:none;}
	.p_Vopt .opt_dropbox .opt_list {position:fixed; top:auto; bottom:0; width:100%; border:0; z-index:400; height:1000px; max-height:100%; min-height:400px; padding:0 20px; padding-top:10px;}
	.p_Vopt .opt_dropbox .opt_list {transform:translateY(100%); border-radius:20px 20px 0 0; overflow:hidden; display:flex !important; justify-content: stretch; align-items: stretch; flex-direction:column;}
	.p_Vopt .opt_dropbox .opt_list .c_scroll_v {flex:1}
	.p_Vopt .opt_dropbox .opt_tx.this_selected {border-color:#e5e5e5 !important; border-radius:5px !important;}
	.p_Vopt .opt_dropbox .opt_list .opt_tx {padding:0px;}
	.p_Vopt .opt_dropbox .opt_list div.opt_tx {background:transparent url('../images/c_img/ic_close.svg') center right no-repeat !important; background-size:12px !important; height:50px; font-weight:600; font-size:15px;}
	.p_Vopt .opt_dropbox.if_open_opt .opt_list {transform:translateY(0); box-shadow:0 0 10px rgba(0,0,0,0.3);}

	.p_Vfixbtn {display:block;}
	.p_Vfix {position: fixed; left: 0; bottom: 0; width: 100%; height: 100%; z-index: -1; display: flex; flex-direction: column; justify-content: flex-end; align-items: stretch; padding-top:80px; border:0;}
	.p_Vfix .white_box {border-radius: 20px 20px 0 0; z-index: 2; transform: translateY(100%); position:relative; max-height:550px}
	.p_Vfix .white_box {display:flex; justify-content: flex-end; align-items: stretch; flex-direction:column;}
	.p_Vfix .scroll_box {overflow-x:hidden; overflow-y:auto; padding:30px 15px 120px 15px; flex:1}
	.p_Vfix .btn_close {display: flex;}
	.p_Vfix .bg_close {display: block;}
	.p_Vfix .fix_btm .buy_box {gap:0}
	.p_Vfix .fix_btm .buy_box .btn {height:50px; font-size:16px;}
	.p_Vfix .fix_btm .price_total {font-size:18px; margin-bottom:5px;}
	.p_Vfix.if_open_fix {z-index: 1000;}
	.p_Vfix.if_open_fix .white_box {transform: translateY(0); transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
	.p_Vfix.if_open_fix .bg_close {opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100); transition: opacity 0.3s ease-out; -webkit-transition: opacity 0.3s ease-out;}
	.p_Vfix.if_open_fix .fix_btm {position:fixed; left:0; bottom:0; width:100%; z-index:100; padding:15px; margin-top:0px;}

	.p_Vconts .detail {margin-top:15px;}

	.p_Vboard .none_box {margin:50px 0;}
	.p_Vboard .none_box .icon {background-size:40px !important; height:40px; margin-bottom:15px;}
	.p_Vboard .board_top .inner {flex-direction:column; padding:40px 20px; align-items:stretch}
	.p_Vboard .board_top .left_box {align-items:center}
	.p_Vboard .board_top .right_box {align-items:stretch}
	.p_Vboard .board_top .guide_tx {text-align:center;}
	.p_Vboard .board_top .c_btnbox {margin-top:20px;}
	.p_Vboard .post_info {font-size:12px; width:auto;}
	.p_Vboard .post_reply .reply_info {font-size:12px;}
	.p_Vboard .posting {align-items:stretch; flex-direction:column; gap:10px}
	.p_Vboard .posting .writer {justify-content: flex-start; flex-direction:row;}
	.p_Vboard.type_qna .posting {gap:5px}
	.p_Vboard.type_qna .post_info {justify-content: flex-start; align-items: center; flex-direction:row}


	/* 진열설정 ==================== */
	.item_list ul {gap:30px 15px; grid-template-columns: repeat(2, 1fr);}
	.rolling_wrap .rolling_box .item_list {margin-left:-15px;}
	.rolling_wrap .rolling_box .item_list li {padding-left:15px;}

	.item_list.mobile_type_box3 ul {gap:30px 10px; grid-template-columns: repeat(3, 1fr);}
	.item_list.mobile_type_box3 .item_box .info {font-size:13px;}
	.item_list.mobile_type_box3 .item_box .price {font-size:15px;}
	.item_list.mobile_type_box3 .item_box .info .sub_name {-webkit-line-clamp:2}
	.rolling_wrap .rolling_box .item_list.mobile_type_box3 li {width:33.3333%;}
	.rolling_wrap .rolling_box .item_list.mobile_type_box3 {margin-left:-10px;}
	.rolling_wrap .rolling_box .item_list.mobile_type_box3 li {padding-left:10px;}

	.item_list.mobile_type_box2 ul {grid-template-columns: repeat(2, 1fr);}
	.rolling_wrap .rolling_box .item_list.mobile_type_box2 li {width:50%;}

	.item_list.mobile_type_box1 ul {grid-template-columns: repeat(1, 1fr);}
	.rolling_wrap .rolling_box .item_list.mobile_type_box1 li {width:100%;}

	.item_list.if_list_type ul {gap:15px}
	.item_list.if_list_type .item_box .thumb {width: 120px;}
	.item_list.if_list_type .item_box .info {padding-left:10px;}
	.item_list.if_list_type li+ li {border-top:1px solid #f2f2f2; padding-top:15px;}


	.lop_wrap .loc_cont{font-size: 14px;}


	.storeform .sf_tb li{line-height: 28px;}
	.storeform .sf_tb li:first-child{font-size: 14px;}
	.storeform .sf_tb:not(.btm_pad) li:last-child{padding-bottom: 0;}
	.storeform .sf_tb li span:not(.inp_tit){display: block;}
	.storeform .sf_tb li .inp_tit{display: inline-block; width: 50px;}
	.storeform .sf_tb li .inp_tit:nth-of-type(2){margin-top: 8px;}
	.storeform .sf_tb li .box{margin-top: 5px;}
	.for_700{display: block;}
	.storeform .sf_tb li:first-child::after{top: 43%;}

	.si_top ul li img{transform: scale(0.8);}
	.info_b_cont{font-size: 15px;}
	.info_box ul li{font-size: 14px;}

	h2.sub_tit{font-size: 22px;}

	.spec_area .sa_tb li:first-child{width: 17%;}
	.spec_area .sa_tb li{font-size: 16px;}
	.spec_area p span{font-size: 20px;}
	
	.detail_info .di_spec ul { width:100%; margin:5px auto; min-height:25px; }

	.detail_info .img_box img{width: 100%;}
	.detail_info .di_spec ul li{font-size: 15px; line-height:20px;}
	.detail_info .di_spec{padding-left: 0;}


	.modi_subtit{font-size: 25px;}
	.joinpage ul{display: block; margin-top: 5%;}
	.joinpage ul li{width: 100%; margin-bottom: 8%; padding: 0; max-width: inherit;}
	.joinpage .go_joinbox{max-width: 277px; margin: 0 auto;}
	.joinpage .icon_box img{max-width: 68%;}
	.joinpage .go_joinbox p{font-size: 20px; margin: 3% 0;}
	.joinpage .go_joinbox .jp_cont{font-size: 13px; line-height: 21px;}


	.ocb_txt .ocb_bold{font-size: 28px;}
	.ocb_txt .ocb_normal{font-size: 19px;}
	.ocb a.btn_go_main{margin: 12% auto;}
	.order_compl_box{margin-top: 20px;}

	.type_bank .nochk_tb li{font-size: 13px; padding: 15px 0;}


	.c_my_stats .state_box .total{width: 40px; height: 40px;}
	.c_my_stats .state_box .tit{font-size: 18px;}

	.c_order.c_formpage .c_labelbox{gap: 5px; flex-direction: column; align-items: baseline;}

	.c_my_wish .item_name{font-size: 15px; width: 33%;}
	.c_my_wish .item_price{font-size: 17px;}
	.c_my_wish label.c_label .icon{width: 30px; height: 30px;}
	.c_my_wish .ctrl_box .btn_del{width: 15px; height: 15px; background-size: 13px;}

	.my_qna_wrap .c_board_list.type_qna ul{flex-direction: inherit; gap: 0;}
	.my_qna_wrap .c_board_list .number{display: inherit; width: auto;}
	.my_qna_wrap .sj_tag{font-size: 12px; padding: 5px 11px;}
	.my_qna_wrap .c_board_list .about_item{font-size: 12px;}
	.my_qna_wrap .c_board_list li{font-size: 16px;}

	.my_qna_wrap .c_board_list li:nth-child(2){width: 19%;}

	.lop_wrap ul li{width: 100%; margin-bottom: 6%;}
	.lop_wrap ul{margin-top: 10%; }


	.partner_info_area.layout_fix{padding: 0 50px;}
	.partner_info_area .pi_tit{font-size: 25px;}
	.partner_info_area .pi_cont{font-size: 18px; line-height: 27px;}
	.partner_info_area .img_box{max-width: 314px; border-radius: 0 50px 0 60px; margin: 8% auto 12%;}

	.comp_wrap{padding: 0 30px;}
	.comp_wrap .img_box img{max-width: 400px;}

	.store_name{ font-size: 18px; margin-top: 5%;}
	.store_intro{font-size: 14px; margin: 2% 0;}

	.store_tit{ margin: 2% 0; font-size: 16px; padding-left:5%; padding-bottom:10px;}
	.store_info .di_spec ul li{ font-size:12px; }
	.store_info .di_spec ul li:nth-child(1){ font-size:14px; }
	
	/************************** 메인 반응형 작업 ***************************************************/
	.prod_name{ font-size: 16px; }
	.prod_spec{ font-size: 13px; }
	.prod_price .discount{ font-size: 18px;}
	.prod_price .discount .percent{font-size: 14px; }
	.prod_price .real_price{ font-size: 17px; }

	.p_Category .swipe_box li {
		width: calc(100% / 3);
	}

	.faqTab > a { font-size:12px; }

	.c_my_list .tit { font-size:14px; }
	.c_my_list .area_state { width: 100%; }
	.c_my_list .price, .c_my_list .date { font-size:14px;  }

	.p_List_ctrl .total { font-size:14px; }

	.detail_box { margin:0 auto; width:100%; display:flex; flex-direction: column; }	
	.detail_box .img_box { width:100%; text-align:center; border:0px solid #ddd; padding:10px; }
	.detail_box .di_spec { margin:20px auto; width:80%; }
	.detail_info .di_spec ul li { font-size: 12px; }
	.detail_info .di_spec ul li:nth-child(1) { width: 30% !important; }

	.detail_wrap { width:92%; }

	img.this_pc2 {display:none;}
	img.this_mo2 { display: block; }
}



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

	/* 진열설정 ==================== */
	.item_list.mobile_type_box3 .item_box .info .review {display:none;}

	.storeform .sf_tb li:first-child{font-size: 12px; width: 28%;}
	.storeform .sf_tb li input[type="text"]{width: 60%;}
	.storeform .sf_tb li input[type="file"]{width: 100%;}
	.storeform .sf_tb li input[type="text"].full_input{width: 100%;}
	.agree_wrap label{display: block;}

	h2.sub_tit span::after{width: 30%;}

	.c_nav .menu{font-size: 15px;}
	.type_bank .nochk_tb .bank_li{width: 35%;}
	.type_bank .nochk_tb li{font-size: 12px;}

	.c_form .payway_box .c_label .tx{height: 30px;}

	.cart_wrap label.c_label input[type=checkbox]+ .tx .icon{width: 20px; height: 20px;}
	.c_order .cart_sum dt{font-size: 16px;}
	.c_order .cart_sum dd strong, .c_order .cart_sum dd em{font-size: 16px;}
	.c_order .cart_sum .this_last dd *{font-size: 20px;}

	.my_qna_wrap .c_board_list li{font-size: 14px;}
	.c_board_list.type_qna .this_info{padding-right:24px;}
	.c_board_list.type_qna .this_info:before{width: 20px;}
	.my_qna_wrap .sj_tag{padding: 5px 7px;}
	.my_qna_wrap .c_board_list.type_qna .if_open .open_conts{margin-top: 15px;}
	

	.partner_info_area .pi_tit{font-size: 22px;}
	.partner_info_area .pi_cont{font-size: 16px; line-height: 24px;}

	/************************** 메인 반응형 작업 ***************************************************/
	.prod_name{ font-size: 14px; }
	.prod_spec{ font-size: 12px; }
	.prod_price .discount{ font-size: 16px;}
	.prod_price .discount .percent{font-size: 12px; }
	.prod_price .real_price{ font-size: 14px; }

}

@media screen and (max-width:480px) {
	.si_top ul li img{transform: scale(0.6);}
	.si_top ul li:not(:last-child):after{width: 36px; height: 36px; background-size: 36px; right: -18px;}
	.si_top ul li p{font-size: 14px;}

	.spec_area .sa_tb li:first-child{width: 24%;}
	.spec_area .sa_tb li{font-size: 15px;}
	.spec_area p span{font-size: 18px;}
	.spec_area p{font-size: 16px;}
	
	.detail_info .di_spec ul li { font-size: 12px; }
	.detail_info .di_spec ul li:nth-child(1) { width: 20%; color:#333; font-weight:500; }
	.detail_info .di_spec ul li:nth-child(2) { overflow: hidden; text-overflow: ellipsis; word-break: break-all; }
	.ocb_txt .ocb_normal{font-size: 17px;}
	.ocb_txt .ocb_bold{font-size: 22px;}
	.ocb_txt .ocb_numb{font-size: 15px;}

	.type_bank .nochk_tb li{font-size: 11px;}
	.type_bank .nochk_tb li:first-child{width: 10%;}
	.c_nav .menu{font-size: 14px;}
	.type_bank .nochk_tb .bank_li{width: 38%;}

	.c_board_rv .about_item{font-size: 10px; width: 65%;}
	.c_board_rv .mypost .writer{font-size: 10px;}
	.c_board_rv .mypost .conts{font-size: 14px; line-height: 17px; height: 35px;}

	.c_board_rv .thumb{height: 102px; width: 84px;}

	.coupon .c_my_stats .state_box{flex-direction: column-reverse;}
	.c_my_stats .state_box .tit{font-size: 15px;}
	.c_my_stats .state_box .total{width: 35px; height: 35px;}
	.c_my_stats .li{padding: 15px 0;}

	.c_my_wish .item_name{font-size: 13px;}
	.c_my_wish .item_price{font-size: 15px;}
	.c_my_wish label.c_label .icon{width: 25px; height: 25px;}

	.lop_wrap .loc_cont{font-size: 12px; height: 69px; line-height: 17px;}
	.lop_wrap .loc_box .img_box{margin-right: 36px;}
	.lop_wrap ul li .img_box::after{height: 74px;}

	.partner_info_area.layout_fix{padding: 0 30px;}
	.partner_info_area .img_box{max-width: 230px; border-radius: 0 40px 0 40px;}
	.partner_info_area .pi_tit{font-size: 18px;}
	.partner_info_area .pi_cont{font-size: 14px; line-height: 20px;}


	.comp_tit{font-size: 16px;}
	.comp_txt{font-size: 14px; line-height: 22px; margin: 8% 0;}
	.comp_by span{font-size: 20px; margin-left: 7px;}
	.comp_by{font-size: 15px;}
	.comp_wrap .img_box img{max-width: 300px;}

	.store_name{ font-size: 14px; margin-top: 3%;}
	.store_intro{font-size: 12px; margin: 2% 0;}

	.store_tit{ margin: 2% 0; font-size: 14px; padding-left:5%; padding-bottom:10px;}
	.store_info .di_spec ul li{ font-size:11px; }
	.store_info .di_spec ul li:nth-child(1){ font-size:12px; }

	.c_my_list .tit { font-size:12px; }
	.c_my_list .price, .c_my_list .date { font-size:12px; }

	button.bg_orange_btn2 { font-size: 12px; line-height: 32px; padding:0 20px; }
	button.bg_orange_btn3 { font-size: 12px; line-height: 30px; padding:0 20px; }
	.item_box .info .item_name { font-size:13px; line-height:28px; }
	.item_box .price {font-size:14px;}
	.faqTab > a { height:50px; }
}


@media screen and (max-width:380px){
	.ocb_txt .ocb_bold{font-size: 20px;}
	.ocb_txt .ocb_normal{font-size: 15px;}
	.ocb_txt .ocb_numb{font-size: 13px;}

	.info_box .info_b_tit{font-size: 16px;}
	.info_box ul li{font-size: 12px;}
	.info_box .info_box_in:nth-child(2) .info_b_tit::before{width: 30px; height: 2px;}

	.my_qna_wrap .c_board_list li{font-size: 11px;}
	.my_qna_wrap .sj_tag{font-size: 10px;}
	.my_qna_wrap .c_board_list .about_item{font-size: 10px; padding-left: 10px;}
	.p_Category .swipe_box li {
		width: calc(100% / 2);
	}
	

}