@media screen and (max-width: 1500px) {
	#stv02 {
		right: 2% !important;
	}
}

@media screen and (max-width: 1280px) {
	
	.wrap { width: 98%; margin: 0 auto; }

	/* head */
	.head_inner01 .wrap { width: 100%; }
	#stv02 { display: none; }

	/* footer */
	.con03_infobox h4 { font-size: 32px; }

	/* main */
	.main_text { width: 50%; }
	.main_text h2 { font-size: 72px; }
	.main_text p br { display: none; }
	.main_product { width: 50%; text-align: center; }
	.main_product img { max-width: 100%; }

}

@media screen and (max-width: 1200px) {
	
	/* main */
	.owl-carousel.owl-drag .owl-item .item { height: 640px; }

	/* user 2023-05-22 */
	.hd_pops {
		left: 2% !important;
		top: 80px !important;
	}
	
	.hd_pops {
		left: 2% !important;
		max-width: 96%;
		height: auto;
	}

	.hd_pops_con {
		max-width: 100% !important;
		width: auto !important;
		height: auto !important;
	}

	.hd_pops_con a { display: inline-block; }

}

@media screen and (max-width: 1120px) {
	
	#sit_pvi { width: calc(50% - 50px); margin-right: 50px; }

}

@media screen and (max-width: 1024px) {
	
	/* head */
	.head { height: 70px; }
	.logo img { height: 60px; }
	
	.menu_innner { display: none; }
	.head_topmenu { margin-right: 60px; }

	.mobilever { display: block; }
	
	#side_menu { display: none; }

	/*카테고리*/

	#hd_btn { position: absolute; right: 0px; top: 0px; }
	#hd_btn button { display: inline-flex; justify-content: center; align-items: center; text-align: center; background: #fff; border: none; width: 30px; height: 30px; font-size: 20px; }
	#hd_btn button#btn_hdcate { margin-left: 10px; }

	#btn_hdcate .mobile_menuline { position: relative; display: inline-block; width: 20px; height: 2px; background: #000; }
	#btn_hdcate .mobile_menuline:after, #btn_hdcate .mobile_menuline:before { content: ''; position: absolute; left: 0px; width: 20px; height: 2px; background: #000; }

	#btn_hdcate .mobile_menuline:before { top: -8px;}
	#btn_hdcate .mobile_menuline:after { bottom: -8px; }

	.m_menu {display:none;position:fixed;top:0;height:100%;z-index:99999;-webkit-backface-visibility:hidden;width:100%; background:#efefef; }
	.m_menu .menu_wr { position:relative; width:100%; height:100%; padding: 2%; overflow-y:auto; background:#eee; z-index:199919; -webkit-box-shadow: 0 0 5px rgba(55,55,5,0.4)); -moz-box-shadow: 0 0 5px rgba(55,55,5,0.4)); box-shadow: 0 0 5px rgba(55,55,5,0.4); }

	.menu_closebox { margin-bottom: 10px; text-align: right; }
	dl.member_btnbox { display: inline-block; float: left; text-align: left; }
	dl.member_btnbox dd { display: inline-block; }
	dl.member_btnbox dd a { position: relative; display: inline-flex; justify-content: center; align-items: center; text-align: center; width: 120px; height:40px; background:transparent; border:1px solid #000; color: #000; text-align: center; }
	.m_menu .menu_close { position: relative; display: inline-block; top: 0; right:0px; width:40px; height:40px; background:#000; color: #fff; font-size:20px; margin-top: 0px; border:0; z-index:199999; }

	.m_menu .cate {background:#fff;border-bottom:1px solid #e1e1e1}
	.m_menu .cate a { display:block; padding:0 10px; border-bottom:1px solid #efefef; color:#333; font-weight: 500; }
	.m_menu .cate li {position:relative;line-height:40px}
	.m_menu .cate li button {position:absolute;top:0;right:0;background:url;border:0;width:30px;height:40px;overflow:hidden;border:0;background:url(../img/mobile/gnb_bg.png) no-repeat 50% 50%;text-indent:-9999px}
	.m_menu .cate li button.ct_cl {background:url(../img/mobile/gnb_bg2.png) no-repeat 50% 50%}

	.m_menu .sub_cate {display:none}
	.m_menu .sub_cate a {border-bottom:1px solid #efefef;background:url(../img/btn_next.gif) no-repeat 21px 17px;padding-left:30px}
	.m_menu .sub_cate2 a {padding-left:40px;background-position:31px 17px}
	.m_menu .sub_cate3 a {padding-left:50px;background-position:41px 17px}
	.m_menu .sub_cate4 a {padding-left:60px;background-position:51px 17px}

	#cate_tnb {background:#fff;border-bottom:1px solid #e1e1e1;margin:10px 0}
	#cate_tnb:after {display:block;visibility:hidden;clear:both;content:""}
	#cate_tnb li {border-bottom:1px solid #efefef;float:left;width:50%;line-height:43px;padding:0 10px 0 50px;position:relative}
	#cate_tnb li:nth-child(2n+1) {clear:both;border-right:1px solid #efefef}
	#cate_tnb li i {position:absolute;top:0;left:0;width:50px;text-align:center;color:#a5a8ac;line-height:42px;font-size:16px}

	.m_menu #stv { position: relative; height: auto; }

	/* BURGER */
	#accordian {display: block; }
	.burger { position: absolute; right: 10px; top: 25px; display: inline-block;}

	.burger.burger-close { display: none; position: absolute; right: 5%; top: 5%; 	}
	.burger.burger-close.clicked { display:inline-block; }
	.burger span { position: relative; margin-top: 9px; margin-bottom: 9px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
	.burger span, .burger span::before, .burger span::after {
		display: block; width: 30px; height: 2px; background-color: #fff; outline: 1px solid transparent;
		-webkit-transition-property: background-color, -webkit-transform;
		-moz-transition-property: background-color, -moz-transform;
		-o-transition-property: background-color, -o-transform;
		transition-property: background-color, transform;
		-webkit-transition-duration: 0.3s;
		-moz-transition-duration: 0.3s;
		-o-transition-duration: 0.3s;
		transition-duration: 0.3s;
	}

	.burger span::before, .burger span::after { position: absolute; content: "";	}
	.burger span::before { top: -9px; }
	.burger span::after { top: 9px; }

	.burger.clicked span { background-color: transparent; }

	.burger.clicked span::before {
		-webkit-transform: translateY(9px) rotate(45deg);
		-moz-transform: translateY(9px) rotate(45deg);
		-ms-transform: translateY(9px) rotate(45deg);
		-o-transform: translateY(9px) rotate(45deg);
		transform: translateY(9px) rotate(45deg);
	}

	.burger.clicked span::after {
		-webkit-transform: translateY(-9px) rotate(-45deg);
		-moz-transform: translateY(-9px) rotate(-45deg);
		-ms-transform: translateY(-9px) rotate(-45deg);
		-o-transform: translateY(-9px) rotate(-45deg);
		transform: translateY(-9px) rotate(-45deg);
	}

	.burger.clicked span:before, .burger.clicked span:after { background-color: #000; }
	.burger:hover { cursor: pointer; }

	/*  NAV
	========================================== */

	nav.allmenu {
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		flex-direction: column;

		position: fixed;
		z-index: 9999;
		top: 0;
		right: 0;
		height: 100%;
		width: 60%;
		max-width: 420px;
		padding: 5% 50px;
		padding-top: 7%;

		background-color: rgba(255, 255, 255, 1);

		overflow-y: auto;
		-webkit-transform: translateX(100%);
		-moz-transform: translateX(100%);
		-ms-transform: translateX(100%);
		-o-transform: translateX(100%);
		transform: translateX(100%);
		-webkit-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
		-moz-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
		-o-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
		transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	}

	nav.allmenu.show {
		box-shadow: 0 0px 10px 5px rgba(0, 0, 0, 0.1);
		-webkit-transform: translateX(0%);
		-moz-transform: translateX(0%);
		-ms-transform: translateX(0%);
		-o-transform: translateX(0%);
		transform: translateX(0%);
	}

	.allmenu_logo { width: 100%; margin-bottom: 30px; }
	.allmenu_logo img { height: 60px; }

	nav.allmenu.show ul.main li {
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-ms-transform: translateX(0px);
		-o-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1;
	}

	nav.allmenu.show ul.main li:nth-child(1) { transition-delay: 0.15s; }
	nav.allmenu.show ul.main li:nth-child(2) { transition-delay: 0.3s; }
	nav.allmenu.show ul.main li:nth-child(3) { transition-delay: 0.45s; }
	nav.allmenu.show ul.main li:nth-child(4) { transition-delay: 0.45s; }
	nav.allmenu.show ul.main li:nth-child(5) { transition-delay: 0.6s; }
	nav.allmenu.show ul.main li:nth-child(6) { transition-delay: 0.75s; }
	nav.allmenu.show ul.main li:nth-child(7) { transition-delay: 0.9s; }
	nav.allmenu.show ul.main li:nth-child(8) { transition-delay: 1.05s; }
	nav.allmenu.show ul.main li:nth-child(9) { transition-delay: 1.2s; }
	nav.allmenu.show ul.main li:nth-child(10) { transition-delay: 1.35s; }
	nav.allmenu.show ul.main li:nth-child(11) { transition-delay: 1.5s; }
	nav.allmenu.show ul.main li:nth-child(12) { transition-delay: 1.65s; }
	nav.allmenu.show ul.main li:nth-child(13) { transition-delay: 1.8s; }
	nav.allmenu.show ul.main li:nth-child(14) { transition-delay: 1.95s; }

	nav.allmenu ul.main {
		list-style-type: none;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		width: 100%;
		flex-direction: column;
	}

	nav.allmenu ul.main li {
		margin-bottom: 30px;
		padding: 0px 0px;
		width: 100%;
		text-align: left;

		-webkit-transform: translateX(40px);
		-moz-transform: translateX(40px);
		-ms-transform: translateX(40px);
		-o-transform: translateX(40px);
		transform: translateX(40px);

		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
		
		opacity: 0;
	}

	nav.allmenu ul.main li:last-of-type { margin-bottom: 0px; }

	nav.allmenu ul.main li a {
		display: inline-block;
		color: #333;
		font-size: 1.3em;
		font-weight: 400;
		text-decoration: none;
		text-transform: uppercase;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	nav.allmenu ul.main li a:hover, nav.allmenu ul.main li:hover > a { color: #000; }

	/*  OVERLAY
	========================================== */

	.overlay {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 100;
		width: 100%;
		height: 100%;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		background: #000;
		opacity: 0;
		visibility: hidden;
	}

	.overlay.show {
		opacity: 0.8;
		visibility: visible;
	}

	/* 서브메뉴 스타일 */
	#accordian ul ul li { margin-bottom:0px; }

	#accordian ul ul li a {
		position: relative;
		display: block;
		padding: 0px;
		padding-left: 15px;
		text-decoration: none;
		color: #000;
		font-size: 0.9em;
		font-weight: 500;
		line-height: 30px;
		-webkit-transition: all 0.15s;
		-moz-transition: all 0.15s;
		-o-transition: all 0.15s;
		-ms-transition: all 0.15s;
		transition: all 0.15s;
		opacity: 0.6;
	}

	#accordian ul ul li a:hover { text-decoration: underline; }

	/* active 클래스 외에 것은 보이지 않게 하기 */
	#accordian ul ul {
		display: none;
		margin-top: 10px;
	}

	#accordian li.active ul { display: block; }

	/* footer */
	.con03_infobox { padding: 0 20px; }
	.con03_infobox01 { padding-left: 0px; }
	.con03_infobox03 { padding-right: 0px; }

	/* main */
	.main_vis { height: auto; padding: 70px 0; }
	.main_text { width: 100%; margin-bottom: 50px; text-align: center; }
	.main_text h2 { margin-bottom: 30px; }
	.main_text p { width: 80%; margin: 0 auto; word-break: keep-all; }

	.main_product { width: 100%; }
	.main_product img { height: 350px; }
	
	.main_con { padding: 80px 0; }
	.main_con02 { padding: 100px 0; }
	.main_con02 h3 { text-align: center; }
	
	.main_con03 { padding: 60px 0; }
	.con03_infobox h4 { font-size: 28px; }

	/* shop */
	#sit_pvi_thumb { display: flex; flex-wrap: wrap; justify-content: flex-start; }
	#cp_frm { top:70px; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2); }

	#show_req_btn { width: 100%; }
	#sod_frm #show_req_btn .btn_submit { width: 100%; }

	#sod_frm section h2 { margin: 0px 0 15px; padding: 0 0 10px; }

}

@media screen and (max-width: 768px) {
	 
	 body { font-size: 14px; }
	
	/* head */

	.head {  }
	.head_topmenu li { padding: 0 5px; }
	.head_topmenu li:nth-child(6), .head_topmenu li:nth-child(7) { display: none; }
	.head_topmenu li:nth-child(5):after { display: none; }
	.head_topmenu li a { font-size: 11px; }

	/* footer */
	.footer_inner.footer_inner02 { font-size: 0.95em; }

	/* main */
	.main_con { padding: 60px 0; }
	
	.main_con01_list li { width: 49%; margin-left: 2%; }
	.main_con01_list li h3 { font-size: 20px; }

	.main_con01_list li .view_more { width: 150px; height: 45px; }

	.main_con02 h3 span { margin-bottom: 15px; font-size: 20px; }
	.main_con02 h3 { font-size: 45px; }

	.main_con03 { padding: 30px 0; }
	.con03_infobox { width: 100%; min-height: auto; padding: 0 0px; padding-bottom: 20px; margin-bottom: 20px; border-left: none; border-bottom: 1px solid #ddd; text-align: center; }
	.con03_customer li { padding-left: 0px; font-size: 1em; }
	.con03_customer li:after { display: none; }

	.con03_infobox h3 { margin-bottom: 20px; font-size: 20px; }
	.con03_infobox h4 { margin-bottom: 10px; font-size: 32px; }

	.con03_infobox03 { padding-bottom: 0px; margin-bottom: 0px; border-bottom: none; text-align: center; }

	/* sub */
	
	#sub_contents { margin: 50px auto; }
	.sub_title { margin-top: 0px; margin-bottom: 15px; }
	.sub_title h2 { font-size: 32px; }

	.half_input { width: 100%; }
	
	/* shop */

	.smt_70 .sct_basic { font-size: 1em !important; }

	#sod_frm #od_name,#sod_frm #od_tel,#sod_frm #od_hp,#sod_frm #od_pwd,#sod_frm #od_b_name,#sod_frm #od_b_tel,#sod_frm #od_b_hp,#sod_frm #ad_subject,#sod_frm #od_hope_date{width: 100%;}
	#sod_frm #od_zip,#sod_frm #od_b_zip{width: 150px;}

	.sod_list_new .li_prqty dl dd { width: 50%; }
	.sod_list_new .li_prqty dl dd:nth-child(1), .sod_list_new .li_prqty dl dd:nth-child(2) { margin-bottom: 10px; }
	.sod_list_new .li_prqty dl dd:nth-child(2n+1):after { display: none; }

}

@media screen and (max-width: 640px) {
	
	/* footer */
	.footer_inner.footer_inner02 { padding: 30px 0; }

	/* main */
	.main_text h2 { margin-bottom: 15px; font-size: 52px; }
	.main_text h2:after { right: -20px; width: 29px; height: 30px; background-size: auto 31px; }
	.main_text p { font-size: 17px; }

	.con03_banner li a { font-size: 13px; }

	/* sub */
	#sub_contents { margin: 30px auto; }

	/* shop */
	#sod_frm .tbl_frm01 th { width: 70px; padding: 10px 0; }
	#sod_frm .tbl_frm01 td .btn_address { width: 100px; }

	.personal_code dt, .personal_code dd { width: 100%; }
	.personal_code dt { margin-bottom: 10px; }
	.personal_code dd.personal_code_link { margin-left: 0px; margin-top: 10px; }
	.personal_code dd a { height: 40px; }

}

@media screen and (max-width: 575px) {
	
	body { font-size: 13px; }

	/* head */
	.mobile_menu_innner li { margin-bottom: 3px; }
	#hd_sch #sch_str { width: 140px; }

	/* footer */
	.footer_copyright span { display: block; padding: 0 0px; }
	.footer_copyright span:after { display: none; }
	
	/* main */
	.main_product img { height: 250px; }
	.con03_infobox h4 { font-size: 25px; }

	/* sub */
	.sub_title h2 { font-size: 22px; }

	.sidebarlist li { width: 23%; height: 35px; margin-bottom: 5px; }
	#cp_frm { left:2%; width:96%; margin-left:0px; margin-top:0px; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2); }


}

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

	/* main */
	.main_con01_list li { width: 100%; margin-left: 0%; }
	.main_con01_list li:first-child { margin-bottom: 30px; }

	.main_con02 h3 { font-size: 32px; }
	.main_con02 h3 span { font-size: 16px; }

}

@media screen and (max-width: 430px) {
	
	/* head */
	.hd_sch_wr { display: none; }

}

@media screen and (max-width: 425px) {
	
	/* main */
	.main_vis { padding: 50px 0; }
	.main_text { margin-bottom: 30px; }
	.main_text h2 { font-size: 38px; }
	.main_text p { font-size: 15px; line-height: 1.4; }

	/* shop */
	#sod_frm #od_zip, #sod_frm #od_b_zip { width: 130px; }
	#sod_frm .tbl_frm01 td .btn_address { width: 60px; letter-spacing: -0.05em; }

}

@media screen and (max-width: 375px) {
	
	/* footer */
	.footer_menu li { padding: 0 10px; }

	/* main */
	.owl-carousel.owl-drag .owl-item .item { height: 350px; }

}

@media screen and (max-width: 340px) {
	
	/* head */
	#hd_btn { right: 10px; }
	#hd_btn button#btn_hdcate {margin-left: 0px;}

}