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


@media (max-width:1400px) {
	
	#mvis .mimg .mtxt {left:14%;}
}



/*===============================
	md 
===============================*/ 
@media (max-width:1199px) {

	#mvis .mimg .mtxt {left:6%;}

	#st1 .st_bg .bn_info {padding-top:43%;}
	#st1 .st_bg .bn_info h3 {font-size:16px;}
	#st1 .st_bg .bn_info h1 {font-size:32px;}	
	#st1 .st_bg .bn_info p {font-size:14px;}
	
	#st1 .more_btn {top:25px; right:25px; font-size:14px;}

	#st2 .gal_left {padding-right:20px; margin-top: 6%;}
	#st2 .gal_right {padding-left:20px;}
	#st2 .gal_right .gal {height:auto;}

	#st4 .st4_cs div .cs_num {font-size:32px;}
	#st4 .cs_bn .cs_hour {letter-spacing:-0.04em; font-size:16px;}

	.cs_bn h4 {font-size:15px;}
}


/*===============================
	sm 
===============================*/ 
@media (max-width:991px) {
	#hd2 .gnb_area { height:70px; }
	.topbar ul {text-align:center; line-height:25px;}
	.topbar ul li {margin:0 10px;}
	.topbar ul li:before {display:none;}
	.topbar ul li span {display:none;}

	#mvis .slick-list {height: 600px;}
	#mvis .mimg .mtxt {left:7%; top:18%; width:90%;}

	#st1 {padding:1%;}
	#st1 .st1_bn {width:47%; margin:1.5%;}

	#st2 {padding: 50px 10px;}
	#st2 .gallery_area {min-height:300px;}
	#st2 .gal_left .gal_tit {width:100%; margin-top:0;}

	#st2 .gal_left p {font-size:16px; line-height:22px; margin:10px 0 40px;}

	#st2 .gal_tit h3, #st3 .gal_tit h3 {font-size:30px; margin:15px 0 25px;}
	#st2 .gal_left img {margin-left:15px; width:80px;}
	

	#st4 .board_area > div {width:50%;}
	#st4 .board_area .st4_cs {width:50%; margin:0; border-left:1px solid #fff;}
	#st4 .board_area .st4_bd {padding: 10px 30px 10px 10px;}
	#st4 .board_area .st4_map {width:100%; height: 260px;}


	#st4 .st4_cs .cs_bn h3 {font-size:20px;}

	#st4 .cs_bn h4 {font-size:16px;}
	#st4 .cs_bn .cs_hour {font-size:18px;}
	#st4 .st4_cs div .cs_num {font-size:35px; line-height:35px;}


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

}



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

	.inner {padding:0;}

	#mvis .slick-list {height:500px;}

	#mvis .mimg {background-position:55%; height: 500px;}

	#mvis .mimg .mtxt {left:7%; top:30%; width:90%;}
	
	#mvis .mimg .mtxt .mtxt1 span {padding: 0 10px;}
	#mvis .mimg .mtxt .mtxt3 {font-size:20px;}
	#mvis .mimg .mtxt .mtxt2 {font-size:38px; line-height:46px; margin:20px 0 14px;}
	
	#st1 .st_bg {padding-top: 100%;}
	#st1 .st_bg .bn_info h3 {font-size:16px;}
	#st1 .st_bg .bn_info h1 {font-size:27px; margin-top:6px;}
	
	#st1 .st_bg .bn_info p {margin-top: 10px;}
	#st1 .st_bg .bn_info .line {margin:12px 0 10px 0;}

	#st1 .more_btn {top: 12px; right: 12px; font-size: 13px;}
	#st1 .more_btn .fa {width: 19px; height: 19px; line-height: 20px;}


	#st2 .gal_right {width:100%; height:auto; margin:50px 0 30px;}
	#st2 .gal_right .gal {min-height: 300px;}


	#st2 .gal_left .gal_tit ,
	#st2 .gal_left ,
	#st2 .gal_right ,
	#st3 .gal_tit	{padding: 0px; height:auto; margin:0; width: 100%; text-align: center;}

	#st2 .gal_left img {float:none; margin:0 0 10px}

	#st2 .gal_left p ,
	#st2 .gal_left .gal_tit .btn ,
	#st3 .gal_tit p {display:none;}


	#st4 .board_area .st4_bd ,
	#st4 .board_area .st4_cs ,
	#st4 .board_area .st4_map {width:100%; padding:0; margin:10px 0;}

	#st4 .board_area > div:last-child {height: 300px;}

	#st4 .board_area .st4_cs {border-bottom:1px solid #fff; border-top:1px solid #fff; border-left:none;}


	#st4 .st4_cs .cs_bn h3 {margin-bottom:10px; font-size:18px;}
	#st4 .st4_cs div .cs_num {margin:0 0 5px;}


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

}



/*===============================
	xxs 
===============================*/ 
@media (max-width:450px) {


	.logo img {width:60%;}

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

	#mvis .slick-list {height: 380px;}
	#mvis .mimg {height:380px; background-position: 80%;}
	
	#mvis .mimg .main_bg {background:rgba(0, 0, 0, 0.55);}
	
	#mvis .mimg .mtxt {width:100%; text-align:center; left:0; top:35%;}
	#mvis .mimg .mtxt img {width: 80%;}
	#mvis .mimg .mtxt .mtxt1 {margin-bottom:6px;}
	#mvis .mimg .mtxt .mtxt1 span {font-size:12px;}
	#mvis .mimg .mtxt .mtxt2 {color:#fff; font-size:23px; margin-bottom:0; line-height:40px;}
	#mvis .mimg .mtxt .mtxt2 span {color: #63dbff;}
	#mvis .mimg .mtxt .mtxt3 {color:#fff; font-weight:300; font-size:16px; line-height:22px;}
	
	#st1 .st_bg .bn_info h3 {font-size:14px;}
	#st1 .st_bg .bn_info h1 {font-size:21px;margin-top:4px;}

	#st1 .st_bg {padding-top: 113%;}
	#st1 .st_bg .bn_info p ,
	#st1 .st_bg .bn_info .line {display:none;}

	#st2 {padding:80px 10px;}
	#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;}

}