@charset "utf-8";

.radio {
	position: relative;
	display: inline-block;
	height: 18px;
	font-size: 17px;
}

.radio input[type="radio"] {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	opacity: 0;
}

.radio input[type="radio"]+label {
	padding: 0 0 0 28px;
	font-weight: 500;
	cursor: pointer;
}

.radio input[type="radio"]+label:before {
	position: absolute;
	top: 2px;
	left: 0;
	width: 18px;
	height: 18px;
	box-sizing: border-box;
	content: '';
	border: 2px solid #333;
	border-radius: 50%;
	background: #fff;
	transition: all .2s;
}

.radio input[type="radio"]+label span {
	font-weight: 600;
}

.radio input[type="radio"]+label:hover:before {
	border-color: #d7d7d7;
	background: #d7d7d7;
}

.radio input[type="radio"]:checked+label:before {
	border: 0;
	/* background: url(/front/images/checkbox_checked.gif) no-repeat 0 0; */
	background: url(/front/images/checkbox_checked.svg) no-repeat 0 0;
}

/* .radio+.radio{margin:0 0 0 25px;} */
.hello .radio {
	width: 222px;
}

input[type="text"] {
	width: 100%;
	padding: 0 0 5px;
	font-weight: 500;
	border: 0;
	border-bottom: 1px solid #d7d7d7;
	color: rgba(0, 0, 0, .5);
}

textarea {
	width: 100%;
	height: 110px;
	padding: 0 0 6px;
	box-sizing: border-box;
	border: 0;
	border-bottom: 1px solid #d7d7d7;
	font-weight: 500;
	color: rgba(0, 0, 0, .5);
	outline: none;
}

.checkbox {
	position: relative;
	/* display: inline-block; */
	/* height: 18px; */
	/* margin-right: 50px; */
	/* margin-bottom: 15px; */
}

dl.cell.type > dd {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
	gap: 15px 0;
	font-size: 17px;
}
dl.cell.type > dd > .checkbox {
	display: inline-flex;
	width: 100%;
}

.checkbox input[type="checkbox"] {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	opacity: 0;
}

.checkbox input[type="checkbox"]+label {
	padding: 0 0 0 26px;
	cursor: pointer;
}

.checkbox input[type="checkbox"]+label:before {
	position: absolute;
	top: 2px;
	left: 0;
	width: 18px;
	height: 18px;
	box-sizing: border-box;
	content: '';
	border: 2px solid #333;
	background: #fff;
	transition: all .2s;
}

.checkbox input[type="checkbox"]+label:hover:before {
	border-color: #d7d7d7;
	background: #d7d7d7;
}

.checkbox input[type="checkbox"]:checked+label:before {
	border: 0;
	/* background: url(/front/images/checkbox_checked.gif) no-repeat 0 0; */
	background: url(/front/images/checkbox_checked.svg) no-repeat 0 0;
	background-size: 100% auto;
}

.select {
	position: relative;
	display: inline-block;
}

.select:after {
	position: absolute;
	top: 3px;
	right: 8px;
	width: 7px;
	height: 7px;
	content: '';
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	transform: rotate(135deg);
}

.select input {
	/* cursor: default; */
	cursor: pointer;
}

.select ul {
	position: absolute;
	top: 27px;
	left: 0;
	z-index: 10;
	display: none;
	width: 100%;
	box-sizing: border-box;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

.select li {
	padding: 8px 16px;
	cursor: default;
	color: #333;
	background: #fff;
	transition: all .2s;
}

.select li:last-child {
	border: 0;
}

.select li:hover {
	background: #ebebeb;
}

.select input[type="text"].active {
	color: rgba(0, 0, 0, 1);
}

.hello {
	margin: 100px auto;
	font-size: 17px;
}

.hello.inner {
	max-width: 1270px;
}

.hello .article-career {
	margin-top: 84px;
}

.hello .row {
	margin-bottom: 40px;
}

.hello .row:after {
	clear: both;
	display: block;
	content: '';
}

.hello .row.apply-row1 {
	margin-bottom: 24px;
}

.hello .question,
.hello dt {
	font-weight: 500;
	font-size: 29px;
	margin-bottom: 20px;
	letter-spacing: -0.02em;
}

.hello .question-cont {
	position: relative;
	font-size: 64px;
	font-weight: 300;
	margin-bottom: 34px;
	letter-spacing: -0.04em;
	z-index: -1;
}

.hello .question-cont .dot {
	letter-spacing: -24px;
}

.hello .question-cont br {
	display: none;
}

.hello .part-radio {
	margin-bottom: 24px;
}

.hello .part-radio:last-child {
	margin-bottom: 0;
}

.hello .apply label {
	width: 90%;
	display: block;
	font-weight: 500;
	color: rgba(0, 0, 0, .5);
	transition: color .3s
}

.hello .apply label span {
	font-weight: 500;
}

.hello .apply .apply-row1:after,
hello .info:after {
	content: '';
	display: block;
	clear: both;
}

.hello .apply-row1 .cell,
.hello .info .cell {
	width: 48%;
	margin-right: 4%;
	float: left;
}

.hello .apply .apply-cell2 {
	float: right;
}

.hello .apply .cell:last-child,
.hello .info .cell:last-child {
	margin-right: 0;
}

.hello .info .row {
	margin-bottom: 24px;
}

.hello .file-upload {
	position: relative;
	width: 100%;
	padding: 0 0 5px;
	border: 0;
	border-bottom: 1px solid #d7d7d7;
	font-weight: ;
	transition: border .1s;
}

.hello .file-upload input {
	position: absolute;
	top: 0;
	right: 0;
	width: 18px;
	opacity: 0;
	overflow: hidden;
	padding: 0;
}

.hello .file-upload img {
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
}

.hello .btn-apply {
	float: left;
	display: inline-block;
	margin-right: 50px;
	width: 230px;
	height: 54px;
	border: 5px solid #000;
	font-size: 17px;
	font-weight: 600;
	transition: all .3s;
}

.hello .btn-apply:hover {
	background: #000;
	color: #fff;
}

.hello .refer {
	font-size: 20px;
	font-weight: ;
}

.hello-request .term {
	width: 100%;
}

.hello-request .term:after {
	content: '';
	display: block;
	clear: both;
}

.hello-request .term .select {
	width: 48%;
	margin-right: 4%;
	float: left;
}

.hello-request .term .select:last-child {
	margin-right: 0;
}

.hello .btn-area {
	margin-top: 100px;
}

.hello .btn-area:after {
	clear: both;
	display: block;
	content: '';
}

/*.checkbox-policy{float:left; margin-top:16px; margin-right:0; font-weight:500;}
.checkbox-policy label{display:inline-block; color:#999;}
.checkbox-policy label a{position:relative; color:#000;}
.checkbox-policy label a:after{position:absolute; top:5px; right:0; width:0; height:12px; content:''; background:#ff0; transition:width .5s cubic-bezier(1, 0, 0, 1);}
.checkbox-policy label a span{position:relative; z-index:2; transition:all .2s;}
.checkbox-policy label a:hover span{color:#999;}*/
/*.checkbox-policy label a:hover:after{left:0; width:100%;}*/
/*.checkbox-policy i{color:#f00; font-style:normal;}

.checkbox-policy input[type="checkbox"] + label:hover:before{border-color:#333; background:#fff;}
.checkbox-policy input[type="checkbox"]:before:hover{border-color:#d7d7d7; background:#d7d7d7;}
.checkbox-policy input[type="checkbox"]:checked + label:before{border:0; background:url(/images/checkbox_checked.gif) no-repeat 0 0; background-size:100% auto;}
.policy-box{position:absolute; top:0; left:0; width:18px; height:18px; display:block;}
.checkbox-policy.active input[type="checkbox"] + label:before{border-color:#d7d7d7; background:#d7d7d7;}*/


.checkbox-policy {
	float: left;
	margin-top: 16px;
	margin-right: 0;
	font-weight: 500;
}

.checkbox-policy label {
	display: inline-block;
	color: #999;
}

.checkbox-policy label a {
	position: relative;
	color: #000;
}

.checkbox-policy label a span {
	position: relative;
	z-index: 2;
	transition: all .2s;
}

.checkbox-policy label a:hover span {
	color: #999;
}

.checkbox-policy i {
	display: inline-block;
	vertical-align: top;
	margin-top: -2px;
    margin-left: -2px;
	color: #f00;
	font-style: normal;
}

.checkbox-policy input[type="checkbox"]+label:before {
	display: none;
}

.checkbox-policy input[type="checkbox"]+label .policy-box {
	position: absolute;
	top: 1px;
	left: 0;
	width: 18px;
	height: 18px;
	box-sizing: border-box;
	content: '';
	border: 2px solid #333;
	background: #fff;
	transition: all .2s;
}

.checkbox-policy input[type="checkbox"]+label .policy-box:hover {
	border-color: #d7d7d7;
	background: #d7d7d7;
}

.checkbox-policy input[type="checkbox"]:checked+label .policy-box {
	border: 0;
	/* background: url(/front/images/checkbox_checked.gif) no-repeat 0 0; */
	background: url(/front/images/checkbox_checked.svg) no-repeat 0 0;
	background-size: 100% auto;
}

.checkbox-policy input[type="checkbox"]:checked+label:before {
	border: 0;
	/* background: url(/front/images/checkbox_checked.gif) no-repeat 0 0; */
	background: url(/front/images/checkbox_checked.svg) no-repeat 0 0;
	background-size: 100% auto;
}

.policy-box {
	position: absolute;
	top: 0;
	left: 0;
	width: 18px;
	height: 18px;
	display: block;
}

.checkbox-policy.active input[type="checkbox"]+label:before {
	border-color: #d7d7d7;
	background: #d7d7d7;
}


/* popup */
.popup {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	display: none;
	width: 100%;
	height: 100%;
	overflow-y: auto;
	background: #fff;
}

.popup .btn-close {
	position: absolute;
	top: 100px;
	right: 66px;
	width: 54px;
	height: 54px;
	overflow: hidden;
	padding: 0;
	text-indent: -9999px;
}

.popup .btn-close:before,
.popup .btn-close:after {
	position: absolute;
	top: 24px;
	left: -7px;
	width: 68px;
	height: 5px;
	content: '';
	background: #000;
	transform: rotate(45deg);
	transition: all .2s;
}

.popup .btn-close:after {
	transform: rotate(-45deg);
}

.popup .btn-close:hover:before,
.popup .btn-close:hover:after {
	background: #999;
}

.popup-inner {
	position: absolute;
	top: 0;
	left: 50%;
	width: 45%;
	padding: 150px 0;
	transform: translateX(-50%);
}

.popup p {
	font-weight: ;
	font-size: 16px;
}

.policy-tit {
	font-size: 80px;
	font-weight: normal;
}

.policy-tit-desc {
	margin: 30px 0;
}

.policy-cont {
	margin-bottom: 30px;
}

.policy-cont h3 {
	font-weight: 350;
	font-size: 20px;
	margin-bottom: 15px;
}

/* hover,focus */
.hello .file-upload,
input[type="text"],
textarea {
	transition: all .2s;
}

.hello .file-upload:hover,
.hello .file-upload:focus {
	border-bottom: 1px solid #000;
}

.hello .file-upload:hover label,
.hello .file-upload:focus label {
	color: rgba(0, 0, 0, 1);
}

input[type="text"]:hover,
input[type="text"]:focus {
	color: rgba(0, 0, 0, 1);
	border-bottom: 1px solid #000;
}

textarea:hover,
textarea:focus {
	border-bottom: 1px solid #000;
	color: rgba(0, 0, 0, 1);
}

textarea::-webkit-input-placeholder {
	color: rgba(0, 0, 0, .5);
}

textarea::-ms-input-placeholder {
	color: rgba(0, 0, 0, .5);
}

textarea::-mos-input-placeholder {
	color: rgba(0, 0, 0, .5);
}

dd.active textarea {
	color: rgba(0, 0, 0, 1);
}

/* active */
.hello .file-upload.active label {
	color: rgba(0, 0, 0, 1);
}

dd.active input[type="text"] {
	color: rgba(0, 0, 0, 1);
}

::placeholder {
	color: rgba(0, 0, 0, .5);
}

input::placeholder {
	color: rgba(0, 0, 0, .5);
	transition: all .2s;
}

input::-webkit-input-placeholder {
	color: rgba(0, 0, 0, .5);
}

input::-ms-input-placeholder {
	color: rgba(0, 0, 0, .5);
}

input::-mos-input-placeholder {
	color: rgba(0, 0, 0, .5);
}

textarea::placeholder {
	color: rgba(0, 0, 0, .5);
	transition: all .2s;
}

textarea::-webkit-input-placeholder {
	color: rgba(0, 0, 0, .5);
}

textarea::-ms-input-placeholder {
	color: rgba(0, 0, 0, .5);
}

textarea::-mos-input-placeholder {
	color: rgba(0, 0, 0, .5);
}

input[type="text"]:hover::placeholder,
input[type="text"]:focus::placeholder {
	color: rgba(0, 0, 0, 1);
}

textarea:hover::placeholder,
textarea:focus::placeholder {
	color: rgba(0, 0, 0, 1);
}

/* alert */
.radio.required input[type="radio"]+label:before {
	border: 2px solid #f00;
}

.radio.required input[type="radio"]:checked+label:before {
	border: 0;
}

.checkbox.required input[type="checkbox"]+label:before {
	border: 2px solid #f00;
}

.checkbox.required input[type="checkbox"]:checked+label:before {
	border: 0;
}

.checkbox.required input[type="checkbox"]+label .policy-box {
	border: 2px solid #f00;
}

.checkbox.required input[type="checkbox"]:checked+label .policy-box {
	border: 0;
}

::placeholder {
	color: #f00;
}

.apply-check.required input::placeholder {
	color: #f00;
}

.apply-check.required input::-webkit-input-placeholder {
	color: #f00;
}

.apply-check.required input::-ms-input-placeholder {
	color: #f00;
}

.apply-check.required input::-mos-input-placeholder {
	color: #f00;
}

.apply-check.required textarea::placeholder {
	color: #f00;
}

.apply-check.required textarea::-webkit-input-placeholder {
	color: #f00;
}

.apply-check.required textarea::-ms-input-placeholder {
	color: #f00;
}

.apply-check.required textarea::-mos-input-placeholder {
	color: #f00;
}

.apply-check.required label {
	color: #f00;
}

/* tablet */
@media screen and (max-width:1650px) {
	.hello.inner {
		max-width: 950px;
	}
}

@media screen and (max-width:1200px) {
	.cell .checkbox {
		/* float: left; */
		/* width: 16.5%; */
		margin-right: 0;
	}

	dl.cell.type > dd {
		grid-template-columns: repeat(3, 1fr);
	}

	.hello.inner {
		/* max-width: 610px; */
		max-width: 810px;
	}

	.hello .row {
		margin-bottom: 30px;
	}

	.hello .info .row .cell:first-child {
		margin-bottom: 24px;
	}

	.hello .question-cont {
		font-size: 60px;
	}

	.hello .question-cont br {
		display: block;
	}

	.hello .experience .radio:last-child {
		margin-right: -145px;
	}

	.hello .part .part-designer .radio:last-child {
		margin-right: -145px;
	}

	.hello .radio {
		width: 185px;
	}

	.hello .apply .cell:last-child {
		margin-top: 24px;
	}

	.hello-request .term .select {
		width: 100%;
		margin-right: 0;
		margin-bottom: 24px;
		float: none;
	}

	.hello .apply-row1 .cell,
	.hello .info .cell {
		width: 100%;
		margin-right: 0;
		float: none;
	}

	.hello-request .term .select:last-child {
		margin-bottom: 0;
	}

	.popup-inner {
		width: 80%;
	}
}

/* mobile */
@media screen and (max-width:1023px) {
	.select ul {
		top: 25px;
	}

	.radio {
		font-size: 15px;
	}

	.radio input[type="radio"]+label:before {
		top: 1px;
		width: 16px;
		height: 16px;
	}

	.radio input[type="radio"]+label {
		padding: 0 0 0 20px;
	}

	.radio input[type="radio"]:checked+label:before {
		background-size: 100% auto;
	}

	.checkbox {
		font-size: 14px;
	}

	.checkbox input[type="checkbox"]+label {
		padding: 0 0 0 24px;
	}

	.checkbox input[type="checkbox"]+label:before {
		/* top: 2px; */
		top: 1px;
		width: 16px;
		height: 16px;
	}

	.checkbox input[type="checkbox"]:checked+label:before {
		top: 1px;
		background-size: 100% auto;
	}

	.hello {
		font-size: 15px;
		margin: 50px auto 0;
	}

	.hello.inner {
		max-width: 100%;
		/*max-width:620px;*/
	}

	.hello .row {
		margin-bottom: 20px;
	}

	.hello .article-career {
		margin-top: 40px;
	}

	.hello .question,
	.hello dt {
		font-size: 15px;
	}

	.hello .question {
		margin-bottom: 17px;
	}

	.hello .question-cont {
		margin-bottom: 20px;
		/* font-size: 32px; */
		font-size: 28px;
	}

	.hello .question-cont .dot {
		letter-spacing: -10px;
	}

	.hello .experience:after {
		clear: both;
		display: block;
		content: '';
	}

	.hello .experience .radio {
		float: left;
		width: 25%;
	}

	.hello .part-radio {
		margin-bottom: 0;
	}

	.hello .part-radio:after {
		clear: both;
		display: block;
		content: '';
	}

	.hello .part-radio .radio {
		float: left;
		width: 50%;
		margin-bottom: 15px;
	}

	.hello .part-radio:last-child .radio {
		margin-bottom: 0;
	}

	.hello .apply .apply-row2 input[type="text"] {
		padding: 0 0 42px;
	}

	.hello .apply label span {
		font-size: 10px;
	}

	.hello .info .cell {
		width: 100%;
		margin-right: 0;
		float: none;
	}

	.hello .btn-apply {
		width: 160px;
		height: 36px;
		margin: 0 0 40px;
		font-size: 15px;
		border: 3px solid #000;
	}

	.hello .checkbox-policy {
		width: 100%;
		margin-top: 0;
		margin-bottom: 0;
	}

	.hello-request .term .select {
		width: 100%;
		margin-right: 0;
		margin-bottom: 0;
		float: none;
	}

	.hello-request .term .budget {
		margin-top: 28px;
	}

	.hello-request .type .checkbox {
		width: 33%;
	}

	.hello .btn-area {
		margin-top: 50px;
	}

	.popup .btn-close {
		position: absolute;
		top: 50px;
		right: 25px;
		width: 27px;
		height: 27px;
		overflow: hidden;
		padding: 0;
		text-indent: -9999px;
	}

	.popup .btn-close:before {
		top: 13px;
		left: -4px;
		width: 34px;
		height: 2px;
	}

	.popup .btn-close:after {
		top: 13px;
		left: -4px;
		width: 34px;
		height: 2px;
	}

	.popup-inner {
		padding: 100px 0;
	}

	.popup p {
		font-size: 16px;
	}

	.policy-tit {
		font-size: 32px;
		font-weight: normal;
	}

	.policy-tit-desc {
		margin: 30px 0;
	}

	.policy-cont {
		margin-bottom: 30px;
	}

	.policy-cont h3 {
		font-size: 20px;
		margin-bottom: 15px;
	}

}

@media screen and (max-width:480px) {
	dl.cell.type > dd {
		grid-template-columns: repeat(2, 1fr);
	}

	.checkbox-policy input[type="checkbox"]+label .policy-box {
		top: -1px;
	}
}