@charset "utf-8";
@import url(media_sub.css);

/**** Media Query *********************************/
@media (max-width:1800px){
/* main */
	.mv_sec .count_num{left: 15%;}
}

@media (max-width:1720px){
/* header */
	.header{box-sizing: border-box; padding: 0 20px;	}
	.header .hd_sub .hd_nav{margin-left: 4vw;}
	.header .hd_sub .hd_nav .gnb > li{width: 11vw !important;}
	.mv_sec .count_num{left: 13%;}

	.mcnt4 {display: none;}
}

@media (max-width:1600px){
	.mv_sec .count_num{left: 11%;}
	.m_gallery .owl-nav {left: 0; width: 100%; margin-top: -50px;}
	.m_gallery .owl-nav .owl-next{position: relative; left: 70px;}
	.m_gallery .owl-nav .owl-prev{position: relative; left: -70px;}
	.m_gallery{ padding: 119px 100px;}
}

@media (max-width:1500px){
/* mcnt1 */
	
}

@media (max-width:1320px){
/* main */
	.mv_sec .m_txt{box-sizing: border-box; padding-left: 20px;}
	.mv_sec .count_num{left: 20px;}
	.mv_sec .owl-nav {width: 100%; left: 20px; margin-left: 0;}
	.mv_sec .count_num{left: 52px;}

/* footer */
	.footer {box-sizing: border-box; padding: 0 20px;}
}

@media (max-width:900px){
/* common */

/* header */	
	.header .hd_sub .hd_nav .gnb{display: none;}
	
/* main */
	.mv_sec,
	.mv_sec .item,
	.mv_sec .item .mv_img{height: 88vw;}
	.mv_sec .m_txt{margin-top: 25vw;}
	.mv_sec .count_num,
	.mv_sec .owl-nav{bottom: 15vw;}
	.mv_sec .m_txt h3{line-height: 1.3;}
	@keyframes ico_Move {0% {bottom: 5vw; } 50% {bottom: 8vw; } 100% {bottom:5vw}}

/* mcnt1 */
	.product_item{display: block; box-sizing: border-box; padding: 8vw 20px;}
	.m_product:before {width: 50%; height: 67vw; bottom: auto; top: 8vw;}
	.product_item .product_img{width: 100%;}
	.product_item .tbx{padding-left: 0; padding-top: 8vw;}
	.m_product{background-size: 50%;}	
	.m_product .owl-nav{position: absolute; right: 30px; top: 77vw;}
	.m_product .count_num{position: absolute;  right: 0px; top: 72vw;}

/* mcnt2 */
	.m_gallery {padding: 8vw 100px;}

/* mcnt3 */
	.m_contect{height: 65vw; background-size: cover;}

/* footer */
	.footer .ft_top{display: flex; flex-wrap:wrap; flex-direction: column-reverse;}
	.footer .ft_top .ft_menu{margin-bottom: 2vw;}
	.footer .ft_top .ft_menu,
	.footer .ft_top .ft_ul{float: none;}
	.footer .ft_top .ft_ul li{line-height: 1.7;}
}

@media (max-width:640px){
	.m_gallery {padding: 8vw 45px}
	.m_gallery .m_gallery_img{padding: 5px;}
	.m_gallery .owl-nav{margin-top: -40px;}
	.m_gallery .owl-nav [class*=owl-]{width: 35px; height: 35px;}
	.m_gallery .owl-nav .owl-next{left: 40px;}
	.m_gallery .owl-nav .owl-prev{left: -40px;}
	.m_gallery .m_gallery_img img{height: auto;}
	.mv_sec .m_txt{padding-right: 20px; word-break: keep-all;}
	.mv_sec .m_txt p{line-height: 1.7;}
}

@media (max-width:480px){
/* header */
	.header{height: 75px;}
	.header .hd_sub .hd_logo > a{width: 130px; height: 80px;}
	.header .hd_sub .hd_logo > a:before,
	.header .hd_sub .hd_logo > a:after{background-size: 130px;}
	.header .hd_sub .hd_sitemap{margin-top: 25px;}
	.hd_lang { margin-top: 20px;}


/* main */
	.mv_sec .m_txt p{margin: 3vw 0;}
	.mv_sec .owl-nav .owl-next{margin-left: 60px;}
	.mv_sec .count_num{width: 60px;}
	.main_scroll{margin-left: -10px;}
	.main_scroll img{width: 20px;}

	.mv_sec .m_txt h3 {font-size: 4.5rem;}
	.mv_sec .m_txt {margin-top: 34vw;}
	.mv_sec .count_num, .mv_sec .owl-nav{bottom: 9vw;}
/* mcnt1 */
	.m_product .owl-nav [class*=owl-]{width: 35px; height: 35px;}
	.m_product .owl-nav{top: 79vw;}
	.product_item .tbx .tit{padding-bottom: 4vw;}
	.product_item .tbx .tit h4{padding: 3vw 0 4vw; margin-left: 0;}
	.product_item .tbx .txt p{margin: 2vw 0 4vw; line-height: 1.7;}
	.m_link {width: 120px; height: auto; line-height: 3; padding-left: 3vw;}
	.m_link:after{right: 3vw;}
	.product_item .tbx .tit:before{left: 0;}

/* mcnt2 */
	.m_gallery{padding-top: 3vw;}
	.m_gallery h2{margin-bottom: 4vw;}
	.m_gallery .m_gallery_owl {margin: 5vw 0 6vw;}
	.m_gallery h4 {margin-top: 1vw; line-height: 3;}

/* mcnt3 */
	.m_contect .tbx p { line-height: 1.7; margin: 3vw 0 4vw;}
	.m_contect .tbx{margin-top: 0;}

/* footer */
	.footer{height: auto; padding-bottom: 5vw;}
	.footer .ft_top .ft_ul li:nth-child(2) span:first-child:after{display: none;}
	.footer .ft_top{padding: 8vw 0 4vw;}
	.ft_bottom{padding-top: 4vw;}
	.ft_bottom p{line-height: 1.5;}
	.footer .ft_top .ft_menu{margin-bottom: 4vw;}
/* pop */
	.hd_pops{top: 90px !important; left: 10px !important; width: calc(100% - 20px); }
	.hd_pops_con{width:100% !important; height: 55vh !important; overflow-y: scroll; word-break: keep-all; box-sizing: border-box; padding: 0 10px;}
}