@charset "UTF-8";
html { font-size: 16px; }

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,table,tr,th,td,address{margin:0;padding:0;}

html body { line-height: normal; }

html[lang="ko-KR"], html[lang="ko"] { font-family: "Noto Sans KR", "맑은 고딕", "Malgun Gothic", arial, "Apple Gothic", "Apple SD Gothic Neo", "돋움", dotum, "굴림", gulim, sans-serif; }

/* html[lang="ko-KR"] body, html[lang="ko"] body { font-size: 16px; } */

html[lang="en"], html *[lang="en"] { font-family: "Noto Sans KR", "맑은 고딕", "Malgun Gothic", arial, "Apple Gothic", "Apple SD Gothic Neo", "돋움", dotum, "굴림", gulim, sans-serif; }

html[lang="en"] body, html *[lang="en"] body { font-size: 18px; }

html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { color: #222; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

a { background-color: transparent; }

a:active, a:hover { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

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

mark { background: #ff0; color: inherit; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

small { font-size: 80%; }

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

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; }

svg:not(:root) { overflow: hidden; }

figure { margin: 1em 40px; }

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

pre { overflow: auto; }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }

button { overflow: visible; outline: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

button, select { text-transform: none; }

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

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

input { line-height: normal; }

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

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

input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; }

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

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h2, h4, h5, h6, pre, code, form, fieldset, figure, legend, input, textarea, button, p, blockquote, th, td, form, fieldset, blockquote, iframe { margin: 0; padding: 0; -ms-text-size-adjust: none; -webkit-text-size-adjust: none; text-size-adjust: none; }

html * { box-sizing: border-box; word-wrap: break-word; }

article, aside, canvas, details, embed, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }

command, datalist, keygen, mark, meter, progress, rp, rt, ruby, time, wbr { display: inline; }

img { vertical-align: top; border: 0; }

fieldset { border: 0; }

ul, ol, li { list-style: none; }

hr { display: none; border: 0; }

pre { white-space: pre-wrap; }

legend, caption { display: none; clear: both; }

a { color: inherit; cursor: pointer; }

a:link { text-decoration: none; }

a:hover, a:focus, a:active, a:visited { text-decoration: none; }
a.cs-received-link { text-decoration:underline; cursor: pointer; } /* 20200730 채팅중 링크 속성 추가 jsh */
a.cs-received-link:link { color:blue; display:inline !important } /* 20200730 채팅중 링크 속성 추가 jsh */
a.cs-received-link:visited { color:purple; } /* 20200730 채팅중 링크 속성 추가 jsh */
a.cs-received-link:hover { color:blue; } /* 20200730 채팅중 링크 속성 추가 jsh */
a.cs-received-link:active { color:red; } /* 20200730 채팅중 링크 속성 추가 jsh */

h1, h2, h2, h4, h5, h6 { font-size: 100%; font-weight: normal; word-break: keep-all; }

em, i, address, cite { font-style: normal; font-weight: normal; }

input, textarea, select, button, table { font-size: inherit; font-family: inherit; *font-size: inherit; border: 0; background-color: transparent; }

button, select { cursor: pointer; -webkit-appearance: none;}

textarea, input, select { outline-color: -moz-use-text-color; outline-style: none; outline-width: medium; }

textarea { resize: none; }

label { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

table { table-layout: fixed; border-collapse: collapse; border-spacing: 0; }

th, td { border-collapse: collapse; }

progress[value] { appearance: none; -moz-appearance: none; -webkit-appearance: none; border: none; background-size: auto; }

progress[value][role][aria-valuenow] { appearance: none; -moz-appearance: none; -webkit-appearance: none; border: none; background-size: auto; }

progress[value][role][aria-valuenow]:after { background-image: none; }

progress[value][role][aria-valuenow]:before { display: table; }

progress[value][role][aria-valuenow] strong { display: none; }

progress[value][role][aria-valuenow]::-webkit-progress-value, progress[value][role][aria-valuenow]::-webkit-progress-inner-element { display: table; }

progress[value][role][aria-valuenow]::-webkit-progress-bar { display: table-cell; }

progress[value][role][aria-valuenow]::-moz-progress-bar, progress[value][role][aria-valuenow]::-webkit-progress-value { display: table; }

textarea { color: inherit; }

textarea:focus::-webkit-input-placeholder { color: transparent; }

textarea:focus:-moz-placeholder { color: transparent; }

textarea:focus::-moz-placeholder { color: transparent; }

textarea:focus:-ms-input-placeholder { color: transparent; }

input[type="reset"], input[type="button"], input[type="submit"] { line-height: normal !important; cursor: pointer; }

input[type="button"], input[type="text"], input[type="image"], input[type="submit"] { -webkit-appearance: none; }

input:checked[type="checkbox"] { background-color: #fff; -webkit-appearance: checkbox; }

input { color: inherit; }

input::-webkit-input-placeholder { color: inherit; }

input::-moz-placeholder { color: inherit; }

input:-ms-input-placeholder { color: inherit; }

input:-moz-placeholder { color: inherit; }

input:focus::-webkit-input-placeholder { color: transparent; }

input:focus:-moz-placeholder { color: transparent; }

input:focus::-moz-placeholder { color: transparent; }

input:focus:-ms-input-placeholder { color: transparent; }

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { -webkit-text-fill-color: inherit; box-shadow: 0 0 0px 1000px white inset; }

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

input[type="date"]::-webkit-clear-button { display: none; }

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

input[type="date"]::-webkit-calendar-picker-indicator { color: #343434; background: #fff; }

input[type="date"] { -moz-appearance: none; appearance: none; -webkit-appearance: none; display: inline-block !important; visibility: visible !important; }

input[type="date"], input:focus { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; }

@media print { code[class*="language-"], pre[class*="language-"] { text-shadow: none; }
	html * { color: #000; background: #fff; } }

pre, code { font-family: "맑은 고딕", "Malgun Gothic", arial, "Apple Gothic", "Apple SD Gothic Neo", "돋움", dotum, "굴림", gulim, sans-serif; line-height: 22.4px; }

/* clearfix */
.clearfix { *zoom: 1; }

.clearfix:before, .clearfix:after { content: ''; display: block; }

.clearfix:after { clear: both; }

/* common */

.bb0{border-bottom: none !important;}

.bt1{border-top: 0.062rem solid #f0f1f5;}

.bb1{border-bottom: 0.062rem solid #f0f1f5;}

.bc_000{border-color: #000 !important;}

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

.mb10{margin-bottom: .625rem !important;}

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

.pb10{padding-bottom: .625rem !important;}

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

.pt10{padding-top: .625rem !important;}

.pt20{padding-top: 1.25rem !important;}

.select_box{background: url("../images/arrow-down_btn.png") no-repeat right 0.675rem center; background-size: 0.675rem;}

.date_box{
	background: url("../images/date_icon_on.png") no-repeat right 0.675rem center; background-size: 1.25rem; 
	border:1px solid #e6e7e8; background-color: #fff; display: inline-block; width: 100%;
}

.date_disabled{background-image: url("../images/date_icon_off.png")}

/* layout */
.wrap { position: relative; width: 100%; overflow-x: auto; overflow-y: hidden; }

.main { float: left; width: calc(100% - 200px); height: 100%; }

.main-header { position: relative; height: 80px; border-bottom: 1px solid #cfd1d4; }

.main-header > p { display: inline-block; font-size: 24px; font-weight: 700; color: #222; line-height: 80px; margin-left: 30px; vertical-align: middle; }

.main-header > p.operate-time { border-radius: 8px; border: solid 1px #dee3eb; background-color: #ffffff; padding: 8px 10px; font-size: 14px; font-weight: 700; color: #222; margin-left: 16px; line-height: 1em; }

.main-header > p.operate-time > span { font-weight: 400; margin-left: 8px; }

.main-header > ul { position: absolute; top: 0; right: 40px; }

.main-header > ul > li { float: left; position: relative; font-size: 17px; font-weight: 700; color: #b2b7bb; line-height: 80px; padding: 0 20px; cursor: pointer; }

.main-header > ul > li.on { color: #222; }

.main-header > ul > li.on:after { position: absolute; display: block; content: ''; bottom: 0; left: 0; width: 100%; height: 4px; background-color: #4a8fff; }

.main-header > ul > li.error:before { position: absolute; display: block; content: ''; top: 22px; right: 0; width: 18px; height: 18px; background: url("../images/icon-error.png"); }

.main-header > ul > li.new:before { position: absolute; display: block; content: ''; top: 30px; right: 8px; width: 6px; height: 6px; border-radius: 3px; background-color: #f76252; }

.main-contents { height: calc(100% - 80px) !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.inner { width: 1100px; margin: 0 auto; padding: 30px 0; }

/* width */
.w360 { width: 360px; }

.w420 { width: 420px; }

.w480 { width: 480px; }

.w520 { width: 520px; }

.w560 { width: 560px; }

.w960 { width: 960px; }

.w970 { width: 970px; }

/* input (text, password) */
input[type="text"], input[type="password"], input[type="number"], input[type="tel"] { display: inline-block; width: 100%; height: 40px; border: 1px solid #e6e7e8; background-color: #fff; font-size: 14px; font-weight: 400; color: #222; }

input[type="text"].input-large, input[type="password"].input-large, input[type="number"].input-large, input[type="tel"].input-large { height: 56px; }

input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder { color: #b2b7be; }

input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="tel"]::-moz-placeholder { color: #b2b7be; }

input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder { color: #b2b7be; }

input[type="text"]:-moz-placeholder, input[type="password"]:-moz-placeholder, input[type="number"]:-moz-placeholder, input[type="tel"]:-moz-placeholder { color: #b2b7be; }

input[type="text"]:disabled, input[type="password"]:disabled, input[type="number"]:disabled, input[type="tel"]:disabled { opacity: 0.5; }

/* radio */
/*input[type="radio"] { display: none; position: absolute; top: 0; left: 0; width: 0; height: 0; }*/
input[type="radio"]{position: fixed; opacity: 0; pointer-events: none;}
input[type="radio"]:focus-visible {outline:2px; outline-color:#000; outline-style: solid; outline-width:2px;} /*웹접근성2022.10.27-추가*/

input[type="radio"] + label { display: inline-block; vertical-align: middle; min-height: 24px; font-size: 18px; font-weight: 500; color: #222; line-height: 24px; padding-left: 31px; background: url("../images/btn-radio-off.png") left center no-repeat; }
input[type="radio"]:focus-visible + label {outline:2px; outline-color:#000 outline-style: solid; outline-width:2px;} /*웹접근성2022.10.27-추가*/

input[type="radio"]:checked + label { background: url("../images/btn-radio-on.png") left center no-repeat; }

input[type="radio"]:disabled + label { background: url("../images/btn-radio-disabled.png") left center no-repeat; color: #b2b7be; }

/* checkbox */
/*input[type="checkbox"] { display: none; position: absolute; top: 0; left: 0; width: 0; height: 0; }*/
input[type="checkbox"] {/*position: fixed;*/ opacity: 0; pointer-events: none; /*display:none;*/}
input[type="checkbox"]:focus-visible  {outline:2px; outline-color:#000; outline-style: solid; outline-width:2px;} /*웹접근성2022.10.27-추가*/
input[type="checkbox"] + label { display: inline-block; vertical-align: middle; min-height: 24px; font-size: 14px; font-weight: 400; color: #222; line-height: 22px; padding-left: 31px; background: url("../images/btn-checkbox-off-20.png") left center no-repeat; background-size: 1.25rem; }
input[type="checkbox"]:focus-visible  + label {outline:2px; outline-color:#000; outline-style: solid; outline-width:2px;} /*웹접근성2022.10.27-추가*/

input[type="checkbox"]:checked + label { background: url("../images/btn-checkbox-on-20.png") left center no-repeat; background-size: 1.25rem; }

input[type="checkbox"]:disabled + label { background: url("../images/btn-checkbox-disabled-20.png") left center no-repeat; color: #b2b7be; background-size: 1.25rem; }

input[type="checkbox"].sircle + label { background: url("../images/btn-checkbox-sircle-off.png") left top .175rem no-repeat; background-size: 1.25rem; }

input[type="checkbox"].sircle:checked + label { background: url("../images/btn-checkbox-sircle-on.png") left top .175rem no-repeat; background-size: 1.25rem; }

input[type="checkbox"].sircle:disabled + label { background: url("../images/btn-checkbox-disabled-20.png") left top .175rem no-repeat; color: #b2b7be; background-size: 1.25rem; }

/* input[type="checkbox"].check-small + label { min-height: 20px; line-height: 20px; padding-left: 27px; background: url("../images/btn-checkbox-off-20.png") left center no-repeat; font-size: 14px; }

input[type="checkbox"].check-small:checked + label { background: url("../images/btn-checkbox-on-20.png") left center no-repeat; }

input[type="checkbox"].check-small:disabled + label { background: url("../images/btn-checkbox-disabled-20.png") left center no-repeat; color: #b2b7be; } */

/* textarea */
textarea { display: inline-block; width: 100%; border-radius: 8px; border: 1px solid #e6e7e8; background-color: #fff; padding: 13px 16px; font-size: 15px; font-weight: 400; color: #222; }

textarea::-webkit-input-placeholder { color: #b2b7be; }

textarea::-moz-placeholder { color: #b2b7be; }

textarea:-ms-input-placeholder { color: #b2b7be; }

textarea:-moz-placeholder { color: #b2b7be; }

textarea:disabled { opacity: 0.5; }

/* input-set */
.input-set > p { font-size: 14px; font-weight: 700; color: #222; margin-bottom: 8px; }

.input-set > p > span { display: inline-block; vertical-align: middle; float: right; font-size: 14px; font-weight: 400; color: #4a8fff; }

.input-set .check-radio-wrap { padding: 12px 16px; border-radius: 8px; background-color: #fafbfc; }

.input-set .check-radio-wrap > span + span { margin-left: 20px; }

.input-set + .input-set { margin-top: 20px; }

.two-input { font-size: 0; }

.two-input .dropdown { display: inline-block; width: calc((100% - 10px) / 2); }

.two-input > input { width: calc((100% - 10px) / 2); }

.two-input .dropdown + .dropdown { margin-left: 10px; }

.two-input > input + input { margin-left: 10px; }

.two-input .dropdown + input { margin-left: 10px; }

.two-input > input + .dropdown { margin-left: 10px; }

/* tooltip */
.tooltip-set { position: relative; display: inline-block; }

.tooltip-set > p { font-size: 14px; font-weight: 700; color: #222; margin-bottom: 8px; }

.btn-tooltip { display: inline-block; width: 14px; height: 14px; vertical-align: middle; text-indent: -9999px; background: url("../images/icon-tip-01.png") no-repeat; margin-left: 5px; margin-top: -3px; }

.tooltip { display: none; position: absolute; top: 30px; right: -217px; width: 292px; padding: 20px 20px 30px 16px; border: 1px solid #333; border-radius: 8px; background-color: #fff; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08); z-index: 1; }

.tooltip.on { display: block; }

.tooltip:after { position: absolute; display: block; content: ''; top: -10px; left: 62px; width: 10px; height: 10px; background: url("../images/arrow-tooltip.png"); }

.tooltip.mini { width: 132px; }

.tooltip > p { font-size: 14px; font-weight: 700; color: #222; }

.tooltip > ul { margin-top: 20px; }

.tooltip > ul > li { position: relative; font-size: 14px; font-weight: 400; color: #222; line-height: 1.4em; padding-left: 8px; }

.tooltip > ul > li:before { position: absolute; display: block; content: ''; top: 8px; left: 0; width: 2px; height: 2px; border-radius: 1px; background-color: #222; }

.tooltip > ul > li + li { margin-top: 20px; }

/* dropdown */
.dropdown { position: relative; }

.dropdown > input { background: #fff url("../images/arrow-down-dropdown-14.png") right center no-repeat; cursor: pointer; padding-right: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.dropdown > div { position: absolute; top: 0; left: 0; width: 100%; height: auto; max-height: 0; -webkit-transform-origin: top; transform-origin: top; border-radius: 8px; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1); background-color: #fff; overflow: hidden; z-index: 1; -webkit-transition: all .2s; transition: all .2s; }

.dropdown > div.on { max-height: 346px; border: 1px solid #b2b7be; }

.dropdown > div.bottom { top: auto; bottom: 0; -webkit-transform-origin: bottom; transform-origin: bottom; }

.dropdown > div > p { font-size: 15px; font-weight: 400; color: #000; padding: 13px 15px; background: url("../images/arrow-up-dropdown-14.png") right center no-repeat; cursor: pointer; }

.dropdown > div > ul { max-height: 300px; overflow-y: auto; }

.dropdown > div > ul::-webkit-scrollbar { width: 4px; background-color: #f5f5f5; }

.dropdown > div > ul::-webkit-scrollbar-thumb { background-color: gray; border-radius: 2px; }

.dropdown > div > ul::-webkit-scrollbar-track { background-color: #f5f5f5; border-radius: 2px; }

.dropdown > div > ul > li { position: relative; }

.dropdown > div > ul > li:hover { background-color: #f7f8f9; }

.dropdown > div > ul > li > input { display: none; position: absolute; top: 0; left: 0; width: 0; height: 0; }

.dropdown > div > ul > li > input:checked + label { background: none; font-weight: 700; }

.dropdown > div > ul > li > input + label { display: inline-block; width: 100%; padding: 13px 15px; font-size: 15px; font-weight: 400; color: #000; background: none; }

/* button */
.btn { display: inline-block; width: 100%; height: 48px; line-height: 46px; border: 1px solid #dee3eb; border-radius: 8px; background-color: #fff; text-align: center; font-size: 15px; font-weight: 700; color: #222; }

.btn:active { background-color: rgba(178, 183, 190, 0.08); }

.btn.blue { line-height: 48px; border: 0; background-color: #4a8fff; color: #fff; }

.btn.blue:active { background-color: #4682e4; }

.btn.big { height: 56px; line-height: 54px; font-size: 17px; }

.btn.big.blue { line-height: 56px; }

.btn.disabled { cursor: normal; pointer-events: none; opacity: 0.5; }

.btn:disabled { cursor: normal; pointer-events: none; opacity: 0.5; }

.btn-wrap { width: 100%; font-size: 0; }

.btn-wrap.two-btn .btn { width: calc((100% - 10px) / 2); }

.btn-wrap.two-btn .btn + .btn { margin-left: 10px; }

.btn-wrap.align-right { text-align: right; }

.btn-wrap.align-right > button { width: 100px !important; }

.btn-more { display: none; font-size: 14px; font-weight: 400; color: #b2b7be; text-decoration: underline; margin-top: 10px; }

/* table */
table { width: 100%; }

table.tbl-basic thead tr th { padding: 14px 0; background-color: #fafbfc; font-size: 14px; font-weight: 400; color: #6b6e73; border-bottom: 1px solid #dee3eb; position: relative; }

table.tbl-basic thead tr th:after { position: absolute; display: block; content: ''; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 1px; height: calc(100% - 28px); background-color: #e6e7e8; }

table.tbl-basic thead tr th:last-child:after { display: none; }

table.tbl-basic thead tr th .btn-sort { padding-right: 16px; background: url("../images/icon-order-none.png") right center no-repeat; }

table.tbl-basic thead tr th .btn-sort.ascending { background: url("../images/icon-order-ascending.png") right center no-repeat; }

table.tbl-basic thead tr th .btn-sort.descending { background: url("../images/icon-order-descending.png") right center no-repeat; }

table.tbl-basic tbody tr td { text-align: center; padding: 20px 0; font-size: 15px; font-weight: 400; color: #222; border-bottom: 1px solid #f1f2f6; }

table.tbl-basic tbody tr td.bold { font-weight: 700; }

table.tbl-basic tbody tr td > button { color: #4a8fff; text-decoration: underline; }

/* 채팅 모듈 */
/* .chat-wrap { background-color: #f7f8f9; } */

.chatting-module { display: -webkit-box; display: -ms-flexbox; display: flex; min-width: 320px; height: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;/* background-color: #f1f4f6; */-webkit-box-flex: 1; -ms-flex: 1 1 0%; flex: 1 1 0%; }

/* .chatting-module .chatting-top */

.chatting-module .chatting-top { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 12.96vw; flex: 0 0 12.96vw; padding:0 1.25rem; background:#f4f4f4 url('../images/ico_chatbot.png') center center no-repeat; background-size:7% ; }

.chatting-module .chatting-top .left { width:24.6vw; position: absolute; top: 50%; left: 1.25rem; -webkit-transform: translateY(-50%); transform: translateY(-50%);}

.chatting-module .chatting-top .left > button > img{width:100%; box-shadow: 0 0 10px rgba(0,0,0,0.1); border-radius:10px 25px 25px 10px;}

.chatting-module .chatting-top .right { width:4.25vw; position: absolute; top: 50%; right: 1.25rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.chatting-module .chatting-top .right > button > img { width:100%; }

/* .chatting-module .chatting-mid */

.chatting-module .chatting-mid { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; overflow-y: auto; padding: 1.875rem 1.25rem; }

.chatting-module .chatting-mid.smooth { scroll-behavior: smooth; }

.chatting-module .chatting-mid .notice { height: 26px; line-height: 26px; font-size: 13px; font-weight: 400; color: #6b6e73; text-align: center; border-radius: 4px; background-color: rgba(178, 183, 190, 0.1); }

.chatting-module .chatting-mid .date { text-align: center; }

.chatting-module .chatting-mid .date > p { display: inline-block; height: 26px; line-height: 26px; border-radius: 13px; background-color: #fff; font-size: 12px; font-weight: 400; color: #b2b7be; text-align: center; padding: 0 0.937rem; }

.msg-user { width: 81.7%; }

.msg-user > li { position: relative; padding-left:13.83%; }

.msg-user > li::after{content:''; width:7.22vw; height:9.16vw; display:inline-block; background:url('../images/ico_chatbot.png') 0 0 no-repeat; background-size:cover; position:absolute; top:0; left:0;}

.msg-user > li > div { position: relative; display: inline-block; width: 100%; }

.msg-user > li > div > div { width: 100%; display: inline-block; font-weight: 400; color: #000; background-color: #fff; padding: 1.25rem; border-radius: 7px; border:0.062rem solid #f0f1f5;  line-height: 1.3em; }

.msg-user > li > div > div > h2{width:100%; font-size:21px; margin-bottom: 0.625rem; padding-bottom:0.75rem; font-weight:700; border-bottom:0.125rem solid #000}

.msg-user > li > div > div > h2 > span{float: right; font-size: 18px;}

.msg-user > li > div > div > h2 > span > b{color: #f36910;}

.msg-user > li > div > div > h3{width:100%; font-size:18px; padding:0.625rem 0; border-bottom:0.062rem solid #000; font-weight:500;}

.msg-user > li > div > div > h3::before{content:""; display: inline-block; margin-top: -0.1875rem; margin-right: 0.625rem; width: 0.25rem; height: 0.25rem; background-color: #000; border-radius: 50%; vertical-align: middle;}

.msg-user > li > div > div > p{font-size: 14px; color: #666;}

.msg-user > li > div > div > p.sub-tit{font-size: 16px; color: #000;}

.msg-user > li > div > div > p.sub-middot{position: relative; padding-left: .625rem;}

.msg-user > li > div > div > p.sub-middot::before{content:""; position: absolute; left: 0; top: .625rem; width: 0.1875rem; height: 0.1875rem; background-color: #000; border-radius: 50%; vertical-align: middle;}

.msg-user > li > div > div > .blank_area {margin: .625rem 0; width: 100%; height: 2.5rem; border: 0.062rem solid #eeecf4;}

.msg-user > li > div > div > .bank_sel a {display: inline-block; margin: 0.625rem 0 0.625rem; padding-left: 0.675rem; width: 100%; height: 2.5rem; line-height: 2.375rem; color: #f36910; border:0.062rem solid #eeecf4; background: url("../images/arrow-down_btn.png") no-repeat right 0.675rem center; background-size: 0.675rem;}

.msg-user > li > div > div .fr {overflow: hidden; margin-top: 0.625rem;}

.msg-user > li > div > div .fr > p {float: right; }

.msg-user > li > div > div .fr > p > span {display: inline-block; margin-left: 1.25rem;}

.msg-user > li > div > div .fr > p > span > b{color: #f36910;}

.msg-user > li > div > div > ul{ width: 100%; }

.msg-user > li > div > div > ul.con_form > li{padding:1.25rem 0; border-bottom:0.062rem solid #f0f1f5; font-size: 0; }

.msg-user > li > div > div > ul.con_form > li > span{ display: inline-block; font-size: 18px; font-weight: 400; }

.msg-user > li > div > div > ul.con_form > li > span.item-tit{ width:6.25rem; vertical-align: middle; color:#666; }

.msg-user > li > div > div > ul.con_form > li > span.item-cont{ width:calc(100% - 6.25rem); line-height:16px; vertical-align: middle; }

.msg-user > li > div > div > ul.con_form > li > span.item-cont-fr{float: right;}

.msg-user > li > div > div > ul.con_form > li > span.item-cont-fr b{margin-right: .675rem; color: #f36910;}

.msg-user > li > div > div > ul.place_form { padding-top:0.75rem; }

.msg-user > li > div > div > ul.place_form > li{ width: 100%; }

.msg-user > li > div > div > ul.place_form > li > a{ display: block; width: 100%; padding:1.25rem 0; text-align: center; font-weight: 700; font-size: 18px; border-top:0.062rem solid #f0f1f5;}

.msg-user > li > div > div > ul.place_form > li > a.active{ color: #f36910; }

.msg-user > li > div > div > ul li{font-size: 0;}

.msg-user > li > div > div > ul li .flex_form { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding: .625rem 0;}

.msg-user > li > div > div > ul li .flex_form + .flex_form{padding: 0;}

.msg-user > li > div > div > ul li .flex_form > input[type="number"]{ text-align: center; color: #f36910; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; }

.msg-user > li > div > div > ul li .flex_form > span{ padding: 0 0.25rem; font-size: 24px; }

.msg-user > li > div > div > ul li .flex_form > h4{position:relative; width: 5.625rem; font-size:18px; padding:0.625rem 0; font-weight:500;}

.msg-user > li > div > div > ul li .flex_form > h4::before{content:""; display: inline-block; margin-top: -0.1875rem; margin-right: 0.625rem; width: 0.25rem; height: 0.25rem; background-color: #000; border-radius: 50%; vertical-align: middle;}

.msg-user > li > div > div > ul li .flex_form > p {position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1 1 0; flex: 1 1 0; font-size: 18px;}

.msg-user > li > div > div > ul li .flex_form > p > a{-webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 0 .675rem; height: 40px; line-height: 38px; border:0.062rem solid #eeecf4;}

.msg-user > li > div > div > ul li .flex_form > p > input{-webkit-box-flex: 1; -ms-flex: 1 1 0; flex: 1 1 0; padding: 0px 3.25rem 0 1.25rem; height: 40px; line-height: 38px; border:0.062rem solid #eeecf4;color: #f36910; text-align: right;}

.msg-user > li > div > div > ul li .flex_form > p > input.input_basic{padding: 0 1.25rem; text-align: center; color: #000;}

.msg-user > li > div > div > ul li .flex_form > p > span{padding: 0 0.5rem; font-size: 18px;}

.msg-user > li > div > div > ul li .flex_form > p > span.item-btn{margin-left: 0.625rem; padding: 0; width: 5.375rem; height: 40px; line-height: 38px; font-size: 14px; text-align: center; border:0.062rem solid #f36910; color: #f36910;}

.msg-user > li > div > div > ul li .flex_form > p > span.item-btn a{display: block; width: 100%; height: 100%;}

.msg-user > li > div > div > ul li .flex_form > p > span.phone_time{position: absolute; right: 0.9375rem; top: 50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); color: #f36910; font-size: 14px; font-weight: 400;}

.msg-user > li > div > div > ul li .flex_form > p.phone_sel { margin-right: 0.625rem; }

.msg-user > li > div > div > ul li .flex_form > p.phone_sel a{ width: 5.625rem; }

.msg-user > li > div > div > ul li .flex_form > .flex_btn{display: inline-block; -webkit-box-flex: 1; -ms-flex: 1 1 0; flex: 1 1 0; margin-right: 0.625rem; padding: 0.75rem 0; border: 0.062rem solid #eeecf4; font-size: 18px; color: #aaa; text-align: center;}

.msg-user > li > div > div > ul li .flex_form > .flex_btn:last-of-type{margin-right: 0;}

.msg-user > li > div > div > ul li .flex_form > .flex_btn.chatting-check{border-color:#000; color: #000;}

.msg-user > li > div > div > ul li .flex_form.txt_box::after{content:"만원"; position: absolute; right: 5.875rem; top: 50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); color: #000; font-size: 18px;}

.msg-user > li > div > div > ul li .flex_form.txt_box.one_input::after{right: .625rem;}

.msg-user > li > div > div > ul li .flex_form.txt_box2::after{content:"원"; position: absolute; right: 5.875rem; top: 50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); color: #000; font-size: 18px;}

.msg-user > li > div > div > ul li .flex_form.txt_box2.one_input::after{right: .625rem;}

.msg-user > li > div > div > ul li .result_wrap{width: 100%; font-size: 0;}

.msg-user > li > div > div > ul li .result_wrap h4{display: inline-block; color: #666; font-size: 14px;}

.msg-user > li > div > div > ul li .result_wrap span{float: right; font-size: 14px; font-weight: 700; color: #000;}

.msg-user > li > div > div > ul li .result_wrap p{position: relative; padding: 0.675rem; padding-left: 1.25rem; background-color: #f4f4f4; font-size: 14px;}

.msg-user > li > div > div > ul li .result_wrap p + p{padding-top: 0;}

.msg-user > li > div > div > ul li .result_wrap p::before {content:"*"; position: absolute; left: .675rem; top: 1.5rem; -webkit-transform:translateY(-50%); transform:translateY(-50%); }

.msg-user > li > div > div > ul li .result_wrap p + p::before{top: .875rem;}

.msg-user > li > div > div > ul li .radio_wrap span + span{margin-left: 1.25rem;}

.msg-user > li > div > div > ul li .bank_list {margin-left: 0.062rem; font-size: 0; }

.msg-user > li > div > div > ul li .bank_list li{display: inline-block; position: relative; margin-left: -0.062rem; margin-top: -0.062rem; z-index: 1; width: 33.3333%; border:0.062rem solid #eeecf4;}

.msg-user > li > div > div > ul li .bank_list li.click{z-index: 2; border-color:#000;}

.msg-user > li > div > div > ul li .bank_list li img{width: 100%;}

.msg-user > li > div > div > ul li .day_list { margin-bottom: .625rem; width: 100%; font-size: 0;}

.msg-user > li > div > div > ul li .day_list a{display: inline-block; width: calc((100% - 1.25rem) / 3); margin: 0.625rem .625rem 0 0; padding: .75rem 0; border: 0.062rem solid #eeecf4; font-size: 18px; color: #aaa; text-align: center;}

.msg-user > li > div > div > ul li .day_list a:nth-of-type(3n){margin-right: 0;}

.msg-user > li > div > div > ul li .day_list a.chatting-check{color: #000; border-color: #000;}

.msg-user > li > div > div > ul li span{font-size: 14px; color: #666;}

.msg-user > li > div > div > .detail_form{margin-top: 0.9375rem; padding: 1rem; border: 0.062rem solid #eeecf4; border-radius: 8px;}

.msg-user > li > div > div > .detail_last{margin-bottom: 0.9375rem;}

.msg-user > li > div > div > .detail_form .detail_header{font-size: 0;}

.msg-user > li > div > div > .detail_form .detail_header h4{display: inline-block; font-size: 16px; font-weight: 700;}

.msg-user > li > div > div > .detail_form .detail_header p{display: inline-block; float: right; font-size: 14px; font-weight: 700; color: #666;}

.msg-user > li > div > div > .detail_form .detail_header p.detail_on{color: #f36910;}

.msg-user > li > div > div > .detail_form .detail_con{font-size: 16px;}

.msg-user > li > div > div > .check_form .check_header{padding: 0.4375rem 0 1.0625rem;}

.msg-user > li > div > div > .check_form .check_header .fr{margin-top: 0;}

.msg-user > li > div > div > .check_form .check_header label{float: left; font-size: 18px; color: #000; font-weight: 500;}

.msg-user > li > div > div > .check_form .check_con > div{padding: 1rem; border: 0.062rem solid #eeecf4; border-radius: 8px;}

.msg-user > li > div > div > .check_form .check_con > div + div{margin-top: 1rem;}

.msg-user > li > div > div > .check_form .check_con > div .check_con_header{padding-bottom: 0.9375rem; border-bottom: 0.062rem solid #000;}

.msg-user > li > div > div > .check_form .check_con > div .check_con_header label{float: left; font-size: 16px; font-weight: 700;}

.msg-user > li > div > div > .check_form .check_con > div .check_con_header p{float: right; font-weight: 700; font-size: 14px;}

.msg-user > li > div > div > .check_form .check_con > div .check_con_header p.check_on{color: #f36910;}

.msg-user > li > div > div > .check_form .check_con > div .check_con_con ul li{font-size: 0;}

.msg-user > li > div > div > .check_form .check_con > div .check_con_con ul li span{display: inline-block; padding-top: 0.9375rem; font-size: 16px; vertical-align: top;}

.msg-user > li > div > div > .check_form .check_con > div .check_con_con ul li .check_con_left{width: 7.1875rem;}

.msg-user > li > div > div > .check_form .check_con > div .check_con_con ul li .check_con_right{width: calc(100% - 7.1875rem);}

.msg-user > li > div > div > .check_form .check_con > div .check_con_con ul li .check_con_right b{color: #f36910;}

.msg-user > li > div > div > .check_form .check_con > .check_list{padding-bottom: 1.25rem; border-bottom: 0.062rem solid #000;}

.msg-user > li > div > div > .check_form .check_con > .check_list > li > span{display: inline-block; width: 100%; padding: 0.9375rem 1.5rem 0.9375rem 0; font-size: 18px; font-weight: 500; border-top: 0.062rem solid #eeecf4; cursor: pointer; background: url("../images/accordion_down.png") no-repeat right center; background-size: 0.625rem;}

.msg-user > li > div > div > .check_form .check_con > .check_list > li > span.on{background-image: url("../images/accordion_up.png");}

.msg-user > li > div > div > .check_form .check_con > .check_list > li > span.check_btn label{font-size: 18px; color: #000; font-weight: 500;}

.msg-user > li > div > div > .check_form .check_con > .check_list > li > div{display: none; padding: 1.25rem; background-color: #f4f4f4;}

.msg-user > li > div > div > .banner_wrap img{width: 100%;}

.msg-user > li > div > div > .banner_wrap.line img{border: 0.062rem solid #eeecf4;}




.msg-user > li > div > div > .btn_wrap {padding-top: 0.875rem; font-size: 0;}

.msg-user > li > div > div > .btn_wrap > .chatting-btn{display: inline-block; margin-right: 3.4%; padding: 0.75rem 0; width: calc(50% - 1.7%); font-size: 18px; text-align: center; font-weight: 500;}

.msg-user > li > div > div > .btn_wrap > .chatting-btn.line{border: 0.062rem solid #000;}

.msg-user > li > div > div > .btn_wrap > .chatting-btn.orange{background-color: #f36910; color: #fff; border: 0.062rem solid #f36910;}

.msg-user > li > div > div > .btn_wrap > .chatting-btn.yellow{background-color: #f7b412; color: #fff; border: 0.062rem solid #f7b412;}

.msg-user > li > div > div > .btn_wrap > .chatting-btn.large{ width: 100%; }

.msg-user > li > div > div > .btn_wrap > .chatting-btn.large2{ width: 70.0666%; }

.msg-user > li > div > div > .btn_wrap > .chatting-btn.small{ width:26.5333% }

.msg-user > li > div > div > .btn_wrap > a:last-of-type{margin-right: 0 !important;}

.msg-user > li > div > div > .btn_wrap > .more_btn{display: inline-block; margin-bottom: 0.875rem; padding: 0.75rem 0; width: 100%; background-color: #f4f4f4; font-size: 16px; font-weight: 500; text-align: center;}








.msg-user > li > div .time { width: 100%; font-size: 12px; font-weight: 400; color: #999; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-top:0.625rem}

.msg-user > li + li { margin-top: 0.625rem; }

.msg-counselor > li { position: relative; text-align: right; }

.msg-counselor > li > div { position: relative; display: inline-block; max-width: 80%; }

.msg-counselor > li > div > div { width: 100%; position: relative; display: inline-block; font-size: 14px; font-weight: 400; padding: 0.875rem; border-radius: 10px; line-height: 1.3em; text-align: left; }

.msg-counselor > li > div .time { width: 100%; font-size: 12px; font-weight: 400; color: #999; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-top:0.625rem}

.msg-counselor.gray > li > div > div { color: #222; background-color: #dee3eb; }

.msg-counselor.gray > li:first-child > div > div:after { position: absolute; display: block; content: ''; top: 0; right: -4px; width: 12px; height: 20px; background: url("/img/chatting-tail-gray.png"); }

.msg-counselor.blue > li > div > div { color: #fff; background-color: #4a8fff; }

.msg-counselor.blue > li > div > div > mark { color: #222; }

.msg-counselor.blue > li:first-child > div > div:after { position: absolute; display: block; content: ''; top: 0; right: -4px; width: 12px; height: 20px; background: url("../images/chatting-tail-blue.png"); }

.msg-counselor > li + li { margin-top: 6px; }

.chatting-mid > ul + ul { margin-top: 1.25rem; }

.chatting-mid > ul + .notice { margin-top: 30px; }

.chatting-mid > .notice + ul { margin-top: 30px; }

.chatting-mid > ul + .date { margin-top: 30px; }

.chatting-mid > .date + ul { margin-top: 30px; }

.chatting-mid > .notice + .date { margin-top: 30px; }

.chatting-mid > .date + .notice { margin-top: 30px; }

.chatting-module .chatting-bottom { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 180px; flex: 0 0 180px; padding: 10px 34px 0; }

.chatting-module .chatting-bottom .msg-floating { position: absolute; width: 100%; top: -55px; left: 0; padding: 0 34px; z-index: 2; }

.chatting-module .chatting-bottom .msg-floating > button { display: block; width: 100%; height: 48px; line-height: 48px; padding: 0 60px 0 30px; border-radius: 16px; border: 1px solid #dee3eb; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03); text-align: left; background: #f1f4f6 url("../images/icon-gobottom.png") right center no-repeat; font-size: 15px; font-weight: 400; color: #6b6e73; overflow: hidden; text-overflow: ellipsis; }

.chatting-module .chatting-bottom .msg-floating > button:hover { background-color: #fdfdfd; color: #222; }

.chatting-module .chatting-bottom .chatting-input-wrap { position: relative; width: 100%; height: 140px; padding: 30px 38px 16px 30px; border-radius: 16px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03); border: solid 1px #dee3eb; background-color: #ffffff; }

.chatting-module .chatting-bottom .chatting-input-wrap .input-before { position: absolute; width: 100%; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); padding: 0 38px 0 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.chatting-module .chatting-bottom .chatting-input-wrap .input-before > p { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; vertical-align: middle; font-size: 15px; font-weight: 400; color: #222; padding-right: 30px; }

.chatting-module .chatting-bottom .chatting-input-wrap .input-before > button { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 200px; }

.chatting-module .chatting-bottom .chatting-input-wrap .chatting-input { display: none; position: relative; }

.chatting-module .chatting-bottom .chatting-input-wrap .chatting-input > textarea { width: calc(100% - 90px); height: 57px; border: 0; outline: 0; font-size: 15px; font-weight: 400; color: #222; line-height: 1.4em; padding: 0; border-radius: 0; }

.chatting-module .chatting-bottom .chatting-input-wrap .chatting-input > textarea.scroll { -ms-overflow-style: none; scrollbar-width: none; }

.chatting-module .chatting-bottom .chatting-input-wrap .chatting-input > textarea.scroll::-webkit-scrollbar { display: none; }

.chatting-module .chatting-bottom .chatting-input-wrap .chatting-input > p { font-size: 13px; font-weight: 400; color: #b2b7be; margin-top: 12px; }

.chatting-module .chatting-bottom .chatting-input-wrap .chatting-input .btn-transfer { position: absolute; top: 25px; right: 0; font-size: 17px; font-weight: 700; color: #4a8fff; }

.chatting-module .chatting-bottom .chatting-input-wrap .chatting-input .btn-transfer:disabled, .chatting-module .chatting-bottom .chatting-input-wrap .chatting-input .btn-transfer:active { opacity: 0.5; }

.chatting-module .chatting-bottom .chatting-input-wrap > button { position: absolute; width: 146px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

/* scroll */
.scroll { height: 100%; overflow-y: auto; }

.scroll::-webkit-scrollbar { width: 4px; background-color: #f5f5f5; }

.scroll::-webkit-scrollbar-thumb { background-color: gray; border-radius: 2px; }

.scroll::-webkit-scrollbar-track { background-color: #f5f5f5; border-radius: 2px; }

/* accordion */
.accordion .accordion-cont { max-height: 0; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: top; transform-origin: top; }

.accordion .accordion-cont.open { max-height: 100vh; -webkit-transform: scaleY(1); transform: scaleY(1); }

/* 새로고침 버튼 */
.btn-refresh { display: inline-block; width: 25px; height: 25px; text-indent: -9999px; background: url("../images/element-refresh-nor.png"); }

.btn-refresh:active { opacity: 0.5; }

/* 새창으로 열기 버튼 */
.btn-new-window { display: inline-block; width: 40px; height: 40px; text-indent: -9999px; background: url("../images/element-nwindow-none.png"); }

.btn-new-window:active { opacity: 0.5; }

/* 아이콘 검색 버튼 */
.btn-search { position: absolute; display: block; top: 50%; right: 20px; width: 16px; height: 16px; text-indent: -9999px; background: url("../images/icon-search-gray.png"); -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.btn-search:active { opacity: 0.5; }

/* 달력 */
.calendar { display: none; position: absolute; top: 50px; left: -15px; width: 250px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08); border: solid 1px #333; background-color: #fff; border-radius: 8px; padding: 20px; z-index: 1; }

.calendar.on { display: block; }

.calendar:after { position: absolute; top: -10px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: block; content: ''; width: 10px; height: 10px; background: url("../images/arrow-tooltip.png"); }

.calendar .header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.calendar .header > p { font-size: 15px; font-weight: 700; color: #222; }

.calendar .header > button { width: 25px; height: 25px; }

.calendar .header > button:active { opacity: 0.5; }

.calendar .header > button.prev { background: url("../images/paging-prev.png"); }

.calendar .header > button.next { background: url("../images/paging-next.png"); }

.calendar table { margin-top: 8px; }

.calendar table thead tr th { padding: 8px 0; font-size: 13px; font-weight: 400; color: #b2b7be; border-bottom: solid 1px #dee3eb; }

.calendar table tbody tr td { padding: 6px 0; text-align: center; font-size: 13px; font-weight: 400; color: #222; cursor: pointer; }

.calendar table tbody tr td.sun { color: #f76252; }

.calendar table tbody tr td.on { background-color: #eef3f9; }

.calendar table tbody tr td.on:hover { background-color: #eef3f9; }

.calendar table tbody tr td:hover { background-color: rgba(178, 183, 190, 0.08); }

/* 로딩 */
#loading { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.2); z-index: 100; }

#loading .loading { position: absolute; top: 50%; left: 50%; width: 86px; height: 86px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: url("../images/img_loading.gif"); background-size: 86px; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1); border-radius: 8px; }


.bot_lagacy > div > .iframe_view {position:relative; padding-bottom:56.25%; height:0; overflow:hidden; }
.iframe_view iframe,
.iframe object,
.iframe embed {position:absolute; top:0; left:0; width:100%; heigth:100%;}

.embed-container {position:relative; padding-bottom:56.26%; height:0; overflow: max-width:100% height:auto;}
.embed-container iframe,
.embed-container object,
.embed-container embed {position:absolute; top:0; left:0; width:100%; heigth:100%;}



/* 삭제 */


.msg-user > li > div > div > ul.con_form > li.item-pop-tit{padding: 3.33vw 0 2.5vw;}

.msg-user > li > div > div > ul.con_form > li.item-pop-tit span {display: inline-block; width: 50%; text-align: center; font-size: 3.61vw;}

.msg-user > li > div > div > ul.con_form > li.item-pop{position: relative;}

.msg-user > li > div > div > ul.con_form > li.item-pop span:first-of-type{display: inline-block; position: relative; width: 50%;}

.msg-user > li > div > div > ul.con_form > li.item-pop span:first-of-type a{overflow: hidden; display: block; position: absolute; right: 0; top: 50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); width: 4.72vw; height: 4.72vw; background: url("../images/question.png") no-repeat 0 0; background-size: 100% auto; text-indent: -9999px;}

.msg-user > li > div > div > ul.con_form > li.item-pop .item-pop-layer{z-index: 10; display: none; position: absolute; right: 0; bottom: 90%; padding: 2.78vw; max-width: 90%; min-width: 60%; width: -webkit-max-content; width: -moz-max-content; width: max-content; background-color: #fff; border: 1px solid #000; border-radius: 1.3vw}

.msg-user > li > div > div > ul.con_form > li.item-pop .item-pop-layer::after{content:""; display: block; position: absolute; right: 36.81vw; top: 100%; width: 3.06vw; height: 1.53vw; background: url("../images/bottom-arr_03.png") no-repeat 0 0; background-size: 100% auto;}

.msg-user > li > div > div > ul.con_form > li.item-pop .item-pop-layer.active{display: block;}

.msg-user > li > div > div > ul.con_form > li.item-pop .item-pop-layer h4{margin-bottom: 1.39vw; font-size: 3.61vw;}

.msg-user > li > div > div > ul.con_form > li.item-pop .item-pop-layer p{font-size: 3.06vw; color: #000;}