@charset "utf-8";
/* CSS Document */



@media screen and (max-width:1850px){
	/*main*/
	#hd #hd_wr .gnb_box .h_all_gnb > li .in_w > a,
	#hd #hd_wr .gnb_box .h_all_gnb > li:first-child .in_w > a{margin-left:50px;}
	#hd #hd_wr #pc_all_menu .h_all_gnb > li .in_w a{margin-left:0px;}
	
	.mainSlider_wrap #main_bn .slick-list {padding:0%;}
	
	
	/*sub*/
	.conSection{max-width:96%;}
	
}


@media screen and (max-width:1300px){
	
	.main, .sub{font-size: 14px;}
	#hd #hd_wr .h_bottom .h_gnb > li > a{font-size:1em; margin:0 25px;}
	#hd #hd_wr .dp2_list.on{ position:inherit !important; top: inherit; left: inherit; transform: translateX(0); width: 100%;}
	.conSection{height:15em;}
	.page_cover .cover_cell .t2{font-size:2.5em;}
   
	:root{
		--h_margin: 210px;
	}

	/*main*/
	#hd #hd_wr .gnb_box .h_all_gnb > li .in_w > a,
	#hd #hd_wr .gnb_box .h_all_gnb > li:first-child .in_w > a{margin-left:30px;}
	#hd #hd_wr .pc_all_btn,
	#hd #hd_wr .gnb_box .h_a_gnb > li > a{font-size:1em; margin-right: 30px}
	#hd #hd_wr .h_all_btn .all_btn .a_line{width:18px;}
	#hd #hd_wr .h_all_btn .all_btn .a_line.a2{margin:5px 0;}
	#hd #hd_wr .hd_right_ul a{margin-left:10px;}
	#hd #hd_wr .h_top .hd_search .in_sch #sch_str{width:300px;}
	.qk_box{display:none;}
	#pc_all_menu .h_all_gnb > li{width:25%;}
	#pc_all_menu2 .h_all_gnb{font-size: .937em;}
	.cus_skin{margin:15px -15px 0 0!important;}
	#stv_ul_02{margin:0 -15px 0 0!important;}
	.cus_skin .in,
	#stv_ul_02 > li .prd_img{margin-right:15px;}
	#stv_ul_02 > li{margin-bottom:20px;}
	
	
	.mainSlider_wrap #main_bn .slick-list .slick-slide{margin:0 5px;}

	.ceo_wrap .def_intro .in .img_z{padding-right:2em;}
	.ceo_wrap .def_intro .in .txt_z{padding:2em 0 2em 2em;}
	.com_wrap .def_intro .in .img_z{padding-right:2em;}
	.com_wrap .def_intro .in .img_z .bgfix{height: 350px;}
	.com_wrap .def_intro .in .txt_z{padding:2em 0 2em 2em;}
	
	
	#st_footer .f_left .f_menu{margin-left:0; width:100%; margin-top:15px;}
	#st_footer .f_left .f_menu > li a{margin-right:20px;}
	#st_footer .f_left .f_menu > li a:after{display:none;}
	#st_footer .f_box > .box1{flex-direction: row-reverse;}
	#st_footer .f_left{width:100%; margin-bottom:20px;}
	#st_footer .f_cs > li{margin-right: 12px;}
	#st_footer .f_cs > li .f_tt{font-size: 1.5em;}
	#st_footer .f_bank .f_tx{font-size: 1.125em;}
	#st_footer .f_top{padding: 10px 0;}
	#st_footer .f_copy_w .box1{padding: 10px 0 20px;}
	
	/*sub*/
	.sod_cart_w{width:100%;}
	.od_prd_list #sod_bsk_tot{width:100%; padding-left:0; margin-top:30px; margin-bottom: 30px;} 
	#sit_pvi{width:50%;}
	#sit_pvi #sit_pvi_slide{width:80%;}
	#sit_pvi .slider-nav{width:20%;}
	#sit_ov{width:50%; padding-left:2em;}
}


@media screen and (max-width:1024px){
	.sit_ov_innr{width:100%; max-width: 100%;}
	#sit_pvi{width:100%; padding:0;}
	.owl-carousel .owl-item img{text-align: center; display: inline-block; width:auto;}
	#sit_ov{width:100%;}
	.sanchor{margin-right:-2px;}
	.sanchor > li a{margin-right:2px; font-size:1em; padding: 0;}
	.sanchor a span{display:none;}
	#hd #hd_wr #top_mbanner{display:none;}
	#hd #hd_wr .h_bottom{display:none;}
	#hd .hd_search{display:none;}
	.tnb_con{top:75px;}
	#sct_ct_1 li{width:33.33%;}
	.sidr-open .menu_close:before{display: block;}
	
	/**/
	.pc_all_btn{display:none!important;}
	#pc_all_menu{display:none!important;}
	#hd .h_top #logo img{width:65px; height: auto;}
	#hd #hd_wr .gnb_box{display:none;}
	#hd #hd_wr .h_all_btn.mo_menu_btn{margin-left:20px;}
	#hd #hd_wr .h_all_btn .all_btn .a_line{width:20px;}
	#hd #hd_wr .h_all_btn .all_btn .a_line.a2{width:100%;}
	.mo_menu_btn{display:block!important; cursor: pointer;}
	#sidr .qk_menu{display:none;}
	:root{
		--h_margin: 85px;
	}
	
	
	.special_bn,
	.new_cont,
	.line_bn,
	.best_cont,
	.review_cont,
	.notice_cont{margin-top: 80px;} 
	
	
/*
	.mainSlider_wrap,
	.conSection{border-radius: var(--item_r);}
	.mainSlider_wrap #main_bn img{border-radius: var(--item_r);}
*/
	.main_tit{margin-bottom: 20px;}
	.main_tit .in_tt{font-size:2em;}
	.shop_control .xi{width:40px; height: 40px; line-height: 40px; font-size: 1em;}
	.mainSlider_wrap.mo_ver .slick-arrow{font-size: inherit;}
	.mainSlider_wrap .v_shop_pagen{min-height: 40px; line-height: 40px;}

	.page_tt{font-size: 1.5em;}
	.tab_idx{margin: -.5em 0 3em -.5em;}
	.tab_idx > li > a{margin: .5em 0 0 .5em;}
	.tab_idx > li > a .va{font-size: 1em;}
	
	.fs_cont{margin-top:80px;}
	.fs_cont .fs_con_bn{padding-right:10px;}
	.fs_cont .fs_con_w.rev .fs_con_bn{padding-left: 10px;}
	.fs_cont .fs_con_list .cus_skin{margin:-20px -20px 0 0!important; padding-left:10px;}
	.fs_cont .fs_con_list .cus_skin .sct_cart{bottom:15px; right:15px;}
	.fs_cont .fs_con_list .cus_skin .cus_item{margin-top:20px;}

	.notice_cont .in_box{width: 100%; padding-right: 0; margin-bottom: 20px;}
	.notice_cont .in_box.st{padding-left: 0;}
	
	.ceo_wrap .def_intro .in .img_z{padding-right:0; width:100%;}
	.ceo_wrap .def_intro .in .img_z .bgfix{height:250px;}
	.ceo_wrap .def_intro .in .txt_z{padding:2em 0 0; width:100%;}
	.ceo_wrap .def_intro .in .txt_z .page_tx.ceo_name{text-align:right}
	.com_wrap .def_intro .in .img_z{padding-right:0; width:100%;}
	.com_wrap .def_intro .in .img_z .bgfix{height:250px;}
	.com_wrap .def_intro .in .txt_z{padding:2em 0 0; width:100%;}
	.com_wrap .def_intro .in .txt_z .page_tx.ceo_name{text-align:right}
	.com_wrap .def_intro .in .gall_list > li{width: 50%;}
	
	.pn_wrap .pn_tbox{width:160px}
	.pn_wrap .in_con{width:calc(100% - 160px)}
	#st_footer{margin-top: 8em;}
	#st_footer .f_menu > li a{margin-right:15px;}
	#st_footer .f_menu > li a:after{display:none;}
	
	/**/
	.sod_left{width:100%; padding:0; display: block;}
	.sod_right{width:100%; display: block; margin-top: 30px;}
	
	.modal .modal__inner{width:300px; max-width:98%;}
	.modal .modal__inner .rv_right{width:100%;}
	.modal .modal__inner .rv_img img{width:100%; height: auto;}
	.modal .modal__inner .rv_right{padding:20px;}
	.modal .modal__inner .rv_right .rv_prod .cut_txt2{line-height:1.2; margin-bottom: 5px;}
	.modal .modal__inner .rv_right .rv_tbox{margin-bottom:10px;}
	.modal .modal__inner .rv_right .rv_tit{margin-bottom:5px;}
	.modal .modal__inner .rv_right .rv_txt{-webkit-line-clamp: 3;}
	.modal .modal__inner .tum_list{position: inherit; bottom:inherit; left: inherit; margin-top:20px; width:100%;}
	.modal .modal__inner .tum_list > li{width:33.33%;}
	.modal .modal__inner .tum_list > li:nth-child(4),
	.modal .modal__inner .tum_list > li:nth-child(5){display:none;}
	.modal .modal__inner .tum_list > li .in img{width:84px; height: 84px;}
	.modal .modal__inner .modal--close{top:-50px; right:0;}
	.modal_arr{width:300px;}
	
	
	.sod_fin_list .prqty_stat{position: inherit; top: inherit; right:inherit; margin-bottom:5px; display: inline-block;}
	
	#sit_pvi #sit_pvi_slide{width:100%;}
	#sit_pvi .slider-nav{width:100%; padding-left:0; margin: 20px 0;}
	#sit_pvi .slider-nav .slick-slide{padding:0 2.5px;}
	#sit_ov{padding-left:0;}
	
	.my_menu_w > li{width:50%;}
	
	
	
}

@media screen and (max-width:768px){
	
	.mobile_no{display:none;}
	.mo_ver{display:block;}	
	.pc_ver{display:none;}	
	
	#hd .tnb ul li a{margin-left:15px;}
	.w_form_tit{width:7em;}
	
	.sanchor > li{width:calc(100% / 3); margin-bottom: 2px;}
	#sit_ov_bottom .con_idx{font-size:14px;}
	#sit_title{font-size:1.25em;}
	.sub #container{padding:50px 0 0 !important; overflow: hidden;}
	#sct_ct_1 li{width:50%;}
	#sct_sort li{padding:10px 0;}

	#bo_v_title .bo_v_tit{font-size:1.125em; padding:.5em 1em;}
	#bo_list .td_datetime{width:45px;}
	#bo_list .td_name{width:45px;}
	#bo_gall .gall_li{width: calc(100%/2 - 7.1px); margin: 7px 0 0 7px}
	#bo_gall .gall_li:nth-child(5n + 1){clear: inherit;}
	#bo_gall .gall_li:nth-child(2n + 1){clear: both;}
	
	.input_st.s1,
	.input_st,
	.board_st.write .btn_frmline{font-size:.938em; padding:.5em .8em;}
	.board_sch .input_st.s1.w7{width:100px;}
	.board_sch .input_st.s1.w1{width:13em;}

	#bo_gall #gall_ul{margin:7px 0 0 -7px;}
	#bo_gall .gall_box{margin:0 0 7px 7px;}
	#bo_gall .gall_tbox{padding:10px 0;}
	#bo_gall .gall_text_href{margin:0;}
	
	
	/**/ 
	:root{
		--h_margin: 65px;
	}
	#hd #hd_wr .h_top{align-items: center;}
	#hd .h_top #logo img{width:32px;}
	
	.mainSlider_wrap #main_bn img{height: auto;}
	#hd #hd_wr .h_top #logo{width: auto;}
	#hd #hd_wr .hd_right_ul{align-items: center; float:right;}
	#hd #hd_wr .hd_right_ul a{font-size: .8125em;}
	#hd #hd_wr .h_mb_right{margin-top: 10px; float: left;}
	#hd #hd_wr .h_mb_right a img{height: 20px}
	#hd #hd_wr .h_mb_right .cart{margin: 0 8px;}
	
	
	.special_bn,
	.new_cont,
	.line_bn,
	.best_cont,
	.review_cont,
	.notice_cont,
	.fs_cont{margin-top: 60px;} 
	
	.special_bn .shop_control{display:none;}
	.new_cont .btn_st{display:none!important;} 
	
	.cus_skin{margin:20px -7px 0 0!important;}
	#stv_ul_02{margin:0 -7px 0 0!important;}
	.cus_skin .cus_item{margin-bottom: 30px!important;}
	.cus_skin .in,
	#stv_ul_02 > li .prd_img{margin-right:7px;}
	#stv_ul_02 > li{margin-bottom:7px;}
	.cus_skin .sct_cost .per_ts{width:100%; display: block;}
	.sct.cus_skin > li{width:50%;}
	.lists-row .col-row-5{width: 50%;}
	.cus_skin .sct_img .per_tx{width: 36px; height: 36px; line-height: 36px; font-size: .937em; top: 5px; right: 5px;}
	.cus_skin .sct_ct_wrap{margin:10px 0 0;}
	
	.fs_cont .fs_con_w.rev .fs_con_bn{padding-left: 0;}
	.fs_cont .fs_con_bn{width:100%; padding-right:0;}
	.fs_cont .fs_con_list{width:100%;}
	.fs_cont .fs_con_list .cus_skin{margin:0 -7px 0 0!important; padding-left:0;}
	.new_cont .cus_skin .cus_item,
	#stv_ul_02 > li{width:50%;}
	.review_cont .review_list{/*margin-right: -15px;*/}
	.review_cont .review_list .in{/*margin-right: 15px;*/ padding: 10px;}
	.review_cont .review_list li .in .rv_wr{padding: 10px 0;}
	.review_cont .review_list li .in .rv_prod{padding: 10px 0;}
	.review_cont .review_list li .in .rv_prod_img img{width: 100%; height: 100%;}
	.review_cont .btn_st.bn_prev,
	.review_cont .btn_st.bn_next{display: none!important;}
	.review_cont .review_list li .in .rv_prod_img{width: 40px;}
	.review_cont .review_list li .in .rv_prod .rv_txtbox{width: calc(100% - 50px)}
	.lat.con_st li a{font-size: .937em; padding:7px 0;}
	.notice_cont .ser_list{padding-top: 30px;}
	.notice_cont .ser_list > li .in .icon_z{width: 80px; height: 80px; margin: 0 auto 10px;}
	.notice_cont .ser_list > li .in .icon_z img{height: 30px;}
	.notice_cont .ser_list > li .in .ti{font-size: 1em;}
	
	.page_tt{font-size: 1.25em;}
	.tab_idx > li{flex: 1 33.33%;}
	
	.ceo_wrap .def_intro .in .page_tt{font-size: 1.5em;}
	.ceo_wrap .def_intro .in .img_z .bgfix{height:200px;}
	.com_wrap .def_intro .in .page_tt{font-size: 1.5em;}
	.com_wrap .def_intro .in .img_z .bgfix{height:200px;}
	.com_wrap .def_intro .in .gall_list{margin-top: 10px; margin-right: -10px;}
	.com_wrap .def_intro .in .gall_list > li .img_in{height: 200px; margin-right: 10px; margin-bottom: 10px;}
	.com_wrap .def_intro .in .list_box_gr{margin-right: 0;}
	.com_wrap .def_intro .in .list_box{width: 100%; margin-bottom: 20px;}
	.com_wrap .def_intro .in .ste_list{margin-right: 0; padding: 1em; margin-top: 10px;}
	
	.pn_wrap{display:none;}
	#st_footer{margin-top:7em;}
	#st_footer .f_box > .box1{flex-direction: column-reverse;}
	#st_footer .f_left{margin-bottom:0;}
	#st_footer .f_sns_list{width:100%; margin-top:10px;}
	#st_footer .f_sns_list > li{margin-left:0; margin-right:5px;}
	#st_footer .f_copy_w .box1{padding:0 0 10px;}
	#st_footer .f_copy_w .kcp{width:100%; margin-top:10px; text-align:right;}
	#st_footer .f_cs_gr{padding: 10px 0;}
	#st_footer .f_cs > li{margin-bottom: 3px;}
	#st_footer .f_cs > li .f_tt{font-size: 1.25em;}
	#st_footer .f_cs > li .f_tt span{margin-left: 10px;}
	#st_footer .f_bank .f_tx{font-size: 1em;}
	#st_footer .f_left .f_info > li{margin-right: 10px;}
	
	/**/
	.board_st.write th,
	.board_st.write td{padding:.8em .5em;}
	.register .board_st.write th, .register .board_st.write td,
	#sod_frm_orderer .board_st.write th, #sod_frm_orderer .board_st.write td,
	#sod_frm_taker .board_st.write th, #sod_frm_taker .board_st.write td{width:100%; display:block;}
	
	#mb_login{font-size:14px;}
	#mb_login h1{font-size:1.5em; margin: 0 0 10px;}
	#flogin{padding:0; margin:0;}
	.mem_etc_list{padding:15px;}
	.mem_etc_list .chk_box .chk_tt{width:100%; margin-bottom: 5px;}
	
	/*shop*/	
	.response_tbl thead{display:none;}
	.response_tbl tr{ border:1px solid #555; border-spacing: 5px; display: block; padding: .7em; margin-bottom: 5px;}
	.response_tbl td{ position: relative; width:100%; display:block; padding:5px; padding-left:120px; text-align: left!important; border:0; min-height: 25px; height:auto;}
	.response_tbl .td_prd{min-height:80px;}
	.response_tbl td.td_chk{ padding-left:5px; }
	.response_tbl td:before{content: attr(data-th);position: absolute; top:4px; left: 5px;}
	.res_block{display:block!important;}
	.res_none{display:none!important;}
	.response_tbl .img_s{padding-left:0;}
	.od_prd_list .td_prd .sod_img{top:0; left:0;}
	
	#sit_opt_added li .opt_name{width:100%; padding:0 0 5px 0;}
	#sit_opt_added li .opt_count{width:100%}
}

@media screen and (max-height:670px){
	#pc_all_menu2 .h_all_gnb,
	#pc_all_menu2 .h_all_gnb .depth1 .dp2_list{height: 400px; overflow-y:scroll;}
	
}


@media screen and (max-width:500px){
	
	.doc,
	.main,
	.conSection,
	.sub,
	#st_footer{font-size:13.5px;}
	#faq_wrap *{font-size:14px!important;}
	.contact_check{margin:0;}
	.contact_check > li{flex:100%; margin-bottom: 1em;}
	.contact_check > li > a{margin:0;}
	#hd .tnb ul li a{font-size:.75em; margin-left:10px;}
	#ol_after{font-size:.9em;}
	#category .menu_wr{padding:30px 15px;}
	.conSection{height:10em; }
	.page_cover .cover_cell .t2{font-size:2em;}
	#sit_ov_bottom h3, #sit_rel h2{font-size:1.068em;}
	.sct_noitem{font-size:.938em;}
	.mbskin{font-size:1em;}
	.re_btn_submit, .btn_confirm{font-size:14px;}
	#sct_ct_1 li a{height:36px;}
	
	#hd #hd_wr .h_all_btn.mo_menu_btn{margin-left:15px}
	#hd #hd_wr .hd_right_ul a{margin-left:8px;}
	
	#bo_gall #gall_ul{margin:0;}
	/*#bo_gall .gall_li{width:100%; margin-top:10px;}*/
	#bo_gall .gall_box{margin:0;}
	
	.agree_box .in_con .agree_wrap .agree_tt{font-size:1.125em;}
	.agree_box .in_con{padding:1em; margin:.4em;}
	
	.qk_list li a{width:40px; height: 40px; line-height: 40px; font-size:1.125em;}
	.qk_list li .xi{width:40px; line-height: 40px;}
	.qk_list li .qk_icon{width:40px; height: 40px; line-height: 40px;}
	.qk_list li .qk_icon img{width:25px; height: auto;}
	.qk_list li .qk_kakao:hover{width:130px;}
	.qk_list li .qk_kakao .xi{font-size:1em;}
	
	.cus_skin .sct_marker{top:5px; left:5px;}
	.cus_skin .sct_marker img{width:25px; height: 25px;}
	.cus_skin .sct_img .soldout_box{font-size:1em;}
	.cus_skin .sct_ct_w .xi{width: 36px; height: 36px; line-height: 36px;}
	
	.main_tit{margin-bottom:10px;}
	.main_tit .in_tt{font-size:1.825em;}
	#wrapper_title{font-size:1.825em; text-align: center;}
	.shop_control .xi{width:35px; height: 35px; line-height: 35px;}
	.fs_cont .fs_con_list .cus_skin .sct_ct_wrap{position: inherit; bottom: inherit; left: inherit; background: transparent; }
	.fs_cont .fs_con_list .cus_skin .sct_txt a, .fs_cont .fs_con_list .cus_skin .sct_cost{color:#222;}
	.fs_cont .fs_con_list .cus_skin .sct_cart{bottom:0; right:0;}
	.line_bn{margin-top:30px;}
	.review_cont .review_list .in{padding: 5px;}

	.notice_cont .main_tit{margin-bottom: 10px;}
	.notice_cont .ser_list > li{width: 50%; margin-bottom: 20px;}
	
	.ceo_wrap .def_intro .in .txt_z .page_tt{font-size:1.5em; margin-bottom: 20px;}
	.ceo_wrap .page_tt br{display:none;}
	.ceo_wrap .def_intro .in .img_z{display:none;}
	.com_wrap .def_intro .in .txt_z .page_tt{font-size:1.5em; margin-bottom: 20px;}
	.com_wrap .page_tt br{display:none;}
	.com_wrap .def_intro .in .img_z{display:none;}
	.com_wrap .def_intro .in .gall_list > li .img_in{height: 180px;}
	
	#st_footer{}
	#st_footer .f_box .f_left .f_logo{display:none;}
	#st_footer .f_left .f_info > li{margin-bottom:1px;}
	#st_footer .f_left .f_info .sj_btn{padding:5px;}
	#st_footer .f_box .f_tt{font-size:1em; margin-bottom: 5px;}
	#st_footer .f_box .f_tx{font-size:1.375em;}
	#st_footer .f_box .f_stx{margin-bottom:0;}
	#st_footer .f_copy_w .kcp{display:none;}
	
	/**/
	.sub #container{padding:30px 0 0 !important}
	
	.modal{font-size:14px;}
	.modal .modal__inner .rv_img{height:250px; overflow: hidden;}
	.modal .modal__inner .rv_right .rv_tit{font-size:1.068em;}
	.modal .modal__inner .rv_right .rv_txt{line-height: 1.3;}
	.modal .modal__inner .modal--close{width:35px; height: 35px; line-height: 35px; top:-40px;}
	.modal_arr{display:none;}
	
	#reg_result .board_tt{font-size:1.5em;}
	.odf_tbl table th{width:100px;}
	
	.my_menu_w{margin-right:-7px;}
	.my_menu_w > li{margin-bottom:7px;}
	.my_menu_w > li .in_w{margin-right:7px; padding:25px 15px;}
	.my_cou_st > li{width:100%; padding:15px;}
	.my_cou_st > li:nth-child(1){border-right:1px solid #ddd; margin-bottom: 3px;}
	
}


@media screen and (max-width:450px){
	.sidr-open .menu_close:before{right:85%}
}