/*===============================
	lg 
===============================*/ 


@media (max-width:1400px) {

}



/*===============================
	md 
===============================*/ 
@media (max-width:1199px) {
	.inner {padding:0;}
	
}


/*===============================
	sm 
===============================*/ 
@media (max-width:991px) {	
	#mvis .mimg .mtxt h1 {font-size:53px; width:90%; margin:25px auto ;}
	#mvis .mimg .mtxt h3 {font-size:26px; width:90%; margin:0 auto;}
	#mvis .mimg .mtxt p {font-size:15px; width:80%; margin:0 auto ;}


	#st1 .st_con .st_bn .con_info {padding:25px;}
	#st1 .st_con .st_bn .con_info h1 {font-size:27px;}
	#st1 .st_con .st_bn .con_info .line {margin:15px 0 23px;}
	#st1 .st_con .st_bn .con_info h3 {line-height:1.4em; margin-bottom:20px; font-size:13px; width:100%;}

	#st2 .inner > div {padding: 3% 6%; max-height: 330px;}

	#st2 .inner .st2_cs ,
	#st2 .inner .st2_bd {width:50%;}
	#st2 .inner .st2_map {width:100%;}
	#st2 .st2_map iframe {height:200px;}

	#footer .foot_con .ft_info {display:block; text-align: center; padding:30px 0;}
	#footer .foot_con .sns {display:block; text-align:center;}

}

@media (max-width:817px) {
	.gnb #web_cate_ul1_box {padding-top:60px;}
	.gnb_area {height:60px;}
	#st1 .st_con .st_bn .con_info h1 {font-size:23px;}

}

/*===============================
	xs 
===============================*/ 
@media (max-width:767px) {

	.inner {padding:0;}
	#header {height: 100px;}
	.logo a img {height:70px; width:auto;}

	.slick-prev:before, .slick-next:before {display:none;}
	#mvis .slick-list {height:700px; background-size:cover;}

	#mvis .mimg .mtxt {top:33%; width:100%; margin:0 auto; }
	#mvis .mimg .mtxt h1 {font-size:42px; margin:25px auto 0;}
	#mvis .mimg .mtxt h3 {font-size:23px; margin:10px auto; line-height: 1.4em;}
	#mvis .mimg .mtxt p {font-size:16px; width:85%; margin:0 auto ;}

	#st1 .st_con .st_bn .con_info h1 {font-size:20px;}
	#st1 .st_con .st_bn .con_info .line {margin:10px 0 20px;}
	#st1 .st_con .st_bn .con_info h3 {line-height:1.4em; margin-bottom:20px; font-size:11px; width:100%;}

	#st2 .inner > div {padding:4%;}

	#footer .foot_con .sns{margin-bottom:50px;}

}


@media (max-width:650px) {

	#st1 .st_tit h2 {font-size:35px;}
	#st1 .st_tit p {font-size:14px;}

	#st1 .st_con .st_bn {width:100%; float:left; height:200px; padding:0 3%; margin-bottom:12px;}
	#st1 .st_con .st_bn .con_info {overflow:hidden; width:50%; background:#34b1a3; display:block; height:100%; padding-right:3%; right:0; opacity:1;}
	#st1 .st_con .st_bn .con_img {overflow:hidden; opacity:1; height:200px;}
	#st1 .st_con .st_bn .con_img img {width:50%;}

	#st1 .st_con .st_bn .con_info .line ,
	#st1 .st_con .st_bn .con_info h3 ,
	#st1 .st_con .st_bn .con_info .btn {display:block; }

	#st1 .st_con .st_bn .con_info h1 {font-size:21px;}
	#st1 .st_con .st_bn .con_info .btn {width:130px; height:30px; line-height:1.6em;}
	#st1 .st_con .st_bn .con_info .line {width:100%; margin:10px 0px;}
	#st1 .st_con .st_bn .con_info h3 {font-size: 13px; }
	#st1 .st_con .st_bn .con_bg {position: relative; background:#000; box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px;}

	#st1 .st_con .st_bn:hover {width:100%; float:left; height:200px; padding:0 3%; margin-bottom:12px;}
	#st1 .st_con .st_bn:hover .con_bg {background:#000;transform:scale(1);}
	#st1 .st_con .st_bn:hover h1 {font-size:25px;}
	#st1 .st_con .st_bn:hover .con_info {width:50%; background:#6cd0c5; display:block; height:100%; padding-right:3%; right:0; opacity:1;}
	#st1 .st_con .st_bn:hover .con_img {overflow:hidden; opacity:1; height:200px;}
	#st1 .st_con .st_bn:hover .con_img img {width:50%; opacity:1; }

	#st1 .st_gallery .st_tit {margin-top: 60px;}

	#st2 .inner > div {padding:5%;}
	#st2 .inner .st2_cs, #st2 .inner .st2_bd {width:100%;}

	#st2 .st2_map iframe {height:200px;}

}


/*===============================
	xxs 
===============================*/ 
@media (max-width:450px) {
	.tnb ul {text-align: center;}

	.logo img {width:60%; margin:0 auto; height:auto;}


	.slick-prev:before, .slick-next:before {display:none;}

	#mvis .slick-list {height: 500px;}
	#mvis .mimg {height:500px;}
	
	#mvis .mimg .mtxt {top:42%; width:100%; margin:0 auto; }
	#mvis .mimg .mtxt h1 {font-size:30px; margin:25px auto 0;}
	#mvis .mimg .mtxt h3 {font-size:22px; margin:10px auto; line-height: 1.4em;}
	#mvis .mimg .mtxt p {display:none;}

	#st1 {background: url(../img/main/section01/st1_bg.jpg) top left no-repeat; background-size: cover;}
	#st1 .st_tit h2 {font-size:30px;}
	#st1 .st_tit p {font-size:14px;}
	#st1 .st_con .st_bn {width:100%; float:left; height:200px; padding:0 3%; margin-bottom:12px;}
	#st1 .st_con .st_bn .con_info {width:50%; background:#34b1a3; display:block; height:100%; padding-right:5%; opacity:1; padding: 20px;}
	#st1 .st_con .st_bn .con_img {overflow:hidden; opacity:1; height:200px;}
	#st1 .st_con .st_bn .con_img img {width:50%; opacity:1;}

	#st1 .st_con .st_bn .con_info .line ,
	#st1 .st_con .st_bn .con_info h3 ,
	#st1 .st_con .st_bn .con_info .btn {display:block; }

	#st1 .st_con .st_bn .con_info h1 {font-size:20px;}
	#st1 .st_con .st_bn .con_info .btn {height:30px; line-height:1.6em;}
	#st1 .st_con .st_bn .con_info .line {width:100%; margin:10px 0px;}
	#st1 .st_con .st_bn .con_info h3 {font-size: 11px; margin-bottom: 25px;}
	
	#st1 .st_con .st_bn:hover .con_info {padding-right:5%;}

	#st1 .st_gallery .st_tit {margin-top: 60px;}

	#st2 {padding:30px 0px;}
	#st2 .gal_right .gal ,
	#st2 .gallery_area {min-height: auto;}
	#st2 .gal_tit h3, #st3 .gal_tit h3 {font-size: 30px;}

	#st3 {background-size:cover; background-attachment: initial;}
	#footer .foot_con .ft_info {padding:30px 15px;}

}

@media (max-width:321px) {
	#st1 .st_con .st_bn .con_info h1 {font-size:22px;}
	#st1 .st_con .st_bn .con_info .btn {height:30px; line-height:1.6em; font-size: 11px;}
}