@charset "utf-8";

/*----------------------------------
mv
----------------------------------*/
body:not(.top) #mv .col-xs-12{
	background-image : url("/en/images/contact/inquiry/mv.jpg");
}

/*----------------------------------
main
----------------------------------*/
main .container > .row > .col-xs-12 > h2{
	font-family : "Merriweather";
	font-weight : 700;
	color : #005fb6;
}
main .container > .row > .col-xs-12 >p{
	font-family : "Roboto";
	font-weight : 400;
	color : #323232;
}
main input.form-control , main select.form-control , main .form-control option , main textarea.form-control{
	font-family : "Roboto";
	font-weight : 400;
	color : #777;
}
main input[type="radio"]{
	display : none;
}
main select{
	/*-webkit-appearance: none;*/
}
main .parts{
	display : inline-block;
}
main .parts::before{
	content : "";
	display : block;
	position : absolute;
	top : 0;
	left : 0;
	border : 1px solid transparent;
	border-radius : 0;
	background-color : #ececec;
}
main input[type="radio"]:checked + .parts{
	color : #000;
}
main input[type="radio"]:checked + .parts::after{
	content : "";
	display : block;
	position : absolute;
	top : 0;
	-webkit-transform : rotate(40deg);
	        transform : rotate(40deg);
	border-bottom : 3px solid #000;
	border-right : 3px solid #000;
}
main .btn.btn-banok{
	position : relative;
	font-family : Arial;
	color : #1f1f1f;
	background : transparent;
	border-style : solid;
	border-width : 1px;
	border-color : #061638;
}
main label.error{
	color : #f00;
	font-weight : normal;
	margin-bottom : 0!important;
	max-width : inherit;
}
@media (max-width: 640px){
	main .container > .row > .col-xs-12 > h2{
		font-size : 21px;
	}
	main .container > .row > .col-xs-12 >p{
		font-size : 14px;
	}
	main form.form-horizontal .form-group{
		min-height : 40px;
		margin-bottom : 15px;
	}
	main form.form-horizontal .form-group input , main form.form-horizontal .form-group select{
		font-size : 12px;
		height : 40px;
	}
	main form .form-group > .col-xs-12.row > div:not(:last-child){
		margin-bottom : 15px;
	}
	main form label{
		color : #3b3b3b;
		font-size : 12px;
		margin-bottom : 13px;
	}
	main form textarea{
		font-size : 12px!important;
	}
	main .btn.btn-banok{
		font-size : 15px;
		height : 45px;
		line-height : 45px;
	}
	main .btn.btn-banok:before{
		width : 8px;
		height : 8px;
		border-top : solid 2px #1f1f1f;
		border-right : solid 2px #1f1f1f;
		right : 40px;
		margin-top : -2.5px;
	}
}
@media (min-width: 641px ) and ( max-width: 767px){
	main .container > .row > .col-xs-12 > h2{
		font-size : 42px;
	}
	main .container > .row > .col-xs-12 >p{
		font-size : 28px;
	}
	main form.form-horizontal .form-group{
		min-height : 80px;
		margin-bottom : 30px;
	}
	main form.form-horizontal .form-group input , main form.form-horizontal .form-group select{
		font-size : 24px;
		height : 80px;
	}
	main form .form-group > .col-xs-12.row > div:not(:last-child){
		margin-bottom : 30px;
	}
	main form label{
		font-size : 24px;
		margin-bottom : 26px;
	}
	main .parts{
		font-size : 19px;
	}
	main textarea{
		font-size : 24px!important;
	}
	main .btn.btn-banok{
		font-size : 30px;
		height : 58px;
		line-height : 1;
	}
	main .btn.btn-banok:before{
		width : 8px;
		height : 8px;
		border-top : solid 2px #1f1f1f;
		border-right : solid 2px #1f1f1f;
		right : 40px;
		margin-top : -2.5px;
	}
}
@media (min-width: 768px ) and ( max-width: 991px){
	main .container > .row > .col-xs-12 > h2{
		font-size : 42px;
	}
	main .container > .row > .col-xs-12 >p{
		font-size : 28px;
	}
	main form.form-horizontal .form-group{
		min-height : 80px;
		margin-bottom : 30px;
	}
	main form.form-horizontal .form-group input , main form.form-horizontal .form-group select{
		font-size : 24px;
		height : 80px;
	}
	main form .form-group > .col-xs-12{
		text-align : left;
	}
	main form .form-group > .col-xs-12.row > div:not(:last-child){
		margin-bottom : 30px;
	}
	main form label{
		font-size : 24px;
		margin-bottom : 26px!important;
	}
	main .parts{
		font-size : 19px;
	}
	main textarea{
		font-size : 24px!important;
	}
	main .btn.btn-banok{
		font-size : 30px;
		height : 58px;
		line-height : 1;
	}
	main .btn.btn-banok:before{
		width : 8px;
		height : 8px;
		border-top : solid 2px #1f1f1f;
		border-right : solid 2px #1f1f1f;
		right : 40px;
		margin-top : -2.5px;
	}
}
@media ( max-width: 991px){
	main{
		padding-top : calc( 82 / 640 * 100% );
		padding-bottom : calc( 169 / 640 * 100% );
	}
	main .container > .row > .col-xs-12{
		padding-left : calc( 60 * 100% / 640 );
		padding-right : calc( 60 * 100% / 640 );
	}
	main .container > .row > .col-xs-12 >p{
		margin : calc( 58 / 640 * 100% ) auto 0;
		font-weight : 300;
		line-height : 1.3;
	}
	main form{
		margin-top : calc( 66 / 640 * 100% );
	}
	main form.form-horizontal .form-group{
		margin-left : 0;
		margin-right : 0;
	}
	main form .form-group > .col-xs-12{
		padding-right : 0;
		padding-left : 0;
	}
	main form .form-group > .col-xs-12.row{
		margin-left : 0;
		margin-right : 0;
	}
	main form .form-group > .col-xs-12.row > div{
		padding-right : 0;
		padding-left : 0;
	}
	main form .form-control{
		border-radius : 0;
		background-color : #ececec;
	}
	main form .form-control::-webkit-input-placeholder{
		/* Chrome/Opera/Safari */
		color : #777;
	}
	main form .form-control::-moz-placeholder{
		/* Firefox 19+ */
		color : #777;
	}
	main form .form-control:-ms-input-placeholder{
		/* IE 10+ */
		color : #777;
	}
	main form .form-control:-moz-placeholder{
		/* Firefox 18- */
		color : #777;
	}
	main form select.form-control:invalid{
		background-image : url("/en/images/ui/icon/required.png");
		background-repeat : no-repeat;
		background-position : 5em center;
		background-size : calc( 15 * 100% / 660 );
	}
	main form textarea.form-control{
		height : 136px;
	}
	main form textarea.form-control::-webkit-input-placeholder{
		/* Chrome/Opera/Safari */
		color : #777;
	}
	main form textarea.form-control::-moz-placeholder{
		/* Firefox 19+ */
		color : #777;
	}
	main form textarea.form-control:-ms-input-placeholder{
		/* IE 10+ */
		color : #777;
	}
	main form textarea.form-control:-moz-placeholder{
		/* Firefox 18- */
		color : #777;
	}
	main form label.require + div .form-control::-webkit-input-placeholder , main form label.require + div textarea.form-control::-webkit-input-placeholder{
		/* Chrome/Opera/Safari */
		color : transparent;
	}
	main form label.require + div .form-control::-moz-placeholder , main form label.require + div textarea.form-control::-moz-placeholder{
		/* Firefox 19+ */
		color : transparent;
	}
	main form label.require + div .form-control:-ms-input-placeholder , main form label.require + div textarea.form-control:-ms-input-placeholder{
		/* IE 10+ */
		color : transparent;
	}
	main form label.require + div .form-control:-moz-placeholder , main form label.require + div textarea.form-control:-moz-placeholder{
		/* Firefox 18- */
		color : transparent;
	}
	main form label{
		color : #3b3b3b;
	}
	main .parts{
		padding-left : 48px;
		position : relative;
		margin-right : 20px;
		line-height : 40px;
	}
	main .parts::before{
		top : 0;
		left : 0;
		width : 38px;
		height : 38px;
	}
	main input[type="radio"]:checked + .parts::after{
		top : 0;
		left : 12px;
		width : 14px;
		height : 28px;
	}
	main .radio-inline{
		padding-left : 0;
	}
	main .btn.btn-banok{
		margin-top : calc( 88 / 640 * 100% );
		font-weight : 700;
		width : 100%;
	}
	main .requireContent{
		position : absolute;
		top : 0;
		left : 0;
		display : block;
		border-color : transparent!important;
		z-index : 1;
		pointer-events : none;
		color : #777;
	}
	main .requireContent span{
		color : red;
		padding-left : 3px;
	}
	/*input:focus+.requireContent,*/
	main .notNull .requireContent , main .notNull .requireContent{
		display : none;
	}
}
@media ( min-width: 992px){
	main .container > .row > .col-xs-12{
		padding-right : 0;
		padding-left : 0;
		max-width : 1080px;
	}
	main .container > .row > .col-xs-12 > h2{
		margin-top : 105px;
	}
	main .container > .row > .col-xs-12 >p{
		margin : 87px auto 0;
		text-align : center;
		font-size : 28px;
		font-weight : 300;
		line-height : 28px;
	}
	main form{
		margin-top : 64px;
		padding-bottom : 446px;
	}
	main form.form-horizontal .form-group{
		border-bottom : 1px solid #ececec;
		border-left : solid 5px #d1e1f5;
		margin-left : 0;
		margin-right : 0;
		min-height : 80px;
		margin-bottom : 0;
		display : -webkit-box;
		display : flex;
		-webkit-box-align : center;
		align-items : center;
	}
	main form.form-horizontal .control-label{
		font-family : "Roboto";
		color : #1b1b1b;
		font-size : 19px;
		font-weight : 400;
		line-height : 23px;
		text-align : left;
		padding-left : 15px;
		padding-right : 0;
		margin-top : 20px;
		margin-bottom : 20px;
		padding-top : 0;
		padding-right : calc( 65 * 100% / 1080 );
	}
	main form.form-horizontal .control-label.require:after{
		content : "\00a0＊";
		color : #f00;
	}
	main form .col-md-8{
		padding-right : calc( 42 * 100% / 1080 );
		position : relative;
	}
	main form label.error{
		position : absolute;
	}
	main form.form-horizontal .form-group:nth-of-type(5) .row{
		margin-left : 0;
		margin-right : 0;
	}
	main form.form-horizontal .form-group:nth-of-type(5) .row > div{
		padding-left : 8px;
		padding-right : 8px;
	}
	main form.form-horizontal .form-group:nth-of-type(5) .row > div:nth-child(1){
		padding-left : 0;
	}
	main form.form-horizontal .form-group:nth-of-type(5) .row > div:nth-child(3){
		padding-right : 0;
	}
	main form.form-horizontal .form-group:nth-of-type(5) .form-control::-webkit-input-placeholder{
		/* Chrome/Opera/Safari */
		color : #777;
	}
	main form.form-horizontal .form-group:nth-of-type(5) .form-control::-moz-placeholder{
		/* Firefox 19+ */
		color : #777;
	}
	main form.form-horizontal .form-group:nth-of-type(5) .form-control:-ms-input-placeholder{
		/* IE 10+ */
		color : #777;
	}
	main form.form-horizontal .form-group:nth-of-type(5) .form-control:-moz-placeholder{
		/* Firefox 18- */
		color : #777;
	}
	main form .form-control{
		border-radius : 0;
		background-color : #ececec;
	}
	main form .form-control::-webkit-input-placeholder{
		/* Chrome/Opera/Safari */
		color : #ececec;
	}
	main form .form-control::-moz-placeholder{
		/* Firefox 19+ */
		color : #ececec;
	}
	main form .form-control:-ms-input-placeholder{
		/* IE 10+ */
		color : #ececec;
	}
	main form .form-control:-moz-placeholder{
		/* Firefox 18- */
		color : #ececec;
	}
	main form textarea.form-control{
		margin-top : 30px;
		margin-bottom : 30px;
	}
	main form textarea.form-control::-webkit-input-placeholder{
		/* Chrome/Opera/Safari */
		color : #ececec;
		font-size : 0;
	}
	main form textarea.form-control::-moz-placeholder{
		/* Firefox 19+ */
		color : #ececec;
		font-size : 0;
	}
	main form textarea.form-control:-ms-input-placeholder{
		/* IE 10+ */
		color : #ececec;
		font-size : 0;
	}
	main form textarea.form-control:-moz-placeholder{
		/* Firefox 18- */
		color : #ececec;
		font-size : 0;
	}
	main .radio-inline{
		padding-left : 0;
	}
	main #optionsRadios-error{
		top : 48px;
		width : 200px;
		display : block;
		max-width : initial;
	}
	main .parts{
		padding-left : 48px;
		position : relative;
		margin-right : 20px;
		line-height : 40px;
	}
	main .parts::before{
		top : 0;
		left : 0;
		width : 38px;
		height : 38px;
	}
	main input[type="radio"]:checked + .parts::after{
		top : 0;
		left : 12px;
		width : 14px;
		height : 28px;
	}
	main .btn.btn-banok{
		margin-top : 111px;
		font-size : 22px;
		font-weight : 700;
		width : 300px;
		height : 58px;
		line-height : 1;
		top : -1px;
	}
	main .btn.btn-banok .btn.btn-banok{
		position : relative;
		font-family : Arial;
		color : #1f1f1f;
		background : transparent;
		border-style : solid;
		border-width : 1px;
		border-color : #061638;
	}
	main .btn.btn-banok .btn.btn-banok:before{
		content : "";
		border : 0;
		-webkit-transform : rotate(45deg);
		        transform : rotate(45deg);
		position : absolute;
		top : 50%;
	}
	main .btn.btn-banok .btn.btn-banok:hover:before{
		border-color : #fff;
	}
	main .btn.btn-banok .btn.btn-banok:after{
		position : absolute;
		top : 0;
		left : 0;
		z-index : -1;
		background-color : #001345;
		width : 0;
		height : 100%;
		transition : all .3s;
		content : "";
		color : #333;
	}
	main .btn.btn-banok .btn.btn-banok:hover{
		color : #fff;
		transition : all .3s;
		border-color : #001345;
	}
	main .btn.btn-banok .btn.btn-banok:hover:after{
		width : 100%;
		transition : all .3s;
	}
	main .btn.btn-banok:before{
		width : 10px;
		height : 10px;
		border-top : solid 2px #1f1f1f;
		border-right : solid 2px #1f1f1f;
		right : 24px;
		margin-top : -5px;
	}
	main textarea[rows="6"]{
		min-height : 134px;
	}
	main textarea[rows="1"]{
		min-height : 34px;
	}
	main textarea + label.error{
		bottom : 0;
	}
}