@charset "UTF-8";
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/** 1. Set default font family to sans-serif. 2. Prevent iOS and IE text size adjust after device orientation change, without disabling user zoom. */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500;700&family=Noto+Sans+KR:wght@300;500;700&family=Noto+Sans:wght@400;700&family=Noto+Serif+KR:wght@300;500;700&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap');

@font-face {
    font-family: 'NotoSansCJKjp';
    src:url('../fonts/NotoSansCJKjp-Regular.otf') format('woff');
}

@font-face { font-family: 'cschatthaiui'; font-style: normal; font-weight: 700; src: url("../fonts/cschatthaiui.eot"); /* IE9 Compat Modes */ src: url("../fonts/cschatthaiui.woff2") format("woff2"), url("../fonts/cschatthaiui.woff") format("woff"), url("../fonts/cschatthaiui.ttf") format("truetype"); }

.zh * {font-family: 'Montserrat','Noto Sans SC', sans-serif;}
.jp * {font-family: 'NotoSansCJKjp'}
.th * {font-family: 'cschatthaiui'}
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/** Remove default margin. */
body { margin: 0; }

/* HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined for any HTML5 element in IE 8/9. Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. Correct `block` display not defined for `main` in IE 11. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

/** 1. Correct `inline-block` display not defined in IE 8/9. 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */
audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/** Address `[hidden]` styling not present in IE 8/9/10. Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. */
[hidden], template { display: none; }

/* Links ========================================================================== */
/** Remove the gray background color from active links in IE 10. */
a { background-color: transparent; }

/** Improve readability of focused elements when they are also in an active/hover state. */
a:active, a:hover { outline: 0; }

/* Text-level semantics ========================================================================== */
/** Address styling not present in IE 8/9/10/11, Safari, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/** Address style set to `700er` in Firefox 4+, Safari, and Chrome. */
b, strong { font-weight: 700; }

/** Address styling not present in Safari and Chrome. */
dfn { font-style: italic; }

/** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari, and Chrome. */
h1 { font-size: 2em; margin: .67em 0; }

/** Address styling not present in IE 8/9. */
mark { color: #000; background: #ff0; }

/** Address inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

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

sup { top: -.5em; }

sub { bottom: -.25em; }

/* Embedded content ========================================================================== */
/** Remove border when inside `a` element in IE 8/9/10. */
img { border: 0; }

/** Correct overflow not hidden in IE 9/10/11. */
svg:not(:root) { overflow: hidden; }

/* Grouping content ========================================================================== */
/** Address margin not present in IE 8/9 and Safari. */
figure { margin: 1em 40px; }

/** Address differences between Firefox and other browsers. */
hr { box-sizing: content-box; height: 0; }

/** Contain overflow in all browsers. */
pre { overflow: auto; }

/** Address odd `em`-unit font size rendering in all browsers. */
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

/* Forms ========================================================================== */
/** Known limitation: by default, Chrome and Safari on OS X allow very limited styling of `select`, unless a `border` property is set. */
/** 1. Correct color not being inherited. Known issue: affects color of disabled elements. 2. Correct font properties not being inherited. 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */
button, input, optgroup, select, textarea { margin: 0; /* 3 */ color: inherit; /* 1 */ }

/** Address `overflow` set to `hidden` in IE 8/9/10/11. */
button { overflow: visible; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. Correct `select` style inheritance in Firefox. */
button, select { text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */
button, html input[type='button'], input[type='reset'], input[type='submit'] { cursor: pointer; /* 3 */ -webkit-appearance: button; /* 2 */ }

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; }

/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
input { line-height: normal; }

/** It's recommended that you don't attempt to style these elements. Firefox's implementation doesn't respect box-sizing, padding, or width. 1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 8/9/10. */
input[type='checkbox'], input[type='radio'] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Fix the cursor style for Chrome's increment/decrement buttons. For certain `font-size` values of the `input`, it causes the cursor style of the decrement button to change from `default` to `text`. */
input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button { height: auto; }

/** 1. Address `appearance` set to `searchfield` in Safari and Chrome. 2. Address `box-sizing` set to `border-box` in Safari and Chrome. */
input[type='search'] { box-sizing: content-box; /* 2 */ -webkit-appearance: textfield; /* 1 */ }

/** Remove inner padding and search cancel button in Safari and Chrome on OS X. Safari (but not Chrome) clips the cancel button when the search input has padding (and `textfield` appearance). */
input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-decoration { -webkit-appearance: none; }

/** Define consistent border, margin, and padding. */
fieldset { margin: 0 2px; padding: .35em .625em .75em; border: 1px solid #c0c0c0; }

/** 1. Correct `color` not being inherited in IE 8/9/10/11. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend { padding: 0; /* 2 */ border: 0; /* 1 */ }

/** Remove default vertical scrollbar in IE 8/9/10/11. */
textarea { overflow: auto; }

/** Don't inherit the `font-weight` (applied by a rule above). NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */
optgroup { font-weight: 700; }

/* Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-spacing: 0; border-collapse: collapse; }

td, th { padding: 0; }

/* atomy font */
/*@font-face { font-family: 'atomy'; font-style: normal; font-weight: 300; src: url("../fonts/Atomy-Light.eot"); !* IE9 Compat Modes *! src: url("../fonts/Atomy-Light.woff2") format("woff2"), url("../fonts/Atomy-Light.woff") format("woff"), url("../fonts/Atomy-Light.ttf") format("truetype"); }*/

/*@font-face { font-family: 'atomy'; font-style: normal; font-weight: 500; src: url("../fonts/Atomy-Medium.eot"); !* IE9 Compat Modes *! src: url("../fonts/Atomy-Medium.woff2") format("woff2"), url("../fonts/Atomy-Medium.woff") format("woff"), url("../fonts/Atomy-Medium.ttf") format("truetype"); }*/

/*@font-face { font-family: 'atomy'; font-style: normal; font-weight: 700; src: url("../fonts/Atomy-Bold.eot"); !* IE9 Compat Modes *! src: url("../fonts/Atomy-Bold.woff2") format("woff2"), url("../fonts/Atomy-Bold.woff") format("woff"), url("../fonts/Atomy-Bold.ttf") format("truetype"); }*/

@font-face { font-family: 'Arita-buri-SemiBold'; src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Arita-buri-SemiBold.woff") format("woff"); font-weight: normal; font-style: normal; }

* { font-style: normal; outline: none; font-weight: 500; box-sizing: border-box; }

body, html { width: 100%; height: 100%; font-size: 16px; }

@font-face {
    font-family: 'Noto SansCJK jp';
    src:url('../fonts/NotoSansCJKjp-Regular.otf') format('woff');
}

body { color: #2D3748; line-height: 1; background: #fff; -webkit-font-smoothing: antialiased; margin: 0 auto; font-family: 'Montserrat','Noto Sans KR','Noto Serif KR',/*atomy,*/'Arita-buri-SemiBold','맑은고딕','Malgun Gothic','돋움','Dotum','굴림','Gulim','AppleGothic',Sans-serif; }

html:lang(ru) body { font-family: 'Noto Sans',Helvetica,Arial,sans-serif; }

a { text-decoration: none; color: #666; }

address, em { font-style: normal; }

hr { display: none; }

form { margin: 0; }

/* table */
table { width: 100%; table-layout: fixed; border-collapse: separate; }

td, th { word-break: break-all; background-clip: padding-box; }

td.posr, th.posr { position: relative; }

caption { display: inline-block; overflow: hidden; width: 0; height: 0; text-indent: -9999px; }

fieldset { border: none; }

/*  form */
input[type=checkbox], input[type=radio] { padding: 0; }

input[type=number]:-ms-clear, input[type=password]:-ms-clear, input[type=text]:-ms-clear { display: none; }

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { margin: 0; -webkit-appearance: none; }

button { font-weight: normal; width: auto; padding: 0; border: 0; background: none; }

textarea { resize: none; }

a, button, img, input, select, textarea { vertical-align: middle; }

a, button { display: inline-block; text-align: center; }

a:active, a:focus, a:hover, button:active, button:focus, button:hover { text-decoration: none; }

dl, ol, ul { margin: 0; padding: 0; }

dl, li { margin: 0; padding: 0; list-style: none; }

p { margin: 0; }

/*b, strong { font-weight: normal; }*/

#contractText > b {
    font-weight: 700;
}


h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 0; }

.tal { text-align: left !important; }

.tar { text-align: right !important; }

.tac { text-align: center !important; }

.fll { float: left !important; }

.fln { float: none !important; }

.flr { float: right !important; }

.vat { vertical-align: top; }

.vam { vertical-align: middle; }

.vabl { vertical-align: baseline; }

.p0 { padding: 0 !important; }

.p5 { padding: 5px !important; }

.p10 { padding: 10px !important; }

.p15 { padding: 15px !important; }

.p20 { padding: 20px !important; }

.p25 { padding: 25px !important; }

.p30 { padding: 30px !important; }

.p35 { padding: 35px !important; }

.p40 { padding: 40px !important; }

.p45 { padding: 45px !important; }

.p50 { padding: 50px !important; }

.p55 { padding: 55px !important; }

.p60 { padding: 60px !important; }

.pt0 { padding-top: 0 !important; }

.pt5 { padding-top: 5px !important; }

.pt6 { padding-top: 6px !important; }

.pt10 { padding-top: 10px !important; }

.pt12 { padding-top: 12px !important; }

.pt15 { padding-top: 15px !important; }

.pt18 { padding-top: 18px !important; }

.pt20 { padding-top: 20px !important; }

.pt25 { padding-top: 25px !important; }

.pt30 { padding-top: 30px !important; }

.pt35 { padding-top: 35px !important; }

.pt40 { padding-top: 40px !important; }

.pt45 { padding-top: 45px !important; }

.pt50 { padding-top: 50px !important; }

.pt55 { padding-top: 55px !important; }

.pt60 { padding-top: 60px !important; }

.pr0 { padding-right: 0 !important; }

.pr5 { padding-right: 5px !important; }

.pr10 { padding-right: 10px !important; }

.pr15 { padding-right: 15px !important; }

.pr20 { padding-right: 20px !important; }

.pr25 { padding-right: 25px !important; }

.pr30 { padding-right: 30px !important; }

.pr35 { padding-right: 35px !important; }

.pr40 { padding-right: 40px !important; }

.pr45 { padding-right: 45px !important; }

.pr50 { padding-right: 50px !important; }

.pr55 { padding-right: 55px !important; }

.pr60 { padding-right: 60px !important; }

.pr100 { padding-right: 100px !important; }

.pb0 { padding-bottom: 0 !important; }

.pb5 { padding-bottom: 5px !important; }

.pb10 { padding-bottom: 10px !important; }

.pb12 { padding-bottom: 12px !important; }

.pb15 { padding-bottom: 15px !important; }

.pb18 { padding-bottom: 18px !important; }

.pb20 { padding-bottom: 20px !important; }

.pb25 { padding-bottom: 25px !important; }

.pb30 { padding-bottom: 30px !important; }

.pb35 { padding-bottom: 35px !important; }

.pb40 { padding-bottom: 40px !important; }

.pb45 { padding-bottom: 45px !important; }

.pb50 { padding-bottom: 50px !important; }

.pb55 { padding-bottom: 55px !important; }

.pb60 { padding-bottom: 60px !important; }

.pl0 { padding-left: 0 !important; }

.pl5 { padding-left: 5px !important; }

.pl10 { padding-left: 10px !important; }

.pl15 { padding-left: 15px !important; }

.pl20 { padding-left: 20px !important; }

.pl25 { padding-left: 25px !important; }

.pl30 { padding-left: 30px !important; }

.pl35 { padding-left: 35px !important; }

.pl40 { padding-left: 40px !important; }

.pl45 { padding-left: 45px !important; }

.pl50 { padding-left: 50px !important; }

.pl55 { padding-left: 55px !important; }

.pl60 { padding-left: 60px !important; }

.m0 { margin: 0 !important; }

.m5 { margin: 5px !important; }

.m10 { margin: 10px !important; }

.m15 { margin: 15px !important; }

.m18 { margin: 18px !important; }

.m20 { margin: 20px !important; }

.m25 { margin: 25px !important; }

.m30 { margin: 30px !important; }

.m35 { margin: 35px !important; }

.m40 { margin: 40px !important; }

.m45 { margin: 45px !important; }

.m50 { margin: 50px !important; }

.m55 { margin: 55px !important; }

.m60 { margin: 60px !important; }

.mt0 { margin-top: 0 !important; }

.mt3 { margin-top: 3px !important; }

.mt5 { margin-top: 5px !important; }

.mt6 { margin-top: 6px !important; }

.mt8 { margin-top: 8px !important; }

.mt10 { margin-top: 10px !important; }

.mt12 { margin-top: 12px !important; }

.mt15 { margin-top: 15px !important; }

.mt17 { margin-top: 17px !important; }

.mt18 { margin-top: 18px !important; }

.mt20 { margin-top: 20px !important; }

.mt25 { margin-top: 25px !important; }

.mt30 { margin-top: 30px !important; }

.mt35 { margin-top: 35px !important; }

.mt40 { margin-top: 40px !important; }

.mt45 { margin-top: 45px !important; }

.mt50 { margin-top: 50px !important; }

.mt55 { margin-top: 55px !important; }

.mt60 { margin-top: 60px !important; }

.mt80 { margin-top: 80px !important; }

.mr0 { margin-right: 0 !important; }

.mr5 { margin-right: 5px !important; }

.mr10 { margin-right: 10px !important; }

.mr15 { margin-right: 15px !important; }

.mr20 { margin-right: 20px !important; }

.mr25 { margin-right: 25px !important; }

.mr30 { margin-right: 30px !important; }

.mr35 { margin-right: 35px !important; }

.mr40 { margin-right: 40px !important; }

.mr45 { margin-right: 45px !important; }

.mr50 { margin-right: 50px !important; }

.mr55 { margin-right: 55px !important; }

.mr60 { margin-right: 60px !important; }

.mb0 { margin-bottom: 0 !important; }

.mb5 { margin-bottom: 5px !important; }

.mb6 { margin-bottom: 6px !important; }

.mb10 { margin-bottom: 10px !important; }

.mb12 { margin-bottom: 12px !important; }

.mb15 { margin-bottom: 15px !important; }

.mb20 { margin-bottom: 20px !important; }

.mb25 { margin-bottom: 25px !important; }

.mb30 { margin-bottom: 30px !important; }

.mb35 { margin-bottom: 35px !important; }

.mb40 { margin-bottom: 40px !important; }

.mb45 { margin-bottom: 45px !important; }

.mb50 { margin-bottom: 50px !important; }

.mb55 { margin-bottom: 55px !important; }

.mb60 { margin-bottom: 60px !important; }

.mb100 { margin-bottom: 100px !important; }

.ml0 { margin-left: 0 !important; }

.ml5 { margin-left: 5px !important; }

.ml10 { margin-left: 10px !important; }

.ml15 { margin-left: 15px !important; }

.ml20 { margin-left: 20px !important; }

.ml25 { margin-left: 25px !important; }

.ml30 { margin-left: 30px !important; }

.ml35 { margin-left: 35px !important; }

.ml40 { margin-left: 40px !important; }

.ml45 { margin-left: 45px !important; }

.ml50 { margin-left: 50px !important; }

.ml55 { margin-left: 55px !important; }

.ml60 { margin-left: 60px !important; }

.wa { width: auto !important; }

a.btn, button.btn, input.btn, label.btn, span.btn { display: inline-block; border: 1px solid #00ACEB; height: 42px; line-height: 40px; font-size: 1rem; text-align: center; border-radius: 5px; color: #00B5EF; min-width: 191px; background-color: #fff; }

a.btn.small, button.btn.small, input.btn.small, label.btn.small, span.btn.small { height: 36px; line-height: 34px; min-width: auto; padding: 0 20px; }

a.btn.big, button.btn.big, input.btn.big, label.btn.big, span.btn.big { height: 52px; line-height: 50px; min-width: 231px; }

a.btn.xsmall, button.btn.xsmall, input.btn.xsmall, label.btn.xsmall, span.btn.xsmall { height: 26px; line-height: 24px; min-width: 0; padding: 0 10px; }

a.btn.fill, button.btn.fill, input.btn.fill, label.btn.fill, span.btn.fill { background-color: #00ACEB; color: #fff; }

a.btn:disabled, button.btn:disabled, input.btn:disabled, label.btn:disabled, span.btn:disabled { background-color: #A0AEC0; border-color: #A0AEC0; color: #fff; }

.pagination { width: 100%; padding: 0; margin: 35px 0; }

.pagination ul { justify-content: center; margin: 0 auto; display: -webkit-flex; display: -ms-flex; display: flex; }

.pagination ul li { flex-shrink: 0; flex-grow: 0; flex-basis: auto; }

.pagination ul li a, .pagination ul li button { border: 1px solid #D1D5DA; background-color: #fff; border-right: none; font-size: 12px; display: block; height: 35px; line-height: 35px; padding: 0 12px; color: #25292D; font-weight: 600; }

.pagination ul li a.active, .pagination ul li button.active { background-color: #00ACEB; border-color: #00ACEB; color: #fff; }

.pagination ul li a.prev, .pagination ul li button.prev { border-top-left-radius: 3px; border-bottom-left-radius: 3px; }

.pagination ul li a.next, .pagination ul li button.next { border-right: 1px solid #D1D5DA; border-top-right-radius: 3px; border-bottom-right-radius: 3px; }

.pagination ul li a:disabled, .pagination ul li button:disabled { background-color: #FAFBFC; color: #CDD0D4; }

.pagination ul li a.disabled, .pagination ul li button.disabled { background-color: #FAFBFC; color: #CDD0D4; pointer-events: none; }

@media (max-width: 750px) { .pagination ul { display: -webkit-flex; display: -ms-flex; display: flex; }
  .pagination ul li { flex-grow: 1; flex-shrink: 1; flex-basis: auto; }
  .pagination ul li a { float: none; display: block; } }

.btn-preview { display: block; width: 25px; height: 25px; background: url("../images/common/icon-preview.svg") 0 0 no-repeat; background-size: 100%; text-indent: -9999px; overflow: hidden; }

.btn-preview.file-down { width: 18px; height: 18px; }

.btn-add, .btn-del { display: inline-block; height: 30px; line-height: 30px; position: relative; padding-left: 30px; }

.btn-add span, .btn-del span { font-weight: 600; font-size: 18px; display: inline-block; margin-left: 9px; line-height: 30px; }

.btn-add:before, .btn-del:before { display: block; content: ''; width: 30px; height: 30px; background-repeat: no-repeat; background-position: 0 0; position: absolute; top: 0; left: 0; }

.btn-add { color: #00ACEB; }

.btn-add:before { background-image: url("../images/common/btn-add.svg"); }

.btn-del { color: #A0AEC0; }

.btn-del:before { background-image: url("../images/common/btn-delete.svg"); }

.btn-delete { display: inline-block; width: 25px; height: 25px; overflow: hidden; background: url("../images/common/btn-close.png") 0 0 no-repeat; text-indent: -9999px; }

.ui-accordion .acc-cont { display: none; }

.ui-accordion.hq-default .acc-item { border: 1px solid #CBD5E0; background-color: #fff; }

.ui-accordion.hq-default .acc-item.active .acc-head > button { transform: rotate(180deg); }

.ui-accordion.hq-default .acc-head { position: relative; min-height: 91px; padding: 31px 91px 31px 20px; }

.ui-accordion.hq-default .acc-head > p { font-size: 0; }

.ui-accordion.hq-default .acc-head > p .label { min-width: 72px; height: 30px; line-height: 30px; color: #fff; font-size: 14px; background-color: #718096; text-align: center; display: inline-block; border-radius: 15px; margin-right: 9px; vertical-align: middle; }

.ui-accordion.hq-default .acc-head > p strong { display: inline-block; font-weight: 700; font-size: 18px; line-height: 30px; color: #2D3748; min-width: 133px; vertical-align: middle; }

.ui-accordion.hq-default .acc-head > p em { display: inline-block; font-size: 14px; line-height: 30px; color: #00ACEB; vertical-align: middle; }

.ui-accordion.hq-default .acc-head > button { width: 91px; height: 91px; overflow: hidden; text-indent: -9999px; position: absolute; top: 0; right: 0; }

.ui-accordion.hq-default .acc-head > button:before { display: block; content: ''; width: 20px; height: 15px; background: url("../images/common/icon-acc.svg") 0 0 no-repeat; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.ui-accordion.hq-default .acc-cont { padding: 0 26px 16px; }

/*공통 팝업*/
.ui-popup { visibility: hidden; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1000; background-color: rgba(0, 0, 0, 0.5); text-align: center; white-space: nowrap; }

.ui-popup.active { visibility: visible; }

.ui-popup:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; }

.ui-popup .content { display: inline-block; position: relative; background-color: #fff; text-align: left; vertical-align: middle; white-space: initial; overflow: hidden; width: 95%; border: 2px solid #A0AEC0; border-radius: 7px; padding-left: 46px; padding-right: 46px; padding-bottom: 36px; }

.ui-popup .header { padding-top: 61px; margin-bottom: 32px; }

.ui-popup .header .btn-close { position: absolute; right: 25px; top: 20px; width: 25px; height: 25px; overflow: hidden; background: url("../images/common/btn-close.png") 0 0 no-repeat; text-indent: -9999px; }

.ui-popup .header h1 { font-weight: 700; font-size: 20px; line-height: 27px; color: #2D3748; margin-bottom: 8px; }

.ui-popup .header p { font-size: 14px; line-height: 19px; color: #4A5568; }

.ui-popup .body { overflow: auto; box-sizing: border-box; -webkit-overflow-scrolling: touch; }

.ui-popup .body .result { font-size: 14px; line-height: 19px; color: #4A5568; margin-bottom: 9px; }

.ui-popup .body .text { background: #F7FAFC; border-radius: 5px; padding: 17px 19px 14px; font-weight: 500; font-size: 13px; line-height: 20px; color: #4A5568; margin-bottom: 46px; }

.ui-popup .body .text ul + p { margin-top: 20px; }

.ui-popup .body .text ul > li > p { font-weight: 700; }

.ui-popup .body .text ul > li > ul { padding-left: 20px; }

.ui-popup .body .btn-wrap { text-align: center; font-size: 0; }

.ui-popup .body .btn-wrap p { font-size: 14px; line-height: 19px; color: #4A5568; margin-bottom: 25px; }

.ui-popup .body .btn-wrap .btn { margin: 0 6px; width: 69px; padding: 0; }

/*신규등록1 팝업*/
#master-new-popup .content { width: 553px; padding-bottom: 55px; border: 0; }

#master-new-popup .content .header { padding-top: 42px; margin-bottom: 28px; }

#master-new-popup .content .header h1 { font-size: 16px; line-height: 1.375; color: #2D3748; font-weight: 500; margin-bottom: 0; }

#master-new-popup .content .header .btn-close { top: 35px; }

#master-new-popup .content .body .radio-wrap li + li { margin-top: 20px; }

#master-new-popup .content .body .radio-wrap li .radio label { font-size: 16px; color: #2D3748; }

#master-new-popup .content .body .btn-wrap { margin-top: 58px; }

#master-new-popup .content .body .btn-wrap .btn { min-width: 160px; width: auto; background-color: #A0AEC0; color: #fff; border-color: #A0AEC0; }

.input-wrap { height: 56px; background-color: #F7FAFC; position: relative; display: -webkit-flex; display: -ms-flex; display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-end; border-radius: 4px 4px 0px 0px; }

.input-wrap.email {width : 562px}

.input-wrap.info-email {width: 351px}

.input-wrap.white { background-color: #fff; }

.input-wrap.right-text { flex-direction: row; }

.input-wrap.right-text input { text-align: right; flex-basis: auto; flex-shrink: 1; flex-grow: 1; }

.input-wrap.right-text span { flex-basis: auto; flex-shrink: 1; flex-grow: 1; white-space: nowrap; line-height: 23px; }

.input-wrap input { display: inline-block; width: 100%; height: 33px; line-height: 33px; color: rgba(0, 0, 0, 0.87); padding: 0; box-sizing: border-box; background-color: transparent; border: none; font-size: 1rem; text-align: left; /* 아이폰 사파리 보더 없애기 */ -webkit-appearance: none; appearance: none; -webkit-border-radius: 0; border-bottom: 1px solid #a0aec0; padding-left: 12px; }

.input-wrap input:focus, .input-wrap input:valid { border-bottom: 2px solid #00ACEB; }

.input-wrap input:focus + label, .input-wrap input:valid + label { font-size: 0.75rem; height: 12px; line-height: 12px; top: 9px; color: #00ACEB; }

.input-wrap label { height: 56px; display: block; font-size: 1.125rem; line-height: 30px; color: #2D3748; position: absolute; top: 0; left: 0; padding-left: 12px; transition: all .2s ease-in-out; pointer-events: none; }

.input-wrap p { display: none; }

.input-wrap.error input { border-bottom: 2px solid #E53E3E; }

.input-wrap.error input:focus + label, .input-wrap.error input:valid + label { color: #E53E3E; }

.input-wrap.error p { position: absolute; top: 56px; left: 0; display: block; font-size: 0.75rem; line-height: 18px; color: #E53E3E; padding-left: 12px; width: 100%; }

.input-wrap.error p:before { display: block; content: url("../images/common/icon-warning.svg"); width: 18px; height: 18px; float: right; }

.input-wrap.disabled { background-color: #EDF2F7; }

.input-wrap.disabled input { color: #718096; pointer-events: none; }

.input-wrap.disabled input:focus, .input-wrap.disabled input:valid { border-bottom: 1px solid #a0aec0; }

.input-wrap.disabled input:focus + label, .input-wrap.disabled input:valid + label { font-size: 0.75rem; height: 12px; line-height: 12px; top: 9px; color: #4A5568; }

.input-wrap.disabled label { font-size: 0.75rem; height: 12px; line-height: 12px; top: 9px; color: #4A5568; }

.input-wrap.disabled a { pointer-events: none; }

.input-wrap .calendar-only { height: 56px; line-height: 56px; }

.input-wrap .icon-calendar { position: absolute; top: 11px; right: 15px; width: 30px; height: 30px; text-indent: -9999em; background: #fff url("../images/common/icon-calendar.svg") no-repeat 0 0; }

.ui-datepicker-title select { height: auto; background-color: #fff; background-image: none; padding: 0; border-bottom: none; padding-left: 0; border-radius: 0; -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; }

.ui-file { position: relative; }

.ui-file.white .list { background-color: #fff; }

.ui-file input[type="file"] { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }

.ui-file label { position: absolute; top: 50%; right: 8px; margin-top: -16px; color: #fff; text-align: center; width: 92px; height: 32px; font-weight: 700; font-size: 14px; line-height: 32px; background: #00ACEB; border-radius: 4px; cursor: pointer; }

.ui-file .list { min-height: 56px; border-bottom: 1px solid #A0AEC0; box-sizing: border-box; background: #F7FAFC; border-radius: 4px 4px 0px 0px; }

.ui-file .list li { height: 55px; line-height: 55px; padding-right: 92px; padding-left: 12px; width: 100%; font-size: 18px; color: #2D3748; }

.ui-file .list li strong { display: block; width: 100%; white-space: nowrap; font-weight: 500; overflow: hidden; text-overflow: ellipsis; }

.ui-file .list li .btn-remove { display: none; }

.btn-wrap { text-align: center; font-size: 0; }

.btn-wrap .btn { margin: 0 10px; }

textarea { display: block; font-size: 16px; line-height: 22px; color: #718096; padding: 0 10px; width: 100%; height: 150px; box-sizing: border-box; border: none; background: none; /* 아이폰 사파리 보더 없애기 */ -webkit-appearance: none; appearance: none; }

.checkbox, .radio { font-size: 0; display: inline-block; vertical-align: middle; position: relative; }

.checkbox input, .radio input { -webkit-appearance: none; appearance: none; border: none; opacity: 0; width: 20px; height: 20px; position: absolute; top: 0; left: 0; z-index: 1; }

.checkbox label, .radio label { display: inline-block; padding-left: 25px; font-size: 16px; vertical-align: top; line-height: 20px; text-align: left; color: #4A5568; position: relative; }

.checkbox label:before, .radio label:before { display: block; content: ''; width: 20px; height: 20px; background: url("../images/common/spr-input.png") 0 0 no-repeat; position: absolute; top: 0; left: 0; }

@media (max-width: 750px) { .checkbox label, .radio label { font-size: 15px; } }

.checkbox input + label:before { background-position: 0 0; }

.checkbox input:checked + label:before { background-position: 0 -20px; }

.checkbox input:checked:disabled + label { color: #4A5568; }

.checkbox input:checked:disabled + label:before { background-position: 0 -20px; }

.checkbox input:disabled + label:before { background-position: 0px 0; }

.radio input + label:before { background-position: -20px 0; }

.radio input:checked + label:before { background-position: -20px -20px; }

.radio input:checked:disabled + label:before { background-position: -20px -20px; }

.radio input:disabled + label:before { background-position: 0px -20px; }

select { border: none; background: transparent; display: inline-block; height: 56px; width: 100%; line-height: 33px; padding: 0; padding-right: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: transparent; border: none; font-size: 18px; text-align: left; border-bottom: 1px solid #A0AEC0; padding-left: 12px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url("../images/common/icon-select.svg"); background-repeat: no-repeat; background-position: calc(100% - 14px) 50%; border-radius: 4px 4px 0px 0px; }

select:disabled { background-color: #EDF2F7; opacity: 1; color: #A0AEC0; }

select::-ms-expand { display: none; }

.board-list .tal { padding-left: 20px; }

.board-list th, .board-list td { background-clip: initial; }

.board-list th { border-top: 1px solid #D9D5EC; border-bottom: 1px solid #D9D5EC; height: 47px; font-weight: 700; font-size: 14px; line-height: 14px; letter-spacing: 0.05em; color: #4A5568; background-color: #EBF8FF; }

.board-list td { font-size: 14px; line-height: 14px; color: #2D3748; border-bottom: 1px solid #D9D5EC; padding-top: 11px; padding-bottom: 13px; text-align: center; font-weight: 300; height: 61px; }

.board-list td strong, .board-list td em { display: block; line-height: 14px; }

.board-list td strong { font-weight: 700; }

.board-list td em { font-weight: 300; margin-top: 8px; color: #718096; }

.board-list td a { font-size: 14px; line-height: 14px; color: #2D3748; font-weight: 300; }

.board-list td a.ex { font-weight: 700; font-size: 12px; line-height: 12px; text-decoration-line: underline; color: #718096; }

.board-list td.fc-blue { color: #00ACEB; }

.board-list td.fc-red { color: #E53E3E; }

.board-list tr:nth-child(even) td { background-color: #F7FAFC; }

/*loading > on 추가 1207*/
.loading { display: none; }

.loading.on { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; }

.loading.on:before { content: ' '; display: block; position: absolute; top: 50%; left: 50%; width: 40px; height: 40px; margin: -20px 0 0 -20px; }

.loading.on span { position: absolute; top: 50%; left: 50%; width: 60px; height: 60px; margin: -12px 0 0 -12px; text-indent: -9999px; background: url("../images/common/ico_loading.png") no-repeat; background-size: 100%; -webkit-animation-name: 'loading'; -webkit-animation-duration: 0.8s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; }

.loading.on:after { content: ''; display: block; width: 100%; height: 100%; background: rgba(84, 83, 83, 0.4) no-repeat; }

@-webkit-keyframes loading { 0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); } }

.wrapper { width: 1440px; background-color: #F7FAFC; margin: 0 auto; position: relative; overflow: hidden; display: -webkit-flex; display: -ms-flex; display: flex; padding-left: 88px; min-height: 100%; }

.wrapper.width-flexible { max-width: 1440px; width: 100%; }

.wrapper.width-flexible .content-mobile { display: none; }

@media (max-width: 1023px) { .wrapper.width-flexible { padding-left: 0; display: block; padding-top: 83px; }
  .wrapper.width-flexible header { display: none; }
  .wrapper.width-flexible .mobile-header { display: block; z-index: 9999; }
  .wrapper.width-flexible #container { padding: 32px 20px 0; }
  .wrapper.width-flexible #container .content-wrap .inner .title { margin-bottom: 32px; }
  .wrapper.width-flexible .location { display: none; }
  .wrapper.width-flexible .content-pc { display: none; }
  .wrapper.width-flexible .content-mobile { display: block; }
  .wrapper.width-flexible footer { height: auto; padding-top: 70px; padding-bottom: 32px; } }

header { width: 268px; flex-shrink: 0; flex-grow: 0; flex-basis: 268px; margin-left: -88px; z-index: 1; /* header trigger menu */ }

header h1 { position: absolute; top: 40px; left: 92px; }

header .profile { background-color: #00aceb; padding-top: 101px; padding-bottom: 33px; }

header .profile .photo { margin: 0 auto; width: 119px; height: 119px; position: relative; }

header .profile .photo img { display: block; width: 100%; height: 100%; border-radius: 50%; overflow: hidden; }

header .profile .photo .edit { display: block; width: 20px; height: 20px; background: url("../images/common/spr-common.png") -38px 0 no-repeat; text-indent: -9999px; overflow: hidden; position: absolute; right: 11px; bottom: 0; }

header .profile .text { text-align: center; color: #fff; padding-top: 32px; margin-bottom: 12px; }

header .profile .text .name { font-weight: 700; font-size: 18px; line-height: 25px; margin-bottom: 20px; }

header .profile .text .center { font-size: 14px; line-height: 19px; margin-bottom: 12px; }

header .profile .text .id { font-size: 14px; line-height: 19px; }

header .profile .signout { display: block; margin: 0 auto; font-size: 12px; line-height: 17px; text-decoration: underline; color: #fff; }

header nav { padding: 40px 20px; }

header nav ul > li { margin-bottom: 16px; }

header nav ul > li:last-child { margin-bottom: 0; }

header nav ul > li a { font-weight: 500; font-size: 20px; color: #718096; position: relative; display: block; text-align: left; line-height: 20px; }

header nav ul > li a.active { color: #00ACEB; }

header nav ul > li > a { padding-left: 30px; }

header nav ul > li > a:before { display: block; content: ''; width: 20px; height: 20px; background: url("../images/common/spr-gnb.png") 0 0 no-repeat; position: absolute; top: 50%; left: 0; transform: translateY(-50%); }

header nav ul > li > a.dash:before { background-position: 0px 0; }

header nav ul > li > a.dash.active:before { background-position: 0px -20px; }

header nav ul > li > a.center:before { background-position: -20px 0; }

header nav ul > li > a.center.active:before { background-position: -20px -20px; }

header nav ul > li > a.master:before { background-position: -60px 0; }

header nav ul > li > a.master.active:before { background-position: -60px -20px; }

header nav ul > li > a.language:before { background-position: -40px 0; }

header nav ul > li > a.language.active:before { background-position: -40px -20px; }

header nav ul > li > a.board:before { background-position: -80px 0; }

header nav ul > li > a.board.active:before { background-position: -80px -20px; }

header nav ul > li > a.member:before { background-position: -100px 0; }

header nav ul > li > a.member.active:before { background-position: -100px -20px; }

header nav ul > li > a.delivery:before { background-position: -121px 0; }

header nav ul > li > a.delivery.active:before { background-position: -121px -20px; }

header nav ul > li > a + div { padding-left: 30px; padding-top: 17px; }

header nav ul > li > a + div a { margin-bottom: 16px; }

header nav ul > li > a + div a:last-child { margin-bottom: 0; }

header .menu-close { position: absolute; top: 420px; left: 230px; display: inline-block; width: 22px; height: 22px; background: url("../images/common/spr-ap.png") 0 0 no-repeat; background-position: 0 -24px; background-size: auto; text-indent: -9999em; }

.min-menu { display: none; width: 88px; height: 100%; background: #00ACEB; padding-top: 48px; text-align: center; position: absolute; top: 0; left: 0; }

.min-menu li a span.icon { display: inline-block; width: 56px; height: 56px; background: url("../images/common/spr-ap.png") 0 0 no-repeat; background-size: auto; overflow: hidden; border-radius: 56px; }

.min-menu li a span.icon img { display: block; width: 100%; height: 100%; }

.min-menu li a span.txt { display: block; font-size: 14px; color: #fff; text-align: center; }

.min-menu li:nth-child(1) { margin-bottom: 33px; }

.min-menu li:nth-child(1) a span.icon { background-position: 0 -46px; }

.min-menu li:nth-child(2) { margin-bottom: 19px; }

.min-menu li:nth-child(2) a span.icon { background-position: -56px -46px; }

.min-menu li:nth-child(3) a span.icon { background-position: -112px -46px; }

@media (max-width: 1023px) { .min-menu { display: none; } }

.mobile-header { height: 83px; padding-top: 83px; position: fixed; top: 0; left: 0; width: 100%; display: none; background-color: #00ACEB; }

.mobile-header h1 { height: 43px; position: absolute; top: 50%; left: 20px; transform: translateY(-50%); }

.mobile-header h1 img { height: 100%; }

.mobile-header .menu-opener { height: 30px; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); }

.mobile-header .menu-opener img { height: 100%; }

.mobile-header nav { background-color: #F7FAFC; padding-top: 40px; padding-bottom: 32px; display: none; /*1211 추가*/ max-height: calc(100vh - 83px); overflow-y: auto; overflow-x: hidden; }

.mobile-header nav li { margin-bottom: 32px; }

.mobile-header nav li:last-child { margin-bottom: 0; }

.mobile-header nav li a { display: block; font-size: 0; text-align: center; padding: 0 2%; }

.mobile-header nav li a.dash:before { background: url("../images/common/mobile-icon-dash.svg") 0 0 no-repeat; }

.mobile-header nav li a.center:before { background: url("../images/common/mobile-icon-center.svg") 0 0 no-repeat; }

.mobile-header nav li a.delivery:before { background: url("../images/common/mobile-icon-delivery.png") 0 0 no-repeat; }

.mobile-header nav li a:before { display: inline-block; content: ''; width: 20px; height: 20px; background: url("../images/common/mobile-icon-board.svg") 0 0 no-repeat; background-size: 100%; vertical-align: middle; margin-right: 10px; }

.mobile-header nav li a span { display: inline-block; font-size: 20px; line-height: 20px; letter-spacing: 0.03em; color: #718096; vertical-align: middle; }

.mobile-header nav li > div { text-align: center; }

.mobile-header nav li > div a { margin: 13px 0; }

.mobile-header nav li > div a:before { display: none; }

.mobile-header nav li.center { background: #EBF8FF; padding: 31px 2%; }

.mobile-header nav li.center > p { font-size: 14px; line-height: 1.35; text-align: center; color: #00ACEB; font-weight: 600; margin-top: 17px; }

.mobile-header nav li.center > a span { width: auto; vertical-align: top; }

.mobile-header nav button { margin: 32px auto 0; display: block; width: 32px; height: 32px; }

.mobile-header nav button.mobile-sign-out { width: auto; height: auto; font-size: 16px; color: #4A5568; font-weight: 500; text-decoration: underline; margin-top: 50px; }

.mobile-footer-p {color: #A0AEC0; text-align: center;}
/*footer { height: 84px; padding-top: 33px; }*/
footer { height: 98px; padding-top: 33px; padding-bottom: 10px;}

footer p { font-size: 14px; line-height: 19px; text-align: center; color: #A0AEC0; }

footer p span { font-size: 16px; }

#container { background-color: #fff; display: -webkit-flex; display: -ms-flex; display: flex; flex-shrink: 1; flex-grow: 1; flex-basis: auto; padding: 48px 32px 0; flex-direction: column; }

#container .content-wrap { flex-shrink: 1; flex-grow: 1; flex-basis: auto; }

#container .content-wrap .inner { display: block; }

#container .content-wrap .inner .title { margin-bottom: 24px; }

#container .content-wrap .inner .title h2 { font-weight: 700; font-size: 24px; line-height: 33px; color: #2D3748; }

#container .content-wrap .inner .title h2 > p { font-weight: 300; font-size: 12px; line-height: 17px; color: #00ACEB; display: inline-block; margin-left: 30px; }

#container .content-wrap .inner .title h2 .pre { display: inline-block; font-size: 15px; line-height: 33px; color: #E53E3E; vertical-align: middle; }

.location { font-size: 0; margin-bottom: 33px; }

.location a { display: inline-block; font-size: 12px; height: 20px; line-height: 20px; position: relative; padding-left: 16px; margin-left: 10px; color: #718096; }

.location a:before { display: block; content: ''; width: 6px; height: 8px; background: url("../images/common/spr-common.png") -78px 0 no-repeat; position: absolute; top: 50%; left: 0; margin-top: -4px; overflow: hidden; }

.location a.home { margin-left: 0; padding-left: 26px; }

.location a.home:before { width: 20px; height: 20px; background-position: -18px 0; top: 0; margin-top: 0; }

.gray-box { background: #F7FAFC; border: 1px solid #CBD5E0; box-sizing: border-box; border-radius: 10px; padding: 20px; position: relative; }

.input-wrap.app-master { width: 523px; margin-top: 24px; }

i.label { border-radius: 2px; height: 20px; line-height: 20px; padding: 0 8px; font-size: 14px; color: #fff; }

i.label.new { background-color: #FFC400; }

i.label.necessary { background-color: #00ACEB; }

i.label.hot { background-color: #E53E3E; }

i.badge { width: 30px; height: 30px; display: block; background-repeat: no-repeat; background-size: 100%; background-position: 0 0; }

i.badge.before { background-image: url("../images/common/learn1.png"); }

i.badge.ing { background-image: url("../images/common/learn2.png"); }

i.badge.done { background-image: url("../images/common/learn3.png"); }

.ui-accordion.hq-default { margin-top: 32px; }

.ui-accordion.hq-default .acc-item { margin-bottom: 10px; }

.ui-accordion.hq-default .acc-item.necessary { border-color: #00ACEB; }

.ui-accordion.hq-default .acc-item.necessary .acc-head > p .label { background-color: #00ACEB; }

.ui-accordion.hq-default .acc-item.necessary .acc-cont .gray-box { border-color: #00aceb; }

.ui-accordion.hq-default .acc-item.necessary .acc-cont .gray-box .title span { background-color: #00aceb; color: #fff; }

.ui-accordion.hq-default .acc-cont .gray-box { display: -webkit-flex; display: -ms-flex; display: flex; margin-bottom: 10px; flex-wrap: wrap; }

.ui-accordion.hq-default .acc-cont .gray-box:last-child { margin-bottom: 0; }

.ui-accordion.hq-default .acc-cont .gray-box .title { width: 100%; flex-shrink: 0; flex-grow: 0; }

.ui-accordion.hq-default .acc-cont .gray-box .title span { display: inline-block; height: 30px; line-height: 28px; background-color: #fff; border: 1px solid #00aceb; color: #00aceb; font-size: 14px; border-radius: 15px; padding: 0 10px; }

.ui-accordion.hq-default .acc-cont .gray-box .title h3 { display: inline-block; vertical-align: middle; margin-left: 10px; }

.ui-accordion.hq-default .acc-cont .gray-box .content-wrap { width: 100%; }

.ui-accordion.hq-default .acc-cont .gray-box .content-wrap h3 { font-weight: 700; font-size: 18px; line-height: 30px; color: #4A5568; margin-bottom: 21px; }

.ui-accordion.hq-default .acc-cont .gray-box .content-wrap h3 + p { font-size: 16px; line-height: 22px; color: #4A5568; margin-bottom: 24px; }

.ui-accordion.hq-default .acc-cont > .btn-wrap { padding-top: 21px; text-align: right; }

.check-list li { background: #FFFFFF; border: 1px solid #CBD5E0; border-radius: 5px; padding: 18px 20px 0; overflow: hidden; margin-bottom: 12px; }

.check-list li:last-child { margin-bottom: 0; }

.check-list li p { line-height: 20px; float: left; font-weight: 700; font-size: 16px; letter-spacing: 0.03em; color: #4A5568; margin-bottom: 18px; }

.check-list li .checkbox { float: right; margin-bottom: 18px; }

.check-list li .radio-wrap { float: right; }

.check-list li .radio-wrap .radio + .radio { margin-left: 16px; }

.content.ap-apply .ap-apply-main .item-wrap { display: -webkit-flex; display: -ms-flex; display: flex; border-top: 1px solid #D9D5EC; border-bottom: 1px solid #D9D5EC; padding: 25px 0; margin-bottom: 25px; }

.content.ap-apply .ap-apply-main .item-wrap .item { background: #FFFFFF; border: 2px solid #A0AEC0; width: 50%; padding: 45px 27px 15px 39px; }

.content.ap-apply .ap-apply-main .item-wrap .item:first-child { margin-right: 20px; }

.content.ap-apply .ap-apply-main .item-wrap .item .center-type { overflow: hidden; margin-bottom: 37px; }

.content.ap-apply .ap-apply-main .item-wrap .item .center-type > p { float: left; }

.content.ap-apply .ap-apply-main .item-wrap .item .center-type > p span { display: block; font-size: 18px; line-height: 18px; color: #2D3748; margin-bottom: 6px; }

.content.ap-apply .ap-apply-main .item-wrap .item .center-type > p em { display: block; font-weight: 700; font-size: 14px; line-height: 14px; color: #2D3748; }

.content.ap-apply .ap-apply-main .item-wrap .item .center-type > strong { display: block; float: right; font-weight: 700; font-size: 16px; line-height: 16px; text-align: right; color: #00ACEB; }

.content.ap-apply .ap-apply-main .item-wrap .item .center-type > .btn-wrap { float: right; }

.content.ap-apply .ap-apply-main .item-wrap .item ul { margin-bottom: 66px; }

.content.ap-apply .ap-apply-main .item-wrap .item ul li { line-height: 26px; color: #2D3748; font-size: 14px; }

.content.ap-apply .ap-apply-main .item-wrap .item .btn-wrap { text-align: right; }

.content.ap-apply .ap-apply-main .item-wrap .item .btn-wrap .btn { margin-left: 14px; min-width: 0; padding: 0 20px; margin-bottom: 15px; }

.content.ap-apply .ap-apply-main .item-wrap > p { display: none; }

.content.ap-apply .ap-apply-main .item-wrap.no-data { align-items: center; justify-content: center; height: 300px; }

.content.ap-apply .ap-apply-main .item-wrap.no-data .item { display: none; }

.content.ap-apply .ap-apply-main .item-wrap.no-data > p { display: block; }

.content.ap-apply .ap-apply-main > .btn-wrap { text-align: right; }

.content.ap-apply .ap-apply-main > .btn-wrap .btn { margin: 0; margin-left: 13px; }

.content.ap-apply .ap-apply-main > .btn-wrap .btn.gray { background-color: #4A5568; border-color: #4A5568; }

.content.ap-apply .ap-apply-main .board-list td a { font-size: 16px; color: #00B5EF; font-weight: 500; }

.content.ap-apply .step { width: 100%; display: -webkit-flex; display: -ms-flex; display: flex; margin-bottom: 45px; }

.content.ap-apply .step div { width: 25%; border-bottom: 2px solid #00ACEB; }

.content.ap-apply .step div:last-child span { margin-right: 0; }

.content.ap-apply .step div.active { z-index: 1; }

.content.ap-apply .step div.active span, .content.ap-apply .step div.active a { color: #fff; background-color: #00ACEB; }

.content.ap-apply .step div.active span:before, .content.ap-apply .step div.active a:before { content: ''; position: absolute; display: inline-block; left: 34px; top: 50%; width: 24px; height: 24px; transform: translate(0, -50%); background: url("../images/common/spr-ap.png") 0 0 no-repeat; background-size: auto; }

.content.ap-apply .step div span, .content.ap-apply .step div a { position: relative; display: block; margin-right: 1px; text-align: center; height: 77px; line-height: 77px; color: #A0AEC0; background-color: #EDF2F7; }

.content.ap-apply .step div.prev span { color: #fff; background-color: #90CDF4; }

.content.ap-apply .step div.prev span:before { content: ''; position: absolute; display: inline-block; left: 34px; top: 50%; width: 24px; height: 24px; transform: translate(0, -50%); background: url("../images/common/spr-ap.png") 0 0 no-repeat; background-position: -24px 0; background-size: auto; }

.content.ap-apply h3 { font-weight: 700; font-size: 18px; line-height: 25px; color: #4A5568; margin-bottom: 24px; }

.content.ap-apply .group-wrap { padding: 0 20px; }

.content.ap-apply .group-wrap .group:last-child { margin-bottom: 0; }

.content.ap-apply .group-wrap + .btn-wrap { text-align: right; margin-top: 200px; }

.content.ap-apply .group-wrap + .btn-wrap .btn { margin: 0; min-width: 0; padding: 0 50px; }

.content.ap-apply .group-wrap + .btn-wrap .btn.save { border-color: #4A5568; background-color: #4A5568; color: #fff; margin-right: 12px; }

.content.ap-apply .group-wrap + .btn-wrap .btn.save2 { width: 234px; }

.content.ap-apply .about-me h4 { font-weight: bold; font-size: 18px; line-height: 25px; color: #2D3748; margin-bottom: 25px; }

.content.ap-apply .about-me .hobby { display: -webkit-flex; display: -ms-flex; display: flex; margin-bottom: 25px; }

.content.ap-apply .about-me .hobby .input-wrap { flex-basis: 339px; margin-right: 15px; }

.content.ap-apply .about-me .text { margin-bottom: 43px; }

.content.ap-apply .about-me .text h5 { font-weight: 700; font-size: 16px; line-height: 22px; color: #2D3748; margin-bottom: 6px; }

.content.ap-apply .about-me .text > div { background: #EDF2F7; border-radius: 4px 4px 0px 0px; border-bottom: 1px solid #A0AEC0; padding: 9px 12px; margin-bottom: 7px; }

.content.ap-apply .about-me .text textarea { padding: 0; }

.content.ap-apply .about-me .text .count { font-size: 12px; line-height: 16px; text-align: right; color: rgba(0, 0, 0, 0.54); }

.content.ap-apply .about-me.place { padding: 25px 20px 20px; background: #F7FAFC; border: 1px solid #E2E8F0; }

.content.ap-apply .about-me.place .text { margin-bottom: 0; }

.content.ap-apply .about-me.place .text textarea { background-color: #fff; border-bottom: 1px solid #A0AEC0; }

.content.ap-apply .about-me.place .count { margin-top: 7px; }

.content.ap-apply .photo-notice-guide { text-align: right; padding: 01px 20px; margin-bottom: 9px; font-size: 0; }

.content.ap-apply .photo-notice-guide:before { content: ''; display: inline-block; width: 20px; height: 20px; background: url("../images/common/icon-guide.png") 0 0 no-repeat; vertical-align: middle; margin-right: 9px; }

.content.ap-apply .photo-notice-guide span { display: inline-block; font-size: 16px; line-height: 20px; letter-spacing: 0.03em; color: #3182CE; vertical-align: middle; }

.content.ap-apply .change-center-list { margin-bottom: 16px; padding: 0 10px; }

.content.ap-apply .change-center-list > div { padding: 20px 35px; background-color: #F7FAFC; margin-bottom: 7px; position: relative; border-radius: 7px; }

.content.ap-apply .change-center-list > div:last-child { margin-bottom: 0; }

.content.ap-apply .change-center-list > div strong, .content.ap-apply .change-center-list > div span { display: block; color: #2D3748; }

.content.ap-apply .change-center-list > div strong { font-weight: 700; font-size: 18px; line-height: 25px; margin-bottom: 6px; }

.content.ap-apply .change-center-list > div span { line-height: 22px; }

.content.ap-apply .change-center-list > div .btn { min-width: 0; padding: 0 20px; position: absolute; top: 50%; right: 32px; transform: translateY(-50%); }

.content.ap-apply .change-center-list > div .btn.active { background-color: #00ACEB; border-color: #00ACEB; color: #fff; }

.content.ap-apply .change-center-list + .pagination { margin-top: 0; }

.content.ap-apply .btn-wrap.btn-wrap { margin-top: 50px; }

.content.ap-apply .member-change .tab-nav { width: 100%; font-size: 0; margin-bottom: 27px; }

.content.ap-apply .member-change .tab-nav li { position: relative; display: inline-block; height: 44px; width: 183px; vertical-align: top; background-color: #fff; border-bottom: 4px solid #CBD5E0; }

.content.ap-apply .member-change .tab-nav li.active { border-color: #00ACEB; z-index: 1; }

.content.ap-apply .member-change .tab-nav li.active a { color: #00ACEB; font-weight: 700; }

.content.ap-apply .member-change .tab-nav li a { display: block; font-size: 18px; height: 40px; line-height: 40px; text-align: center; color: #A0AEC0; }

.content.ap-apply .member-change .tab-content > div { display: none; }

.content.ap-apply .member-change .tab-content > div.active { display: block; }

.content.ap-apply .member-change .board-list { margin-bottom: 34px; }

.content.ap-apply .member-change .btn-wrap { text-align: right; }

.content.ap-apply .member-change .btn-wrap .btn { margin: 0; }

.content.ap-apply .member-change .center-list .top-tit .search-wrap { justify-content: center; }

.content.ap-apply .member-change .center-list .top-tit .search-wrap .input-wrap { width: 502px; }

.content.ap-apply .member-change .center-list .top-tit .search-wrap .input-wrap input { width: 100%; }

.content.ap-apply .member-change .center-list .top-tit .search-wrap select { width: 226px; }

.content.ap-apply .member-change .center-list .top-tit .search-wrap select + .input-wrap { width: 297px; }

.content.ap-apply .group { padding: 25px 20px 20px; background: #F7FAFC; border: 1px solid #E2E8F0; margin-bottom: 48px; }

.content.ap-apply .group h4 { font-weight: 700; font-size: 23px; line-height: 25px; color: #4A5568; margin-bottom: 26px; }

.content.ap-apply .group h4 + p { font-size: 16px; line-height: 22px; color: #4A5568; margin-bottom: 25px; }

.content.ap-apply .group .search-wrap { position: relative; margin-bottom: 23px; border-bottom: 1px solid #a0aec0; display: inline-block; }

.content.ap-apply .group .search-wrap .input-wrap { height: 56px; align-items: flex-start; width: 100%; background-color: #fff; }

.content.ap-apply .group .search-wrap .input-wrap:before { display: none; }

.content.ap-apply .group .search-wrap .input-wrap input { background-color: #fff; width: calc(100% - 120px); padding-left: 15px; height: 56px; line-height: 56px; font-size: 18px; border-bottom: 0; }

.content.ap-apply .group .search-wrap .btn { position: absolute; right: 9px; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); height: 32px; line-height: 30px; font-size: 14px; font-weight: 700; min-width: 103px; }

.content.ap-apply .group .field-info-wrap { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; position: relative; }

.content.ap-apply .group .field-info-wrap > div { width: auto; margin-bottom: 0; }

.content.ap-apply .group .field-info-wrap.sign { justify-content: space-between; }

.content.ap-apply .group .field-info { font-size: 14px; }

.content.ap-apply .group .field-info dt { position: relative; margin-bottom: 7px; padding-left: 20px; color: #2D3748; }

.content.ap-apply .group .field-info dt:before { display: block; content: ''; position: absolute; top: 0; left: 0; width: 15px; height: 15px; background: url("../images/common/icon-info.svg") 0 0 no-repeat; background-size: 100%; text-indent: -9999px; overflow: hidden; }

.content.ap-apply .group .field-info dd { margin-left: 0; color: #718096; word-break: break-word; line-height: 19px; }

.content.ap-apply .group .item-wrap .item { display: -webkit-flex; display: -ms-flex; display: flex; margin-bottom: 20px; }

.content.ap-apply .group .item-wrap .item:last-child { margin-bottom: 0; }

.content.ap-apply .group .item-wrap .item .input-wrap { margin-right: 12px; }

.content.ap-apply .group .item-wrap .item .btn-wrap { padding-top: 13px; margin-top: 0; }

.content.ap-apply .group .item-wrap .item .btn-wrap button { display: inline-block; }

.content.ap-apply .group .item-wrap .item .btn-wrap button:first-child { margin-right: 12px; }

.content.ap-apply .group .center-info { display: -webkit-flex; display: -ms-flex; display: flex; margin-bottom: 30px; }

.content.ap-apply .group .center-info p { display: -webkit-flex; display: -ms-flex; display: flex; }

.content.ap-apply .group .center-info p strong { width: 95px; margin-right: 5px; word-break: break-word; -ms-word-break: break-word; }

.content.ap-apply .group .center-info p span { width: 272px; }

.content.ap-apply .group.seminar .item-wrap .item .input-wrap { width: 346px; }

.content.ap-apply .group.seminar .item-wrap .item .input-wrap:nth-child(2) { width: 132px; }

.content.ap-apply .group.rank .item-wrap .item .input-wrap { width: 212px; }

.content.ap-apply .group.rank .item-wrap .item .input-wrap:nth-child(2) { width: 162px; }

.content.ap-apply .group.rank .item-wrap .item .input-wrap:nth-child(3) { width: 142px; }

.content.ap-apply .group.crime .ui-file { width: 411px; }

.content.ap-apply .group.recommend .search-wrap { width: 339px; }

.content.ap-apply .group.recommend .recommend-list .item { background-color: #fff; padding: 30px 20px 18px 28px; margin-bottom: 24px; }

.content.ap-apply .group.recommend .recommend-list .item:last-child { margin-bottom: 0; }

.content.ap-apply .group.recommend .recommend-list .item .center-info p span { width: 194px; }

.content.ap-apply .group.check-list-group { padding: 0; border: none; background: none; }

.content.ap-apply .group.check-list-group .check-all { margin-bottom: 24px; }

.content.ap-apply .group.profile-group { position: relative; padding: 0; border: none; background: none; }

.content.ap-apply .group.profile-group h3 + p { margin-bottom: 24px; }

.content.ap-apply .group.profile-group .photo-wrap { position: relative; height: 130px; }

.content.ap-apply .group.profile-group .photo-wrap .ui-file { width: 573px; padding-left: 162px; padding-top: 13px; }

.content.ap-apply .group.profile-group .photo-wrap .ui-file label { top: 25px; margin-top: 0; }

.content.ap-apply .group.profile-group .photo-wrap .ui-file .list li p { width: 130px; height: 130px; border: 1px solid #E2E8F0; border-radius: 50%; overflow: hidden; padding: 5px; background-color: #fff; position: absolute; top: 0; left: 0; }

.content.ap-apply .group.profile-group .photo-wrap .ui-file .list li p .preview-img { display: block; width: 100%; height: 100%; border-radius: 50%; background: #fff url("../images/common/default.png") 50% 50% no-repeat; overflow: hidden; }

.content.ap-apply .group.profile-group .photo-wrap .ui-file .list li p .preview-img img { display: block; width: 100%; height: 100%; }

.content.ap-apply .group.profile-group .photo-wrap .ui-file a.btn { position: absolute; left: calc(100% + 20px); top: 23px; min-width: auto; width: 80%; height: auto; line-height: 30px; }

.content.ap-apply .group.profile-detail { padding: 10px 20px; }

.content.ap-apply .group.profile-detail table th { font-size: 16px; line-height: 22px; color: #2D3748; text-align: left; padding: 10px 0; }

.content.ap-apply .group.profile-detail table td { font-size: 16px; line-height: 22px; color: #718096; }

.content.ap-apply .group.id-apply .item-wrap { margin-bottom: 20px; }

.content.ap-apply .group.id-apply .item-wrap .item .input-wrap { width: 279px; }

.content.ap-apply .group.id-apply .item-wrap .item .input-wrap:first-child { width: 181px; }

.content.ap-apply .group.id-apply .photo-wrap { font-size: 0; }

.content.ap-apply .group.id-apply .photo-wrap .ui-file { display: inline-block; margin-right: 24px; vertical-align: top; }

.content.ap-apply .group.id-apply .ui-file .list { width: 100%; height: 100%; border: none; }

.content.ap-apply .group.id-apply .ui-file .list li { width: 100%; height: 100%; padding: 0; }

.content.ap-apply .group.id-apply .ui-file .list li p { margin-top: 15px; width: 470px; height: 258px; padding: 11px 11px 13px 10px; border-radius: 5px; border: 1px solid #CBD5E0; background-color: #fff; }

.content.ap-apply .group.id-apply .ui-file .list li p .preview-img { display: block; width: 100%; height: 100%; border-radius: 5px; overflow: hidden; }

.content.ap-apply .group.id-apply .ui-file .list li p .preview-img img { display: block; width: 100%; height: 100%; }

.content.ap-apply .group.id-apply .ui-file .list li p strong, .content.ap-apply .group.id-apply .ui-file .list li p button { display: none; }

.content.ap-apply .group.id-apply .ui-file .btn { position: relative; width: 472px; height: 56px; background: #fff; border-bottom: 1px solid #A0AEC0; }

.content.ap-apply .group.id-apply .ui-file .btn span { position: absolute; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); left: 12px; font-size: 18px; color: #2D3748; }

.content.ap-apply .group.id-apply .ui-file .btn input[type="file"] { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; }

.content.ap-apply .group.id-apply .ui-file .btn label { position: absolute; top: 50%; right: 8px; margin-top: -16px; color: #fff; text-align: center; width: 105px; height: 32px; font-weight: 700; font-size: 14px; line-height: 32px; background: #00ACEB; border-radius: 4px; }

.content.ap-apply .group.id-apply .ui-file .btn > a.btn { line-height: 30px; padding-top: 10px; }

.content.ap-apply .group.business .field-info-wrap .input-wrap { width: 279px; }

.content.ap-apply .group.business .field-info-wrap .ui-file { width: 310px; }

.content.ap-apply .group.bank .item-wrap { margin-bottom: 20px; }

.content.ap-apply .group.bank .item-wrap .item .input-wrap { width: 279px; }

.content.ap-apply .group.bank .item-wrap .item .input-wrap:first-child { width: 181px; }

.content.ap-apply .group.bank .ui-file { width: 411px; }

.content.ap-apply .group.education .item-wrap.top .input-wrap { width: 339px; }

.content.ap-apply .group.education .item-wrap.bottom .input-wrap { width: 154px; }

.content.ap-apply .group.education .item-wrap.bottom span { width: 65px; display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; justify-content: center; font-size: 18px; color: #718096; }

.content.ap-apply .group.education .btn-add { height: 25px; line-height: 25px; }

.content.ap-apply .group.education .btn-add:before { width: 25px; height: 25px; background-size: 100%; }

.content.ap-apply .group.education .btn-add span { font-size: 14px; font-weight: 500; line-height: 25px; }

.content.ap-apply .group.operation .item-wrap .input-wrap { width: 340px; }

.content.ap-apply .group.operation .operation-member { background: #FFFFFF; border-radius: 10px; padding: 30px 15px 35px 30px; }

.content.ap-apply .group.operation .operation-member h4 { margin-bottom: 10px; }

.content.ap-apply .group.operation .operation-member table th, .content.ap-apply .group.operation .operation-member table td { padding: 10px 0px; text-align: left; }

.content.ap-apply .group.operation .operation-member table th { font-size: 16px; line-height: 22px; color: #2D3748; }

.content.ap-apply .group.operation .operation-member table td { font-size: 16px; line-height: 22px; color: #718096; }

.content.ap-apply .group.operation .operation-member .btn-wrap { text-align: right; }

.content.ap-apply .group.plan .ui-file { width: 411px; }

.content.ap-apply .group.place-info { background: none; border: none; padding: 0; }

.content.ap-apply .group.place-info .input-wrap { width: 433px; }

.content.ap-apply .group.position .input-wrap { width: 600px; margin-right: 0 !important; }

.content.ap-apply .group.position .map { margin-bottom: 20px; }

.content.ap-apply .group.position .field-info dt { font-size: 14px; color: #4A5568; }

.content.ap-apply .group.address .address-top .input-wrap { width: 728px; }

.content.ap-apply .group.address .address-top .input-wrap.email { width: 562px; }

.content.ap-apply .group.address .address-top .input-wrap.left { width: 198px; }

.content.ap-apply .group.address .address-bottom { padding-left: 210px; }

.content.ap-apply .group.address .address-bottom .input-wrap { width: 728px; }

.content.ap-apply .group.address .distance .input-wrap { width: 351px; }

.content.ap-apply .group.address .phone-number .input-wrap { width: 351px; }

.content.ap-apply .group.address .phone-number .input-wrap:first-child { width: 195px; }

.content.ap-apply .group.area .item-wrap { margin-bottom: 26px; }

.content.ap-apply .group.area .item .input-wrap { width: 300px; }

.content.ap-apply .group.area .item.item-floor .input-wrap { width: 172px; }

.content.ap-apply .group.area .item.item-floor .input-wrap:first-child { width: 300px; }

.content.ap-apply .group.area .item.item-floor .input-wrap.right-text span { line-height: 23px; }

.content.ap-apply .group.area .item.item-floor > span { width: 65px; display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; justify-content: center; font-size: 18px; color: #718096; }

.content.ap-apply .group.area-agree .ui-file { width: 427px; }

.content.ap-apply .group.photo .photo-list { display: -webkit-flex; display: -ms-flex; display: flex; background-color: #fff; padding: 25px 25px 17px; flex-wrap: wrap; }

.content.ap-apply .group.photo .photo-list .item { margin-right: 12px; margin-bottom: 8px; width: 234px; height: 167px; }

.content.ap-apply .group.photo .photo-list .item:nth-child(4n) { margin-right: 0; }

.content.ap-apply .group.photo .photo-list .ui-file { padding: 0; border-radius: 5px; border: none; background-color: #EDF2F7; overflow: hidden; }

.content.ap-apply .group.photo .photo-list .ui-file .list { width: 100%; height: 100%; border: none; background: #EDF2F7 url("../images/common/icon-photo-default.png") center no-repeat; }

.content.ap-apply .group.photo .photo-list .ui-file .list li { position: relative; width: 100%; height: 100%; padding: 0; }

.content.ap-apply .group.photo .photo-list .ui-file .list li.default { display: none; }

.content.ap-apply .group.photo .photo-list .ui-file .list li.default em { display: -webkit-flex; display: -ms-flex; display: flex; width: 100%; height: 100%; font-size: 14px; line-height: 19px; color: #00ACEB; justify-content: center; align-items: center; flex-direction: column; }

.content.ap-apply .group.photo .photo-list .ui-file .list li.default em:after { content: ''; width: 25px; height: 25px; margin-top: 7px; background: url("../images/common/bg-input-photo.png") 0 0 no-repeat; }

.content.ap-apply .group.photo .photo-list .ui-file .list li p { width: 100%; height: 100%; }

.content.ap-apply .group.photo .photo-list .ui-file .list li p .preview-img { display: block; width: 100%; height: 100%; background: #EDF2F7; }

.content.ap-apply .group.photo .photo-list .ui-file .list li p .preview-img img { display: block; width: 100%; height: 100%; }

.content.ap-apply .group.photo .photo-list .ui-file .list li p strong { display: none; }

.content.ap-apply .group.photo .photo-list .ui-file .list li p button.btn-remove { position: absolute; top: 17px; right: 10px; display: block; text-indent: -9999em; width: 40px; height: 40px; z-index: 1; background: url("../images/common/btn-photo-del.png") 0 0 no-repeat; }

.content.ap-apply .group.photo .photo-list .ui-file label { background: none; top: 0; right: 0; margin-top: 0; }

.content.ap-apply .group.photo .photo-list .ui-file .btn { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.content.ap-apply .group.photo .photo-list .ui-file .btn label { width: 100%; height: 100%; }

.content.ap-apply .group.photo .photo-list .btn-photo-add span { display: -webkit-flex; display: -ms-flex; display: flex; width: 100%; height: 100%; font-size: 14px; line-height: 19px; color: #718096; justify-content: center; align-items: center; flex-direction: column; }

.content.ap-apply .group.photo .photo-list .btn-photo-add span:before { content: ''; width: 25px; height: 25px; margin-bottom: 7px; background: url("../images/common/bg-input-photo.png") 0 0 no-repeat; }

.content.ap-apply .group.photo .photo-list + .field-info { margin-top: 20px; }

.content.ap-apply .group.photo .photo-list + .field-info dt { font-size: 14px; color: #4A5568; }

.content.ap-apply .group.photo .photo-list-box { background: #fff; padding: 16px 25px 48px; }

.content.ap-apply .group.photo .photo-list-box .list { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; }

.content.ap-apply .group.photo .photo-list-box .list li { position: relative; width: 234px; height: 167px; border-radius: 5px; background: #EDF2F7; flex-basis: calc(25% - 25px); }

.content.ap-apply .group.photo .photo-list-box .list li .preview-img { display: block; width: 100%; height: 100%; background: #EDF2F7; }

.content.ap-apply .group.photo .photo-list-box .list li .preview-img img { display: block; width: 100%; height: 100%; border-radius: 5px; }

.content.ap-apply .group.photo .photo-list-box .list li button.btn-remove { position: absolute; top: 17px; right: 10px; display: block; text-indent: -9999em; width: 40px; height: 40px; z-index: 1; background: url("../images/common/btn-photo-del.png") 0 0 no-repeat; }

.content.ap-apply .group.photo .photo-list-box .list li + li { margin-left: 33px; }

.content.ap-apply .group.photo .photo-list-box .list li:nth-child(4n+1) { margin-left: 0; }

.content.ap-apply .group.photo .photo-list-box .list li:nth-child(n+5) { margin-top: 33px; }

.content.ap-apply .group.contract .item-wrap .item .input-wrap { width: 260px; }

.content.ap-apply .group.contract .item-wrap .item > span { width: 65px; display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; justify-content: center; font-size: 18px; color: #718096; }

.content.ap-apply .group.contract .item-wrap .item .field-info-wrap .ui-file { width: 427px; }

.content.ap-apply .group.contract .item-wrap .item .field-info-wrap button.btn { min-width: 174px; margin-left: 50px; }

.content.ap-apply .group.change-center .field-info-wrap > .input-wrap { width: 165px; margin-right: 15px; }

.content.ap-apply .group.change-center .field-info-wrap .search-wrap { width: 411px; }

.content.ap-apply .group.change-center .field-info-wrap .field-info dt { font-size: 14px; color: #4A5568; }

.content.ap-apply-done .inner { text-align: center; height: 839px; display: -webkit-flex !important; display: -ms-flex !important; display: flex !important; flex-direction: column; justify-content: center; align-items: center; }

.content.ap-apply-done h2 { font-weight: 700; font-size: 24px; line-height: 33px; color: #4A5568; margin-bottom: 42px; }

.content.ap-apply-done .box { width: 605px; background: #F7FAFC; border-radius: 10px; padding: 68px 65px 69px 78px; margin: 0 auto 22px; }

.content.ap-apply-done .box h3 { font-weight: 700; font-size: 18px; line-height: 25px; color: #4A5568; margin-bottom: 37px; }

.content.ap-apply-done .box > p { font-size: 16px; line-height: 22px; color: #4A5568; margin-bottom: 27px; }

.content.ap-apply-done .box .info { background-color: #fff; padding: 14px 0 14px 45px; text-align: left; }

.content.ap-apply-done .box .info h4 { font-size: 16px; line-height: 22px; color: #4A5568; margin-bottom: 8px; }

.content.ap-apply-done .box .info p { font-size: 16px; line-height: 24px; color: #4A5568; padding-left: 33px; position: relative; margin-bottom: 6px; }

.content.ap-apply-done .box .info p:before { display: block; content: ''; width: 24px; height: 24px; background-position: 50% 50%; background-repeat: no-repeat; position: absolute; top: 0; left: 0; }

.content.ap-apply-done .box .info .address:before { background-image: url(../images/common/icon-done1.png); }

.content.ap-apply-done .box .info .tel:before { background-image: url(../images/common/icon-done2.png); }

.content.ap-apply-done .btn-wrap { text-align: center; font-size: 0; }

.content.ap-apply-done .btn-wrap .btn { margin: 0; margin-right: 13px; }

.content.ap-apply-done .btn-wrap .btn:last-child { margin-right: 0; }

#save-pop .content { width: 403px; padding-bottom: 54px; }

#save-pop .content .header { padding-top: 53px; text-align: center; }

#save-pop .content .header h1 { margin-bottom: 18px; }

#save-pop .content .body .btn-wrap .btn { width: auto; padding: 0 20px; }

#pre-approve-pop .content { width: 442px; padding-bottom: 21px; padding-left: 24px; padding-right: 24px; }

@media (max-width: 750px) { #pre-approve-pop .content { width: calc(100% - 20px); } }

#pre-approve-pop .content .header { padding-top: 53px; text-align: center; margin-bottom: 60px; }

#pre-approve-pop .content .header h1 { margin-bottom: 18px; }

#pre-approve-pop .content .body .check-wrap { overflow: hidden; }

#pre-approve-pop .content .body .check-wrap .checkbox { margin-top: 10px; }

#pre-approve-pop .content .body .check-wrap .btn { float: right; width: auto; padding: 0 20px; }

#request-pop2 .content, #request-pop3 .content { width: 856px; max-height: 90%; overflow-y: auto; }

#request-pop2 .content .body .request-search-wrap, #request-pop3 .content .body .request-search-wrap { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; margin-bottom: 37px; }

#request-pop2 .content .body .request-search-wrap .input-wrap, #request-pop3 .content .body .request-search-wrap .input-wrap { width: 374px; margin-right: 15px; }

#request-pop2 .content .body .list-wrap h2, #request-pop3 .content .body .list-wrap h2 { line-height: 22px; color: #2D3748; margin-bottom: 8px; font-size: 16px; }

#request-pop2 .content .body .list-wrap .board-list, #request-pop3 .content .body .list-wrap .board-list { margin-bottom: 94px; }

#request-pop2 .content .body .list-wrap .board-list th, #request-pop3 .content .body .list-wrap .board-list th { text-align: center; }

#request-pop2 .content .body .btn-wrap, #request-pop3 .content .body .btn-wrap { font-size: 0; }

#request-pop2 .content .body .btn-wrap .btn, #request-pop3 .content .body .btn-wrap .btn { min-width: 0; width: auto; padding: 0 20px; margin: 0 6px; }

#doc-recommend { background: url(../images/common/recommend-bg.png) 50% 0 no-repeat; background-size: cover; background-attachment: fixed; }

#doc-recommend .inner { position: absolute; top: 64px; left: 50%; bottom: 30px; transform: translateX(-50%); width: 100%; max-width: 785px; padding-bottom: 30px; }

#doc-recommend h1 { font-weight: 700; font-size: 24px; line-height: 33px; color: #FFFFFF; margin-bottom: 20px; }

#doc-recommend .content { background-color: #fff; border-radius: 10px; margin-bottom: 30px; padding: 32px 20px 15px; }

#doc-recommend .content h2 { font-size: 18px; line-height: 25px; color: #2D3748; margin-bottom: 33px; }

#doc-recommend .content h2 span { color: #00ACEB; }

#doc-recommend .content > ol { margin-left: 35px; margin-bottom: 32px; }

#doc-recommend .content > ol > li { list-style: decimal; line-height: 22px; margin-bottom: 15px; }

#doc-recommend .content > ol > li:last-child { margin-bottom: 0; }

#doc-recommend .content > ol > li h3 { margin-bottom: 20px; font-size: 16px; color: #2D3748; }

#doc-recommend .content > ol > li > ol { margin-left: 21px; }

#doc-recommend .content > ol > li > ol > li { list-style: upper-alpha; line-height: 36px; font-size: 16px; color: #2D3748; }

#doc-recommend .content .text > strong { display: block; font-size: 16px; line-height: 22px; color: #4A5568; margin-top: -8px; margin-bottom: 20px; }

#doc-recommend .content .text textarea { background-color: #fff; border-bottom: 1px solid #A0AEC0; background: #F7FAFC; border-radius: 4px 4px 0px 0px; }

#doc-recommend .content .text .count { font-size: 12px; line-height: 16px; text-align: right; color: rgba(0, 0, 0, 0.54); margin-top: 7px; }

#doc-recommend .content .signature-wrap { overflow: hidden; margin-left: 57px; margin-right: 32px; }

#doc-recommend .content .signature-wrap p { font-weight: 500; font-size: 16px; line-height: 22px; color: #2D3748; }

#doc-recommend .content .signature-wrap .date { float: left; }

#doc-recommend .content .signature-wrap .info { width: 421px; float: right; }

#doc-recommend .content .signature-wrap .info p { margin-bottom: 12px; }

#doc-recommend .content .signature-wrap .info p:last-child { margin-bottom: 9px; }

#doc-recommend .content .signature-wrap #signature { width: 100%; height: 144px; background: #F7FAFC; border: 1px solid #EDF2F7; border-radius: 10px; }

#doc-recommend .content .signature-wrap #signature canvas { height: 100% !important; }

#doc-recommend .content .btn-wrap { padding: 32px 0 15px; }

#doc-recommend .copy { display: none; }

@media (max-width: 1023px) { #doc-recommend .inner { max-width: 100%; position: static; transform: none; padding-bottom: 0; }
  #doc-recommend h1 { background-color: #00ACEB; padding: 27px 20px; margin-bottom: 0; }
  #doc-recommend h1 img { display: block; margin-bottom: 12px; }
  #doc-recommend .content { border-radius: 0; padding: 37px 20px 32px; margin-bottom: 0; }
  #doc-recommend .content ol { margin: 0 !important; }
  #doc-recommend .content > ol { margin-bottom: 64px !important; }
  #doc-recommend .content > ol > li { margin-left: 20px !important; }
  #doc-recommend .content h3 { line-height: 22px; }
  #doc-recommend .content .signature-wrap { overflow: hidden; margin: 0; }
  #doc-recommend .content .signature-wrap p { font-weight: 500; font-size: 16px; line-height: 22px; color: #2D3748; }
  #doc-recommend .content .signature-wrap .date { float: none; margin-bottom: 20px; }
  #doc-recommend .content .signature-wrap .info { width: 100%; float: none; }
  #doc-recommend .content .signature-wrap .info p { margin-bottom: 12px; }
  #doc-recommend .content .signature-wrap .info p:last-child { margin-bottom: 9px; }
  #doc-recommend .content .signature-wrap #signature { width: 100%; height: 144px; background: #F7FAFC; border: 1px solid #EDF2F7; border-radius: 10px; }
  #doc-recommend .content .signature-wrap #signature canvas { height: 100% !important; }
  #doc-recommend .copy { margin-top: 43px; display: block; font-weight: 500; font-size: 14px; line-height: 19px; text-align: center; color: #A0AEC0; } }

.sign-pop .header p { font-weight: bold; font-size: 20px; line-height: 28px; color: #2D3748; text-align: center; }

.sign-pop .content { width: 403px; padding-bottom: 54px; }

.sign-pop .content .body .btn-wrap .btn { width: auto; padding: 0 20px; }

#error-page { display: -webkit-flex; display: -ms-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; background: url(../images/common/recommend-bg.png) 50% 0 no-repeat; background-size: cover; background-attachment: fixed; }

#error-page .inner { width: 100%; max-width: 962px; }

@media (max-width: 1023px) { #error-page .inner { padding: 0 20px; } }

#error-page h1 { font-weight: 700; font-size: 24px; line-height: 33px; color: #FFFFFF; margin-bottom: 20px; }

#error-page .content { width: 100%; background: #FFFFFF; border-radius: 10px; height: 554px; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; flex-direction: column; }

@media (max-width: 1023px) { #error-page .content { height: auto; padding: 97px 20px 80px; } }

#error-page .content img { margin-bottom: 40px; }

#error-page .content p { width: 500px; font-weight: 700; font-size: 18px; line-height: 22px; color: #2D4642; margin-bottom: 66px; text-align: center; }

@media (max-width: 1023px) { #error-page .content p { width: 100%; } }

#error-page .content .btn-wrap .btn { min-width: 0; padding: 0 24px; }

#error-page .content .btn-wrap .btn:first-child { margin: 0 8px 0 0; }

#error-page .content .btn-wrap .btn:last-child { margin: 0 0 0 8px; }

/*공통*/
.calendar-wrap .input-wrap { display: inline-block; border-radius: 4px 4px 0px 0px; }

.calendar-wrap .input-wrap + span { display: inline-block; margin: 0 10px; font-size: 18px; color: #000; font-weight: 500; }

.calendar-wrap .input-wrap + button { margin-left: 8px; }

.calendar-wrap .input-wrap input { font-size: 18px; font-weight: 500; width: 183px; }

.calendar-wrap .input-wrap input:focus, .calendar-wrap .input-wrap input:valid { border-bottom-width: 1px; border-bottom-color: #A0AEC0; }

/* 토글 버튼 */
.btn-switch { position: relative; display: inline-block; min-width: 64px; height: 36px; vertical-align: middle; }

.btn-switch input { display: none; }

.btn-switch input:checked + .slider { display: inline-block; width: 100%; height: 100%; cursor: pointer; -webkit-transition: .4s; transition: .4s; border-radius: 35px; background-color: #00ACEB; }

.btn-switch input:checked + .slider::before { position: absolute; right: 2px; bottom: 4px; width: 28px; height: 28px; content: ''; -webkit-transition: .4s; transition: .4s; border-radius: 50%; background-color: white; }

.btn-switch input:checked + .slider:after { font-size: 12px; font-weight: 400; position: absolute; top: 50%; left: 13%; content: 'On'; transform: translateY(-50%); color: #fff; }

.btn-switch .slider { background-color: #6A8088; }

.btn-switch .slider:before { -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3); }

.btn-switch .slider:after { left: 56%; content: 'Off'; }

.search-wrap { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; }

.search-wrap .input-wrap input { width: 300px; height: 56px; line-height: 56px; background: #fff; font-size: 18px; color: #2D3748; border-radius: 4px 4px 0px 0px; }

.search-wrap .input-wrap input::-webkit-input-placeholder { color: #2D3748; font-weight: 500; }

.search-wrap .input-wrap input::-ms-input-placeholder { color: #2D3748; font-weight: 500; }

.search-wrap .input-wrap input:focus::-webkit-input-placeholder { color: transparent; }

.search-wrap .input-wrap input:focus::-ms-input-placeholder { color: transparent; }

.search-wrap button { padding: 0 18px; margin-left: 10px; }

/*---Applicant---*/
/*센터신청관리 > 목록*/
.center-list.hq-list .top-tit .info-tit { margin-bottom: 20px; }

.center-list.hq-list .top-tit .select-box { width: 173px; }

.center-list.hq-list .top-tit .form-wrap { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.center-list.hq-list .top-tit .form-wrap select { display: inline-block; width: 152px; margin-right: 10px; border-radius: 4px 4px 0px 0px; background-color: #F7FAFC; }

.center-list.hq-list .top-tit .form-wrap .input-wrap { width: 447px; background-color: #fff; flex-direction: row; -ms-flex-direction: row; justify-content: flex-start; }

.center-list.hq-list .top-tit .form-wrap .input-wrap input { width: calc(100% - 112px); height: 56px; line-height: 56px; background-color: #F7FAFC; border-radius: 4px 4px 0px 0px; font-size: 18px; }

.center-list.hq-list .top-tit .form-wrap .input-wrap .btn { margin-left: 10px; height: 56px; line-height: 54px; min-width: 102px; border-radius: 10px; font-size: 18px; font-weight: 500; }

.center-list.hq-list .table-wrap .board-list td { font-weight: 400; }

.center-list.hq-list .table-wrap + .btn-wrap { margin-top: 20px; }

.center-list.hq-list .table-wrap + .btn-wrap .btn { margin-right: 0; }

.center-list.hq-list .btn-wrap + .pagination { margin-top: 48px; }

.center-list .info-tit { font-size: 14px; line-height: 20px; font-weight: 500; color: #2D3748; }

.center-list .info-tit em { color: #00ACEB; }

.center-list .top-tit { background-color: #F7FAFC; border-radius: 7px; padding: 22px 45px; margin-bottom: 20px; }

.center-list .top-tit:after { display: block; clear: both; content: ''; }

.center-list .top-tit .f-left { float: left; }

.center-list .top-tit .f-right { float: right; }

.center-list .top-tit .calendar-wrap .input-wrap input { background-color: #fff; }

.center-list .top-tit .search-wrap select { background-color: #fff; margin-right: 12px; width: 165px; }

.center-list .btn-step-box { display: table; float: left; margin-bottom: 20px; }

.center-list .btn-step-box button { border: 0; color: #718096; font-size: 14px; border-bottom: 1px solid #C6C2DE; border-radius: 0; padding: 0 30px; height: 38px; line-height: 36px; font-weight: bold; }

.center-list .btn-step-box button.active { border-bottom-width: 2px; border-bottom-color: #2D3748; color: #2D3748; }

.center-list .table-wrap + .pagination { margin-top: 88px; }

.center-list .table-wrap .info-tit { margin-bottom: 15px; }

.center-list .table-wrap .label { display: inline-block; font-weight: 600; font-size: 14px; height: 20px; line-height: 20px; background: #00ACEB; border-radius: 50px; padding: 0 10px; color: #fff; margin-right: 5px; }

.center-list .table-wrap .btn-preview { display: inline-block; vertical-align: middle; margin-left: 3px; width: 18px; height: 18px; }

.center-list .table-wrap.notice-list + .page-btm { margin-top: 48px; }

.center-list .table-wrap.notice-list .board-list td.num { font-weight: 700; color: #4A5568; }

.center-list .table-wrap.notice-list .board-list td strong { font-weight: 800; }

.center-list .page-btm { position: relative; }

.center-list .page-btm .btn-wrap { position: absolute; right: 0; top: 12px; }

.center-list .page-btm .btn-wrap button { min-width: 109px; }

.center-list .list-wrap li { position: relative; border: 1px solid #CBD5E0; border-radius: 10px; box-sizing: border-box; }

.center-list .list-wrap li a { display: block; padding: 23px 25px 25px 30px; }

.center-list .list-wrap li div { text-align: left; width: calc(100% - 100px); }

.center-list .list-wrap li div h3 { color: #2D3748; font-size: 16px; font-weight: 700; line-height: 1.375; margin-bottom: 20px; }

.center-list .list-wrap li div .label { display: inline-block; vertical-align: middle; background-color: #00ACEB; height: 26px; line-height: 24px; border-radius: 50px; font-size: 12px; font-weight: 700; color: #fff; padding: 0 10px; margin-right: 9px; }

.center-list .list-wrap li div .label.bg-gray { background-color: #718096; }

.center-list .list-wrap li div dl { line-height: 1.42; }

.center-list .list-wrap li div dl dt { font-size: 14px; font-weight: 500; color: #718096; }

.center-list .list-wrap li div dl dd { margin-left: 0; font-weight: 500; color: #4A5568; font-size: 14px; margin-top: 6px; }

.center-list .list-wrap li .btn-more { position: absolute; top: 50%; right: 30px; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); font-size: 14px; color: #4A5568; font-weight: 500; }

.center-list .list-wrap li .btn-more:after { content: ''; display: inline-block; vertical-align: middle; width: 16px; height: 28px; background: url("../images/common/icon-arrow.png") center no-repeat; background-size: auto; margin-left: 12px; }

.center-list .list-wrap li + li { margin-top: 18px; }

.center-list .list-wrap + .btn-wrap { margin-top: 24px; }

.center-list .btn-wrap button:last-child { margin-right: 0; }

/*공지사항 > 뷰*/
.register-view { /* .faq-list{ .list-box{ &.editor-wrap{ padding:20px; > div{ h3{ margin-bottom:25px; } .editor-box{ padding:10px; textarea{ height:100%; font-size:18px; color:#4A5568; line-height:25px; font-weight: 500; &::-webkit-input-placeholder { color: #2D3748; } &::-ms-input-placeholder { color: #2D3748; } &:focus{ &::-webkit-input-placeholder { color: transparent; } &::-ms-input-placeholder { color: transparent; } } } } } } } } */ /*코드관리 > 언어코드 > 등록/수정*/ /*white-box*/ }

.register-view .list-wrap { background: #F7FAFC; border: 1px solid #E2E8F0; padding: 24px; }

.register-view .list-box { background: #fff; border: 1px solid #E2E8F0; box-sizing: border-box; padding: 27px 27px 20px; /* > div{ h3{ font-size:18px; font-weight: 700; color:#2D3748; margin-bottom:33px; } .input-wrap{ background:#fff; select{ font-size:16px; font-weight: 500; } } &.full{ flex-basis: 100%!important; } } */ /* &.category-wrap{ margin-bottom:47px; > div{ flex-basis: calc(50% - 19px); &:nth-child(2){ margin-left:38px; &.full{ margin-left:0; } } &.full{ margin-top:25px; flex-basis: 100%; } .checkbox{ +.radio-wrap{ margin-top:15px; } } .radio-wrap{ .radio { + .radio{ margin-left:88px; } } } h3{ margin-bottom:25px; } } } */ }

.register-view .list-box + .list-box { margin-top: 10px; }

.register-view .list-box.tit { position: relative; }

.register-view .list-box.tit h2 { font-size: 18px; line-height: 1.38; font-weight: 700; color: #4A5568; }

.register-view .list-box.tit p { font-size: 14px; margin-top: 9px; }

.register-view .list-box.tit p span::before { content: ''; display: inline-block; vertical-align: middle; width: 1px; height: 13px; background-color: #B3B2B2; margin: 0 10px 0 5px; }

.register-view .list-box.tit p span:first-child::before { display: none; }

.register-view .list-box.tit .btn-preview { position: absolute; right: 11px; bottom: 11px; }

.register-view .list-box.tit > span { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: flex-end; align-items: center; position: absolute; top: 0; right: 13px; }

.register-view .list-box.tit > span i.badge + em { font-weight: 700; font-size: 14px; line-height: 16px; letter-spacing: 0.4px; color: #4A5568; }

.register-view .list-box.tit > span i.badge.before + em { color: #718096; }

.register-view .list-box.tit > span i.badge.done + em { color: #00ACEB; }

.register-view .list-box.con { padding: 38px 38px 40px; }

.register-view .list-box.con img { max-width: 100%; }

.register-view .list-box.con img + p { margin-top: 25px; }

.register-view .list-box.con p { line-height: 1.375; color: #4A5568; font-weight: 400; word-break: break-all; }

.register-view .list-box.con + .condition { padding-top: 23px; padding-left: 30px; }

.register-view .list-box.con + .condition > p { font-size: 16px; line-height: 22px; color: #4A5568; margin-bottom: 20px; }

.register-view .list-box.con + .condition > ul { margin-bottom: 20px; }

.register-view .list-box.con + .condition > ul li { margin-bottom: 16px; }

.register-view .list-box.con + .condition > ul li:last-child { margin-bottom: 0; }

.register-view .list-box.con + .condition > ul li .radio input { top: 50%; margin-top: -10px; }

.register-view .list-box.con + .condition > ul li label { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; }

.register-view .list-box.con + .condition > ul li label:before { top: 50%; margin-top: -10px; }

.register-view .list-box.con + .condition > ul li label em { font-weight: 700; font-size: 14px; line-height: 16px; letter-spacing: 0.4px; color: #4A5568; }

.register-view .list-box.con + .condition > ul li label b { font-size: 14px; line-height: 19px; color: #4A5568; margin-left: 10px; }

.register-view .list-box.con + .condition > ul li label .badge.done + em { color: #00ACEB; }

.register-view .list-box.con + .condition .field-info-wrap { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; position: relative; padding-left: 30px; }

.register-view .list-box.con + .condition .field-info-wrap > div { width: auto; margin-bottom: 0; }

.register-view .list-box.con + .condition .field-info-wrap.sign { justify-content: space-between; }

.register-view .list-box.con + .condition .field-info-wrap .ui-file { width: 100%; }

.register-view .list-box.con + .condition .field-info-wrap .field-info { font-size: 14px; }

.register-view .list-box.con + .condition .field-info-wrap .field-info dt { position: relative; margin-bottom: 7px; padding-left: 20px; color: #2D3748; }

.register-view .list-box.con + .condition .field-info-wrap .field-info dt:before { display: block; content: ''; position: absolute; top: 0; left: 0; width: 15px; height: 15px; background: url("../images/common/icon-info.svg") 0 0 no-repeat; background-size: 100%; text-indent: -9999px; overflow: hidden; }

.register-view .list-box.con + .condition .field-info-wrap .field-info dd { margin-left: 0; color: #718096; word-break: break-word; line-height: 19px; }

.register-view .list-box.con + .condition .btn-wrap { margin-top: 26px; }

@media (max-width: 1023px) { .register-view .list-box.con + .condition { padding: 16px 14px; }
  .register-view .list-box.con + .condition > ul + p { font-size: 14px; line-height: 19px; color: #4A5568; }
  .register-view .list-box.con + .condition .field-info-wrap { padding-left: 0; } }

.register-view .list-box.btm-list { padding: 25px 30px; margin-top: 20px; }

#container > div.content-wrap > div > div.content.register-view > div > div > div.list-wrap > div.center-cover {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}

.register-view .list-box.btm-list a { display: block; text-align: left; font-size: 14px; line-height: 1.35; color: #2D3748; }

.register-view .list-box.btm-list a strong { display: inline-block; width: 65px; font-weight: 700; color: #4A5568; }

.register-view .list-box.btm-list a p { display: inline-block; font-weight: 400; }

.register-view .list-box.btm-list a.next { margin-top: 10px; }

.register-view .list-box.editor-wrap > div { width: 100%; }

.register-view .list-box.editor-wrap > div .editor-box { height: 428px; background: #fff; }

.register-view .list-box .file-wrap { position: relative; }

.register-view .list-box .file-wrap .ui-file { min-width: 411px; }

.register-view .list-box .file-wrap .ui-file .list li { max-width: 95%; border-radius: 4px 4px 0px 0px; }

.register-view .list-box .file-wrap .btn-add { position: absolute; top: 50%; left: calc(100% + 22px); transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); }

.register-view .list-box .file-wrap .btn-add:before { width: 25px; height: 25px; background-size: 100%; }

.register-view .list-box .file-wrap .btn-add span { font-size: 14px; font-weight: 500; line-height: 25px; margin-left: 3px; }

.register-view .list-box .radio-only .radio-wrap { height: 56px; line-height: 56px; }

.register-view .list-box .radio-only .radio-wrap .radio { line-height: 1; }

.register-view .list-box.file-list-type .full { margin-top: 30px; }

.register-view .list-box.file-list-type .input-type { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 61%; }

.register-view .list-box.file-list-type .input-type .input-wrap { border-radius: 4px 4px 0px 0px; flex-basis: 220px; }

.register-view .list-box.file-list-type .input-type .input-wrap + .input-wrap { margin-left: 10px; flex-basis: 411px; }

.register-view .btn-wrap { margin-top: 60px; }

.register-view .btn-wrap .btn { min-width: 109px; }

.register-view .btn-wrap .btn:last-child { margin-right: 0; }

.register-view .video-box { margin-bottom: 15px; }

.register-view .video-box h3 { font-size: 18px; line-height: 1.38; color: #000; text-align: center; margin-bottom: 10px; }

.register-view.code-list .list-box div:nth-child(2) { margin-left: 0; }

.register-view.code-list .list-box div.full { margin-top: 30px; }

.register-view.code-list .list-box div.full:first-child { margin-top: 0; }

.register-view.white-box .list-box { background: #fff; padding: 20px 40px; margin-bottom: 14px; align-items: center; }

.register-view.white-box .list-box div > p { font-size: 18px; line-height: 1.38; }

.register-view.white-box .list-box div .input-wrap { border-radius: 4px 4px 0px 0px; }

.register-view.white-box .list-box div .input-wrap.lang-code { width: 228px; }

.register-view.white-box .list-box div .input-wrap.select-wrap { flex-direction: row; }

.register-view.white-box .list-box div .input-wrap.select-wrap select { width: 124px; }

.register-view.white-box .list-box div .input-wrap.select-wrap select.country { width: 204px; }

.register-view.white-box .list-box div .input-wrap.select-wrap select + select { margin-left: 20px; }

.register-view.white-box .list-box div .search-wrap { position: relative; margin-bottom: 23px; }

.register-view.white-box .list-box div .search-wrap .input-wrap { height: 56px; align-items: flex-start; width: 458px; background-color: #F7FAFC; }

.register-view.white-box .list-box div .search-wrap .input-wrap:before { display: none; }

.register-view.white-box .list-box div .search-wrap .input-wrap input { background-color: #F7FAFC; width: calc(100% - 120px); padding-left: 15px; height: 56px; line-height: 56px; font-size: 18px; border-bottom: 0; }

.register-view.white-box .list-box div .search-wrap .btn { position: absolute; right: 9px; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); height: 32px; line-height: 30px; font-size: 14px; font-weight: 700; min-width: 103px; }

.register-view.white-box .list-box div .btn-box { margin-top: 30px; }

.register-view.white-box .list-box div .btn-box button span { font-weight: 500; }

.register-view.white-box .list-box > div { flex-basis: calc(50% - 27px); }

.register-view.white-box .list-box > div:nth-child(2) { margin-left: 54px; }

.register-view.white-box .list-box > div .input-wrap select { font-size: 18px; background-color: #F7FAFC; }

.register-view.white-box .list-box > div.table-wrap { margin-left: 0; }

.register-view.white-box .list-box .table-wrap { max-height: 190px; overflow-y: auto; overflow-x: hidden; }

.register-view.white-box .list-box .table-wrap tr:first-child td { padding-top: 0; }

.register-view.white-box .list-box .table-wrap td { font-size: 18px; line-height: 1.38; padding-top: 18px; }

.register-view.white-box .list-box .table-wrap td .photo-img { display: inline-block; vertical-align: middle; width: 40px; height: 40px; border-radius: 50%; overflow: hidden; margin-right: 5px; }

.register-view.white-box .list-box .table-wrap td .photo-img > img { max-width: 100%; }

.register-view.white-box .list-box.select-list { padding: 20px 27px 35px; }

.register-view.white-box .list-box.select-list h3 { margin-bottom: 11px; }

.register-view.white-box .list-box.select-list h3 + p { font-size: 18px; line-height: 1.38; color: #2D3748; font-weight: 300; }

.register-view.white-box .list-box.select-list .select-wrap select { background-color: #F7FAFC; margin-top: 20px; font-weight: 500; width: 562px; }

.register-view.white-box .list-box.center-list { padding: 20px 27px; }

.register-view.white-box .btm-btn-wrap { margin-top: 53px; position: relative; }

.register-view.white-box .btm-btn-wrap .btn { vertical-align: bottom; }

.register-view.white-box .btm-btn-wrap .btn.f-right { position: absolute; right: 0; bottom: 0; }

/*FAQ, 학습하기*/
.tab-list { /*FAQ*/ /*학습하기*/ }

.tab-list .info-tit { font-size: 14px; line-height: 20px; font-weight: 500; color: #2D3748; }

.tab-list .info-tit em { color: #00ACEB; }

.tab-list .top-tit { margin-bottom: 20px; }

.tab-list .top-tit:after { display: block; clear: both; content: ''; }

.tab-list .top-tit .f-left { float: left; }

.tab-list .top-tit .f-left.info-tit { margin-top: 18px; }

.tab-list .top-tit .f-right { float: right; }

.tab-list .top-tit .input-wrap.search-wrap { position: relative; height: 40px; width: 392px; }

.tab-list .top-tit .input-wrap.search-wrap:before { content: ''; position: absolute; left: 10px; top: 10px; width: 20px; height: 20px; background: url("../images/common/spr-common.png") no-repeat; background-position: -58px 0; }

.tab-list .top-tit .input-wrap.search-wrap input { height: 40px; line-height: 40px; padding: 0 85px 0 35px; font-size: 14px; border-bottom: 0; }

.tab-list .top-tit .input-wrap.search-wrap input::placeholder { color: #718096; }

.tab-list .top-tit .input-wrap.search-wrap .btn { position: absolute; right: 5px; top: 5px; min-width: 48px; height: 28px; line-height: 26px; border-color: #00ACEB; color: #00ACEB; font-size: 14px; background: #fff; padding: 0 5px; font-weight: 700; }

.tab-list .faq-list-wrap .step-list { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; }

.tab-list .faq-list-wrap .step-list li { width: 16.6%; text-align: center; background: #EDF2F7; }

.tab-list .faq-list-wrap .step-list li button { height: 48px; line-height: 46px; font-size: 14px; font-weight: 700; color: #718096; }

.tab-list .faq-list-wrap .step-list li.active { background: #E6EFFF; border-style: solid; border-image: linear-gradient(90deg, #B5F8FF 0%, #148BF2 100%); border-image-slice: 4; border-image-width: 0 0 4px 0; border-radius: 4px 4px 0 0; }

.tab-list .faq-list-wrap .step-list li.active button { color: #2D3748; height: 42px; line-height: 40px; }

.tab-list .faq-list-wrap .step-list li + li { margin-left: 2px; }

.tab-list .faq-list-wrap .faq-list .acc-item div .tit { width: 82px; }

.tab-list .faq-list-wrap .faq-list .acc-item div p { display: inline-block; vertical-align: top; color: #718096; font-size: 16px; line-height: 1.375; width: calc(100% - 82px); }

.tab-list .faq-list-wrap .faq-list .acc-item .tit { font-size: 14px; font-weight: 700; color: #4A5568; margin-right: 40px; }

.tab-list .faq-list-wrap .faq-list .acc-item .acc-head { padding: 19px 22px 15px 30px; border-bottom: 1px solid #D9D5EC; cursor: pointer; }

.tab-list .faq-list-wrap .faq-list .acc-item .acc-head p { display: inline-block; }

.tab-list .faq-list-wrap .faq-list .acc-item .acc-cont { display: none; padding: 23px 23px 23px 30px; background: #F7FAFC; border-bottom: 1px solid #D9D5EC; }

.tab-list .learn-list-wrap { padding: 22px 0; border-top: 1px solid #D9D5EC; border-bottom: 1px solid #D9D5EC; }

.tab-list .learn-list-wrap .list { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; }

.tab-list .learn-list-wrap .list li { width: calc(25% - 6px); min-height: 212px; border: 2px solid #A0AEC0; box-sizing: border-box; margin-bottom: 7px; }

.tab-list .learn-list-wrap .list li + li { margin-left: 7px; }

.tab-list .learn-list-wrap .list li:nth-child(4n+1) { margin-left: 0; }

.tab-list .learn-list-wrap .list li a { position: relative; display: block; height: 100%; padding: 27px; padding-bottom: 60px; text-align: left; color: #2D3748; }

.tab-list .learn-list-wrap .list li a .label-wrap { margin-top: -27px; min-height: 58px; position: relative; font-size: 0; padding-top: 21px; padding-bottom: 17px; }

.tab-list .learn-list-wrap .list li a .label-wrap .label { display: inline-block; margin-right: 10px; }

.tab-list .learn-list-wrap .list li a .label-wrap .badge { position: absolute; top: 0; right: -7px; }

.tab-list .learn-list-wrap .list li a strong { font-weight: 800; font-size: 14px; }

.tab-list .learn-list-wrap .list li a h3 { font-size: 18px; font-weight: 400; margin-top: 8px; }

.tab-list .learn-list-wrap .list li a .btm-wrap { width: calc(100% - 54px); position: absolute; left: 27px; bottom: 27px; font-weight: 400; font-size: 14px; }

.tab-list .learn-list-wrap .list li a .btm-wrap:after { display: block; clear: both; content: ''; }

.tab-list .learn-list-wrap .list li a .btm-wrap .hits { float: right; }

.tab-list .learn-list-wrap > p { display: none; }

.tab-list .learn-list-wrap.no-data { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; justify-content: center; height: 300px; }

.tab-list .learn-list-wrap.no-data ul { display: none; }

.tab-list .learn-list-wrap.no-data > p { display: block; }

.login-page .content { height: 100vh; background: url("../images/common/login-bg.jpg") center no-repeat; background-size: cover; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; }

@media (max-width: 320px) { .login-page .content { height: auto; } }
/*@media (max-width: 900px) { .login-page .content { height: auto; } }*/

.login-page .content-pc .pc-inner { width: 962px; }

.login-page .content-pc .pc-inner .top-tit { position: relative; margin-bottom: 20px; }

.login-page .content-pc .pc-inner .top-tit h1 a { font-size: 24px; line-height: 1.33; color: #fff; }

.login-page .content-pc .pc-inner .top-tit h1 a img { vertical-align: top; margin-right: 10px; }

.login-page .content-pc .pc-inner .top-tit .input-wrap { min-width: 77px; position: absolute; right: 0; bottom: 0; background-color: transparent; }

.login-page .content-pc .pc-inner .top-tit .input-wrap select { color: #fff; font-size: 14px; background-image: url("../images/common/icon-select-white.svg"); }

.login-page .content-pc .pc-inner .top-tit .input-wrap select option { color: #2D3748; }

.login-page .content-pc .pc-inner .con-wrap { border-radius: 10px; background-color: #fff; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 554px; }

.login-page .content-pc .pc-inner .con-wrap > div { width: 50%; }

.login-page .content-pc .pc-inner .con-wrap .left-box { background-color: #00ACEB; border-radius: 10px 0 0 10px; }

.login-page .content-pc .pc-inner .con-wrap .left-box .swiper-container { height: 100%; }

.login-page .content-pc .pc-inner .con-wrap .left-box .swiper-container .swiper-wrapper .swiper-slide { padding: 65px 57px 67px; color: #fff; }

.login-page .content-pc .pc-inner .con-wrap .left-box .swiper-container .swiper-wrapper .swiper-slide h2 { font-size: 20px; line-height: 1.4; font-weight: 700; margin-bottom: 20px; }

.login-page .content-pc .pc-inner .con-wrap .left-box .swiper-container .swiper-wrapper .swiper-slide p { font-size: 18px; line-height: 1.38; }

.login-page .content-pc .pc-inner .con-wrap .left-box .swiper-container .swiper-pagination { bottom: 67px; width: auto; left: 50%; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); }

.login-page .content-pc .pc-inner .con-wrap .left-box .swiper-container .swiper-pagination .swiper-pagination-bullet { border: 2px solid #fff; box-sizing: border-box; border-radius: 50%; width: 12px; height: 12px; background: transparent; opacity: 1; vertical-align: middle; transform: none; margin: 0 2px; }

.login-page .content-pc .pc-inner .con-wrap .left-box .swiper-container .swiper-pagination .swiper-pagination-bullet:first-child { margin-left: 0; }

.login-page .content-pc .pc-inner .con-wrap .left-box .swiper-container .swiper-pagination .swiper-pagination-bullet:last-child { margin-right: 0; }

.login-page .content-pc .pc-inner .con-wrap .left-box .swiper-container .swiper-pagination .swiper-pagination-bullet-active { border-radius: 50px; background-color: #fff; width: 36px; height: 12px; }

.login-page .content-pc .pc-inner .con-wrap .right-box { position: relative; padding: 30px 81px 30px 88px; }

.login-page .content-pc .pc-inner .con-wrap .right-box h2 { font-size: 18px; line-height: 1.38; margin-bottom: 32px; }

.login-page .content-pc .pc-inner .con-wrap .right-box .input-wrap + .input-wrap { margin-top: 36px; margin-bottom: 36px; }

.login-page .content-pc .pc-inner .con-wrap .right-box > div { padding: 0 10px; }

.login-page .content-pc .pc-inner .con-wrap .right-box .btn-wrap { margin-top: 32px; }

.login-page .content-pc .pc-inner .con-wrap .right-box .btm-txt { position: absolute; bottom: 32px; font-size: 14px; line-height: 1.42; color: #718096; }

.login-page .content-pc .pc-inner .con-wrap .right-box .btm-txt span { display: inline-block; color: #00ACEB; margin-left: 12px; }

.login-page .content-mobile { width: 88%; }

@media (max-width: 320px) { .login-page .content-mobile { padding: 5% 0; } }

.login-page .content-mobile .mob-inner .top-tit { text-align: center; margin-bottom: 20px; }

.login-page .content-mobile .mob-inner .top-tit h1 a { width: 100%; font-size: 24px; line-height: 1.375; color: #fff; }

.login-page .content-mobile .mob-inner .top-tit h1 a img { margin-right: 5.33%; max-width: 80%; }

@media (max-width: 320px) { .login-page .content-mobile .mob-inner .top-tit h1 a { font-size: 21px; } }

.login-page .content-mobile .mob-inner .top-tit .input-wrap { display: inline-block; width: 180px; background-color: transparent; height: 50px; }

.login-page .content-mobile .mob-inner .top-tit .input-wrap select { height: 50px; color: #fff; font-size: 14px; background-image: url("../images/common/icon-select-white.svg"); }

.login-page .content-mobile .mob-inner .top-tit .input-wrap select option { color: #2D3748; }

.login-page .content-mobile .mob-inner .con-wrap { background: #fff; padding: 17.06% 8% 8%; border-radius: 10px; min-width: 100%; }

.login-page .content-mobile .mob-inner .con-wrap h2 { font-size: 16px; line-height: 1.43; margin-bottom: 32px; }

.login-page .content-mobile .mob-inner .con-wrap .input-wrap { height: 43px; line-height: 43px; }

.login-page .content-mobile .mob-inner .con-wrap .input-wrap input { height: 43px; line-height: 43px; font-size: 1.125em; }

.login-page .content-mobile .mob-inner .con-wrap .input-wrap input::placeholder { color: #2D3748; }

.login-page .content-mobile .mob-inner .con-wrap .input-wrap + .input-wrap { margin-top: 38px; margin-bottom: 37px; }

.login-page .content-mobile .mob-inner .con-wrap .btn-wrap { margin: 30px 0 32px; }

.login-page .content-mobile .mob-inner .con-wrap .btm-txt { font-size: 0.875em; color: #718096; text-align: center; line-height: 1.42; }

.login-page .content-mobile .mob-inner .con-wrap .btm-txt span { display: block; color: #00ACEB; }

/*@media (min-width: 1024px) { .login-page .content-mobile { display: none; } }*/

/*@media (max-width: 1023px) { .login-page .content-pc { display: none; } }*/

.login-page #container { padding: 0; }

/*---//--Applicant---*/
/*hq 법인관리 > 검색결과 팝업*/
#search-pop .content { width: 732px; padding-left: 32px; padding-right: 32px; height: 90% !important; }

#search-pop .content .header { padding-top: 51px; margin-bottom: 30px; }

#search-pop .content .header .btn-close { top: 47px; right: 37px; }

#search-pop .content .body { height: 85%; }

#search-pop .table-wrap { max-height: 78%; overflow-y: auto; }

#search-pop .table-wrap .board-list th { text-align: center; }

#search-pop .table-wrap .board-list td .btn-select { height: 27px; line-height: 25px; padding: 0 9px; font-size: 14px; }

/*신청마스터*/
.hq-default .acc-cont .half-type .gray-box { display: inline-block; vertical-align: top; width: calc(50% - 5px); height: 350px; }

.hq-default .acc-cont .half-type .gray-box .title:after { display: block; clear: both; content: ''; }

.hq-default .acc-cont .half-type .gray-box .title .btn-switch { float: right; }

.hq-default .acc-cont .half-type .gray-box .content-wrap { background: #fff; border: 1px solid #CBD5E0; box-sizing: border-box; border-radius: 10px; padding: 22px 15px 15px; min-height: 236px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; }

.hq-default .acc-cont .half-type .gray-box .content-wrap p.tit { font-size: 12px; color: #4A5568; line-height: 1.41; height: 31px; }

.hq-default .acc-cont .half-type .gray-box .content-wrap p.tit:before { content: ''; display: inline-block; vertical-align: -4px; width: 18px; height: 18px; background: url("../images/common/icon-photo.png") 0 0 no-repeat; margin-right: 5px; }

.hq-default .acc-cont .half-type .gray-box .content-wrap .img-box { width: 100%; height: 169px; background: #f5f5f7; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; }

.hq-default .acc-cont .half-type .gray-box + .gray-box { margin-left: 5px; }

.hq-default .acc-cont .half-type .gray-box:nth-child(odd) { margin-left: 0; }

.hq-default + .btm-btn-wrap { margin-top: 53px; position: relative; }

.hq-default + .btm-btn-wrap .btn { vertical-align: bottom; }

.hq-default + .btm-btn-wrap .btn.f-right { position: absolute; right: 0; bottom: 0; }

/*mobile*/
.content-mobile { /*리스트*/ }

.content-mobile .btn-more { font-weight: 400; font-size: 16px; text-decoration-line: underline; color: #000; }

.content-mobile .center-list { /*공지사항*/ }

.content-mobile .center-list .info-tit { margin-bottom: 20px; }

.content-mobile .center-list .notice-list ul.list li { border: 1px solid #E2E8F0; box-sizing: border-box; border-radius: 10px; min-height: 136px; }

.content-mobile .center-list .notice-list ul.list li + li { margin-top: 10px; }

.content-mobile .center-list .notice-list ul.list li:nth-child(even) { background-color: #F7FAFC; }

.content-mobile .center-list .notice-list ul.list li a { display: block; padding: 20px; text-align: left; color: #4A5568; }

.content-mobile .center-list .notice-list ul.list li a .tit-top { font-size: 0.75em; line-height: 1.41; color: #4A5568; }

.content-mobile .center-list .notice-list ul.list li a .tit-top:after { display: block; clear: both; content: ''; }

.content-mobile .center-list .notice-list ul.list li a .tit-top strong { float: right; }

.content-mobile .center-list .notice-list ul.list li a .tit { margin-top: 12px; width: 100%; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.content-mobile .center-list .notice-list ul.list li a .tit div { margin-left: 3px; }

.content-mobile .center-list .notice-list ul.list li a .tit h3 { font-weight: 400; font-size: 1em; color: #2D3748; word-break: break-all; }

.content-mobile .center-list .notice-list ul.list li a .tit .label { margin-right: 5px; }

.content-mobile .center-list .notice-list ul.list li a .tar { margin-top: 16px; }

.content-mobile .center-list .notice-list ul.list li a .tar p { font-size: 0.875em; }

.content-mobile .center-list .notice-list ul.list li a span.label { display: inline-block; vertical-align: top; border-radius: 50px; padding: 0 10px; text-align: center; font-weight: 600; font-size: 0.875em; line-height: 20px; height: 20px; min-width: 46px; }

.content-mobile .center-list .notice-list ul.list li a span.label.notice { background: #00ACEB; color: #fff; }


.content-mobile .center-list .btn-wrap { margin-top: 30px; }

.register-view .content-mobile .list-wrap { padding: 10px; word-break: break-all; /*학습하기*/ }

.register-view .content-mobile .list-wrap.learning .tit strong { display: block; font-size: 0.875em; margin-bottom: 7px; }

.register-view .content-mobile .list-wrap.learning .tit h2 { font-weight: 400; color: #2D3748; }

.register-view .content-mobile .list-wrap.learning .tit p { margin-top: 19px; }

.register-view .content-mobile .list-box { padding: 18px 18px 14px; }

.register-view .content-mobile .list-box.tit h2 { font-size: 1.125em; word-break: break-all; }

.register-view .content-mobile .list-box.tit p { font-weight: 400; width: calc(100% - 18px); }

.register-view .content-mobile .list-box.tit .btn-preview { right: 18px; bottom: 14px; }

.register-view .content-mobile .list-box.con { padding: 11px 13px 19px; }

.register-view .content-mobile .list-box.con img { width: 100%; }

.register-view .content-mobile .list-box.con img + p { margin-top: 20px; }

.register-view .content-mobile .list-box.btm-list { padding: 10px; }

.register-view .content-mobile .list-box.btm-list a strong { line-height: 1.42; width: auto; margin-bottom: 4px; }

.register-view .content-mobile .list-box.btm-list a.next { margin-top: 16px; }

.register-view .content-mobile .btn-wrap { margin-top: 20px; }

.tab-list .content-mobile .top-tit .f-left.info-tit { margin-top: 0; margin-bottom: 20px; }

.tab-list .content-mobile .top-tit .input-wrap.search-wrap { width: 100%; }

.tab-list .content-mobile .top-tit .input-wrap.search-wrap input { padding: 0 21% 0 35px; }

.tab-list .content-mobile .faq-list-wrap .step-list { margin-bottom: 20px; }

.tab-list .content-mobile .faq-list-wrap .step-list select { background-color: #F7FAFC; border-radius: 4px 4px 0px 0px; color: #2D3748; }

.tab-list .content-mobile .faq-list-wrap .faq-list .acc-item .acc-head { padding: 6.9% 5.7% 4.5% 9%; }

.tab-list .content-mobile .faq-list-wrap .faq-list .acc-item div .tit { width: 24%; margin-right: 12%; }

.tab-list .content-mobile .faq-list-wrap .faq-list .acc-item div p { width: 80%; }

.tab-list .content-mobile .faq-list-wrap .faq-list .acc-item .acc-cont { padding: 6.9% 2% 10.5% 9%; }

.tab-list .content-mobile .learn-list-wrap { border: 0; padding: 0; }

.tab-list .content-mobile .learn-list-wrap .list li { width: 100%; }

.tab-list .content-mobile .learn-list-wrap .list li + li { margin-left: 0; }

.tab-list .content-mobile .learn-list-wrap .list li a { padding: 40px; }

.tab-list .content-mobile .learn-list-wrap .list li a .label-wrap { margin-top: -40px; }

.tab-list .content-mobile .learn-list-wrap .list li a h3 { font-size: 1.125em; }

.tab-list .content-mobile .learn-list-wrap .list li a .btm-wrap { width: 84%; text-align: center; left: 8%; bottom: 8%; }

.tab-list .content-mobile .btn-wrap { margin-top: 60px; }

/*applicant 팝업*/
#save-pop .content.ap-01 { width: 442px; }

@media (max-width: 1023px) { #save-pop { display: none; } }

/*개인정보활용동의 pop*/
#personal-info .header { margin-bottom: 20px; }

#personal-info .content { width: 750px; padding-right: 59px; }

#personal-info .body { overflow: hidden; }

#personal-info .body .txt-box { overflow-y: auto; border: 1px solid #00ACEB; border-radius: 7px; max-height: 400px; font-size: 14px; line-height: 1.42; color: #4A5568; padding: 16px 24px 0 20px; margin-bottom: 18px; }

/*#searchForm > div > div.group.contract > div:nth-child(3) > div > div { overflow-y: auto; border: 1px solid #00ACEB; border-radius: 7px; max-height: 400px; font-size: 14px; line-height: 1.42; color: #4A5568; padding: 16px 24px 0 20px; margin-bottom: 18px; }*/
#searchForm > div > div.group.contract > div.item-wrap.mb25 > div > div { overflow-y: auto; border: 1px solid #00ACEB; border-radius: 7px; max-height: 400px; font-size: 14px; line-height: 1.42; color: #4A5568; padding: 16px 24px 0 20px; margin-bottom: 18px; }

#contractText > div > font > i {
    font-style: italic;
}

* > i {
    font-style: italic;
}

#personal-info .body .checkbox label { font-size: 14px; font-weight: 700; }

#personal-info .body .btn-wrap { margin-top: 30px; }

#personal-info .body .btn-wrap .btn { min-width: 387px; }

/*소속센터 변경 승인 완료 pop*/
#approval-pop .content { width: 442px; }

#approval-pop .header { text-align: center; margin-bottom: 46px; }

#approval-pop .header h1 { margin-bottom: 18px; }

/*소속센터 변경 요청 popup*/
#request-pop .content { width: 856px; }

#request-pop .body { overflow-y: hidden; }

#request-pop .body .top-tit { min-height: 22px; }

#request-pop .body .top-tit:after { display: block; clear: both; content: ''; }

#request-pop .body .top-tit .f-left { float: left; }

#request-pop .body .top-tit .f-right { float: right; }

#request-pop .body .top-tit p { font-size: 16px; line-height: 1.43; }

#request-pop .body .top-tit p span { color: #00ACEB; }

#request-pop .body .top-tit .checkbox label { font-size: 14px; }

#request-pop .body .table-wrap { margin-top: 12px; }

#request-pop .body .table-wrap .board-list th { text-align: center; }

#request-pop .body .table-wrap .board-list .checkbox label { text-indent: -9999px; }

#request-pop .body .table-wrap .board-list tbody { display: block; width: 760px; overflow-y: auto; max-height: 500px; }

#request-pop .body .table-wrap .board-list tbody td { padding: 0 5px; }

#request-pop .body .table-wrap .board-list tbody td:nth-child(1) { width: 104px; }

#request-pop .body .table-wrap .board-list tbody td:nth-child(2) { width: 110px; }

#request-pop .body .table-wrap .board-list tbody td:nth-child(3) { width: 130px; }

#request-pop .body .table-wrap .board-list tbody td:nth-child(4) { width: 216px; }

#request-pop .body .table-wrap .board-list tbody td:nth-child(5) { width: 210px; }

#request-pop .body .btn-wrap { margin-top: 60px; }

#request-pop .body .btn-wrap .btn:first-child { min-width: 131px; }

/*대시보드*/
.content { /*태블릿 & 모바일*/ }

.content.dashboard.center-bi { /*1207 로딩바*/ padding-bottom: 85px; }

.content.dashboard.center-bi .on { position: relative; }

.content.dashboard.center-bi .on .loading.on { position: absolute; }

.content.dashboard.center-bi .on .loading.on span { margin: -25px 0 0 -30px; }

.content.dashboard.center-bi .ft-blue { font-weight: 300; font-size: 12px; line-height: 20px; color: #00ACEB; display: inline-block; }

.content.dashboard.center-bi h3.tit { font-size: 18px; line-height: 1.38; font-weight: 700; }

.content.dashboard.center-bi .step-list-wrap { background: #F7FAFC; border-radius: 10px; padding: 50px; margin-bottom: 13px; }

.content.dashboard.center-bi .step-list-wrap + .ft-blue { margin-bottom: 6px; }

.content.dashboard.center-bi .step-list-wrap ul { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; justify-content: center; }

.content.dashboard.center-bi .step-list-wrap ul li { width: calc(25% - 25px); text-align: center; border: 1px solid #A0AEC0; box-sizing: border-box; border-radius: 10px; height: 123px; padding: 30px 0 26px; background: #fff; cursor: pointer; }

.content.dashboard.center-bi .step-list-wrap ul li span { display: block; height: 36px; }

.content.dashboard.center-bi .step-list-wrap ul li span img { max-width: 100%; }

.content.dashboard.center-bi .step-list-wrap ul li p { margin-top: 11px; line-height: 22px; }

.content.dashboard.center-bi .step-list-wrap ul li + li { margin-left: 50px; }

.content.dashboard.center-bi .sales-month { margin-bottom: 95px; margin-top: 28px; }

.content.dashboard.center-bi .sales-month h3 span { font-size: 18px; line-height: 1.38; font-weight: 700; }

.content.dashboard.center-bi .sales-month h3 span .num { margin-left: 20px; font-size: 18px; color: #1A202C; font-weight: 700; line-height: 24px; }

.content.dashboard.center-bi .sales-month h3 span.tit { margin-right: 0; }

.content.dashboard.center-bi .sales-month .graph .bg .year { color: #1A202C; border-bottom: 0; font-weight: 400; height: 22px; padding-right: 14px; }

.content.dashboard.center-bi .sales-month .graph .bg .year:before { content: ''; display: inline-block; height: 4px; width: 50px; background: #C53030; margin-right: 10px; margin-bottom: 4px; border-radius: 50px; }

.content.dashboard.center-bi .sales-month .graph .data { padding-top: 22px; }

.content.dashboard.center-bi .sales-month .graph .data > div { width: 57px; padding: 0 3px; flex-direction: row; align-items: flex-end; justify-content: center; }

.content.dashboard.center-bi .sales-month .graph .data > div span.red { background-color: #FEB2B2; }

.content.dashboard.center-bi .sales-month .graph .data > div + div { margin-left: 30px; }

.content.dashboard.center-bi .sales-month .graph .data > div.active span.red { background-color: #C53030; }

.content.dashboard.center-bi .sales-month .graph .data > div.no-data strong { color: #A0AEC0; }

.content.dashboard.center-bi .sales-month .loading.on { top: 50px; }

.content.dashboard.center-bi .status-wrap { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.content.dashboard.center-bi .status-wrap > div { width: 370px; /*차트탭*/ }

.content.dashboard.center-bi .status-wrap > div.chart-tab { width: calc(100% - 378px); margin-left: 7px; height: 320px; }

.content.dashboard.center-bi .status-wrap > div.chart-tab .tab { width: 100%; }

.content.dashboard.center-bi .status-wrap > div.chart-tab .tab-nav li { width: auto; min-width: 50px; margin-right: 4px; }

.content.dashboard.center-bi .status-wrap > div.chart-tab .tab-nav li a { text-align: center; padding: 0 14px; }

.content.dashboard.center-bi .status-wrap > div.chart-tab .tab-nav li a:after { width: calc(100% + 28px); margin: 4px -14px 0; }

.content.dashboard.center-bi .status-wrap > div.chart-tab .tab-content { height: 320px; background-color: #fff; }

.content.dashboard.center-bi .status-wrap > div.chart-tab .tab-content > div { padding: 15px 10px; }

.content.dashboard.center-bi .status-wrap .tab { width: 100%; }

.content.dashboard.center-bi .status-wrap .tab .tab-nav li { width: 50%; }

.content.dashboard.center-bi .status-wrap .tab .tab-nav li a { text-align: left; }

.content.dashboard.center-bi .status-wrap .tab .tab-content > div { padding: 20px; position: relative; }

.content.dashboard.center-bi .status-wrap .tab .tab-content > div.active { display: block !important; }

.content.dashboard.center-bi .status-wrap .tab .tab-content .top-list li .rank { display: inline-block; width: 22px; height: 25px; font-size: 16px; line-height: 25px; color: #fff; background: url("../images/common/icon-rank-bg.png") no-repeat; text-align: center; margin-right: 12px; }

.content.dashboard.center-bi .status-wrap .tab .tab-content .top-list li + li { margin-top: 10px; }

.content.dashboard.center-bi .status-wrap .tab .tab-content .top-list + .a-link { position: absolute; bottom: 20px; right: 20px; text-align: right; color: #3182CE; font-size: 14px; line-height: 20px; font-weight: 400; text-decoration: underline; }

.content.dashboard.center-bi .member-wrap .member-graph { margin-top: 22px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: center; }

.content.dashboard.center-bi .member-wrap .member-graph .graph { width: 50%; }

.content.dashboard.center-bi .member-wrap .member-graph .graph.pictogram { padding: 12px 0 12px 55px; }

.content.dashboard.center-bi .member-wrap .member-graph .graph.pictogram span { display: inline-block; vertical-align: bottom; font-size: 16px; }

.content.dashboard.center-bi .member-wrap .member-graph .graph.pictogram span .num { color: #4A5568; font-weight: 700; margin-left: 9px; }

.content.dashboard.center-bi .member-wrap .member-graph .graph.pictogram span:before { content: ''; display: inline-block; vertical-align: -65px; width: 50px; height: 110px; background: url("../images/common/icon-men.png") 0 0 no-repeat; background-size: auto; }

.content.dashboard.center-bi .member-wrap .member-graph .graph.pictogram span.big:before { width: 70px; height: 150px; background: url("../images/common/icon-big-men.png") 0 0 no-repeat; vertical-align: -95px; }

.content.dashboard.center-bi .member-wrap .member-graph .graph.pictogram span.women:before { width: 50px; height: 110px; background: url("../images/common/icon-women.png") 0 0 no-repeat; }

.content.dashboard.center-bi .member-wrap .member-graph .graph.pictogram span.women.big:before { width: 70px; height: 150px; background-image: url("../images/common/icon-big-women.png"); }

.content.dashboard.center-bi .member-wrap .member-graph .graph.pictogram span + span { margin-left: 44px; }

@media (max-width: 750px) { .content.dashboard.center-bi .member-wrap .member-graph .graph.pictogram span + span { margin-left: 5.33%; } }

.content.dashboard.center-bi .member-wrap .member-graph .graph.pictogram .loading.on { width: calc(100% - 100px); }

.content.dashboard.center-bi .member-wrap .member-graph .graph.chart { position: relative; height: 100%; }

.content.dashboard.center-bi .member-wrap .member-graph .graph.chart .bg { display: -webkit-flex; display: -ms-flex; display: flex; height: 175px; border-bottom: 1px solid #E3E5E6; }

.content.dashboard.center-bi .member-wrap .member-graph .graph.chart .bg p { width: 54px; height: 100%; align-items: flex-end; display: flex; border-left: 1px dashed #E3E5E6; text-indent: -9999px; }

.content.dashboard.center-bi .member-wrap .member-graph .graph.chart .data { position: absolute; top: 20px; left: -50px; width: calc(100% + 50px); }

.content.dashboard.center-bi .member-wrap .member-graph .graph.chart .data > div { width: 100%; position: relative; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; /*&:hover, */ }

.content.dashboard.center-bi .member-wrap .member-graph .graph.chart .data > div.active span { background-color: #22B0FC; }

.content.dashboard.center-bi .member-wrap .member-graph .graph.chart .data > div span { display: block; height: 16px; background-color: #38C976; border-radius: 3px; }

.content.dashboard.center-bi .member-wrap .member-graph .graph.chart .data > div strong { min-width: 50px; font-size: 14px; line-height: 16px; text-align: center; color: #4A5568; font-weight: 400; padding-right: 16px; }

.content.dashboard.center-bi .member-wrap .member-graph .graph.chart .data > div + div { margin-top: 13px; }

.content.dashboard.center-bi .mebership-list-wrap { margin-top: 48px; }

.content.dashboard.center-bi .mebership-list-wrap > h3 { margin-bottom: 30px; }

.content.dashboard.center-bi .mebership-list-wrap > h3 .ft-blue { margin-left: 14px; }

.content.dashboard.center-bi .mebership-list-wrap .membership-list li { padding: 20px 30px; border: 1px solid #CBD5E0; box-sizing: border-box; border-radius: 10px; min-height: 192px; }

.content.dashboard.center-bi .mebership-list-wrap .membership-list li h4 { font-size: 16px; font-weight: 700; padding-bottom: 14px; /*크라운마스터*/ /*로얄마스터*/ /*스타마스터*/ /*샤론로즈마스터*/ /*다이아몬드마스터*/ /*세일즈마스터*/ }

.content.dashboard.center-bi .mebership-list-wrap .membership-list li h4:before { content: ''; display: inline-block; vertical-align: -5px; width: 18px; height: 26px; background: url("../images/common/spr-hq-dash.png") no-repeat; background-position: -45px -4px; margin-right: 12px; }

.content.dashboard.center-bi .mebership-list-wrap .membership-list li h4.crown-master:before { width: 22px; background-position: -133px -4px; }

.content.dashboard.center-bi .mebership-list-wrap .membership-list li h4.royal-master:before { width: 22px; height: 16px; background-position: -102px -4px; vertical-align: -2px; }

.content.dashboard.center-bi .mebership-list-wrap .membership-list li h4.star-master:before { width: 16px; height: 16px; background-position: -2px -4px; vertical-align: -2px; }

.content.dashboard.center-bi .mebership-list-wrap .membership-list li h4.rose-master:before { width: 24px; height: 24px; background-position: -198px -4px; vertical-align: middle; }

.content.dashboard.center-bi .mebership-list-wrap .membership-list li h4.diamond-master:before { width: 24px; height: 12px; background-position: -165px -4px; vertical-align: 0px; }

.content.dashboard.center-bi .mebership-list-wrap .membership-list li h4.sales-master:before { width: 12px; height: 12px; background-position: -24px -4px; vertical-align: 0px; }

.content.dashboard.center-bi .mebership-list-wrap .membership-list li .list-box { border-top: 1px solid #CBD5E0; font-size: 0; padding: 0 40px 0 25px; }

.content.dashboard.center-bi .mebership-list-wrap .membership-list li .list-box span { display: inline-block; vertical-align: top; width: 33.33%; font-size: 14px; color: #4A5568; font-weight: 700; margin-top: 22px; }

.content.dashboard.center-bi .mebership-list-wrap .membership-list li .list-box span:nth-child(3n-1) { text-align: center; }

.content.dashboard.center-bi .mebership-list-wrap .membership-list li .list-box span:nth-child(3n) { text-align: right; }

.content.dashboard.center-bi .mebership-list-wrap .membership-list li + li { margin-top: 20px; }

.content.dashboard.center-bi .mebership-list-wrap .btn { margin-top: 28px; height: 26px; line-height: 24px; min-width: 50px; }

.content.dashboard .center-wrap { display: -webkit-flex; display: -ms-flex; display: flex; margin-bottom: 10px; }

.content.dashboard .center-wrap .graph-wrap { /*1208 로딩관련 추가*/ width: 33.33%; background-color: rgba(255, 255, 255, 0.48); box-shadow: 0px 2px 6px rgba(8, 35, 48, 0.16), 0px 1px 2px rgba(8, 35, 48, 0.24); border-radius: 16px; padding: 14px 55px 17px 20px; overflow: hidden; margin-right: 48px; }

.content.dashboard .center-wrap .graph-wrap.on .loading.on::before { left: 70%; }

.content.dashboard .center-wrap .graph-wrap.on .loading.on span { width: 40px; height: 40px; left: 70%; margin: -20px 0 0 -12px; }

.content.dashboard .center-wrap .graph-wrap.on .loading.on::after { display: none; }

.content.dashboard .center-wrap .graph-wrap:last-child { margin-right: 0; }

.content.dashboard .center-wrap .graph-wrap .graph-title { width: 112px; float: left; }

.content.dashboard .center-wrap .graph-wrap .graph-title span { font-size: 14px; line-height: 33px; color: #2D3748; display: block; }

.content.dashboard .center-wrap .graph-wrap .graph { float: right; /* width: 182px; display: -webkit-flex; display: -ms-flex; display: flex; align-items: flex-end; height: 100%; padding-top: 5px; padding-bottom: 5px; span { width: 6px; border-radius: 2px 2px 0 0; background-color: #C6CACC; margin-right: 10px; padding-top: 2px; &:last-child { margin-right: 0; } &.total { background-color: #4299E1; } &.new { background-color: #EAB25F; } &.close { background-color: #E53E3E; } } */ }

.content.dashboard .center-wrap .graph-wrap .graph strong { font-weight: 700; font-size: 24px; line-height: 33px; color: #1A202C; }

.content.dashboard .center-wrap.main { margin-bottom: 30px; }

.content.dashboard .center-wrap.main .graph-wrap .graph-title span { margin-bottom: 0; }

.content.dashboard .center-wrap + p { font-weight: 300; font-size: 12px; line-height: 17px; color: #00ACEB; margin-bottom: 17px; }

.content.dashboard .center-list { display: -webkit-flex; display: -ms-flex; display: flex; margin-bottom: 10px; }

.content.dashboard .center-list > div { width: 25%; margin-right: 11px; background-color: rgba(255, 255, 255, 0.48); box-shadow: 0px 2px 6px rgba(8, 35, 48, 0.16), 0px 1px 2px rgba(8, 35, 48, 0.24); border-radius: 16px; padding: 14px 29px 13px 17px; }

.content.dashboard .center-list > div:last-child { margin-right: 0; }

.content.dashboard .center-list > div strong { display: block; font-weight: 700; font-size: 14px; line-height: 19px; color: #2D3748; margin-bottom: 10px; }

.content.dashboard .center-list > div p { overflow: hidden; margin-bottom: 7px; }

.content.dashboard .center-list > div p:last-child { margin-bottom: 0; }

.content.dashboard .center-list > div p span, .content.dashboard .center-list > div p em { display: block; }

.content.dashboard .center-list > div p span { float: left; font-size: 12px; line-height: 17px; color: #2D3748; }

.content.dashboard .center-list > div p em { float: right; font-weight: 700; font-size: 16px; line-height: 22px; color: #1A202C; }

.content.dashboard .top5 { margin-bottom: 33px; }

.content.dashboard .top5 h3 { font-weight: 700; font-size: 16px; line-height: 20px; color: #2D3748; margin-bottom: 15px; }

.content.dashboard .top5 h3 p { font-weight: 300; font-size: 12px; line-height: 20px; color: #00ACEB; display: inline-block; margin-left: 20px; }

.content.dashboard .top5 table { border-bottom: 1px solid #D9D5EC; }

.content.dashboard .top5 table thead th { background-color: #F7FAFC; height: 41px; font-weight: 700; font-size: 14px; color: #2D3748; }

.content.dashboard .top5 table thead th:first-child { text-align: left; padding-left: 40px; }

.content.dashboard .top5 table tbody td { height: 44px; font-size: 16px; line-height: 22px; text-align: center; color: #1A202C; }

.content.dashboard .top5 table tbody td:first-child { text-align: left; padding-left: 40px; }

.content.dashboard .rm-bi-list h3 { font-weight: 700; font-size: 16px; line-height: 20px; color: #2D3748; margin-bottom: 15px; }

.content.dashboard .rm-bi-list .tab .tab-nav { width: 100%; display: -webkit-flex; display: -ms-flex; display: flex; }

.content.dashboard .rm-bi-list .tab .tab-nav li { min-width: 150px; margin-right: 27px; }

.content.dashboard .rm-bi-list .tab .tab-nav li:last-child { margin-right: 0; }

.content.dashboard .rm-bi-list .tab .tab-nav li.active { z-index: 1; }

.content.dashboard .rm-bi-list .tab .tab-nav li.active a { color: #2D3748; }

.content.dashboard .rm-bi-list .tab .tab-nav li.active a:after { background-color: #00ACEB; }

.content.dashboard .rm-bi-list .tab .tab-nav li a { padding: 0 17px; display: block; font-size: 14px; line-height: 20px; color: #A0AEC0; }

.content.dashboard .rm-bi-list .tab .tab-nav li a:after { display: block; content: ''; width: calc(100% + 34px); height: 4px; border-radius: 4px; background-color: #CBD5E0; margin-top: 4px; margin: 0 -17px; }

.content.dashboard .rm-bi-list .tab .tab-content { background-color: #F7FAFC; padding: 24px 0 20px 0; }

.content.dashboard .rm-bi-list .tab .tab-content > div { display: none; height: 100%; overflow: hidden; }

.content.dashboard .rm-bi-list .tab .tab-content > div > div { width: 50%; float: left; padding-right: 24px; padding-left: 20px; }

.content.dashboard .rm-bi-list .tab .tab-content > div > div p { overflow: hidden; margin-bottom: 9px; }

.content.dashboard .rm-bi-list .tab .tab-content > div > div p:last-child { margin-bottom: 0; }

.content.dashboard .rm-bi-list .tab .tab-content > div > div p strong { display: block; float: left; font-weight: 700; font-size: 18px; line-height: 25px; color: #2D3748; }

.content.dashboard .rm-bi-list .tab .tab-content > div > div p .btn { float: right; min-width: 0; height: 26px; line-height: 24px; padding: 0 10px; }

.content.dashboard .rm-bi-list .tab .tab-content > div > div.btn-wrap { float: none; width: 100%; font-size: 0; padding-top: 21px; clear: both; }

.content.dashboard .rm-bi-list .tab .tab-content > div > div.btn-wrap button { display: inline-block; background: #FFFFFF; border: 1px solid #D1D5DA; box-sizing: border-box; border-radius: 3px 0 0 3px; font-size: 12px; line-height: 18px; color: #4A5568; height: 35px; line-height: 33px; padding: 0 12px; }

.content.dashboard .rm-bi-list .tab .tab-content > div > div.btn-wrap button.next { border-radius: 0 3px 3px 0; margin-left: 8px; }

.content.dashboard .rm-bi-list .tab .tab-content > div > div.btn-wrap button:disabled { background: #FAFBFC; border: 1px solid #D1D5DA; color: #A0AEC0; }

.content.dashboard .status-wrap { overflow: hidden; margin-bottom: 39px; }

.content.dashboard .status-wrap h3 { font-weight: 700; font-size: 16px; line-height: 20px; color: #2D3748; margin-bottom: 14px; }

.content.dashboard .status-wrap .tab { width: 370px; height: 286px; float: left; }

.content.dashboard .status-wrap .tab .tab-nav { width: 100%; display: -webkit-flex; display: -ms-flex; display: flex; margin-bottom: -2px; align-items: flex-end; }

.content.dashboard .status-wrap .tab .tab-nav li { width: 50px; margin-right: 13px; }

.content.dashboard .status-wrap .tab .tab-nav li:last-child { margin-right: 0; }

.content.dashboard .status-wrap .tab .tab-nav li.active { z-index: 1; }

.content.dashboard .status-wrap .tab .tab-nav li.active a { color: #2D3748; }

.content.dashboard .status-wrap .tab .tab-nav li.active:after { background-color: #00ACEB; }

.content.dashboard .status-wrap .tab .tab-nav li a { display: block; font-size: 14px; line-height: 20px; color: #A0AEC0; }

.content.dashboard .status-wrap .tab .tab-nav li:after { display: block; content: ''; width: 100%; height: 4px; border-radius: 4px; background-color: #CBD5E0; margin-top: 4px; }

.content.dashboard .status-wrap .tab .tab-content { background-color: #F7FAFC; height: 260px; }

.content.dashboard .status-wrap .tab .tab-content > div { display: none; height: 100%; align-items: center; justify-content: center; flex-direction: column; /*로딩바 관련 추가*/ }

.content.dashboard .status-wrap .tab .tab-content > div.active { display: flex !important; }

.content.dashboard .status-wrap .tab .tab-content > div.loading.on { display: block !important; position: absolute; padding: 0; }

.content.dashboard .status-wrap .tab .tab-content > div.loading.on:before { content: ''; display: block; position: absolute; top: 50%; left: 50%; width: 40px; height: 40px; margin: -20px 0 0 -20px; }

.content.dashboard .status-wrap .tab .tab-content > div > div { overflow: hidden; margin-bottom: 24px; }

.content.dashboard .status-wrap .tab .tab-content > div > div:last-child { margin-bottom: 0; }

.content.dashboard .status-wrap .tab .tab-content > div > div strong, .content.dashboard .status-wrap .tab .tab-content > div > div span, .content.dashboard .status-wrap .tab .tab-content > div > div em { display: block; float: left; }

.content.dashboard .status-wrap .tab .tab-content > div > div strong { width: 94px; font-size: 14px; line-height: 19px; color: #2D3748; }

.content.dashboard .status-wrap .tab .tab-content > div > div span { width: 75px; height: 19px; padding-top: 7px; }

.content.dashboard .status-wrap .tab .tab-content > div > div span i { height: 6px; background-color: #ccc; border-radius: 0 2px 2px 0; padding-right: 2px; display: block; }

.content.dashboard .status-wrap .tab .tab-content > div > div span i.yellow { background-color: #EAB25F; }

.content.dashboard .status-wrap .tab .tab-content > div > div span i.blue { background-color: #00ACEB; }

.content.dashboard .status-wrap .tab .tab-content > div > div span i.green { background-color: #52FF00; }

.content.dashboard .status-wrap .tab .tab-content > div > div span i.red { background-color: #FF0000; }

.content.dashboard .status-wrap .tab .tab-content > div > div em { font-size: 14px; line-height: 19px; text-decoration-line: underline; color: #2D3748; }

.content.dashboard .status-wrap .map { float: right; width: 674px; height: 286px; }

.content.dashboard .sales-top { margin-bottom: 79px; }

.content.dashboard .sales-top h3 { font-size: 0; }

.content.dashboard .sales-top h3 span { display: inline-block; font-weight: bold; font-size: 16px; line-height: 26px; color: #2D3748; margin-right: 36px; vertical-align: middle; }

.content.dashboard .sales-top h3 .btn { margin-left: 8px; }

.content.dashboard .sales-top h3 em { display: inline-block; font-weight: 300; font-size: 12px; line-height: 26px; color: #00ACEB; vertical-align: middle; margin-left: 22px; }

.content.dashboard .sales-top .graph { position: relative; }

.content.dashboard .sales-top .graph .bg { display: -webkit-flex; display: -ms-flex; display: flex; flex-direction: column; }

.content.dashboard .sales-top .graph .bg p { width: 100%; height: 56px; border-bottom: 1px dashed #E3E5E6; align-items: flex-end; display: flex; justify-content: flex-end; text-align: right; font-size: 14px; letter-spacing: 0.25px; color: #5E6366; padding-bottom: 8px; }

.content.dashboard .sales-top .graph .data { display: -webkit-flex; display: -ms-flex; display: flex; position: absolute; top: 0; left: 0; padding-top: 56px; padding-left: 22px; }

.content.dashboard .sales-top .graph .data > div { width: 100px; height: 280px; align-items: center; position: relative; display: flex; flex-direction: column; justify-content: flex-end; /*&:hover, */ }

.content.dashboard .sales-top .graph .data > div.active span { opacity: 1; }

.content.dashboard .sales-top .graph .data > div span { width: 24px; background-color: #00ACEB; opacity: 0.32; border-radius: 2px 2px 0 0; }

.content.dashboard .sales-top .graph .data > div strong { width: 100%; height: 30px; font-size: 12px; line-height: 12px; text-align: center; color: #4A5568; position: absolute; bottom: -30px; left: 0; }

.content.dashboard .sales-top .graph .data > div strong:before { display: block; content: ''; width: 4px; height: 12px; background-color: #E3E5E6; border-radius: 0 0 2px 2px; margin: 0 auto 5px; }

.content.dashboard .center-bi h3 { font-weight: 700; font-size: 16px; line-height: 20px; color: #2D3748; margin-bottom: 25px; }

.content.dashboard .center-bi .search { font-size: 0; margin-bottom: 20px; }

.content.dashboard .center-bi .search .input-wrap { height: 40px; width: 300px; display: inline-block; }

.content.dashboard .center-bi .search .input-wrap input { height: 40px; line-height: 40px; font-size: 14px; color: #2D3748; }

.content.dashboard .center-bi .search .btn { height: 32px; line-height: 30px; font-size: 14px; min-width: 0; padding: 0 20px; margin-left: 10px; }

.content.dashboard .center-bi .bi-list { background: #F7FAFC; border-radius: 7px; padding: 30px; }

.content.dashboard .center-bi .bi-list h4 { font-size: 14px; line-height: 19px; color: #00ACEB; margin-bottom: 30px; }

.content.dashboard .center-bi .bi-list > div { margin-bottom: 20px; font-size: 0; }

.content.dashboard .center-bi .bi-list > div:last-child { margin-bottom: 0; }

.content.dashboard .center-bi .bi-list > div strong, .content.dashboard .center-bi .bi-list > div span, .content.dashboard .center-bi .bi-list > div em, .content.dashboard .center-bi .bi-list > div .btn { display: inline-block; vertical-align: top; }

.content.dashboard .center-bi .bi-list > div strong { font-weight: 700; font-size: 18px; line-height: 25px; color: #2D3748; width: 214px; }

.content.dashboard .center-bi .bi-list > div span { width: 430px; font-size: 16px; line-height: 22px; color: #2D3748; }

.content.dashboard .center-bi .bi-list > div em { font-size: 16px; line-height: 22px; color: #2D3748; width: 257px; padding-left: 35px; }

.content.dashboard .center-bi .bi-list > div .btn { height: 26px; line-height: 24px; min-width: 0; padding: 0 10px; }

@media (max-width: 1023px) { .content.dashboard.center-bi { padding-bottom: 0; /*로딩바 관련 추가*/ }
  .content.dashboard.center-bi .on { position: relative; }
  .content.dashboard.center-bi .on .loading.on { position: absolute; z-index: 9998; }
  .content.dashboard.center-bi .on .loading.on span { width: 40px; height: 40px; margin: -20px 0 0 -12px; }
  .content.dashboard.center-bi .step-list-wrap { padding: 20px 0; text-align: center; }
  .content.dashboard.center-bi .step-list-wrap p { font-size: 0.875em; line-height: 1.42; color: #4A5568; }
  .content.dashboard.center-bi .request-box { position: relative; border: 2px solid #A0AEC0; padding: 5.97%; min-height: 207px; }
  .content.dashboard.center-bi .request-box + .request-box { margin-top: 20px; }
  .content.dashboard.center-bi .request-box + .ft-blue { margin-top: 20px; }
  .content.dashboard.center-bi .request-box .top-tit:after { display: block; clear: both; content: ''; }
  .content.dashboard.center-bi .request-box .top-tit h3 { font-size: 1.125em; font-weight: 400; margin-bottom: 5px; }
  .content.dashboard.center-bi .request-box .top-tit strong { font-weight: 800; font-size: 0.875em; }
  .content.dashboard.center-bi .request-box .top-tit .f-left { width: 82%; float: left; }
  .content.dashboard.center-bi .request-box .top-tit .f-right { float: right; }
  .content.dashboard.center-bi .request-box .top-tit .f-right p { color: #00ACEB; font-weight: 700; line-height: 34px; }
  .content.dashboard.center-bi .request-box ul { position: absolute; left: 5.97%; bottom: 25px; }
  .content.dashboard.center-bi .request-box ul li { font-size: 14px; font-weight: 400; }
  .content.dashboard.center-bi .request-box ul li + li { margin-top: 12px; }
  .content.dashboard.center-bi .request-list { margin-bottom: 20px; }
  .content.dashboard.center-bi .member-wrap .member-graph { flex-direction: column; -ms-flex-direction: column; justify-content: flex-start; }
  .content.dashboard.center-bi .member-wrap .member-graph .graph { width: 100%; }
  .content.dashboard.center-bi .member-wrap .member-graph .graph.pictogram { padding: 0; /*로딩바 관련*/ }
  .content.dashboard.center-bi .member-wrap .member-graph .graph.pictogram span:before { margin-right: 10px; width: 16px; height: 30px; background: url(../images/common/icon-graph-small-m-gray.png) 0 0 no-repeat; vertical-align: middle; }
  .content.dashboard.center-bi .member-wrap .member-graph .graph.pictogram span.big:before { width: 16px; height: 30px; background: url(../images/common/icon-graph-small-m.png) 0 0 no-repeat; vertical-align: middle; }
  .content.dashboard.center-bi .member-wrap .member-graph .graph.pictogram span.women::before { width: 16px; height: 30px; background: url(../images/common/icon-graph-small-w-gray.png) 0 0 no-repeat; vertical-align: middle; }
  .content.dashboard.center-bi .member-wrap .member-graph .graph.pictogram span.women.big::before { width: 16px; height: 30px; vertical-align: middle; background: url(../images/common/icon-graph-small-w.png) 0 0 no-repeat; }
  .content.dashboard.center-bi .member-wrap .member-graph .graph.pictogram .loading.on { width: 100%; }
  .content.dashboard.center-bi .member-wrap .member-graph .graph.pictogram .loading.on span { width: 20px; height: 20px; margin: -12px 0 0 -20px; }
  .content.dashboard.center-bi .member-wrap .member-graph .graph.chart { /*로딩바 관련*/ }
  .content.dashboard.center-bi .member-wrap .member-graph .graph.chart .data { width: 100%; left: 0; top: 30px; }
  .content.dashboard.center-bi .member-wrap .member-graph .graph.chart .bg { margin-left: 48px; }
  .content.dashboard.center-bi .member-wrap .member-graph .graph.chart .loading.on { padding-top: 20px; padding-left: 40px; }
  .content.dashboard.center-bi .member-wrap .member-graph .graph.chart .loading.on span { margin: -12px 0 0 5px; }
  .content.dashboard.center-bi .status-wrap { margin-top: 20px; }
  .content.dashboard.center-bi .status-wrap > div { width: 100%; }
  .content.dashboard.center-bi .status-wrap > div .no-data { text-align: center; padding-top: 90px; color: #4A5568; font-weight: 400; font-size: 14px; line-height: 1.42; }
  .content.dashboard.center-bi .btm-tit { font-size: 0.75em; line-height: 1.33; color: #4A5568; font-weight: 300; }
  .content.dashboard.center-bi .btm-tit.f-blue { color: #00ACEB; }
  .content.dashboard .center-wrap { flex-direction: column; -ms-flex-direction: column; margin-top: 20px; margin-bottom: 20px; }
  .content.dashboard .center-wrap .graph-wrap { width: 100%; padding: 5.98% 16% 5.98% 5.98%; }
  .content.dashboard .center-wrap .graph-wrap + .graph-wrap { margin-top: 20px; } }

@media (max-width: 1023px) and (max-width: 320px) { .content.dashboard .center-wrap .graph-wrap .graph-title { word-break: break-all; }
  .content.dashboard .center-wrap .graph-wrap .graph-title span { margin-bottom: 0; }
  .content.dashboard .center-wrap .graph-wrap .graph-title strong { font-size: 1.2em; } }

@media (min-width: 1024px) { .width-flexible.dash-board { width: 1440px; max-width: auto; } }

/*소속센터 변경 요청 alert 팝업*/
#request-alert-pop .header { padding-top: 117px; margin-bottom: 0; }

#request-alert-pop .content { max-width: 1100px; width: 100%; border: 1px solid #00ACEB; background: #F7FAFC; height: 291px; text-align: center; }

#request-alert-pop .content .body { display: inline-block; width: 100%; }

#request-alert-pop .content .body .inner { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; text-align: left; }

#request-alert-pop .content .body .btn-wrap { margin-left: 8.45%; }

#request-alert-pop .content .body .btn-wrap .btn { min-width: 270px; width: auto; }

#request-alert-pop .content .body h1 { font-weight: bold; font-size: 16px; line-height: 1.375; margin-bottom: 15px; }

#request-alert-pop .content .body p { font-weight: 500; font-size: 14px; line-height: 1.35; color: #4A5568; }

@media (max-width: 1023px) { #request-alert-pop { display: none; } }

/*미개설 - 센터관리홈*/
.unopened-center { /*pc*/ /*모바일*/ }

.unopened-center .content-pc .content .step-list-wrap { border: 1px solid #EDF2F7; border-radius: 0; padding: 70px 0 41px; }

.unopened-center .content-pc .content .step-list-wrap p { text-align: center; line-height: 1.25; font-weight: 400; }

.unopened-center .content-pc .content .step-list-wrap p.temp-txt { line-height: 32px; }

.unopened-center .content-pc .content .step-list-wrap p.temp-txt + .btn-wrap { margin-top: 30px; }

.unopened-center .content-pc .content .step-list-wrap p .ft-blue { display: inline-block; color: #00ACEB; font-size: 16px; line-height: 1.25; font-weight: 700; }

.unopened-center .content-pc .content .step-list-wrap .btn-wrap { margin-top: 50px; }

.unopened-center .content-pc .content .step-list-wrap .btn-wrap .btn { border-color: #A0AEC0; color: #2D3748; height: 56px; line-height: 54px; min-width: 251px; }

.unopened-center .content-pc .content .step-list-wrap .btn-wrap .btn + .btn { margin-left: 22px; }

.unopened-center .content-pc .content .step-list-wrap .btn-wrap .btn span::before { content: ''; display: inline-block; vertical-align: -8px; width: 20px; height: 28px; background: url("../images/common/spr-ap-center.png") no-repeat; background-position: -419px 0; margin-right: 13px; }

.unopened-center .content-pc .content .step-list-wrap .btn-wrap .btn.change-ct span:before { width: 28px; height: 24px; background-position: -446px 1px; margin-right: 5px; vertical-align: -5px; }

.unopened-center .content-pc .content .ui-tab.list-tab .tab-nav { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.unopened-center .content-pc .content .ui-tab.list-tab .tab-nav li { flex-basis: 25%; border-bottom: 4px solid #CBD5E0; }

.unopened-center .content-pc .content .ui-tab.list-tab .tab-nav li a { display: block; text-align: center; color: #2D3748; font-size: 14px; line-height: 1.42; font-weight: 700; padding: 17px 0 22px; }

.unopened-center .content-pc .content .ui-tab.list-tab .tab-nav li a:before { content: ''; display: inline-block; width: 40px; height: 48px; background: url("../images/common/spr-ap-center.png") no-repeat; background-position: 0 0; }

.unopened-center .content-pc .content .ui-tab.list-tab .tab-nav li a p { color: #A0AEC0; }

.unopened-center .content-pc .content .ui-tab.list-tab .tab-nav li:first-child a:before { background-position: 6px 6px; }

.unopened-center .content-pc .content .ui-tab.list-tab .tab-nav li:nth-child(2) a:before { background-position: -34px 5px; }

.unopened-center .content-pc .content .ui-tab.list-tab .tab-nav li:nth-child(3) a:before { background-position: -75px 5px; }

.unopened-center .content-pc .content .ui-tab.list-tab .tab-nav li:nth-child(4) a:before { background-position: -116px 12px; }

.unopened-center .content-pc .content .ui-tab.list-tab .tab-nav li:nth-child(5) a:before { width: 50px; background-position: -156px 0px; }

.unopened-center .content-pc .content .ui-tab.list-tab .tab-nav li.active { border-bottom-color: #00ACEB; }

.unopened-center .content-pc .content .ui-tab.list-tab .tab-nav li.active a p { color: #2D3748; }

.unopened-center .content-pc .content .ui-tab.list-tab .tab-nav li.active:first-child a:before { background-position: -206px 5px; }

.unopened-center .content-pc .content .ui-tab.list-tab .tab-nav li.active:nth-child(2) a:before { background-position: -247px 4px; }

.unopened-center .content-pc .content .ui-tab.list-tab .tab-nav li.active:nth-child(3) a:before { background-position: -287px 5px; }

.unopened-center .content-pc .content .ui-tab.list-tab .tab-nav li.active:nth-child(4) a:before { background-position: -326px 12px; }

.unopened-center .content-pc .content .ui-tab.list-tab .tab-nav li.active:nth-child(5) a:before { width: 50px; background-position: -365px 1px; }

.unopened-center .content-pc .content .ui-tab.list-tab .tab-content > div { display: none; padding: 24px 20px; }

.unopened-center .content-pc .content .ui-tab.list-tab .tab-content dl + dl { margin-top: 20px; }

.unopened-center .content-pc .content .ui-tab.list-tab .tab-content dl dt { line-height: 1.375; font-weight: 700; }

.unopened-center .content-pc .content .ui-tab.list-tab .tab-content dl dd { margin-left: 0; color: #4A5568; line-height: 1.375; margin-top: 15px; }

.unopened-center .content-pc .content .ui-tab.list-tab .tab-content dl dd .num { display: inline-block; color: #00ACEB; font-weight: 700; margin-right: 12px; }

.unopened-center .content-pc .content .ui-tab.list-tab .tab-content dl dd .dot-list { margin-top: 18px; padding-left: 27px; }

.unopened-center .content-pc .content .ui-tab.list-tab .tab-content dl dd .dot-list p { position: relative; line-height: 1.375; padding-left: 13.5px; }

.unopened-center .content-pc .content .ui-tab.list-tab .tab-content dl dd .dot-list p:before { content: ''; position: absolute; top: 9px; left: 0px; width: 5px; height: 5px; background-color: #00ACEB; border-radius: 50%; }

.unopened-center .content-pc .content .ui-tab.list-tab .tab-content dl dd .dot-list p + p { margin-top: 15px; }

.unopened-center .content-pc .content .ui-tab.list-tab .tab-content dl dd strong { font-weight: 800; color: #2D3748; }

.unopened-center .content-mobile .content .step-list-wrap { padding: 64px 25px; }

.unopened-center .content-mobile .content .step-list-wrap p { font-size: 1em; }

.unopened-center .content-mobile .content .step-list-wrap p.ft-blue { font-size: 0.75em; color: #00ACEB; margin-top: 32px; line-height: 1.33; }

.unopened-center .content-mobile .content .guide-tab .tab-content > div { display: none; padding: 20px 0; }

.unopened-center .content-mobile .content .guide-tab .tab-content > div .btn-wrap { margin-top: 30px; }

.unopened-center .content-mobile .content .guide-tab .tab-content > div .btn-wrap .btn { min-width: auto; margin: 0; width: calc(50% - 13px); }

.unopened-center .content-mobile .content .guide-tab .tab-content > div .btn-wrap .btn + .btn { margin-left: 25px; }

.unopened-center .content-mobile .content .guide-tab .tab-content > div .btn-wrap.only .btn { min-width: 209px; width: auto; }

.unopened-center .content-mobile .content .guide-tab .tab-content > div.active { display: block; }

.unopened-center .content-mobile .content .guide-tab .tab-content dl + dl { margin-top: 20px; }

.unopened-center .content-mobile .content .guide-tab .tab-content dl dt { line-height: 1.375; font-weight: 700; }

.unopened-center .content-mobile .content .guide-tab .tab-content dl dd { position: relative; padding-left: 27px; color: #4A5568; line-height: 1.375; margin-top: 15px; margin-left: 0; }

.unopened-center .content-mobile .content .guide-tab .tab-content dl dd .num { position: absolute; left: 0; top: 0; color: #00ACEB; font-weight: 700; }

.unopened-center .content-mobile .content .guide-tab .tab-content dl dd .dot-list { margin-top: 18px; }

.unopened-center .content-mobile .content .guide-tab .tab-content dl dd .dot-list p { position: relative; line-height: 1.375; padding-left: 13.5px; }

.unopened-center .content-mobile .content .guide-tab .tab-content dl dd .dot-list p:before { content: ''; position: absolute; top: 9px; left: 0px; width: 5px; height: 5px; background-color: #00ACEB; border-radius: 50%; }

.unopened-center .content-mobile .content .guide-tab .tab-content dl dd .dot-list p + p { margin-top: 15px; }

.unopened-center .content-mobile .content .guide-tab .tab-content dl dd strong { font-weight: 800; color: #2D3748; }

/*오프라인 교육센터 > 사진촬영 가이드 추가*/
.content.ap-apply .photo-notice-guide { width: 100%; }

#photo-guide-pop .content { border-radius: 30px; width: 654px; padding-left: 20px; padding-right: 20px; height: 90%; }

#photo-guide-pop .header { padding-top: 20px; margin-bottom: 20px; }

#photo-guide-pop .header h1 { font-size: 20px; line-height: 1.4; color: #00ACEB; font-weight: 700; margin-bottom: 15px; }

#photo-guide-pop .header p { font-size: 16px; color: #2D3748; line-height: 1.375; font-weight: 500; }

#photo-guide-pop .body { max-height: calc(90% - 32px); padding-bottom: 32px; overflow: hidden; overflow-y: auto; }

#photo-guide-pop .photo-guide div + div { margin-top: 30px; }

#photo-guide-pop .photo-guide div h2 { font-size: 16px; line-height: 1.375; font-weight: 700; margin-bottom: 7px; }

#photo-guide-pop .photo-guide div p { font-size: 14px; line-height: 1.42; }

#photo-guide-pop .photo-guide div .photo-box { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 20px; font-size: 0; }

#photo-guide-pop .photo-guide div .photo-box li { min-width: 245px; flex-grow: 1; flex-shrink: 1; }

#photo-guide-pop .photo-guide div .photo-box li p { text-align: center; }

#photo-guide-pop .photo-guide div .photo-box li .img-box { position: relative; width: 234px; height: 167px; display: inline-block; border: 1px solid #E2E8F0; border-radius: 5px; margin-bottom: 14px; }

#photo-guide-pop .photo-guide div .photo-box li .img-box > img { max-width: 100%; }

#photo-guide-pop .photo-guide div .photo-box li .img-box:before { content: ''; position: absolute; bottom: -10px; right: -10px; width: 40px; height: 40px; background: url(../images/common/icon-photo-correct.png) no-repeat; }

#photo-guide-pop .photo-guide div .photo-box li .img-box.wrong:before { background: url(../images/common/icon-photo-wrong.png) no-repeat; }

#photo-guide-pop .photo-guide div .photo-box li + li { margin-left: 80px; }

.unopened-center .content-pc .content .step-list-wrap .btn-wrap .btn span { padding: 0 20px; }

.content.ap-apply-done .box .info { padding: 14px 45px; }

.register-view .video-box h3 { text-align: left; }

#personal-info .body .txt-box { padding: 16px 24px 16px 20px; }

.content.ap-apply .group.profile-detail table td { padding-left: 15px; padding-right: 15px; }

.content.apply-center.view .member-info .recommendation table td { padding-left: 15px; padding-right: 15px; }

.content.ap-apply .photo-notice-guide { float: right; width: auto; }

.content.ap-apply .group-wrap { clear: both; }

.register-view .list-box.btm-list a p { display: block; }

/* 3/1 test 추가 */
.location{position:relative;}
.location .pos-download-guide{position:absolute;right:0;top:0;}
.btn-download-guide { text-align: right; font-size: 0; vertical-align: middle; }
.btn-download-guide:before { content: ''; display: inline-block; width: 20px; height: 20px; background: url('../images/common/icon-guide.png') 0 0 no-repeat; vertical-align: middle; margin-right: 9px; }
.btn-download-guide span { display: inline-block; font-size: 16px; line-height: 20px; letter-spacing: 0.03em; color: #3182CE; vertical-align: middle; }
.register-view .list-box.btm-list.file-list .title {font-weight: 700; font-size: 14px; color: #4A5568;}
.register-view .list-box.btm-list.file-list .attach-file {display: inline-block; font-size: 14px; color: #000; line-height: 20px;}
.register-view .list-box.btm-list.file-list .attach-file:before {display: inline-block; content: ''; width: 20px; height: 20px; margin:0 7px 0 0; vertical-align: text-bottom; background:url('../images/common/ico-file.png') no-repeat 0 0; background-size: 100% 100%;}
.register-view .list-box.btm-list.file-list .list li {margin-top: 15px;}
.register-view .list-box.btm-list.file-list .list li:first-child {margin-top: 14px;}
.register-view .list-box.btm-list.file-list{padding:25px 24px 36px;}
.register-view .content-mobile .list-box.btm-list.file-list .list {margin-left:8px;}
.content.ap-apply .group.free-item .ui-file {width: 427px;}
.content.ap-apply .group.free-item .ui-file .list li {font-size:14px;}
.content.ap-apply .group.free-item .field-info {margin-left:14px;}
.content.ap-apply .group.free-item .field-info dd{font-size:12px;}
.content.ap-apply .group.free-item .btns {margin-left: 107px;}
.content.ap-apply .group.free-item .btns .btn {min-width: 148px;}


/*2021-05-21*/
.bullet-list li { position: relative; padding:4px 0 4px 20px; font-size: 14px;line-height: 18px;}
.bullet-list li .bullet { position: absolute; top: 4px; left: 0; color: #00B5EF; }
.bullet-list li li {padding-bottom: 0;}
.bullet-list li em { color: #00B5EF; }
.bullet-list li strong {font-weight: 700;}
.bullet-list.bul-star li {padding-left: 10px;}
.bullet-list.bul-star li::before {content: "*";position: absolute;top: 4px;left: 0;color: #00B5EF;}
.infoBox {font-size: 14px;line-height: 18px;text-align: center;background-color: #F7FAFC;border: 1px solid #E2E8F0;padding: 15px 0;margin-bottom: 30px;}
/*!/2021-05-21*/

/*2021-05-25*/
#photo-guide-pop .body {max-height: 80vh;}
/*!/2021-05-25*/

/* 2021-08-02 */
.content.ap-apply .group.education .btn-del { height: 25px; line-height: 25px; }
.content.ap-apply .group.education .btn-del:before { width: 25px; height: 25px; background-size: 100%; }
.content.ap-apply .group.education .btn-del span { font-size: 14px; font-weight: 500; line-height: 25px; }
.content.ap-apply .group.education .add_wrap + .add_wrap {margin-top: 50px;}
/* //2021-08-02 */

/* 2021-12-13 */
.non-member .step-list-wrap2 .btn-wrap {margin-top:46px;}
.non-member .step-list-wrap2 p{ color:#718096; font-size:16px; font-weight: 500; text-align: center; }
.non-member .step-list-wrap2 .btn-wrap a{ font-size:20px; font-weight:bold; line-height: 68px; height:68px; border-width: 2px; }
.non-member .ui-tab .new-type{display: flex; align-items: center; margin-top:70px;}
.non-member .ui-tab .new-type li{width:218px; background: url("../images/common/bg-tab-off.png") 0 bottom no-repeat; }
.non-member .ui-tab .new-type li.active{background: url("../images/common/bg-tab-on.png") 0 bottom no-repeat; }
.non-member .ui-tab .new-type a{ display: block; height:57px; line-height: 57px; text-align: center; color:#A0AEC0; font-size:20px; font-weight:bold;}
.non-member .ui-tab .new-type li.active a{color:#2D3748;}
.non-member > .ui-tab > .tab-content{padding:60px 54px; background: #F7FAFC;}
.non-member > .ui-tab > .tab-content > div{display: none;}
.non-member > .ui-tab > .tab-content > div > p{font-size:18px; font-weight:bold; line-height: 25px; color:#4A5568; margin-bottom:30px}
.non-member > .ui-tab > .tab-content .notice{margin-top:20px; padding-left:40px;}
.non-member > .ui-tab > .tab-content .notice strong{ position: relative; padding-left: 20px; font-size:16px; font-weight:400 !important; color:#4A5568; }
.non-member > .ui-tab > .tab-content .notice strong:before{display: block; content: ''; position: absolute; top: 1px; left: 0; width: 15px; height: 15px; background: url(../images/common/icon-info.svg) 0 0 no-repeat; background-size: 100%; text-indent: -9999px; overflow: hidden;}
.non-member > .ui-tab > .tab-content .notice ul{margin-top:5px;}
.non-member > .ui-tab > .tab-content .notice li{font-size:14px; line-height: 20px; font-weight: normal; color:#718096;}
.unopened-center .content-pc .content.non-member .ui-tab.list-tab .tab-content dl dd a{color: #00ACEB; font-weight: bold; font-size: 16px; line-height: 22px; vertical-align: top; text-decoration: underline; display: inline-block; margin-left:10px;}
.unopened-center .content-pc .content.non-member #tab-con02 .ui-tab.list-tab .tab-nav li:nth-child(3) a:before{background-position: 6px 6px;}
.unopened-center .content-pc .content.non-member #tab-con02 .ui-tab.list-tab .tab-nav li:nth-child(4) a:before{width: 50px; background-position: -156px 0px;}
.unopened-center .content-pc .content.non-member #tab-con02 .ui-tab.list-tab .tab-nav li.active:nth-child(3) a:before{ background-position: -206px 5px;}
.unopened-center .content-pc .content.non-member #tab-con02 .ui-tab.list-tab .tab-nav li.active:nth-child(4) a:before{ background-position: -365px 1px;}

.content.ap-apply.channel-info .group-wrap{padding:0;}
.content.ap-apply.channel-info .group{padding-bottom:40px;}
.content.ap-apply.channel-info .group .item-wrap.top .input-wrap{width:330px;}
.content.ap-apply.channel-info .group .item-wrap.top .input-wrap select{font-size:1.125rem; font-weight:500;}
.content.ap-apply.channel-info .input-wrap select{font-family: 'Montserrat','Noto Sans KR','Noto Serif KR',/*atomy,*/'Arita-buri-SemiBold','맑은고딕','Malgun Gothic','돋움','Dotum','굴림','Gulim','AppleGothic',Sans-serif;}
.channel-info .group .notice strong{ position: relative; padding-left: 20px; font-size:16px; font-weight:500; color:#4A5568; }
.channel-info .group .notice strong:before{display: block; content: ''; position: absolute; top: 2px; left: 0; width: 15px; height: 15px; background: url(../images/common/icon-info.svg) 0 0 no-repeat; background-size: 100%; text-indent: -9999px; overflow: hidden;}
.channel-info .group .notice ul{margin-top:5px;}
.channel-info .group .notice li{font-size:14px; line-height: 20px; font-weight: normal; color:#718096;}

.content.ap-apply.channel-info .sub-channel-info .group{padding:0; border:0; background: none;}
.sub-channel-info h4{font-size:18px; font-weight: bold; color:#4A5568;}
.sub-channel-info > p{font-size:16px; font-weight: 500; line-height: 22px; color:#4A5568; margin-top:15px; margin-bottom:43px;}
.sub-channel-info .group button{font-size:14px; font-weight:normal; height:25px;}
.sub-channel-info .group button span{font-size:14px; font-weight:normal; height:25px; line-height: 25px; vertical-align: top;}
.sub-channel-info .group .btn-add:before { width:25px; height:25px; background-image: url('../images/common/btn-add.svg'); background-size: 100%; }
.sub-channel-info .group .btn-del:before { width:25px; height:25px; background-image: url('../images/common/btn-delete.svg'); background-size: 100%; }
.sub-channel-info .group .add_wrap{padding-bottom:25px; border-bottom:1px solid #CBD5E0; margin-bottom:48px;}
.content.ap-apply h3.necessary{position: relative;}
.content.ap-apply h3.necessary:after{content:'*'; color:#E53E3E; padding-left:3px;}

.content.ap-apply.channel-info.tab2 .group .item-wrap.top .input-wrap{width:726px;}
.content.ap-apply.channel-info.tab2 .group > p{margin-bottom:30px;}
.content.ap-apply.channel-info.tab2 .group .check-wrap {margin-bottom:30px;}
.content.ap-apply.channel-info.tab2 .group .check-wrap span{margin-left:50px;}
.content.ap-apply.channel-info.tab2 .group .check-wrap span:first-child{margin-left:0;}
.content.ap-apply.channel-info.tab2 .group .add-item{margin-top:50px;}
.content.ap-apply.channel-info.tab2 .group .add-item:first-child{margin-top:0;}
.content.ap-apply.channel-info.tab2 .group .btn-wrap{padding:0;}

.change-info.content.ap-apply .ap-apply-main .item-wrap .item:first-child{border:0; width:100%; padding:0;}
.change-info.content.ap-apply .ap-apply-main .item-wrap .item .center-type{margin-bottom:0;}
.change-info.content.ap-apply .ap-apply-main .item-wrap .item .center-type > .btn-wrap{float:none; text-align: left; margin-left:250px;}
.change-info.content.ap-apply .ap-apply-main .item-wrap .item .center-type > p span{font-size:16px; color:#718096; font-weight:bold; margin-bottom:9px;}
.change-info.content.ap-apply .ap-apply-main .item-wrap .item .center-type > p em{font-size:18px; font-weight:bold; color:#2D3748;line-height: 25px;}

.title-arrow{display: inline-block; width:30px; height:30px; background: url('../images/common/title-arrow.png') 50% 50% no-repeat; vertical-align: top; margin: 2px 3px 0;}
.unopened-center .content-pc .content.offline-digital-wrap .step-list-wrap{border:1px solid #00ACEB; padding:40px 60px; background: #F7FAFC url('../images/common/bg-offline.png') 95% 100% no-repeat; margin-bottom:80px; height:231px;}
.unopened-center .content-pc .content.offline-digital-wrap .step-list-wrap p{color:#4A5568; font-size:16px; font-weight:bold; line-height: 26px; text-align: left; margin-bottom:18px;}
.unopened-center .content-pc .content.offline-digital-wrap .step-list-wrap p em{color: #E53E3E;}
.unopened-center .content-pc .content.offline-digital-wrap .step-list-wrap ul li{display: flex;}
.unopened-center .content-pc .content.offline-digital-wrap .step-list-wrap ul li span{font-size:14px; font-weight: 500; line-height: 24px; color:#4A5568;}
.unopened-center .content-pc .content.offline-digital-wrap .step-list-wrap ul li em{font-size:14px; font-weight: normal; line-height: 24px; color:#718096; padding-left:3px;}
.offline-digital-wrap > .ui-tab > .tab-content .notice{margin-top:20px; padding-left:40px;}
.offline-digital-wrap > .ui-tab > .tab-content .notice strong{ position: relative; padding-left: 20px; font-size:16px; font-weight:400 !important; color:#4A5568; }
.offline-digital-wrap > .ui-tab > .tab-content .notice strong:before{display: block; content: ''; position: absolute; top: 1px; left: 0; width: 15px; height: 15px; background: url(../images/common/icon-info.svg) 0 0 no-repeat; background-size: 100%; text-indent: -9999px; overflow: hidden;}
.offline-digital-wrap > .ui-tab > .tab-content .notice ul{margin-top:5px;}
.offline-digital-wrap > .ui-tab > .tab-content .notice li{font-size:14px; line-height: 20px; font-weight: normal; color:#718096;}
.unopened-center .content-pc .content.offline-digital-wrap .ui-tab.list-tab.tab2_1 .tab-nav li:nth-child(3) a:before{background-position: 6px 6px;}
.unopened-center .content-pc .content.offline-digital-wrap .ui-tab.list-tab.tab2_1 .tab-nav li:nth-child(4) a:before{width: 50px; background-position: -156px 0px;}
.unopened-center .content-pc .content.offline-digital-wrap .ui-tab.list-tab.tab2_1 .tab-nav li.active:nth-child(3) a:before{ background-position: -206px 5px;}
.unopened-center .content-pc .content.offline-digital-wrap .ui-tab.list-tab.tab2_1 .tab-nav li.active:nth-child(4) a:before{ background-position: -365px 1px;}
/* .change-info .board-list tr:nth-child(even) td{} */

/* 2022-02-03 */
/* container */
.title-notify{margin-bottom:63px;padding:34px 50px;font-family:/*atomy,*/'Montserrat','Noto Sans KR','Noto Serif KR',/*atomy,*/'Arita-buri-SemiBold','맑은고딕','Malgun Gothic','돋움','Dotum','굴림','Gulim','AppleGothic',Sans-serif;font-size:18px;line-height:25px;border:1px solid #00ACEB;border-radius:10px;background-color:#F7FAFC;}
.title-notify strong{font-weight:bold;color:#E53E3E;}
/* footer */
footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}
footer .list-family{display:flex;}
footer .list-family li{display:flex;align-items:center;}
footer .list-family li:before{display:block;content:'';width:2px;height:10px;margin:0 15px;background-color:#718096;}
footer .list-family li:first-child:before{display:none;}
footer .list-family a{font-weight:bold;font-family:/*atomy,*/'Montserrat','Noto Sans KR','Noto Serif KR',/*atomy,*/'Arita-buri-SemiBold','맑은고딕','Malgun Gothic','돋움','Dotum','굴림','Gulim','AppleGothic',Sans-serif;font-size:14px;line-height:19px;color:#718096;}

@media (max-width: 480px) {
    footer{display:flex;justify-content:space-between;align-items:center;}
    footer .list-family{display:flex;}
    footer .list-family li{display:flex;align-items:center;}
    footer .list-family li:before{display:block;content:'';width:2px;height:10px;margin:0 8px;background-color:#718096;}
    footer .list-family li:first-child:before{display:none;}
    footer .list-family a{font-weight:bold;font-family:/*atomy,*/'Montserrat','Noto Sans KR','Noto Serif KR',/*atomy,*/'Arita-buri-SemiBold','맑은고딕','Malgun Gothic','돋움','Dotum','굴림','Gulim','AppleGothic',Sans-serif;font-size:11px;line-height:19px;color:#718096;}
}

@media (max-width: 281px) {
    footer{display:flex;justify-content:space-between;align-items:center;}
    footer .list-family{display:flex;}
    footer .list-family li{display:flex;align-items:center;}
    footer .list-family li:before{display:block;content:'';width:1px;height:10px;margin:0 4px;background-color:#718096;}
    footer .list-family li:first-child:before{display:none;}
    footer .list-family a{font-weight:bold;font-family:/*atomy,*/'Montserrat','Noto Sans KR','Noto Serif KR',/*atomy,*/'Arita-buri-SemiBold','맑은고딕','Malgun Gothic','돋움','Dotum','굴림','Gulim','AppleGothic',Sans-serif;font-size:5px;line-height: 13px;color:#718096;}
}

/* login */
.login-page .btn-guide{display:flex;align-items:center;margin:40px auto 0;font-weight:bold;font-family:/*atomy,*/'Montserrat','Noto Sans KR','Noto Serif KR',/*atomy,*/'Arita-buri-SemiBold','맑은고딕','Malgun Gothic','돋움','Dotum','굴림','Gulim','AppleGothic',Sans-serif;font-size:16px;color:#00ACEB;}
.login-page .btn-guide:before{display:block;content:'';width:24px;height:22px;margin-right:10px;background:url('../images/common/icon-guide.png') no-repeat 50% 50%;}
/* 법인별 애터미 교육센터 가이드 */
.pop-guide-lang{position:relative;padding:58px 35px 54px;}
.pop-guide-lang h1{font-weight:bold;font-size:20px;color:#2D3748;line-height:28px;}
.pop-guide-lang .comment{margin:3px 0 10px;font-size:18px;color:#2D3748;line-height:25px;}
.pop-guide-lang .btn-close{position:absolute;right:25px;top:20px;width:25px;height:25px;overflow:hidden;background:url(../images/common/btn-close.png) 0 0 no-repeat;text-indent: -9999px;}
.pop-guide-lang .list-lang{display:flex;flex-wrap:wrap;}
/*.pop-guide-lang .list-lang li{display:flex;align-items:flex-start;width:25%;margin-top:34px;}*/
.pop-guide-lang .list-lang li:before{display:block;content:'';width:11px;height:11px;margin:7px 10px 7px 0;border-radius:50%;background-color:#A0AEC0;}
.pop-guide-lang .list-lang li a{font-size:18px;color:#2D3748;line-height:25px;}
@media (max-width: 767px){ .pop-guide-lang .list-lang li{display:flex;align-items:flex-start;width:50%;margin-top:34px;} }
@media (min-width: 768px) { .pop-guide-lang .list-lang li{display:flex;align-items:flex-start;width:25%;margin-top:34px;} }
/* 신청자 화면용 popup */
#reject-app .content.ap-01,
#approved-app .content.ap-01{width:515px;padding-bottom:46px;}
#reject-app .content.ap-01 .header,
#approved-app .content.ap-01 .header{padding-top:72px;margin-bottom:60px;}
#reject-app .content.ap-01 .header .comment,
#approved-app .content.ap-01 .header .comment{font-weight:bold;font-size:20px;line-height:27px;color:#2D3748;text-align:center;}
/*!/ 2022-02-03 */

/* 2022-03-23 */
.pop-guide-corp{position:relative;padding:69px 30px 30px;}
.pop-guide-corp .tabs-guide-corp{display:flex;}
.pop-guide-corp .tabs-guide-corp li{width:20%;}
.pop-guide-corp .tabs-guide-corp li a{display:block;width:100%;height:93px;border-bottom:4px solid #CBD5E0;font-weight:700;font-size:14px;color:#A0AEC0;}
.pop-guide-corp .tabs-guide-corp li a:before{display:block;content:'';height:52px;}
.pop-guide-corp .tabs-guide-corp li.active a{color:#2D3748;border-color:#00ACEB;}
.pop-guide-corp .tabs-guide-corp li:first-child a:before{background:url(../images/common/ico_guide01.svg) no-repeat 50% 0;background-size:40px 40px !important;}
.pop-guide-corp .tabs-guide-corp li:first-child.active a:before{background:url(../images/common/ico_guide01_on.svg) no-repeat 50% 0;}
.pop-guide-corp .tabs-guide-corp li:nth-child(2) a:before{background:url(../images/common/ico_guide02.svg) no-repeat 50% 5px;background-size:40px 40px !important;}
.pop-guide-corp .tabs-guide-corp li:nth-child(2).active a:before{background:url(../images/common/ico_guide02_on.svg) no-repeat 50% 0;}
.pop-guide-corp .tabs-guide-corp li:nth-child(3) a:before{background:url(../images/common/ico_guide03.svg) no-repeat 50% 0;background-size:40px 40px !important;}
.pop-guide-corp .tabs-guide-corp li:nth-child(3).active a:before{background:url(../images/common/ico_guide03_on.svg) no-repeat 50% 0;}
.pop-guide-corp .tabs-guide-corp li:nth-child(4) a:before{background:url(../images/common/ico_guide04.svg) no-repeat 50% 4px;background-size:40px 40px !important;}
.pop-guide-corp .tabs-guide-corp li:nth-child(4).active a:before{background:url(../images/common/ico_guide04_on.svg) no-repeat 50% 0;}
.pop-guide-corp .tabs-guide-corp li:nth-child(5) a:before{background:url(../images/common/ico_guide05.svg) no-repeat 50% 0;background-size:40px 40px !important;}
.pop-guide-corp .tabs-guide-corp li:nth-child(5).active a:before{background:url(../images/common/ico_guide05_on.svg) no-repeat 50% 0;}
.pop-guide-corp .tab-content>div{display:none;}
.pop-guide-corp .btn-close{position:absolute;right:25px;top:20px;width:25px;height:25px;overflow:hidden;background:url(../images/common/btn-close.png) 0 0 no-repeat;text-indent: -9999px;}
.pop-guide-corp .tab-content{padding:24px 20px;}
.pop-guide-corp .list-info>li{margin-top:20px;padding-left:28px;font-size:16px;color:#4A5568;line-height:22px;text-indent:-28px;}
.pop-guide-corp .list-info>li .num{padding-right:12px;font-weight:700;color:#00ACEB;}
.pop-guide-corp .list-info>li>ul li{display:flex;align-items:flex-start;margin-top:16px;text-indent:0;}
.pop-guide-corp .list-info>li>ul li:first-child{margin-top:20px;}
.pop-guide-corp .list-info>li>ul li:before{display:block;content:'';flex:none;width:5px;height:5px;margin:9px 9px 0 0;border-radius:50%;background:#00ACEB;}
.pop-guide-corp .list-info strong{font-weight:700;color:#2D3748;}

#system-guide-pop .content {
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 10px;
}
@media (min-width: 1023px) {
    #system-guide-pop .content{
        max-width: 800px;
        padding-bottom: 30px;

    }

}
#error_code h1{
    color:#c0c0c0;
    font-size: 70px;
    font-weight: 700;
    padding-bottom: 40px;

}
/*# sourceMappingURL=default.css.map */
#ttab-con1 > ul {
    padding: revert;
}
#ttab-con1 > ol {
    padding: revert;
}
#ttab-con1 > ul > li {
    list-style: revert;
}
#ttab-con1 > ol > li {
    list-style: revert;
}

#ttab-con1 > p > i {
    font-style: italic;
}

* > i {
    font-style: italic;
}

i > * {
    font-style: italic;
}

#ttab-con2 > ul {
    padding: revert;
}
#ttab-con2 > ol {
    padding: revert;
}
#ttab-con2> ul > li {
    list-style: revert;
}
#ttab-con2 > ol > li {
    list-style: revert;
}

#ttab-con2 > p > i {
    font-style: italic;
}

#ttab-con3 > ul {
    padding: revert;
}
#ttab-con3 > ol {
    padding: revert;
}
#ttab-con3> ul > li {
    list-style: revert;
}
#ttab-con3 > ol > li {
    list-style: revert;
}

#ttab-con3 > p > i {
    font-style: italic;
}

#ttab-con4 > ul {
    padding: revert;
}
#ttab-con4 > ol {
    padding: revert;
}
#ttab-con4> ul > li {
    list-style: revert;
}
#ttab-con4 > ol > li {
    list-style: revert;
}

#ttab-con4 > p > i {
    font-style: italic;
}

#ttab-con5 > ul {
    padding: revert;
}
#ttab-con5 > ol {
    padding: revert;
}
#ttab-con5> ul > li {
    list-style: revert;
}
#ttab-con5 > ol > li {
    list-style: revert;
}

#ttab-con5 > p > i {
    font-style: italic;
}


#content-test > div.body > div.txt-box > ul {
    padding: revert;
}
#content-test > div.body > div.txt-box > ol {
    padding: revert;
}
#content-test > div.body > div.txt-box > ul > li {
    list-style: revert;
}
#content-test > div.body > div.txt-box> ol > li {
    list-style: revert;
}

#content-test > div.body > div.txt-box > p > i {
    font-style: italic;
}



#slick-slide00 > div > div > div > a > p > i {
    font-style: italic;
}

#slick-slide00 > div > div > div > p > i {
    font-style: italic;
}

.popup-content-text > p > i {
    font-style: italic;
}

#slick-slide00 > div > div > div > a > ul > li {
    list-style: revert;
}

#slick-slide00 > div > div > div > a > ol > li {
    list-style: revert;
}

#slick-slide00 > div > div > div > a > ul {
    padding: revert;
}
#slick-slide00 > div > div > div > a > ol {
    padding: revert;
}
/*# sourceMappingURL=default.css.map */


/* 쿠키 설정 */
#container > div > div > div > div.cookie-div {
    width: 100%;
    height: 210px;
    background-color: #333333;
    position: absolute;
    bottom: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
}



#container > div > div > div > div.cookie-div > div:nth-child(2) {
    margin-left: auto;
}

#container > div > div > div > div.cookie-div .cookie-policy-item .ice_button_wrapper {
    display: flex;
    justify-content : center;
    align-items : center;
    margin-right: 10px;
}
#container > div > div > div > div.cookie-div .cookie-policy-item > p {
    color: white;
    font-size: 18px;
    margin-left: 30px;
}

#container > div > div > div > div.cookie-div .cookie-policy-item .ice_button_wrapper {
    background-color: #00ACEB;
    width: 180px;
    height: 52px;
    border-radius: 10px;
    border: 1px solid #00ACEB;
}
#container > div > div > div > div.cookie-div .cookie-policy-item .ice_button_wrapper .ice_button {
    font-weight: 400; border-style: solid;
}
#container > .ice_button_text {
}

#settingCookie {
    font-size: 16px; color: #00ACEB;
    text-align: center;
}

#allowAllCookie {
    font-size: 16px; color: white;
    text-align: center;
}

.cookie-popup {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    text-align: center;
    /*background-color: #0d514c;*/
    vertical-align: middle;
    visibility: visible;
    background-color: rgba(0, 0, 0, 0.5);
}

.cookie-popup .cookie-popup-wrap {
    background-color: #fff;
    overflow-y: auto;
    line-height: 1.5;
    width: 900px;
    height: 570px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    border: 2px solid black;
    padding: 10px;
    margin-top: 13%;
    overflow: hidden;
}

.cookie-popup-title {
    text-align: left;
    position: relative;
}
.cookie-popup-title > span {
    font-size: 20px;
    font-weight: bold;
}
.cookie-popup-img {
    position: absolute;
    top: 10%;
    left: 97%;
}

.cookie-popup-info {
    float: left;
    /*margin-top: 10px;*/
    color: #0070C0;
    text-decoration-line: revert;
    font-size: 16px;
}

.cookie-popup-content {
    text-align: left;
    margin-top: 30px;
    font-size: 18px;
}

.cookie-popup-btn {
    display: inline-block;
    border: 1px solid #00ACEB;
    height: 50px;
    line-height: 40px;
    font-size: 1rem;
    text-align: center;
    border-radius: 5px;
    color: white;
    min-width: 150px;
    background-color: #00aceb;
    border-radius: 10px;
    float: left;
    margin-top: 20px;
}

.cookie-popup-handling-agree {
    text-align: left;
    margin-top: 60px;
}

.cookie-popup-handling-agree-content {
    width: 100%;
    height: 300px;
    margin-top: 10px;
    /*border: 1px solid grey;*/
}

/*.cookie-popup-handling-agree-content .toggle_menu > ul, li, span {*/
/*    padding: 0;*/
/*    margin: 0;*/
/*    list-style: none;*/
/*}*/

.toggle_menu {
    position: relative ;
}

.toggle_menu > ul{
    position: absolute;
    width: 100% ;
    left: -210px ;
    text-align: left ;
    transition: 1s ;
}

.toggle_menu > ul.active{
    /*    transition: 1s ;*/
    left: 0;
}

.toggle_menu > ul > li > div {
    display: block;
    height: 40px;
    line-height: 30px;
}

.toggle_menu > ul > li > ul{
    height: 0px;
    /*border: 1px solid black;*/
    overflow: hidden;
    transition: 0.2s;
    background-color: #F2F2F2;
}

/*.toggle_menu > ul > li > ul > li{*/
/*    height: 25%;*/
/*}*/

.toggle_menu > ul > li.active > ul{
    height:100%;
    transition: 1s;
}

.cookie-popup-toggle-btn {
    width: 50px;
    height: 50px;
    background-color: grey;
}

.toggleSwitch {
    width: 80px;
    margin: 30px;
    height: 30px;
    display: block;
    position: relative;
    border-radius: 30px;
    background-color: #b1b1b1;
    cursor: pointer;
    top: -60px;
    left: 750px;
}

.toggleSwitch .toggleButton {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 4px;
    transform: translateY(-50%);
    border-radius: 50%;
    background: white;
}

.toggleSwitch.active1 {
    background: #0070C0;
}

.toggleSwitch.active1 .toggleButton {
    left: calc(100% - 24px);
    background: white !important;
}

.toggleSwitch, .toggleButton {
    transition: all 0.2s ease-in;
}

.toggleBtnText {
    color: white;
    margin-left: 10px;
}

.cookie-popup-always {
    margin-left: 680px;
    color: #0070C0;
    font-weight: bold;
    font-size: 14px;
}

.active-cookie {
    display: none;
}

.active-cookie-vis {
    visibility: hidden;
}

body > div.cookie-popup > div > a {
    font-size: 17px;
}
@media (max-width: 480px) {
    #container > div > div > div > div.cookie-div {
        width: 100%;
        height: 150px;
        background-color: #333333;
        position: fixed;
        bottom: 0;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-around;
    }

    #container > div > div > div > div.cookie-div > div:nth-child(2) {
        margin-left: auto;
    }

    #container > div > div > div > div.cookie-div .cookie-policy-item .ice_button_wrapper {
        display: flex;
        justify-content : center;
        align-items : center;
        margin-right: 10px;
    }
    #container > div > div > div > div.cookie-div .cookie-policy-item > p {
        color: white;
        font-size: 14px;
        margin-left: 10px;
    }

    #container > div > div > div > div.cookie-div .cookie-policy-item .ice_button_wrapper {
        background-color: #00ACEB;
        width: 150px;
        height: 52px;
        border-radius: 10px;
        border: 1px solid #00ACEB;
    }
    #container > div > div > div > div.cookie-div .cookie-policy-item .ice_button_wrapper .ice_button {
        font-weight: 400; border-style: solid;
    }
    #container > .ice_button_text {
        text-align: center;
    }

    .cookie-popup {
        width: 100%;
        height: 100%;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 999;
        text-align: center;
        /*background-color: #0d514c;*/
        vertical-align: middle;
        visibility: visible;
        background-color: rgba(0, 0, 0, 0.5);
    }

    .cookie-popup .cookie-popup-wrap {
        background-color: #fff;
        overflow-y: auto;
        line-height: 1.5;
        width: 340px;
        height: 570px;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        border: 2px solid black;
        padding: 10px;
        margin-top: 13%;
        overflow: hidden;
    }



    #settingCookie {
        font-size: 14px; color: #00ACEB;
        text-align: center;
    }

    #allowAllCookie {
        font-size: 14px; color: white;
        text-align: center;
    }

    .cookie-popup-title {
        text-align: left;
        position: relative;
    }

    .cookie-popup-title > span {
        font-size: 14px;
        font-weight: bold;
    }

    .cookie-popup-img {
        position: absolute;
        top: 10%;
        left: 97%;
    }

    .cookie-popup-info {
        float: left;
        /*margin-top: 10px;*/
        color: #0070C0;
        text-decoration-line: revert;
        font-size: 16px;
    }

    .cookie-popup-content {
        text-align: left;
        margin-top: 10px;
        font-size: 13px;
    }

    body > div.cookie-popup > div > a {
        font-size: 11px;
    }

    .cookie-popup-btn {
        display: inline-block;
        border: 1px solid #00ACEB;
        height: 40px;
        line-height: 40px;
        font-size: 12px;
        text-align: center;
        border-radius: 5px;
        color: white;
        min-width: 60px;
        background-color: #00aceb;
        border-radius: 10px;
        float: left;
        margin-top: 20px;
    }

    .cookie-popup-handling-agree {
        text-align: left;
        margin-top: 30px;
    }

    .cookie-popup-handling-agree-content {
        width: 100%;
        height: 300px;
        margin-top: 10px;
        /*border: 1px solid grey;*/
    }

    /*.cookie-popup-handling-agree-content .toggle_menu > ul, li, span {*/
    /*    padding: 0;*/
    /*    margin: 0;*/
    /*    list-style: none;*/
    /*}*/

    .toggle_menu {
        position: relative ;
    }

    .toggle_menu > ul{
        position: absolute;
        width: 100% ;
        left: -210px ;
        text-align: left ;
        transition: 1s ;
    }

    .toggle_menu > ul.active{
        /*    transition: 1s ;*/
        left: 0;
    }

    .toggle_menu > ul > li > div {
        display: block;
        height: 40px;
        line-height: 30px;
    }

    .toggle_menu > ul > li > ul{
        height: 0px;
        /*border: 1px solid black;*/
        overflow: hidden;
        transition: 0.2s;
        background-color: #F2F2F2;
    }

    /*.toggle_menu > ul > li > ul > li{*/
    /*    height: 25%;*/
    /*}*/

    .toggle_menu > ul > li.active > ul{
        height:100%;
        transition: 1s;
    }

    .cookie-popup-toggle-btn {
        width: 50px;
        height: 50px;
        background-color: grey;
    }

    .toggleSwitch {
        width: 80px;
        height: 30px;
        display: block;
        position: relative;
        border-radius: 30px;
        background-color: #b1b1b1;
        cursor: pointer;
        left: 190px;
    }

    .toggleSwitch .toggleButton {
        width: 20px;
        height: 20px;
        position: absolute;
        top: 50%;
        left: 4px;
        transform: translateY(-50%);
        border-radius: 50%;
        background: white;
    }

    .toggleSwitch.active1 {
        background: #0070C0;
    }

    .toggleSwitch.active1 .toggleButton {
        left: calc(100% - 24px);
        background: white !important;
    }

    .toggleSwitch, .toggleButton {
        transition: all 0.2s ease-in;
    }

    .toggleBtnText {
        color: white;
        margin-left: 10px;
    }

    .cookie-popup-always {
        color: #0070C0;
        font-weight: bold;
        position: relative;
        margin-left: 130px;
    }

    .cookie-popup-name {
        font-size: 14px;
    }

    .active-cookie {
        display: none;
    }

    .active-cookie-vis {
        visibility: hidden;
    }

    .cookie-popup-text {
        font-size: 12px;
    }
}
/* 쿠키 설정 */

@charset "utf-8";


#container > div > div > div > div.cookie-div .cookie-policy-item > p {margin-left: 0;}
#container > div > div > div > div.cookie-div .cookie-policy-item:last-child .ice_button_wrapper {margin-right: 0;}

.cookie-popup .cookie-popup-wrap {position: fixed; top: 50%; left: 50%; margin-top: 0; transform: translate(-50%, -50%); padding: 61px 46px 36px; max-width: 95%; border: 2px solid #A0AEC0; border-radius: 7px;  overflow-y: auto;}
.cookie-popup-title {position: static;}
.cookie-popup-img-wrap {position: absolute; top: 20px; right: 25px;}
.cookie-popup-img {position: relative; top: 0; left: 0;}
.cookie-popup .cookie-popup-btn {float: none;}
.cookie-popup-handling-agree-content {height: auto;}
.cookie-popup .toggle_menu > ul {position: relative;}
.cookie-popup .toggle_menu > ul > li {border: 1px solid #000;}
.cookie-popup .toggle_menu > ul > li:nth-child(n+2) {border-top: 0;}
.cookie-popup .toggle_menu > ul > li > div {position: relative; border: 0 !important;}
.cookie-popup .toggle_menu > ul > li > div > div {margin: 0 !important; padding: 5px 0 5px 5px;}
.cookie-popup .toggle_menu > ul > li > ul {display: none; padding: 15px; background-color: #F7FAFC; border: 0 !important;}
.cookie-popup .toggle_menu > ul > li.active > ul {display: block; border-top: 1px solid #000 !important;}
.cookie-popup .toggleSwitch {position: absolute; top: 5px; left: 100%; margin: 0 0 0 -90px;}
.cookie-popup .toggleSwitch.active1 {background-color: #00ACEB;}
.cookie-popup .cookie-popup-always {float: right; margin-left: 0; color: #00ACEB;}
.cookie-popup .toggle_menu > ul > li > div > div > span:first-child {display: inline-block; width: 12px; text-align: center;}

@media (min-width: 481px) {

    #container > div > div > div > div.cookie-div {padding: 0 30px; height: 100px;}
    #container > div > div > div > div.cookie-div .cookie-policy-item > p {margin-left: 0;}
    #container > div > div > div > div.cookie-div .cookie-policy-item:last-child .ice_button_wrapper {margin-right: 0;}

    .cookie-popup .cookie-popup-wrap {height: auto; max-height: calc(100% - 200px);}
    .cookie-popup-content {font-size: 16px;}
    .cookie-popup .toggleSwitch {margin: 0 0 0 -90px;}
    .cookie-popup .cookie-popup-always {margin-right: 15px;}

}

@media (max-width: 480px) {

    #container > div > div > div > div.cookie-div {flex-wrap: wrap; justify-content: center; padding: 0 10px;}
    #container > div > div > div > div.cookie-div > div:nth-child(2) {margin-left: 0;}

    .cookie-popup .cookie-popup-wrap {padding-left: 20px; padding-right: 20px; width: 95%; max-height: calc(100% - 120px);}
    .cookie-popup .toggleSwitch {margin: 0 0 0 -87px;}
    .cookie-popup .cookie-popup-always {margin-right: 9px;}
    .cookie-popup .cookie-popup-btn {padding: 0 20px;}

}