/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
========================================================================== */

/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/

html {
    line-height: 1.15;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

/* Sections
========================================================================== */

/**
* Remove the margin in all browsers.
*/

body {
    margin: 0;
}

/**
* Render the `main` element consistently in IE.
*/

main {
    display: block;
}

/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/* Grouping content
========================================================================== */

/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/

hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
}

/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/

pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/* Text-level semantics
========================================================================== */

/**
* Remove the gray background on active links in IE 10.
*/

a {
    background-color: transparent;
}

/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/

abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    text-decoration: underline dotted;
    /* 2 */
}

/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/

b,
strong {
    font-weight: bolder;
}

/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/**
* Add the correct font size in all browsers.
*/

small {
    font-size: 80%;
}

/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
========================================================================== */

/**
* Remove the border on images inside links in IE 10.
*/

img {
    border-style: none;
}

/* Forms
========================================================================== */

/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */
}

/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/

button,
input {
    /* 1 */
    overflow: visible;
}

/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/

button,
select {
    /* 1 */
    text-transform: none;
}

/**
* Correct the inability to style clickable types in iOS and Safari.
*/

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

/**
* Remove the inner border and padding in Firefox.
*/

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
* Restore the focus styles unset by the previous rule.
*/

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
* Correct the padding in Firefox.
*/

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
*    `fieldset` elements in all browsers.
*/

legend {
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
}

/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/

progress {
    vertical-align: baseline;
}

/**
* Remove the default vertical scrollbar in IE 10+.
*/

textarea {
    overflow: auto;
}

/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/

[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}

/**
* Remove the inner padding in Chrome and Safari on macOS.
*/

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

/* Interactive
========================================================================== */

/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/

details {
    display: block;
}

/*
* Add the correct display in all browsers.
*/

summary {
    display: list-item;
}

/* Misc
========================================================================== */

/**
* Add the correct display in IE 10+.
*/

template {
    display: none;
}

/**
* Add the correct display in IE 10.
*/

[hidden] {
    display: none;
}



/* ========================================================================== */
/* 
resets.css
========================================================================== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* ========================================================================== */
/* 
author personal added.
========================================================================== */

:lang(ko) {
    word-break: keep-all;
    word-wrap: break-word;
}

html[Attributes Style] {
    -webkit-locale: "ko";
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    word-wrap: break-word;
    letter-spacing: -0.25px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; 

}

html,
body {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -wekit-text-size-adjust: 100%;
}

body {
    line-height: 1.5;
    font-weight: 400;
    word-break: keep-all;
    -webkit-word-break: keep-all;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
}






/**/
p, span, h1, h2, h3, h4, h5, h6, table tr td, table tr th, ul li, button, label, ol li {
    transform: rotate(0.04deg);
}

img {
    image-rendering: -webkit-optimize-contrast;
    backface-visibility: hidden;
    transform: translateZ(0);
    max-width: 100%;
    vertical-align: middle;
}

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

a {
    display: block;
    width: 100%;
}

a,
a:hover {
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 0;
    margin: 0;
}


p {
    padding: 0;
    margin: 0;
}

button { 
    border: none; background-color: rgba(0,0,0,0); 
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

table tr th , table tr td {
    vertical-align: middle;
}

/* 접근성 커서 */
caption  {
    position: absolute;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* IE */
select::-ms-expand {
    display: none;
}


/* ========================================================================== */
/* 
Wizian common.
========================================================================== */

iframe {
    border: unset !important;
}

footer div img {
    cursor: pointer;
}

table tr,
table tr td {
    outline: 0 !important;
}

button:disabled,
button[disabled="disabled"] {
    opacity: 0.5;
    cursor: unset;
}

/************** common *************/
/* 필수 입력  - asterisk */
.lbl_chk:after {
    content: '*';
    font-weight: 500;
    color: red;
    font-size: 15px;
    position: absolute;
}

.bgcolor_fff {
    background-color: #FFF !important;
}

.bdr_fff {
    border: 1px solid #FFF!important;
}

.rpt_frame { min-width: unset!important; }

.modal_sequence {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: rgba(0,0,0,0.1);
}

/************
*************/

.d-inline {
    display: inline;
}

.inlineblock , .dp_inlineblk {
    display: inline-block;
}

.block , label, .d-block {
    display: block;
}


.floating_left {float: left;}
.floating_right {float:right;}
.clear {clear: both;}
.clear:after {content: ''; clear:both;}


/* flex 정렬 */
.flex { /* 아래의 항목들과 조합해서 사용한다. */
    display: flex ;
}

.inp_btn {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.space_around {
    justify-content: space-around;
}

.flex_end {
    justify-content: flex-end;
}

.space_between {
    /* flex 자식들의 정렬 (.flex와 함께 사용) - 부모 div기준 양끝으로 */
    justify-content: space-between;
}

.flex_wrap {
    flex-wrap: wrap;
}

.flex_nowrap {
    /* 가로가 100% 까지만 1줄로 배치 (100% 이상의 요소는 아랫줄로 이동) .flex와 같이 사용 */
    flex-wrap: nowrap;
}

.item_center {
    /* flex가 된 컴포넌트들끼리의 가로 가운데 정렬 .flex와 같이 사용*/
    /* align-items은 수직 방향 정렬 */
    align-items: center !important;
}

.item_end {
    /* flex가 된 컴포넌트들이 아래쪽으로 정렬된다 .flex와 같이 사용*/
    align-items: flex-end;
}

.item_start {
    /* flex가 된 컴포넌트들이 위쪽으로 정렬된다 .flex와 같이 사용*/
    align-items: flex-start;
}

.item-bottom {
    /* flex가 된 컴포넌트들이 부모의 기준선에 정렬된다 .flex와 같이 사용*/
    align-items: baseline !important;
}

.item_inherit {
    align-items: inherit !important;
}

.item_arrangment_end {
    /* flex 자식들의 정렬 (.flex와 함께 사용)- 부모 div기준 끝으로 */
    align-items: flex-end;
}

.item_arrangment_top {
    /* flex 자식들의 정렬 (.flex와 함께 사용)- 부모 div기준 시작점으로 */
    align-items: flex-start;
}

.item_arrangment_center {
    /* flex 자식들의 정렬 (.flex와 함께 사용)- 자식 컨텐츠들의 세로 가운데 정렬 */
    align-items: center;
}

.justify_content_center {
    /* flex가 된 컴포넌트들의 화면 가운데 정렬 */
    justify-content: center;
}

.wrap_title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0px;
    font-size: 18px;
    font-weight: 500;
    /* 18px인 폰트의 컨텐츠를 양끝에 배치하고 컨텐츠끼리 정렬은 가운데 정렬 */
}

.sp_between {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.sp_around {
    display: flex;
    /* flex가 된 컴포넌트들이 여백을 두고 정렬 .flex와 같이 사용*/
    justify-content: space-around;
    width: 100%;
}

.noResizing {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    flex: none;

}

/**/

.noOutline { outline: none!important; }

/*  숨기기 */
.visibility_hidden {
    visibility: hidden;
}

/* 흔적도 없이 숨기고 싶을 때 */
.none {
    display: none!important;
}

/* 보더 선*/
.bdr {
    border: 1px solid #D6D9DC!important;
}

.bdr_right {
    border-right: 1px solid #D6D9DC !important;
}

.bdr_right {
    border-left: 1px solid #D6D9DC !important;
}


.bdr_right_unset {
    border-right: unset !important;
}

.bdr_bottom {
    border-bottom: 1px solid #D6D9DC !important;
}

.bdr_bottom_unset {
    border-bottom: unset !important;
}

.bdr_unset {
    /* 전체 언셋 */
    border: unset !important;
}

.td_unset {
    padding: 0;
}

.bdr_top_main {
    /* 상단 선 */
    /*border-top: 2px solid #245396 !important;*/
}

/********************************
텍스트 정렬
*************************************/
/* 이미지를 홀로 감싸는 부모 div에 적용 가능 
예) <div class="align_left"><img src=".." alt="이미지"></div>
*/
.align_left {
    text-align: left !important;
}

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

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

/**/
.margin_center {
    margin: 0 auto;
}

.fz18 {
    font-size: 18px;
}

.fw_500 {
    font-weight: 500;
}

.fw_600 {
    font-weight: 600;
}

.cut_line2 {
    /* 2줄 이상일 때 ... 로 표시 */
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.3;
}

/********************************
기타 정렬
*************************************/
.vertical_middle {
    /* 이미지 일 경우, 부모 태그에 지정한다. 이미지 + 텍스트 일 경우에도 사용 가능. */
    vertical-align: middle;
}

.vertical-top {
    vertical-align: text-top !important;
    /* td가 두줄 일 경우를 대비하여 텍스트 윗쪽에 정렬을 맞춘다. */
}


/********************************
여백 설정
*************************************/
.div_bottom_gap_05 {
    margin-bottom: 05px !important;
}

.div_bottom_gap_06 {
    margin-bottom: 06px !important;
}

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

.div_top_gap_04 {
    margin-top: 4px !important;
}

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

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

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

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

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

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

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

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

.div_top_gap_unset {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.div_bottom_gap_unset {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.div_pd_left_gap_0 {
    padding-left: 0px !important;
    margin-left: 0px !important;
}

.div_left_gap_04 {
    margin-left: 4px !important;
}

.div_left_gap_06 {
    margin-left: 6px !important;
}

.div_left_gap_08 {
    margin-left: 8px !important;
}

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

.div_pd_all_gap_unset {
    padding: 0px !important;
}

.div_pd_left_gap_20 {
    padding: 20px !important;
}

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

.div_pd_all_gap_12 {
    padding: 12px 14px !important;
}

.div_right_gap_unset {
    margin-right: 0px !important;
}

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

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

.div_right_gap_12 {
    margin-right: 12px !important;
}

.div_side_gap_0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

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

.div_side_gap_08 {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.div_height_gap_unset {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.div_right_gap_unset {
    margin-right: 0px !important;
}

.div_right_gap_06 {
    margin-right: 06px;
}

.div_right_gap_10 {
    margin-right: 10px;
}

.div_side_gap_02 {
    margin: 0 2px;
}

.div_side_gap_04 {
    margin: 0 4px;
}

.div_left_gap_0 {
    padding-left: 0;
}

.div_left_gap_10 {
    /*margin-left: 10px;*/
    padding-left: 10px;
}

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

.div_all_gap_10 {
    padding: 10px !important;
}

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

.div_top_gap_0 {
    margin-top: unset !important;
    padding-top: unset !important;
}

.div_bottom_gap_0 {
    margin-bottom: unset !important;
    padding-bottom: unset !important;
}

.div_side_gap_10 {
    padding: 0 10px !important;
}

.div_gap_unset {
    margin: 0 !important;
    padding: 0 !important;
}

.padding_sm {
    padding: 4px 10px !important;
}

/**/



/********************************
너비 설정
*************************************/
.col_3 {
    width: 33%;
}
.width_05 {
    width: 5% !important;
}

.width_10 {
    width: 10% !important;
}

.width_15 {
    width: 15% !important;
}

.width_20 {
    width: 20% !important;
}

.width_25 {
    width: 25% !important;
}

.width_30 {
    width: 30% !important;
}

.width_35 {
    width: 35% !important;
}

.width_40 {
    width: 40% !important;
}

.width_45 {
    width: 45% !important;
}

.width_50 {
    width: 50% !important;
}

.width_55 {
    width: 55% !important;
}

.width_60 {
    width: 60% !important;
}

.width_65 {
    width: 65% !important;
}

.width_70 {
    width: 70% !important;
}

.width_75 {
    width: 75% !important;
}

.width_80 {
    width: 80% !important;
}

.width_85 {
    width: 85% !important;
}

.width_90 {
    width: 90% !important;
}

.width_95 {
    width: 95% !important;
}

.width_100 {
    width: 100% !important;
}

.width_auto {
    width: auto !important;
}

.width_unset {
    width: unset !important;
}

.height_unset {
    height: unset!important;
}


/* fixed width */
.width_200px {
    width: 200px;
}

/* 필수 입력  - asterisk */
.lbl_chk:after {
    content: '*';
    font-weight: 500;
    color: red;
    font-size: 16px;
}

.opacity_unset {
    opacity: 0;
}

/*=== 라디오버튼 , 체크박스 --- 커스텀 ===*/
.custom-checkbox_radio input {
    /* input을 숨기고 custom을 한다 */
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0 !important;
    width: 0 !important;
}
.custom-checkbox_radio {
    /*공통 --- 기본설정 */
    display: block;
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    margin-right: 30px;
    color: #333;
}
.custom-checkbox_radio:nth-last-child(1) {
    margin-right: 0;
}
.custom-checkbox_radio .checkmark:before , .custom-checkbox_radio .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.custom-checkbox_radio input ~ .checkmark:before ,
.custom-checkbox_radio input:checked ~ .checkmark:after {display: block;}

/*== 라디오 --- 비활성화 일 때 ==*/
/* 비활성화 일 때 레이블 색상 */
.custom.disabled .custom-checkbox_radio {color: #bebebe;}
/* 비활성화 선택 */
.custom.disabled .custom-radio input:checked ~ .checkmark {background-color: #EBEBEB;  border: 1px solid #EBEBEB;}
/* 비활성화 기본 */
.custom.disabled .custom-radio .checkmark {    background-color: #ebebeb; border: unset;}
.custom.disabled .custom-radio .checkmark::after { background-color: #BEBEBE; }

/* 라디오버튼 default 모습 */
.custom-radio .checkmark {
    height: 20px;
    width: 20px;
    border: 1px solid #000;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 10px;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    border-radius: 50%;
}
.custom-radio input:checked ~ .checkmark {
    /* 라디오 버튼 체크하기 전 */
    background-color: #000;
    border: 1px solid #000;
}
.custom-radio .checkmark:after {
    /* 라디오 버튼 체크하기 후 */
    top: 5px;
    left: 5px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff;
}
.custom-radio .checkmark:before ,
.custom-radio .checkmark:after {
    /* 라디오버튼 */
/*
    left: 4px;
    top: 4px;
    background: url(../images/icon-check_white.png) no-repeat center;
    width: 13px;
    height: 11px;
    background-size: contain;*/
}

/* 체크박스 default 모습 */
.custom-checkbox .checkmark {
    /*position: absolute;
    top: 0px;
    left: 0;*/
    height: 22px;
    width: 22px;
    background-color: #DDDDDD;
    position: absolute;
    top: 50%;
    left: 10px;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    border-radius: 50%;
}
.custom-checkbox input:checked ~ .checkmark {
    /* 체크박스 체크 후 */
    border: 1px solid rgba(0, 0, 0, 0);
    background-color: #000;
}
.custom-checkbox input ~ .checkmark  {
    /* 체크박스 체크 전 */
    border: 1px solid rgba(0, 0, 0, 0);
}

.custom-checkbox .checkmark:before ,
.custom-checkbox .checkmark:after {
    /* 체크박스 */
    left: 4px;
    top: 4px;
    background: url(../images/icon-check_white.png) no-repeat center;
    width: 13px;
    height: 11px;
    background-size: contain;
}

/* 체크박스 비활성화 */
.custom.disabled .custom-checkbox .checkmark {
    background-color: #EBEBEB!important;
}
.custom.disabled .custom-checkbox .checkmark:before {
    background: url(../images/icon-check_disabled.png) no-repeat center;
    width: 13px;
    height: 11px;
    background-size: contain;
}
.custom.disabled .custom-checkbox input:checked ~ .checkbox {
    background-color: #EBEBEB;
}
/* 체크박스 disabled */
.custom.disabled .checkbox-disabled:before ,
.custom.disabled .checkbox-disabled:after {
    left: 5px;
    top: 6px;
    background: url(../images/icon-check_disabled.png) no-repeat center!important;
    width: 13px;
    height: 11px;
    background-size: contain;
}
/**/
/* select */
select {
    outline: none;
    text-transform: none;
    -o-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 30px;
}

select,
option {
    width: fit-content !important;
    width: -webkit-fill-available !important;
}

.custom-select {
    position: relative;
    width: 100%;
}

.custom-select:after {/*
    background: url('../images/icon-arrow_bottom.svg') no-repeat center;
    position: absolute;
    top: 50%;
    right: 10px;
    content: '';
    width: 16px;
    height: 16px;
    transform: translateY(-50%);
    z-index: 1 !important;*/
}

.custom-select select {
    padding: 0 24px 0 10px !important;
}

option {
    width: 100%;
}

option {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


/* 필수 입력  - asterisk */
.lbl_chk:after {
    content: ' * ';
    font-weight: 500;
    color: red;
    font-size: 16px;
}


/* 컨텐츠 공통 */
/**********
파일첨부
*/
.file {
    color: #444;
}

.file:hover {
    cursor: pointer;
}

.file span {
    vertical-align: middle;
}

.icon_file_blue img {
    width: 16px;
    margin-right: 4px;
}


/***************************************************************************/
/******** Error 404 에러페이지 *******/
.container_error_404 {
    position: relative;
    margin: 0 auto;
}

.wrap_error_404 {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: left;
    display: flex;
    align-items: center;
}

.container_error_404 .logo_admissoin_vertical img {
    width: 300px;
    margin-bottom: 60px;
}

.wrap_error_lang {
    padding-left: 60px;
}

.error_kr {
    margin-bottom: 30px;
}

.error_en {
    margin-bottom: 50px;
}

.error_kr p,
.error_en p {
    color: #004191;
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: 500;
}

.error_kr ul li,
.error_en ul li {
    color: #777;
    margin-bottom: 4px;
}

.error_kr ul li:nth-last-child(1),
.error_en ul li:nth-last-child(1) {
    margin-bottom: 0;
}

@media only screen and (max-width: 767px) {

    .container_error_404 .wrap_error_404 {
        display: block;
        align-items: unset;
    }

    .container_error_404 .logo_admissoin_vertical {
        text-align: center;
    }

    .container_error_404 .wrap_error_lang {
        padding-left: 0;
    }

    .container_error_404 button.btn_grayline {
        text-align: center;
        width: 50%;
        margin: 0 25%;
    }
    
}