@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document ========================================================================== */
/** 1. Correct the line height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. */
html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/* Sections ========================================================================== */
/** Remove the margin in all browsers. */
body { margin: 0; }

/** Render the `main` element consistently in IE. */
main { display: block; }

/** Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */
h1 { font-size: 2em; margin: 0.67em 0; }

/* Grouping content ========================================================================== */
/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/* Text-level semantics ========================================================================== */
/** Remove the gray background on active links in IE 10. */
a { background-color: transparent; }

/** 1. Remove the bottom border in Chrome 57- 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ }

/** Add the correct font weight in Chrome, Edge, and Safari. */
b, strong { font-weight: bolder; }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/** Add the correct font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

/* Embedded content ========================================================================== */
/** Remove the border on images inside links in IE 10. */
img { border-style: none; }

/* Forms ========================================================================== */
/** 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. */
button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ }

/** Show the overflow in IE. 1. Show the overflow in Edge. */
button, input { /* 1 */ overflow: visible; }

/** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */
button, select { /* 1 */ text-transform: none; }

/** Correct the inability to style clickable types in iOS and Safari. */
button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

/** Remove the inner border and padding in Firefox. */
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

/** Restore the focus styles unset by the previous rule. */
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

/** Correct the padding in Firefox. */
fieldset { padding: 0.35em 0.75em 0.625em; }

/** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */
legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }

/** Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress { vertical-align: baseline; }

/** Remove the default vertical scrollbar in IE 10+. */
textarea { overflow: auto; }

/** 1. Add the correct box sizing in IE 10. 2. Remove the padding in IE 10. */
[type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */
[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }

/** Remove the inner padding in Chrome and Safari on macOS. */
[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */
::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }

/* Interactive ========================================================================== */
/* Add the correct display in Edge, IE 10+, and Firefox. */
details { display: block; }

/* Add the correct display in all browsers. */
summary { display: list-item; }

/* Misc ========================================================================== */
/** Add the correct display in IE 10+. */
template { display: none; }

/** Add the correct display in IE 10. */
[hidden] { display: none; }

/* 공용 단위 */
/* img path */
/* 색상 */
/* rgba($color-black, .5) */
/* rgba($color-black, .85) */
/* rgba(#23242A, .5) */
@font-face { font-family: "NEXON Gothic"; font-weight: 400; src: url(../../fonts/NEXON%20Lv2%20Gothic.eot); src: url(../../fonts/NEXON%20Lv2%20Gothic.eot#iefix) format("embedded-opentype"), url(../../fonts/NEXON%20Lv2%20Gothic.woff) format("woff"); }

@font-face { font-family: "NEXON Gothic"; font-weight: 700; src: url(../../fonts/NEXON%20Lv2%20Gothic%20Bold.eot); src: url(../../fonts/NEXON%20Lv2%20Gothic%20Bold.eot#iefix) format("embedded-opentype"), url(../../fonts/NEXON%20Lv2%20Gothic%20Bold.woff) format("woff"); }

@font-face { font-family: 'Icons'; src: url("../assets/fonts/icon.eot?raxf70"); src: url("../assets/fonts/icon.eot?raxf70#iefix") format("embedded-opentype"), url("../assets/fonts/icon.ttf?raxf70") format("truetype"), url("../assets/fonts/icon.woff?raxf70") format("woff"), url("../assets/fonts/icon.svg?raxf70#Icon") format("svg"); font-weight: normal; font-style: normal; font-display: block; }

[class^="icon-"]:before, [class^="icon-"]:after, [class*=" icon-"]:before, [class*=" icon-"]:after, .icon:before, .inputButton input[type="checkbox"] + span:before, .inputButton input[type="radio"] + span:before, .inputButton input[type="checkbox"]:checked + span:before, .inputButton input[type="radio"]:checked + span:before, [data-input-type="month"]:before, [data-input-type="date"]:before, [data-validation] .validationCheck:before, .validationMessage[data-validation]:before, .dialogContainer .dialog > .buttonIcon:first-child:before, .alertDialogContainer .dialog header:before, .paging a.prev:before, .paging a.next:before, #dialog_CVPreview .dialogContents .infoDetail dt:before, #dialog_CVPreview .dialogContents .infoDetail dd:before, #dialog_CVPreview .dialogContents .career .info dt:before, .icon:after, .inputButton input[type="checkbox"] + span:after, .inputButton input[type="radio"] + span:after, .inputButton input[type="checkbox"]:checked + span:after, .inputButton input[type="radio"]:checked + span:after, [data-validation] .validationCheck:after, .dialogContainer .dialog > .buttonIcon:first-child:after, .paging a.prev:after, .paging a.next:after, .toggleItem-style .button.anchor:after, .container.jobIntroducing .contentsContainer .jobList .jobItem .button.anchor:after, .container.faq .contentsContainer .faqList li .button.anchor:after { display: inline-block; direction: ltr; font-family: 'Icons'; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; vertical-align: middle; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; white-space: nowrap; word-wrap: normal; }

i.icon-analyst:before, .icon-analyst { content: ""; }

i.icon-applicant_info:before, .icon-applicant_info, #dialog_CVPreview .dialogContents .infoDetail dt:before { content: ""; }

i.icon-arrow_upward:before, .icon-arrow_upward { content: ""; }

i.icon-article:before, .icon-article { content: ""; }

i.icon-businesssupport:before, .icon-businesssupport { content: ""; }

i.icon-calendar:before, i[data-input-type="month"]:before, i[data-input-type="date"]:before, .icon-calendar, [data-input-type="month"]:before, [data-input-type="date"]:before { content: ""; }

i.icon-close:before, .dialogContainer .dialog > i.buttonIcon:first-child:before, .icon-close, .dialogContainer .dialog > .buttonIcon:first-child:before { content: ""; }

i.icon-contact_mail:before, .icon-contact_mail { content: ""; }

i.icon-delete_file:before, .icon-delete_file { content: ""; }

i.icon-delete:before, .icon-delete { content: ""; }

i.icon-desc:before, .icon-desc, .alertDialogContainer .dialog header:before { content: ""; }

i.icon-design:before, .icon-design { content: ""; }

i.icon-engineer:before, .icon-engineer { content: ""; }

i.icon-find:before, .icon-find { content: ""; }

i.icon-fold:before, [data-input-type="select"] select + i.icon:before, [data-input-type="select"] select + i[data-input-type="month"]:before, [data-input-type="select"] select + i[data-input-type="date"]:before, [data-input-type="select"] [data-validation] select + i.validationCheck:before, [data-validation] [data-input-type="select"] select + i.validationCheck:before, [data-input-type="select"] select + i.validationMessage[data-validation]:before, [data-input-type="select"] .dialogContainer .dialog > select + i.buttonIcon:first-child:before, .dialogContainer [data-input-type="select"] .dialog > select + i.buttonIcon:first-child:before, [data-input-type="dropdown"] .title i.icon:before, [data-input-type="dropdown"] .title i[data-input-type="month"]:before, [data-input-type="dropdown"] .title i[data-input-type="date"]:before, [data-input-type="dropdown"] .title [data-validation] i.validationCheck:before, [data-validation] [data-input-type="dropdown"] .title i.validationCheck:before, [data-input-type="dropdown"] .title i.validationMessage[data-validation]:before, [data-input-type="dropdown"] .title .dialogContainer .dialog > i.buttonIcon:first-child:before, .dialogContainer [data-input-type="dropdown"] .title .dialog > i.buttonIcon:first-child:before, #globalHeader nav > menu > li > button i.icon:before, #globalHeader nav > menu > li > button i[data-input-type="month"]:before, #globalHeader nav > menu > li > button i[data-input-type="date"]:before, #globalHeader nav > menu > li > button [data-validation] i.validationCheck:before, [data-validation] #globalHeader nav > menu > li > button i.validationCheck:before, #globalHeader nav > menu > li > button i.validationMessage[data-validation]:before, #globalHeader nav > menu > li > button .dialogContainer .dialog > i.buttonIcon:first-child:before, .dialogContainer #globalHeader nav > menu > li > button .dialog > i.buttonIcon:first-child:before, .icon-fold, [data-input-type="select"] select + i.icon, [data-input-type="select"] select + i[data-input-type="month"]:before, [data-input-type="select"] select + i[data-input-type="date"]:before, [data-input-type="select"] [data-validation] select + i.validationCheck, [data-validation] [data-input-type="select"] select + i.validationCheck, [data-input-type="select"] select + i.validationMessage[data-validation]:before, [data-input-type="select"] .dialogContainer .dialog > select + i.buttonIcon:first-child, .dialogContainer [data-input-type="select"] .dialog > select + i.buttonIcon:first-child, [data-input-type="dropdown"] .title i.icon, [data-input-type="dropdown"] .title i[data-input-type="month"]:before, [data-input-type="dropdown"] .title i[data-input-type="date"]:before, [data-input-type="dropdown"] .title [data-validation] i.validationCheck, [data-validation] [data-input-type="dropdown"] .title i.validationCheck, [data-input-type="dropdown"] .title i.validationMessage[data-validation]:before, [data-input-type="dropdown"] .title .dialogContainer .dialog > i.buttonIcon:first-child, .dialogContainer [data-input-type="dropdown"] .title .dialog > i.buttonIcon:first-child, .toggleItem-style .button.anchor:after, .container.jobIntroducing .contentsContainer .jobList .jobItem .button.anchor:after, .container.faq .contentsContainer .faqList li .button.anchor:after, #globalHeader nav > menu > li > button i.icon, #globalHeader nav > menu > li > button i[data-input-type="month"]:before, #globalHeader nav > menu > li > button i[data-input-type="date"]:before, #globalHeader nav > menu > li > button [data-validation] i.validationCheck, [data-validation] #globalHeader nav > menu > li > button i.validationCheck, #globalHeader nav > menu > li > button i.validationMessage[data-validation]:before, #globalHeader nav > menu > li > button .dialogContainer .dialog > i.buttonIcon:first-child, .dialogContainer #globalHeader nav > menu > li > button .dialog > i.buttonIcon:first-child, #globalHeader nav > menu > li > button .toggleItem-style i.button.anchor:after, .toggleItem-style #globalHeader nav > menu > li > button i.button.anchor:after, #globalHeader nav > menu > li > button .container.jobIntroducing .contentsContainer .jobList .jobItem i.button.anchor:after, .container.jobIntroducing .contentsContainer .jobList .jobItem #globalHeader nav > menu > li > button i.button.anchor:after, #globalHeader .container.faq .contentsContainer .faqList nav > menu > li > button i.button.anchor:after, .container.faq .contentsContainer .faqList #globalHeader nav > menu > li > button i.button.anchor:after { content: ""; }

i.icon-game_art:before, .icon-game_art { content: ""; }

i.icon-game_business:before, .icon-game_business { content: ""; }

i.icon-game_design:before, .icon-game_design { content: ""; }

i.icon-game_development:before, .icon-game_development { content: ""; }

i.icon-game_sound:before, .icon-game_sound { content: ""; }

i.icon-input_check_checked:before, .icon-input_check_checked, .inputButton input[type="checkbox"]:checked + span:before, .inputButton input[type="radio"]:checked + span:before { content: ""; }

i.icon-input_check:before, .icon-input_check, .inputButton input[type="checkbox"] + span:before, .inputButton input[type="radio"] + span:before { content: ""; }

i.icon-input_radio_checked:before, .icon-input_radio_checked, .inputButton input[type="radio"]:checked + span:before { content: ""; }

i.icon-input_radio:before, .icon-input_radio, .inputButton input[type="radio"] + span:before { content: ""; }

i.icon-it_security:before, .icon-it_security { content: ""; }

i.icon-location:before, .icon-location, #dialog_CVPreview .dialogContents .infoDetail dd.homeAddress:before { content: ""; }

i.icon-login:before, #globalHeader nav > menu + menu li .buttonLogin i:before, .icon-login, #globalHeader nav > menu + menu li .buttonLogin i { content: ""; }

i.icon-logout:before, #globalHeader nav > menu + menu li .buttonLogout i:before, .icon-logout, #globalHeader nav > menu + menu li .buttonLogout i { content: ""; }

i.icon-mail:before, .icon-mail, #dialog_CVPreview .dialogContents .infoDetail dd.email:before { content: ""; }

i.icon-mobile_business:before, .icon-mobile_business { content: ""; }

i.icon-mobile:before, .icon-mobile, #dialog_CVPreview .dialogContents .infoDetail dd.mobile:before { content: ""; }

i.icon-mypage:before, #globalHeader nav > menu + menu li .buttonMypage i:before, .icon-mypage, #globalHeader nav > menu + menu li .buttonMypage i { content: ""; }

i.icon-next:before, .icon-next, .paging a.next:before { content: ""; }

i.icon-oversea_business:before, .icon-oversea_business { content: ""; }

i.icon-oversea:before, .icon-oversea { content: ""; }

i.icon-page_short:before, .icon-page_short { content: ""; }

i.icon-planning:before, .icon-planning { content: ""; }

i.icon-prev:before, .icon-prev, .paging a.prev:before { content: ""; }

i.icon-project_management:before, .icon-project_management { content: ""; }

i.icon-remove_cell:before, .icon-remove_cell { content: ""; }

i.icon-resume:before, .icon-resume { content: ""; }

i.icon-save:before, .icon-save { content: ""; }

i.icon-search:before, .icon-search { content: ""; }

i.icon-signin:before, #globalHeader nav > menu + menu li .buttonJoin i:before, .icon-signin, #globalHeader nav > menu + menu li .buttonJoin i { content: ""; }

i.icon-telephone:before, .icon-telephone, #dialog_CVPreview .dialogContents .infoDetail dd.telephone:before { content: ""; }

i.icon-validation_check:before, i.validationMessage[data-validation="checked"][data-validation]:before, [data-validation][data-validation="checked"] i.validationCheck:before, .icon-validation_check, .validationMessage[data-validation][data-validation="checked"]:before, [data-validation][data-validation="checked"] .validationCheck:before { content: ""; }

i.icon-validation_warining:before, i.validationMessage[data-validation="error"][data-validation]:before, [data-validation][data-validation="error"] i.validationCheck:before, .icon-validation_warining, .validationMessage[data-validation][data-validation="error"]:before, [data-validation][data-validation="error"] .validationCheck:before { content: ""; }

i.icon-visibility_off:before, [data-input-type="password"] input[type="text"] + button i.icon:before, [data-input-type="password"] input[type="text"] + button i[data-input-type="month"]:before, [data-input-type="password"] input[type="text"] + button i[data-input-type="date"]:before, [data-input-type="password"] input[type="text"] + button [data-validation] i.validationCheck:before, [data-validation] [data-input-type="password"] input[type="text"] + button i.validationCheck:before, [data-input-type="password"] input[type="text"] + button i.validationMessage[data-validation]:before, [data-input-type="password"] input[type="text"] + button .dialogContainer .dialog > i.buttonIcon:first-child:before, .dialogContainer [data-input-type="password"] input[type="text"] + button .dialog > i.buttonIcon:first-child:before, .icon-visibility_off, [data-input-type="password"] input[type="text"] + button i.icon, [data-input-type="password"] input[type="text"] + button i[data-input-type="month"]:before, [data-input-type="password"] input[type="text"] + button i[data-input-type="date"]:before, [data-input-type="password"] input[type="text"] + button [data-validation] i.validationCheck, [data-validation] [data-input-type="password"] input[type="text"] + button i.validationCheck, [data-input-type="password"] input[type="text"] + button i.validationMessage[data-validation]:before, [data-input-type="password"] input[type="text"] + button .dialogContainer .dialog > i.buttonIcon:first-child, .dialogContainer [data-input-type="password"] input[type="text"] + button .dialog > i.buttonIcon:first-child, [data-input-type="password"] input[type="text"] + button .toggleItem-style i.button.anchor:after, .toggleItem-style [data-input-type="password"] input[type="text"] + button i.button.anchor:after, [data-input-type="password"] input[type="text"] + button .container.jobIntroducing .contentsContainer .jobList .jobItem i.button.anchor:after, .container.jobIntroducing .contentsContainer .jobList .jobItem [data-input-type="password"] input[type="text"] + button i.button.anchor:after, [data-input-type="password"] input[type="text"] + button .container.faq .contentsContainer .faqList li i.button.anchor:after, .container.faq .contentsContainer .faqList li [data-input-type="password"] input[type="text"] + button i.button.anchor:after { content: ""; }

i.icon-visibility:before, [data-input-type="password"] input[type="password"] + button i.icon:before, [data-input-type="password"] input[type="password"] + button i[data-input-type="month"]:before, [data-input-type="password"] input[type="password"] + button i[data-input-type="date"]:before, [data-input-type="password"] input[type="password"] + button [data-validation] i.validationCheck:before, [data-validation] [data-input-type="password"] input[type="password"] + button i.validationCheck:before, [data-input-type="password"] input[type="password"] + button i.validationMessage[data-validation]:before, [data-input-type="password"] input[type="password"] + button .dialogContainer .dialog > i.buttonIcon:first-child:before, .dialogContainer [data-input-type="password"] input[type="password"] + button .dialog > i.buttonIcon:first-child:before, .icon-visibility, [data-input-type="password"] input[type="password"] + button i.icon, [data-input-type="password"] input[type="password"] + button i[data-input-type="month"]:before, [data-input-type="password"] input[type="password"] + button i[data-input-type="date"]:before, [data-input-type="password"] input[type="password"] + button [data-validation] i.validationCheck, [data-validation] [data-input-type="password"] input[type="password"] + button i.validationCheck, [data-input-type="password"] input[type="password"] + button i.validationMessage[data-validation]:before, [data-input-type="password"] input[type="password"] + button .dialogContainer .dialog > i.buttonIcon:first-child, .dialogContainer [data-input-type="password"] input[type="password"] + button .dialog > i.buttonIcon:first-child, [data-input-type="password"] input[type="password"] + button .toggleItem-style i.button.anchor:after, .toggleItem-style [data-input-type="password"] input[type="password"] + button i.button.anchor:after, [data-input-type="password"] input[type="password"] + button .container.jobIntroducing .contentsContainer .jobList .jobItem i.button.anchor:after, .container.jobIntroducing .contentsContainer .jobList .jobItem [data-input-type="password"] input[type="password"] + button i.button.anchor:after, [data-input-type="password"] input[type="password"] + button .container.faq .contentsContainer .faqList li i.button.anchor:after, .container.faq .contentsContainer .faqList li [data-input-type="password"] input[type="password"] + button i.button.anchor:after { content: ""; }

i.icon-workplace:before, .icon-workplace, #dialog_CVPreview .dialogContents .career .info dt:before { content: ""; }

i.icon-write:before, .icon-write { content: ""; }

html, body { position: relative; min-height: 100vh; }

body { min-width: 1280px; background-color: #F9F9F9; font: 14px/1.571  "NEXON Gothic",  -apple-system,  BlinkMacSystemFont,  "Segoe UI",  Roboto,  Oxygen-Sans,  Ubuntu,  Cantarell,  "Helvetica Neue",  san-serif; }

ul, ol, menu, fieldset, p, dl, dt, dd, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }

li { list-style: none; }

form { max-width: 100%; }

fieldset { border: 0; }

:focus { outline: none; }

img { border: 0; }

.blind, .inputButton input[type="checkbox"], .inputButton input[type="radio"], [data-input-type="switchGroup"] label input[type="radio"], .wrapInput.wrapSNSLogin label > input[type="checkbox"], [data-input-type="sort"] .tag input, .container.join .contentsContainer .authentication > label > input, .container.CVRegister .contentsContainer .CV .inputFile input[type="file"], .container.jobIntroducing .contentsContainer header label input { position: absolute; }

.blind:not(input), .inputButton input:not(input)[type="checkbox"], .inputButton input:not(input)[type="radio"], [data-input-type="switchGroup"] label input:not(input)[type="radio"], .wrapInput.wrapSNSLogin label > input:not(input)[type="checkbox"], [data-input-type="sort"] .tag input:not(input), .container.join .contentsContainer .authentication > label > input:not(input), .container.CVRegister .contentsContainer .CV .inputFile input:not(input)[type="file"], .container.jobIntroducing .contentsContainer header label input:not(input) { overflow: hidden; width: 0; height: 0; white-space: nowarp; }

input.blind, .inputButton input[type="checkbox"], .inputButton input[type="radio"], [data-input-type="switchGroup"] label input[type="radio"], .wrapInput.wrapSNSLogin label > input[type="checkbox"], [data-input-type="sort"] .tag input, .container.join .contentsContainer .authentication > label > input, .container.CVRegister .contentsContainer .CV .inputFile input[type="file"], .container.jobIntroducing .contentsContainer header label input { opacity: 0; }

i.icon, i[data-input-type="month"]:before, i[data-input-type="date"]:before, [data-validation] i.validationCheck, i.validationMessage[data-validation]:before, .dialogContainer .dialog > i.buttonIcon:first-child, .toggleItem-style i.button.anchor:after, .container.jobIntroducing .contentsContainer .jobList .jobItem i.button.anchor:after, .container.faq .contentsContainer .faqList li i.button.anchor:after { vertical-align: middle; }

.button-style, a[href], .button-text-style, .button.text, [data-input-type="dropdown"] li > a, [data-input-type="dropdown"] li > button, .buttonIcon, .button.box, [data-input-type="switchGroup"] label input[type="radio"] + span, .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span, .paging a, #dialog_CVPreview .dialogContents .addFileList dt, .button.anchor, .inputButton, [data-input-type="switchGroup"] label, .wrapInput.wrapSNSLogin label, .wrapPostGroup .tagGroup .tag, #globalHeader h1 > a, #globalHeader nav > menu > li > a, #globalHeader nav > menu > li > button, #globalHeader nav > menu > li [data-input-type="dropdown"] > a, #globalHeader .familySite > div menu > li a { display: inline-block; background-color: transparent; border: none; box-sizing: border-box; color: inherit; cursor: pointer; font: inherit; text-align: center; vertical-align: middle; }

a.button-style, a[href], a.button-text-style, a.button.text, [data-input-type="dropdown"] li > a, a.buttonIcon, a.button.box, .paging a, a.button.anchor, a.inputButton, .wrapPostGroup .tagGroup a.tag, #globalHeader h1 > a, #globalHeader nav > menu > li > a, #globalHeader nav > menu > li [data-input-type="dropdown"] > a, #globalHeader .familySite > div menu > li a, a.button-style:hover, a:hover[href], a.button-text-style:hover, a.button.text:hover, [data-input-type="dropdown"] li > a:hover, a.buttonIcon:hover, a.button.box:hover, .paging a:hover, a.button.anchor:hover, a.inputButton:hover, .wrapPostGroup .tagGroup a.tag:hover, #globalHeader h1 > a:hover, #globalHeader nav > menu > li > a:hover, #globalHeader nav > menu > li [data-input-type="dropdown"] > a:hover, #globalHeader .familySite > div menu > li a:hover { text-decoration: none; }

.button-style:hover, a:hover[href], .button-text-style:hover, .button.text:hover, [data-input-type="dropdown"] li > a:hover, [data-input-type="dropdown"] li > button:hover, .buttonIcon:hover, .button.box:hover, [data-input-type="switchGroup"] label input[type="radio"] + span:hover, .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span:hover, .paging a:hover, #dialog_CVPreview .dialogContents .addFileList dt:hover, .button.anchor:hover, .inputButton:hover, [data-input-type="switchGroup"] label:hover, .wrapInput.wrapSNSLogin label:hover, .wrapPostGroup .tagGroup .tag:hover, #globalHeader h1 > a:hover, #globalHeader nav > menu > li > a:hover, #globalHeader nav > menu > li > button:hover, #globalHeader nav > menu > li [data-input-type="dropdown"] > a:hover, #globalHeader .familySite > div menu > li a:hover { color: #007AFF; }

.button-style:active, a:active[href], .button-text-style:active, .button.text:active, [data-input-type="dropdown"] li > a:active, [data-input-type="dropdown"] li > button:active, .buttonIcon:active, .button.box:active, [data-input-type="switchGroup"] label input[type="radio"] + span:active, .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span:active, .paging a:active, .paging a[data-active], #dialog_CVPreview .dialogContents .addFileList dt:active, .button.anchor:active, .inputButton:active, [data-input-type="switchGroup"] label:active, .wrapInput.wrapSNSLogin label:active, .wrapPostGroup .tagGroup .tag:active, .wrapPostGroup .tagGroup .paging a.tag[data-active], .paging .wrapPostGroup .tagGroup a.tag[data-active], .paging #globalHeader h1 > a[data-active], #globalHeader .paging h1 > a[data-active], .paging #globalHeader nav > menu > li > a[data-active], #globalHeader .paging nav > menu > li > a[data-active], .paging #globalHeader nav > menu > li [data-input-type="dropdown"] > a[data-active], #globalHeader nav > menu > li .paging [data-input-type="dropdown"] > a[data-active], .paging #globalHeader .familySite > div menu > li a[data-active], #globalHeader .familySite > div menu > li .paging a[data-active], #globalHeader h1 > a:active, #globalHeader nav > menu > li > a:active, #globalHeader nav > menu > li > button:active, #globalHeader nav > menu > li [data-input-type="dropdown"] > a:active, #globalHeader .familySite > div menu > li a:active { color: #1E6EC6; }

.button-style:disabled, a:disabled[href], .button-text-style:disabled, .button.text:disabled, [data-input-type="dropdown"] li > a:disabled, [data-input-type="dropdown"] li > button:disabled, .buttonIcon:disabled, .button.box:disabled, [data-input-type="switchGroup"] label input[type="radio"] + span:disabled, .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span:disabled, .paging a:disabled, #dialog_CVPreview .dialogContents .addFileList dt:disabled, .button.anchor:disabled, .inputButton:disabled, [data-input-type="switchGroup"] label:disabled, .wrapInput.wrapSNSLogin label:disabled, .wrapPostGroup .tagGroup .tag:disabled, #globalHeader h1 > a:disabled, #globalHeader nav > menu > li > a:disabled, #globalHeader nav > menu > li > button:disabled, #globalHeader nav > menu > li [data-input-type="dropdown"] > a:disabled, #globalHeader .familySite > div menu > li a:disabled { cursor: auto; }

a[href] { color: #007AFF; }

a[href]:hover { text-decoration: underline; }

.button-text-style:not(:hover), .button.text:not(:hover), [data-input-type="dropdown"] li > a:not(:hover), [data-input-type="dropdown"] li > button:not(:hover) { color: #262626; }

.button-text-style:hover, .button.text:hover, [data-input-type="dropdown"] li > a:hover, [data-input-type="dropdown"] li > button:hover { text-decoration: underline; }

.button-text-style:active, .button.text:active, .paging a.button.text[data-active], [data-input-type="dropdown"] li > a:active, [data-input-type="dropdown"] .paging li > a[data-active], .paging [data-input-type="dropdown"] li > a[data-active], [data-input-type="dropdown"] li > button:active, .paging a.button-text-style[data-active] { color: #1E6EC6; }

.buttonIcon { padding: 0; font-size: 0; line-height: 1; }

.buttonIcon i { height: inherit; font-size: 0; }

.buttonIcon i, .buttonIcon i:before { vertical-align: top; }

.button.text:not(:hover) { text-decoration: underline; }

.button.text.tinted, [data-input-type="switchGroup"] label input[type="radio"]:checked + span.button.text, .wrapInput.wrapSNSLogin label > input[type="checkbox"]:checked + span.button.text, .container.join .contentsContainer .authentication > label > input:checked + button.button.text, .container.myPage .contentsContainer header dl dd.button.text { color: #007AFF; }

.button.text.tinted:hover, [data-input-type="switchGroup"] label input[type="radio"]:checked + span.button.text:hover, .wrapInput.wrapSNSLogin label > input[type="checkbox"]:checked + span.button.text:hover, .container.join .contentsContainer .authentication > label > input:checked + button.button.text:hover, .container.myPage .contentsContainer header dl dd.button.text:hover { color: #40A9FF; }

.button.text.tinted:active, [data-input-type="switchGroup"] label input[type="radio"]:checked + span.button.text:active, .wrapInput.wrapSNSLogin label > input[type="checkbox"]:checked + span.button.text:active, .paging a.button.text.tinted[data-active], .container.join .contentsContainer .authentication > label > input:checked + button.button.text:active, .container.myPage .contentsContainer header dl dd.button.text:active { color: #096DD9; }

.button.box, [data-input-type="switchGroup"] label input[type="radio"] + span, .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span, .paging a, #dialog_CVPreview .dialogContents .addFileList dt { padding: 8px 16px; background-color: #fff; border: 1px solid #C2C9D1; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; }

.button.box:hover:not(.tinted), [data-input-type="switchGroup"] label input[type="radio"] + span:hover:not(.tinted), .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span:hover:not(.tinted), .paging a:hover:not(.tinted), #dialog_CVPreview .dialogContents .addFileList dt:hover:not(.tinted) { border-color: #40A9FF; }

.button.box:active:not(.tinted), [data-input-type="switchGroup"] label input[type="radio"] + span:active:not(.tinted), .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span:active:not(.tinted), .paging a:active:not(.tinted), .paging a:not(.tinted)[data-active], #dialog_CVPreview .dialogContents .addFileList dt:active:not(.tinted) { border-color: #096DD9; }

.button.box:disabled(.tinted, [data-input-type="switchGroup"] label input[type="radio"]:checked + span, .wrapInput.wrapSNSLogin label > input[type="checkbox"]:checked + span, .container.join .contentsContainer .authentication > label > input:checked + button, .container.myPage .contentsContainer header dl dd), [data-input-type="switchGroup"] label input[type="radio"] + span:disabled(.tinted, [data-input-type="switchGroup"] label input[type="radio"]:checked + span, .wrapInput.wrapSNSLogin label > input[type="checkbox"]:checked + span, .container.join .contentsContainer .authentication > label > input:checked + button, .container.myPage .contentsContainer header dl dd), .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span:disabled(.tinted, [data-input-type="switchGroup"] label input[type="radio"]:checked + span, .wrapInput.wrapSNSLogin label > input[type="checkbox"]:checked + span, .container.join .contentsContainer .authentication > label > input:checked + button, .container.myPage .contentsContainer header dl dd), .paging a:disabled(.tinted, [data-input-type="switchGroup"] label input[type="radio"]:checked + span, .wrapInput.wrapSNSLogin label > input[type="checkbox"]:checked + span, .container.join .contentsContainer .authentication > label > input:checked + button, .container.myPage .contentsContainer header dl dd), #dialog_CVPreview .dialogContents .addFileList dt:disabled(.tinted, [data-input-type="switchGroup"] label input[type="radio"]:checked + span, .wrapInput.wrapSNSLogin label > input[type="checkbox"]:checked + span, .container.join .contentsContainer .authentication > label > input:checked + button, .container.myPage .contentsContainer header dl dd) { opacity: .6; }

.button.box i[class^="icon-"], [data-input-type="switchGroup"] label input[type="radio"] + span i[class^="icon-"], .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span i[class^="icon-"], .paging a i[class^="icon-"], #dialog_CVPreview .dialogContents .addFileList dt i[class^="icon-"], .button.box i[class*=" icon-"], [data-input-type="switchGroup"] label input[type="radio"] + span i[class*=" icon-"], .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span i[class*=" icon-"], .paging a i[class*=" icon-"], #dialog_CVPreview .dialogContents .addFileList dt i[class*=" icon-"], .button.box i.icon, [data-input-type="switchGroup"] label input[type="radio"] + span i.icon, .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span i.icon, .paging a i.icon, #dialog_CVPreview .dialogContents .addFileList dt i.icon, .button.box i[data-input-type="month"]:before, [data-input-type="switchGroup"] label input[type="radio"] + span i[data-input-type="month"]:before, .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span i[data-input-type="month"]:before, .paging a i[data-input-type="month"]:before, #dialog_CVPreview .dialogContents .addFileList dt i[data-input-type="month"]:before, .button.box i[data-input-type="date"]:before, [data-input-type="switchGroup"] label input[type="radio"] + span i[data-input-type="date"]:before, .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span i[data-input-type="date"]:before, .paging a i[data-input-type="date"]:before, #dialog_CVPreview .dialogContents .addFileList dt i[data-input-type="date"]:before, .button.box [data-validation] i.validationCheck, [data-validation] .button.box i.validationCheck, [data-input-type="switchGroup"] label input[type="radio"] + span [data-validation] i.validationCheck, [data-validation] [data-input-type="switchGroup"] label input[type="radio"] + span i.validationCheck, .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span [data-validation] i.validationCheck, [data-validation] .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span i.validationCheck, .paging a [data-validation] i.validationCheck, [data-validation] .paging a i.validationCheck, #dialog_CVPreview .dialogContents .addFileList dt [data-validation] i.validationCheck, [data-validation] #dialog_CVPreview .dialogContents .addFileList dt i.validationCheck, .button.box i.validationMessage[data-validation]:before, [data-input-type="switchGroup"] label input[type="radio"] + span i.validationMessage[data-validation]:before, .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span i.validationMessage[data-validation]:before, .paging a i.validationMessage[data-validation]:before, #dialog_CVPreview .dialogContents .addFileList dt i.validationMessage[data-validation]:before, .button.box .dialogContainer .dialog > i.buttonIcon:first-child, .dialogContainer .button.box .dialog > i.buttonIcon:first-child, [data-input-type="switchGroup"] label input[type="radio"] + span .dialogContainer .dialog > i.buttonIcon:first-child, .dialogContainer [data-input-type="switchGroup"] label input[type="radio"] + span .dialog > i.buttonIcon:first-child, .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span .dialogContainer .dialog > i.buttonIcon:first-child, .dialogContainer .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span .dialog > i.buttonIcon:first-child, .paging a .dialogContainer .dialog > i.buttonIcon:first-child, .dialogContainer .paging a .dialog > i.buttonIcon:first-child, #dialog_CVPreview .dialogContents .addFileList dt .dialogContainer .dialog > i.buttonIcon:first-child, .dialogContainer #dialog_CVPreview .dialogContents .addFileList dt .dialog > i.buttonIcon:first-child, .button.box .toggleItem-style i.button.anchor:after, .toggleItem-style .button.box i.button.anchor:after, [data-input-type="switchGroup"] label input[type="radio"] + span .toggleItem-style i.button.anchor:after, .toggleItem-style [data-input-type="switchGroup"] label input[type="radio"] + span i.button.anchor:after, .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span .toggleItem-style i.button.anchor:after, .toggleItem-style .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span i.button.anchor:after, .paging a .toggleItem-style i.button.anchor:after, .toggleItem-style .paging a i.button.anchor:after, #dialog_CVPreview .dialogContents .addFileList dt .toggleItem-style i.button.anchor:after, .toggleItem-style #dialog_CVPreview .dialogContents .addFileList dt i.button.anchor:after, .button.box .container.jobIntroducing .contentsContainer .jobList .jobItem i.button.anchor:after, .container.jobIntroducing .contentsContainer .jobList .jobItem .button.box i.button.anchor:after, [data-input-type="switchGroup"] label input[type="radio"] + span .container.jobIntroducing .contentsContainer .jobList .jobItem i.button.anchor:after, .container.jobIntroducing .contentsContainer .jobList .jobItem [data-input-type="switchGroup"] label input[type="radio"] + span i.button.anchor:after, .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span .container.jobIntroducing .contentsContainer .jobList .jobItem i.button.anchor:after, .container.jobIntroducing .contentsContainer .jobList .jobItem .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span i.button.anchor:after, .paging a .container.jobIntroducing .contentsContainer .jobList .jobItem i.button.anchor:after, .container.jobIntroducing .contentsContainer .jobList .jobItem .paging a i.button.anchor:after, #dialog_CVPreview .dialogContents .addFileList dt .container.jobIntroducing .contentsContainer .jobList .jobItem i.button.anchor:after, .container.jobIntroducing .contentsContainer .jobList .jobItem #dialog_CVPreview .dialogContents .addFileList dt i.button.anchor:after, .button.box .container.faq .contentsContainer .faqList li i.button.anchor:after, .container.faq .contentsContainer .faqList li .button.box i.button.anchor:after, [data-input-type="switchGroup"] label input[type="radio"] + span .container.faq .contentsContainer .faqList li i.button.anchor:after, .container.faq .contentsContainer .faqList li [data-input-type="switchGroup"] label input[type="radio"] + span i.button.anchor:after, .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span .container.faq .contentsContainer .faqList li i.button.anchor:after, .container.faq .contentsContainer .faqList li .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span i.button.anchor:after, .paging a .container.faq .contentsContainer .faqList li i.button.anchor:after, .container.faq .contentsContainer .faqList li .paging a i.button.anchor:after, #dialog_CVPreview .dialogContents .addFileList dt .container.faq .contentsContainer .faqList li i.button.anchor:after, .container.faq .contentsContainer .faqList li #dialog_CVPreview .dialogContents .addFileList dt i.button.anchor:after { margin: -2px 6px -2px -12px; }

.button.box.large, [data-input-type="switchGroup"] label input[type="radio"] + span.large, .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span.large, .paging a.large, #dialog_CVPreview .dialogContents .addFileList dt.large { font-size: 15.9992px; }

.button.box.tinted, [data-input-type="switchGroup"] label input[type="radio"] + span.tinted, [data-input-type="switchGroup"] label input[type="radio"]:checked + span, .wrapInput.wrapSNSLogin [data-input-type="switchGroup"] label > input[type="checkbox"]:checked[type="radio"] + span, .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span.tinted, .wrapInput.wrapSNSLogin label > input[type="checkbox"]:checked + span, .paging a.tinted, .container.join .contentsContainer .authentication > label > input:checked + button.button.box, #dialog_CVPreview .dialogContents .addFileList dt.tinted, .container.myPage .contentsContainer header dl dd.button.box { padding: 8px 16px; background-color: #1890FF; border-color: transparent; color: #fff !important; }

.button.box.tinted:hover, [data-input-type="switchGroup"] label input[type="radio"] + span.tinted:hover, [data-input-type="switchGroup"] label input[type="radio"]:checked + span:hover, .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span.tinted:hover, .wrapInput.wrapSNSLogin label > input[type="checkbox"]:checked + span:hover, .paging a.tinted:hover, .container.join .contentsContainer .authentication > label > input:checked + button.button.box:hover, #dialog_CVPreview .dialogContents .addFileList dt.tinted:hover, .container.myPage .contentsContainer header dl dd.button.box:hover { background-color: #40A9FF; }

.button.box.tinted:active, [data-input-type="switchGroup"] label input[type="radio"] + span.tinted:active, [data-input-type="switchGroup"] label input[type="radio"]:checked + span:active, .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span.tinted:active, .wrapInput.wrapSNSLogin label > input[type="checkbox"]:checked + span:active, .paging a.tinted:active, .paging a.tinted[data-active], .container.join .contentsContainer .authentication > label > input:checked + button.button.box:active, #dialog_CVPreview .dialogContents .addFileList dt.tinted:active, .container.myPage .contentsContainer header dl dd.button.box:active { background-color: #096DD9; }

.button.box.tinted:disabled, [data-input-type="switchGroup"] label input[type="radio"] + span.tinted:disabled, [data-input-type="switchGroup"] label input[type="radio"]:checked + span:disabled, .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span.tinted:disabled, .wrapInput.wrapSNSLogin label > input[type="checkbox"]:checked + span:disabled, .paging a.tinted:disabled, .container.join .contentsContainer .authentication > label > input:checked + button.button.box:disabled, #dialog_CVPreview .dialogContents .addFileList dt.tinted:disabled, .container.myPage .contentsContainer header dl dd.button.box:disabled { background-color: #F5F5F5; color: #BFBFBF !important; }

.button.box.dashed, [data-input-type="switchGroup"] label input[type="radio"] + span.dashed, .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span.dashed, .paging a.dashed, #dialog_CVPreview .dialogContents .addFileList dt.dashed { padding-top: 5px; padding-bottom: 5px; border-style: dashed; }

.button.anchor { border: none; }

/* 체크박스, 라디오버튼 디자인 */
.inputButton { text-align: left; }

.inputButton input[type="checkbox"] + span, .inputButton input[type="radio"] + span { margin-left: -4px; color: #262626; }

.inputButton input[type="checkbox"] + span:before, .inputButton input[type="radio"] + span:before { margin: -3px 4px 0 0; color: #D9D9D9; }

.inputButton input[type="checkbox"]:checked + span:before, .inputButton input[type="radio"]:checked + span:before { color: #1890FF; }

select, input[type="text"], input[type="tel"], input[type="email"], input[type="month"], input[type="date"], input[type="password"], input[type="search"], .filePath, textarea { width: 100%; height: 40px; padding: 0 8px; background-color: #fff; border: 1px solid #C2C9D1; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; box-sizing: border-box; color: #000; font: inherit; }

select[disabled], select:not(select)[readonly], input[type="text"][disabled], input[type="text"]:not(select)[readonly], input[type="tel"][disabled], input[type="tel"]:not(select)[readonly], input[type="email"][disabled], input[type="email"]:not(select)[readonly], input[type="month"][disabled], input[type="month"]:not(select)[readonly], input[type="date"][disabled], input[type="date"]:not(select)[readonly], input[type="password"][disabled], input[type="password"]:not(select)[readonly], input[type="search"][disabled], input[type="search"]:not(select)[readonly], .filePath[disabled], .filePath:not(select)[readonly], textarea[disabled], textarea:not(select)[readonly] { background-color: #F5F5F5; }

input[type="text"]:not([readonly]):focus, input[type="tel"]:not([readonly]):focus, input[type="email"]:not([readonly]):focus, input[type="month"]:not([readonly]):focus, input[type="date"]:not([readonly]):focus, input[type="password"]:not([readonly]):focus, input[type="search"]:not([readonly]):focus, .filePath:not([readonly]):focus, textarea:not([readonly]):focus { border-color: #096DD9; }

select { cursor: pointer; }

select:not([readonly]):hover { border-color: #096DD9; }

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; }

input[type="search"]::-ms-clear, input[type="search"]::-ms-reveal { display: none; width: 0; height: 0; }

textarea { height: auto; padding: 19px; resize: vertical; vertical-align: top; }

.wrap-input-style, [data-input-type="select"], [data-input-type="password"], [data-input-type="month"], [data-input-type="date"], [data-input-type="search"] { /* input text style */ display: inline-block; position: relative; width: 100%; vertical-align: middle; }

span.wrap-input-style, span[data-input-type="select"], span[data-input-type="password"], span[data-input-type="month"], span[data-input-type="date"], span[data-input-type="search"] { width: 186px; }

.wrap-input-style > input, [data-input-type="select"] > input, [data-input-type="password"] > input, [data-input-type="month"] > input, [data-input-type="date"] > input, [data-input-type="search"] > input, .wrap-input-style > select, [data-input-type="select"] > select, [data-input-type="password"] > select, [data-input-type="month"] > select, [data-input-type="date"] > select, [data-input-type="search"] > select { width: 100%; padding-right: 32px; }

.wrap-input-style > input + button, [data-input-type="select"] > input + button, [data-input-type="password"] > input + button, [data-input-type="month"] > input + button, [data-input-type="date"] > input + button, [data-input-type="search"] > input + button, .wrap-input-style > input + i.icon, [data-input-type="select"] > input + i.icon, [data-input-type="password"] > input + i.icon, [data-input-type="month"] > input + i.icon, [data-input-type="date"] > input + i.icon, [data-input-type="search"] > input + i.icon, .wrap-input-style > input + i[data-input-type="month"]:before, [data-input-type="select"] > input + i[data-input-type="month"]:before, [data-input-type="password"] > input + i[data-input-type="month"]:before, [data-input-type="month"] > input + i[data-input-type="month"]:before, [data-input-type="date"] > input + i[data-input-type="month"]:before, [data-input-type="search"] > input + i[data-input-type="month"]:before, .wrap-input-style > input + i[data-input-type="date"]:before, [data-input-type="select"] > input + i[data-input-type="date"]:before, [data-input-type="password"] > input + i[data-input-type="date"]:before, [data-input-type="month"] > input + i[data-input-type="date"]:before, [data-input-type="date"] > input + i[data-input-type="date"]:before, [data-input-type="search"] > input + i[data-input-type="date"]:before, [data-validation] .wrap-input-style > input + i.validationCheck, [data-validation] [data-input-type="select"] > input + i.validationCheck, [data-validation] [data-input-type="password"] > input + i.validationCheck, [data-validation] [data-input-type="month"] > input + i.validationCheck, [data-validation] [data-input-type="date"] > input + i.validationCheck, [data-validation] [data-input-type="search"] > input + i.validationCheck, .wrap-input-style > input + i.validationMessage[data-validation]:before, [data-input-type="select"] > input + i.validationMessage[data-validation]:before, [data-input-type="password"] > input + i.validationMessage[data-validation]:before, [data-input-type="month"] > input + i.validationMessage[data-validation]:before, [data-input-type="date"] > input + i.validationMessage[data-validation]:before, [data-input-type="search"] > input + i.validationMessage[data-validation]:before, .dialogContainer .dialog.wrap-input-style > input + i.buttonIcon:first-child, .dialogContainer .dialog[data-input-type="select"] > input + i.buttonIcon:first-child, .dialogContainer .dialog[data-input-type="password"] > input + i.buttonIcon:first-child, .dialogContainer .dialog[data-input-type="month"] > input + i.buttonIcon:first-child, .dialogContainer .dialog[data-input-type="date"] > input + i.buttonIcon:first-child, .dialogContainer .dialog[data-input-type="search"] > input + i.buttonIcon:first-child, .toggleItem-style .wrap-input-style > input + i.button.anchor:after, .toggleItem-style [data-input-type="select"] > input + i.button.anchor:after, .toggleItem-style [data-input-type="password"] > input + i.button.anchor:after, .toggleItem-style [data-input-type="month"] > input + i.button.anchor:after, .toggleItem-style [data-input-type="date"] > input + i.button.anchor:after, .toggleItem-style [data-input-type="search"] > input + i.button.anchor:after, .container.jobIntroducing .contentsContainer .jobList .jobItem .wrap-input-style > input + i.button.anchor:after, .container.jobIntroducing .contentsContainer .jobList .jobItem [data-input-type="select"] > input + i.button.anchor:after, .container.jobIntroducing .contentsContainer .jobList .jobItem [data-input-type="password"] > input + i.button.anchor:after, .container.jobIntroducing .contentsContainer .jobList .jobItem [data-input-type="month"] > input + i.button.anchor:after, .container.jobIntroducing .contentsContainer .jobList .jobItem [data-input-type="date"] > input + i.button.anchor:after, .container.jobIntroducing .contentsContainer .jobList .jobItem [data-input-type="search"] > input + i.button.anchor:after, .container.faq .contentsContainer .faqList li .wrap-input-style > input + i.button.anchor:after, .container.faq .contentsContainer .faqList li [data-input-type="select"] > input + i.button.anchor:after, .container.faq .contentsContainer .faqList li [data-input-type="password"] > input + i.button.anchor:after, .container.faq .contentsContainer .faqList li [data-input-type="month"] > input + i.button.anchor:after, .container.faq .contentsContainer .faqList li [data-input-type="date"] > input + i.button.anchor:after, .container.faq .contentsContainer .faqList li [data-input-type="search"] > input + i.button.anchor:after, .wrap-input-style > select + button, [data-input-type="select"] > select + button, [data-input-type="password"] > select + button, [data-input-type="month"] > select + button, [data-input-type="date"] > select + button, [data-input-type="search"] > select + button, .wrap-input-style > select + i.icon, [data-input-type="select"] > select + i.icon, [data-input-type="password"] > select + i.icon, [data-input-type="month"] > select + i.icon, [data-input-type="date"] > select + i.icon, [data-input-type="search"] > select + i.icon, .wrap-input-style > select + i[data-input-type="month"]:before, [data-input-type="select"] > select + i[data-input-type="month"]:before, [data-input-type="password"] > select + i[data-input-type="month"]:before, [data-input-type="month"] > select + i[data-input-type="month"]:before, [data-input-type="date"] > select + i[data-input-type="month"]:before, [data-input-type="search"] > select + i[data-input-type="month"]:before, .wrap-input-style > select + i[data-input-type="date"]:before, [data-input-type="select"] > select + i[data-input-type="date"]:before, [data-input-type="password"] > select + i[data-input-type="date"]:before, [data-input-type="month"] > select + i[data-input-type="date"]:before, [data-input-type="date"] > select + i[data-input-type="date"]:before, [data-input-type="search"] > select + i[data-input-type="date"]:before, [data-validation] .wrap-input-style > select + i.validationCheck, [data-validation] [data-input-type="select"] > select + i.validationCheck, [data-validation] [data-input-type="password"] > select + i.validationCheck, [data-validation] [data-input-type="month"] > select + i.validationCheck, [data-validation] [data-input-type="date"] > select + i.validationCheck, [data-validation] [data-input-type="search"] > select + i.validationCheck, .wrap-input-style > select + i.validationMessage[data-validation]:before, [data-input-type="select"] > select + i.validationMessage[data-validation]:before, [data-input-type="password"] > select + i.validationMessage[data-validation]:before, [data-input-type="month"] > select + i.validationMessage[data-validation]:before, [data-input-type="date"] > select + i.validationMessage[data-validation]:before, [data-input-type="search"] > select + i.validationMessage[data-validation]:before, .dialogContainer .dialog.wrap-input-style > select + i.buttonIcon:first-child, .dialogContainer .dialog[data-input-type="select"] > select + i.buttonIcon:first-child, .dialogContainer .dialog[data-input-type="password"] > select + i.buttonIcon:first-child, .dialogContainer .dialog[data-input-type="month"] > select + i.buttonIcon:first-child, .dialogContainer .dialog[data-input-type="date"] > select + i.buttonIcon:first-child, .dialogContainer .dialog[data-input-type="search"] > select + i.buttonIcon:first-child, .toggleItem-style .wrap-input-style > select + i.button.anchor:after, .toggleItem-style [data-input-type="select"] > select + i.button.anchor:after, .toggleItem-style [data-input-type="password"] > select + i.button.anchor:after, .toggleItem-style [data-input-type="month"] > select + i.button.anchor:after, .toggleItem-style [data-input-type="date"] > select + i.button.anchor:after, .toggleItem-style [data-input-type="search"] > select + i.button.anchor:after, .container.jobIntroducing .contentsContainer .jobList .jobItem .wrap-input-style > select + i.button.anchor:after, .container.jobIntroducing .contentsContainer .jobList .jobItem [data-input-type="select"] > select + i.button.anchor:after, .container.jobIntroducing .contentsContainer .jobList .jobItem [data-input-type="password"] > select + i.button.anchor:after, .container.jobIntroducing .contentsContainer .jobList .jobItem [data-input-type="month"] > select + i.button.anchor:after, .container.jobIntroducing .contentsContainer .jobList .jobItem [data-input-type="date"] > select + i.button.anchor:after, .container.jobIntroducing .contentsContainer .jobList .jobItem [data-input-type="search"] > select + i.button.anchor:after, .container.faq .contentsContainer .faqList li .wrap-input-style > select + i.button.anchor:after, .container.faq .contentsContainer .faqList li [data-input-type="select"] > select + i.button.anchor:after, .container.faq .contentsContainer .faqList li [data-input-type="password"] > select + i.button.anchor:after, .container.faq .contentsContainer .faqList li [data-input-type="month"] > select + i.button.anchor:after, .container.faq .contentsContainer .faqList li [data-input-type="date"] > select + i.button.anchor:after, .container.faq .contentsContainer .faqList li [data-input-type="search"] > select + i.button.anchor:after { position: absolute; top: calc(50% - 12px); right: 5px; }

.wrap-input-style > input + button:not(:hover):not(:active), [data-input-type="select"] > input + button:not(:hover):not(:active), [data-input-type="password"] > input + button:not(:hover):not(:active), [data-input-type="month"] > input + button:not(:hover):not(:active), [data-input-type="date"] > input + button:not(:hover):not(:active), [data-input-type="search"] > input + button:not(:hover):not(:active), .wrap-input-style > select + button:not(:hover):not(:active), [data-input-type="select"] > select + button:not(:hover):not(:active), [data-input-type="password"] > select + button:not(:hover):not(:active), [data-input-type="month"] > select + button:not(:hover):not(:active), [data-input-type="date"] > select + button:not(:hover):not(:active), [data-input-type="search"] > select + button:not(:hover):not(:active) { color: #A7A7A7; }

.wrap-input-style > input + i.icon, [data-input-type="select"] > input + i.icon, [data-input-type="password"] > input + i.icon, [data-input-type="month"] > input + i.icon, [data-input-type="date"] > input + i.icon, [data-input-type="search"] > input + i.icon, .wrap-input-style > input + i[data-input-type="month"]:before, [data-input-type="select"] > input + i[data-input-type="month"]:before, [data-input-type="password"] > input + i[data-input-type="month"]:before, [data-input-type="month"] > input + i[data-input-type="month"]:before, [data-input-type="date"] > input + i[data-input-type="month"]:before, [data-input-type="search"] > input + i[data-input-type="month"]:before, .wrap-input-style > input + i[data-input-type="date"]:before, [data-input-type="select"] > input + i[data-input-type="date"]:before, [data-input-type="password"] > input + i[data-input-type="date"]:before, [data-input-type="month"] > input + i[data-input-type="date"]:before, [data-input-type="date"] > input + i[data-input-type="date"]:before, [data-input-type="search"] > input + i[data-input-type="date"]:before, [data-validation] .wrap-input-style > input + i.validationCheck, [data-validation] [data-input-type="select"] > input + i.validationCheck, [data-validation] [data-input-type="password"] > input + i.validationCheck, [data-validation] [data-input-type="month"] > input + i.validationCheck, [data-validation] [data-input-type="date"] > input + i.validationCheck, [data-validation] [data-input-type="search"] > input + i.validationCheck, .wrap-input-style > input + i.validationMessage[data-validation]:before, [data-input-type="select"] > input + i.validationMessage[data-validation]:before, [data-input-type="password"] > input + i.validationMessage[data-validation]:before, [data-input-type="month"] > input + i.validationMessage[data-validation]:before, [data-input-type="date"] > input + i.validationMessage[data-validation]:before, [data-input-type="search"] > input + i.validationMessage[data-validation]:before, .dialogContainer .dialog.wrap-input-style > input + i.buttonIcon:first-child, .dialogContainer .dialog[data-input-type="select"] > input + i.buttonIcon:first-child, .dialogContainer .dialog[data-input-type="password"] > input + i.buttonIcon:first-child, .dialogContainer .dialog[data-input-type="month"] > input + i.buttonIcon:first-child, .dialogContainer .dialog[data-input-type="date"] > input + i.buttonIcon:first-child, .dialogContainer .dialog[data-input-type="search"] > input + i.buttonIcon:first-child, .toggleItem-style .wrap-input-style > input + i.button.anchor:after, .toggleItem-style [data-input-type="select"] > input + i.button.anchor:after, .toggleItem-style [data-input-type="password"] > input + i.button.anchor:after, .toggleItem-style [data-input-type="month"] > input + i.button.anchor:after, .toggleItem-style [data-input-type="date"] > input + i.button.anchor:after, .toggleItem-style [data-input-type="search"] > input + i.button.anchor:after, .container.jobIntroducing .contentsContainer .jobList .jobItem .wrap-input-style > input + i.button.anchor:after, .container.jobIntroducing .contentsContainer .jobList .jobItem [data-input-type="select"] > input + i.button.anchor:after, .container.jobIntroducing .contentsContainer .jobList .jobItem [data-input-type="password"] > input + i.button.anchor:after, .container.jobIntroducing .contentsContainer .jobList .jobItem [data-input-type="month"] > input + i.button.anchor:after, .container.jobIntroducing .contentsContainer .jobList .jobItem [data-input-type="date"] > input + i.button.anchor:after, .container.jobIntroducing .contentsContainer .jobList .jobItem [data-input-type="search"] > input + i.button.anchor:after, .container.faq .contentsContainer .faqList li .wrap-input-style > input + i.button.anchor:after, .container.faq .contentsContainer .faqList li [data-input-type="select"] > input + i.button.anchor:after, .container.faq .contentsContainer .faqList li [data-input-type="password"] > input + i.button.anchor:after, .container.faq .contentsContainer .faqList li [data-input-type="month"] > input + i.button.anchor:after, .container.faq .contentsContainer .faqList li [data-input-type="date"] > input + i.button.anchor:after, .container.faq .contentsContainer .faqList li [data-input-type="search"] > input + i.button.anchor:after, .wrap-input-style > select + i.icon, [data-input-type="select"] > select + i.icon, [data-input-type="password"] > select + i.icon, [data-input-type="month"] > select + i.icon, [data-input-type="date"] > select + i.icon, [data-input-type="search"] > select + i.icon, .wrap-input-style > select + i[data-input-type="month"]:before, [data-input-type="select"] > select + i[data-input-type="month"]:before, [data-input-type="password"] > select + i[data-input-type="month"]:before, [data-input-type="month"] > select + i[data-input-type="month"]:before, [data-input-type="date"] > select + i[data-input-type="month"]:before, [data-input-type="search"] > select + i[data-input-type="month"]:before, .wrap-input-style > select + i[data-input-type="date"]:before, [data-input-type="select"] > select + i[data-input-type="date"]:before, [data-input-type="password"] > select + i[data-input-type="date"]:before, [data-input-type="month"] > select + i[data-input-type="date"]:before, [data-input-type="date"] > select + i[data-input-type="date"]:before, [data-input-type="search"] > select + i[data-input-type="date"]:before, [data-validation] .wrap-input-style > select + i.validationCheck, [data-validation] [data-input-type="select"] > select + i.validationCheck, [data-validation] [data-input-type="password"] > select + i.validationCheck, [data-validation] [data-input-type="month"] > select + i.validationCheck, [data-validation] [data-input-type="date"] > select + i.validationCheck, [data-validation] [data-input-type="search"] > select + i.validationCheck, .wrap-input-style > select + i.validationMessage[data-validation]:before, [data-input-type="select"] > select + i.validationMessage[data-validation]:before, [data-input-type="password"] > select + i.validationMessage[data-validation]:before, [data-input-type="month"] > select + i.validationMessage[data-validation]:before, [data-input-type="date"] > select + i.validationMessage[data-validation]:before, [data-input-type="search"] > select + i.validationMessage[data-validation]:before, .dialogContainer .dialog.wrap-input-style > select + i.buttonIcon:first-child, .dialogContainer .dialog[data-input-type="select"] > select + i.buttonIcon:first-child, .dialogContainer .dialog[data-input-type="password"] > select + i.buttonIcon:first-child, .dialogContainer .dialog[data-input-type="month"] > select + i.buttonIcon:first-child, .dialogContainer .dialog[data-input-type="date"] > select + i.buttonIcon:first-child, .dialogContainer .dialog[data-input-type="search"] > select + i.buttonIcon:first-child, .toggleItem-style .wrap-input-style > select + i.button.anchor:after, .toggleItem-style [data-input-type="select"] > select + i.button.anchor:after, .toggleItem-style [data-input-type="password"] > select + i.button.anchor:after, .toggleItem-style [data-input-type="month"] > select + i.button.anchor:after, .toggleItem-style [data-input-type="date"] > select + i.button.anchor:after, .toggleItem-style [data-input-type="search"] > select + i.button.anchor:after, .container.jobIntroducing .contentsContainer .jobList .jobItem .wrap-input-style > select + i.button.anchor:after, .container.jobIntroducing .contentsContainer .jobList .jobItem [data-input-type="select"] > select + i.button.anchor:after, .container.jobIntroducing .contentsContainer .jobList .jobItem [data-input-type="password"] > select + i.button.anchor:after, .container.jobIntroducing .contentsContainer .jobList .jobItem [data-input-type="month"] > select + i.button.anchor:after, .container.jobIntroducing .contentsContainer .jobList .jobItem [data-input-type="date"] > select + i.button.anchor:after, .container.jobIntroducing .contentsContainer .jobList .jobItem [data-input-type="search"] > select + i.button.anchor:after, .container.faq .contentsContainer .faqList li .wrap-input-style > select + i.button.anchor:after, .container.faq .contentsContainer .faqList li [data-input-type="select"] > select + i.button.anchor:after, .container.faq .contentsContainer .faqList li [data-input-type="password"] > select + i.button.anchor:after, .container.faq .contentsContainer .faqList li [data-input-type="month"] > select + i.button.anchor:after, .container.faq .contentsContainer .faqList li [data-input-type="date"] > select + i.button.anchor:after, .container.faq .contentsContainer .faqList li [data-input-type="search"] > select + i.button.anchor:after { color: #A7A7A7; }

.wrap-input-style > input:focus + i.icon, [data-input-type="select"] > input:focus + i.icon, [data-input-type="password"] > input:focus + i.icon, [data-input-type="month"] > input:focus + i.icon, [data-input-type="date"] > input:focus + i.icon, [data-input-type="search"] > input:focus + i.icon, .wrap-input-style > input:focus + i[data-input-type="month"]:before, [data-input-type="select"] > input:focus + i[data-input-type="month"]:before, [data-input-type="password"] > input:focus + i[data-input-type="month"]:before, [data-input-type="month"] > input:focus + i[data-input-type="month"]:before, [data-input-type="date"] > input:focus + i[data-input-type="month"]:before, [data-input-type="search"] > input:focus + i[data-input-type="month"]:before, .wrap-input-style > input:focus + i[data-input-type="date"]:before, [data-input-type="select"] > input:focus + i[data-input-type="date"]:before, [data-input-type="password"] > input:focus + i[data-input-type="date"]:before, [data-input-type="month"] > input:focus + i[data-input-type="date"]:before, [data-input-type="date"] > input:focus + i[data-input-type="date"]:before, [data-input-type="search"] > input:focus + i[data-input-type="date"]:before, [data-validation] .wrap-input-style > input:focus + i.validationCheck, [data-validation] [data-input-type="select"] > input:focus + i.validationCheck, [data-validation] [data-input-type="password"] > input:focus + i.validationCheck, [data-validation] [data-input-type="month"] > input:focus + i.validationCheck, [data-validation] [data-input-type="date"] > input:focus + i.validationCheck, [data-validation] [data-input-type="search"] > input:focus + i.validationCheck, .wrap-input-style > input:focus + i.validationMessage[data-validation]:before, [data-input-type="select"] > input:focus + i.validationMessage[data-validation]:before, [data-input-type="password"] > input:focus + i.validationMessage[data-validation]:before, [data-input-type="month"] > input:focus + i.validationMessage[data-validation]:before, [data-input-type="date"] > input:focus + i.validationMessage[data-validation]:before, [data-input-type="search"] > input:focus + i.validationMessage[data-validation]:before, .dialogContainer .dialog.wrap-input-style > input:focus + i.buttonIcon:first-child, .dialogContainer .dialog[data-input-type="select"] > input:focus + i.buttonIcon:first-child, .dialogContainer .dialog[data-input-type="password"] > input:focus + i.buttonIcon:first-child, .dialogContainer .dialog[data-input-type="month"] > input:focus + i.buttonIcon:first-child, .dialogContainer .dialog[data-input-type="date"] > input:focus + i.buttonIcon:first-child, .dialogContainer .dialog[data-input-type="search"] > input:focus + i.buttonIcon:first-child, .toggleItem-style .wrap-input-style > input:focus + i.button.anchor:after, .toggleItem-style [data-input-type="select"] > input:focus + i.button.anchor:after, .toggleItem-style [data-input-type="password"] > input:focus + i.button.anchor:after, .toggleItem-style [data-input-type="month"] > input:focus + i.button.anchor:after, .toggleItem-style [data-input-type="date"] > input:focus + i.button.anchor:after, .toggleItem-style [data-input-type="search"] > input:focus + i.button.anchor:after, .container.jobIntroducing .contentsContainer .jobList .jobItem .wrap-input-style > input:focus + i.button.anchor:after, .container.jobIntroducing .contentsContainer .jobList .jobItem [data-input-type="select"] > input:focus + i.button.anchor:after, .container.jobIntroducing .contentsContainer .jobList .jobItem [data-input-type="password"] > input:focus + i.button.anchor:after, .container.jobIntroducing .contentsContainer .jobList .jobItem [data-input-type="month"] > input:focus + i.button.anchor:after, .container.jobIntroducing .contentsContainer .jobList .jobItem [data-input-type="date"] > input:focus + i.button.anchor:after, .container.jobIntroducing .contentsContainer .jobList .jobItem [data-input-type="search"] > input:focus + i.button.anchor:after, .container.faq .contentsContainer .faqList li .wrap-input-style > input:focus + i.button.anchor:after, .container.faq .contentsContainer .faqList li [data-input-type="select"] > input:focus + i.button.anchor:after, .container.faq .contentsContainer .faqList li [data-input-type="password"] > input:focus + i.button.anchor:after, .container.faq .contentsContainer .faqList li [data-input-type="month"] > input:focus + i.button.anchor:after, .container.faq .contentsContainer .faqList li [data-input-type="date"] > input:focus + i.button.anchor:after, .container.faq .contentsContainer .faqList li [data-input-type="search"] > input:focus + i.button.anchor:after { color: #096DD9; }

.wrap-input-style > select:hover + i.icon, [data-input-type="select"] > select:hover + i.icon, [data-input-type="password"] > select:hover + i.icon, [data-input-type="month"] > select:hover + i.icon, [data-input-type="date"] > select:hover + i.icon, [data-input-type="search"] > select:hover + i.icon, .wrap-input-style > select:hover + i[data-input-type="month"]:before, [data-input-type="select"] > select:hover + i[data-input-type="month"]:before, [data-input-type="password"] > select:hover + i[data-input-type="month"]:before, [data-input-type="month"] > select:hover + i[data-input-type="month"]:before, [data-input-type="date"] > select:hover + i[data-input-type="month"]:before, [data-input-type="search"] > select:hover + i[data-input-type="month"]:before, .wrap-input-style > select:hover + i[data-input-type="date"]:before, [data-input-type="select"] > select:hover + i[data-input-type="date"]:before, [data-input-type="password"] > select:hover + i[data-input-type="date"]:before, [data-input-type="month"] > select:hover + i[data-input-type="date"]:before, [data-input-type="date"] > select:hover + i[data-input-type="date"]:before, [data-input-type="search"] > select:hover + i[data-input-type="date"]:before, [data-validation] .wrap-input-style > select:hover + i.validationCheck, [data-validation] [data-input-type="select"] > select:hover + i.validationCheck, [data-validation] [data-input-type="password"] > select:hover + i.validationCheck, [data-validation] [data-input-type="month"] > select:hover + i.validationCheck, [data-validation] [data-input-type="date"] > select:hover + i.validationCheck, [data-validation] [data-input-type="search"] > select:hover + i.validationCheck, .wrap-input-style > select:hover + i.validationMessage[data-validation]:before, [data-input-type="select"] > select:hover + i.validationMessage[data-validation]:before, [data-input-type="password"] > select:hover + i.validationMessage[data-validation]:before, [data-input-type="month"] > select:hover + i.validationMessage[data-validation]:before, [data-input-type="date"] > select:hover + i.validationMessage[data-validation]:before, [data-input-type="search"] > select:hover + i.validationMessage[data-validation]:before, .dialogContainer .dialog.wrap-input-style > select:hover + i.buttonIcon:first-child, .dialogContainer .dialog[data-input-type="select"] > select:hover + i.buttonIcon:first-child, .dialogContainer .dialog[data-input-type="password"] > select:hover + i.buttonIcon:first-child, .dialogContainer .dialog[data-input-type="month"] > select:hover + i.buttonIcon:first-child, .dialogContainer .dialog[data-input-type="date"] > select:hover + i.buttonIcon:first-child, .dialogContainer .dialog[data-input-type="search"] > select:hover + i.buttonIcon:first-child, .toggleItem-style .wrap-input-style > select:hover + i.button.anchor:after, .toggleItem-style [data-input-type="select"] > select:hover + i.button.anchor:after, .toggleItem-style [data-input-type="password"] > select:hover + i.button.anchor:after, .toggleItem-style [data-input-type="month"] > select:hover + i.button.anchor:after, .toggleItem-style [data-input-type="date"] > select:hover + i.button.anchor:after, .toggleItem-style [data-input-type="search"] > select:hover + i.button.anchor:after, .container.jobIntroducing .contentsContainer .jobList .jobItem .wrap-input-style > select:hover + i.button.anchor:after, .container.jobIntroducing .contentsContainer .jobList .jobItem [data-input-type="select"] > select:hover + i.button.anchor:after, .container.jobIntroducing .contentsContainer .jobList .jobItem [data-input-type="password"] > select:hover + i.button.anchor:after, .container.jobIntroducing .contentsContainer .jobList .jobItem [data-input-type="month"] > select:hover + i.button.anchor:after, .container.jobIntroducing .contentsContainer .jobList .jobItem [data-input-type="date"] > select:hover + i.button.anchor:after, .container.jobIntroducing .contentsContainer .jobList .jobItem [data-input-type="search"] > select:hover + i.button.anchor:after, .container.faq .contentsContainer .faqList li .wrap-input-style > select:hover + i.button.anchor:after, .container.faq .contentsContainer .faqList li [data-input-type="select"] > select:hover + i.button.anchor:after, .container.faq .contentsContainer .faqList li [data-input-type="password"] > select:hover + i.button.anchor:after, .container.faq .contentsContainer .faqList li [data-input-type="month"] > select:hover + i.button.anchor:after, .container.faq .contentsContainer .faqList li [data-input-type="date"] > select:hover + i.button.anchor:after, .container.faq .contentsContainer .faqList li [data-input-type="search"] > select:hover + i.button.anchor:after { color: #096DD9; }

[data-input-type="select"] select { appearance: none; color: #7d7d7d; }

[data-input-type="select"] select + i.icon, [data-input-type="select"] select + i[data-input-type="month"]:before, [data-input-type="select"] select + i[data-input-type="date"]:before, [data-input-type="select"] [data-validation] select + i.validationCheck, [data-validation] [data-input-type="select"] select + i.validationCheck, [data-input-type="select"] select + i.validationMessage[data-validation]:before, [data-input-type="select"] .dialogContainer .dialog > select + i.buttonIcon:first-child, .dialogContainer [data-input-type="select"] .dialog > select + i.buttonIcon:first-child, [data-input-type="select"] .toggleItem-style select + i.button.anchor:after, .toggleItem-style [data-input-type="select"] select + i.button.anchor:after, [data-input-type="select"] .container.jobIntroducing .contentsContainer .jobList .jobItem select + i.button.anchor:after, .container.jobIntroducing .contentsContainer .jobList .jobItem [data-input-type="select"] select + i.button.anchor:after, [data-input-type="select"] .container.faq .contentsContainer .faqList li select + i.button.anchor:after, .container.faq .contentsContainer .faqList li [data-input-type="select"] select + i.button.anchor:after { color: #C2C9D1; }

[data-input-type="month"]:before, [data-input-type="date"]:before { position: absolute; top: 8px; left: 8px; pointer-events: none; }

[data-input-type="month"] > input, [data-input-type="date"] > input { padding-left: 38px; padding-right: 8px; }

[data-input-type="month"] > input::-webkit-inner-spin-button, [data-input-type="date"] > input::-webkit-inner-spin-button { display: none; }

[data-input-type="month"] > input::-webkit-calendar-picker-indicator, [data-input-type="date"] > input::-webkit-calendar-picker-indicator { position: absolute; top: 50%; left: -20px; margin-top: -16px; padding: 8px; opacity: 0; }

[data-input-type="month"] > input[readonly][type="date"][value=""], [data-input-type="date"] > input[readonly][type="date"][value=""] { color: transparent; text-indent: -99999px; }

[data-input-type="dropdown"] { position: relative; }

[data-input-type="dropdown"]:not(div) { display: inline-block; }

[data-input-type="dropdown"] .title { display: block; position: relative; width: 100%; padding: 10px 8px; background-color: #fff; border: 1px solid #C2C9D1; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; box-sizing: border-box; color: #7d7d7d; cursor: pointer; text-align: left; }

[data-input-type="dropdown"] .title i.icon, [data-input-type="dropdown"] .title i[data-input-type="month"]:before, [data-input-type="dropdown"] .title i[data-input-type="date"]:before, [data-input-type="dropdown"] .title [data-validation] i.validationCheck, [data-validation] [data-input-type="dropdown"] .title i.validationCheck, [data-input-type="dropdown"] .title i.validationMessage[data-validation]:before, [data-input-type="dropdown"] .title .dialogContainer .dialog > i.buttonIcon:first-child, .dialogContainer [data-input-type="dropdown"] .title .dialog > i.buttonIcon:first-child, [data-input-type="dropdown"] .title .toggleItem-style i.button.anchor:after, .toggleItem-style [data-input-type="dropdown"] .title i.button.anchor:after, [data-input-type="dropdown"] .title .container.jobIntroducing .contentsContainer .jobList .jobItem i.button.anchor:after, .container.jobIntroducing .contentsContainer .jobList .jobItem [data-input-type="dropdown"] .title i.button.anchor:after, [data-input-type="dropdown"] .title .container.faq .contentsContainer .faqList li i.button.anchor:after, .container.faq .contentsContainer .faqList li [data-input-type="dropdown"] .title i.button.anchor:after { position: absolute; top: 50%; right: 8px; margin-top: -12px; transition: transform .2s ease-out; -webkit-transition: transform .2s ease-out; -moz-transition: transform .2s ease-out; -ms-transition: transform .2s ease-out; -o-transition: transform .2s ease-out; }

[data-input-type="dropdown"] .title:hover { border-color: #40A9FF; }

[data-input-type="dropdown"] .title:active, [data-input-type="dropdown"] .paging a.title[data-active], .paging [data-input-type="dropdown"] a.title[data-active] { border-color: #096DD9; }

[data-input-type="dropdown"] ul, [data-input-type="dropdown"] ol, [data-input-type="dropdown"] div { position: absolute; left: 50%; z-index: 99; min-width: 100%; padding: 4px 0; background-color: #fff; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; box-shadow: 0px 3px 6px -4px rgba(0, 0, 0, 0.12), 0px 9px 28px 8px rgba(0, 0, 0, 0.05); filter: drop-shadow(0px 6px 16px rgba(0, 0, 0, 0.08)); transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); }

[data-input-type="dropdown"] ul:after, [data-input-type="dropdown"] ol:after, [data-input-type="dropdown"] div:after { position: absolute; width: 0; height: 0; border: 6px solid; border-color: #fff transparent transparent; content: ''; pointer-events: none; }

[data-input-type="dropdown"][data-position="top"] ul { bottom: 100%; }

[data-input-type="dropdown"][data-position="top"] ul:after { bottom: -12px; right: 16px; }

[data-input-type="dropdown"]:not([data-detail="true"]) ul, [data-input-type="dropdown"]:not([data-detail="true"]) ol, [data-input-type="dropdown"]:not([data-detail="true"]) div { display: none; }

@keyframes dropdownPop { 0% { opacity: 0;
    transform: translate(-50%, -12px) scale(0.95);
    -webkit-transform: translate(-50%, -12px) scale(0.95);
    -moz-transform: translate(-50%, -12px) scale(0.95);
    -ms-transform: translate(-50%, -12px) scale(0.95);
    -o-transform: translate(-50%, -12px) scale(0.95); }
  100% { opacity: 1;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%); } }

[data-input-type="dropdown"][data-detail="true"]:not([data-position="top"]) ul, [data-input-type="dropdown"][data-detail="true"]:not([data-position="top"]) ol, [data-input-type="dropdown"][data-detail="true"]:not([data-position="top"]) div { animation: .2s ease-out dropdownPop; -webkit-animation: .2s ease-out dropdownPop; }

[data-input-type="dropdown"][data-detail="true"][data-position="bottom"] { margin-bottom: -12px; padding-bottom: 12px; }

[data-input-type="dropdown"][data-detail="true"][data-position="top"] { margin-top: -12px; padding-top: 12px; }

@keyframes dropdownPopTop { 0% { opacity: 0;
    transform: translate(-50%, 12px) scale(0.95);
    -webkit-transform: translate(-50%, 12px) scale(0.95);
    -moz-transform: translate(-50%, 12px) scale(0.95);
    -ms-transform: translate(-50%, 12px) scale(0.95);
    -o-transform: translate(-50%, 12px) scale(0.95); }
  100% { opacity: 1;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%); } }

[data-input-type="dropdown"][data-detail="true"][data-position="top"] ul, [data-input-type="dropdown"][data-detail="true"][data-position="top"] ol, [data-input-type="dropdown"][data-detail="true"][data-position="top"] div { animation: .2s ease-out dropdownPopTop; -webkit-animation: .2s ease-out dropdownPopTop; }

[data-input-type="dropdown"][data-detail="true"] .title i.icon, [data-input-type="dropdown"][data-detail="true"] .title i[data-input-type="month"]:before, [data-input-type="dropdown"][data-detail="true"] .title i[data-input-type="date"]:before, [data-input-type="dropdown"][data-detail="true"] .title [data-validation] i.validationCheck, [data-validation] [data-input-type="dropdown"][data-detail="true"] .title i.validationCheck, [data-input-type="dropdown"][data-detail="true"] .title i.validationMessage[data-validation]:before, [data-input-type="dropdown"][data-detail="true"] .title .dialogContainer .dialog > i.buttonIcon:first-child, .dialogContainer [data-input-type="dropdown"][data-detail="true"] .title .dialog > i.buttonIcon:first-child, [data-input-type="dropdown"][data-detail="true"] .title .toggleItem-style i.button.anchor:after, .toggleItem-style [data-input-type="dropdown"][data-detail="true"] .title i.button.anchor:after, [data-input-type="dropdown"][data-detail="true"] .title .container.jobIntroducing .contentsContainer .jobList .jobItem i.button.anchor:after, .container.jobIntroducing .contentsContainer .jobList .jobItem [data-input-type="dropdown"][data-detail="true"] .title i.button.anchor:after, [data-input-type="dropdown"][data-detail="true"] .title .container.faq .contentsContainer .faqList li i.button.anchor:after, .container.faq .contentsContainer .faqList li [data-input-type="dropdown"][data-detail="true"] .title i.button.anchor:after { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }

[data-input-type="dropdown"] li > a, [data-input-type="dropdown"] li > button { display: block; width: 100%; padding: 5px 12px; box-sizing: border-box; text-align: left; }

[data-input-type="dropdown"] li > a:hover, [data-input-type="dropdown"] li > button:hover { background-color: #F5F5F5; }

[data-input-type="switchGroup"] { display: flex; }

[data-input-type="switchGroup"] label:not(:last-child) { margin-right: -1px; }

[data-input-type="switchGroup"] label input[type="radio"] + span { display: inline-block; height: 40px; padding: 0 16px !important; line-height: 40px; vertical-align: top; }

[data-input-type="switchGroup"] label input[type="radio"]:disabled + span { cursor: auto; }

[data-input-type="switchGroup"] label input[type="radio"]:not(:checked):disabled + span { background-color: #F0F0F0; border-color: #D9D9D9; color: #000; }

[data-input-type="switchGroup"] label input:checked + span, [data-input-type="switchGroup"] label:hover input + span { position: relative; z-index: 1; }

[data-input-type="switchGroup"] label:first-child input[type="radio"] + span { border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -ms-border-radius: 4px 0 0 4px; -o-border-radius: 4px 0 0 4px; }

[data-input-type="switchGroup"] label:last-child input[type="radio"] + span { border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -ms-border-radius: 0 4px 4px 0; -o-border-radius: 0 4px 4px 0; }

[data-input-type="byteCheck"] { position: relative; }

[data-input-type="byteCheck"] input + span, [data-input-type="byteCheck"] textarea + span { position: absolute; right: 0; color: #939393; font-size: 11.998px; line-height: 1; }

[data-input-type="byteCheck"] input { padding-right: 56px !important; }

[data-input-type="byteCheck"] input + span { top: calc(50% - .5em - 8px); padding: 8px; }

[data-input-type="byteCheck"] textarea { padding-bottom: 28px !important; }

[data-input-type="byteCheck"] textarea + span { bottom: .5em; padding: 8px 13px 8px 8px; }

[data-input-type="file"] { display: flex; align-items: center; flex-flow: row-reverse; }

[data-input-type="file"] input[type="file"] { position: absolute; top: 26px; left: 0; width: calc(100% - 100px); height: 40px; cursor: pointer; opacity: 0; }

[data-input-type="file"] .filePath { display: inline-block; width: calc(100% - 100px); padding: 10px 8px; color: #7d7d7d; }

[data-input-type="file"] .button { margin-left: 13px; width: 87px; height: min-content; padding-left: 0 !important; padding-right: 0 !important; }

[data-input-type="search"] input { padding-left: 24px; padding-right: 50px; background-color: #EDEDED; border-color: transparent; border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; }

[data-input-type="search"] .buttonIcon { right: 16px; }

i { display: inline-block; font: inherit; }

[data-tooltip] { margin-left: 4px; }

[data-tooltip] i.icon-desc { color: #007AFF; }

@keyframes tooltip { 0% { opacity: 0;
    transform: translateX(-10px);
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px); }
  100% { opacity: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0); } }

.tooltips { position: absolute; max-width: 184px; margin-left: 6px; padding: 8px; animation: .3s ease-out tooltip; -webkit-animation: .3s ease-out tooltip; background-color: #262626; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; color: #fff; pointer-events: none; word-wrap: break-word; word-break: keep-all; }

.tooltips:before { display: block; position: absolute; top: calc(50% - 6px); left: -12px; width: 0; height: 0; border: 6px solid; border-color: transparent #262626 transparent transparent; content: ''; }

.logo, #globalHeader h1 > a:before, #globalFooter .info:before { display: inline-block; width: 108px; height: 33px; background: url(../assets/img/assets.svg) 0 0 no-repeat; vertical-align: middle; }

.h2 { color: #000; font-size: 37.996px; line-height: 1.6; }

.contentsContainer { background-color: #fff; border-top: 3px solid #858585; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.04); }

.tinted:not(.button), [data-input-type="switchGroup"] label input[type="radio"]:checked + span:not(.button), .wrapInput.wrapSNSLogin label > input[type="checkbox"]:checked + span:not(.button), .container.join .contentsContainer .authentication > label > input:checked + button:not(.button), .container.myPage .contentsContainer header dl dd:not(.button) { color: #4EA2FF; }

.wrapInput > label { display: block; }

.wrapInput > label + label { margin-top: 8px; }

.wrapInput > label.inlineItems > dl dd > * { vertical-align: middle; }

.wrapInput > label.inlineItems > dl dd > *:not(:last-child) { margin-right: 5.6px; }

.wrapInput > label.inlineItems [data-input-type="select"], .wrapInput > label.inlineItems input[type="text"] { width: 220px; }

.wrapInput > .wrapLabel { display: flex; }

.wrapInput > .wrapLabel > *:not(:first-child) { margin-left: 15px; }

.wrapInput.flexItems { display: flex; flex-wrap: wrap; margin: 0 -10px; }

.wrapInput.flexItems label + label { margin-top: 0; }

.wrapInput.flexItems label + .button, .wrapInput.flexItems label + .inputButton { height: auto; margin-top: 25.998px; }

.wrapInput.flexItems label + .inputButton, .wrapInput.flexItems > * .inputButton { margin-top: 36.4px; }

.wrapInput.flexItems > * { height: max-content; height: -moz-max-content; margin: 0 10px; }

.wrapInput dl { position: relative; color: #262626; }

.wrapInput dl dt { margin-bottom: 8px; color: #7d7d7d; font-size: 11.998px; font-weight: 600; }

.wrapInput dl dd + dd { margin-top: 4px; }

.wrapInput dl.inline dd { display: inline-block; width: auto; margin-top: 0 !important; vertical-align: middle; }

.wrapInput dl .desc { position: absolute; top: 0; right: 0; }

.wrapInput + .inputButton { margin-top: 14px; }

.wrapInput.wrapSNSLogin { margin: 18px 0 0; }

.wrapInput.wrapSNSLogin dt { color: #000; font-size: 17.9998px; }

.wrapInput.wrapSNSLogin dt + dd { margin-bottom: 16px; line-height: 1.6; }

.wrapInput.wrapSNSLogin dd + dd, .wrapInput.wrapSNSLogin dd label:not(:first-child) { margin-top: 11px; }

.wrapInput.wrapSNSLogin label { display: block; width: 100%; }

.wrapInput.wrapSNSLogin label > input[type="checkbox"] + span { position: relative; width: 100%; padding-left: 67px; text-indent: -33.5px; text-align: center; }

.wrapInput.wrapSNSLogin label > input[type="checkbox"] + span i.icon, .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span i[data-input-type="month"]:before, .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span i[data-input-type="date"]:before, .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span [data-validation] i.validationCheck, [data-validation] .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span i.validationCheck, .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span i.validationMessage[data-validation]:before, .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span .dialogContainer .dialog > i.buttonIcon:first-child, .dialogContainer .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span .dialog > i.buttonIcon:first-child, .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span .toggleItem-style i.button.anchor:after, .toggleItem-style .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span i.button.anchor:after, .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span .container.jobIntroducing .contentsContainer .jobList .jobItem i.button.anchor:after, .container.jobIntroducing .contentsContainer .jobList .jobItem .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span i.button.anchor:after, .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span .container.faq .contentsContainer .faqList li i.button.anchor:after, .container.faq .contentsContainer .faqList li .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span i.button.anchor:after { position: absolute; top: 50%; left: 21px; width: 25px; height: 26px; margin: -13px 0 0; background: url(../assets/img/assets.svg) no-repeat; text-indent: 0; }

.wrapInput.wrapSNSLogin label > input[type="checkbox"] + span i.icon.google, .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span i.google[data-input-type="month"]:before, .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span i.google[data-input-type="date"]:before, .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span [data-validation] i.google.validationCheck, [data-validation] .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span i.google.validationCheck, .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span i.google.validationMessage[data-validation]:before, .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span .dialogContainer .dialog > i.google.buttonIcon:first-child, .dialogContainer .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span .dialog > i.google.buttonIcon:first-child, .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span .toggleItem-style i.google.button.anchor:after, .toggleItem-style .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span i.google.button.anchor:after, .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span .container.jobIntroducing .contentsContainer .jobList .jobItem i.google.button.anchor:after, .container.jobIntroducing .contentsContainer .jobList .jobItem .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span i.google.button.anchor:after, .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span .container.faq .contentsContainer .faqList li i.google.button.anchor:after, .container.faq .contentsContainer .faqList li .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span i.google.button.anchor:after { background-position: 0 -46px; }

.wrapInput.wrapSNSLogin label > input[type="checkbox"] + span i.icon.fb, .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span i.fb[data-input-type="month"]:before, .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span i.fb[data-input-type="date"]:before, .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span [data-validation] i.fb.validationCheck, [data-validation] .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span i.fb.validationCheck, .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span i.fb.validationMessage[data-validation]:before, .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span .dialogContainer .dialog > i.fb.buttonIcon:first-child, .dialogContainer .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span .dialog > i.fb.buttonIcon:first-child, .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span .toggleItem-style i.fb.button.anchor:after, .toggleItem-style .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span i.fb.button.anchor:after, .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span .container.jobIntroducing .contentsContainer .jobList .jobItem i.fb.button.anchor:after, .container.jobIntroducing .contentsContainer .jobList .jobItem .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span i.fb.button.anchor:after, .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span .container.faq .contentsContainer .faqList li i.fb.button.anchor:after, .container.faq .contentsContainer .faqList li .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span i.fb.button.anchor:after { background-position: -38px -46px; }

.wrapInput.wrapSNSLogin label > input[type="checkbox"] + span i.icon.naver, .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span i.naver[data-input-type="month"]:before, .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span i.naver[data-input-type="date"]:before, .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span [data-validation] i.naver.validationCheck, [data-validation] .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span i.naver.validationCheck, .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span i.naver.validationMessage[data-validation]:before, .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span .dialogContainer .dialog > i.naver.buttonIcon:first-child, .dialogContainer .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span .dialog > i.naver.buttonIcon:first-child, .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span .toggleItem-style i.naver.button.anchor:after, .toggleItem-style .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span i.naver.button.anchor:after, .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span .container.jobIntroducing .contentsContainer .jobList .jobItem i.naver.button.anchor:after, .container.jobIntroducing .contentsContainer .jobList .jobItem .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span i.naver.button.anchor:after, .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span .container.faq .contentsContainer .faqList li i.naver.button.anchor:after, .container.faq .contentsContainer .faqList li .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span i.naver.button.anchor:after { background-position: -76px -46px; }

.wrapInput.wrapSNSLogin label > input[type="checkbox"] + span i.icon.kakao, .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span i.kakao[data-input-type="month"]:before, .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span i.kakao[data-input-type="date"]:before, .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span [data-validation] i.kakao.validationCheck, [data-validation] .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span i.kakao.validationCheck, .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span i.kakao.validationMessage[data-validation]:before, .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span .dialogContainer .dialog > i.kakao.buttonIcon:first-child, .dialogContainer .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span .dialog > i.kakao.buttonIcon:first-child, .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span .toggleItem-style i.kakao.button.anchor:after, .toggleItem-style .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span i.kakao.button.anchor:after, .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span .container.jobIntroducing .contentsContainer .jobList .jobItem i.kakao.button.anchor:after, .container.jobIntroducing .contentsContainer .jobList .jobItem .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span i.kakao.button.anchor:after, .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span .container.faq .contentsContainer .faqList li i.kakao.button.anchor:after, .container.faq .contentsContainer .faqList li .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span i.kakao.button.anchor:after { background-position: -114px -46px; }

[data-validation].inputButton .validationCheck { margin-top: 10px; margin-bottom: -18.004px; }

[data-validation] .validationCheck { display: block; margin-top: 5px; color: #7d7d7d; font-size: 11.998px; }

[data-validation] .validationCheck:before { margin: -2px 2px 0 0; font-size: 15.6px; }

[data-validation][data-validation="error"] [data-check]:not(:focus) { border-color: #F03738; }

[data-validation][data-validation="error"].validationMessage:before, [data-validation][data-validation="error"] .validationCheck:before { color: #F03738; }

[data-validation][data-validation="checked"] [data-check]:not(:focus) { border-color: #3CC13B; }

[data-validation][data-validation="checked"].validationMessage:before, [data-validation][data-validation="checked"] .validationCheck:before { color: #3CC13B; }

[data-validation].validationMessage { margin: 13px 0; color: #7d7d7d; font-size: 12px; }

[data-validation].validationMessage:before { margin: -2px 4px 0 0; font-size: 16px; }

/* layer */
.dialogContainer, .alertDialogContainer { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; overflow: auto; box-sizing: border-box; text-align: center; white-space: nowrap; }

.layerContainer, .alertContainer, .dialogContainer, .alertDialogContainer { display: none; }

.dialogContainer > *, .alertDialogContainer > * { text-align: left; white-space: normal; }

.dialogContainer:before, .alertDialogContainer:before { display: inline-block; width: 0; height: 100%; margin: 0 -4px 0 -1px; content: ''; font-size: 0; vertical-align: middle; }

body > .dialogContainer[data-visibled="true"], body > .dialogContainer[data-visibled="true"] { display: block; }

@keyframes dialog_open { 0% { opacity: 0;
    transform: translateY(10%);
    -webkit-transform: translateY(10%);
    -moz-transform: translateY(10%);
    -ms-transform: translateY(10%);
    -o-transform: translateY(10%); }
  100% { opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0); } }

body > .dialogContainer[data-visibled="true"] .dialog, body > .dialogContainer[data-visibled="true"] .dialog { animation: .3s ease-out dialog_open; -webkit-animation: .3s ease-out dialog_open; }

.dialogContainer .dialog, .alertDialogContainer .dialog { display: inline-block; position: relative; margin: 60px; background-color: #fff; vertical-align: middle; word-wrap: break-word; word-break: keep-all; }

.dialogContainer { background-color: rgba(0, 0, 0, 0.6); }

body[data-dialog="opened"] { overflow: hidden; }

@keyframes dimmed { 0% { background-color: transparent; }
  100% { background-color: rgba(0, 0, 0, 0.6); } }

body > .dialogContainer[data-visibled="true"] { animation: .3s ease-out dimmed; -webkit-animation: .3s ease-out dimmed; }

.dialogContainer .dialog[data-size="large"] { min-width: 800px; max-width: 1064px; }

.dialogContainer .dialog > .buttonIcon:first-child { position: absolute; top: 9px; right: 20px; padding: 10px; font-size: 25.9992px; }

.dialogContainer .dialog > .buttonIcon:first-child:before { font-size: inherit; }

.dialogContainer .dialog header { padding: 19px 86px 19px 28px; background-color: #D7F4FF; }

.dialogContainer .dialog header .title { font-size: 19.992px; font-weight: 400; }

.dialogContainer .dialog .dialogContents { padding: 39px 28px 50px; }

.dialogContainer .dialog .dialogContents h2:first-child, .dialogContainer .dialog .dialogContents h3:first-child, .dialogContainer .dialog .dialogContents h4:first-child, .dialogContainer .dialog .dialogContents h5:first-child, .dialogContainer .dialog .dialogContents h6:first-child { margin-top: 0; }

.dialogContainer .dialog[data-size="fullPage"] { width: 1064px; }

.dialogContainer .dialog[data-size="fullPage"] header, .dialogContainer .dialog[data-size="fullPage"] .dialogContents { padding: 0 82px; }

.dialogContainer .dialog[data-size="fullPage"] header { padding-top: 24px; padding-bottom: 24px; background-color: #EDEDED; }

.dialogContainer .dialog[data-size="fullPage"] .dialogContents { padding-top: 64px; padding-bottom: 72px; }

.dialogContainer .dialog[data-size="fullPage"] footer { padding-bottom: 46px; text-align: center; }

.dialogContainer .dialog[data-size="fullPage"] footer .button { width: 267px; }

/* alertDialog */
.alertDialogContainer { background-color: rgba(255, 255, 255, 0.6); }

@keyframes dimmed2 { 0% { background-color: transparent; }
  100% { background-color: rgba(255, 255, 255, 0.6); } }

body > .alertDialogContainer[data-visibled="true"] { animation: .3s ease-out dimmed2; -webkit-animation: .3s ease-out dimmed2; }

.alertDialogContainer[data-visibled="true"] { display: block; }

.alertDialogContainer .dialog { max-width: 418px; padding: 32px 32px 24px 70px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; box-shadow: 0px 3px 6px -4px rgba(0, 0, 0, 0.12), 0px 6px 16px rgba(0, 0, 0, 0.08), 0px 9px 28px 8px rgba(0, 0, 0, 0.05); box-sizing: border-box; color: #262626; }

.alertDialogContainer .dialog header { position: relative; margin-bottom: 8px; font-size: 15.988px; font-weight: 700; }

.alertDialogContainer .dialog header:before { position: absolute; top: 0; left: calc(-24px - 16px); color: #FAAD14; font-size: 24px; }

.alertDialogContainer .dialog footer { margin-top: 24px; text-align: right; }

/* tagGoup */
.tag-style, [data-input-type="sort"] .tag input + span, .wrapPostGroup .tagGroup .tag, .container.postDetail .contentsContainer header .tag { display: inline-block; padding: 6px 7px; background-color: #E9E9E9; }

.tag-style:before, [data-input-type="sort"] .tag input + span:before, .wrapPostGroup .tagGroup .tag:before, .container.postDetail .contentsContainer header .tag:before { content: '#'; }

button.tag-style, .wrapPostGroup .tagGroup button.tag, .container.postDetail .contentsContainer header button.tag, a.tag-style, .wrapPostGroup .tagGroup a.tag, .container.postDetail .contentsContainer header a.tag { cursor: pointer; }

button.tag-style:hover, .wrapPostGroup .tagGroup button.tag:hover, .container.postDetail .contentsContainer header button.tag:hover, a.tag-style:hover, .wrapPostGroup .tagGroup a.tag:hover, .container.postDetail .contentsContainer header a.tag:hover { color: #007AFF; }

button.tag-style:active, .wrapPostGroup .tagGroup button.tag:active, .container.postDetail .contentsContainer header button.tag:active, a.tag-style:active, .wrapPostGroup .tagGroup a.tag:active, .wrapPostGroup .tagGroup .paging a.tag[data-active], .paging .wrapPostGroup .tagGroup a.tag[data-active], .paging a.tag-style[data-active], .paging .container.postDetail .contentsContainer header a.tag[data-active], .container.postDetail .contentsContainer header .paging a.tag[data-active], .container.postDetail .contentsContainer header a.tag:active { color: #1E6EC6; }

[data-input-type="sort"] { margin: 0 -4px; }

[data-input-type="sort"] > .tag { margin: 0 4px; }

[data-input-type="sort"] .tag input:checked + span { background-color: #D7F4FF; }

/* 채용 공고 목록 */
.board-header-style, .container.postList .contentsContainer .header, .container.faq .contentsContainer .header { display: flex; justify-content: space-between; padding: 12px 17px; }

.board-header-style > div, .container.postList .contentsContainer .header > div, .container.faq .contentsContainer .header > div { width: max-content; }

.board-header-style .inputButton + .inputButton, .container.postList .contentsContainer .header .inputButton + .inputButton, .container.faq .contentsContainer .header .inputButton + .inputButton { margin-left: 11.998px; }

.board-header-style [data-input-type="select"]:not(:first-child), .container.postList .contentsContainer .header [data-input-type="select"]:not(:first-child), .container.faq .contentsContainer .header [data-input-type="select"]:not(:first-child) { margin-left: 24px; }

.board-header-style [data-input-type="search"], .container.postList .contentsContainer .header [data-input-type="search"], .container.faq .contentsContainer .header [data-input-type="search"] { width: 392px; }

.wrapPostGroup li { position: relative; }

.container.postDetail .contentsContainer .wrapPostGroup:after, .wrapPostGroup li:before { display: block; height: 1px; margin: 0 12px; background-color: #C5C5C5; content: ''; }

.wrapPostGroup a.postListItem { display: block; position: relative; padding: 33px 180px 33px 37px; box-sizing: border-box; text-align: left; }

.wrapPostGroup a.postListItem[href] { cursor: pointer; }

.wrapPostGroup a.postListItem[href]:not(:hover) { color: inherit; }

.wrapPostGroup a.postListItem[href]:hover { text-decoration: none; }

.wrapPostGroup a.postListItem[href]:hover dd { color: #000; }

.wrapPostGroup a.postListItem dt, .wrapPostGroup a.postListItem .dueDate { display: inline-block; vertical-align: middle; }

.wrapPostGroup a.postListItem dt { overflow: hidden; max-width: 770px; font-weight: 400; font-size: 23.996px; text-overflow: ellipsis; white-space: nowrap; }

.wrapPostGroup a.postListItem .dueDate { padding: 4px 12px; background-color: #98E2FF; font-size: 14.9996px; }

.wrapPostGroup a.postListItem .dueDate.none { background-color: #DAE4ED; }

.wrapPostGroup a.postListItem .dueDate.proceed { background-color: #DEDEDE; }

.wrapPostGroup a.postListItem .career { position: absolute; top: 30px; right: 37px; }

.wrapPostGroup a.postListItem .career span { display: block; text-align: right; }

.wrapPostGroup a.postListItem .career span + span { margin-top: 4px; }

.wrapPostGroup .tagGroup { position: absolute; left: 37px; bottom: 27px; z-index: 1; }

.wrapPostGroup .tagGroup + .postListItem { padding-bottom: 68px; }

.wrapPostGroup.nodata { padding: 28px 36px; color: #D0D0D0; }

.paging { margin: 21px 0; font-family: 'Roboto', sans-serif; text-align: center; }

.paging a { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 0; box-sizing: border-box; color: #000; }

.paging a:hover { color: inherit; text-decoration: none !important; }

.paging a[data-active] { cursor: auto; pointer-events: none; }

.paging a.prev[disabled], .paging a.next[disabled] { background-color: #D9D9D9; border-color: transparent; color: #fff; pointer-events: none; }

.paging .icon-page_short { position: relative; margin: 0 8.4px; padding: 0 2px; text-align: center; }

.paging .icon-page_short:before { font-size: 12px; }

.paging .icon-page_short:after { position: absolute; top: calc(50% - 7px); left: 0; right: 0; content: ''; color: rgba(0, 0, 0, 0.25); line-height: 0; text-align: center; }

.paging [data-input-type="select"] { width: auto; margin-left: 12px; }

.paging [data-input-type="select"] select { height: 32px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }

.toggleItem-style[data-detail="true"] .detail:before, .container.jobIntroducing .contentsContainer .jobList .jobItem[data-detail="true"] .detail:before, .container.faq .contentsContainer .faqList li[data-detail="true"] .detail:before, .toggleItem-style:not(:only-child):after, .container.jobIntroducing .contentsContainer .jobList .jobItem:not(:only-child):after, .container.faq .contentsContainer .faqList li:not(:only-child):after { display: block; position: relative; z-index: 1; height: 1px; margin: -1px 23px 0; background-color: #C5C5C5; content: ''; }

.toggleItem-style .button.anchor, .container.jobIntroducing .contentsContainer .jobList .jobItem .button.anchor, .container.faq .contentsContainer .faqList li .button.anchor, .toggleItem-style .detail, .container.jobIntroducing .contentsContainer .jobList .jobItem .detail, .container.faq .contentsContainer .faqList li .detail { padding: 25px 106px; }

.toggleItem-style .button.anchor, .container.jobIntroducing .contentsContainer .jobList .jobItem .button.anchor, .container.faq .contentsContainer .faqList li .button.anchor { display: flex; justify-content: space-between; width: 100%; color: #000; font-size: 17.99px; }

.toggleItem-style .button.anchor:after, .container.jobIntroducing .contentsContainer .jobList .jobItem .button.anchor:after, .container.faq .contentsContainer .faqList li .button.anchor:after { margin-left: 96px; transition: .2s ease-out transform; -webkit-transition: .2s ease-out transform; -moz-transition: .2s ease-out transform; -ms-transition: .2s ease-out transform; -o-transition: .2s ease-out transform; }

.toggleItem-style .button.anchor:hover, .container.jobIntroducing .contentsContainer .jobList .jobItem .button.anchor:hover, .container.faq .contentsContainer .faqList li .button.anchor:hover { background-color: #F5F5F5; }

.toggleItem-style[data-detail="true"] .button.anchor:after, .container.jobIntroducing .contentsContainer .jobList .jobItem[data-detail="true"] .button.anchor:after, .container.faq .contentsContainer .faqList li[data-detail="true"] .button.anchor:after, .toggleItem-style .button.anchor:hover:after, .container.jobIntroducing .contentsContainer .jobList .jobItem .button.anchor:hover:after, .container.faq .contentsContainer .faqList li .button.anchor:hover:after { color: #007AFF; }

.toggleItem-style .detail, .container.jobIntroducing .contentsContainer .jobList .jobItem .detail, .container.faq .contentsContainer .faqList li .detail { display: none; padding-bottom: 35px; }

.toggleItem-style[data-detail="true"], .container.jobIntroducing .contentsContainer .jobList .jobItem[data-detail="true"], .container.faq .contentsContainer .faqList li[data-detail="true"] { background-color: #F5F5F5; }

.toggleItem-style[data-detail="true"] .button.anchor, .container.jobIntroducing .contentsContainer .jobList .jobItem[data-detail="true"] .button.anchor, .container.faq .contentsContainer .faqList li[data-detail="true"] .button.anchor { background-color: transparent; }

.toggleItem-style[data-detail="true"] .button.anchor:after, .container.jobIntroducing .contentsContainer .jobList .jobItem[data-detail="true"] .button.anchor:after, .container.faq .contentsContainer .faqList li[data-detail="true"] .button.anchor:after { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }

@keyframes toggleJobItem { 0% { max-height: 0; }
  100% { max-height: 10000px; } }

.toggleItem-style[data-detail="true"] .detail, .container.jobIntroducing .contentsContainer .jobList .jobItem[data-detail="true"] .detail, .container.faq .contentsContainer .faqList li[data-detail="true"] .detail { display: block; position: relative; overflow: hidden; margin-top: -1px; animation: .3s ease-out toggleJobItem; -webkit-animation: .3s ease-out toggleJobItem; }

.toggleItem-style[data-detail="true"] .detail:before, .container.jobIntroducing .contentsContainer .jobList .jobItem[data-detail="true"] .detail:before, .container.faq .contentsContainer .faqList li[data-detail="true"] .detail:before { position: absolute; top: 0; left: 0; right: 0; margin-top: 0; }

.toggleItem-style[data-detail="true"] .detail .title, .container.jobIntroducing .contentsContainer .jobList .jobItem[data-detail="true"] .detail .title, .container.faq .contentsContainer .faqList li[data-detail="true"] .detail .title { margin-bottom: 18px; font-size: 17.99px; }

.toggleItem-style[data-detail="true"] .detail p, .container.jobIntroducing .contentsContainer .jobList .jobItem[data-detail="true"] .detail p, .container.faq .contentsContainer .faqList li[data-detail="true"] .detail p { white-space: pre-wrap; word-wrap: break-word; word-break: keep-all; }

.toggleItem-style[data-detail="true"] .detail footer, .container.jobIntroducing .contentsContainer .jobList .jobItem[data-detail="true"] .detail footer, .container.faq .contentsContainer .faqList li[data-detail="true"] .detail footer { margin-top: 18px; }

.toggleItem-style[data-detail="true"] .detail footer .button.box, .container.jobIntroducing .contentsContainer .jobList .jobItem[data-detail="true"] .detail footer .button.box, .container.faq .contentsContainer .faqList li[data-detail="true"] .detail footer .button.box, .toggleItem-style[data-detail="true"] .detail footer [data-input-type="switchGroup"] label input[type="radio"] + span, [data-input-type="switchGroup"] label .toggleItem-style[data-detail="true"] .detail footer input[type="radio"] + span, .container.jobIntroducing .contentsContainer .jobList .jobItem[data-detail="true"] .detail footer [data-input-type="switchGroup"] label input[type="radio"] + span, [data-input-type="switchGroup"] label .container.jobIntroducing .contentsContainer .jobList .jobItem[data-detail="true"] .detail footer input[type="radio"] + span, .container.faq .contentsContainer .faqList li[data-detail="true"] .detail footer [data-input-type="switchGroup"] label input[type="radio"] + span, [data-input-type="switchGroup"] label .container.faq .contentsContainer .faqList li[data-detail="true"] .detail footer input[type="radio"] + span, .toggleItem-style[data-detail="true"] .detail footer .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span, .wrapInput.wrapSNSLogin .toggleItem-style[data-detail="true"] .detail footer label > input[type="checkbox"] + span, .container.jobIntroducing .contentsContainer .jobList .jobItem[data-detail="true"] .detail footer .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span, .wrapInput.wrapSNSLogin .container.jobIntroducing .contentsContainer .jobList .jobItem[data-detail="true"] .detail footer label > input[type="checkbox"] + span, .container.faq .contentsContainer .faqList li[data-detail="true"] .detail footer .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span, .wrapInput.wrapSNSLogin .container.faq .contentsContainer .faqList li[data-detail="true"] .detail footer label > input[type="checkbox"] + span, .toggleItem-style[data-detail="true"] .detail footer .paging a, .paging .toggleItem-style[data-detail="true"] .detail footer a, .container.jobIntroducing .contentsContainer .jobList .jobItem[data-detail="true"] .detail footer .paging a, .paging .container.jobIntroducing .contentsContainer .jobList .jobItem[data-detail="true"] .detail footer a, .container.faq .contentsContainer .faqList li[data-detail="true"] .detail footer .paging a, .paging .container.faq .contentsContainer .faqList li[data-detail="true"] .detail footer a, .toggleItem-style[data-detail="true"] .detail footer #dialog_CVPreview .dialogContents .addFileList dt, #dialog_CVPreview .dialogContents .addFileList .toggleItem-style[data-detail="true"] .detail footer dt, .container.jobIntroducing .contentsContainer .jobList .jobItem[data-detail="true"] .detail footer #dialog_CVPreview .dialogContents .addFileList dt, #dialog_CVPreview .dialogContents .addFileList .container.jobIntroducing .contentsContainer .jobList .jobItem[data-detail="true"] .detail footer dt, .container.faq .contentsContainer .faqList li[data-detail="true"] .detail footer #dialog_CVPreview .dialogContents .addFileList dt, #dialog_CVPreview .dialogContents .addFileList .container.faq .contentsContainer .faqList li[data-detail="true"] .detail footer dt { width: 252px; }

/* 채용 공고 상세 */
.board-jobDetail-style .title, #dialog_jobInfo .title, .container.postDetail .contentsContainer .detailContents .title { margin-bottom: .6em; font-size: 17.99px; font-weight: 400; }

.board-jobDetail-style .title:not(:first-child), #dialog_jobInfo .title:not(:first-child), .container.postDetail .contentsContainer .detailContents .title:not(:first-child) { margin-top: 1.8em; }

.board-jobDetail-style p, #dialog_jobInfo p, .container.postDetail .contentsContainer .detailContents p { line-height: 2; white-space: pre-wrap; word-wrap: break-word; word-break: keep-all; }

/* 인재풀 */
#app .buttonPool { display: block; width: 100%; height: 153px; margin-top: 40px; background: #002B49 url(../assets/img/assets.svg) 0 -86px no-repeat; }
#app .buttonPool2 { display: block; width: 100%; height: 153px; margin-top: 40px; background: url(../assets/img/pool.png) 0 0 no-repeat; }

/* 플로팅 버튼 */
.func { position: fixed; top: calc(50% - 60px); left: calc(50% + 1064px/2 + 15px); z-index: 2; padding: 0 !important; }

@media screen and (max-width: 1280px) { .func { left: auto; right: 15px; } }

.func .button { width: 58px; height: 55px; margin: 7px 0; padding: 0 !important; border: 0; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.12); font-size: 11.998px; transition: opacity .2s ease-out; -webkit-transition: opacity .2s ease-out; -moz-transition: opacity .2s ease-out; -ms-transition: opacity .2s ease-out; -o-transition: opacity .2s ease-out; }

.func .button:not(.tinted) { background-color: #EBEBEB; }

.func .button:not(.tinted):hover { color: #007AFF; }

.func .button:not(.tinted):active, .func .paging a.button:not(.tinted)[data-active], .paging .func a.button:not(.tinted)[data-active] { color: #1E6EC6; }

.func .button, .func .button [class^="icon-"] { display: block; }

.func .button [class^="icon-"] { margin: 0 auto 2px !important; }

.func .button[disabled] { opacity: 0; pointer-events: none; }

.func a.button { display: flex; flex-direction: column; justify-content: center; }

#app > .container { max-width: 1064px; min-height: 800px; margin: 0 auto; padding: 66px 0 75px; box-sizing: border-box; }

@media screen and (min-height: 993px) { #app > .container { min-height: calc(100vh - 64px - 129px); } }

#globalHeader { position: relative; /* position:fixed; top:0; left:0; right:0; */ z-index: 999; height: 64px; background-color: #fff; filter: drop-shadow(0px 1px 8px rgba(0, 0, 0, 0.04)); -webkit-filter: drop-shadow(0px 1px 8px rgba(0, 0, 0, 0.04)); }

#globalHeader > nav { display: flex; justify-content: center; align-items: center; }

#globalHeader > nav:before { display: block; width: calc((100% - 1064px)/2); height: 64px; content: ''; }

#globalHeader h1 { margin: 0 0 0 -23px; }

#globalHeader h1 > a { margin-top: -6px; color: #000; font-size: 17.92px; }

#globalHeader h1 > a:hover { color: inherit; }

#globalHeader h1 > a:before { margin: 6px 11px 0 0; content: ''; }

#globalHeader h1 + menu { margin-left: auto; }

#globalHeader nav > menu { display: flex; align-items: center; justify-content: flex-end; min-width: 640px; padding-right: 40px; }

#globalHeader nav > menu > li, #globalHeader nav > menu > li [data-input-type="dropdown"] { height: 64px; }

#globalHeader nav > menu > li:not(:first-child) { margin-left: 14px; }

#globalHeader nav > menu > li > a, #globalHeader nav > menu > li > button, #globalHeader nav > menu > li [data-input-type="dropdown"] > a { position: relative; height: inherit; padding: 0 18px; color: inherit; font-size: 14.98px; line-height: 1.6; white-space: nowrap; }

#globalHeader nav > menu > li > a:before, #globalHeader nav > menu > li > button:before, #globalHeader nav > menu > li [data-input-type="dropdown"] > a:before { display: inline-block; width: 0; height: inherit; content: ''; vertical-align: middle; }

#globalHeader nav > menu > li > a[data-active="true"], #globalHeader nav > menu > li > button[data-active="true"], #globalHeader nav > menu > li [data-input-type="dropdown"] > a[data-active="true"] { color: #007AFF; font-weight: 700; }

#globalHeader nav > menu > li > a[data-active="true"]:after, #globalHeader nav > menu > li > button[data-active="true"]:after, #globalHeader nav > menu > li [data-input-type="dropdown"] > a[data-active="true"]:after { position: absolute; bottom: 0; left: 18px; right: 18px; height: 4px; background-color: #007AFF; content: ""; }

#globalHeader nav > menu > li [data-input-type="dropdown"] > a { background-color: inherit; border: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; text-align: inherit; }

#globalHeader nav > menu > li > button i.icon, #globalHeader nav > menu > li > button i[data-input-type="month"]:before, #globalHeader nav > menu > li > button i[data-input-type="date"]:before, #globalHeader nav > menu > li > button [data-validation] i.validationCheck, [data-validation] #globalHeader nav > menu > li > button i.validationCheck, #globalHeader nav > menu > li > button i.validationMessage[data-validation]:before, #globalHeader nav > menu > li > button .dialogContainer .dialog > i.buttonIcon:first-child, .dialogContainer #globalHeader nav > menu > li > button .dialog > i.buttonIcon:first-child, #globalHeader nav > menu > li > button .toggleItem-style i.button.anchor:after, .toggleItem-style #globalHeader nav > menu > li > button i.button.anchor:after, #globalHeader nav > menu > li > button .container.jobIntroducing .contentsContainer .jobList .jobItem i.button.anchor:after, .container.jobIntroducing .contentsContainer .jobList .jobItem #globalHeader nav > menu > li > button i.button.anchor:after, #globalHeader .container.faq .contentsContainer .faqList nav > menu > li > button i.button.anchor:after, .container.faq .contentsContainer .faqList #globalHeader nav > menu > li > button i.button.anchor:after { margin: 0 -31px 0 7px; transition: transform .2s ease-out; -webkit-transition: transform .2s ease-out; -moz-transition: transform .2s ease-out; -ms-transition: transform .2s ease-out; -o-transition: transform .2s ease-out; }

#globalHeader nav > menu > li > button[data-hover="true"] i.icon, #globalHeader nav > menu > li > button[data-hover="true"] i[data-input-type="month"]:before, #globalHeader nav > menu > li > button[data-hover="true"] i[data-input-type="date"]:before, #globalHeader nav > menu > li > button[data-hover="true"] [data-validation] i.validationCheck, [data-validation] #globalHeader nav > menu > li > button[data-hover="true"] i.validationCheck, #globalHeader nav > menu > li > button[data-hover="true"] i.validationMessage[data-validation]:before, #globalHeader nav > menu > li > button[data-hover="true"] .dialogContainer .dialog > i.buttonIcon:first-child, .dialogContainer #globalHeader nav > menu > li > button[data-hover="true"] .dialog > i.buttonIcon:first-child, #globalHeader nav > menu > li > button[data-hover="true"] .toggleItem-style i.button.anchor:after, .toggleItem-style #globalHeader nav > menu > li > button[data-hover="true"] i.button.anchor:after, #globalHeader nav > menu > li > button[data-hover="true"] .container.jobIntroducing .contentsContainer .jobList .jobItem i.button.anchor:after, .container.jobIntroducing .contentsContainer .jobList .jobItem #globalHeader nav > menu > li > button[data-hover="true"] i.button.anchor:after, #globalHeader .container.faq .contentsContainer .faqList nav > menu > li > button[data-hover="true"] i.button.anchor:after, .container.faq .contentsContainer .faqList #globalHeader nav > menu > li > button[data-hover="true"] i.button.anchor:after, #globalHeader nav > menu > li > button:hover i.icon, #globalHeader nav > menu > li > button:hover i[data-input-type="month"]:before, #globalHeader nav > menu > li > button:hover i[data-input-type="date"]:before, #globalHeader nav > menu > li > button:hover [data-validation] i.validationCheck, [data-validation] #globalHeader nav > menu > li > button:hover i.validationCheck, #globalHeader nav > menu > li > button:hover i.validationMessage[data-validation]:before, #globalHeader nav > menu > li > button:hover .dialogContainer .dialog > i.buttonIcon:first-child, .dialogContainer #globalHeader nav > menu > li > button:hover .dialog > i.buttonIcon:first-child, #globalHeader nav > menu > li > button:hover .toggleItem-style i.button.anchor:after, .toggleItem-style #globalHeader nav > menu > li > button:hover i.button.anchor:after, #globalHeader nav > menu > li > button:hover .container.jobIntroducing .contentsContainer .jobList .jobItem i.button.anchor:after, .container.jobIntroducing .contentsContainer .jobList .jobItem #globalHeader nav > menu > li > button:hover i.button.anchor:after, #globalHeader .container.faq .contentsContainer .faqList nav > menu > li > button:hover i.button.anchor:after, .container.faq .contentsContainer .faqList #globalHeader nav > menu > li > button:hover i.button.anchor:after { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }

#globalHeader nav > menu [data-input-type="dropdown"] ul { top: 100%; min-width: 212px; padding: 11px 0; }

#globalHeader nav > menu [data-input-type="dropdown"] ul a { padding: 11px 0; text-align: center; }

#globalHeader nav > menu [data-input-type="dropdown"] ul a[data-active="true"] { color: #007AFF; font-weight: 700; }

#globalHeader .familySite > div { position: absolute; top: 100%; left: 0; right: 0; padding: 36px 0 35px; background-color: #7B7B7B; color: #fff; }

#globalHeader .familySite > div, #globalHeader .familySite > div menu { display: flex; align-items: center; }

#globalHeader .familySite > div:before { display: block; width: calc((100% - 1064px)/2); min-width: 229px; content: ''; }

#globalHeader .familySite > div .title { align-self: flex-start; width: 207px; margin: 8px 22px 0 -229px; text-align: right; }

#globalHeader .familySite > div .title:after { display: inline-block; width: 1px; height: 43px; margin: 0 0 0 40px; background-color: #8f8f8f; content: ''; vertical-align: middle; }

#globalHeader .familySite > div menu { flex-wrap: wrap; }

#globalHeader .familySite > div menu > li { position: relative; }

#globalHeader .familySite > div menu > li:not(:last-child) { margin-right: 13px; }

#globalHeader .familySite > div menu > li a { padding: 18px 24px; }

#globalHeader .familySite > div menu > li a, #globalHeader .familySite > div menu > li a:hover { color: inherit; }

#globalHeader .familySite > div menu > li a:hover { text-decoration: underline; }

#globalHeader .familySite > div menu > li i.icon, #globalHeader .familySite > div menu > li i[data-input-type="month"]:before, #globalHeader .familySite > div menu > li i[data-input-type="date"]:before, #globalHeader .familySite > div menu > li [data-validation] i.validationCheck, [data-validation] #globalHeader .familySite > div menu > li i.validationCheck, #globalHeader .familySite > div menu > li i.validationMessage[data-validation]:before, #globalHeader .familySite > div menu > li .dialogContainer .dialog > i.buttonIcon:first-child, .dialogContainer #globalHeader .familySite > div menu > li .dialog > i.buttonIcon:first-child, #globalHeader .familySite > div menu > li .toggleItem-style i.button.anchor:after, .toggleItem-style #globalHeader .familySite > div menu > li i.button.anchor:after, #globalHeader .familySite > div menu > li .container.jobIntroducing .contentsContainer .jobList .jobItem i.button.anchor:after, .container.jobIntroducing .contentsContainer .jobList .jobItem #globalHeader .familySite > div menu > li i.button.anchor:after, #globalHeader .familySite > div .container.faq .contentsContainer .faqList menu > li i.button.anchor:after, .container.faq .contentsContainer .faqList #globalHeader .familySite > div menu > li i.button.anchor:after { position: absolute; top: 50%; right: 0; width: 20px; height: 20px; margin-top: -11px; }

@keyframes iconNew { 0% { background-color: rgba(255, 131, 61, 0.7);
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1); }
  100% { background-color: rgba(255, 131, 61, 0);
    transform: scale(1.6);
    -webkit-transform: scale(1.6);
    -moz-transform: scale(1.6);
    -ms-transform: scale(1.6);
    -o-transform: scale(1.6); } }

#globalHeader .familySite > div menu > li i.icon:before, #globalHeader .familySite > div menu > li i[data-input-type="month"]:before, #globalHeader .familySite > div menu > li i[data-input-type="date"]:before, #globalHeader .familySite > div menu > li [data-validation] i.validationCheck:before, [data-validation] #globalHeader .familySite > div menu > li i.validationCheck:before, #globalHeader .familySite > div menu > li i.validationMessage[data-validation]:before, #globalHeader .familySite > div menu > li .dialogContainer .dialog > i.buttonIcon:first-child:before, .dialogContainer #globalHeader .familySite > div menu > li .dialog > i.buttonIcon:first-child:before, #globalHeader .familySite > div menu > li i.icon:after, #globalHeader .familySite > div menu > li [data-validation] i.validationCheck:after, [data-validation] #globalHeader .familySite > div menu > li i.validationCheck:after, #globalHeader .familySite > div menu > li .dialogContainer .dialog > i.buttonIcon:first-child:after, .dialogContainer #globalHeader .familySite > div menu > li .dialog > i.buttonIcon:first-child:after, #globalHeader .familySite > div menu > li .toggleItem-style i.button.anchor:after, .toggleItem-style #globalHeader .familySite > div menu > li i.button.anchor:after, #globalHeader .familySite > div menu > li .container.jobIntroducing .contentsContainer .jobList .jobItem i.button.anchor:after, .container.jobIntroducing .contentsContainer .jobList .jobItem #globalHeader .familySite > div menu > li i.button.anchor:after, #globalHeader .familySite > div .container.faq .contentsContainer .faqList menu > li i.button.anchor:after, .container.faq .contentsContainer .faqList #globalHeader .familySite > div menu > li i.button.anchor:after { display: inline-block; width: inherit; height: inherit; }

#globalHeader .familySite > div menu > li i.icon:before, #globalHeader .familySite > div menu > li i[data-input-type="month"]:before, #globalHeader .familySite > div menu > li i[data-input-type="date"]:before, #globalHeader .familySite > div menu > li [data-validation] i.validationCheck:before, [data-validation] #globalHeader .familySite > div menu > li i.validationCheck:before, #globalHeader .familySite > div menu > li i.validationMessage[data-validation]:before, #globalHeader .familySite > div menu > li .dialogContainer .dialog > i.buttonIcon:first-child:before, .dialogContainer #globalHeader .familySite > div menu > li .dialog > i.buttonIcon:first-child:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; animation: 1s infinite iconNew; -webkit-animation: 1s infinite iconNew; background-color: rgba(255, 131, 61, 0.7); border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; content: ''; font: inherit; transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); }

#globalHeader .familySite > div menu > li i.icon:after, #globalHeader .familySite > div menu > li [data-validation] i.validationCheck:after, [data-validation] #globalHeader .familySite > div menu > li i.validationCheck:after, #globalHeader .familySite > div menu > li .dialogContainer .dialog > i.buttonIcon:first-child:after, .dialogContainer #globalHeader .familySite > div menu > li .dialog > i.buttonIcon:first-child:after, #globalHeader .familySite > div menu > li .toggleItem-style i.button.anchor:after, .toggleItem-style #globalHeader .familySite > div menu > li i.button.anchor:after, #globalHeader .familySite > div menu > li .container.jobIntroducing .contentsContainer .jobList .jobItem i.button.anchor:after, .container.jobIntroducing .contentsContainer .jobList .jobItem #globalHeader .familySite > div menu > li i.button.anchor:after, #globalHeader .familySite > div .container.faq .contentsContainer .faqList menu > li i.button.anchor:after, .container.faq .contentsContainer .faqList #globalHeader .familySite > div menu > li i.button.anchor:after { position: relative; background-color: #FF833D; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; color: #fff; content: 'N'; font-size: 14px; line-height: 18px; vertical-align: top; text-align: center; }

#globalHeader .familySite button:not([data-hover="true"]) + div { display: none; }

@keyframes familySiteHoverBg { 0% { background-color: rgba(123, 123, 123, 0); }
  100% { background-color: #7b7b7b; } }

@keyframes familySiteHover { 0% { opacity: 0;
    transform: translateX(-20px);
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px); }
  100% { opacity: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0); } }

#globalHeader .familySite button[data-hover="true"] + div { animation: .2s ease-out familySiteHoverBg; -webkit-animation: .2s ease-out familySiteHoverBg; }

#globalHeader .familySite button[data-hover="true"] + div menu, #globalHeader .familySite button[data-hover="true"] + div .title { animation: .2s ease-out familySiteHover; -webkit-animation: .2s ease-out familySiteHover; }

#globalHeader nav > menu + menu { justify-content: flex-end; min-width: 250px; margin-left: auto; padding-right: 58px; }

#globalHeader nav > menu + menu li > a, #globalHeader nav > menu + menu li > button { padding: 0 9px; font-size: 14px; }

#globalHeader nav > menu + menu li > a .icon, #globalHeader nav > menu + menu li > a .inputButton input[type="checkbox"] + span, .inputButton #globalHeader nav > menu + menu li > a input[type="checkbox"] + span, #globalHeader nav > menu + menu li > a .inputButton input[type="radio"] + span, .inputButton #globalHeader nav > menu + menu li > a input[type="radio"] + span, #globalHeader nav > menu + menu li > a [data-input-type="month"]:before, #globalHeader nav > menu + menu li > a [data-input-type="date"]:before, #globalHeader nav > menu + menu li > a [data-validation] .validationCheck, [data-validation] #globalHeader nav > menu + menu li > a .validationCheck, #globalHeader nav > menu + menu li > a .validationMessage[data-validation]:before, #globalHeader nav > menu + menu li > a .dialogContainer .dialog > .buttonIcon:first-child, .dialogContainer #globalHeader nav > menu + menu li > a .dialog > .buttonIcon:first-child, #globalHeader nav > menu + menu li > a .alertDialogContainer .dialog header:before, .alertDialogContainer .dialog #globalHeader nav > menu + menu li > a header:before, #globalHeader nav > menu + menu li > a .paging a.prev, .paging #globalHeader nav > menu + menu li > a a.prev, #globalHeader nav > menu + menu li > a .paging a.next, .paging #globalHeader nav > menu + menu li > a a.next, #globalHeader nav > menu + menu li > a .toggleItem-style .button.anchor:after, .toggleItem-style #globalHeader nav > menu + menu li > a .button.anchor:after, #globalHeader nav > menu + menu li > a .container.jobIntroducing .contentsContainer .jobList .jobItem .button.anchor:after, .container.jobIntroducing .contentsContainer .jobList .jobItem #globalHeader nav > menu + menu li > a .button.anchor:after, #globalHeader nav > menu + menu .container.faq .contentsContainer .faqList li > a .button.anchor:after, .container.faq .contentsContainer .faqList #globalHeader nav > menu + menu li > a .button.anchor:after, #globalHeader nav > menu + menu li > a #dialog_CVPreview .dialogContents .infoDetail dt:before, #dialog_CVPreview .dialogContents .infoDetail #globalHeader nav > menu + menu li > a dt:before, #globalHeader nav > menu + menu li > a #dialog_CVPreview .dialogContents .infoDetail dd:before, #dialog_CVPreview .dialogContents .infoDetail #globalHeader nav > menu + menu li > a dd:before, #globalHeader nav > menu + menu li > a #dialog_CVPreview .dialogContents .career .info dt:before, #dialog_CVPreview .dialogContents .career .info #globalHeader nav > menu + menu li > a dt:before, #globalHeader nav > menu + menu li > button .icon, #globalHeader nav > menu + menu li > button .inputButton input[type="checkbox"] + span, .inputButton #globalHeader nav > menu + menu li > button input[type="checkbox"] + span, #globalHeader nav > menu + menu li > button .inputButton input[type="radio"] + span, .inputButton #globalHeader nav > menu + menu li > button input[type="radio"] + span, #globalHeader nav > menu + menu li > button [data-input-type="month"]:before, #globalHeader nav > menu + menu li > button [data-input-type="date"]:before, #globalHeader nav > menu + menu li > button [data-validation] .validationCheck, [data-validation] #globalHeader nav > menu + menu li > button .validationCheck, #globalHeader nav > menu + menu li > button .validationMessage[data-validation]:before, #globalHeader nav > menu + menu li > button .dialogContainer .dialog > .buttonIcon:first-child, .dialogContainer #globalHeader nav > menu + menu li > button .dialog > .buttonIcon:first-child, #globalHeader nav > menu + menu li > button .alertDialogContainer .dialog header:before, .alertDialogContainer .dialog #globalHeader nav > menu + menu li > button header:before, #globalHeader nav > menu + menu li > button .paging a.prev, .paging #globalHeader nav > menu + menu li > button a.prev, #globalHeader nav > menu + menu li > button .paging a.next, .paging #globalHeader nav > menu + menu li > button a.next, #globalHeader nav > menu + menu li > button .toggleItem-style .button.anchor:after, .toggleItem-style #globalHeader nav > menu + menu li > button .button.anchor:after, #globalHeader nav > menu + menu li > button .container.jobIntroducing .contentsContainer .jobList .jobItem .button.anchor:after, .container.jobIntroducing .contentsContainer .jobList .jobItem #globalHeader nav > menu + menu li > button .button.anchor:after, #globalHeader nav > menu + menu .container.faq .contentsContainer .faqList li > button .button.anchor:after, .container.faq .contentsContainer .faqList #globalHeader nav > menu + menu li > button .button.anchor:after, #globalHeader nav > menu + menu li > button #dialog_CVPreview .dialogContents .infoDetail dt:before, #dialog_CVPreview .dialogContents .infoDetail #globalHeader nav > menu + menu li > button dt:before, #globalHeader nav > menu + menu li > button #dialog_CVPreview .dialogContents .infoDetail dd:before, #dialog_CVPreview .dialogContents .infoDetail #globalHeader nav > menu + menu li > button dd:before, #globalHeader nav > menu + menu li > button #dialog_CVPreview .dialogContents .career .info dt:before, #dialog_CVPreview .dialogContents .career .info #globalHeader nav > menu + menu li > button dt:before { margin-left: 4.2px; }

#globalFooter { display: flex; justify-content: center; align-items: center; height: 129px; background-color: #fff; }

#globalFooter:before, #globalFooter .policyList { width: calc((100% - 1064px)/2); box-sizing: border-box; }

#globalFooter:before { display: block; min-width: 168px; content: ''; }

#globalFooter .info { flex-grow: 1; position: relative; max-width: 1064px; color: #919194; font-style: normal; }

#globalFooter .info:before { position: absolute; top: 0; left: -138px; margin: 0 30px 0 0; content: ''; }

#globalFooter .info small, #globalFooter .info address { font: inherit; text-indent: 0; }

#globalFooter .policyList { min-width: 460px; padding: 0 87px 0 48px; }

#globalFooter .policyList dl { text-align: left; }

#globalFooter .policyList dl dt, #globalFooter .policyList dl dd { display: inline-block; vertical-align: middle; }

#globalFooter .policyList dl .button.text { padding: 0; }

#globalFooter .policyList dl .button.text:not(:hover) { text-decoration: none; }

#globalFooter .policyList dl dd { width: 186px; margin-left: 24px; }

#dialog_PrivacyPolicy .dialogContents { white-space: pre-wrap; }

#dialog_PrivacyPolicy .dialogContents h4, #dialog_PrivacyPolicy .dialogContents h5 { display: inline-block; font-size: 14px; font-weight: 400; }

#dialog_PrivacyPolicy .dialogContents table { width: 100%; }

#dialog_PrivacyPolicy .dialogContents table, #dialog_PrivacyPolicy .dialogContents table th, #dialog_PrivacyPolicy .dialogContents table td { border: 1px solid #7d7d7d; border-spacing: 0px 0px; border-collapse: collapse; empty-cells: show; }

#dialog_PrivacyPolicy .dialogContents table th, #dialog_PrivacyPolicy .dialogContents table td { padding: 5px; }

#dialog_PrivacyPolicy .dialogContents table th { text-align: center; }

/* login.html */
.container.login .contentsContainer { padding: 61px 0 129px; border-top-color: #CECECE; }

.container.login .contentsContainer fieldset { display: block; max-width: 415px; margin: 0 auto; }

.container.login .contentsContainer fieldset + fieldset { margin-top: 40px; }

.container.login .contentsContainer p.sub { color: #535353; letter-spacing: -.03em; }

.container.login .contentsContainer p.sub:before { content: '*'; }

.container.login .contentsContainer .wrapAnchor { position: relative; z-index: 1; height: 0; text-align: right; }

.container.login .contentsContainer .wrapAnchor .button:before { content: '*'; }

.container.login .contentsContainer .wrapAnchor .button:hover { text-decoration: underline; }

.container.login .contentsContainer .inputButton + .wrapAnchor .button { position: absolute; bottom: calc(100% + 2px); right: 0; }

.container.login .contentsContainer .inputButton + .wrapAnchor .button:not(:hover):not(:active) { color: #787878; }

.container.login .contentsContainer fieldset.wrapSubmit .button { width: 100%; vertical-align: top; }

.container.login .contentsContainer fieldset.wrapSubmit + fieldset { margin-top: 34px; }

.container.login .contentsContainer .wrapSNSLogin { margin-top: 0; }

.container.login .contentsContainer .wrapSNSLogin dt + dd:before { content: '*'; }

.container.findPassword .contentsContainer { padding: 73px 0 157px; }

.container.findPassword .contentsContainer fieldset + fieldset { margin-top: 17px; }

.container.findPassword .contentsContainer fieldset:last-child { margin-top: 21px; }

.container.editPassword .contentsContainer { padding: 116px 0; }

.container.editPassword .contentsContainer fieldset:last-child { margin-top: 14px; }

/* join.html */
.container.join .contentsContainer { padding: 71px 0 73px; }

.container.join .contentsContainer fieldset { max-width: 786px; margin: 0 auto; }

.container.join .contentsContainer fieldset label:not(.inlineItems) > dl dd { max-width: 364px; }

.container.join .contentsContainer fieldset:first-child label:not(.inlineItems) > dl dd { max-width: 580px; }

.container.join .contentsContainer fieldset + fieldset { margin-top: 36px; padding-top: 29px; border-top: 2px dashed #C8C8C8; }

.container.join .contentsContainer fieldset.wrapSubmit { border-top: none; }

.container.join .contentsContainer fieldset.wrapSubmit > button[type="submit"] { width: 100%; }

.container.join .contentsContainer fieldset .wrapSNSLogin dd:last-child { display: flex; flex-wrap: wrap; align-items: center; margin: -7px -8px; }

.container.join .contentsContainer fieldset .wrapSNSLogin dd:last-child > label { width: calc(50% - 8px); max-width: 310px; margin: 7px 8px; }

.container.join .contentsContainer fieldset .inputEmail [data-input-type="select"] + input { display: none; }

.container.join .contentsContainer fieldset .inputEmail [data-input-type="select"][data-type="inputSelf"] + input { display: inline-block; }

.container.join .contentsContainer fieldset .wrapAgreeField { position: relative; }

.container.join .contentsContainer fieldset .wrapAgreeField .wrapButton { position: absolute; top: calc(1em + 5px); right: 0; }

.container.join .contentsContainer fieldset .wrapAgreeField .wrapButton .button { padding-left: 12px; padding-right: 12px; font-size: 15.9992px; }

.container.join .contentsContainer fieldset .wrapAgreeField .wrapButton .button i.icon, .container.join .contentsContainer fieldset .wrapAgreeField .wrapButton .button i[data-input-type="month"]:before, .container.join .contentsContainer fieldset .wrapAgreeField .wrapButton .button i[data-input-type="date"]:before, .container.join .contentsContainer fieldset .wrapAgreeField .wrapButton .button [data-validation] i.validationCheck, [data-validation] .container.join .contentsContainer fieldset .wrapAgreeField .wrapButton .button i.validationCheck, .container.join .contentsContainer fieldset .wrapAgreeField .wrapButton .button i.validationMessage[data-validation]:before, .container.join .contentsContainer fieldset .wrapAgreeField .wrapButton .button .dialogContainer .dialog > i.buttonIcon:first-child, .dialogContainer .container.join .contentsContainer fieldset .wrapAgreeField .wrapButton .button .dialog > i.buttonIcon:first-child, .container.join .contentsContainer fieldset .wrapAgreeField .wrapButton .button .toggleItem-style i.button.anchor:after, .toggleItem-style .container.join .contentsContainer fieldset .wrapAgreeField .wrapButton .button i.button.anchor:after, .container.join .container.jobIntroducing .contentsContainer fieldset .wrapAgreeField .wrapButton .button .jobList .jobItem i.button.anchor:after, .container.jobIntroducing .container.join .contentsContainer fieldset .wrapAgreeField .wrapButton .button .jobList .jobItem i.button.anchor:after, .container.join .container.jobIntroducing .contentsContainer .jobList .jobItem fieldset .wrapAgreeField .wrapButton .button i.button.anchor:after, .container.jobIntroducing .container.join .contentsContainer .jobList .jobItem fieldset .wrapAgreeField .wrapButton .button i.button.anchor:after, .container.join .container.faq .contentsContainer fieldset .wrapAgreeField .wrapButton .button .faqList li i.button.anchor:after, .container.faq .container.join .contentsContainer fieldset .wrapAgreeField .wrapButton .button .faqList li i.button.anchor:after, .container.join .container.faq .contentsContainer .faqList li fieldset .wrapAgreeField .wrapButton .button i.button.anchor:after, .container.faq .container.join .contentsContainer .faqList li fieldset .wrapAgreeField .wrapButton .button i.button.anchor:after { margin-left: 0; }

.container.join .contentsContainer fieldset .wrapAgreeField .wrapButton .button i.icon:before, .container.join .contentsContainer fieldset .wrapAgreeField .wrapButton .button i[data-input-type="month"]:before, .container.join .contentsContainer fieldset .wrapAgreeField .wrapButton .button i[data-input-type="date"]:before, .container.join .contentsContainer fieldset .wrapAgreeField .wrapButton .button [data-validation] i.validationCheck:before, [data-validation] .container.join .contentsContainer fieldset .wrapAgreeField .wrapButton .button i.validationCheck:before, .container.join .contentsContainer fieldset .wrapAgreeField .wrapButton .button i.validationMessage[data-validation]:before, .container.join .contentsContainer fieldset .wrapAgreeField .wrapButton .button .dialogContainer .dialog > i.buttonIcon:first-child:before, .dialogContainer .container.join .contentsContainer fieldset .wrapAgreeField .wrapButton .button .dialog > i.buttonIcon:first-child:before { font-size: 19.2px; }

.container.join .contentsContainer fieldset > div + div { margin-top: 26px; }

.container.join .contentsContainer .authentication { display: flex; margin: 0 -7px; }

.container.join .contentsContainer .authentication > label { display: inline-block; width: calc(33.33% - 14px); margin: 0 7px; }

.container.join .contentsContainer .authentication .button.box, .container.join .contentsContainer .authentication [data-input-type="switchGroup"] label input[type="radio"] + span, [data-input-type="switchGroup"] label .container.join .contentsContainer .authentication input[type="radio"] + span, .container.join .contentsContainer .authentication .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span, .wrapInput.wrapSNSLogin .container.join .contentsContainer .authentication label > input[type="checkbox"] + span, .container.join .contentsContainer .authentication .paging a, .paging .container.join .contentsContainer .authentication a, .container.join .contentsContainer .authentication #dialog_CVPreview .dialogContents .addFileList dt, #dialog_CVPreview .dialogContents .addFileList .container.join .contentsContainer .authentication dt { width: 100%; text-align: center; }

#dialog_agree .dialogContents { padding: 39px 65px; white-space: pre-wrap; }

#dialog_agree .dialogContents h2 { margin: 0; font-size: inherit; }

#dialog_agree .dialogContents blockquote { margin: 0; padding: 10px 12px; border: 1px solid #D7D7D7; }

/* CVRegister.html */
.container.CVRegister .contentsContainer { max-width: 1064px; margin: 0 auto; }

.container.CVRegister .contentsContainer > fieldset { padding: 0 74px; }

.container.CVRegister .contentsContainer .infoDetail { position: relative; padding-top: 36px; padding-bottom: 30px; background-color: #EDEDED; }

.container.CVRegister .contentsContainer .infoDetail dl + dl { margin-top: 26px; }

.container.CVRegister .contentsContainer .infoDetail dl.jobInfo { padding-right: 110px; }

.container.CVRegister .contentsContainer .infoDetail dl.jobInfo dt + dd { font-size: 19.999px; }

.container.CVRegister .contentsContainer .infoDetail dl.jobInfo .wrapButton { position: absolute; top: 60px; right: 74px; }

.container.CVRegister .contentsContainer .infoDetail dl.CVProfile dt { font-size: 37.9988px; }

.container.CVRegister .contentsContainer .infoDetail dl.CVProfile dd { font-size: 17.9998px; }

#dialog_CVPreview .title, .container.CVRegister .contentsContainer .title { margin: 0 0 19.992px; font-size: 19.992px; font-weight: 400; }

#dialog_CVPreview .title:before, .container.CVRegister .contentsContainer .title:before { display: inline-block; width: 6px; height: .8em; margin: -3px 5px 0 0; background-color: #00A0DF; content: ''; vertical-align: middle; }

.container.CVRegister .contentsContainer .CV { padding-top: 23px; padding-bottom: 55px; background-color: #fff; }

.container.CVRegister .contentsContainer .CV .icon-notOptional { margin: 0 2px; color: #EF336B; }

.container.CVRegister .contentsContainer .CV .icon-notOptional:before { font-family: inherit; font-size: 14px; content: '*'; }

.container.CVRegister .contentsContainer .CV > div + div { margin-top: 28px; }

.container.CVRegister .contentsContainer .CV .wrapInput + .wrapInput { margin-top: 22px; }

.container.CVRegister .contentsContainer .CV .inputFile { display: inline-block; }

#dialog_CVPreview .profile, .container.CVRegister .contentsContainer .CV .inputFile .picture { width: 120px; height: 140px; margin-bottom: 17px; background-color: #EAEAEA; }

#dialog_CVPreview .profile img, .container.CVRegister .contentsContainer .CV .inputFile .picture img { width: 100%; height: 100%; object-fit: cover; vertical-align: top; }

#dialog_CVPreview .profile img[src=""], #dialog_CVPreview .profile img:not([src]), .container.CVRegister .contentsContainer .CV .inputFile .picture img[src=""], .container.CVRegister .contentsContainer .CV .inputFile .picture img:not([src]) { display: none; }

.container.CVRegister .contentsContainer .CV textarea { height: 124px; padding: 8px; }

.container.CVRegister .contentsContainer .CV textarea.row2 { height: 200px; }

.container.CVRegister .contentsContainer .CV input[type="text"], .container.CVRegister .contentsContainer .CV input[type="email"], .container.CVRegister .contentsContainer .CV input[type="date"], .container.CVRegister .contentsContainer .CV input[type="month"] { width: 153px; }

.container.CVRegister .contentsContainer .CV select, .container.CVRegister .contentsContainer .CV input.col0 { width: 227px; }

.container.CVRegister .contentsContainer .CV input.col2 { width: 177px; }

.container.CVRegister .contentsContainer .CV input.col7 { width: 215px; }

.container.CVRegister .contentsContainer .CV select.col6, .container.CVRegister .contentsContainer .CV input.col6 { width: 265px; }

.container.CVRegister .contentsContainer .CV input.col3 { width: 308px; }

.container.CVRegister .contentsContainer .CV input.col4 { width: 400px; }

.container.CVRegister .contentsContainer .CV input.col5 { width: 495px; }

.container.CVRegister .contentsContainer .CV .zipcode { position: relative; }

.container.CVRegister .contentsContainer .CV .zipcode input { padding-right: 40px; }

.container.CVRegister .contentsContainer .CV .zipcode .buttonIcon { position: absolute; top: 8px; right: 8px; }

.container.CVRegister .contentsContainer .CV .wrapInput.flexItems > *:last-child .inputButton:last-child { margin-left: 23px; }

.container.CVRegister .contentsContainer .CV .column, .container.CVRegister .contentsContainer .CV .addColumn > div { position: relative; }

.container.CVRegister .contentsContainer .CV .column > header, .container.CVRegister .contentsContainer .CV .addColumn > div > header { position: absolute; top: 34px; right: 32px; }

.container.CVRegister .contentsContainer .CV .column > header .buttonIcon:not(:hover):not(:active), .container.CVRegister .contentsContainer .CV .addColumn > div > header .buttonIcon:not(:hover):not(:active) { color: #CBCBCB; }

.container.CVRegister .contentsContainer .CV .addColumn > footer { margin-top: 15px; }

.container.CVRegister .contentsContainer .CV .column + footer { margin-top: 16px; padding-top: 19px; }

.container.CVRegister .contentsContainer .CV .column + footer, .container.CVRegister .contentsContainer .CV .projectList { border-top: 1px dashed #C8C8C8; }

.container.CVRegister .contentsContainer .CV .projectList { margin-top: 26px; padding-top: 22px; }

.container.CVRegister .contentsContainer .CV .wrapInputFile { position: relative; }

.container.CVRegister .contentsContainer .CV .wrapInputFile .title + .button { position: absolute; top: 0; right: 0; }

.container.CVRegister .contentsContainer .CV .wrapInputFile .wrapInput .desc { right: 100px; }

#portfolioGuide .dialogContents h2 { margin-bottom: 21px; font-size: 16.8px; font-weight: 400; }

#portfolioGuide .dialogContents h3 { font-weight: 400; }

#portfolioGuide .dialogContents > *:not(h2) { margin-left: 1.6em; }

#portfolioGuide .dialogContents ul > li { padding-left: 10px; text-indent: -10px; }

#portfolioGuide .dialogContents ul > li:before { display: inline-block; width: 3px; height: 3px; margin: -3px 7px 0 0; background-color: #C2C9D1; content: ''; text-indent: 0; vertical-align: middle; }

#portfolioGuide .dialogContents ol { padding-left: 14px; }

#portfolioGuide .dialogContents ol li { list-style: decimal; }

#portfolioGuide .dialogContents ol li:not(:first-child) { margin-top: 1em; }

#portfolioGuide .dialogContents ol li > span { display: block; padding-left: 14px; text-indent: -14px; }

#portfolioGuide .dialogContents ol li > span:before { display: inline-block; width: 14px; content: '-'; text-indent: 0; vertical-align: middle; }

#portfolioGuide .dialogContents ol li > span.reference { margin-top: 1em; }

#portfolioGuide .dialogContents ol li > span.reference:before { margin-top: -.4em; content: '\203B'; }

#dialog_CVPreview .addFileList, .container.CVRegister .contentsContainer .CV .addFileList { margin: 3px -2.8px 0; }

#dialog_CVPreview .addFileList .fileItem, .container.CVRegister .contentsContainer .CV .addFileList .fileItem { display: inline-flex; justify-content: flex-start; margin: 7px 2.8px 0; padding: 6px 14px; background-color: rgba(194, 201, 209, 0.25); border-radius: 1.5em; -webkit-border-radius: 1.5em; -moz-border-radius: 1.5em; -ms-border-radius: 1.5em; -o-border-radius: 1.5em; }

#dialog_CVPreview .addFileList .fileItem > a, #dialog_CVPreview .addFileList .fileItem > .button:not(.buttonIcon), .container.CVRegister .contentsContainer .CV .addFileList .fileItem > a, .container.CVRegister .contentsContainer .CV .addFileList .fileItem > .button:not(.buttonIcon) { text-align: left; }

#dialog_CVPreview .addFileList .fileItem .buttonIcon, .container.CVRegister .contentsContainer .CV .addFileList .fileItem .buttonIcon { margin-left: 4px; color: rgba(170, 176, 183, 0.625); }

#dialog_CVPreview .addFileList .fileItem .buttonIcon .icon-delete_file:before, .container.CVRegister .contentsContainer .CV .addFileList .fileItem .buttonIcon .icon-delete_file:before { font-size: 16.8px; }

.container.CVRegister .contentsContainer .CV .wrapInput.flexItems .addFileList { padding: 0 10px; }

.container.CVRegister .contentsContainer .CV .wrapInput .foreignLanguage dd:last-child { display: none; }

.container.CVRegister .contentsContainer .CV .wrapInput .foreignLanguage [data-type="etc"] + dd { display: inline-block; }

.container.CVRegister .contentsContainer .CV .wrapInput .foreignLanguage [data-type="etc"] select { width: 89px !important; }

.container.CVRegister .contentsContainer .CV hr { height: 0; margin-top: 33px; border: 0; border-top: 1px dashed #C8C8C8; }

.container.CVRegister .contentsContainer .CV + fieldset { padding-bottom: 27px; }

.container.CVRegister .contentsContainer .CV + fieldset:before { display: block; height: 0; margin-bottom: 39px; border-top: 1px dashed #C8C8C8; content: ''; font-size: 0; }

.container.CVRegister .contentsContainer .CV + fieldset .wrapInput dt.subTitle, .container.CVRegister .contentsContainer .CV + fieldset .subTitle { color: #000; font-size: 14px; font-weight: 400; }

.container.CVRegister .contentsContainer .CV + fieldset .subTitle:not(dt) { margin-top: 34px; margin-bottom: 14px; }

.container.CVRegister .contentsContainer .CV + fieldset input[type="text"], .container.CVRegister .contentsContainer .CV + fieldset input[type="date"] { width: 265px; }

.container.CVRegister .contentsContainer .CV + fieldset input[type="text"].col1 { width: 227px; }

.container.CVRegister .contentsContainer .CV + fieldset .wrapInput + .wrapInput { margin-top: 28px; }

.container.CVRegister .contentsContainer .CV + fieldset .wrapAgreeField .desc { top: 33.6px; right: auto; left: 120px; }

.container.CVRegister .contentsContainer .CV + fieldset .wrapAgreeField .desc .button { margin-top: -4px; }

.container.CVRegister .contentsContainer .CV + fieldset .wrapAgreeField .desc .button .icon-search:before { font-size: 16.8px; }

.container.CVRegister .contentsContainer .CV + fieldset .wrapAgreeField dd > label { font-size: 17.5px; }

.container.CVRegister .contentsContainer .CV + fieldset .wrapAgreeField label { margin: 5px 0; }

.container.CVRegister .contentsContainer .CV + fieldset .wrapAgreeField ul { margin-left: 23.8px; }

#dialog_agreeDetail .dialogContents { white-space: pre-wrap; word-wrap: break-word; word-break: keep-all; }

.container.CVRegister .contentsContainer .footer { padding-bottom: 48px; text-align: center; }

.container.CVRegister .contentsContainer .footer .button { width: 262px; }

#dialog_CVPreview header h1 { font-size: 19.999px; }

#dialog_CVPreview header sup { display: block; top: 0; font-size: 14px; line-height: inherit; }

#dialog_CVPreview header .plan { font-weight: 700; }

#dialog_CVPreview .dialogContents .infoDetail { position: relative; min-height: 140px; padding-left: 135px; }

#dialog_CVPreview .dialogContents .infoDetail .profile { position: absolute; top: 0; left: 0; margin-bottom: 0; }

#dialog_CVPreview .dialogContents .infoDetail dt:before, #dialog_CVPreview .dialogContents .infoDetail dd:before { margin-right: 4px; color: #262626; }

#dialog_CVPreview .dialogContents .infoDetail dt { margin-bottom: 15px; font-size: 28px; font-weight: 700; }

#dialog_CVPreview .dialogContents .infoDetail dt span { display: inline-block; font-size: 17.99px; vertical-align: middle; }

#dialog_CVPreview .dialogContents .infoDetail dd { color: #939393; }

#dialog_CVPreview .dialogContents .infoDetail dd:not(:last-child) { margin-bottom: 6px; }

#dialog_CVPreview .dialogContents .infoDetail dd:nth-child(3), #dialog_CVPreview .dialogContents .infoDetail dd:nth-child(4) { display: inline-block; width: 270px; vertical-align: middle; }

#dialog_CVPreview .dialogContents .infoDetail + .title { margin-top: 31px; margin-bottom: 9px; }

#dialog_CVPreview .dialogContents .title { margin-top: 54px; }

#dialog_CVPreview .dialogContents .group { color: #939393; }

#dialog_CVPreview .dialogContents .group span:not(:first-child):before { margin-right: 4px; content: '>'; }

#dialog_CVPreview .dialogContents .career + .career { margin-top: 33px; }

#dialog_CVPreview .dialogContents .career .info dt, #dialog_CVPreview .dialogContents .career .info dd, #dialog_CVPreview .dialogContents .career .projectInfo dt, #dialog_CVPreview .dialogContents .career .projectInfo dd { display: inline-block; vertical-align: middle; }

#dialog_CVPreview .dialogContents .career .info dt, #dialog_CVPreview .dialogContents .career .projectInfo dt { margin-right: 7px; }

#dialog_CVPreview .dialogContents .career .info dd, #dialog_CVPreview .dialogContents .career .projectInfo dd { margin-right: 4px; }

#dialog_CVPreview .dialogContents .career .info dl { color: #939393; }

#dialog_CVPreview .dialogContents .career .info dt { font-size: 17.99px; }

#dialog_CVPreview .dialogContents .career .info dt:before { margin: -3px 6px 0 0; color: #262626; }

#dialog_CVPreview .dialogContents .career .info .more { display: flex; justify-content: space-between; margin-top: 6px; color: #939393; }

#dialog_CVPreview .dialogContents .career .info .more .salary { color: #007AFF; }

#dialog_CVPreview .dialogContents .career .info + .project { margin-top: 6px; }

#dialog_CVPreview .introduce, #dialog_CVPreview .dialogContents .career .project { padding: 18px 26px; background-color: #F1F1F1; }

#dialog_CVPreview .dialogContents .career .project { margin-top: 14px; }

#dialog_CVPreview .dialogContents .career .project .projectInfo { display: flex; justify-content: space-between; color: #6D6D6D; }

#dialog_CVPreview .dialogContents .career .project .projectInfo dt { font-weight: 700; }

#dialog_CVPreview .dialogContents .career .project .projectInfo dl:last-child { min-width: 126px; padding-left: 28px; text-align: right; }

#dialog_CVPreview .dialogContents .career .project .projectInfo + p { padding: 19px 0; }

#dialog_CVPreview .introduce, #dialog_CVPreview .dialogContents .career .project > p { color: #6D6D6D; white-space: pre-wrap; word-wrap: break-word; word-break: keep-all; }

#dialog_CVPreview .dialogContents .career .project p + p { padding: 12px 0 15px; border-top: 1px dashed #C8C8C8; }

#dialog_CVPreview .dialogContents .addFileList dl { display: flex; }

#dialog_CVPreview .dialogContents .addFileList dl + dl { margin-top: 10px; }

#dialog_CVPreview .dialogContents .addFileList dt { width: 197px; height: max-content; margin-right: 10px; pointer-events: none; }

#dialog_CVPreview .dialogContents .addFileList dl:hover dt { color: #40A9FF; }

#dialog_CVPreview .dialogContents .addFileList .fileItem { margin: 3px; }

#dialog_CVPreview .dialogContents .addFileList .button.text { text-decoration: none; }

#dialog_CVPreview .dialogContents .moreInfo { color: #939393; }

#dialog_CVPreview .dialogContents .moreInfo dl + dl { margin-top: 13px; }

#dialog_CVPreview .dialogContents .moreInfo.multiline dl { margin-top: 4px; }

#dialog_CVPreview .dialogContents .moreInfo p, #dialog_CVPreview .dialogContents .moreInfo dt { font-size: 17.99px; }

#dialog_CVPreview .dialogContents .moreInfo dt, #dialog_CVPreview .dialogContents .moreInfo dd:not(.subInfo) { display: inline-block; vertical-align: middle; }

#dialog_CVPreview .dialogContents .moreInfo dd:not(.subInfo) { margin-left: 3px; }

.container.postList .contentsContainer, .container.faq .contentsContainer { background-color: transparent; box-shadow: none; }

.container.postList .contentsContainer > fieldset:first-child, .container.faq .contentsContainer > fieldset:first-child { background-color: #fff; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.04); }

/* postList.html */
.container.postList .contentsContainer fieldset > .header, .container.postList .contentsContainer fieldset > .tagGroup { padding: 12px 17px; }

.container.postList .contentsContainer .header { border-bottom: 1px solid #262626; }

.container.postList .contentsContainer .header + .wrapPostGroup li:first-child:before { display: none; }

.container.postList .contentsContainer .paging { margin-bottom: 0; }

/* postDetail.html */
.container.postDetail .contentsContainer { padding-top: 65px; }

.container.postDetail .contentsContainer .process, .container.postDetail .contentsContainer .detailContents, .container.postDetail .contentsContainer header > h3, .container.postDetail .contentsContainer header .moreInfo { padding: 0 43px; }

.container.postDetail .contentsContainer header { position: sticky; top: 0; background-color: #fff; }

.container.postDetail .contentsContainer header h3 { padding-top: 25px; padding-bottom: 25px; border-bottom: 3px solid #DBDBDB; font-size: 28px; font-weight: 400; }

.container.postDetail .contentsContainer header h3 sub { display: block; margin-bottom: 8px; font-size: 17.9998px; line-height: inherit; }

.container.postDetail .contentsContainer header .moreInfo { display: flex; align-items: flex-start; padding-top: 25px; padding-bottom: 25px; }

.container.postDetail .contentsContainer header .moreInfo > div { width: 50%; }

.container.postDetail .contentsContainer header .moreInfo > div:last-child { text-align: right; }

.container.postDetail .contentsContainer header .moreInfo > div:last-child .button { width: 104px; vertical-align: top; }

.container.postDetail .contentsContainer header .moreInfo > div:last-child .button.tinted, .container.postDetail .contentsContainer header .moreInfo > div:last-child [data-input-type="switchGroup"] label input[type="radio"]:checked + span.button, [data-input-type="switchGroup"] label .container.postDetail .contentsContainer header .moreInfo > div:last-child input[type="radio"]:checked + span.button, .container.postDetail .contentsContainer header .moreInfo > div:last-child .wrapInput.wrapSNSLogin label > input[type="checkbox"]:checked + span.button, .wrapInput.wrapSNSLogin .container.postDetail .contentsContainer header .moreInfo > div:last-child label > input[type="checkbox"]:checked + span.button, .container.postDetail .container.join .contentsContainer header .moreInfo > div:last-child .authentication > label > input:checked + button.button, .container.join .container.postDetail .contentsContainer header .moreInfo > div:last-child .authentication > label > input:checked + button.button, .container.postDetail .container.myPage .contentsContainer header .moreInfo > div:last-child dl dd.button, .container.myPage .container.postDetail .contentsContainer header .moreInfo > div:last-child dl dd.button, .container.postDetail .container.myPage .contentsContainer header dl .moreInfo > div:last-child dd.button, .container.myPage .container.postDetail .contentsContainer header dl .moreInfo > div:last-child dd.button { width: 252px; }

.container.postDetail .contentsContainer .detailContents { padding-top: 90px; }

.container.postDetail .contentsContainer .detailContents:after { display: block; height: 0; margin: 56px 21px 0; border-bottom: 1px dashed #C8C8C8; content: ''; }

.container.postDetail .contentsContainer .process { padding-top: 19px; padding-bottom: 19px; text-align: center; }

.container.postDetail .contentsContainer .process img { max-width: calc(100% - 42px); vertical-align: top; }

/* myPage.html */
.container.myPage .contentsContainer { padding: 0; }

.container.myPage .contentsContainer header { position: relative; padding: 36px 170px 36px 22px; }

.container.myPage .contentsContainer header dl dt { float: left; margin-right: 14px; font-size: 37.9988px; line-height: 1.2; }

.container.myPage .contentsContainer header dl dd + dd { margin-top: 3px; }

.container.myPage .contentsContainer header dl:after { display: block; height: 0; clear: both; content: ''; }

.container.myPage .contentsContainer header .button.box.dashed, .container.myPage .contentsContainer header [data-input-type="switchGroup"] label input[type="radio"] + span.dashed, [data-input-type="switchGroup"] label .container.myPage .contentsContainer header input[type="radio"] + span.dashed, .container.myPage .contentsContainer header .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span.dashed, .wrapInput.wrapSNSLogin .container.myPage .contentsContainer header label > input[type="checkbox"] + span.dashed, .container.myPage .contentsContainer header .paging a.dashed, .paging .container.myPage .contentsContainer header a.dashed, .container.myPage .contentsContainer header #dialog_CVPreview .dialogContents .addFileList dt.dashed, #dialog_CVPreview .dialogContents .addFileList .container.myPage .contentsContainer header dt.dashed { position: absolute; top: calc(50% - 16px); right: 37px; width: 126px; }

.container.myPage .contentsContainer .title { padding: 15px 16px; background-color: #ECECEC; border-top: 3px solid #DBDBDB; font-weight: 400; font-size: 23.996px; }

.container.myPage .contentsContainer .wrapPostGroup.noCareer .career, .container.myPage .contentsContainer .wrapPostGroup li:before { display: none; }

.container.myPage .contentsContainer .wrapPostGroup li { min-height: 69px; }

.container.myPage .contentsContainer .wrapPostGroup a.postListItem { padding: 16px 133px 16px 39px; }

.container.myPage .contentsContainer .wrapPostGroup a.postListItem dt { max-width: 650px; }

.container.myPage .contentsContainer .wrapPostGroup a.postListItem .career { top: 25px; right: 133px; }

.container.myPage .contentsContainer .wrapPostGroup .buttonIcon.delete { position: absolute; top: calc(50% - 12px); right: 60px; }

.container.myPage .contentsContainer .linkSNS p { margin: 17px 36px 0; }

.container.myPage .contentsContainer .wrapSNSLogin { padding: 19px 54px; }

.container.myPage .contentsContainer .wrapSNSLogin label { display: inline-block; max-width: 310px; margin: 7px 8px; }

.container.myPage .contentsContainer + footer { margin-top: 10px; text-align: right; }

#alert_dropOut .dialog .inputPassword { display: block; max-width: 354px; margin: 48px auto 0; }

/* jobIntroducing.html */
.container.jobIntroducing .contentsContainer header { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; padding: 37px 21px; text-align: center; }

.container.jobIntroducing .contentsContainer header label { display: inline-block; position: relative; width: 14.285%; margin: -1px 0 0 -1px; border: 1px solid #DBDBDB; box-sizing: border-box; cursor: pointer; }

.container.jobIntroducing .contentsContainer header label input + span { display: inline-block; width: 100%; padding: 33px 0 17px; font-size: 17.99px; }

.container.jobIntroducing .contentsContainer header label input + span i { display: block; margin-bottom: 14px; color: #000; }

.container.jobIntroducing .contentsContainer header label input + span i:before { font-size: 49.9992px; }

.container.jobIntroducing .contentsContainer header label input:checked + span i { color: inherit; }

.container.jobIntroducing .contentsContainer header label input:checked + span, .container.jobIntroducing .contentsContainer header label:hover input + span { background-color: #F5F5F5; color: #007AFF; }

.container.jobIntroducing .contentsContainer header label:hover { z-index: 1; }

.container.jobIntroducing .contentsContainer .jobList { border-top: 2px solid #757575; }

/* faq.html */
.container.faq .contentsContainer .faqList:before { display: block; height: 1px; margin: 0 20px; background-color: #C5C5C5; content: ''; }

.container.faq .contentsContainer .faqList li .detail:before { display: none !important; }

.container.faq .contentsContainer .faqList li .button.anchor { position: relative; padding: 42px 50px 36px 36px; }

.container.faq .contentsContainer .faqList li .button.anchor .date, .container.faq .contentsContainer .faqList li .button.anchor .category { position: absolute; left: 36px; font-size: 14px; }

.container.faq .contentsContainer .faqList li .button.anchor .category { top: 23px; }

.container.faq .contentsContainer .faqList li .button.anchor .date { bottom: 18px; color: #C5C5C5; }

.container.faq .contentsContainer .faqList li .button.anchor:hover { background-color: #F5F5F5 !important; }

.container.faq .contentsContainer .faqList li .detail { padding-left: 75px; }

.container.faq .contentsContainer .faqList li[data-detail="true"] { background-color: #fff; }

.container.faq .contentsContainer .paging { margin-bottom: 0; }

.container.faq > footer { margin-top: 23px; }

.container.faq > footer dl { display: flex; justify-content: space-between; align-items: center; }

.container.faq > footer dl dt { color: #625E5E; font-size: 14.994px; }

.container.faq > footer .button.box, .container.faq > footer [data-input-type="switchGroup"] label input[type="radio"] + span, [data-input-type="switchGroup"] label .container.faq > footer input[type="radio"] + span, .container.faq > footer .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span, .wrapInput.wrapSNSLogin .container.faq > footer label > input[type="checkbox"] + span, .container.faq > footer .paging a, .paging .container.faq > footer a, .container.faq > footer #dialog_CVPreview .dialogContents .addFileList dt, #dialog_CVPreview .dialogContents .addFileList .container.faq > footer dt { width: 317px; padding: 16px 0; background-color: #E4E4E4; border-color: transparent; }

.container.faq > footer .button.box .icon-write, .container.faq > footer [data-input-type="switchGroup"] label input[type="radio"] + span .icon-write, [data-input-type="switchGroup"] label .container.faq > footer input[type="radio"] + span .icon-write, .container.faq > footer .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span .icon-write, .wrapInput.wrapSNSLogin .container.faq > footer label > input[type="checkbox"] + span .icon-write, .container.faq > footer .paging a .icon-write, .paging .container.faq > footer a .icon-write, .container.faq > footer #dialog_CVPreview .dialogContents .addFileList dt .icon-write, #dialog_CVPreview .dialogContents .addFileList .container.faq > footer dt .icon-write { margin-right: 15px; }

/* notice.html */
.container.notice .contentsContainer .header { display: block; }

.container.notice .contentsContainer .header > div:only-child { margin-left: auto; }

.container.notice .contentsContainer .faqList li .button.anchor { padding-top: 36px; }

/* qna.html */
.container.qna .contentsContainer { padding: 49px 0 83px; }

.container.qna .contentsContainer > fieldset { padding: 0 78px; }

.container.qna .contentsContainer .header { padding-bottom: 28px; border-bottom: 1px solid #C8C8C8; }

.container.qna .contentsContainer .header label { max-width: 533px; }

.container.qna .contentsContainer .header label .desc { color: #7d7d7d; }

.container.qna .contentsContainer .header + fieldset { margin-bottom: 38px; padding-top: 14px; }

.container.qna .contentsContainer .agreement .title { font-size: 14.9996px; }

.container.qna .contentsContainer .agreement p { margin-top: 28px; white-space: pre-wrap; word-wrap: break-word; word-break: keep-all; }

.container.qna .contentsContainer .agreement p strong { display: inline-block; margin-bottom: 7px; }

.container.qna .contentsContainer .agreement p + dl { margin-top: 14px; }

.container.qna .contentsContainer .agreement p + dl .inputButton { margin: 7px 0; }

.container.qna .contentsContainer .agreement p + dl .inputButton span { color: #7d7d7d; }

.container.qna .contentsContainer .agreement footer { margin-top: 28px; text-align: center; }

.container.qna .contentsContainer .agreement footer .button.box, .container.qna .contentsContainer .agreement footer [data-input-type="switchGroup"] label input[type="radio"] + span, [data-input-type="switchGroup"] label .container.qna .contentsContainer .agreement footer input[type="radio"] + span, .container.qna .contentsContainer .agreement footer .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span, .wrapInput.wrapSNSLogin .container.qna .contentsContainer .agreement footer label > input[type="checkbox"] + span, .container.qna .contentsContainer .agreement footer .paging a, .paging .container.qna .contentsContainer .agreement footer a, .container.qna .contentsContainer .agreement footer #dialog_CVPreview .dialogContents .addFileList dt, #dialog_CVPreview .dialogContents .addFileList .container.qna .contentsContainer .agreement footer dt { width: 262px; }

.container.qna .contentsContainer .agreement footer .button.box + .button, .container.qna .contentsContainer .agreement footer [data-input-type="switchGroup"] label input[type="radio"] + span + .button, [data-input-type="switchGroup"] label .container.qna .contentsContainer .agreement footer input[type="radio"] + span + .button, .container.qna .contentsContainer .agreement footer .wrapInput.wrapSNSLogin label > input[type="checkbox"] + span + .button, .wrapInput.wrapSNSLogin .container.qna .contentsContainer .agreement footer label > input[type="checkbox"] + span + .button, .container.qna .contentsContainer .agreement footer .paging a + .button, .paging .container.qna .contentsContainer .agreement footer a + .button, .container.qna .contentsContainer .agreement footer #dialog_CVPreview .dialogContents .addFileList dt + .button, #dialog_CVPreview .dialogContents .addFileList .container.qna .contentsContainer .agreement footer dt + .button { margin-left: 5px; }

/* company_information.html */
.container.company { padding-top: 0 !important; }

.container.company > .wrapContents { text-align: center; }

.container.company > .wrapContents:before { display: block; height: 1px; margin: 0 187px 80px; content: ''; }

.container.company > .wrapContents:not(:last-child) { padding-bottom: 167px; }

.container.company > .wrapContents:not(:nth-child(2)):before { background-color: #C8C8C8; }

.container.company > .wrapContents:not(:nth-child(2)) img { display: block; max-width: 100%; object-fit: cover; }

.container.company > .wrapContents .h2 { margin-bottom: 33px; }
/*# sourceMappingURL=style.css.map */


select::-ms-expand {display:none}
#globalHeader > nav {justify-content:flex-start;}
[data-input-type="switchGroup"] label input[type="radio"]:disabled:checked + span {background-color: #1890FF !important;border-color: transparent !important;color: #fff !important;cursor: auto !important;}

.ui-datepicker-calendar .ui-state-default,.ui-datepicker-buttonpane.ui-widget-content .ui-state-default { border: 1px solid #c5c5c5 !important; background: #f6f6f6 !important; font-weight: normal !important; color: #454545 !important; }
.ui-datepicker-today .ui-state-highlight {border: 1px solid #fad42e !important; background: #fbec88 url(/images/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x !important; color: #363636 !important; }
.ui-datepicker-current-day .ui-state-active {color: #e17009 !important;}
.ui-datepicker .ui-datepicker-prev span.ui-icon, .ui-datepicker .ui-datepicker-next span.ui-icon {display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px;width:16px;height:16px;text-indent:-99999px;overflow:hidden;background-repeat: no-repeat;background-image: url("/css/style/images_ui-icons_444444_256x240.png");}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { top: 12px !important;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: none !important; }
.ui-datepicker select.ui-datepicker-year {  width: 45% !important; padding: 0 10px !important;}

[data-validation][data-validation="checked"] [data-check] {border-color: #3CC13B !important;}
[data-validation][data-validation="error"] [data-check] {border-color: #F03738 !important;}
.ui-dialog .ui-dialog-buttonpane button:hover { color:#2e6e9e !important;}
#dialog_CVPreview .introduce {margin-bottom:10px}
.container.CVRegister .contentsContainer .SV .icon-notOptional {margin:0 2px;color:#EF336B}
.container.CVRegister .contentsContainer .SV .icon-notOptional:before{font-family:inherit;font-size:14px;content:'*'}

#globalHeader h1 > a.NX:before {width: 108px;height: 33px;background: url(https://bimg.nexon.com/images/career_imgs/NEW/NX/sub_logo.jpg) center center / cover no-repeat;}
#globalHeader h1 > a.NO:before {width: 57px;height: 33px;background: url(https://bimg.nexon.com/images/career_imgs/NEW/NO/sub_logo.jpg) center center / cover no-repeat;}
#globalHeader h1 > a.GH:before {width: 108px;height: 22px;background: url(https://bimg.nexon.com/images/career_imgs/NEW/GH/sub_logo.jpg) center center / cover no-repeat;}
#globalHeader h1 > a.NW:before {width: 108px;height: 33px;background: url(https://bimg.nexon.com/images/career_imgs/NEW/NW/sub_logo.jpg) center center / cover no-repeat;}
#globalHeader h1 > a.NU:before {width: 108px;height: 32px;background: url(https://bimg.nexon.com/images/career_imgs/NEW/NU/sub_logo.jpg) center center / cover no-repeat;}
#globalHeader h1 > a.MD:before {width: 108px;height: 33px;background: url(https://bimg.nexon.com/images/career_imgs/NEW/MD/sub_logo.jpg) center center / cover no-repeat;vertical-align:sub;}
#globalHeader h1 > a.NT:before {width: 108px;height: 33px;background: url(https://bimg.nexon.com/images/career_imgs/NEW/NT/sub_logo.jpg) center center / cover no-repeat;vertical-align:bottom;}
#globalHeader h1 > a.DV:before {width: 108px;height: 33px;background: url(https://bimg.nexon.com/images/career_imgs/NEW/DV/sub_logo.jpg) center center / cover no-repeat;vertical-align:bottom;}
#globalHeader h1 > a.GN:before {width: 108px;height: 33px;background: url(https://bimg.nexon.com/images/career_imgs/NEW/GN/sub_logo.jpg) center center / cover no-repeat;vertical-align:bottom;}
#globalHeader h1 > a.AG:before {width: 108px;height: 48px;background: url(https://bimg.nexon.com/images/career_imgs/NEW/AG/sub_logo.jpg) center center / cover no-repeat;}
#globalHeader h1 > a.XC:before {width: 108px;height: 41px;background: url(https://bimg.nexon.com/images/career_imgs/NEW/XC/sub_logo.jpg) center center / cover no-repeat;}
#globalFooter .info.NX:before {width: 120px;height: 36px;background: url(https://bimg.nexon.com/images/career_imgs/NEW/NX/footer_logo.jpg) center center / cover no-repeat;}
#globalFooter .info.NO:before {width: 107px;height: 60px;background: url(https://bimg.nexon.com/images/career_imgs/NEW/NO/footer_logo.jpg) center center / cover no-repeat;}
#globalFooter .info.GH:before {width: 120px;height: 26px;background: url(https://bimg.nexon.com/images/career_imgs/NEW/GH/footer_logo.jpg) center center / cover no-repeat;}
#globalFooter .info.NW:before {width: 118px;height: 38px;background: url(https://bimg.nexon.com/images/career_imgs/NEW/NW/footer_logo.jpg) center center / cover no-repeat;}
#globalFooter .info.NU:before {width: 119px;height: 36px;background: url(https://bimg.nexon.com/images/career_imgs/NEW/NU/footer_logo.jpg) center center / cover no-repeat;}
#globalFooter .info.MD:before {width: 91px;height: 23px;background: url(https://bimg.nexon.com/images/career_imgs/NEW/MD/footer_logo.jpg) center center / cover no-repeat;margin-top:7px;}
#globalFooter .info.NT:before {width: 120px;height: 36px;background: url(https://bimg.nexon.com/images/career_imgs/NEW/NT/footer_logo.jpg) center center / cover no-repeat;}
#globalFooter .info.DV:before {width: 120px;height: 36px;background: url(https://bimg.nexon.com/images/career_imgs/NEW/DV/footer_logo.jpg) center center / cover no-repeat;}
#globalFooter .info.GN:before {width: 120px;height: 37px;background: url(https://bimg.nexon.com/images/career_imgs/NEW/GN/footer_logo.jpg) center center / cover no-repeat;}
#globalFooter .info.AG:before {width: 120px;height: 54px;background: url(https://bimg.nexon.com/images/career_imgs/NEW/AG/footer_logo.jpg) center center / cover no-repeat;}
#globalFooter .info.XC:before {width: 120px;height: 46px;background: url(https://bimg.nexon.com/images/career_imgs/NEW/XC/footer_logo.jpg) center center / cover no-repeat;}

/*넥슨*/
.icon-NX_11::before{content: "\e913" !important;}/*게임사운드*/
.icon-NX_12::before{content: "\e924" !important;}/*웹 기획*/
.icon-NX_16::before{content: "\e90b" !important;}/*기업디자인*/
.icon-NX_18::before{content: "\e91d" !important;}/*모바일사업*/
.icon-NX_19::before{content: "\e926" !important;}/*프로덕션*/
.icon-NX_2::before{content: "\e911" !important;}/*게임기획*/
.icon-NX_21::before{content: "\e900" !important;}/*분석가(Analyst)*/
.icon-NX_22::before{content: "\e90c" !important;}/*엔지니어*/
.icon-NX_23::before{content: "\e918" !important;}/*정보보안*/
.icon-NX_4::before{content: "\e90f" !important;}/*게임아트*/
.icon-NX_5::before{content: "\e912" !important;}/*게임프로그래밍*/
.icon-NX_7::before{content: "\e910" !important;}/*게임사업*/
.icon-NX_8::before{content: "\e921" !important;}/*해외사업*/
.icon-NX_9::before{content: "\e904" !important;}/*경영지원*/
/*네오플*/
.icon-NO_1::before{content: "\e911" !important;}/*게임기획*/
.icon-NO_10::before{content: "\e911" !important;}/*웹*/
.icon-NO_2::before{content: "\e912" !important;}/*프로그래밍*/
.icon-NO_3::before{content: "\e90f" !important;}/*게임그래픽*/
.icon-NO_4::before{content: "\e90c" !important;}/*기술지원*/
.icon-NO_5::before{content: "\e910" !important;}/*게임사업*/
.icon-NO_6::before{content: "\e904" !important;}/*경영지원*/
.icon-NO_9::before{content: "\e913" !important;}/*멀티미디어*/
/*GT*/
.icon-GH_11::before{content: "\e913" !important;}/*게임사운드*/
.icon-GH_12::before{content: "\e924" !important;}/*웹 기획*/
.icon-GH_16::before{content: "\e90b" !important;}/*기업디자인*/
.icon-GH_17::before{content: "\e936" !important;}/*게임운영*/
.icon-GH_18::before{content: "\e926" !important;}/*프로덕션*/
.icon-GH_2::before{content: "\e911" !important;}/*게임기획*/
.icon-GH_4::before{content: "\e90f" !important;}/*게임아트*/
.icon-GH_5::before{content: "\e912" !important;}/*게임프로그래밍*/
.icon-GH_6::before{content: "\e90c" !important;}/*IT엔지니어*/
.icon-GH_7::before{content: "\e910" !important;}/*게임사업*/
.icon-GH_8::before{content: "\e921" !important;}/*해외사업*/
.icon-GH_9::before{content: "\e904" !important;}/*경영지원*/
/*네트웍스*/
.icon-NW_7::before{content: "\e935" !important;}/*게임QA*/
.icon-NW_5::before{content: "\e904" !important;}/*경영지원*/
.icon-NW_8::before{content: "\e936" !important;}/*게임 서비스*/
/*커뮤니케이션즈*/
.icon-NU_13::before{content: "\e93a" !important;}/*더놀자*/
.icon-NU_18::before{content: "\e939" !important;}/*웹서비스*/
.icon-NU_19::before{content: "\e936" !important;}/*컨택서비스*/
.icon-NU_9::before{content: "\e904" !important;}/*지원팀*/
/*NMP*/
.icon-MD_10::before{content: "\e90c" !important;}/*IT엔지니어*/
.icon-MD_11::before{content: "\e90b" !important;}/*기업디자인*/
.icon-MD_13::before{content: "\e900" !important;}/*기획/마케팅*/
.icon-MD_14::before{content: "\e910" !important;}/*영업*/
.icon-MD_15::before{content: "\e937" !important;}/*키오스크제작*/
.icon-MD_2::before{content: "\e934" !important;}/*채널사업*/
.icon-MD_3::before{content: "\e936" !important;}/*고객지원*/
.icon-MD_5::before{content: "\e904" !important;}/*경영지원*/
.icon-MD_6::before{content: "\e933" !important;}/*사업지원*/
.icon-MD_7::before{content: "\e935" !important;}/*QA*/
.icon-MD_9::before{content: "\e938" !important;}/*플랫폼 엔지니어*/
/*니트로*/
.icon-NT_11::before{content: "\e913" !important;}/*게임사운드*/
.icon-NT_13::before{content: "\e926" !important;}/*총괄*/
.icon-NT_19::before{content: "\e926" !important;}/*프로덕션*/
.icon-NT_2::before{content: "\e911" !important;}/*게임기획*/
.icon-NT_21::before{content: "\e900" !important;}/*분석가(Analyst)*/
.icon-NT_22::before{content: "\e90c" !important;}/*엔지니어*/
.icon-NT_4::before{content: "\e90f" !important;}/*게임아트*/
.icon-NT_5::before{content: "\e912" !important;}/*게임프로그래밍*/
.icon-NT_7::before{content: "\e910" !important;}/*게임사업*/
.icon-NT_8::before{content: "\e921" !important;}/*해외사업*/
.icon-NT_9::before{content: "\e904" !important;}/*경영지원*/
/*데브캣*/
.icon-DV_11::before{content: "\e913" !important;}/*게임사운드*/
.icon-DV_16::before{content: "\e90b" !important;}/*기업디자인*/
.icon-DV_19::before{content: "\e926" !important;}/*프로덕션*/
.icon-DV_2::before{content: "\e911" !important;}/*게임기획*/
.icon-DV_22::before{content: "\e90c" !important;}/*엔지니어*/
.icon-DV_4::before{content: "\e90f" !important;}/*게임아트*/
.icon-DV_5::before{content: "\e912" !important;}/*게임프로그래밍*/
.icon-DV_7::before{content: "\e910" !important;}/*게임사업*/
.icon-DV_9::before{content: "\e904" !important;}/*경영지원*/
/*엔진*/
.icon-GN_19::before{content: "\e90c" !important;}/*엔지니어*/
.icon-GN_5::before{content: "\e912" !important;}/*게임프로그래밍*/
/*NXC*/
.icon-XC_1::before{content: "\e904" !important;}/*경영지원*/
.icon-XC_3::before{content: "\e910" !important;}/*게임사업->사업지원*/
.icon-XC_4::before{content: "\e900" !important;}/*분석가(Analyst)*/
.icon-XC_5::before{content: "\e90b" !important;}/*기업디자인->브랜드홍보*/
.icon-XC_8::before{content: "\e924" !important;}/*웹 기획->신규프로젝트*/
/*넷게임즈*/
.icon-AG_26::before{content: "\e911" !important;}/*게임기획*/
.icon-AG_27::before{content: "\e90f" !important;}/*게임아트*/
.icon-AG_28::before{content: "\e912" !important;}/*게임프로그래밍*/
.icon-AG_29::before{content: "\e913" !important;}/*게임사운드*/
.icon-AG_30::before{content: "\e904" !important;}/*경영지원*/
.icon-AG_32::before{content: "\e90c" !important;}/*엔지니어*/
.icon-AG_33::before{content: "\e910" !important;}/*게임사업*/
.icon-AG_34::before{content: "\e926" !important;}/*프로덕션*/
.icon-AG_35::before{content: "\e936" !important;}/*게임운영*/
.icon-AG_36::before{content: "\e90b" !important;}/*기업디자인*/
.icon-AG_37::before{content: "\e924" !important;}/*웹 기획*/
.icon-AG_38::before{content: "\e921" !important;}/*해외사업*/


.container.notice .contentsContainer .header {display: flex;}

#app > .container { background-color: #fff;}

.icon-notOptional {margin:0 2px;color:#EF336B}
.icon-notOptional:before{font-family:inherit;font-size:14px;content:'*'}

dd[data-input-type=byteCheck] textarea {min-height: 200px;overflow:hidden;resize:none;}

#careerHTML [id*=detailCareerHeight_] {height: 29px;border-top: 1px solid #C8C8C8;margin-top: 29px;}
#schoolHTML [id*=schoolTable_],#langHTML [id*=langTable_],#awardHTML [id*=awardTable_],#certHTML [id*=certTable_],#awardHTML [id*=awardTable_] {border-top: 1px dashed #C8C8C8;margin-top: 29px;padding-top: 29px;}
.CV hr{border:none !important}
.wrapInputFile .button.box.tinted {height:40px !important}

#app > .container {background-color: transparent !important}
.container.postList .contentsContainer, .container.faq .contentsContainer {background-color: #fff !important}
.icon-page_short.reverse { transform: rotate(180deg);}

.wrapInput.custom dl label {display:block !important;max-width: 364px !important;}
.wrapInput.custom dl {margin-top: 8px !important;}
[data-input-type="date"] input#txtBirthday {padding-left: 38px;padding-right: 8px;}

#globalHeader nav > menu [data-input-type="dropdown"] ul{
    transform: translate(-50%, 0px) scale(1);
    -webkit-transform: translate(-50%, 0px) scale(1);
    -moz-transform: translate(-50%, 0px) scale(1);
    -ms-transform: translate(-50%, 0px) scale(1);
    -o-transform: translate(-50%, 0px) scale(1);
    }
@keyframes dropdownPop2 { 0% { opacity: 0;
    transform: translate(-50%, -12px) scale(0.95);
    -webkit-transform: translate(-50%, -12px) scale(0.95);
    -moz-transform: translate(-50%, -12px) scale(0.95);
    -ms-transform: translate(-50%, -12px) scale(0.95);
    -o-transform: translate(-50%, -12px) scale(0.95); }
  100% { opacity: 1;
    transform: translate(-50%, 0px) scale(1);
    -webkit-transform: translate(-50%, 0px) scale(1);
    -moz-transform: translate(-50%, 0px) scale(1);
    -ms-transform: translate(-50%, 0px) scale(1);
    -o-transform: translate(-50%, 0px) scale(1); } }

[data-input-type="dropdown"][data-detail="true"]:not([data-position="top"]) ul, [data-input-type="dropdown"][data-detail="true"]:not([data-position="top"]) ol, [data-input-type="dropdown"][data-detail="true"]:not([data-position="top"]) div { animation: .2s ease-out dropdownPop2 !important; -webkit-animation: .2s ease-out dropdownPop2 !important; }

/* #ELWP-2961 1:1 문의하기 페이지에디터 영역 아이콘 UI 어긋나는 이슈 처리*/
a.cke_button {height: 26px !important;}

div.faqList > ul > li[data-detail="true"] > button { background-color: #F5F5F5 !important; }

.container.postDetail .contentsContainer .detailContents:after {border:none !important;}

.wrapPostGroup a.postListItem dt {font-size: 20px;}
.wrapPostGroup a.postListItem {padding: 25px 180px 24px 37px;}
.wrapPostGroup a.postListItem .career {position: absolute; top: 17px; right: 37px;}

.policyList [data-input-type="dropdown"] ul {
    transform: translate(-50%, 0px) scale(1);
    -webkit-transform: translate(-50%, 0px) scale(1);
    -moz-transform: translate(-50%, 0px) scale(1);
    -ms-transform: translate(-50%, 0px) scale(1);
    -o-transform: translate(-50%, 0px) scale(1);
    }
@keyframes dropdownPopTop2 {
    0% {
        opacity:0;
        transform:translate(-50%, 12px) scale(0.95);
        -webkit-transform:translate(-50%, 12px) scale(0.95);
        -moz-transform:translate(-50%, 12px) scale(0.95);
        -ms-transform:translate(-50%, 12px) scale(0.95);
        -o-transform:translate(-50%, 12px) scale(0.95);
    }
    100% {
        opacity:1;
        transform: translate(-50%, 0px) scale(1);
        -webkit-transform: translate(-50%, 0px) scale(1);
        -moz-transform: translate(-50%, 0px) scale(1);
        -ms-transform: translate(-50%, 0px) scale(1);
        -o-transform: translate(-50%, 0px) scale(1);
    }
}
[data-input-type="dropdown"][data-detail="true"][data-position="top"] ul, [data-input-type="dropdown"][data-detail="true"][data-position="top"] ol, [data-input-type="dropdown"][data-detail="true"][data-position="top"] div { animation: .2s ease-out dropdownPopTop2; -webkit-animation: .2s ease-out dropdownPopTop2; }
/* NW 공지사항 앞부분 공백 생기는 이슈 처리*/
.toggleItem-style[data-detail="true"] .detail p, .container.faq .contentsContainer .faqList li[data-detail="true"] .detail p {white-space: normal !important;}

.container.company > .wrapContents:not(:last-child) {padding-bottom: 0px !important;}
.container.company {padding-top: 66px !important;}
.wrapContents#companyInfo1 {border-top: 3px solid #858585;}
.container.company > .wrapContents {background-color: #fff !important;} 

/*maintenance page*/
#app > .container.maintenance {min-height: calc(100vh - 129px) !important;height:830px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-bottom:129px;}
#app > .container.maintenance img {margin-bottom:100px;}
#app > .container.maintenance h2 {font-size:43px;color:#333;font-weight:normal;}
#app > .container.maintenance h2.focus {font-size:48px;color:#1890FF;}
#app > .container.maintenance .tit{display:flex;flex-direction:column;align-items:center;}
#app > .container.maintenance .maintenance-main{display:flex;justify-content:center;flex-direction:column;margin-top:30px;background-color:#fff;;font-size:26px;min-width:500px;max-width:900px;padding:20px 0;color:#333;border-radius:8px;border:1px solid #e4e4e4;}
#app > .container.maintenance .maintenance-main p {padding: 4px 40px;line-height:1.4;}
#app > .container.maintenance .maintenance-main div {padding-bottom:20px;}
#app > .container.maintenance .maintenance-main strong {font-weight:normal;color:#888;}
#app > .container.maintenance .maintenance-main .caption {font-size:20px;font-weight:normal;padding:4px 0;word-break: keep-all;}

/*modal-pop page*/
.modal-pop {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.2);z-index:1000;display:none;}
.modal-pop .dim {position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;border:none;cursor:pointer;background:transparent;}
.modal-pop .modal-body {display:flex;justify-content:center;align-items:center;width:100%;height:100%;}
.modal-pop .modal-wrap {background-color:#fff;width:460px;min-height:200px;padding:16px 0 18px 0;border-radius:4px;z-index: 1;}
.modal-pop .modal-wrap .modal-header {border-bottom: 1px solid #d7d7d7;}
.modal-pop .modal-wrap .inner h1 {font-size:18px;font-weight:normal;padding:0 0 12px 20px;}
.modal-pop .modal-wrap .inner .modal-content {padding:20px 30px;word-break: keep-all;}
.modal-pop .modal-wrap .inner .modal-content p {padding:30px 0 10px 0;font-size:16px;color:#777;}
.modal-pop .modal-wrap .inner .modal-content p.action {padding:14px 0px 0px 0px !important;font-size:16px;color:#000;}
.modal-pop .modal-wrap .inner .modal-content p.action.big {font-size:18px;}
.modal-pop .modal-wrap .inner .modal-content p.action strong{font-weight:normal;color:#1890FF;}
.modal-pop .modal-wrap .inner .modal-content p strong{font-weight:normal;color:#000;}
.modal-pop .modal-wrap .inner .modal-bottom {display:flex;justify-content:center;padding-top:5px;}
.modal-pop .modal-wrap .inner .modal-close {display:block;width:70px;height:35px;border:none;background-color:#007AFF;color:#fff;font-size:14px;cursor:pointer;}
.modal-pop .modal-wrap .inner .modal-nottoday {display:flex;justify-content:flex-end;padding:15px 10px 0 0;}
.modal-pop .modal-wrap .inner .modal-nottoday-close {border:none;background-color:transparent;cursor:pointer;font-size:12px;color:#666;}
.modal-pop .modal-wrap .inner .modal-nottoday-close strong {font-weight:normal;color:#000;text-decoration:underline;}