@charset "utf-8";
/*----------------------------------------
  Yoursite Style
----------------------------------------*/
#ad-inquiry h1 {
	font-size: 44px;
	font-weight: normal;
	line-height: 1.2;
	margin-bottom: 8px;
}

p {
	font-size: 14px;
	line-height: 1.5;
}

#ad-inquiry span {
	font-size: 14px;
	line-height: 1.5;
}

#ad-inquiry {
	margin-bottom: 100px;
}

	#ad-inquiry .request-dropdown {
		display: none;
	}

	#ad-inquiry .warning {
		margin-top: 20px;
	}

.warning p {
	color: #ff0000;
}

.topContent {
	padding: 0 0 25px;
	text-align: center;
}

.pc {
	display: block;
}

.mb {
	display: none;
}

#ad-inquiry .btnTitle h3 {
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 20px;
}

#ad-inquiry .formBtn {
	display: block;
}

.formBtn .inner {
	width: 100%;
}

	.formBtn .inner .btn {
		float: left;
		width: 25%;
		margin-bottom: 15px;
		box-sizing: border-box;
	}

		.formBtn .inner .btn:last-child {
			margin-right: 0;
		}

		.formBtn .inner .btn button, .submitBtn button {
			width: 100%;
			padding: 8px 15px;
			font-size: 16px;
			cursor: pointer;
		}

		.formBtn .inner .btn button {
			background-color: #fff;
			border: 1px solid #ccc;
			border-right: none;
			border-bottom: 4px solid #ccc;
			color: #004280;
		}

		.formBtn .inner .btn:last-child button {
			border-right: 1px solid #ccc;
		}

		.formBtn .inner .btn.active button, .formBtn .inner .btn:hover button {
			background-color: #fff;
			border-bottom: 4px solid #004280;
			font-weight: bold;
		}

.submitBtn a, .submitBtn button {
	border: 1px solid var(--main-color);
	background-color: var(--main-color);
	color: #fff;
}

	.submitBtn a:hover, .submitBtn button:hover {
		background-color: #004280;
		color: #fff;
	}

.submitBtn {
	text-align: center;
	margin-top: 50px;
}

	.submitBtn a, .submitBtn button {
		width: 280px;
		padding: 12px 25px;
		box-sizing: border-box;
		display: block;
		margin: 0 auto;
		font-size: 14px;
	}

.formWrapper {
	margin: 20px 0 50px;
}

.formItem {
	position: relative;
	padding-top: 16px;
}

.col-2 {
	float: left;
	width: 47%;
	margin-right: 6%;
}

	.col-2:last-child {
		margin-right: 0;
	}

.form-group {
	margin-bottom: 20px;
}

	.form-group.numberTitle {
		margin-bottom: 8px;
	}

	.form-group .text-input {
		width: 100%;
		font-size: 16px;
		padding: 0;
		border: none;
		border-bottom: 1px solid #4d4d4d;
		line-height: 32px;
		transition: all .2s;
	}

	.form-group.has-error .text-input {
		border-color: #ff0000;
	}

	.form-group select.text-input {
		height: 33px;
	}

textarea {
	font-family: Arial, Helvetica, sans-serif;
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

input[type="number"] {
	-moz-appearance: textfield;
}

.form-group textarea.text-input {
	line-height: 1.5;
}

.form-group .text-label {
	position: absolute;
	left: 0;
	top: 24px;
	font-size: 16px;
	pointer-events: none;
	-webkit-transition: .2s ease all;
	-o-transition: .2s ease all;
	transition: .2s ease all;
}

	.form-group .text-label:after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 45%;
		height: 2px;
		width: 10px;
		visibility: hidden;
		background-color: #004280;
	}

.text-input:focus ~ label, .text-input-active + .text-label, .text-input:focus + .text-label, .text-input.text-input-active ~ label, .dropdown.dropdown-active .text-label {
	top: 0px;
	font-size: 14px;
	color: #9f9f9f;
}

.active-text-label {
	top: 0px !important;
	font-size: 14px !important;
	color: #9f9f9f !important;
}

.dropdown.dropdown-active .text-label {
	display: block;
}

.dropdown .text-label {
	display: none;
}

.text-input:focus, .extNumber input:focus {
	outline: none;
	border-bottom: none;
}

.text-input:not(.static) ~ label, .product-label {
	-webkit-transition: .2s ease all;
	-o-transition: .2s ease all;
	transition: .2s ease all;
}

.form-group .text-input-underline {
	display: block;
	position: absolute;
	width: 1rem;
	height: 2px;
	bottom: 0;
	left: 50%;
	visibility: hidden;
	background-color: #4071a0;
	transform: translateX(-50%);
	transition: all .3s;
}

.text-input:focus ~ .text-input-underline, .extNumber input:focus ~ .text-input-underline, .dropdown.active .text-input-underline {
	width: 100%;
	left: 0;
	transform: translateX(0);
	visibility: unset;
}

.areaCode input:focus ~ .text-input-underline, .number input:focus ~ .text-input-underline {
	width: 100%;
	left: 0;
	transform: translateX(0);
	visibility: unset;
}

.active-text-input-underline {
	width: 100% !important;
	left: 0 !important;
	transform: translateX(0) !important;
	visibility: unset !important;
}

.extNumber label {
	width: 21%;
	float: left;
}

.extNumber input:focus ~ .text-input-underline {
	width: 79%;
	right: 0;
	left: auto;
	float: right;
}

.form-group .message {
	display: none;
}

.form-group.has-error .message,
.has-error .form-group .message,
#Phone.has-error .message {
	display: block;
}

#ad-inquiry .message span, .form-group .link {
	line-height: 2;
}

/*has error*/
.form-group.has-error label.text-label, .form-group.has-error .error-message, .form-group.has-error .dropdownTitle,
.has-error .form-group label.text-label, .has-error .form-group .error-message, .has-error .form-group .dropdownTitle,
#Phone.has-error {
	color: #ff0000;
}

	.form-group.has-error .text-input, .form-group.has-error label.text-label:after,
	.has-error .form-group .text-input, .has-error .form-group label.text-label:after
	#Phone.has-error .text-input, #Phone.has-error label.text-label:after, {
		border-color: #ff0000;
	}

	.form-group.has-error .text-input-underline,
	.has-error .form-group .text-input-underline,
	#Phone.has-error .text-input-underline {
		background-color: #ff0000;
	}
/*Attachment Area */
.attachmentArea {
	margin: 10px 0 35px;
}

	.attachmentArea .attachmentBtn {
		font-size: 16px;
	}

		.attachmentArea .attachmentBtn i {
			margin-right: 3px;
		}

/*upload files*/
.upload-files {
	margin-bottom: 15px;
}

	.upload-files h4 {
		font-size: 16px;
		font-weight: normal;
		margin-bottom: 10px;
	}

	.upload-files .fileItem {
		width: 100%;
		padding: 10px 15px;
		background-color: #f2f2f2;
		margin-bottom: 2px;
		box-sizing: border-box;
	}

		.upload-files .fileItem .name {
			width: 90%;
			float: left;
			line-height: 1.5;
			word-wrap: break-word;
			overflow: hidden;
			display: -webkit-box;
			text-overflow: ellipsis;
			-webkit-line-clamp: 1;
			-webkit-box-orient: vertical;
			white-space: normal;
		}

		.upload-files .fileItem .icon {
			width: 10%;
			float: left;
		}

			.upload-files .fileItem .icon span {
				float: right;
			}

				.upload-files .fileItem .icon span i {
					font-size: 16px;
					margin-left: 12px;
					vertical-align: middle;
				}
/*Radio Btn*/
input[type="checkbox"], input[type="radio"] {
	margin-left: 0;
	width: 15px;
	height: 15px;
	vertical-align: bottom;
}

.formItem.radioBtn {
	float: left;
	margin-right: 15px;
	font-size: 16px;
}

.formInner.ph-number .codeWrapper {
	float: left;
	width: 35%;
}

.formInner.ph-number .numberWrapper {
	float: left;
	width: 65%;
}

.form-group.pcCountryN {
	float: left;
	width: 40%;
	margin-right: 4%;
}

.form-group.pcNumber {
	float: left;
	width: 61%;
	margin-right: 4%;
}

.formInner .pcAreaCode {
	float: left;
	width: 51%;
}

.form-group.extNumber {
	float: left;
	width: 35%;
}

.formInner.ph-number, .formInner.mb-number {
	margin-top: 12px;
}

	.formInner.ph-number .formItem.number {
		width: 61%;
	}

	.formInner.mb-number .formItem.countryN {
		width: 13%;
	}

	.formInner.mb-number .formItem.number {
		width: 83%;
	}

	.formInner.ph-number .formItem.extNumber, .formInner.mb-number .formItem.number {
		margin-right: 0;
	}

.form-group.mbCountryN {
	float: left;
	width: 15%;
	margin-right: 2%;
}

.form-group.mbNumber {
	float: left;
	width: 83%;
}

.extNumber input {
	width: 79%;
	border: none;
	border-bottom: 1px solid #4d4d4d;
	line-height: 32px;
	font-size: 16px;
	padding: 0;
}

#ad-inquiry .extNumber span {
	font-size: 16px;
}
/*Checkbox*/
.checkboxWrapper {
	padding: 30px 0 20px;
}

	.checkboxWrapper .form-group {
		margin-bottom: 8px;
	}

.checkItem .checkbox input {
	width: 2%;
	float: left;
}

.checkItem .checkbox span {
	width: 96%;
	float: left;
	padding-left: 3px;
}

#ad-inquiry .checkboxWrapper .form-group.has-error .message span {
	margin-left: 23px;
}
/*Upload Box*/
#file-select {
	display: none;
}

#uploadBox {
	width: 100%;
	height: 100%;
	background-color: #1717177d;
	position: fixed;
	z-index: 999;
	display: none;
	top: 0;
	left: 0;
}

	#uploadBox h4 {
		font-size: 16px;
		line-height: 1.5;
		margin-bottom: 5px;
	}

	#uploadBox p {
		font-size: 14px;
		line-height: 1.5;
	}

	#uploadBox .jumpbox {
		width: 500px;
		min-height: 230px;
		overflow: hidden;
		margin: 0 auto;
		background-color: #fff;
		box-sizing: border-box;
		border-radius: 5px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	#uploadBox .closeWrapper {
		padding: 5px 20px;
		border-bottom: 1px solid #ccc;
	}

		#uploadBox .closeWrapper i {
			float: right;
			display: block;
			font-size: 22px;
			cursor: pointer;
		}

	#uploadBox .jumpbox .uploadArea {
		padding: 25px 25px 30px 25px;
		text-align: center;
		font-size: 16px;
		color: #4d4d4d;
	}

		#uploadBox .jumpbox .uploadArea i {
			margin-bottom: 12px;
			font-size: 40px;
			color: #999;
		}

		#uploadBox .jumpbox .uploadArea .btn {
			margin: 12px 0 17px;
		}

			#uploadBox .jumpbox .uploadArea .btn button, #uploadBox .jumpbox .uploadArea .btn .file-button {
				background-color: var(--main-color);
				border: 1px solid var(--main-color);
				color: #fff;
				padding: 8px 25px;
				font-size: 16px;
				cursor: pointer;
			}

				#uploadBox .jumpbox .uploadArea .btn button:hover, #uploadBox .jumpbox .uploadArea .btn .file-button:hover {
					background-color: #004280;
					border: 1px solid #004280;
				}

	#uploadBox .uploadArea .error-message {
		color: #ff0000;
		margin-bottom: 5px;
	}
/*Korea Privacy*/
.privacy-korea table {
	margin: 20px 0;
	width: 100%;
	border-collapse: collapse;
}

	.privacy-korea table th, .privacy-korea table td {
		padding: 10px;
		border: 1px solid #ccc;
		font-size: 14px;
		line-height: 1.5em;
		text-align: left;
		vertical-align: top
	}

	.privacy-korea table th {
		background-color: #f2f2f2;
		font-size: 16px;
		font-weight: normal;
	}
/*Select dropdown*/
.dropdownTitle {
	cursor: pointer;
}

	.dropdownTitle i {
		float: right;
		padding-top: 7px;
	}

.dropdownSelect {
	display: none;
	position: absolute;
	width: 99.9%;
	border: 1px solid #4d4d4d;
	z-index: 999;
	background-color: #fff;
	line-height: 1.5;
	font-size: 16px;
	top: 48px;
	-webkit-box-shadow: 0px 5px 7px #cbcbcb;
	-moz-box-shadow: 0px 5px 7px #cbcbcb;
	box-shadow: 0px 5px 7px #cbcbcb;
	box-sizing: border-box;
}

	.dropdownSelect.open {
		display: block;
	}

.dropdown.active .dropdownTitle .fa-angle-down:before {
	content: "\f106";
}

.dropdownSelect ul {
	list-style: none;
}

	.dropdownSelect ul li a {
		display: block;
		padding: 3px 15px;
		color: #4d4d4d;
	}

		.dropdownSelect ul li a:hover {
			text-decoration: none;
			background-color: #e5e5e5;
		}

.dropdownSelect .subtitle {
	color: #4d4d4d;
	font-weight: bold;
	padding: 3px 8px;
	display: block;
}

@media screen and (max-width:580px) {
	#ad-inquiry h1 {
		font-size: 36px;
	}
}

@media screen and (max-width:580px) {
	.pc {
		display: none;
	}

	.mb {
		display: block;
	}

	#ad-inquiry .formBtn {
		display: none;
	}

	#ad-inquiry .request-dropdown {
		display: block;
		margin-top: 16px;
	}

	#ad-inquiry .warning {
		margin-top: 0;
	}

	.col-2 {
		float: none;
		width: 100%;
		margin-right: 0;
	}

	.upload-files .fileItem .name {
		width: 80%;
	}

	.upload-files .fileItem .icon {
		width: 20%;
	}

	.formInner.ph-number .codeWrapper, .formInner.ph-number .numberWrapper {
		float: none;
		width: 100%;
		margin-top: 5%;
	}

	.formInner.ph-number .numberWrapper {
		margin-top: 2%;
	}

	.formInner.ph-number .codeWrapper .formItem:last-child {
		margin-right: 0;
	}

	.form-group.pcCountryN {
		width: 35%;
	}

	.formInner .pcAreaCode {
		width: 61%;
	}

	.form-group.extNumber {
		width: 33%;
	}

	.form-group.mbCountryN {
		width: 35%;
	}

	.form-group.mbNumber {
		width: 61%;
	}

	.checkItem .checkbox input {
		width: 4%;
	}

	.checkItem .checkbox span {
		width: 94%;
	}

	.submitBtn button {
		width: 100%;
	}

	#uploadBox .jumpbox {
		width: 90%;
	}

	select {
		background-color: white;
	}

	.attachmentBtn .notice {
		margin: 5px 0 0 18px;
	}

	.attachmentBtn .error-message {
		color: #ff0000;
		margin: 5px 0 0 18px;
	}

	.extNumber input {
		width: 66%;
		margin-left: 13%;
	}
}
/*-----------------------------------------
      Overwrite loading animated Style   
-------------------------------------------*/
#uploadBox .sk-three-bounce-relative {
	padding-top: 60px;
	min-height: 130px;
}

.fileItem .icon .sk-three-bounce {
	margin: 0 !important;
	width: auto !important;
	text-align: right !important;
}

	.fileItem .icon .sk-three-bounce .sk-child {
		width: 10px !important;
		height: 10px !important;
	}

.fileItem .icon .sk-three-bounce-relative {
	margin-right: 15px;
}
/*-----------------------------------------*/
/*------------------------------------------
  START loading animated
  Source : http://tobiasahlin.com/spinkit/
-------------------------------------------*/
.sk-three-bounce-relative, .sk-three-bounce-absolute, .sk-three-bounce-relative-country {
	display: none;
}

	.sk-three-bounce-relative.sk-open, .sk-three-bounce-absolute.sk-open {
		display: block;
	}

.sk-three-bounce-relative-country {
	line-height: 12px !important;
}

	.sk-three-bounce-relative-country.sk-open {
		display: inline-block;
	}
/*Full Page Setting with overlay*/
.sk-three-bounce-absolute .sk-three-bounce {
	top: 50%;
	left: 50%;
	position: fixed;
	z-index: 5003;
	margin-left: -40px;
}

.sk-three-bounce-absolute::after {
	content: "";
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 5002;
	background: #fff;
	opacity: .7;
}
/*--------*/

.sk-three-bounce {
	margin: 0 auto;
	width: 80px;
	text-align: center;
}

.sk-three-bounce-country {
	margin: 10px 0 10px 0;
	width: auto;
	text-align: left;
}

	.sk-three-bounce .sk-child, .sk-three-bounce-country .sk-child {
		width: 20px;
		height: 20px;
		background-color: #004280;
		border-radius: 100%;
		display: inline-block;
		-webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
		animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
	}

	.sk-three-bounce-country .sk-child {
		width: 8px;
		height: 8px;
	}

.sk-three-bounce .sk-bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}

.sk-three-bounce .sk-bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}

@-webkit-keyframes sk-three-bounce {
	0%, 80%, 100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}

	40% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes sk-three-bounce {
	0%, 80%, 100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}

	40% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

.corporate-errorMsg {
	color: red;
	padding: 10px 0 0 0;
	margin: 0 0 0 2px;
	clear: both;
}

#attachment .mb label {
	color: #004280;
	text-decoration: none;
	outline: none;
	font-weight: normal;
}

	#attachment .mb label:hover {
		color: #004280;
		text-decoration: underline;
	}