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


@media screen and (max-width:1600px){
	.shop_control .xi,
	.main_doc .slick-arrow{width:50px; height: 50px; line-height: 50px;}
	.shop_control .b_prev,
	.main_doc .slick-prev,
	.spc_cont .shop_control .b_prev{margin-left:-25px;}
	.shop_control .b_next,
	.main_doc .slick-next,
	.spc_cont .shop_control .b_next{margin-right:-25px;}
}
	
@media screen and (max-width:1300px){
	
	.main, .sub{font-size: 14px;}
	#hd #hd_wr .h_bottom .h_gnb > li > a{font-size:1em;}
	#hd #hd_wr .h_bottom .pc_all_btn .tx{font-size:1em;}
	#hd #hd_wr .dp2_list.on{ position:inherit !important; top: inherit; left: inherit; transform: translateX(0); width: 100%;}
	#hd #hd_wr .h_top .hd_search .in_sch #sch_str{width:280px;}
	#hd #logo img,
	#st_footer .f_box .f_left .f_logo{width:140px; height: auto;}
	
	/*.dp2_list{ display: none;}*/
	.dp2_list.on{ opacity: 1!important; visibility: visible!important; display: block;}
	
	.conSection{height:15em;}
	.page_cover .cover_cell .t2{font-size:2.5em;}
   

	/**/
	.main_shop_05 .main_s05_bn{width:100%; position: inherit; top:inherit; left: inherit; height:auto; margin-bottom:35px;}
	.main_shop_05 .main_s05_bn .slick-slide{margin-right:25px;}
	.best_cont .best_con_w{min-height:auto;}
	.best_cont .best_bn_slide{margin-right:-25px;}
	.best_cont .cus_item{width:25%!important; min-height:auto;}
	.best_cont .slick-slide > div:nth-child(1) .cus_item:nth-child(1){margin-left:0}
	.best_cont .slick-slide > div:nth-child(2){position: inherit; bottom:inherit; right: inherit;}
	.best_cont .slick-slide > div:nth-child(2) .cus_item:nth-child(1){margin-left:0;}
	

	.main_doc .slick-prev,
	.main_doc .slick-next{top:inherit; bottom:-40px; transform: translateY(0);}
	.prom_cont .shop_control,
	.spc_cont .shop_control{top:inherit; bottom:-40px; transform: translate(-50%, 0);}
	
	#st_footer .main_bo_list .in_tit .in_tt{max-width:80%;}
	
	.pw_lost_wrap .in_con:first-child{padding-right:2em;}
	.pw_lost_wrap .in_con:last-child{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_wr{border-bottom:1px solid #ddd;}
	#hd .hd_search{display:none;}
	.tnb_con{top:75px;}
	#sct_ct_1 li{width:33.33%;}
	#hd #hd_wr .h_top .hd_right_btn > a{margin-left:5px;}
	
	
	
	.pw_lost_wrap .in_con{width:100%; }
	.pw_lost_wrap .in_con:first-child{ border-right:0; padding:2em 0;}
	.pw_lost_wrap .in_con:last-child{padding:2em 0; border-top:1px dashed #ddd;}
	
	/**/
	.mo_menu_btn{display:block!important; cursor: pointer;}
	#sidr .qk_menu{display:none;}
	.sidr-open .menu_close:before{display:block;}
	
	.mainSlider_wrap .v_shop_pagen{bottom:15px;}
	.shop_control .xi, .main_doc .slick-arrow{width:44px; height: 44px; line-height: 44px;}
	.shop_control .b_prev, .main_doc .slick-prev, .spc_cont .shop_control .b_prev{margin-left:0;}
	.shop_control .b_next, .main_doc .slick-next, .spc_cont .shop_control .b_next{margin-right:0;}
	.main_more a{width:140px; height: 54px; line-height: 54px;}
	.main_tit{margin-bottom:20px;}
	.cus_skin .sct_cart .btn_cart,
	.cus_skin .sct_cart .xi{width:40px; height: 40px; line-height: 40px;}
	.cus_skin .sct_cart .btn_cart{bottom:55px;}
	
	.main_sbn01,
	.best_cont,
	.prom_cont,
	.spc_cont,
	.main_sbn02,
	.event_cont{margin-top:70px;}
	.event_wrap{border-top:1px solid #ddd;}
	.event_cont .tab_z{width:100%; padding-right:0;}
	.event_cont .img_z{display:none;}
	.event_cont .event_wrap{min-height:auto;}
	.event_cont .tab_z .tab_w{padding:15px 0;}
	.prom_cont .cus_skin .in .sct_ct_wrap{margin-top:0;}
	
	#st_footer .f_contact{padding:20px 0 0;}
	#st_footer .f_contact .in_cont > li{width:50%; margin-bottom:20px;}
	#st_footer .f_contact .in_cont > li:nth-child(2n){border-right:0;}
	#st_footer .f_contact .in_cont > li:nth-child(2n) .in{padding-right:0;}
	#st_footer .f_contact .in_cont > li:nth-child(2n-1) .in{padding-left:0;}
	#st_footer .f_box .f_left .f_info{width: 100%; padding-left:0;}
	#st_footer .f_box .f_left .f_cs_w{display:none;}
	#st_footer .f_faq{display:none;}
	#st_footer .st_faq .f_cs_w{display:block; margin-top:0; width:auto;}
	#st_footer .st_faq .f_cs_w .f_tel{margin-top:-10px;}
	#st_footer .st_faq .f_cs_w .f_tel .in_tel{margin-left:0;}
	#st_footer .f_top .f_menu{margin:15px 0;}
	#st_footer .f_box .f_left .f_logo{display:none;}
	#st_footer .f_copy_w .copyright{text-align:left;}
	
	#sit_pvi #sit_pvi_slide{width:100%;}
	#sit_pvi .slider-nav{width:100%; padding-left:0; margin-top:20px;}
	#sit_pvi .slider-nav .slick-slide{width:24%!important; margin:0 .5%;}
	#sit_ov{padding-left:0; padding-top:30px;}
	#sod_frm .od_prd_list table{border-bottom:0;}
	
	.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;}
	
	
	.company_wrap .loc_wrap .loc_map{width:100%; padding-right:0;}
	.company_wrap .loc_wrap .loc_txt{width:100%; padding:0; margin-top:20px;}
}

@media screen and (max-width:768px){
	
	.mobile_no{display:none;}
		
	#hd .tnb ul li a{margin-left:15px;}
	#hd #hd_wr #logo img{width:125px;}
	#hd #hd_wr .h_top .hd_right_btn > *, #hd #hd_wr .h_top .hd_right_btn button{margin-left:10px;}
	.hd_right_btn button,
	.hd_right_btn > a{width:25px; height: 25px; line-height: 25px;}
	#hd_btn{top:initial; bottom:5px; transform: none;}
	#hd_btn .qk_btn{font-size:1.25em;}
    #hd_btn .in{width: 240px; height: 145px; top: -104px;}
    #hd_btn .in .ip_x{font-size: 1.25em; right: 20px; top: 15px;}
    #hd_btn .in .in_txt .ti{font-size: 14px;}
    #hd_btn .in .in_txt .t1{font-size: 1.625em;}
    #hd_btn .in .in_txt .t2{font-size: 12px;}
    #hd_btn .in .in_txt .t1 .xi{width: 35px; height: 35px; line-height: 35px; margin-right: 4px;}
    
	#bo_gall #gall_ul{margin:10px 0 0 -10px}
	#bo_gall .gall_li{width:calc(100%/2 - 10.1px); margin:0 0 10px 10px}
	#bo_gall .gall_li:nth-child(2n + 1){clear:both;}
	.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;}
	
	.input_st.s1{font-size:.9em; padding:.5em .8em;}
	.board_sch .input_st.s1.w7{width:100px;}
	.board_sch .input_st.s1.w1{width:13em;}

	.mainSlider_wrap{display:none;}
	.mainSlider_wrap.mo_only{display:block; }
	
	.cus_skin{margin:20px -7px 0 0!important}
	.cus_skin .in{margin-right:7px;}
	.cus_skin .sct_ct_wrap{margin:10px 0 0; padding:0 5px;}
	.cus_skin .sct_cost{margin:5px 0 0;}
	.cus_skin .sct_mk{margin-top:3px;}
	.cus_skin .sct_stk{margin-top:10px;}
	.cus_skin .cus_item{margin-bottom:20px!important;}
	.cus_skin .in .per_tx{width:38px; height: 38px; line-height: 38px; right:-1px;}
	.sct.cus_skin{margin:20px -7px 0 0!important}
	.sct.cus_skin > li{width:50%; margin-bottom:20px;}
	
	.best_cont .cus_skin{margin:0 -7px 0 0!important;}
	.best_cont .cus_item{width:50%!important; margin-bottom: 20px!important;}
	.main_shop_02 .main_s02_bn{width:100%; padding-right:0;}
	.main_shop_02 .main_s02_item{width:100%; padding-left:0; margin-top:35px; margin-bottom: 15px;}
	.main_shop_05 .main_s05_bn .best_bn_slide{margin-right:-7px;}
	.main_shop_05 .main_s05_bn .slick-slide{margin-right:7px;}
	.prom_cont .cus_skin .in .sct_ct_wrap{padding:0 0 0 15px; margin-top:20px;}
	.prom_cont .cus_skin .cus_item{margin-bottom:7px!important;}
	
	#st_footer .f_top .f_menu > li a{margin-right:25px;}
	#st_footer .f_top .f_menu > li a:after{display:none;}
	#st_footer .f_contact .in_cont > li .in .stx,
	#st_footer .f_cs_w .f_tel .in_tel{line-height: 1.2; font-size:1.375em;}
	#st_footer .f_contact .in_cont > li .in{padding:0 20px;}
	#st_footer .main_bo_list > li:not(:last-child){margin-bottom:10px;}
	
	#hd #hd_wr .h_top .hd_right_btn > a.join_btn{display:none;}
	
	.cus_skin .sct_cart .btn_wish,
	.cus_skin .sct_cart .btn_cart{display:none;}
	
	.main_sbn01 .shop_pagen{margin-top:30px;}
	.main_sbn01 .shop_control{top: inherit; bottom: 10px;}
	
	.bk_in_input{margin-right:0;}
	.bk_in_input > li{width:100%; padding-right:0;}
	
	#stv_ul_02{margin-right:-7px;}
	#stv_ul_02 > li{margin-bottom:7px;}
	#stv_ul_02 > li .prd_img{margin-right:7px;}
	
}

@media screen and (max-width:500px){
	
	:root{
		--item_r:10px;
	}
	
	/*팝업*/
	.hd_pops_con{height:auto!important;}
	
	.main_doc{overflow:hidden;}
	.doc,
	.main,
	.conSection,
	.sub,
	#st_footer{font-size:13.5px;}
	.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;}
	#hd #hd_wr .h_top .hd_right_btn .tx{font-size:.6em;}
	#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;}
	#hd #hd_wr .h_top{padding:15px 0;}
	#hd #hd_wr .h_top .hd_right_btn > a{min-width:38px; margin-left:2px;}
	#hd #hd_wr .h_top .hd_right_btn > a img{height:22px; width:auto;}

	.main_tit .in_tt{font-size:1.825em;}
	.main_more a{width:120px; height: 46px; line-height: 46px;}
	.sct_stk > li img{height:18px; width:auto;}
	.cus_skin .sct_stk > li:not(:last-child){margin-right:2px;}
	
	.main_sbn01, .best_cont, .prom_cont, .spc_cont, .main_sbn02, .event_cont{margin-top:40px;}
	.main_shop_02 .main_s02_item{margin-top:20px;}
	.prom_cont .cus_skin .in .sct_img_w{width:calc(50% - 7px); height: auto;}
	.prom_cont .cus_skin .in .sct_ct_wrap{width:50%;}
	.event_cont .tab_z .tab_w{padding:5px 0;}
	.event_cont .tab_z .lt_tit{padding-left:15px; font-size:1.125em;}
	.main_sbn01 .shop_control{position: inherit; top: inherit; left: inherit; transform: translate(0);}
	
	
	
	#st_footer .f_contact .in_cont > li{border-right:0;}
	#st_footer .f_contact .in_cont > li.st_notice{display:none}
	#st_footer .f_contact .in_cont > li.st_faq{border-right:1px solid #ddd; padding-right:15px;}
	#st_footer .f_contact .in_cont > li.st_bank{padding-left:15px;}
	#st_footer .f_contact .in_cont > li.st_sns{width:100%;}
	#st_footer .f_contact .in_cont > li .in{padding:0;}
	#st_footer .f_contact .in_cont > li .in .stx,
	#st_footer .f_cs_w .f_tel .in_tel{font-size:1.25em;}
	#st_footer .f_contact .in_cont > li .in .tt{font-size:1.125em; margin-bottom:10px;}
	#st_footer .f_cs_w .tx{margin-bottom:0;}
	#st_footer .f_box .f_left .f_info > li{margin-bottom:3px;}
	#st_footer .f_box .f_left .f_info .sj_btn{padding:6px;}
	#st_footer .f_top .f_menu > li a{margin-right:20px;}
	#st_footer .f_copy_w{margin-top:10px;}
	#st_footer .f_copy_w .box1{padding:12px 0;}
	#st_footer .f_copy_w .kcp{height:25px;}
	#st_footer .f_copy_w .copyright{letter-spacing: -.5px;}
	
	.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_kakao:hover{width:130px;}
	.qk_list li .qk_kakao .xi{font-size:1em;}
	
	.shop_pagen .slick-dots button{width:10px; height: 10px;}
	.shop_pagen .slick-dots .slick-active button{width:30px;}
	
	.mo_ver{display:block;}
	.pc_ver{display:none;}
	
	#sit_pvi .slider-nav{margin-top:10px;}
	#sit_pvi .slider-nav .slick-slide{width:25%; margin:0 2px;}
	
	.mbskin{padding:0;}
	#mb_login,
	#mb_confirm{font-size:14px;}
	#mb_login h1,
	#mb_confirm h1{font-size:1.375em;}
	#fregister .agree_box .in_con{padding:.5em; margin:.5em;}
	
	.board_st.write th{padding:.5em .8em;}
	.board_st.write td{padding:.5em;}
	.board_st.write #reg_mb_name{width:100%!important;}
	.board_st.write #email2{margin-top:5px;}
	.board_st.write #reg_mb_password_re{margin-top:5px;}
	.rv_g_box .input_st.w2{width:5em;}
	.rv_g_box .label_select{margin-top:5px;}
	.mem_etc_list{padding:1.5em;}
	.mem_etc_list .chk_box .chk_tt{width:100%; margin-bottom:7px;}
	.od_tbox{ padding:1em;}
	#sod_frm_pay{padding:10px 0;}
	#sod_frm #sod_bsk_tot{margin:0;}
	.sod_left{padding:10px 0;}
	.odf_tbl table th{width:100px;}
	.sidr-open .menu_close:before{right:85%}
	
	#bo_v,
	#bo_w{padding:0;}
	#bo_v #bo_v_title{padding:.5em 0;}
	#bo_v_title .bo_v_tit{padding:0;}
	.sit_inf_login .board_tt{font-size:1.5em; margin: 0 0 15px;}
	.sit_inf_login .board_tx{font-size:1.068em;}
	.input_bank{width:100%!important; margin-top:5px;}
	
	.pw_lost_wrap .in_con .pw_lost_wt li .in_tt{width:100px;}
	.pw_lost_wrap .in_con .pw_lost_wt li .in_wt{width:calc(100% - 100px);}
	
	.agree_box .in_con{padding:.7em; margin:.7em;}
	
	.company_wrap .root_daum_roughmap .wrap_map{height:250px!important;}
	.company_wrap .loc_wrap{margin-top:30px;}
	.company_wrap .loc_wrap .loc_txt ul > li:not(:last-child){margin-bottom:8px;}
	.company_wrap .loc_wrap .loc_txt ul > li .fwB{width:120px;}
	.company_wrap .loc_wrap .loc_txt ul > li .in_t{width:calc(100% - 120px);}
	
	
	/**/
	#reg_result .board_tt{font-size:1.5em;}
	#reg_result .board_tt img{width:150px; height: auto;}
	
	
	/**/
	#sod_inquiry li .idtime_time{position: inherit; top:inherit; right: inherit; width:100%; display:block;}
}



@media screen and (max-width:350px){
	#hd #hd_wr #logo img{width:110px;}

}