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

/**** Media Query *********************************/
@media (max-width:640px){
	body {font-size: 3vw;}
	#wrap {padding-top: 15vw;}

	
	.header {text-align: left;}
	.hd_logo > a img {height: 15vw;padding-left: 3vw;}

	.pop_bg {z-index: 99 !important;}

	.gnb {position: fixed;right: -100%;top: 15vw;width: 50%;height: 100%;background: #fff;transition:0.3s;}
	.gnb.op {right: 0;}
	.gnb:before {display: none;}
	.gnb > li {display: block;border-top: 1px solid #dbdbdb;}
	.gnb > li:before {top: 13.8vw;}
	.gnb > li > a {padding: 0 3vw;font-size: 5vw;line-height: 14vw;}
	.gnb:hover > li > a {color: #303030;}
	.gnb > li.mview > a {color: #fff;background-color: #d21625;}

	.gnb .subm {position: static;width: 100%;margin-left: 0;padding: 3vw 0;background-color: #f5f5f5;}
	.gnb .subm > li {display: block;margin: 0;padding: 0 3vw;}
	.gnb .subm > li > a {font-size: 4vw;line-height: 2.7;color: #303030;}


	a.btn_sitemap {display: none;}
	a.btn_mo_menu {display:block;position: absolute;top: 0;right: 0;width: 16vw;height: 15vw;background:url(../../images/layout/hd_sitemap.jpg) no-repeat center center;background-size:100%;}
	a.btn_lang {position: fixed;right: 18vw;top: 0;width: 20vw;height: 8vw;margin-top: 3.5vw;font-size: 3vw;line-height: 8vw;}
	a.btn_lang .img_ov {width: 4vw;}


	.mv_sec,
	.mv_sec .owl-theme .item ,
	.mv_sec .owl-theme .item img {height: 100vw;}
	.mv_sec .owl-theme .item img {margin-left: -80%;max-width: 10000%;}

	.mv_sec .owl-theme .owl-nav.disabled+.owl-dots {left: 0;margin-left: 0;box-sizing:border-box;padding: 0 3vw;}
	.mv_sec .owl-theme .owl-dots .owl-dot {width: 4vw;height: 4vw;margin-right: 2vw;}

	.mv_info {left: 0;top: 23%;margin-left: 0;box-sizing:border-box;padding: 0 3vw;}
	.mv_info .t1 {font-size: 3.3vw;letter-spacing:1em;}
	.mv_info .t2 {margin-top: 3vw;font-size: 9vw;}
	.mv_info .t2 img {width: 10vw !important;margin-left: 0 !important;}
	.mv_info .t2 .r2 {font-size: 7vw;}
	.mv_info .t3 {margin-top: 4vw;font-size: 3vw;}

	.mv_scroll {width: 20vw;height: 17vw;margin-left: -10vw;background-size:100%;}
	@keyframes ani1{
		from{bottom:5vw;}
		25%{bottom:10vw;}
		to{bottom:5vw;}
	}


	.mc_ico {padding: 15vw 3vw;background-size:2.5vw}

	.marti_hd {padding: 5vw 0 7vw;}
	.marti_hd .mtit {font-size: 7vw;}
	.marti_hd .mstit {margin-top: 1.2vw;font-size: 4vw;}


	.marti01 {padding: 10vw 3vw;}
	.marti01 .hd_box {float: none;width: 100%;padding-top: 0;margin-bottom: 5vw;text-align: center;}
	.marti01 .hd_box .tri {height: 4vw;}
	.marti01 .hd_box .t1 {margin-top: 0;font-size: 4vw;}
	.marti01 .hd_box .t2 {margin-top: 3vw;font-size: 10vw;}
	.marti01 .hd_box .t3 {margin-top: 4vw;font-size: 4vw;}
	.marti01 .bd_box {float: none;width: 100%;box-sizing:border-box;}
	.marti01 .bd_box > li {float: none;width: 100%;padding: 5vw;}
	.marti01 .bd_box > li.li2 {margin-left: 0;margin-top: 5vw;}
	.marti01 .bd_box > li:before {top: -3vw;left: -3vw;padding: 3vw;}
	.marti01 .bd_box > li .t1 {font-size: 6vw;}
	.marti01 .bd_box > li .t2 {margin-top: 1vw;font-size: 3vw;}
	.marti01 .bd_box > li a {display: inline-block;margin-top: 3vw;width: auto;padding:0 3vw;font-size: 3.3vw;line-height: 10vw;}
	.marti01 .bd_box > li a:after {width: 2.2vw;height: 3vw;margin-left: 2vw;}


	.marti02 {padding-bottom: 20vw;}
	.marti02 .owl-theme .owl-nav {display: none;}
	.marti02 .owl-theme .owl-nav .owl-prev {left: 0;}
	.marti02 .owl-theme .owl-nav .owl-next {right: 0;}

	.marti02 .item .txt {padding: 5vw 2vw;}
	.marti02 .item .txt .t1 {font-size: 3vw;}
	.marti02 .item .txt .t2 {margin-top: 1vw;font-size: 6w;}
	.marti02 .item .txt .t3 {margin-top: 2vw;font-size: 4vw;}
	.marti02 .item .txt .t4 {display: block;margin-top: 4vw;}
	.marti02 .item .txt .t4 .stc-ml {display: block;font-size: 4vw;line-height: 1.4;}
	.marti02 .item .txt .t4 .stc-ml span {font-size: 3.5vw;}
	.marti02 .item .txt .t4 .stc-mr {display: block;padding-top: 3vw;line-height: 6vw;font-size: 4vw;}
	.marti02 .item .txt .t4 .stc-mr img {height: 6vw;margin-right: 1.2vw;margin-top: -0.7vw;}


	.marti03 {padding: 15vw 0;}
	.marti03 ul li {width: 100%;margin-bottom: 10vw;}
	.marti03 ul li:last-child{margin-bottom: 0;}
	.marti03 ul li h4 {display: inline-block;width: auto;padding: 0 5vw;font-size: 5.4vw;line-height: 12vw;}
	.marti03 ul li .img {margin-top: 4vw;}
	.marti03 ul li .img img {width: 50%;}
	.marti03 ul li .txt {padding-top: 3vw;}
	.marti03 ul li .txt .t1 {font-size: 7vw;line-height: 1;}
	.marti03 ul li .txt .t2 {margin-top: 3vw;font-size: 4.5vw;}
	.marti03 ul li .txt .t3 {line-height: 7vw;margin-top: 3vw;font-size: 4.5vw;}
	.marti03 ul li .txt .t3 img {margin-right: 1.2vw;height: 7vw;}


	.mc4 {border-left: 0;}
	.mc4 li {float: none;width: 100%;height: 100vw;padding-top: 10vw;border: 1px solid #dbdbdb;border-top: 0;}
	.mc4 li .img img {width: 50%;}
	.mc4 li .txt {padding-top: 4vw;}
	.mc4 li .txt .t1 {font-size: 6vw;}
	.mc4 li .txt .t2 {margin-top: 3vw;font-size: 4vw;}

	.mc5 {padding-top: 10vw;}
	.mc5 .bimg {float: none;width: 100%;margin-left: 0;}
	.mc5 .img_list {float: none;width: 100%;}
	.mc5 .img_list li .txt {padding: 5vw;}
	.mc5 .img_list li .txt .t1 {font-size: 6vw;}


	.footer {padding-bottom: 0;}
	.footer .ft_top {box-sizing:border-box;padding: 0 3vw;}
	.footer .ft_top .ft_btn1 {float: none;padding: 5vw 0;width: 75vw;margin: 0 auto;text-align: center;}
	.footer .ft_top .ft_btn1 li {display: inline-block;float: none;margin-right: 6vw;}
	.footer .ft_top .ft_btn1 li:before {right: -3vw;height: 2vw;margin-top: -1vw;}
	.footer .ft_top .ft_btn1 li:nth-child(3) {margin-right: 0;}
	.footer .ft_top .ft_btn1 li:nth-child(3):before {display: none;}
	.footer .ft_top .ft_btn1 li a {font-size: 3.5vw;line-height: 2;}
	.footer .ft_top .ft_btn2 {float: none;margin-right: 0;text-align: center;}
	.footer .ft_top .ft_btn2 li {float: none;display: inline-block;}
	.footer .ft_top .ft_btn2 li a {font-size: 4vw;line-height: 3;}
	.footer .ft_btm {position: relative;font-size: 3.5vw;padding: 15vw 3vw 5vw;}
	.footer .ft_btm .wrap {position: static;padding-left: 0;}
	.footer .ft_btm .ft_logo {top: 3vw;left: 50%;margin-top: 0;width: 30vw;margin-left: -15vw;}
	.footer .ft_btm .adr li {float: none;display: block;margin-right: 0;text-align: center;}
	.footer .ft_btm .adr li:before {display: none;}

	.btn_top {width: 15vw;height: 12vw;}


	.quick_tell {position: fixed;top: auto;bottom: 0;left: 0;right: auto;width: 100%;}
	.quick_tell:after {display: block;content: '';clear: both;}
	.quick_tell img {float:left;margin: 1.5vw 0 0 3vw;width: 10vw;}
	.quick_tell p {float: left;}
	.quick_tell p br {display: none;}
	.quick_tell .t1 {margin-top: 0;margin-left: 3vw;font-size: 3vw;line-height: 13vw;}
	.quick_tell .t2 {float: right;padding: 0 3vw;font-size: 3.3vw;line-height: 13vw;margin-top: 0;}
}