@charset "utf-8";

@import url('layout.css');
@import url('customize.css');

/* common */
.cu-section .cu-con-01 {
	font-size:22px; line-height:1.5em; color:#121212; font-weight:300; text-align:center;
}
.cu-section .cu-con-01 span {
	display:inline-block;
}

@media screen and (max-width:1024px) {
	.cu-section .cu-con-01 {
		font-size:18px;
	}
}
@media screen and (max-width:768px) {
	#cu-content {
		padding:0px 20px;
	}
	.cu-section .cu-con-01 {
		font-size:16px;
	}
}

/* talent */
#talent .cu-con-02 ul.cu-inner-wrap {
	position:relative; width:100%; max-width:1000px; list-style:none; margin:auto;
}
#talent .cu-con-02 ul.cu-inner-wrap::after {
	content:""; display:table; clear:both;
}
#talent .cu-con-02 ul.cu-inner-wrap > li {
	position:relative; float:left; width:33.33%; text-align:center; padding:0px 10px; 
}
#talent .cu-con-02 ul.cu-inner-wrap .cu-inner {
	position:relative; display:inline-block;
}
#talent .cu-con-02 ul.cu-inner-wrap .cu-inner .cu-icon {
	position:relative; width:180px; height:180px; border-radius:50%; margin:auto;
}
#talent .cu-con-02 ul.cu-inner-wrap > li:nth-child(1) .cu-inner .cu-icon {
	border:1px solid #e96c00; background:url("../images/recruit_01_icon_01.png") 50% 40% no-repeat;
}
#talent .cu-con-02 ul.cu-inner-wrap > li:nth-child(2) .cu-inner .cu-icon {
	border:1px solid #094e9c; background:url("../images/recruit_01_icon_02.png") 50% 40% no-repeat;
}
#talent .cu-con-02 ul.cu-inner-wrap > li:nth-child(3) .cu-inner .cu-icon {
	border:1px solid #00a652; background:url("../images/recruit_01_icon_03.png") 50% 40% no-repeat;
}
#talent .cu-con-02 ul.cu-inner-wrap .cu-inner .cu-icon span {
	position:absolute; bottom:20px; left:50%; font-size:14px; line-height:1.5em; transform:translateX(-50%);
}
#talent .cu-con-02 ul.cu-inner-wrap > li:nth-child(1) .cu-inner .cu-icon span {
	color:#e96c00;
}
#talent .cu-con-02 ul.cu-inner-wrap > li:nth-child(2) .cu-inner .cu-icon span {
	color:#094e9c;
}
#talent .cu-con-02 ul.cu-inner-wrap > li:nth-child(3) .cu-inner .cu-icon span {
	color:#00a652;
}
#talent .cu-con-02 ul.cu-inner-wrap .cu-dot {
	position:absolute; width:6px; height:6px; border-radius:50%; top:90px; background-color:#ccc; 
}
#talent .cu-con-02 ul.cu-inner-wrap .cu-dot::before {
	content:""; position:absolute; width:6px; height:6px; border-radius:50%; top:0px; left:-10px; background-color:#ccc; 
}
#talent .cu-con-02 ul.cu-inner-wrap .cu-dot::after {
	content:""; position:absolute; width:6px; height:6px; border-radius:50%; top:0px; right:-10px; background-color:#ccc; 
}
#talent .cu-con-02 ul.cu-inner-wrap .cu-dot.cu-left {
	left:-3px;
}
#talent .cu-con-02 ul.cu-inner-wrap .cu-dot.cu-right {
	right:-3px;
}
#talent .cu-con-02 ul.cu-inner-wrap .cu-inner .cu-title {
	font-size:20px; line-height:1.5em; color:#121212; margin-top:10px; 
}

@media screen and (max-width:1024px) {
	#talent .cu-con-02 ul.cu-inner-wrap .cu-inner .cu-title {
		font-size:18px;
	}
}
@media screen and (max-width:768px) {
	#talent .cu-con-02 ul.cu-inner-wrap > li {
		float:none; width:100%; padding:10px 0px; 
	}
	#talent .cu-con-02 ul.cu-inner-wrap .cu-dot {
		display:none;
	}
	#talent .cu-con-02 ul.cu-inner-wrap .cu-inner .cu-title {
		font-size:15px;
	}
}

/* notice */
#notice h4.cu-title {
	position:relative; width:100%; text-align:center; margin-bottom:15px;
}
#notice .cu-con-03 .cu-inner-wrap {
	position:relative; width:100%; padding-top:20px;
}
#notice .cu-con-03 .cu-inner-wrap > ul {
	position:relative; width:100%; list-style:none;
}
#notice .cu-con-03 .cu-inner-wrap > ul::after {
	content:""; display:table; clear:both;
}
#notice .cu-con-03 .cu-inner-wrap > ul::before {
	content:""; position:absolute; display:block; width:75%; height:0px; top:65px; left:12.5%; border-top:1px dashed #ddd; z-index:0;
}
#notice .cu-con-03 .cu-inner-wrap > ul > li {
	position:relative; float:left; width:25%; text-align:center; padding:0px 10px;
}
#notice .cu-con-03 .cu-inner-wrap .cu-inner {
	position:relative; display:inline-block;
}
#notice .cu-con-03 .cu-inner-wrap .cu-inner .cu-icon {
	width:130px; height:130px; margin:auto; border:1px dashed #aaa; border-radius:50%; margin:auto; background-color:#fff;
}
#notice .cu-con-03 .cu-inner-wrap > ul > li:nth-child(1) .cu-inner .cu-icon {
	background:#fafafa url("../images/recruit_02_icon_01.png") 50% 50% no-repeat;
}
#notice .cu-con-03 .cu-inner-wrap > ul > li:nth-child(2) .cu-inner .cu-icon {
	background:#fafafa url("../images/recruit_02_icon_02.png") 50% 50% no-repeat;
}
#notice .cu-con-03 .cu-inner-wrap > ul > li:nth-child(3) .cu-inner .cu-icon {
	background:#fafafa url("../images/recruit_02_icon_03.png") 50% 50% no-repeat;
}
#notice .cu-con-03 .cu-inner-wrap > ul > li:nth-child(4) .cu-inner .cu-icon {
	background:#fafafa url("../images/recruit_02_icon_04.png") 50% 50% no-repeat;
}
#notice .cu-con-03 .cu-inner-wrap .cu-inner .cu-title {
	font-size:18px; line-height:1.5em; color:#121212; margin-top:10px;
}
#notice .cu-inquiry {
	position:relative; text-align:center;
}
#notice .cu-inquiry .cu-inner {
	position:relative; display:inline-block;
}
#notice .cu-inquiry .cu-inner .cu-text span {
	display:inline-block;
}

@media screen and (max-width:1024px) {
	#notice .cu-con-03 .cu-inner-wrap .cu-inner .cu-title {
		font-size:16px;
	}
}
@media screen and (max-width:768px) {
	#notice .cu-con-03 .cu-inner-wrap {
		padding-top:0px;
	}
	#notice .cu-con-03 .cu-inner-wrap > ul > li {
		float:none; width:100%; padding:10px 0px; 
	}
	#notice .cu-con-03 .cu-inner-wrap > ul::before {
		content:""; display:none;
	}
	#notice .cu-con-03 .cu-inner-wrap .cu-inner .cu-title {
		font-size:14px;
	}
	#notice .cu-inquiry .cu-inner .cu-text div:last-child {
		padding-top:8px;
	}
	#notice .cu-inquiry .cu-inner .cu-text span {
		display:block;
	}
}

/* benefit */
#benefit .cu-con-02 .cu-inner-wrap {
	display:table; position:relative; width:100%; height:100%;
}
#benefit .cu-con-02 .cu-inner-wrap .cu-inner {
	display:table-row; position:relative; height:100%;
}
#benefit .cu-con-02 .cu-inner-wrap .cu-inner .cu-item-wrap {
	display:table-cell; position:relative; width:50%; height:100%; padding:10px; vertical-align:top;
}
#benefit .cu-con-02 .cu-inner-wrap .cu-inner .cu-item-wrap .cu-item {
	position:relative; width:100%; height:100%; text-align:center; padding:20px; border:1px solid #ddd;
}
#benefit .cu-con-02 .cu-inner-wrap .cu-inner .cu-item-wrap .cu-item .cu-icon {
	position:relative; width:110px; height:110px; margin:auto; border:1px dashed #aaa; border-radius:50%; 
}
#benefit .cu-con-02 .cu-inner-wrap .cu-inner .cu-item-wrap .cu-item .cu-icon.cu-01 {
	background:#fafafa url("../images/recruit_03_icon_01.png") 50% 50% no-repeat;
}
#benefit .cu-con-02 .cu-inner-wrap .cu-inner .cu-item-wrap .cu-item .cu-icon.cu-02 {
	background:#fafafa url("../images/recruit_03_icon_02.png") 50% 50% no-repeat;
}
#benefit .cu-con-02 .cu-inner-wrap .cu-inner .cu-item-wrap .cu-item .cu-icon.cu-03 {
	background:#fafafa url("../images/recruit_03_icon_03.png") 50% 50% no-repeat;
}
#benefit .cu-con-02 .cu-inner-wrap .cu-inner .cu-item-wrap .cu-item .cu-icon.cu-04 {
	background:#fafafa url("../images/recruit_03_icon_04.png") 50% 50% no-repeat;
}
#benefit .cu-con-02 .cu-inner-wrap .cu-inner .cu-item-wrap .cu-item .cu-icon.cu-05 {
	background:#fafafa url("../images/recruit_03_icon_05.png") 50% 50% no-repeat;
}
#benefit .cu-con-02 .cu-inner-wrap .cu-inner .cu-item-wrap .cu-item .cu-icon.cu-06 {
	background:#fafafa url("../images/recruit_03_icon_06.png") 50% 50% no-repeat;
}
#benefit .cu-con-02 .cu-inner-wrap .cu-inner .cu-item-wrap .cu-item .cu-list {
	position:relative; padding-top:10px;
}
#benefit .cu-con-02 .cu-inner-wrap .cu-inner .cu-item-wrap .cu-item .cu-list .cu-text {
	position:relative; padding:8px 0px;
}
#benefit .cu-con-02 .cu-inner-wrap .cu-inner .cu-item-wrap .cu-item .cu-list .cu-text .cu-title {
	font-weight:700;
}

@media screen and (max-width:1024px) {
	#benefit .cu-con-02 .cu-inner-wrap .cu-inner .cu-item-wrap {
		padding:5px;
	}
	#benefit .cu-con-02 .cu-inner-wrap .cu-inner .cu-item-wrap .cu-item {
		padding:10px;
	}
}
@media screen and (max-width:768px) {
	#benefit .cu-con-02 .cu-inner-wrap .cu-inner .cu-item-wrap {
		display:block; width:100%;
	}
}

/* application */
#application .cu-form-wrap {
	position:relative; width:100%; text-align:center; padding:40px 20px; background-color:#777;
}
#application .cu-form-wrap > ul {
	display:inline-block; position:relative; list-style:none;
}
#application .cu-form-wrap > ul > li {
	position:relative; text-align:left; padding:20px 0px; border-top:1px dashed #999;
}
#application .cu-form-wrap > ul > li:first-child {
	border-top:none;
}
#application .cu-form-wrap > ul > li::after {
	content:""; display:table; clear:both;
}
#application .cu-form-wrap .cu-item {
	position:relative; float:left; padding-left:20px;
}
#application .cu-form-wrap .cu-item:first-child {
	padding-left:0px;
}
#application .cu-form-wrap .cu-item:first-child input[type='text'] {
	width:120px;
}
#application .cu-form-wrap label {
	display:inline-block; width:100px; color:#fff; vertical-align:middle;
}
#application .cu-form-wrap select {
	width:120px;
}
#application .cu-form-wrap textarea {
	width:80%; height:200px; vertical-align:top;
}
#application .cu-form-wrap .cu-fileBox {
	display:inline-block;
}
#application .cu-form-wrap .cu-fileBox .cu-fileName {
	display:inline-block; width:190px; height:30px; padding-left:10px; margin-right:5px; line-height:30px; border:none; background-color:#fff; vertical-align:middle
}
#application .cu-form-wrap .cu-fileBox .cu-btn-file {
	display:inline-block; border:1px solid #fff; width:100px; height:30px; font-size:12px; line-height:30px; color:#fff; text-align:center; vertical-align:middle
}
#application .cu-form-wrap .cu-fileBox input[type="file"] {
	position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden;
}
#application .cu-form-wrap .cu-btnBox {
	display:inline-block;
}
#application .cu-form-wrap .cu-btnBox .cu-btn-submit {
	position:absolute; top:12px; width:150px; height:50px; font-size: 16px; line-height:30px; border:none; color:#fff; background-color:#55acee; vertical-align:middle; left:50%; transform:translateX(-50%);
}
#application .cu-form-wrap .cu-btnBox .cu-btn-submit:hover {
	opacity:0.8;
}

@media screen and (max-width:1024px) {
	#application .cu-form-wrap {
		padding:20px 0px;
	}
	#application .cu-form-wrap .cu-item {
		position:relative; float:none; padding:10px 0px;
	}
	#application .cu-form-wrap .cu-item input[type='text'] {
		width:60% !important;
	}
	#application .cu-form-wrap > ul > li:nth-child(3) label {
		display:block; padding-bottom:8px;
	}
	#application .cu-form-wrap label {
		width:80px;
	}
	#application .cu-form-wrap textarea {
		width:100%; height:150px; font-size:12px;
	}
	#application .cu-form-wrap input {
		font-size:12px;
	}
	#application .cu-form-wrap select {
		font-size:12px;
	}
	#application .cu-form-wrap > ul > li:nth-child(4) label {
		display:block; padding-bottom:8px;
	}
	#application .cu-form-wrap .cu-fileBox {
		display:block;
	}
}
@media screen and (max-width:768px) {
	#application .cu-form-wrap .cu-fileBox .cu-fileName {
	width:120px;
	}
}