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

/**** Media Query *********************************/ 
@media (max-width:1800px){	  	  	
	.mv_sec .owl-theme .owl-nav{	 left: 3vw;	 width: 7%;top: auto;	 bottom: 14vw; margin: 0;}
	.mv_info{padding-left: 3vw;position: relative;left: 0;margin: 0;}
	.mv_sec .owl-theme .owl-nav .owl-prev{left: 0;}
	.mv_sec .owl-theme .owl-nav .owl-next{right: 0;}
}
@media (max-width:1400px){	  	  		
	#mv_sec2,
	#mv_sec3,
	#mv_sec4,
	#mv_sec5,
	#mv_sec6,
	#mv_sec7,
	.ft_sub{padding-left: 1vw;	padding-right: 1vw; box-sizing:border-box;}	 
	#mv_sec2::after{z-index: -1;}
	.header .hd_sub{padding: 0 3vw;box-sizing: border-box;}
	.mv_info{position:static; margin:0;padding-top: 21vw;	   padding-left: 3vw;}
	.mv_sec .owl-theme .owl-nav{left:0; margin:0;	}
	.sec2_1 figure img{width: 100%;}
	.sec2_1_1{padding-left: 3vw;}
	.sec2_1_1 p{word-break: keep-all;}
	.sec2_1_1 p br{display: none;}
	.sec3_1 ul li h4{padding-right: 1vw; font-size: 17px;}
	.sec3_1 ul li:nth-child(2) h4{padding-left: 1vw; padding-right: 0;}
	.sec3_1::before{width: 35vw;	 background-size: 100%; margin-left: -17.5vw;height: 35vw;}
	.sec3_1 ul li{margin-bottom: 13vw; padding-right: 7vw;}
	.sec3_1 ul li figure{width: 12vw; height: 12vw;}
	.sec3_1 ul li figure img{width: 100%;}
	.sec3_1 ul li:nth-child(2n+2){padding-left: 7vw;}
	.sec5_1 img{width: 100%;}
	.sec6_owl .item .sec6_1{padding-top: 5vw; padding-left: 5vw;}
	.sec6_owl .item .sec6_1 p br{display: none;}
	.sec6_owl .owl-nav{left: 50%; margin: 0;	width: 7%;  top: 4vw;margin-left: -16vw;}
	.sec6_owl .owl-nav .owl-prev{left: 0;width: 3vw;	  height: 3vw;}
	.sec6_owl .owl-nav .owl-next::before,
	.sec6_owl .owl-nav .owl-prev::before{width: 3vw; height: 3vw ; background-size: 100%;}
	.sec6_owl .owl-nav .owl-next{right: 0;width: 3vw;	  height: 3vw}
	.sec7_1 ul li{padding: 3vw;}
	.sec7_1 ul li::before{top:auto !important; bottom:3vw; background-size: 100% !important;width: 7vw !important;height: 7vw !important;}
	.sec8_1 .sec8_add div{width: 100%; padding-left: 3vw;}
	.sec8_2_1{width: 100%; padding-right: 3vw;}			
	.sec8_2_1{padding-left: 3vw;}
	.sec8_2_2 ul li:nth-child(1), .sec8_2_2 ul li:nth-child(2){width: 100%;}
	.sec8_2_2 ul li:nth-child(1)::before{display: none;}
	.mv_sec .owl-theme .owl-nav{width: 11vw;	 left: 3vw;	 top: auto;	 bottom: 18vw;}

}
@media (max-width:1200px){	
	#mv_sec2, #mv_sec3, #mv_sec4, #mv_sec5, #mv_sec6, #mv_sec7, .ft_sub{height: auto; padding: 5vw 3vw;}		 
	#mv_sec3 h3,
	#mv_sec4 h3,
	#mv_sec5 h3{padding-top: 0;}
	.gnb > li > a{padding:0 2vw}
	.mv_sec,
	.mv_sec .owl-theme .item,
	.mv_sec .owl-theme .item img{height: 70vw;}
	.mv_info{padding-top: 29vw; }
	.mv_info .t1{font-size: 4.5vw;line-height: 1; margin-bottom: 1vw; }
	.mv_info .t2{font-size: 2vw;}
	.mv_sec .owl-theme .owl-nav{}
	.main_p{line-height: 1.5;}
	.sec2_1{padding-top: 0;}
	.sec2_1 figure::before{display: block;height: 100%;	 left: -3vw;  width: 100%;}
	.sec2_1_1 h3{line-height: 1; margin-bottom: 1vw;}
	.sec2_1_1 h4{line-height: 1.5; margin-bottom: 1vw;}
	.sec2_1_1 p{line-height: 1.5; margin-bottom: 1vw;}
	.sec3_1 ul li{margin-bottom: 7vw;}
	.sec3_1 ul li h4{padding-top: 0 !important; line-height: 1.5; position: relative;	z-index: 111;}
	.sec6_owl .item .sec6_1 h3{font-size: 4vw;}
	.sec6_owl .item .sec6_1{height: 52vw; padding-top: 3vw; padding-left: 3vw;}		
	.main_name,
	.sec8_1 .sec8_add div h3{font-size: 5vw;}
	.top_button{right: auto; left: 3vw; top: 3vw; position: absolute;	}

}
@media (max-width:1024px){	   
	#mv_sec2, #mv_sec3, #mv_sec4, #mv_sec5, #mv_sec6, #mv_sec7, .ft_sub{padding-top: 10vw;}
	#mv_sec8{height: auto;}
	.header{height: 10vw;}
	.hd_logo,
	.gnb > li > a{line-height: 10vw;}		
	.gnb > li > a{font-size: 16px;}
	.hd_logo a img{margin-top: -3vw;width: 90%;}
	.mv_sec .owl-theme .owl-nav{margin-top: -1vw;}
	.mv_sec .owl-theme .owl-nav .owl-prev,
	.mv_sec .owl-theme .owl-nav .owl-next{width: 4vw; background-size: 100%;}
	.mv_sec .owl-theme .owl-nav .owl-prev::before,
	.mv_sec .owl-theme .owl-nav .owl-next::before{background-size: 100%;}
	.mv_info{padding-top: 27vw;}
	.mv_info .t1{margin-bottom: 2vw;}
	.mv_info .t2{line-height: 1.5;}
	.mv_scroll{width: 11vw; margin-left: -5.5vw;}
	.mv_scroll img{width: 100%;}
	@keyframes bounc{ from {bottom:2vw;}  to {bottom: 3vw} }
	.quick_ban{top: 30%;}
	#mv_sec2::before{width: 30vw;background-size: 100%; right: 3vw;}
	#mv_sec2::after{width: 50vw;height: 30vw; background-size: 100%;}
	.sec2_1_1 h3{font-size: 4vw; padding-top: 0; padding-bottom: 1.5vw;}
	.sec2_1_1 h3 span{font-size: 4.1vw;}
	.sec2_1_1 h4{font-size: 17px;}	
	.sec2_1_1 p{font-size: 16px;}			
	.sec2_1 figure::before{display: block;height: 100%;	 left: -3vw;  width: 100%;}	   
	.sec3_1::before{display: none;}																		  
	.sec3_1 ul li figure{float: left;width: 16vw; height: 16vw;}
	.sec3_1 ul li h4{float: left;text-align: left; padding-left: 3vw !important; margin-top: 4vw;}
	.sec3_1 ul li{width: 100% ; margin-bottom: 5vw !important; padding: 0;}
	.sec3_1 ul li:nth-child(2n+2){padding-left: 0;}
	.sec3_1 ul li:nth-child(3) h4{margin-top: 1vw;}
	.sec6_owl .item figure{width: 50%;height: auto;}
	.sec6_owl .item .sec6_1{width: 49%; margin-left: 1%;padding-bottom: 4vw; height: auto}
	.sec6_owl .item .sec6_1::before{display: none;}
	.sec6_owl .item .sec6_1 h3{margin-bottom: 1vw; padding-bottom: 2vw;}
	.sec6_owl .item .sec6_1 p{font-size: 16px; width: 98%;}
	.sec6_owl .item .sec6_1 p br{display: none;}
	.sec6_owl .owl-nav{width: 9vw;margin-left: -11vw;}
	.sec6_owl .owl-nav .owl-prev,
	.sec6_owl .owl-nav .owl-next{width: 4vw; height: 4vw;}
	.sec6_owl .owl-nav .owl-next::before, .sec6_owl .owl-nav .owl-prev::before{width: 4vw; height: 4vw;}
	.sec6_logo{margin-top: 0;}
	#mv_sec7 p{word-break: keep-all; font-size: 16px;}
	#mv_sec7 p br{display: none;}
	.sec7_1 ul li{width: 49.5%; margin-right: 1%; height: 28vw;}
	.sec7_1 ul li:nth-child(2n+2){margin-right: 0;}
	.sec7_1 ul li:nth-child(3){margin-right: 1%;}
	.sec7_1 ul li::before{width: 9vw !important; height: 9vw !important;} 
	.sec7_1 ul li h5{font-size: 20px;}
	.sec7_1 ul li h5 span{font-size: 16px;}
	.sec8_1 .sec8_location,
	.root_daum_roughmap .wrap_map{height: 46.5vw !important;}
	.sec8_1 .sec8_add{height: 46.5vw;}
	.sec8_1 .sec8_add div{padding-top: 10vw;}
	.sec8_1 .sec8_add div ul li{position: relative; padding-left: 6vw;word-break: keep-all;	 }
	.sec8_1 .sec8_add div ul li span{position: absolute;left: 0;} 
	.sec8_2{height:93vw;}
	.sec8_2_1{padding-top: 4vw;}
	.sec8_2_2 ul li,
	.sec8_2_2 ul li input{height: 7vw !important; line-height: 7vw !important;}
	.sec8_2_2 ul li:nth-child(4) h4{width: 28%;}
	.sec8_2_2 ul li:nth-child(4) input{width: 72%;}		
	.sec8_2_2 ul li textarea{width: 80% !important;}
	.sec8_2_2 ul li:last-child{height: 15vw !important;}   
	.sec8_2_2 .p_submit{width: 100%; float:none;margin: 0; margin-top: 2vw;}
	.sec8_privacy{width: 100%; margin: 0; float:none;}
	.sec8_privacy p{margin-top: 1vw;}				  
	.footer{height: auto;} 					 
	.ft_sub {padding-bottom: 0; padding-top: 3vw;}
	.ft_sub_inner{padding-top: 0;height: auto;padding-bottom: 3vw;}
	.ft_b{padding: 3vw 0;}
	.top_button img{width: 100%;}
	.top_button,
	.top_button::before{width: 5vw; height: 5vw;}
	.top_button{left: auto; right: 3vw;}


}
@media (max-width:800px){	   
	.header{height: 17vw;}
	.hd_logo{width: 100%; height: 10vw;}	   
	.hd_logo a{width: 13vw; margin: 0 auto;}
	.hd_logo a img{margin-top: -5vw;}
	.gnb{float:none; width: 100%;}
	.gnb > li{float:none; display: inline-block;}
	.gnb > li > a{line-height: 7vw;}			 
	.main_p{font-size: 16px;}
	.mv_sec, .mv_sec .owl-theme .item, .mv_sec .owl-theme .item img{height: 80vw;}
	.mv_info .t1{font-size: 5.5vw; line-height: 1.3;}
	.mv_info .t2{font-size: 3vw; width: 80%;word-break: keep-all;}
	.mv_info .t2 br{display: none;}
	.mv_scroll{width: 13vw; margin-left: -6.5vw;}
	.sec2_1_1 p{font-size: 15px;}
	.sec2_1_1 h3::before{left: -3vw;}
	#mv_sec3 h3{margin-bottom: 1vw;}
	.sec3_1 ul{margin-top: 3vw;}
	.sec3_1 ul li:nth-child(2) h4{margin-top: 2vw;	}
	#mv_sec4 span{font-size: 7vw; margin-top: 0;}
	.sec6_logo ul li{width: 24%; margin-right: 1.33%;}
	.sec6_logo ul li:nth-child(4),
	.sec6_logo ul li:nth-child(8),
	.sec6_logo ul li:nth-child(12),
	.sec6_logo ul li:nth-child(16),
	.sec6_logo ul li:nth-child(20),
	.sec6_logo ul li:nth-child(28),
	.sec6_logo ul li:nth-child(32),
	.sec6_logo ul li:nth-child(34){margin-right: 0;}
	.sec6_logo ul li:nth-child(6), .sec6_logo ul li:nth-child(18),.sec6_logo ul li:nth-child(30){margin-right: 1.33%;}
	#mv_sec7 h4{font-size: 18px;}
	#mv_sec7 h3{margin-bottom: 0;}
	#mv_sec7 p.main_p{word-break: keep-all; margin-bottom: 3vw;}
	#mv_sec7 p{line-height: 1.5;}
	#mv_sec7 p br{display: none;}
	.sec7_1 ul li{height: 30vw;}
	.sec7_1 ul li::before{bottom: auto; top:0;}
	.sec7_1 ul li h5 span{width: 100%;}
	.sec8_1 .sec8_add div{padding-top:9vw;}	  
	.sec8_1 .sec8_add div h3{margin-bottom: 1vw;}	  
	.sec8_1 .sec8_add div ul li{font-size: 16px;} 
	.sec8_privacy p,
	.sec8_privacy div label{font-size: 14px;}
	.sec8_2 h3{margin-bottom: 0;}
	.sec8_2_2 ul li h4{font-size: 13px;}
	.sec8_2_2 .p_submit{height: 8vw; line-height: 8vw;}
	.ft_sub_inner ul li,
	.ft_b p,
	.ft_b ul li a.btn_privacy,
	.ft_b ul li a{line-height: 1.5; font-size: 14px;}
}

@media (max-width:640px){
	#hd_pop{height: 0;}
	#mv_sec2, #mv_sec3, #mv_sec4, #mv_sec5, #mv_sec6, #mv_sec7{padding-bottom: 10vw; padding-top: 24vw;}
	.header{height: 24vw; background: rgba(65,62,115,0.9);}
	.hd_logo{height: 12vw;}
	.hd_logo a{line-height: 12vw; width: 17vw;}
	.hd_logo a img{margin-top: 0; width: 100%;}
	.header .hd_sub{padding: 0;}
	.gnb,
	.gnb > li > a{height: 12vw; line-height: 12vw;}
	.gnb > li > a{font-size: 3.3vw; padding: 0 4px;}
	.gnb > li:hover > a {color:#a3a0e1;}
	.mv_sec .owl-theme .item img{left: -51vw;}
	.mv_sec .owl-theme .owl-nav .owl-prev{left: 1vw;}
	.mv_sec .owl-theme .owl-nav .owl-next{right: 1vw;}
	.mv_sec, .mv_sec .owl-theme .item, .mv_sec .owl-theme .item img{height: 89vw;}			  
	@keyframes bounc{ from {bottom:4vw;}  to {bottom: 5vw} }		
	.quick_ban{width: auto;display: none;}
	.quick_ban .dots-right li p{font-size: 3.3vw;}
	.main_name, .sec8_1 .sec8_add div h3{font-size: 5vw; margin-bottom: 2vw !important;}		 
	.main_p{font-size: 3.6vw; word-break: keep-all;}
	.main_p br{display: none;}
	#mv_sec1{margin-top: 24vw;}
	.mv_info{padding-left: 7vw; padding-top: 24vw;}
	.mv_info .t2{font-size: 3.3vw;}
	.mv_sec .owl-theme .owl-nav{width: 100%; bottom: auto; top:50%; left: 0;	 margin-top: -10vw;}
	.mv_sec .owl-theme .owl-nav .owl-prev, .mv_sec .owl-theme .owl-nav .owl-next{width: 4vw;}
	.mv_scroll{width: 20vw; margin-left: -10vw;}
	.sec2_1 figure{width: 90%;margin: 0 auto;	float: none; margin-bottom: 10vw; display: none;}
	.sec2_1_1{width: 100%; padding-left: 2vw;}
	.sec2_1_1 h3,
	.sec2_1_1 h3 span{font-size: 5vw; padding-bottom: 3vw;}
	.sec2_1_1 h3::before{height: 2px ; left: -5vw;}
	.sec2_1_1 h4{font-size: 3.5vw;margin-bottom: 3vw; word-break: keep-all;}
	.sec2_1_1 p{font-size: 3.5vw;	margin-bottom: 3vw;}
	#mv_sec2::after{left: 0;width: 42vw; height: 17vw;}
	.sec3_1 ul{margin-top: 5vw;}
	.sec3_1 ul li h4{font-size: 3.4vw;word-break: keep-all;width: 75%;float: left; padding-top: 3vw; z-index: 1;}
	.sec3_1 ul li h4 br{display: none;}
	.sec3_1 ul li figure{width: 18vw; height: 18vw;}
	.sec3_1 ul li:nth-child(2) h4{margin-top: 1vw;}	 
	#mv_sec4{background-size: auto 100%;}
	#mv_sec4 p{margin-top: 1vw;}
	#mv_sec5 h3 span{display: block; margin-bottom: 1vw; font-size: 5.5vw;} 		
	.sec6_owl .item figure{width: 100%;}
	.sec6_owl .item .sec6_1{width: 100%; margin:0;border: 1px solid #ddd; border-top:0; padding: 5vw 3vw;}
	.sec6_owl .item .sec6_1 h3 br{display: none;}
	.sec6_owl .item .sec6_1 h3{font-size: 4.5vw; padding-bottom: 3vw; margin-left: 0;}
	.sec6_owl .item .sec6_1 p{font-size: 3.5vw; line-height: 1.5;}
	.sec6_owl .item .sec6_1 h3::before{left: 0;}	
	.sec6_owl .item .sec6_1 p.Qna_p{width: 26vw; height: 9vw;line-height: 8vw; margin-top: 4vw;}
	.sec6_owl .item .sec6_1 p.Qna_p a{font-size: 3.5vw;}		 	
	.sec6_owl .owl-nav{width: 17vw; right: 3vw;top:54%; margin-left: 0; left: auto; }
	.sec6_owl .owl-nav .owl-prev, .sec6_owl .owl-nav .owl-next,
	.sec6_owl .owl-nav .owl-next::before, .sec6_owl .owl-nav .owl-prev::before{width: 8vw; height: 8vw;}
	.sec6_logo ul li{width: 32%; margin-right: 2% !important; margin-bottom: 1vw;}
	.sec6_logo ul li:nth-child(3n+3){margin-right: 0 !important;}
	#mv_sec6{padding-top: 8vw;}
	#mv_sec7 h4{font-size: 3.8vw; line-height: 1; margin-bottom: 0;}		
	#mv_sec7 h4::before{width: 108%;background-size:100% ; bottom: 0; height: 7px;}	 
	#mv_sec7 p.main_p{font-size: 3.6vw;}
	#mv_sec7 p{font-size: 3.5vw; line-height: 1.5; margin-bottom: 0;}
	.sec7_1 ul li{width: 100%; margin-right: 0; height: auto; padding: 4vw 3vw;}	
	.sec7_1 ul li::before{width: 11vw !important;height: 14vw !important;right: 2vw !important;} 
	.sec7_1 ul li h5{font-size: 3.8vw; line-height: 1.5;}
	.sec7_1 ul li h5 span{line-height: 1.5;	 margin-top: 0; font-size: 3.5vw;}
	.sec8_1{width: 100%; float:none;}		 
	.sec8_1 .sec8_add{height: auto;	overflow: hidden;padding: 10vw 3vw;}
	.sec8_1 .sec8_add div{padding: 0;}			  
	.sec8_1 .sec8_add div ul li{font-size: 3.6vw; line-height: 1.5;padding-left: 10vw;	}		
	.sec8_1 .sec8_add div h3{text-align: center;margin-bottom: 3vw;}
	.sec8_1 .sec8_location, .root_daum_roughmap .wrap_map{height: 55vw !important;}	 
	.sec8_2{width: 100% ; float:none;height: auto; overflow: hidden;padding: 24vw 3vw 15vw 3vw;box-sizing: border-box;}
	.sec8_2 h3{text-align: center;margin-bottom: 3vw;}
	.sec8_2_1{padding: 0;}
	.sec8_2_2 ul{margin: 0;}
	.sec8_2_2 ul li, .sec8_2_2 ul li input{height: 10vw !important;	line-height: 10vw !important;} 
	.sec8_2_2 ul li h4{font-size: 3.8vw;margin-left: 0;}
	.sec8_2_2 ul li:last-child{height: 30vw !important;}	 
	.sec8_2_2 .p_submit{height: 11vw; line-height: 11vw; font-size: 4vw; margin-top: 5vw;}
	.sec8_privacy{overflow: hidden;}		 
	.sec8_privacy div{margin-top: 4vw; float: right;}
	.sec8_privacy div input{margin-right: 1vw;}
	.sec8_privacy p, .sec8_privacy div label{font-size: 3.3vw; line-height: 1.5;}
	.sec8_privacy p{margin-top: 4vw; float: left;}
	.os_mac .roughmap_maker_label .roughmap_lebel_text{font-size: 3vw;}
	.ft_sub{padding: 5vw 3vw;}
	.ft_sub_inner ul li, .ft_b p, .ft_b ul li a.btn_privacy, .ft_b ul li a{font-size: 3vw; padding-left: 0;}
	.ft_sub_inner ul li::before{height: 7px; margin-top: -3px; right: 1vw;}
	.ft_b{padding-bottom: 0;}
	.ft_b p{float:none; margin-bottom: 1vw;}
	.ft_b ul{float:none; }
	.top_button{top: 5vw;}
	.top_button, .top_button::before{width: 9vw; height: 9vw;}
	.layer_box > h3{font-size: 4vw !important; margin-bottom: 0 !important;}
	.layer_email{height: 79vw !important;}
	.layer_privacy{height: 84vw !important;}
	.email_box,
	.layer_box textarea{height: 50vw !important;line-height: 1.5; font-size: 3.3vw !important;}
}