@charset "UTF-8";
@import url("../fonts/notokr/notoKR.css");
@import url("../fonts/fontello/css/fontello.css");
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body, button, input, select, optgroup, textarea { color: #1e1e1e; font-family: "notokr", "맑은 고딕", NanumGothic, 나눔고딕, "Spoqa Han Sans", "Helvetica Neue", Arial, sans-serif; letter-spacing: normal; font-size: 14px; font-size: 0.875rem; line-height: 24px; font-weight: 400; }

h1, h2, h3, h4, h5, h6 { clear: both; font-weight: 700; letter-spacing: normal; }

:root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #007bff; --secondary: #6c757d; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }

*, *::before, *::after { box-sizing: border-box; }

html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

@-ms-viewport { width: device-width; }
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; }

body { margin: 0; font-family: "notokr", "맑은 고딕", NanumGothic, 나눔고딕, "Spoqa Han Sans", "Helvetica Neue", Arial, sans-serif; font-size: 16px; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff; }

[tabindex="-1"]:focus { outline: 0 !important; }

hr { box-sizing: content-box; height: 0; overflow: visible; }

h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 8px; }

p { margin-top: 0; margin-bottom: 16px; font-family: "notokr", "맑은 고딕", NanumGothic, 나눔고딕, "Spoqa Han Sans", "Helvetica Neue", Arial, sans-serif; }

abbr[title], abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; }

address { margin-bottom: 1rem; font-style: normal; line-height: inherit; }

ol, ul, dl { margin-top: 0; margin-bottom: 16px; }

ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; }

dt { font-weight: 600; }

dd { margin-bottom: 8px; margin-left: 0; }

blockquote { margin: 0 0 16px; }

dfn { font-style: italic; }

b, strong { font-weight: bol6er; }

small { font-size: 80%; }

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

sub { bottom: -.25em; }

sup { top: -.5em; }

a { color: #007bff; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects; }

a:hover { color: #0056b3; text-decoration: underline; }

a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; }

a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { color: inherit; text-decoration: none; }

a:not([href]):not([tabindex]):focus { outline: 0; }

pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; }

pre { margin-top: 0; margin-bottom: 16px; overflow: auto; -ms-overflow-style: scrollbar; }

figure { margin: 0 0 16px; }

img { vertical-align: middle; border-style: none; }

svg { overflow: hidden; vertical-align: middle; }

table { border-collapse: collapse; }

caption { padding-top: 12px; padding-bottom: 12px; color: #6c757d; text-align: left; caption-side: bottom; }

th { text-align: inherit; }

label { display: inline-block; margin-bottom: 8px; }

button { border-radius: 0; }

button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; }

input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; }

button, input { overflow: visible; }

button, select { text-transform: none; }

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

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

input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0; }

input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; }

textarea { overflow: auto; resize: vertical; }

fieldset { min-width: 0; padding: 0; margin: 0; border: 0; }

legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: 8px; font-size: 24px; line-height: inherit; color: inherit; white-space: normal; }

progress { vertical-align: baseline; }

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

[type="search"] { outline-offset: -2px; -webkit-appearance: none; }

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

::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; }

output { display: inline-block; }

summary { display: list-item; cursor: pointer; }

template { display: none; }

[hidden] { display: none !important; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 8px; font-family: "notokr", "맑은 고딕", NanumGothic, 나눔고딕, "Spoqa Han Sans", "Helvetica Neue", Arial, sans-serif; font-weight: 600; line-height: 1.2; color: inherit; }

h1, .h1 { font-size: 40px; }

h2, .h2 { font-size: 32px; }

h3, .h3 { font-size: 28px; }

h4, .h4 { font-size: 24px; }

h5, .h5 { font-size: 20px; }

h6, .h6 { font-size: 16px; }

.lead { font-size: 20px; font-weight: 300; }

hr { margin-top: 16px; margin-bottom: 16px; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); }

.btn, .div-file-wrap .delete, ul.ul-toggle li dl dd button, .remote-wrap .btn-remote, button.status { border: none; outline: none !important; margin: 0; padding: 0; width: auto; overflow: visible; cursor: pointer; background: transparent; display: inline-block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* inherit font & color from ancestor */ color: inherit; font: inherit; text-align: inherit; /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */ line-height: 0; /* Corrects font smoothing for webkit */ -webkit-font-smoothing: inherit; -moz-osx-font-smoothing: inherit; /* Corrects inability to style clickable `input` types in iOS */ -webkit-appearance: button; -moz-appearance: button; appearance: button; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background-clip: padding-box; }

.btn-default { height: 40px; line-height: 40px; background-color: #238af7; border: 1px solid #1c6ec6; color: white; font-size: 16px; padding: 0 20px; font-weight: 600; border-radius: 10px}
.btn-default:active, .btn-default:focus, .btn-default:hover { background-color: #207cde; border: 1px solid #1c6ec6; }
.btn-default.gray { color: black; background-color: #b8b8b8; border: 1px solid #939393; }
.btn-default.gray:active, .btn-default.gray:focus, .btn-default.gray:hover { background-color: #a6a6a6; border: 1px solid #939393; }
.btn-default.dark { color: white; background-color: #041370; border: 1px solid #030f5a; }
.btn-default.dark:active, .btn-default.dark:focus, .btn-default.dark:hover { background-color: #041165; border: 1px solid #030f5a; }
/* Added by CWYOO at 2020.03.12 */
.btn-medium { height: 30px; line-height: 30px; background-color: #238af7; border: 1px solid #1c6ec6; color: white; font-size: 14px; padding: 0 10px; font-weight: 600; border-radius: 10px;}
.btn-medium:active, .btn-medium:focus, .btn-medium:hover { background-color: #207cde; border: 1px solid #1c6ec6; }
.btn-medium.gray { color: black; background-color: #b8b8b8; border: 1px solid #939393; }
.btn-medium.gray:active, .btn-medium.gray:focus, .btn-medium.gray:hover { background-color: #a6a6a6; border: 1px solid #939393; }
.btn-medium.dark { color: white; background-color: #041370; border: 1px solid #030f5a; }
.btn-medium.dark:active, .btn-medium.dark:focus, .btn-medium.dark:hover { background-color: #041165; border: 1px solid #030f5a; }

/* Added 2021.05.06 */
.btn-medium.red { color: white; background-color: #DF0101; border: 1px solid #030f5a; }
.btn-medium.red:active, .btn-medium.dark:focus, .btn-medium.dark:hover { background-color: #DF0101; border: 1px solid #030f5a; }

.btn-small { height: 25px; line-height: 25px; background-color: #238af7; border: 1px solid #1c6ec6; color: white; font-size: 14px; padding: 0 10px; font-weight: 600; }
.btn-small:active, .btn-small:focus, .btn-small:hover { background-color: #207cde; border: 1px solid #1c6ec6; }
.btn-small.gray { color: black; background-color: #b8b8b8; border: 1px solid #939393; }
.btn-small.gray:active, .btn-small.gray:focus, .btn-small.gray:hover { background-color: #a6a6a6; border: 1px solid #939393; }
.btn-small.dark { color: white; background-color: #041370; border: 1px solid #030f5a; }
.btn-small.dark:active, .btn-small.dark:focus, .btn-small.dark:hover { background-color: #041165; border: 1px solid #030f5a; }

.d-none { display: none; }

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

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

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

.float-left { float: left; }

.float-right { float: right; }

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

.mt-1 { margin-top: 0.25rem !important; }

.mt-2 { margin-top: 0.5rem !important; }

.mt-3 { margin-top: 1rem !important; }

.mt-4 { margin-top: 1.5rem !important; }

.mt-5 { margin-top: 3rem !important; }

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

.mb-1 { margin-bottom: 0.25rem !important; }

.mb-2 { margin-bottom: 0.5rem !important; }

.mb-3 { margin-bottom: 1rem !important; }

.mb-4 { margin-bottom: 1.5rem !important; }

.mb-5 { margin-bottom: 3rem !important; }

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

.ml-1 { margin-left: 0.25rem !important; }

.ml-2 { margin-left: 0.5rem !important; }

.ml-3 { margin-left: 1rem !important; }

.ml-4 { margin-left: 1.5rem !important; }

.ml-5 { margin-left: 3rem !important; }

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

.mr-1 { margin-right: 0.25rem !important; }

.mr-2 { margin-right: 0.5rem !important; }

.mr-3 { margin-right: 1rem !important; }

.mr-4 { margin-right: 1.5rem !important; }

.mr-5 { margin-right: 3rem !important; }

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

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

.clear::after { display: block; content: ''; clear: both; }
.clear:after { display: block; content: ''; clear: both; }

.fs-8 { font-size: 0.5rem !important; }

.fs-10 { font-size: 0.625rem !important; }

.fs-12 { font-size: 0.75rem !important; }

.fw-normal { font-weight: normal !important; }

html, body { position: relative; overflow-x: hidden; background-color: white; }

.site-content { min-height: calc(100vh - 250px); }

img { width: 100%; height: auto; }
img.border { border: 1px solid #f7f7f7; }
img.small { width: 240px; margin: 0 auto; display: block; }

.admin-comment { font-size: 0.875rem; text-align: center; color: #aaa; padding: 3rem 0 0; position: relative; overflow: hidden; }
.admin-comment::before, .admin-comment::after { content: ""; background-color: #aaa; display: inline-block; height: 1px; position: relative; vertical-align: middle; width: 50%; }
.admin-comment::before { right: 0.5em; margin-left: -50%; }
.admin-comment::after { left: 0.5em; margin-right: -50%; }

.container { width: 100%; padding-left: 15px; padding-right: 15px; font-size: 12px; }
.container p { margin-bottom: 0.5rem; }
.container h2 { font-size: 20px; color: #041370; font-weight: 600; margin: 1.5rem 0 0.3rem; }
.container h3 { position: relative; }
/*
.container h3.line { font-size: 0.9375rem; color: #041370; font-weight: 500; border-bottom: 1px solid #e2e2e2; padding-bottom: 0.2rem; }
*/
.container h3.line { font-size: 0.9375rem; color: #041370; font-weight: 500; border-bottom: 0px; }
.container h3.no-line { font-size: 0.9375rem; color: #041370; font-weight: 500; padding-bottom: 0.2rem; }
.container h3 .link { position: absolute; right: 0; font-size: 0.75rem; font-weight: 500; bottom: 0; background-color: #041370; }
.container h3 .link a { color: white; background-color: #041370; height: 30px; line-height: 30px; display: inline-block; padding: 0 10px; }
/* Added by CWYOO at 2020.03.11 */
.container h3 .link_small { position: absolute; right: 0; font-size: 0.75rem; font-weight: 500; bottom: 0; background-color: #041370; }
/* .container h3 .link_small a { color: white; background-color: #041370; height: 25px; line-height: 25px; display: inline-block; padding: 0 10px; } */
.container h3 .link_small a { color: white; background-color: #041370; height: 25px;display: inline-block; padding: 0 10px;display: flex;align-items: center;}
.container h3 .link_small.first { right: 70px; }
.container h3 .link_small.second { right: 0px; }
.container h3 .link_small_free { position: relative; right: 0; font-size: 0.75rem; font-weight: 500; bottom: 0; background-color: #041370; }
.container h3 .link_small_free a { color: white; background-color: #041370; height: 25px; line-height: 25px; display: inline-block; padding: 0 10px; }
.container h3 .link_small_free.first { right: 120px; }
.container h3 .link_small_free.second { right: 0px; }
.vbar {background-color:#084B8A; width:5px; height:14px;font-size:14px;padding-right:2px;}

.color-red {color:#ff0000;}
.color-blue {color:#0000ff;}
.color-gray {color:#999999;}

.container h3 .link_icon { position: absolute; right: 0; font-size: 0.75rem; font-weight: 500; bottom: 0; background-color: #fff; }

.container h5.sub { margin-top: 0.8125rem; font-size: 0.8125rem; font-weight: 500; margin-bottom: 0.2rem; }
.container a.link-line, .container a.link-line-blue { text-decoration: none; }
.container a.link-line { font-size: 0.9375rem; color: #555; border-bottom: 1px solid #555; }
.container a.link-line-blue { border-bottom: 1px solid #238af7; }
.container .ul-link { display: flex; margin: 0; list-style: none; width: 100%; border: 1px solid #e2e2e2; padding: 15px 10px; }
.container .ul-link li { position: relative; flex: 1 0 auto; text-align: center; }
.container .ul-link li.popup::before { content: ''; position: absolute; width: 14px; height: 14px; top: 0; right: 0; background-image: url(../images/svg/icon-popup.svg); background-size: 14px 14px; background-repeat: no-repeat; }
.container .ul-link li figure { margin-bottom: 5px; }
.container .ul-link li figure img { width: 40px; height: 40px; }
.container .ul-link li h3 { color: #1e1e1e; font-weight: 600; font-size: 14px; margin-bottom: 0; }
.container .ul-link.row-4 li { flex: 0 1 25%; }
.container .ul-link.row-3 li { flex: 0 1 33.3333%; }
.container .say-info { text-align: center; margin-bottom: 1.5rem; }
.container .say-info figure { margin: 1rem 0 0.5rem; }
.container .say-info figure img { width: 80px; }
.container .say-info h4 { font-weight: 400; font-size: 14px; line-height: 1.4; color: black; }
.container .say-info h4 em { font-weight: 600; font-style: normal; }
.container small.small-info { display: block; text-align: center; font-size: 8px; }
.container .input-title { position: relative; font-size: 0.9375rem; font-weight: 500; margin: 1rem 0 0.3rem; }
.container .input-title .help { position: absolute; right: 0; width: 15px; height: 15px; background-image: url(../images/svg/icon-ring.svg); background-size: cover; text-indent: -9999px; overflow: hidden; }
.container .input-title .num { position: absolute; font-size: 0.75rem; font-weight: 400; right: 0; }
.container .input-title .say-help { display: none; position: absolute; width: 100%; background-color: #238af7; padding: 1rem; font-size: 0.75rem; font-weight: 400; color: white; top: 20px; line-height: 1.3; z-index: 10; }
.container .input-title .say-help em { font-weight: 500; font-style: normal; color: #FFEE00; }
.container .input-title .say-help::before { content: ''; position: absolute; top: -2px; right: 5px; width: 6px; height: 6px; background-color: #238af7; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.container .input-title .say-help ul { margin: 0; padding: 0 0 0 1rem; }
.container .input-title .say-help ul li { padding-bottom: 10px; }
.container .input-title .say-help ul li:last-child { padding-bottom: 0; }
.container .div-scroll-box { background-color: #f7f7f7; border: 1px solid #dedede; padding: 10px; color: #555; font-size: 0.8125rem; height: 150px; overflow-y: auto; }
.container .div-say-box { background-color: #f7f7f7; border: 1px solid #dedede; padding: 10px; color: #555; font-size: 0.8125rem; }
.container .div-say-box-line { position: relative; background-image: url(../images/png/bg-mobile-line.png); background-position: left top; background-repeat: repeat; padding: 10px; font-size: 0.75rem; color: #555; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; margin-bottom: 10px; }
.container .div-button-box { border: 1px solid #e2e2e2; min-height: 160px; display: flex; align-items: center; justify-content: center; flex-flow: column; }
.container .div-button-box.certification { margin-bottom: 1rem; }
.container .div-button-box.certification img { width: 65px; height: auto; margin-right: 0.5rem; }
.container .div-button-box.certification h3 { font-size: 1.125rem; margin-bottom: 0; }
.container .div-button-box.certification .link-line { margin-bottom: 0.625rem; }
.container .div-button-box.certification .icon { display: flex; align-items: center; margin-bottom: 0.5rem; }
.container .div-button-wrap { display: flex; flex-flow: row; justify-content: space-between; margin-left: -5px; margin-right: -5px; margin-top: 10px; }
.container .div-button-wrap button { flex: 1 0 1%; margin: 0 5px; }
/*
.container .process-status { border-bottom: 1px solid #1e1e1e; }
*/
.container .process-search { border-bottom: 0px solid #1e1e1e; padding-top:5px; padding-right:3px;}
.container .process-search::after { content: '\e811'; font-family: "fontello"; margin-left: 3px; font-size:24px;}

.container .process-more {padding-bottom:0px; padding-right:3px; font-size:16px; font-weight:500;}
.container .process-more-text {margin-bottom:3px; padding-right:0px; font-size:16px; font-weight:500;}
/*
.container .process-more::after { content: '\e804'; font-family: "fontello"; margin-top:4px; margin-left: 3px; font-size:20px;}
*/

.div-status { background-image: url(../images/png/bg-mobile-line.png); background-position: left top; background-repeat: repeat; margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px; padding-top: 1px; padding-bottom: 1px; }
.div-status .box { position: relative; height: 40px; margin: 20px 0; line-height: 40px; font-size: 14px; background-color: #041370; text-align: center; color: white; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; background-clip: padding-box; }
.div-status .box.has-cross::before { content: ''; position: absolute; background: #041370; display: inline-block; width: 10px; height: 10px; transform: rotate(45deg); bottom: -5px; left: calc( 50% - 10px); }
.div-status .box.blue { background-color: #238af7; }
.div-status .box.blue.has-cross::before { background-color: #238af7; }
.div-status .box.gray { background-color: #b8b8b8; }
.div-status .box.gray.has-cross::before { background-color: #b8b8b8; }
.div-status .comment { text-align: center; color: black; margin-bottom: 1rem; position: relative; }
.div-status .comment::before { content: '\e806'; position: absolute; font-family: "fontello"; margin-left: -15px; }

.div-status-small { background-image: url(../images/png/bg-mobile-line.png); background-position: left top; background-repeat: repeat; padding: 10px; font-size: 0.9375rem; text-align: center; border: 2px solid #efefef;}
.div-status-small strong { font-weight: 600; }


::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #afafaf !important; font-weight: 400; }

::-moz-placeholder { /* Firefox 19+ */ color: #afafaf !important; font-weight: 400; }

:-ms-input-placeholder { /* IE 10+ */ color: #afafaf !important; font-weight: 400; }

::-ms-input-placeholder { /* IE Edge+ */ color: #afafaf !important; font-weight: 400; }

:-moz-placeholder { /* Firefox 18- */ color: #afafaf !important; font-weight: 400; }

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #afafaf !important; opacity: 1; /* Firefox */ font-weight: 400; }

select { -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; outline: 0; border: 0 !important; background-color: #f7f7f7; background-image: none; }

.select { margin-top: 15px; position: relative; display: block; width: 100%; height: 40px; line-height: 40px; overflow: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-clip: padding-box; border: 1px solid #e2e2e2; }
.select select { width: 100%; height: 100%; margin: 0; padding: 0 0 0 0.5rem; color: black; cursor: pointer; font-size: 14px; }
.select select::-ms-expand { display: none; }
.select::after { content: '\25BC'; position: absolute; top: 0; right: 0; bottom: 0; padding: 0 1rem; background: #ebebeb; pointer-events: none; }
.select:hover::after { color: #041370; }
.select::after { -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; }
.select.select-small { height: 35px; line-height: 35px; margin-top: 5px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background-clip: padding-box; }
.select.select-small::after { padding: 0 12px; }

.select.select-smallest { height: 27px; line-height: 27px; margin-top: 2px;margin-bottom: 2px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background-clip: padding-box; }
.select.select-smallest::after { padding: 0 12px; }


.custom-input { width: 100%; height: 35px; background-color: #f7f7f7; border: 1px solid #dedede; font-size: 0.9375rem; padding-left: 10px; padding-right: 10px; color: #555; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background-clip: padding-box; }
.custom-input.line { background-color: transparent; border: none; border-bottom: 1px solid #dedede; padding-left: 0; padding-right: 0; }
.custom-input.say { color: black; font-weight: 500; }

.custom-textarea { width: 100%; height: 150px; background-color: white; font-size: 0.9375rem; padding: 10px; border: 1px solid #dedede; margin-top: 1rem; }

.custom-checkbox { position: relative; top: 1.5px; margin-right: 5px; }

.input-photo-wrap { display: flex; align-items: flex-end; flex-flow: row; text-align:center;}
.input-photo-wrap .input-photo-img, .input-photo-wrap .input-photo-button { flex-flow: 0 0 auto; }
.input-photo-wrap .input-photo-img img { border: 1px solid #f7f7f7; width: 100%; height: auto;}
/* Added by CWYOO at 2020.03.18 */
.input-vod-wrap { display: flex; align-items: flex-end; flex-flow: row; text-align:center;}
.input-vod-wrap .input-vod-img, .input-vod-wrap .input-vod-button { flex-flow: 0 0 auto; }
.input-vod-wrap .input-vod-img img { border: 1px solid #f7f7f7; width: 90%; height: auto; max-height:150px;}

.filebox label { display: inline-block; margin-left: 10px; margin-bottom: 0; width: 100px; height: 35px; background-color: #238af7; color: white; font-size: 0.9375rem; line-height: 1; text-align: center; padding: 10px; font-weight: 500; }
.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

.div-half-wrap { display: flex; justify-content: space-between; }
.div-half-wrap .half { flex: 0 1 49%; }

.div-file-wrap { display: flex; justify-content: space-between; margin-bottom: 0.5rem; }
.div-file-wrap input { width: calc(100% - 40px); }
.div-file-wrap .delete { width: 35px; height: 35px; margin-left: 5px; background-color: #238af7; display: flex; align-items: center; justify-content: center; border: 1px solid #207cde; }
.div-file-wrap .delete::before { content: '\e810'; font-family: "fontello"; font-size: 20px; color: white; }
.div-file-wrap .search { width: 60px; height: 33px; margin-left: 5px; background-color: #238af7; display: flex; align-items: center; justify-content: center; border: 1px solid #207cde; }
.div-file-wrap .search::before { content: '검색'; font-family: "fontello"; font-size: 12px; color: white; }

ul.ul-default { margin: 0 0 1rem 0; padding: 0 0 0 1rem; list-style: none; }
ul.ul-default li { position: relative; }
ul.ul-default li::before { position: absolute; content: '·'; margin-left: -10px; }
ul.ul-step { display: flex; height: 35px; width: 100%; align-items: center; flex-flow: row; margin: 15px 0 0; padding: 0; list-style: none; background-color: #b8b8b8; }
ul.ul-step li { position: relative; flex: 0 0 50px; height: 100%; font-size: 14px; display: flex; align-items: center; justify-content: center; color: white; line-height: 1; }
ul.ul-step li::before { content: ''; position: absolute; width: 1px; height: 100%; top: 0; right: 0; z-index: 5; background-color: white; }
ul.ul-step li::after { content: ''; position: absolute; width: 6px; height: 6px; background-color: #b8b8b8; z-index: 10; right: -3px; top: 14px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); border-top: 1px solid white; border-right: 1px solid white; }
ul.ul-step li.on { flex: 0 1 100%; background-color: #238af7; }
ul.ul-step li.on::after { background-color: #238af7; }
ul.ul-step li:last-child::before, ul.ul-step li:last-child::after { display: none; }
ul.ul-bar { margin: 0; padding: 0 0 0 10px; list-style: none; }
ul.ul-bar li { position: relative; }
ul.ul-bar li::before { content: '-'; position: absolute; margin-left: -8px; }
ul.ul-tel, ul.ul-list { margin: 0; padding: 0; list-style: none; }
ul.ul-tel li, ul.ul-list li { position: relative; padding: 7px 0; border-bottom: 1px solid #e2e2e2; color: #555; }
ul.ul-tel li strong, ul.ul-list li strong { font-weight: 500; color: black;}
ul.ul-tel li strong, ul.ul-list li strong.big {font-size:14px;}
ul.ul-tel li a, ul.ul-list li a { color: #555; text-decoration: none; }
ul.ul-tel li a.tel::after, ul.ul-list li a.tel::after { margin-left: 5px; content: '\f098'; font-family: "fontello"; }
ul.ul-tel.ul-list, ul.ul-list.ul-list { border-top: 1px solid #e2e2e2; }
ul.ul-toggle { margin: 0; padding: 0; list-style: none; }
ul.ul-toggle li { position: relative; line-height: 40px; }
ul.ul-toggle li h4 { font-size: 16px; font-weight: 600; margin-bottom: 0; line-height: 40px; border-bottom: 1px solid #e2e2e2; }
ul.ul-toggle li h4 span { position: absolute; right: 0; width: 40px; height: 40px; text-align: center; color: black; }
ul.ul-toggle li h4 span::before { content: '\e807'; font-family: "fontello"; }
ul.ul-toggle li h4 span.active { opacity: 0.3; -webkit-transform: scaleY(-1); -moz-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1); }
ul.ul-toggle li .div-toggle { border-bottom: 1px solid #e2e2e2; line-height: 1.5; padding: 1rem 0; display: none; }
ul.ul-toggle li dl { margin: 0; padding: 0; display: flex; flex-flow: row; line-height: 2; }
ul.ul-toggle li dl dt, ul.ul-toggle li dl dd { margin: 0; padding: 0; }
ul.ul-toggle li dl dt { flex: 0 1 70%; }
ul.ul-toggle li dl dd { flex: 0 1 30%; }
ul.ul-toggle li dl dd button { margin: 20px 0 0 10px; width: calc(100% - 10px); height: 35px; background-color: #238af7; color: white; font-size: 0.875rem; text-align: center; font-weight: 500; }
ul.ul-toggle li dl small { font-size: 0.5rem; color: #1e1e1e; opacity: 0.7; height: 20px; display: block; }

ol.ol-default { margin: 0; padding: 0 0 0 1rem; }

.pagination { display: flex; justify-content: space-between; margin-top: 1rem; }
.pagination .left, .pagination .right { position: relative; }
.pagination .left::before, .pagination .right::before { content: '\e80b'; position: absolute; font-family: "fontello"; font-size: 1rem; line-height: 12px; left: 0; opacity: 0.2; }
.pagination .left.right::before, .pagination .right.right::before { left: inherit; right: 0; content: '\e80f'; }
.pagination .left.on::before, .pagination .right.on::before { opacity: 1; }

.remote-wrap { width: 100%; height: 40px; background-color: #f7f7f7; border-bottom: 1px solid #e2e2e2; display: flex; padding: 0 15px; align-items: center; justify-content: space-between; }
.remote-wrap .remote-no { font-size: 12px; color: black; }
.remote-wrap .btn-remote { height: 22px; border: 1px solid #e2e2e2; padding: 3px 8px 0; font-size: 12px; color: black; }

.site { padding-top: 65px; }
.site #bg-over { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: black; z-index: -1; opacity: 0; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; }
.site[aria-expanded="true"] #bg-over { opacity: 0.8; z-index: 10; }

.site-header { position: fixed; top: 0; height: 50px; width: 100%; background-color: white; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); z-index: 1000; }
.site-header .main-navigation .menu-wrap { display: flex; height: 50px; align-items: center; justify-content: center; }
.site-header .main-navigation .menu-wrap .site-branding .site-title { font-size: 24px; margin-bottom: 0; color: #041370;}
.site-header .main-navigation .menu-wrap .site-branding .site-title a { font-weight: 600; color: #041370; }
.site-header .main-navigation .menu-wrap .site-member { position: absolute; left: 15px; top: 7px; }
.site-header .main-navigation .menu-wrap .site-member ul { margin: 0; padding: 0; display: flex; flex-flow: row; list-style: none; }
.site-header .main-navigation .menu-wrap .site-member ul li figure { margin-right: 5px; }
.site-header .main-navigation .menu-wrap .site-member ul li figure img { width: 35px; height: 35px; }
.site-header .main-navigation .menu-wrap .site-member ul li h1 { font-size: 16px; font-weight: 500; margin-bottom: 0; }
.site-header .main-navigation .menu-wrap .site-member ul li p.lead { font-size: 12px; font-weight: 600; color: #041370; margin-bottom: 0; }
.site-header .main-navigation .menu-wrap .site-member ul li a { color: #1e1e1e; }
.site-header .main-navigation .menu-wrap .main-menu { position: absolute; width: 100vw; top: 0; right: -100vw; height: 100vh; background-color: white; z-index: 100; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); -webkit-transition: right 0.3s ease; -moz-transition: right 0.3s ease; -ms-transition: right 0.3s ease; -o-transition: right 0.3s ease; transition: right 0.3s ease; }
/* .site-header .main-navigation .menu-wrap .main-menu .home { color: #041370; }
.site-header .main-navigation .menu-wrap .main-menu .home h2 { line-height: 50px; font-size: 20px; margin-bottom: 0; padding-left: 15px; font-weight: 600; border-bottom: 1px solid #f7f7f7; }
.site-header .main-navigation .menu-wrap .main-menu .home h2 i.demo-icon { font-size: 16px; position: relative; top: -2px; } */
.site-header .main-navigation .menu-wrap .main-menu .nav-wrap { margin: 0; padding: 15px; }
.site-header .main-navigation .menu-wrap .main-menu .nav-wrap h3 { font-size: 18px; font-weight: 600; margin-bottom: 0; line-height: 40px; }
.site-header .main-navigation .menu-wrap .main-menu .nav-wrap h4 { font-size: 16px; font-weight: 600; margin-bottom: 0; line-height: 40px; }
.site-header .main-navigation .menu-wrap .main-menu .nav-wrap ol { display: flex; width: 100%; margin: 0 0 10px; padding: 0; list-style: none; }
.site-header .main-navigation .menu-wrap .main-menu .nav-wrap ol li { flex: 1 1 0; border-left: 1px solid transparent; border-right: 1px solid transparent; border-bottom: 1px solid #e2e2e2; border-top: 5px solid transparent; }
.site-header .main-navigation .menu-wrap .main-menu .nav-wrap ol li a { line-height: 40px; text-align: center; display: block; color: rgba(0, 0, 0, 0.3); text-decoration: none; font-weight: 600; }
.site-header .main-navigation .menu-wrap .main-menu .nav-wrap ol li.on { border: 1px solid #e2e2e2; border-bottom: none; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; background-clip: padding-box; border-top: 5px solid #238af7; }
.site-header .main-navigation .menu-wrap .main-menu .nav-wrap ol li.on a { color: black; }
.site-header .main-navigation .menu-wrap .main-menu .nav-wrap ul { margin: 0 0 20px; padding: 0; list-style: none; }
.site-header .main-navigation .menu-wrap .main-menu .nav-wrap ul.top-menu { display: none;}
.site-header .main-navigation .menu-wrap .main-menu .nav-wrap ul.on { display: block;}
.site-header .main-navigation .menu-wrap .main-menu .nav-wrap ul li { position: relative; /*height: 40px; line-height: 40px;*/height: 35px; line-height: 35px; border-bottom: 1px solid #f7f7f7; }
.site-header .main-navigation .menu-wrap .main-menu .nav-wrap ul li a { padding-left: 20px; font-size: 15px; color: rgba(0, 0, 0, 0.5); }
.site-header .main-navigation .menu-wrap .main-menu .nav-wrap ul li a.pl-0 { padding-left: 0; font-weight: 500; color: rgba(0, 0, 0, 0.7); }
.site-header .main-navigation .menu-wrap .main-menu .nav-wrap ul li.current > a { color: #041370; font-weight: 600; padding-top:5px;  }
.site-header .main-navigation .menu-wrap .main-menu .nav-wrap ul li span { position: absolute; right: 0; width: 40px; height: 40px; text-align: center; color: rgba(0, 0, 0, 0.5); }
.site-header .main-navigation .menu-wrap .main-menu .nav-wrap ul li span::before { content: '\e80e'; font-family: "fontello"; }
.site-header .main-navigation .menu-wrap .main-menu .nav-wrap ul li span.cross::before { content: '\e80e'; }
.site-header .main-navigation .menu-wrap .main-menu .nav-wrap ul li span.popup::before { content: '\e803'; }
.site-header .main-navigation .menu-wrap .main-menu .nav-wrap ul li.has-sub-menu { height: inherit; }
.site-header .main-navigation .menu-wrap .main-menu .nav-wrap ul li.has-sub-menu h4 span { position: absolute; right: 0; width: 40px; height: 40px; text-align: center; color: black; }
.site-header .main-navigation .menu-wrap .main-menu .nav-wrap ul li.has-sub-menu h4 span::before { content: '\e807'; font-family: "fontello"; }
.site-header .main-navigation .menu-wrap .main-menu .nav-wrap ul li.has-sub-menu h4 span.active { opacity: 0.3; -webkit-transform: scaleY(-1); -moz-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1); }
.site-header .main-navigation .menu-wrap .main-menu .nav-wrap ul li.has-sub-menu ul.sub-menu { border-top: 1px solid #f7f7f7; margin-bottom: 0; display: none; }
.site-header .main-navigation .menu-wrap .main-menu .nav-wrap ul li.has-sub-menu ul.sub-menu li:last-child { border-bottom: none; }
.site-header .main-navigation .menu-wrap .main-menu .nav-wrap ul li.current ul.sub-menu { display: block; }
.site-header .main-navigation .menu-wrap .main-menu .nav-wrap ul#ul-myinfo li { line-height: 1.4; height: inherit; }
.site-header .main-navigation .menu-wrap .main-menu .nav-wrap ul#ul-myinfo li small { font-size: 0.5rem; color: #1e1e1e; opacity: 0.7; }
.site-header .main-navigation .menu-wrap .main-menu .nav-wrap ul#ul-myinfo li p { color: black; margin-bottom: 5px; font-weight: 500; }
.site-header .main-navigation .menu-wrap .main-menu .info { font-size: 12px; padding: 15px; }
.site-header .main-navigation .menu-wrap .menu-toggle { position: absolute; right: 5px; border: none; outline: none !important; cursor: pointer; background: transparent; display: inline-block; -webkit-appearance: button; -moz-appearance: button; appearance: button; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background-clip: padding-box; width: 40px; height: 40px; text-indent: -9999px; z-index: 1000; }
.site-header .main-navigation .menu-wrap .menu-toggle span { display: inline-block; position: absolute; top: 18px; left: 10px; right: 10px; height: 2px; background-color: black; }
.site-header .main-navigation .menu-wrap .menu-toggle span::before, .site-header .main-navigation .menu-wrap .menu-toggle span::after { content: ''; position: absolute; display: block; left: 0; width: 100%; height: 2px; background: black; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background-clip: padding-box; -webkit-transition-duration: 0.15s, 0.15s; transition-duration: 0.15s, 0.15s; -webkit-transition-delay: 0.15s, 0s; transition-delay: 0.15s, 0s; }
.site-header .main-navigation .menu-wrap .menu-toggle span::before { top: -7px; -webkit-transition-property: top, transform; transition-property: top, transform; }
.site-header .main-navigation .menu-wrap .menu-toggle span::after { bottom: -7px; -webkit-transition-property: bottom, transform; transition-property: bottom, transform; }
.site-header .main-navigation .menu-wrap .menu-toggle[aria-expanded="true"] span { background-color: transparent !important; }
.site-header .main-navigation .menu-wrap .menu-toggle[aria-expanded="true"] span::before, .site-header .main-navigation .menu-wrap .menu-toggle[aria-expanded="true"] span::after { -webkit-transition-delay: 0s, 0.15s; transition-delay: 0s, 0.15s; }
.site-header .main-navigation .menu-wrap .menu-toggle[aria-expanded="true"] span::before { top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.site-header .main-navigation .menu-wrap .menu-toggle[aria-expanded="true"] span::after { bottom: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.site-header .main-navigation .menu-wrap .menu-back { position: absolute; left: 5px; width: 40px; height: 40px; }
.site-header .main-navigation .menu-wrap .menu-back a { display: inline-block; text-indent: -9999px; width: 40px; height: 40px; overflow: hidden; background-image: url(../images/svg/icon-back.svg); background-size: cover; background-repeat: no-repeat; cursor: pointer; }
/* org - black */
.site-header .main-navigation .menu-wrap .menu-close { position: absolute; right: 5px; border: none; outline: none !important; cursor: pointer; background: transparent; display: inline-block; -webkit-appearance: button; -moz-appearance: button; appearance: button; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background-clip: padding-box; width: 40px; height: 40px; text-indent: -9999px; z-index: 1000; }
.site-header .main-navigation .menu-wrap .menu-close span { display: inline-block; position: absolute; top: 18px; left: 10px; right: 10px; height: 2px; background-color: transparent; }
.site-header .main-navigation .menu-wrap .menu-close span::before, .site-header .main-navigation .menu-wrap .menu-close span::after { content: ''; position: absolute; display: block; left: 0; width: 100%; height: 2px; background-color: black; }
.site-header .main-navigation .menu-wrap .menu-close span::before { top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.site-header .main-navigation .menu-wrap .menu-close span::after { bottom: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
/* added - white */
.site-header .main-navigation .menu-wrap .menu-close-white { position: absolute; right: 5px; border: none; outline: none !important; cursor: pointer; background: transparent; display: inline-block; -webkit-appearance: button; -moz-appearance: button; appearance: button; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background-clip: padding-box; width: 40px; height: 40px; text-indent: -9999px; z-index: 1000; }
.site-header .main-navigation .menu-wrap .menu-close-white span { display: inline-block; position: absolute; top: 18px; left: 10px; right: 10px; height: 2px; background-color: transparent; }
.site-header .main-navigation .menu-wrap .menu-close-white span::before, .site-header .main-navigation .menu-wrap .menu-close-white span::after { content: ''; position: absolute; display: block; left: 0; width: 100%; height: 2px; background-color: white; }
.site-header .main-navigation .menu-wrap .menu-close-white span::before { top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.site-header .main-navigation .menu-wrap .menu-close-white span::after { bottom: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.site-header[aria-expanded="true"] .main-menu { right: 0 !important; }

.top-banner-wrap { position: relative; width: 100%; background-color: #041370; }
.top-banner-wrap .top-banner-info { width: 100%; height: 35px; display: flex; justify-content: space-between; align-items: center; padding: 0 0 0 15px; }
.top-banner-wrap .top-banner-info h3 { color: white; font-size: 0.75rem; margin-bottom: 0; font-weight: 500; }
.top-banner-wrap .top-banner-info .btn-toggle { width: 35px; height: 35px; background-color: rgba(255, 255, 255, 0.1); color: white; display: flex; justify-content: center; align-items: center; }

.slick img { width: 100%; height: auto; }
.slick.certification-banner { margin: 1rem 0; }

.slick-dots { position: absolute; bottom: 0; margin: 0; padding: 0; list-style: none; display: flex; flex-flow: row; justify-content: center; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.slick-dots li { flex: 0 1 auto; padding: 0 4px; }
.slick-dots li button { width: 10px; height: 10px; padding: 0; display: inline-block; border: none; text-indent: -9999px; background-color: rgba(255, 255, 255, 0.3); outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background-clip: padding-box; }
.slick-dots li.slick-active button { background-color: white; }

.grid-board-wrap { margin-top: 15px; }
.grid-board-wrap ul { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; }
.grid-board-wrap ul li { flex: 1 0 calc(20% - 2px); height: 45px; border: 1px solid #e2e2e2; text-align: center; margin: 1px; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.grid-board-wrap ul li.on { background-color: #238af7; color: white; }

.btn-default { width: 100%; height: 45px; text-align: center; background-color: #041370; border: none !important; margin: 15px 0; font-weight: 500; }
.btn-default.btn-blue { background-color: #238af7; }
.btn-default.btn-gray { background-color: #adadad; }
.btn-default.disabled { color: rgba(255, 255, 255, 0.5); background-color: #a0a6ab; }
/* Added by CWYOO at 2020.03.11 */
.btn-medium { /*width: 100%;*/ height: 30px; text-align: center; background-color: #041370; border: none !important; margin: 7px 0; font-weight: 500; }
.btn-medium.btn-blue { background-color: #238af7; }
.btn-medium.btn-gray { background-color: #adadad; }
.btn-medium.disabled { color: rgba(255, 255, 255, 0.5); background-color: #a0a6ab; }
/*.btn-small { margin-top: 0; height: 35px; font-size: 0.9375rem; line-height: 1; }*/
.btn-small { /*width: 100%;*/ height: 25px; text-align: center; background-color: #041370; border: none !important; margin: 4px 0; font-weight: 500; }
.btn-small.btn-blue { background-color: #238af7; }
.btn-small.btn-gray { background-color: #adadad; }
.btn-small.disabled { color: rgba(255, 255, 255, 0.5); background-color: #a0a6ab; }


button.status { position: absolute; color: white; background-color: black; font-size: 0.75rem; line-height: 0; top: 7px; right: 0px; width: 60px; height: 20px; display: inline-block; text-align: center; padding-top: 3px; }
button.status__select { background-color: #041370; border-radius: 10px;}
button.status__selected { background-color: #238af7; border-radius: 10px;}
button.status__registered { background-color: #1cbbb4; border-radius: 10px;}
button.status__confirm { background-color: #f7941d; border-radius: 10px;}
button.status__canceled { background-color: #a0a6ab; border-radius: 10px;}
button.status__approval { background-color: #0072bc; border-radius: 10px;}
button.status__black { background-color: #000000; border-radius: 10px;}
button.status.first { right: 65px; }
button.status.second { right: 0px; }

.modal-wrap { display: none; z-index: -1; }
.modal-wrap.on { display: block; z-index: 0; }
.modal-wrap .modal-bg { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 1000; background-color: black; opacity: 0.7; -moz-opacity: 0.7; -ms-filter: alpha(opacity=70); filter: alpha(opacity=70); }
.modal-wrap .modal { background-color: white; width: calc(100vw - 30px); z-index: 10000; box-sizing: border-box; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.modal-wrap .modal .modal-header { position: relative; }
.modal-wrap .modal .modal-header h3 { font-size: 1rem; text-align: center; font-weight: 500; padding-top: 20px; font-size:24px; }
.modal-wrap .modal .modal-header .close { position: absolute; width: 20px; height: 20px; right: -10px; top: -10px; }
.modal-wrap .modal .modal-header .close a { text-indent: -9999rem; width: 20px; height: 20px; overflow: hidden; display: inline-block; background-color: white; background-image: url(../images/svg/icon-modal-close.svg); background-size: cover; background-repeat: no-repeat; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background-clip: padding-box; }
.modal-wrap .modal .modal-content { padding: 15px; font-size: 0.75rem; color: #555; }
.modal-wrap .modal .modal-content ul { margin: 0 0 1rem 0; padding: 0 0 0 1rem; }
.modal-wrap .modal .modal-content .bg-box-line { margin-left: -1rem; margin-right: -1rem; padding: 1rem; background-image: url(../images/png/bg-mobile-line.png); background-position: left top; background-repeat: repeat; }
.modal-wrap .modal .modal-content strong { color: black; }
.modal-wrap .modal .modal-content .choose-again { font-size: 0.9375rem; line-height: 1rem; color: #555; text-decoration: none; border-bottom: 1px solid #555; margin: 1rem auto; display: inline-block; }
.modal-wrap .modal .modal-footer ul.button { display: flex; flex-flow: row; align-items: center; margin: 0; padding: 0; list-style: none; background-color: #041370; }
.modal-wrap .modal .modal-footer ul li { flex: 1 1 0; border-left: 1px solid rgba(255, 255, 255, 0.2); }
.modal-wrap .modal .modal-footer ul li a { font-size: 0.9375rem; width: 100%; height: 100%; color: white; display: block; text-align: center; line-height: 35px; font-weight: 500; text-decoration: none; }
.modal-wrap .modal .modal-footer ul li:first-child { border-left: none; }

.board-wrap { margin-top: 1rem; }
.board-wrap .info { display: flex; justify-content: space-between; color: #555; }
.board-wrap .info em { font-style: normal; font-size: 8px; padding-right: 5px; margin-right: 5px; border-right: 1px solid #e2e2e2; color: rgba(85, 85, 85, 0.7); position: relative; top: -1px; }
.board-wrap .info em.ml { margin-left: 10px; }
.board-wrap .info .num { margin-left: 5px; color: rgba(85, 85, 85, 0.7); }
.board-wrap .info .lock { color: black; }
.board-wrap .info.right { display: inherit; text-align: right; }
.board-wrap .info.answer { margin: 10px 0; border-bottom: 1px solid #e2e2e2; }
.board-wrap .info.answer h5 { font-size: 0.8125rem; color: black; }

.board-wrap i.file, .board-wrap i.lock { width: 13px; height: 13px; display: inline-block; font-style: normal; opacity: 0.5; margin-left: 5px; }
.board-wrap i.file::before, .board-wrap i.lock::before { font-family: "fontello"; content: '\e80c'; }
.board-wrap i.lock { opacity: 1; margin-left: 0; margin-right: 5px; }
.board-wrap i.lock::before { content: '\e80a'; }
.board-wrap.list h5 { font-size: 0.875rem; font-weight: 500; }
.board-wrap.list ul { margin: 0; padding: 0; list-style: none; border-top: 1px solid #e2e2e2; }
.board-wrap.list ul > li { border-bottom: 1px solid #e2e2e2; padding: 10px 0 5px; }
.board-wrap.list ul > li a { color: #1e1e1e; text-decoration: none; }
.board-wrap.list ul > li ol { margin: 0; padding: 0; list-style: none; }
.board-wrap.list ul > li ol > li { line-height: 25px; }
.board-wrap.list ul > li ol > li.title { font-size: 0.8125rem; font-weight: 500; line-height: 20px; font-size:14px;}
.board-wrap.read .div-title { margin: 10px -15px; padding: 10px 15px; font-size: 0.8125rem; font-weight: 500; background-image: url(../images/png/bg-mobile-line.png); background-position: left top; background-repeat: repeat; }
.board-wrap.read .div-read { color: #555; padding-bottom: 10px; border-bottom: 1px solid #e2e2e2; }
.board-wrap.read .div-attachment { margin-top: 10px; }
.board-wrap.read .div-attachment a { color: #1e1e1e; }

/* Added by CWYOO at 2020.03.18 */
/* thumbList */
.thumbList{/*overflow:hidden; background-color:#fff;*/ border-top:1px solid #e2e2e2; margin-top: 0px;}
.thumbList li{width:100%; list-style: none; border-bottom:1px solid #e2e2e2; overflow:hidden; padding: 5px 0px 5px 0px;}
/*
.thumbList li:last-child{border-bottom:none;}
.thumbList li:hover{background-color:#f6f7f9;}
*/
.thumbList li .thumb{text-align:center; width:30%; float:left;}
/* .thumbList li .thumb img {max-height:200px;} */
.thumbList li .txt{width:70%; box-sizing:border-box; padding-left:10px; float:left;}
.thumbList li .txt dt{overflow:hidden; text-overflow:ellipsis; font-size:14px; font-weight:500; color:#09214f;}
.thumbList li .txt dd{font-size:12px; color:#575757; /*line-height:21px;*/}
.thumbList li .txt dd.infoBox{text-align:right;}
.thumbList li .txt dd.infoBox .info{padding-left:inherit; margin-left:inherit;}
.thumbList li .txt .tagBox{font-size:12px; color:#0081c9;}
.thumbList li.type2 .txt{float:inherit; width:inherit; padding:inherit;}



.table-default { width: 100%; }
.table-default.center { text-align: center; }
.table-default.right { text-align: right; }
.table-default.left { text-align: left; }
.table-default tr.line-top { border-top: 1px solid #e2e2e2; }
.table-default th, .table-default td { height: 32px; border-bottom: 1px solid #e2e2e2; }
.table-default th { background-color: #f7f7f7; /*font-weight: 600;*/ }
.table-default td {text-align:left; padding: 2px;}
.table-default td.center {text-align:center; padding: 2px;}
.table-default td.center_win {background-color:#efefef; font-weight:600;}
.table-default td.right {text-align:right; padding: 2px;}
.table-default td.left {text-align:left; padding: 2px;}

.table-inner { width: 100%; }
.table-inner.center { text-align: center; }
.table-inner.right { text-align: right; }
.table-inner.left { text-align: left; }
.table-inner tr.line-top { border-top: 1px solid #e2e2e2; }
.table-inner th, .table-inner td { height: 26px; border-bottom: 1px solid #e2e2e2; }
.table-inner th { background-color: #f7f7f7; font-weight: 600; }
.table-inner td {text-align:left; padding: 5px;}
.table-inner td.center {text-align:center; padding: 5px;}
.table-inner td.center_win {background-color:#efefef; font-weight:600;}
.table-inner td.right {text-align:right; padding: 5px;}
.table-inner td.left {text-align:left; padding: 5px;}

.site-footer {margin-top:20px;background-color: #f7f7f7; padding: 15px 0 10px; }
.site-footer .site-info .copyright-wrap figure { text-align: center; margin-bottom: 5px; }
.site-footer .site-info .copyright-wrap figure img { width: 100px; height: auto; }
.site-footer .site-info .copyright-wrap p { font-size: 10px; text-align: center; }
.site-footer .site-info .privacy a { font-weight: 600; }
.site-footer .site-info .sponsor-wrap p { font-size: 11px; text-align: center; }
.site-footer .site-info .sponsor-wrap ul { margin: 0; padding: 0; /*display: flex;*/ justify-content: left; list-style: none; }
.site-footer .site-info .sponsor-wrap ul li { padding: 0; }
.site-footer .site-info .sponsor-wrap ul li.logo-mcst img { width: auto; height: 16px; }
.site-footer .site-info .sponsor-wrap ul li.logo-kspo img { width: auto; height: 25px;text-align: left;}

.footer-menu{margin-top:10px;}
.footer-menu a{font-size:0.9125rem;font-weight:700;color:#041370;}
.footer-menu a:hover{text-decoration: underline;}
.footer-menu a:first-child{margin-left: 0;}
.footer-address address{color:#666;margin-bottom: 0;margin-top: 10px;}
.logo-kspo a.kspo_Policy{float:right !important;font-size:0.9125rem;color:#2738a2;}
.logo-kspo a.kspo_Policy:hover{text-decoration: underline;}

/*# sourceMappingURL=mobile-main.css.map */
/* Added by CWYOO at 2020.03.12 -- shcedule */
/*
.container .ul-link { display: flex; margin: 0; list-style: none; width: 100%; border: 1px solid #e2e2e2; padding: 15px 10px; }
.container .ul-link li { position: relative; flex: 1 0 auto; text-align: center; }
*/

.daejin { display: flex; margin: 0; list-style: none; width: 100%; border: 0px; /*padding: 15px 10px;*/ }
.daejin li.left{ position: relative; flex: 1 0 auto; text-align: right; }
.daejin li.right{ position: relative; flex: 1 0 auto; text-align: left; }
.win { font-size:12px; font-weight:600; color:#0174DF;}
.lose { font-size:12px; font-weight:0; color:#666; }
.win_bg {font-weight:600; background-color:#efefef;}


/*20201221 모바일 디자인 신규*/
.site-header .main-navigation .menu-wrap{background:#011a3a;}
.site-header .main-navigation .menu-wrap .site-branding .site-title{color:#fff;}
.site-header .main-navigation .menu-wrap .menu-toggle span.frontmenu{background:#fff;}
.site-header .main-navigation .menu-wrap .frontmn span::before,.site-header .main-navigation .menu-wrap .frontmn span::after{background:#fff !important;}
.site-header .main-navigation .menu-wrap .menu-toggle[aria-expanded="true"] span::before, .site-header .main-navigation .menu-wrap .menu-toggle[aria-expanded="true"] span::after{background:#041370 !important;}


.btn-toggle {width: 60px;height: 60px;display: inline-block;background: rgba(255, 255, 255, 0.1);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#1Affffff', endColorstr='#1Affffff');
      /* IE */
	position: relative;text-align: center;font-size: 1.25rem;cursor: pointer;float: right;}
.top-banner {overflow: hidden;position: relative;}
.m_slide{position: relative; margin: 0 -15px;}
.m_slide .slick-nav-container {position: absolute;bottom: 10px;display: inline-block;white-space: nowrap;z-index: 10;left: 50%;
/*border:1px solid #000;*/width:35%;margin-left: -23%;}
.m_slide .slick-nav-container ul {margin: 0;padding: 0;list-style: none;display: inline-block;flex-direction: row;float:left;top:3px;margin-left: -10px;}
.m_slide .slick-nav-container ul li {float: left;color: white;}
.m_slide .slick-nav-container .dots-container {float: left;}
.m_slide .slick-nav-container .dots-container .slick-dots li .bar {display: block;background-color: white;width: 10px;height: 10px;
	opacity: 0.4;behavior: url(./htc/PIE.htc);border-radius:10px;}
.m_slide .slick-nav-container .dots-container .slick-dots li.slick-active .bar {opacity: 1;}
.m_slide .slick-nav-container .arrow-container {float: right;}
.slick-slider {position: relative;display: block;box-sizing: border-box;-webkit-touch-callout: none;-webkit-user-select: none;	-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list {position: relative;overflow: hidden;display: block;margin: 0;padding: 0;}
.slick-list:focus {outline: none;}
.slick-list.dragging {cursor: pointer;cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track {position: relative;left: 0;top: 0;display: block;margin-left: auto;margin-right: auto;}
.slick-track:before, .slick-track:after {content: "";display: table;}
.slick-track:after {clear: both;}
.slick-loading .slick-track {visibility: hidden;}
.slick-slide {float: left;height: 100%;min-height: 1px;display: none;}
[dir="rtl"] .slick-slide {float: right;}
.slick-slide img {display: block;}
.slick-slide.slick-loading img {display: none;}
.slick-slide.dragging img {pointer-events: none;}
.slick-initialized .slick-slide {display: block;}
.slick-loading .slick-slide {visibility: hidden;}
.slick-vertical .slick-slide {display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}
.d-none {display: none;}
.clear::after {display: block;content: '';clear: both;}
.clear:after {display: block;content: '';clear: both;}

.live_score{position: relative;margin-top:20px; }
.info_score{position: absolute; height:100%; top: 0px; width: 100%;}
.info_score .info-section{ position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.score_wrap{
    height: 70px;
    box-sizing: border-box;
}
/*20210317*/
/* .tid{display: block; width: 100%; text-align: center;font-size:1.125rem !important;margin-top:10px; } */
.tid{display: block; width: 100%; text-align: center;font-size:1rem !important;}
.right-score, .left-score{ display: inline-block;}
/*20210317*/
/* .vs_bg{ width: 3rem; height: 2.5rem; display: inline-block;} */
.vs_bg{ width: 1.2rem; height: 1rem; display: inline-block;}
.ul-list li strong.tid{color: #fff; }
.ul-list li.no-line{border:0;}

.custom-inputn{background:#fff !important;border:1px solid #fff !important; }
.btn-top{position: absolute;left:16px; top:3px; }
.btn-top a{display: inline-block !important;width:2.3rem !important;height: 2.5rem !important;background:#0a2b54;border-radius:4px;}

.btn-top a img.btn-app{margin-left:1px;}

.swiper-container {width: 100%;height: 100%;}
.mthumbList li .thumb{width:50%;/*height:140px;background:#ddd;*/}
.mthumbList li .txt{width:50%;padding-top:5px;}
.mthumbList li{padding:0 !important;}
.vod_cal,.vod_view {display: inline-block;}
.vod_view{margin-left:20px;}
.vod_cal img,.vod_view img{width: 22px !important;height: 22px !important;margin-right: 10px;}

/*로그인 SNS 버튼 at Jo*/
.facebook-btn,.naver-btn,.kakao-btn{position: relative;border: none;outline: none !important;overflow: visible;cursor: pointer;display: inline-block;width: 100%;height: 45px;text-align: center;border: none !important;font-weight: 500;font-size: 16px;padding: 0 20px;color:#fff;}
.facebook-btn{text-indent: 10px;background:#4156a7;}
.facebook-btn .sns-icon{position: absolute;left: 50%;top:9px;width: 25px;height: 25px;background-image: url(../images/svg/facebook-icon.svg);background-size: cover;text-indent: -9999px;overflow: hidden;margin-left:-87px; }
.naver-btn{background:#61ba46;text-indent: 10px;}
.naver-btn .sns-icon{position: absolute;left: 50%;top:11px;width: 20px;height: 20px;background-image: url(../images/svg/naver-icon.svg);background-size: cover;text-indent: -9999px;overflow: hidden;margin-left: -85px;}
.kakao-btn{background:#f6ee2c;text-indent: 10px;color: #3c2624;}
.kakao-btn .sns-icon{position: absolute;left: 50%;top:11px;width: 20px;height: 20px;background-image: url(../images/svg/kakao-icon.svg);background-size: cover;text-indent: -9999px;overflow: hidden;margin-left: -85px;}



/*회원가입- 본인인증 at Jo*/
/* .certification .icon img{width:35px !important;} */
.qr-info {position: absolute;left:50%;top:50%;margin-left:-120px;margin-top:-50px;}
.qr-info img{height:40px;background-size: cover;overflow: hidden;}
.qr-info .qr-txt{display: block;margin-top:10px;}
.qr-add-info{background-color: #00aeff;padding: 10px 20px; color: #fff; font-size: 0.8125rem;border-radius:50px;width:250px;margin:0 auto;font-weight: 600; }
.qr-add-info .qr-txt{font-size:1rem; }

.div-inofobox{padding:10px 0;color: #555;font-size:0.8125rem;}
.div-inofobox .infobase{position: relative;}
.div-inofobox .infobase span{display: block; }
.div-inofobox .infobase span.bullet{position: absolute; left: 5px;top:5px;width: 15px; height: 15px; background-image: url(../images/svg/icon-bullet.svg); background-size: cover; text-indent: -9999px; overflow: hidden;}
.div-inofobox .infobase span.infotxt{padding-left:25px;line-height:2; }
.div-inofobox .infobase span.bullet02{top:1px;}
.div-inofobox .infobase span.infotxt02{line-height:1.5;}

.div-infobase-box {text-align: center;padding:10px 0;background:#f5f5f5;border:1px solid #fefefe; }
.div-infobase-box span{display: block;line-height:1.4;font-size:0.9125rem;}
.div-infobase-box span.name{font-weight:600; }

/* added 2021.04.30 */
ul.tabs_small {margin-top:5px;float: left;height: 35px;width: 100%;font-size:0.85rem; padding-left:0; }
ul.tabs_small li {float: left;text-align:center;cursor: pointer;width:50%;height: 35px;line-height: 35px;border-left: none;font-weight: bold;color:#999;overflow: hidden;position: relative;background:#eee;border:1px solid #e8e8e8;border-left:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8; }
ul.tabs_small li.active {background: #fff;border-top:3px solid #0091ea;border-left:0;border-bottom:0;border-right:0;}
ul.tabs_small li.clor_tab{color:#333;width:50%;}

ul.tabs {margin-top:10px;float: left;height: 46px;width: 100%;font-size:1.125rem; padding-left:0; }
ul.tabs li {float: left;text-align:center;cursor: pointer;width:50%;height: 46px;line-height: 46px;border-left: none;font-weight: bold;color:#999;overflow: hidden;position: relative;background:#eee;border:1px solid #e8e8e8;border-left:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8; }
ul.tabs li.active {background: #fff;border-top:4px solid #0091ea;border-left:0;border-bottom:0;border-right:0;}
ul.tabs li.clor_tab{color:#333;width:50%;}
.tab_container {border-top: none;clear: both;/*float: left;*/ width: 100%; height:auto;}
.tab_content {padding: 5px;display: none;}

.login-menu{margin-top:20px;text-align: center;}
.login-menu a{color: #666;font-size:0.9125rem;display: inline-block;padding:0 5px;}
.thumb_bg{position: relative;}
.thumb_bg .triangle_up{position: absolute;right:0;top:15px;width:10px;height:15px;}
.thumb_bg .triangle_down{position: absolute;left:0;top:15px;width:10px;height:15px;}

/*네비게이션 수정 at Jo 20210204 */
.site-header .main-navigation .menu-navi{height:65px;justify-content: center;}
.site-header .main-navigation .menu-navi .site-branding .site-title{margin-bottom: 0;}
.share-btn{position: absolute;left:10px;top:12px;}
.share-btn a {display:block;width: 40px;height:40px;text-align:center;}
.share-btn a img.sapp	{width:26px;height:auto;position: relative;top:7px;}

.kva-logo{text-align:center;position: relative;top:-4px;}
.kva-logo p.logoimg,.kva-logo p.brandtxt{margin-bottom: 0 !important}
.kva-logo p.brandtxt{font-size:22px; color: #fff !important;position: relative;left:-1px;top:0px;}
.kva-logo p.logoimg img{width:150px;height: auto;position: relative;top:2px;left:-3px;}
.site[aria-expanded="true"] #bg-over{height: 100vh;}
.site-header .main-navigation .menu-wrap .main-menu .home h2{line-height:65px;}

.popBox{background-color:#fff; overflow:hidden; border-radius:10px; width:95%; max-width:500px; position:relative; display:none;text-align: center; }
/*
.popBox h5{font-size:15px; font-weight:bold; height:50px; line-height:50px;  padding-left:15px; color:#272727; border-bottom:2px solid #0081c9;}
.popBox .close{position:absolute; top:14px; right:15px; display:inline-block; width:25px; height:25px; background:url('../img/icon-movie.png') no-repeat 0px -25px; cursor:pointer; overflow: hidden; line-height: 100px; background-size:54px;}
.popBox .popContent{padding:10px;}
.popBox .btnBox{overflow:hidden; padding:10px; text-align:center; border-top:1px solid #e6e7e9; clear:both;}
.popBox .btnBox button{width:100%; height:50px; line-height:50px;}
*/

/* SNS */
/*
.popBox.sns{background-color:#fff; width:200px;  padding:15px;}
.popBox.sns ul{list-style:none; padding-left: 5px;}
.popBox.sns ul li{width:50%; float:left; box-sizing:border-box; padding:10px;text-align:center;}
*/
.popBox.sns{background-color:#fff; width:250px;  padding:15px;}
.popBox.sns ul{list-style:none; padding-left: 5px;}
.popBox.sns ul li{width:33%; float:left; box-sizing:border-box; padding:10px;text-align:center;}

/*20210224 jo NEW MENU*//*20210317*/
.site-header .main-navigation .menu-wrap .main-menu .home {height:65px;border-bottom: 1px solid #f7f7f7;display: flex;align-items:center;}
.site-header .main-navigation .menu-wrap .main-menu .home h2 {float:left;font-size:16px;margin-bottom: 0; padding-left: 15px; font-weight: 600; color: #041370; }/*20210225*/
.site-header .main-navigation .menu-wrap .main-menu .home h2 span.m_logo{padding-right:5px;}
.site-header .main-navigation .menu-wrap .main-menu .home h2 span.m_logo img{width:24px;height:24px;
position: relative;top:-2px;}
.site-header .main-navigation .menu-wrap .main-menu .home ul.top_gnb{/*float: right;*/margin-bottom:0;padding-left:0;margin-left:auto;margin-right:40px;}/*2021317*/
/* .site-header .main-navigation .menu-wrap .main-menu .home ul.top_gnb li{margin-right: 5px;} 20210225 */
.site-header .main-navigation .menu-wrap .main-menu .home ul.top_gnb li a{display: block;width:28px;height:30px;position: relative;margin-top: 6px;} /*20210225*/
.site-header .main-navigation .menu-wrap .main-menu .home ul.top_gnb li a img{width:20px;height: 20px;
position: absolute;left:50%;top:50%;transform: translate(-50%, -50%);}
.site-header .main-navigation .menu-wrap .main-menu .home ul.top_gnb li.m_ball a img{width:18px;height: 22px;}
.top_gnb li{display: inline-block;}

.site-header .main-navigation .menu-wrap .main-menu .nav-wrap ul li { position: relative; height: 35px; line-height: 35px; border-bottom: 1px solid #f7f7f7; }
.site-header .main-navigation .menu-wrap .main-menu .nav-wrap{padding:0;}
.site-header .main-navigation .menu-wrap .main-menu .nav-wrap ul li.menu_box{
	height:auto;background: url('/info/common/result/m/assets/images/png/mt_bg.png') no-repeat; width: 100%;
	background-size: cover;background-position: center center;position: relative;}/*202100302*/

/*20210317 메뉴 수정*/
.site-header .main-navigation .menu-wrap .main-menu .nav-wrap ul li.menu_box .info_box{
 height: 70px;/*padding-top: 27px;*/padding-left: 15px;padding-right: 15px;display: flex;align-items: center;width: 100%;
}
/* .site-header .main-navigation .menu-wrap .main-menu .nav-wrap ul li.menu_box .info_box .user_img{
	float: left;
} */
.site-header .main-navigation .menu-wrap .main-menu .nav-wrap ul li.menu_box .info_box .info_Txt{
	/*float: left;*/margin-left: 5px;/*padding-top: 10px;*/
}/*20210225*/

.site-header .main-navigation .menu-wrap .main-menu .nav-wrap ul li.menu_box .info_box .info_Txt p{
	margin-bottom: 0;line-height:1.2rem;font-size: 1rem;color:#000;font-weight: 500;
}
.site-header .main-navigation .menu-wrap .main-menu .nav-wrap ul li.menu_box .info_box .info_Txt p.mblue{
	color:#0064FE;
}
.site-header .main-navigation .menu-wrap .main-menu .nav-wrap ul li.menu_box .info_box .user_img img{width:50px;height:50px;}

.site-header .main-navigation .menu-wrap .main-menu .nav-wrap ul li.menu_box .mTbtn_box{
height: 35px;
}

.site-header .main-navigation .menu-wrap .main-menu .nav-wrap ul li.menu_box .mTbtn_box .mTbtn_l{
	float: left;width:50%;height:36px;background:#fff;border-right:1px solid #dedede;border-bottom:1px solid #ddd;
	border-top: 1px solid #ddd;display: flex;align-items: center;
}

.site-header .main-navigation .menu-wrap .main-menu .nav-wrap ul li.menu_box .mTbtn_box .mTbtn_r{
	float: right;width: 50%;height:36px;background:#fff;border-top:1px solid #ddd;border-bottom:1px solid #ddd;display: flex;align-items: center;
}

.site-header .main-navigation .menu-wrap .main-menu .nav-wrap ul li.menu_box .mTbtn_box .mTbtn a{
	width:100%;color: #454545;font-size: 12px;text-align: center;display: block;padding-left:0;
}/*20210317*/

.site-header .main-navigation .menu-wrap .main-menu .nav-wrap ul li.menu_box .mTbtn_box .mTbtn a.menu-link b.icos_m img{width:20px;height: 20px;position: relative;top:-1px;left:-1px; }
.site-header .main-navigation .menu-wrap .main-menu .nav-wrap ul li.menu_box .mTbtn_box .mTbtn a.menu-link b.icos_mt img{width:14px;height: 20px;position: relative;top:-1px;right:1px}
/*20210317*/
.site-header .main-navigation .menu-wrap .main-menu .nav-wrap ul li.new_menu{height:36px;line-height:36px;display: flex;align-items: center;}
.site-header .main-navigation .menu-wrap .main-menu .nav-wrap ul li span.cross_a{width: 36px; height: 33px; text-align: center; color: rgba(0, 0, 0, 0.5); position: sticky;}

.site-header .main-navigation .menu-wrap .main-menu .nav-wrap ul li.new_bg{background:#F9F9F9; }
.site-header .main-navigation .menu-wrap .main-menu .nav-wrap ul li.new_menu .m_title{display:inline-block;width:100%;font-size:16px;color:#041370;font-weight:500;padding-left: 15px;padding-right: 15px;display: flex;align-items: center;}
.site-header .main-navigation .menu-wrap .main-menu .nav-wrap ul li.new_menu .m_title .vbar {display:inline-block;background-color:#084B8A; width:5px; height:16px;line-height: 16px;margin-right:5px; }
.site-header .main-navigation .menu-wrap .main-menu .nav-wrap ul li.new_menu a.menu-link{line-height: 40px;width:100%;display: inline-block;padding-left: 15px;padding-right: 15px;text-decoration: none;font-size: 14px;}/*20210317*/
.site-header .main-navigation .menu-wrap .main-menu .nav-wrap ul li.new_menu a.menu-link b.icos_m img{width:20px;height: 21px;position: relative;top:-1px;}


.site-header .main-navigation .menu-wrap .main-menu .nav-wrap ul li.appli_box{padding:5px 15px;border: 0;height: auto;}

.site-header .main-navigation .menu-wrap .main-menu .nav-wrap ul li.appli_box .appli_comp{
	height:70px;border: 1px solid #ddd;padding:8px 10px 9px;border-radius:2px;margin-bottom:15px;position: relative;
}
.site-header .main-navigation .menu-wrap .main-menu .nav-wrap ul li.appli_box .appli_comp:last-child{
margin-bottom:0px;
}
.site-header .main-navigation .menu-wrap .main-menu .nav-wrap ul li.appli_box .appli_comp .appli_l{
	float: left;
}

.site-header .main-navigation .menu-wrap .main-menu .nav-wrap ul li.appli_box .appli_comp .appli_r{
	float: right;
}

.site-header .main-navigation .menu-wrap .main-menu .nav-wrap ul li.appli_box .appli_comp .appli_l .appliTitle{
	font-size:13px;color: #041370;margin-bottom: 0;line-height: 24px;width:100%;white-space: nowrap;text-overflow: ellipsis;	overflow:hidden;
}
.site-header .main-navigation .menu-wrap .main-menu .nav-wrap ul li.appli_box .appli_comp .appli_l .dateTime{
	font-size:13px;color: #777;margin-bottom: 0;line-height: 13px;padding-left:19px;
}

.site-header .main-navigation .menu-wrap .main-menu .nav-wrap ul li.appli_box .appli_comp .appli_l .appliTitle b.icos_m img{display:inline-block;width:15px;height: 15px;position:relative;top:-1px;
}

.site-header .main-navigation .menu-wrap .main-menu .nav-wrap ul li.appli_box .appli_comp .appli_r a.appli_btn{
font-size:12px;color:#fff;background:#0064FE;border:1px solid #0056DB;position: absolute;right:5px;bottom:8px;display: block;line-height: 16px;text-align: center;padding:2px 3px 0;text-decoration: none;
	box-sizing: border-box;

}

/*20210701 참가선수 팝업 추가,교체,삭제 at by Jo*/
.modal-content .div-say-box{background-color: #f7f7f7;border: 1px solid #dedede;padding: 10px;color: #555;font-size: 0.8125rem;}
.popselect{width:58%;float:left;margin-top:0 !important;}
.pdtxt{width:40%;float:left;margin-left:2%; font-size:0.825rem;line-height:35px;margin-bottom: 0;}
.textbox{background:#fff !important;width:100%; }
.pttxt{width:40%;float:left;margin-right:2%; font-size:0.825rem;line-height:35px;margin-bottom: 0;}
.petxt{font-size:0.825rem;margin-bottom: 0;}
.pctxt{width: 100%;font-size:0.825rem;margin-bottom: 0;text-align: center;}