/*=============================
	common
===============================*/
.inner {width:100%; max-width:1280px; margin-left:auto; margin-right:auto;}
.inner:after {display:block; clear:both; content:"";}


/*==========================================================
     Section Style
============================================================*/

#header .header_anchor {display:none;}

/*----- svis -----*/
#svis {background:url(../img/contents/contactus/svis_bg.jpg) center no-repeat; background-size:cover;height:720px;}
#svis .svis_tit { position:relative; display:block; text-align: center; width: 100%; padding-top:370px; color:#fff;}
#svis .svis_tit:after{display:block; clear:both; content:"";}
#svis .line {display: block; width: 50px; height:5px; background: #fff; margin: 0 auto; margin-bottom:35px;}
#svis h3 {font-size:25px; font-weight:400; margin-bottom:10px;}
#svis h2 {font-size:75px; font-weight:600; margin-bottom:15px;} 
#svis p {font-size:12px; font-weight:400; margin-bottom:40px;color:#e0e0e0;} 
#svis .svis_tit .ssnav {padding:0; margin:0; list-style:none; text-align:center;}
#svis .ssnav .ssnav_active a {color:#d1b085;}
#svis .ssnav > li a {color:#fff;}
#svis .ssnav > li + li { margin-left: 20px;}
#svis .ssnav > li { display: inline-block; position: relative; font-size:20px; font-weight:500; letter-spacing:-0.05em;}
#svis .ssnav > li a:hover {color:#d1b085;}

/*----- section01 -----*/

#cst1 {background:#fff;padding:100px 0 100px 0;}
#cst1 .cst1_tit {text-align:center; margin-bottom:65px;}
#cst1 .cst1_tit h3	{color:#c7ac89; font-size:20px; font-weight:400; letter-spacing:0.4em; margin-bottom:10px;}
#cst1 .cst1_tit h2	{color:#222222; font-size:45px; font-weight:600; margin-bottom:10px;  letter-spacing:-0.05em;}
#cst1 .cst1_tit p {color:#909090; font-size:30px; font-weight:400; letter-spacing:-0.04em;}
#cst1 .cst1_tit p b {color:#222;}
#cst1 .cst1_area {position:relative; display:block; width:100%; transition:width 0.5s;}
#cst1 .cst1_area:after{display:block; clear:both; content:"";}

#cst1 .cst1_left {float:left; width:50%; background-color:#3a3d46; height:800px; transition:height 0.5s;}
#cst1 .cst1_right {float: right; width:50%; height:800px;}
#cst1 .cst1_right img{width:100%;}

#cst1 .cst1_left .cst1_left_autosize{transform: scale(1); width:640px; padding:118px 50px; transition:transform 0.5s;}
#cst1 .cst1_left .cst1_left_autosize *{transition: unset !important;}
#cst1 .cst1_left .cst1_left_autosize label{
	font-size: 15pt;
    color: white;
    font-weight: 600;
    display: block;
	margin-bottom: 5px;
}
#cst1 .cst1_left .cst1_left_autosize a{
	font-size: 10pt;
    display: inline-block;
    vertical-align: top;
    color: white;
    font-weight: 900;
	margin-bottom: 5px;
	margin-top:17px;
}
#cst1 .cst1_left .cst1_left_autosize label[for*=Terms]{
	font-size:10pt;
	font-weight: 400;
	color:#ccc;
	display:inline-block;
	margin-top:17px;
}
#cst1 .cst1_left .cst1_left_autosize input[type=text],
#cst1 .cst1_left .cst1_left_autosize .fakeInput{
	width: 540px;
    height: 50px;
    border: 1px solid white;
    background: unset;
    font-size: 13pt;
    padding: 12px;
    color: white;
	border-radius: 3px;
	margin-bottom:10px;
	background:#3a3d46;
}
#cst1 .cst1_left .cst1_left_autosize .fakeInput{
	padding:0;
	color:white;
}
#cst1 .cst1_left .cst1_left_autosize .fakeInput *{
	background:unset;
	border:0;
	height:100%;
	margin:0 0 0 10px;
	outline:unset;
}

#cst1 .cst1_left .cst1_left_autosize .fakeInput select{
	background:#3a3d46;
}
#cst1 .cst1_left .cst1_left_autosize input[type=checkbox]{
	vertical-align: middle;
	margin:0;
}
#cst1 .cst1_left .cst1_left_autosize input[type=submit]{
	display:block;
	background:white;
	padding:0;
	margin:50px auto 0;
	border:0;
	border-radius: 25px;
	font-size:14pt;
	font-weight:600;
	color:black;
	height:50px;
	width:250px;
}

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

@media (max-width:1294px) {
	#cst1 .cst1_area{width:1185px; margin:auto;}
	#cst1 .cst1_left {height:741px;}
	#cst1 .cst1_right {height:741px;}
	#cst1 .cst1_left .cst1_left_autosize{
		transform: scale(0.926) translateX(-26px) translateY(-32px);
	}
}


/*===============================
	md 
===============================*/ 
@media (min-width:992px) and (max-width:1199px) {
	#svis h2 {font-size: 60px;}

	#cst1 .cst1_tit h3 {font-size:20px;}
	#cst1 .cst1_tit h2{font-size:40px; letter-spacing:-0.05em;}
	#cst1 .cst1_tit p {font-size:18px;}

	#cst1 .cst1_area{width:977px; margin:auto;}
	#cst1 .cst1_left {height:611px;}
	#cst1 .cst1_right {height:611px;}

	#cst1 .cst1_left .cst1_left_autosize{
		transform: scale(0.762) translateX(-99px) translateY(-123px);
	}
}


/*===============================
	sm 
===============================*/ 
@media (min-width:768px) and (max-width:991px) {
	#svis { height: 600px;}
	#svis .svis_tit {padding-top:250px;}
	#svis h2 {font-size: 60px;}

	#cst1 .cst1_tit h3 {font-size:20px;}
	#cst1 .cst1_tit h2{font-size:40px; letter-spacing:-0.05em;}
	#cst1 .cst1_tit p {font-size:18px;}

	#cst1 .cst1_area{width:753px; margin:auto;}
	#cst1 .cst1_left {height:471px;}
	#cst1 .cst1_right {height:471px;}

	#cst1 .cst1_left .cst1_left_autosize{
		transform: scale(0.588) translateX(-224px) translateY(-280px);
	}
}



/*===============================
	xs 
===============================*/ 
@media (max-width:767px) {
	#svis { height: 600px;}
	#svis .svis_tit {padding-top:250px;}
	#svis h2 {font-size: 50px;}

	#cst1 .cst1_tit h3 {font-size:20px;}
	#cst1 .cst1_tit h2{font-size:40px; letter-spacing:-0.05em;}
	#cst1 .cst1_tit p {font-size:18px;}

	#cst1 .cst1_area{width:100%;}
	#cst1 .cst1_left {width: 377px; height:471px; float:unset; margin:0 calc((100% - 377px) / 2);}
	#cst1 .cst1_right {display:none;}

	#cst1 .cst1_left .cst1_left_autosize{
		transform: scale(0.588) translateX(-224px) translateY(-280px);
	}
}

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

}