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

@media (max-width:1280px) {

	#st1 .st1_left {
		margin-top:25px;
	}

	#st1 .st1_area {
		padding-bottom:0;
	}

}

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

	#st1 {
		height:650px;
	}
	
	#st1 .st1_area {
		padding-bottom:0;
	}

	#st1 .st1_left {
		margin-top:30px;
	}

	#st1 .st1_tit h3 {
		margin-bottom: 20px;
	}

	#st1 .st1_tit h2 {
		font-size: 27px;
		line-height: 35px;
	}

	#st1 .st1_tit p {
		font-size: 22px;
	}

	#st1 .st1_tit .txt {
		font-size: 17px;
	}

	#st4 .icon img {
		width:97%;
	}
}


/*===============================
	sm 
===============================*/ 
@media (min-width:768px) and (max-width:991px) {

	.menu-toggle {
		display: block;
	  }

	.nav {
		position: fixed;
		width: 100%;
		height: calc(100vh - 50px);
		background: rgb(31,31,31,0.94);
		top: -100%;
		transition: 0.3s;
	}

	.nav.active {
		top: 120px;
	}

	.nav .logo2 {
		margin-top:30px;
		text-align: center;
		opacity:0.5;
	}

	.nav ul {
		display: block;
		text-align: center;
	}

	.nav ul li {
	  list-style: none;
	}

	.nav ul .nav_tit {
		border-bottom:1px solid #383838;
	}

	.nav ul .nav_tit a {
		color:#b29064;
		height: 80px;
		line-height: 80px;
		font-size:18px;
		font-weight:600;
		letter-spacing:-0.02em;
	}

	.nav ul .nav_tit a:hover,
	.nav ul .nav_tit a.active {
		color:#fff;
		background: #2f2f2f;
	}

	.nav ul li a {
	height: 50px;
	line-height: 50px;
	padding: 0 20px;
	font-weight: 400;
	color:#ababab;
	letter-spacing:-0.02em;
	font-size:15px;
	text-decoration: none;
	display: block;
  }

	.nav ul li a:hover,
	.nav ul li a.active {
		color: #fff;
		background: #222;
	}

	#st1 .st1_left {
		float: none;
		text-align:center;
		margin:0 auto;
		background:#fff;
		width:100%;
		padding:50px;
	}

	#st1 .st1_tit .line {
		margin:0 auto;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	#st1 .st1_right {
		float:none;
		width:100%;
	}

	#st1 .st1_area {
		padding: 50px 20px 0 20px;
	}

	#st1 .st1_tit h3 {
		font-size: 25px;
	}

	#st1 .st1_tit h2 {
		font-size: 40px;
	}

	#st1 .st1_tit .txt {
		font-size: 20px;
	}

	#st3 {
		padding:50px 0;
	}

	#st3 .st3_bn01 {
		float:none;
		width:100%;
	}

	#st3 .st3_bn02 {
		top:46%;
	}

	#st3 .st3_bn03 {
		float:none;
		width:100%;
	}

	#st3 .st3_txt ul li img {
		width:500px;
	}

	#st4 .icon img {
		width:97%;
	}

	#st4 {
		padding: 50px 0;
	}

	#st4 .st4_area01 .st4_left {
		float:none;
		width:100%;
	}

	#st4 .st4_area01 .st4_right {
		float:none;
		width:100%;
		height: 300px;
	}

	#st4 .st4_area01 .st4_right .st4_txt {
		padding-left:0;
		text-align:center;
	}

	#st4 .st4_icon_area {
		margin-top:0;
	}

	#footer .ft_logo {
		width: 100%;
		text-align: center;
		margin-bottom:20px;
	}

	#footer .ft_info {
    width: 100%;
    padding:0;
    text-align: center;
	}

	#footer .ft_logo, #footer .ft_info {
		display: block;
	}
}



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

	#header .menu-toggle {display: block;}

	.menu-toggle {
		display: block;
	  }

	.nav {
		position: fixed;
		width: 100%;
		height: calc(100vh - 50px);
		background: rgb(31,31,31,0.94);
		top: -100%;
		transition: 0.3s;
	}

	.nav.active {
		top: 120px;
	}

	.nav .logo2 {
		margin-top:30px;
		text-align: center;
		opacity:0.5;
	}

	.nav ul {
		display: block;
		text-align: center;
	}

	.nav ul li {
	  list-style: none;
	}

	.nav ul .nav_tit {
		border-bottom:1px solid #383838;
	}

	.nav ul .nav_tit a {
		color:#b29064;
		height: 80px;
		line-height: 80px;
		font-size:18px;
		font-weight:600;
		letter-spacing:-0.02em;
	}

	.nav ul .nav_tit a:hover,
	.nav ul .nav_tit a.active {
		color:#fff;
		background: #2f2f2f;
	}

	.nav ul li a {
	height: 50px;
	line-height: 50px;
	padding: 0 20px;
	font-weight: 400;
	color:#ababab;
	letter-spacing:-0.02em;
	font-size:15px;
	text-decoration: none;
	display: block;
  }

	.nav ul li a:hover,
	.nav ul li a.active {
		color: #fff;
		background: #222;
	}

	.mvis .slider .item {
		position: relative;
		width: 100%;
		padding-top: 700px;
	}

	.mvis .slider .item .mtxt img {
		width:60%;
	}

	.mvis .mvis_btn {
		margin-left: -33px;
	}

	.mvis .mvis_btn img {
		width:80%;
	}

	.carousel {
		height:500px;
	}

	#st1 .st1_left {
		float: none;
		text-align:center;
		margin:0 auto;
		background:#fff;
		width:100%;
		padding:50px;
	}

	#st1 .st1_tit .line {
		margin:0 auto;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	#st1 .st1_right {
		float:none;
		width:100%;
	}

	#st1 .st1_area {
		padding: 50px 20px 0 20px;
	}

	#st1 .st1_tit h3 {
		font-size: 25px;
	}

	#st1 .st1_tit h2 {
		font-size: 40px;
	}

	#st1 .st1_tit .txt {
		font-size: 20px;
	}

	#st3 {
		padding:50px 0;
	}

	#st3 .st3_bn01 {
		float:none;
		width:100%;
	}

	#st3 .st3_bn02 {
		top:46%;
		left:46%;
	}

	#st3 .st3_bn03 {
		float:none;
		width:100%;
	}

	#st3 .st3_txt ul li img {
		width:500px;
	}

	#st4 .icon img {
		width:97%;
	}

	#st4 {
		padding: 50px 0;
	}

	#st4 .st4_area01 .st4_left {
		float:none;
		width:100%;
	}

	#st4 .st4_area01 .st4_right {
		float:none;
		width:100%;
		height: 300px;
	}

	#st4 .st4_area01 .st4_right .st4_txt {
		padding-left:0;
		text-align:center;
	}

	#st4 .st4_icon_area {
		margin-top:0;
	}

	.form_area .autosize input[type=text], .form_area .autosize .fakeInput {
		width:350px;
	}

	#footer .ft_logo {
		width: 100%;
		text-align: center;
		margin-bottom:20px;
	}

	#footer .ft_info {
    width: 100%;
    padding:0;
    text-align: center;
	}

	#footer .ft_logo, #footer .ft_info {
		display: block;
	}
}

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

	.carousel {
		height:300px;
	}

	#st1 .st1_left {
		float: none;
		text-align:center;
		margin:0 auto;
		background:#fff;
		width:100%;
		padding:20px;
	}

	#st1 .st1_tit .line {
		margin:0 auto;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	#st1 .st1_right {
		float:none;
		width:100%;
	}

	#st1 .st1_area {
		padding: 50px 20px 0 20px;
	}

	#st1 .st1_tit h3 {
		font-size:15px;
		margin-bottom:10px;
	}

	#st1 .st1_tit h2 {
		font-size: 24px;
		line-height:30px;
		margin-bottom:10px;
	}

	#st1 .st1_tit p {
		font-size:16px;
		line-height:27px;
		margin-bottom:15px;
	}

	#st1 .st1_tit .txt {
		font-size:13px;
		line-height:23px;
	}
	
	#st2 {
		background:#222;
		padding:50px 0;
	}

	#st2 .st2_tit h2 {
		font-size:25px;
		margin-bottom:10px;
	}

	#st2 .st2_tit h3 {
		font-size:20px;
		line-height:30px;
	}

	#st3 .st3_tit h3 {
		font-size:19px;	
		margin-bottom:10px;
	}

	#st3 .st3_tit h2 {
		font-size:25px;	
		margin-bottom:10px;
	}

	#st3 .st3_tit p {
		font-size:17px;	
	}

	#st3 .st3_bn01 h2 {
		font-size:25px;	
	}

	#st3 .st3_bn01 p {
		font-size:17px;	
	}

	#st3 .st3_bn02 {
		left:43%;
	}

	#st3 .st3_bn03 h2 {
		font-size:25px;	
	}

	#st3 .st3_bn03 p {
		font-size:17px;	
	}

	#st3 .st3_icon_tit h3 {
		font-size:19px;	
		margin-bottom:10px;
	}

	#st3_btn01, #st3_btn02, #st3_btn03, #st3_btn04, #st3_btn05, #st3_btn06  {
		background-size: cover;
		width: 43px;
		height: 45px;
	}

	#st3 .st3_txt ul li {
		top:-15px;
	}

	#st3 .st3_txt ul li img {
		width:350px;
	}

	#st3 .st3_icon_tit h2 {
		font-size:22px;	
		margin-bottom:5px;
	}

	#st4 .st4_area01 .st4_left {
		height:0;
	}

	#st4 h3 {
		font-size:19px;	
	}

	#st4 h2 {
		font-size:25px;	
		margin-bottom:15px;
	}

	#st4 p {
		font-size:17px;	
	}

	#st4 .st4_area01 .st4_right {
		height:250px;
	}

	#st4 .st4_icon_area {
		padding:10px;
	}

	#st4 .st4_icon_area .st4_icon01, .st4_icon02, .st4_icon03 {
		float:none;
		width:100%;
	}

	#st5 .st5_tit h3 {
		font-size:16px;	
		margin-bottom:10px;
	}

	#st5 .st5_tit h2 {
		font-size:25px;	
		margin-bottom:10px;
	}

	#st5 .st5_tit p {
		font-size:17px;	
	}

	#st6 .st6_tit p {
		font-size:17px;
	}

	#st7 .st7_tit p {
		font-size:17px;
	}

	#st8 .st8_tit h3 {
		font-size:16px;	
		margin-bottom:10px;
	}

	#st8 .st8_tit h2 {
		font-size:25px;	
		margin-bottom:10px;
	}

	#st8 .st8_tit p {
		font-size:17px;	
	}
	

	#st9 .st9_tit h3 {
		font-size:19px;	
		margin-bottom:10px;
	}

	#st9 .st9_tit h2 {
		font-size:25px;	
		margin-bottom:10px;
	}

	#st9 .st9_tit p {
		font-size:17px;	
	}

	#st5, #st6, #st7, #st8 {
		padding:50px 0;
	}

	#footer .ft_info {
		font-size: 12px;
	}

}