@charset "utf-8";

/**** Media Query *********************************/
@media (max-width:1700px){
	.shop_s1 #sit_ov_wrap #sit_ov {
		float: none;
		width: 43.19%;
		overflow: visible;
	}
}

@media (max-width:1320px){
/* header */
	.hd_sub{box-sizing: border-box; padding: 0 20px;}
	.hd_sub .hd_sitemap{right: 20px;}
	.hd_sub .hd_nav .gnb > li{width: auto; padding-right: 3vw; margin-right: 1vw;}
	.hd_sub .hd_nav .gnb > li > a{font-size: 14px;}
	.hd_sub .hd_nav .gnb > li.cacao a:before{right: 0;}
	.hd_sub .hd_nav .gnb > li.full_gnb > .dep2{min-width:150px}
	.hd_top_wrap .hd_top ul > li{width: auto; }
	.hd_top_wrap .hd_top ul > li > a{padding: 0 10px; font-size: 12px;}

/* main */
	.mv .owl-item .item figure{position: static;}
	.mv .owl-carousel .owl-item img{position: static; width: 100%; height: auto !important;}
	.mv .owl-item{height: auto;}
	.mv .mv_owl .owl-nav [class*=owl-]{left: 20px !important;}
	.mv .mv_owl .owl-nav .owl-next{left: auto !important; right: 20px !important;}
	.mcnt2 {box-sizing: border-box; margin: 10vw 0px 5vw; padding: 0 20px;}
	.mcnt2 ul > li{width: 31.82%;}
	.mcnt3 .gall_owl{padding: 0 20px;}
	.mcnt3 .gall_owl .owl-item img{height: auto;}
	.mcnt4{box-sizing: border-box; padding: 0 20px;}
	.shop_s1 #sit_ov_wrap #sit_ov{
		min-width: 270px;
	}
}

@media (max-width:1024px){
/* header */
	.hd_sub .hd_nav .gnb{display: none;}

/* main */
	.mcnt1 {box-sizing: border-box; padding: 0 20px;}
	.mcnt1 ul {height: auto; align-items: flex-start; flex-direction: column; }
	.mcnt1 ul > li{width: 100%; padding: 3vw 0 !important; border-bottom: 1px dashed #333;}
	.mcnt1 ul > li:not(:last-child):after{display: none;}
	.mcnt2 ul > li{width: 49%; margin-right: 2% !important;}
	.mcnt2 ul > li:nth-child(2n+2){margin-right: 0 !important;}
	.mcnt3{height: auto; padding: 9vw 0px;}
	.mcnt3 .gall_owl .owl-nav .owl-prev{left: 20px;}
	.mcnt3 .gall_owl .owl-nav .owl-next{right: 20px;}

/* footer */
	#footer{box-sizing: border-box; height: auto; padding: 3vw 20px; }
	#footer .wrap{padding-top: 0; flex-direction: column;}
	#footer .lbx{padding-left: 0;}
	#footer .lbx:before {position: static; display: block; margin-bottom: 2vw;}
	#footer .rbx{margin-top: 0; display: flex;}
	#footer .rbx li{border-bottom: 1px solid #222; margin-right: 5px;}
	#footer .rbx li > a{padding-left: 0; width: 150px;}
	#footer .btn_cacao,
	#footer .btn_top{right: 20px;}

}

@media (max-width:480px){
/* header */

	.hd_sub{height: 80px;}	
	.hd_sub .hd_logo{width: 80px; height: 80px;}
	.hd_sub .hd_logo > a{background-size: 100%;}
	.hd_sub .hd_sitemap{top: 28px;}
	.site_cnt_wrap .left_menu {padding: 25px 0 50px 20px;}
	.site_cnt_wrap .left_menu > ul > li > a{font-size: 13px;}
	.site_cnt_wrap .left_menu > ul > li > a:before, .site_cnt_wrap .left_menu > ul > li > a:after{right: 1rem;}
	.site_cnt_wrap .right_menu .gnb > li > .dep2 > li > a{font-size: 12px; line-height: 1.7; margin-bottom: .7em;}

	.hd_top_wrap .hd_top ul > li{
		flex: 1;
		margin-top: 5px;
	}
	.hd_top_wrap .hd_top ul > li a{
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
/* main */
	.main_wrap {margin-top: 126px;}
	.mcnt1 ul > li figure img{}
	.mcnt1 ul > li .tbx{padding-top: 1vw;}
	.mcnt1 ul > li .tbx h4{font-size: 3.8vw; line-height: 1; margin-bottom: 2vw;}
	.mcnt1 ul > li .tbx p{font-size: 3.2vw; line-height: 1.7;}
	.mcnt2 ul > li{margin-bottom: 4vw;}
	.mcnt2 ul > li .tbx h4{font-size: 4vw; line-height: 1; padding-top: 4vw;}
	.mcnt2 ul > li .tbx p {font-size: 3.2vw; line-height: 1.5; margin: 3vw 0 3vw; height: 13vw; word-break: keep-all;}
	.mcnt2 ul > li .tbx p br{display: none;}
	.mcnt3 h2{font-size: 5vw; line-height: 1.7; margin-bottom: 4vw;}
	.mcnt3 > a {margin-top: 5vw; height: 40px; line-height: 36px; font-size: 3.4vw; width: 114px;}
	.mcnt4{height: 50vw;}
	.mcnt4 h3{font-size: 5vw; margin-bottom: 4vw;}
	.mcnt4 p{font-size: 3.2vw; line-height: 1.7;}
	#footer .btn_cacao a span img{width: 30px;}
	#footer .btn_cacao{width: 40px; height: 40px; bottom: 121px;}
	#footer .btn_top{width: 40px; height: 40px; line-height: 40px; font-size: 3.2vw;}

/* footer */
	#footer .lbx:before{background-size: 80px;}
	#footer .lbx ul li{font-size: 3vw; line-height: 1.7;}
	#footer .lbx ul li span{padding-right: 10px;}
	#footer .lbx ul li span:not(:last-child):after {top: 0.45em; height: 0.9em; right: 3px;}
	
}