/* ** */
/********** RESUME **********/
.resume-nav {border-bottom:1px solid #ddd; margin-bottom:20px;}
.resume-nav ul {display:table; width:100%;}
.resume-nav li {display:table-cell; width:20%;}
.resume-nav li a {display:inline-block; position:relative; width:100%; height:12px; line-height:12px; font-size:12px; padding:14px 0; text-indent:1em; text-align:center; background-color:#eee;}
.resume-nav li a:before {content:""; display:block; width:0; height:0; line-height:12px; position:absolute; left:100%; top:0; z-index:1; margin-left:1px;
border-top:20px solid transparent; border-right:10px solid transparent; border-bottom:20px solid transparent; border-left:10px solid #fff;}
.resume-nav li a:after {content:""; display:block; width:0; height:0; line-height:12px; position:absolute; left:100%; top:0; z-index:1;
border-top:20px solid transparent; border-right:10px solid transparent; border-bottom:20px solid transparent; border-left:10px solid #eee;}
.resume-nav li.active a {background-color:#fff;}
.resume-nav li.active a:after {border-left-color:#fff;}
.resume-nav li:first-child a {text-indent:0.25em;}
.resume-nav li:last-child a:before,
.resume-nav li:last-child a:after {content:none;}


/* ** */
/********** RESUME **********/
.form-box {margin:0 auto 30px;}
.text-red {font-size:12px; color:#ff2626; padding-left:5px; display:inline-block;}
.input-box {max-width:640px; margin:0 auto; padding:0 10px;}
.input-box dl {padding-top:5px;}
.input-box dt {margin:5px auto;}
.input-box dd {padding-bottom:20px;}
.input-box input,
.input-box select,
.input-box textarea {-webkit-appearance:none; -moz-appearance:none; appearance:none; line-height:170%; font-size:14px; padding:5px 10px; height:40px; color:#888; border:none; outline:none; box-sizing:border-box; border:1px solid #ccc; width:100%; border-radius:0;}
.input-box input {border-radius:0;}
.input-box select {padding-right:18px; width:100%;}
.input-box textarea {width:100%; height:auto; display:block;}
.input-box .form-set,
.input-box .select-arrow {display:block; box-sizing:border-box; position:relative; padding:0 5px; float:left;}
.input-box .form-set:first-child,
.input-box .select-arrow:first-child {padding:0 5px 0 0;}
.input-box .form-set:last-child,
.input-box .select-arrow:last-child {padding:0 0 0 5px;}
.input-box .select-arrow:after {content:''; position:absolute; z-index:0; top:50%; bottom:0; margin:-3px 0 0 0; right:15px; width:0; height:0; border-style:solid; border-width:6px 5px 0 5px;
	border-color: #01b900 transparent transparent transparent;}
.input-box .select-arrow:last-child:after {right:10px;}

.input-box .mark-dash .form-set,
.input-box .mark-dash .select-arrow {padding:0 12px;}
.input-box .mark-dash .form-set::after,
.input-box .mark-dash .select-arrow::after {content:"-"; padding:0 10px; margin-right:-13px; line-height:40px; right:0; top:0; position:absolute;}
.input-box .mark-dash .form-set:first-child,
.input-box .mark-dash .select-arrow:first-child {padding:0 12px 0 0;}
.input-box .mark-dash .form-set:last-child,
.input-box .mark-dash .select-arrow:last-child {padding:0 0 0 12px;}
.input-box .mark-dash .form-set:last-child::after,
.input-box .mark-dash .select-arrow:last-child::after {content:none;}
.input-box .mark-dash .form-set.no-mark::after,
.input-box .mark-dash .select-arrow.no-mark::after {content:none;}

.input-box .unit .form-set,
.input-box .unit .select-arrow {display:table;}
.input-box .unit .form-set input,
.input-box .unit .select-arrow input {display:table-cell;}
.input-box .unit .form-set span,
.input-box .unit .select-arrow span {display:table-cell; box-sizing:border-box; padding:0 0 0 4px;}
.input-box .unit .form-set span.pos-left,
.input-box .unit .select-arrow span.pos-left {display:table-cell; box-sizing:border-box; padding:0 4px 0 0;}

.btn-address-search {display:table; width:100%; margin:0 auto; text-align:center;}
.btn-address-search a {display:table-cell; background-color:#01b900; color:#fff; text-align:center; font-size:16px; width:100%; height:40px; padding:5px; box-sizing:border-box; vertical-align:middle;}

.input-box .column1 .form-set {width:100%; padding:0;}
.input-box .column2 .form-set {width:50%;}
.input-box .column3 .form-set {width:32%;}
.input-box .column3 .form-set:nth-child(2) {width:36%;}

.input-box .column1 .select-arrow {width:100%; padding:0;}
.input-box .column2 .select-arrow {width:100%;}
.input-box .column3 .select-arrow {width:32%;}
.input-box .column3 .select-arrow:nth-child(2) {width:36%;}

.input-box .column1.width20 .form-set,
.input-box .column1.width20 .select-arrow,
.input-box .column2.width20,
.input-box .column2.width20,
.input-box .column3.width20,
.input-box .column3.width20 {width:20%;}
.input-box .column1.width30 .form-set,
.input-box .column1.width30 .select-arrow,
.input-box .column2.width30,
.input-box .column2.width30,
.input-box .column3.width30,
.input-box .column3.width30 {width:30%;}
.input-box .column1.width40 .form-set,
.input-box .column1.width40 .select-arrow,
.input-box .column2.width40,
.input-box .column2.width40,
.input-box .column3.width40,
.input-box .column3.width40 {width:40%;}
.input-box .column1.width50 .form-set,
.input-box .column1.width50 .select-arrow,
.input-box .column2.width50,
.input-box .column2.width50,
.input-box .column3.width50,
.input-box .column3.width50 {width:50%;}
.input-box .column1.width60 .form-set,
.input-box .column1.width60 .select-arrow,
.input-box .column2.width60,
.input-box .column2.width60,
.input-box .column3.width60,
.input-box .column3.width60 {width:60%;}
.input-box .column1.width70 .form-set,
.input-box .column1.width70 .select-arrow,
.input-box .column2.width70,
.input-box .column2.width70,
.input-box .column3.width70,
.input-box .column3.width70 {width:70%;}
.input-box .column1.width80 .form-set,
.input-box .column1.width80 .select-arrow,
.input-box .column2.width80,
.input-box .column2.width80,
.input-box .column3.width80,
.input-box .column3.width80 {width:80%;}
.input-box .column1.width90 .form-set,
.input-box .column1.width90 .select-arrow,
.input-box .column2.width90,
.input-box .column2.width90,
.input-box .column3.width90,
.input-box .column3.width90 {width:90%;}

.input-box .column3.career .form-set:first-child,
.input-box .column3.career .select-arrow:first-child {width:23%;}
.input-box .column3.career .form-set,
.input-box .column3.career .select-arrow {width:20%;}
.input-box .column3.career .form-set:last-child,
.input-box .column3.career .select-arrow:last-child {width:57%;}


/* ** Photo ** */
/* ** ** */
.no-nav,
.no-nav .section-title {margin-top:0;}

.photo-box > ul {max-width:640px; margin:0 auto 40px;}
.photo-box > ul > li {display:table; width:100%; padding:20px 10px; border-bottom:1px dotted #ccc; box-sizing:border-box;}
.photo-box > ul > li:first-child {padding-top:20px;}
.photo-box .file-box {display:table; width:100%;}
.photo-box .file-title {margin:0 auto 15px; line-height:120%;}
.photo-box .thumbnail,
.photo-box .adjust-box {display:table-cell; width:50%; box-sizing:border-box; vertical-align:middle;}
.photo-box .thumbnail {padding:0 10px 0 0; line-height:0;}
.photo-box .thumbnail p {display:table; width:100%; margin:0;}
.photo-box .thumbnail span {display:table-cell; width:100%; height:112px; text-align:center; vertical-align:middle; background-color:#f6f6f6;}
.photo-box .thumbnail img {max-width:100%; max-height:112px;}
.photo-box .adjust-box {padding:0 0 0 10px;}
.photo-select,
.photo-upload,
.photo-enlarge,
.photo-delete,
.photo-play,
.photo-publish {display:table; width:100%; margin:0 auto 15px; text-align:center;}
.photo-select:nth-child(2),
.photo-upload:nth-child(2),
.photo-enlarge:nth-child(2),
.photo-delete:nth-child(2),
.photo-play:nth-child(2),
.photo-publish:nth-child(2) {margin:0 auto;}
.photo-select a,
.photo-upload a,
.photo-enlarge a,
.photo-delete a,
.photo-play a,
.photo-publish a {display:table-cell; background-color:#01b900; text-align:center; font-size:14px; width:100%; height:42px; padding:5px; box-sizing:border-box; vertical-align:middle;}
.photo-select a,
.photo-upload a,
.photo-play a,
.photo-publish a {color:#fff;}
.photo-enlarge a,
.photo-delete a {background-color:#f6f6f6; border:1px solid #ccc;}
.photo-select a:after,
.photo-upload a:after,
.photo-play a:after,
.photo-publish a:after {content:""; width:8px; height:8px; border:0; border-top:solid 2px #fff; border-right:solid 2px #fff; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform: rotate(45deg); margin-left:5px; display:inline-block;}


.rank-ajust {margin-top:20px;}
.rank-ajust ul {display:table; width:100%; text-align:center; letter-spacing:-0.73em;}
.rank-ajust ul li {display:table-cell; width:50%; padding:0 10px 0 0; box-sizing:border-box; vertical-align:middle; letter-spacing:normal;}
.rank-ajust ul li:nth-child(2) {padding:0 0 0 10px;}
.rank-ajust ul li:only-child {padding:0 25%;}
.rank-ajust ul li a {display:block; width:100%; background-color:#f6f6f6; border:1px solid #ccc; text-align:center; font-size:14px; height:40px; line-height:40px; padding:0 5px 0 10px; box-sizing:border-box; vertical-align:middle;}
.rank-ajust ul li a:after {content:""; width:8px; height:8px; border:0; border-top:solid 2px #01b900; border-right:solid 2px #01b900; -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform: rotate(-45deg); margin-left:10px; display:inline-block; margin-bottom:-2px;}
.rank-ajust ul li.rank-down a:after {-ms-transform:rotate(135deg); -webkit-transform:rotate(135deg); transform: rotate(135deg); margin-bottom:2px;}




/* ** checkbox ** */
.agree-check {margin-top:20px; line-height:16px;}
.checkbox-set {margin:10px 20px 5px 0; line-height:16px; display:inline-block;}

.checkbox-set label,
.agree-check label {box-sizing:border-box; position:relative; vertical-align:middle;}
.checkbox-set label > input[type="checkbox"],
.agree-check label > input[type="checkbox"] {display:none; appearance:none;}
.checkbox-set label > span:before,
.agree-check label > span:before {content:""; display:inline-block; width:16px; height:16px; position:relative; top:2px; left:0; margin:0 10px 0 0; border:1px solid #ccc;}
.agree-check label > input[type="checkbox"]:checked + span:after,
.checkbox-set label > input[type="checkbox"]:checked + span:after {content:""; display:inline-block; width:6px; height:12px; position:absolute; top:0px; left:5px; margin:0 10px 0 0; border-right:2px solid #333; border-bottom: 2px solid #333; transform: rotate(45deg);}

.checkbox-set label > span:before,
.checkbox-set label > input[type="checkbox"]:checked + span:after {margin:0 7px 0 0;}

.privacy-policy-text {width:100%; height:120px; padding:10px; border:1px solid #ccc; overflow-y:scroll; box-sizing:border-box; font-size:14px; margin:15px 0;}
.btn-complete {margin-top:45px;}
.btn-complete a:after {content:none;}