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

/*** Media Query ********************************/
@media (max-width:1400px){
	.wrap {box-sizing:border-box;padding:0 20px;}
	.bd_sec .wrap {padding:0 !important;}

	.footer {padding:60px 0;}

	.main_visual .item {height:700px;}
	.main_visual .owl-nav.disabled + .owl-dots {top:60%;}
	.mv_banner {bottom:0;}
	.mv_banner > div {width:18%;margin:0 0.1%;}
	
	.msec01 ul li > a .ov .t2 {font-size:20px;margin-bottom:25px;}

	.msec02 {height:340px;}
	.msec03 {height:440px;}
	.msec03 .d_map iframe {height:440px !important;}
}

@media (max-width:1024px){
	#wrap {padding-top:70px;}

	.footer {padding:50px 0;}

	.header .hd_logo {height:70px;}
	.gnb > ul > li > a {line-height:67px;padding:0 40px;}
	.stiemap {padding:19px 0 19px 35px;}

	.main_visual .item {height:600px;}
	.main_visual .owl-nav.disabled + .owl-dots {top:38%;}
	.main_visual .slogan {top:17%;}
	.mv_banner > div > a {font-size:15px;}
	.mv_banner > div > a > div > p > img {height:auto !important;margin-bottom:3%;}
	.mv_banner > div > a > div > p > span {padding:5px 0;}

	.msec01 {padding-top:80px;}
	.msec01 .hd {width:400px;padding:40px 0 30px;}
	.msec01 .hd .t1 {font-size:32px;}
	.msec01 .hd .t2 {font-size:15px;}

	.msec01 ul li > a .ov .t1 {font-size:13px;margin-bottom:10px;}
	.msec01 ul li > a .ov .t2 {font-size:16px;margin-bottom:20px;}
	.msec01 ul li > a .ov .ov_icon {width:25%;}

	.msec02 {height:300px;padding:90px 0;}
	.msec03 {height:400px;}
	.msec03 .d_map iframe {height:400px !important;}
}

@media (max-width:800px){
	.gnb {display:none;position:fixed;top:0;right:0;width:50%;height:100%;background:#fff;}
	.gnb > ul {clear:both;}
	.gnb > ul > li {float:none;border-top:1px solid #dbdbdb;}
	.gnb > ul > li > a {line-height:3;padding-left:20px;border-top:0;}
	.sub {position:static;padding:10px 0;text-align:left;background:#f5f5f5;}
	.sub > li > a {box-sizing:border-box;padding-left:20px;font-size:16px;line-height:2.5;color:#333;padding:0 0 0 20px;}
	.sub > li > a:hover,.sub > li > a:focus {color:#fff;background:#f36d21;text-decoration:none;}
	.sub_bg {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);}
	.stiemap {display:none;}
	.menu_open {display:block;float:right;width:70px;height:70px;text-indent:-9999px;background:url(../../images/layout/btn_menu.png) no-repeat center center;background-size:50%;}
	.menu_close {display:block;float:right;width:100%;height:50px;text-indent:-9999px;background:#f36d21 url(../../images/layout/btn_sw_close.png) no-repeat 95% center;background-size:auto 50%;}

	.footer {padding:40px 0;}
	
	.mv_banner > div {width:30%;}
	.mv_banner > div > a {font-size:12px;}
	.mv_banner > div > a > div > p > img {margin-bottom:1%;}
	.mv_banner > div > a > div > p > span {}

	.msec01 {padding-top:60px;}
	.msec01 .hd {width:380px;padding:30px 0 20px;}
	.msec01 .hd .t1 {font-size:30px;}
	.msec01 .hd .t2 {font-size:14px;}
	.msec01 ul li > a .ov .t2 {font-size:14px;margin-bottom:20px;}

	.msec02 {height:280px;padding:80px 0;}
	.banner_btn {display:none;}
	.msec03 {height:360px;}
	.msec03 .d_map iframe {height:360px !important;}
}

@media (max-width:640px){
	body {font-size:3vw;}
	#wrap {padding-top:13vw;}
	.wrap {padding:0 3vw;}
	.bd_sec .wrap {padding:0 !important;}

	.header .hd_logo {width:30vw;height:13vw;background-size:100%;}
	.menu_open {float:right;width:13vw;;height:13vw;}
	.menu_close {height:10vw;}
	.gnb > ul > li > a {padding:0 3vw;font-size:3vw;}
	.sub {padding:2vw 0;}
	.sub > li > a {font-size:2.4vw;padding-left:3vw;}

	.footer {padding:8vw 0;font-size:2.4vw;}
	.footer .ft_logo {width: 140px; height: 25px;margin-bottom:3vw;background-size:100%;}
	.footer .ft_btn {margin-bottom:4vw;}

	.sub_visual .sub_title img {width: 140px; height: 25px;}

	.main_visual .item {height:100vw;background-size:auto 100%;}
	.main_visual .slogan .txt_slog1 {font-size:7vw;}
	.main_visual .slogan .txt_slog2 {font-size:3vw;}
	.main_visual .owl-nav.disabled + .owl-dots {top:50%;}
	.main_visual .owl-dots .owl-dot span {width:6vw;height:1vw;}
	.mv_banner > div {width:30vw;}
	.mv_banner > div > a {font-size:2.4vw;}

	.msec01 {padding-top:10vw;}
	.msec01 .hd {width:65%;padding:5vw 0 4vw;}
	.msec01 .hd .t1 {font-size:5vw;}
	.msec01 .hd .t2 {padding-top:2vw;font-size:2.4vw;}

	.msec02 {height:40vw;padding:10vw 0;}
	.msec02 h3 {font-size:6vw;margin-bottom:3vw;}
	.msec03 {height:40vw;}
	.msec03 .d_map iframe {height:40vw !important;}

}

@media (max-width:480px){
}

@media (max-width:360px){
}

@media (max-width:320px){
}