@charset "UTF-8";
/*
$basic-color:#333;
$primary-color:#383838;
$hover-color:#b41d24;
$point-color:#132864;
$box:border-box;
*/
/* font-size */
/* font-weight */
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
/*******************************************************************
font
********************************************************************/
/* @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format("woff"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format("opentype"); } 
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format("woff"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format("opentype"); }*/
/* @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format("woff"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format("opentype"); } 
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format("woff"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format("opentype"); }*/
@font-face { font-family: 'YiSunShin Dotum'; font-style: normal; font-weight: 300; src: url(../fonts/YiSunShin_Dotum_l.woff2) format("woff2"), url(../fonts/YiSunShin_Dotum_l.woff) format("woff"), url(../fonts/YiSunShin_Dotum_l.ttf) format("truetype"); }
@font-face { font-family: 'YiSunShin Dotum'; font-style: normal; font-weight: 400; src: url(../fonts/YiSunShin_Dotum_m.woff2) format("woff2"), url(../fonts/YiSunShin_Dotum_m.woff) format("woff"), url(../fonts/YiSunShin_Dotum_m.ttf) format("truetype"); }
@font-face { font-family: 'YiSunShin Dotum'; font-style: normal; font-weight: 700; src: url(../fonts/YiSunShin_Dotum_b.woff2) format("woff2"), url(../fonts/YiSunShin_Dotum_b.woff) format("woff"), url(../fonts/YiSunShin_Dotum_b.ttf) format("truetype"); }
/*******************************************************************
default
********************************************************************/
html, body, h1, h2, h3, h4, h5, h6, strong, table th, input, textarea, select, button { font-family: "Noto Sans KR", "Noto+Sans", "맑은 고딕", "Malgun Gothic", Dotum, Arial, sans-serif; font-weight: 400; font-size: 15px; color: #333; letter-spacing: -.15px; }
html, body { height: 100%; position: relative; }
input[type=button], input[type=text], input[type=image], input[type=submit], textarea, select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; }
/* IE6 */
:first-child + html .clearFix { zoom: 1; }
/* IE7 */
.hide, .hidden, .blind, caption, legend { opacity: 0; text-indent: -999em; overflow: hidden; position: absolute; top: 0; left: 0; width: 0; height: 0; font-size: 0; line-height: 0; visibility: hidden; }
.clearFix:after { display: block; clear: both; content: ''; }
* html .clearFix { zoom: 1; }
/*******************************************************************
common
********************************************************************/
/*
Common UI
------------------------------------------------------------------ */
button { cursor: pointer; }
.btns-wrap { margin-top: 20px; font-size: 0; }
.btns-wrap.align-r { text-align: right; }
.btns-wrap.align-r .btn { font-size: 15px; margin-left: 10px; }
.btns-wrap.align-r .btn:first-of-type { margin-left: 0; }
.btns-wrap.align-r.pos-r { width: 100%; }
.btns-wrap.align-r.pos-r .pos-left { position: absolute; left: 0; top: 0; }
.btns-wrap.align-r.pos-r .pos-center { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.btns-wrap.align-c { text-align: center; }
.btns-wrap.align-c.pos-r { width: 100%; }
.btns-wrap.align-c.pos-r .pos-left { position: absolute; left: 0; top: 0; }
.btn, .state { text-align: center; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; margin:1px}
.btn.fake, .state.fake { border-radius: 0; width: 100%; position: relative; text-align: left; height: 28px; vertical-align: top; border: none; background: #fff; border: none; }
.btn.fake.select > span[class^=ico-], .state.fake.select > span[class^=ico-] { position: absolute; top: 6px; right: 10px; }
.btn.fake:hover, .btn.fake:focus, .state.fake:hover, .state.fake:focus { background: #fff; border: none; }
.btn.square, .state.square { border-radius: 0; }
.btn.white-b, .state.white-b { /*하단 버튼 디자인 컬러 반영*/ background: #fff; border: 1px solid #464a57; color: #464a57; }
.btn.white-b:hover, .btn.white-b:focus, .btn.white-b.on, .state.white-b:hover, .state.white-b:focus, .state.white-b.on { background: #f4f4f4; }
.btn.white-g, .state.white-g { background: #fff; border: 1px solid #36384b; color: #5f5f5f; }
.btn.white-g:hover, .btn.white-g:focus, .btn.white-g.on, .state.white-g:hover, .state.white-g:focus, .state.white-g.on { background: #f4f4f4; }
.btn.blue, .state.blue { background: #6272a3; /*하단 버튼 컬러 디자인 컬러 반영*/ border: 1px solid #6272a3; color: #fff; }
.btn.blue:hover, .btn.blue:focus, .btn.blue.on, .state.blue:hover, .state.blue:focus, .state.blue.on { background: #0086b5; }
.btn.gray, .state.gray { /*하단 버튼 컬러 디자인 컬러 반영*/ background: #36384b; border: 1px solid #36384b; color: #fff; }
.btn.gray:hover, .btn.gray:focus, .btn.gray.on, .state.gray:hover, .state.gray:focus, .state.gray.on { background: #535975; }
.btn.seargh, .state.seargh { /*하단 버튼 컬러 디자인 컬러 반영*/ background: #36384b; border: 1px solid #36384b; color: #fff; }
.btn.seargh:hover, .btn.seargh:focus, .btn.seargh.on, .state.seargh:hover, .state.seargh:focus, .state.seargh.on { background: #535975; }
.btn.small, .state.small { height: 25px; line-height: 22px; width: 67px; font-size: 13px; margin-right: 10px; }
.btn.small2, .state.small2 { height: 29px; line-height: 27px; vertical-align: top !important; padding: 0 10px; }
.btn.white-b-s, .state.white-b-s { /*하단 버튼 디자인 컬러 반영*/ width: 45px; height: 25px; background: #fff; font-size: 14px; line-height: 22px; border: 1px solid #464a57; color: #464a57; }
.btn.white-b-s:hover, .btn.white-b-s:focus, .btn.white-b-s.on, .state.white-b-s:hover, .state.white-b-s:focus, .state.white-b-s.on { background: #f4f4f4; }
.btn.medium1, .state.medium1 { /*기본 width에 글자가 많아질경우 padding으로 조절 반영*/ height: 35px; line-height: 32px; min-width: 85px; padding: 0 15px; }
.btn.medium2, .state.medium2 { height: 35px; line-height: 35px; padding: 0 40px; }
.btn.large, .state.large { height: 55px; line-height: 55px; padding: 0 40px; font-size: 18px; }
.btn.w100, .state.w100 { width: 100%; }
.btn.ico, .state.ico { width: 85px; height: 35px; line-height: 35px; padding: 0 5px 0 10px; text-align: left; font-weight: 700; position: relative; }
.btn.ico span[class^=ico-], .state.ico span[class^=ico-] { position: absolute; right: 5px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 18px; }
.badge { display: inline-block; font-size: 9px; padding: 0 5px; line-height: 17px; background: #7c9dbc; color: #fff; }
.badge.gray { background: #707070; }
.badge.red { background: red; }
.badge.medium { font-size: 13px; padding: 2px 5px 3px; }
/* textarea, input */
/* 
textarea,input[type=text],input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],input[type=number],input[type=email],input[type=url],input[type=search],input[type=tel],input[type=color]{border-radius:0 !important;border:1px solid #f3f2f0;background-clip:padding-box !important;background-color:#f3f2f0;-webkit-border-radius:0 !important;-webkit-background-clip:padding-box !important;-moz-border-radius:0 !important;-moz-background-clip:padding !important;-webkit-transition:-webkit-box-shadow .45s,border-color .45s ease-in-out;-webkit-transition:box-shadow .45s,border-color .45s ease-in-out;transition:box-shadow .45s,border-color .45s ease-in-out;box-shadow:none}
textarea:hover,input[type=text]:hover,input[type=password]:hover,input[type=datetime]:hover,input[type=datetime-local]:hover,input[type=date]:hover,input[type=month]:hover,input[type=time]:hover,input[type=week]:hover,input[type=number]:hover,input[type=email]:hover,input[type=url]:hover,input[type=search]:hover,input[type=tel]:hover,input[type=color]:hover{border-color:rgba(100,100,100,.1)}
textarea:focus,input[type=text]:focus,input[type=password]:focus,input[type=datetime]:focus,input[type=datetime-local]:focus,input[type=date]:focus,input[type=month]:focus,input[type=time]:focus,input[type=week]:focus,input[type=number]:focus,input[type=email]:focus,input[type=url]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=color]:focus{border-color:rgba(100,100,100,.1);box-shadow:inset 0 2px 4px rgba(100,100,100,.1);outline:0}
input.input,textarea.input{width:100%;height:36px;padding:0 7px;font-size:15px;color:#000}
textarea.input{height:75px;padding-top:10px;padding-bottom:10px}
textarea:disabled,input[type=text]:disabled,input[type=password]:disabled,input[type=datetime]:disabled,input[type=datetime-local]:disabled,input[type=date]:disabled,input[type=month]:disabled,input[type=time]:disabled,input[type=week]:disabled,input[type=number]:disabled,input[type=email]:disabled,input[type=url]:disabled,input[type=search]:disabled,input[type=tel]:disabled,input[type=color]:disabled,textarea:disabled:hover,input[type=text]:disabled:hover,input[type=password]:disabled:hover,input[type=datetime]:disabled:hover,input[type=datetime-local]:disabled:hover,input[type=date]:disabled:hover,input[type=month]:disabled:hover,input[type=time]:disabled:hover,input[type=week]:disabled:hover,input[type=number]:disabled:hover,input[type=email]:disabled:hover,input[type=url]:disabled:hover,input[type=search]:disabled:hover,input[type=tel]:disabled:hover,input[type=color]:disabled:hover{border:1px solid #eee;background-color:#f7f7f7}
*/
.input.w100 { width: 100% !important; }
.input.inline { width: auto !important; }
input, select, textarea, button { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; }
select::-ms-expand { display: none; }
input[type=submit], input[type=button], button { cursor: pointer; }
input[type=text]:disabled { background: #f7f7f7 !important; }
/* checkbox & radio - initial - */
.modal input[type=checkbox], .checks-initial input[type=checkbox] { -webkit-appearance: checkbox; -moz-appearance: checkbox; appearance: checkbox; }
.checks-initial input[type=checkbox] { position: static !important; vertical-align: middle; }
.checks-initial input[type=checkbox] + label { padding-left: 0 !important; }
.checks-initial input[type=checkbox] + label:before { display: none; }
/* checkbox & radio - customize - */
.checks { display: inline-block; position: relative; }
.checks input[type=radio]::-ms-check, .checks input[type=checkbox]::-ms-check { border: none; color: transparent; background: transparent; }
.checks input[type=radio] + label:before, .checks input[type=radio]:checked + label:before { background: url(../images/common/ico-checks.png) no-repeat; background-size: 17px auto; }
.checks input[type=radio] { position: absolute; left: -1px; top: 3px; z-index: 1; width: 17px; height: 17px; margin: 0 0 0 1px; padding: 0; }
.checks input[type=radio] + label, .radio-list input[type=radio] + label { display: inline-block; position: relative; padding-left: 29px; line-height: 22px !important; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.checks input[type=radio] + label { padding-left: 26px; color: #333; }
.checks input[type=radio] + label:before { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 17px; height: 17px; background-position: 0 0; text-align: center; content: ''; }
.checks input[type=radio]:checked + label:before { background-position: -0 -17px; }
.checks input[type=radio].disabled + label:before, .checks input[type=radio]:disabled + label:before { background-position: 0 0; }
.checks input[type=radio].disabled + label, .checks input[type=radio]:disabled + label { color: #aaa; }
.checks input[type=radio]:checked.disabled + label, .checks input[type=radio]:checked:disabled + label { color: #707070; }
.checks input[type=radio]:checked.disabled + label:before, .checks input[type=radio]:checked:disabled + label:before { background-position: -0 -17px; }
.checks input[type=checkbox] + label:before, .checks input[type=checkbox]:checked + label:before { background: url(../images/common/ico-checkbox.png) no-repeat; background-size: 15px auto; }
.checks input[type=checkbox] { position: absolute; left: -1px; top: 3px; z-index: 1; width: 15px; height: 15px; margin: 0 0 0 1px; padding: 0; }
.checks input[type=checkbox] + label { display: inline-block; position: relative; padding-left: 20px; line-height: 22px !important; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.checks input[type=checkbox] + label:before { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 15px; height: 15px; background-position: 0 0; text-align: center; content: ''; }
.checks input[type=checkbox]:checked + label:before { background-position: 0 -15px; }
/*체크박스스타일 반영*/
.checks input[type=checkbox].disabled + label:before, .checks input[type=checkbox]:disabled + label:before { background-position: 0 -15px; }
.checks input[type=checkbox]:checked.disabled + label:before, .checks input[type=checkbox]:checked:disabled + label:before { background-position: 0 -15px; }
.checks.type2 { display: block; }
.checks.type2 input[type=radio] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.checks.type2 input[type=radio] + label { display: block; width: 100%; padding: 10px; height: auto; position: relative; text-indent: 15px; }
.checks.type2 input[type=radio] + label:before { background: none; }
.checks.type2 input[type=radio]:checked + label { background: rgba(98, 114, 163, 0.2); color: #6272a3; }
.checks.type2 input[type=radio]:checked + label:after { font-family: "tanaicon" !important; content: '\e949'; right: 10px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; }
.checks.type3 input[type=radio] { left: auto; right: 0; }
.checks.type3 input[type=radio] + label { padding-right: 26px; padding-left: 0; }
.checks.type3 input[type=radio] + label:before { left: auto; right: 0; }
.file-upload { position: relative; }
.file-upload input.text { float: left; width: 100%; height: 39px; padding-left: 10px; cursor: pointer; border: none; }
.file-upload .upload-btn { position: absolute; right: -80px; top: 2px; }
.file-upload .upload-btn input.file { position: absolute; top: 0; right: 0; height: 30px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0; }
.fl { float: left; }
.fr { float: right; }
.pos-r { position: relative; }
.vm { vertical-align: middle !important; }
.vs { vertical-align: super; }
.ta-c { text-align: center !important; }
.ta-l { text-align: left !important; }
.ta-r { text-align: right !important; }
.mw-auto { min-width: auto !important; }
.d-ib { display: inline-block; }
.pre-line { white-space: pre-line; }
.mb0 { margin-bottom: 0px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb60 { margin-bottom: 60px !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr20 { margin-right: 20px !important; }
.ml0 { margin-left: 0 !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml13 { margin-left: 10px !important; }
.ml17 { margin-left: 17px !important; }
.ml20 { margin-left: 20px !important; }
.ml30 { margin-left: 30px !important; }
.ml40 { margin-left: 40px !important; }
.ml50 { margin-left: 50px !important; }
.mt0 { margin-top: 0 !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt16 { margin-top: 16px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt60 { margin-top: 60px !important; }
.pt0 { padding-top: 0px !important; }
.pt30 { padding-top: 30px !important; }
.pb40 { padding-bottom: 40px !important; }
.pl10 { padding-left: 10px !important; }
.w900 { width: 900px !important; }
.w540 { width: 540px !important; }
.w500 { width: 500px !important; }
.w370 { width: 370px !important; }
.w345 { width: 345px !important; }
.w280 { width: 280px !important; }
.w265 { width: 265px !important; }
.w255 { width: 255px !important; }
.w250 { width: 250px !important; }
.w240 { width: 240px !important; }
.w230 { width: 230px !important; }
.w220 { width: 220px !important; }
.w210 { width: 210px !important; }
.w205 { max-width: 205px }
.w200 { width: 200px !important; }
.w180 { width: 180px !important; }
.w175 { width: 175px !important; }
.w165 { width: 165px !important; }
.w150 { width: 150px !important; }
.w140 { width: 140px !important; }
.w130 { width: 130px !important; }
.w120 { width: 120px !important; }
.w115 { width: 115px !important; }
.w110 { width: 110px !important; }
.w95 { width: 95px !important; }
.w90 { width: 90px !important; }
.w80 { width: 80px !important; }
.w70 { width: 70px !important; }
.w60 { width: 60px !important; }
.w50 { width: 50px !important; }
.w35 { width: 35px !important; }
.w90p { width: 90% !important; }
.w65p { width: 65% !important; }
.w48p { width: 48% !important; }
.w30p { width: 30% !important; }
.dash, .at { display: inline-block; width: 14px; position: relative; vertical-align: middle; }
.dash::before, .at::before { content: ''; display: inline-block; width: 5px; height: 1px; background: #333; position: absolute; top: calc(50% - 2px); left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.dash.long, .at.long { width: 30px; }
.dash.long::before, .at.long::before { width: 10px; }
.at::before { content: '@'; background: transparent; height: auto; }
.select-wrap { position: relative; width: 100%; display: inline-block; border: 1px solid #d1d1d1; }
.select-wrap:before { position: absolute; top: 6px; right: 10px; }
.select-wrap select { width: 100%; padding: 0 8px; height: 29px; color: #333; border: none; font-size: 14px; }
.input-wrap { background: #fff; position: relative; width: 100%; display: inline-block; border: 1px solid #d1d1d1; margin:1px}
.input-wrap.ta-c input { text-align: center; }
.input-wrap input[type=password], .input-wrap input[type=text] { width: 100%; height: 29px; padding-left: 10px; color: #333; font-size: 14px; background: transparent; border: none; }
.input-wrap input[type=password]::-webkit-input-placeholder, .input-wrap input[type=text]::-webkit-input-placeholder { color: #ccc; }
.input-wrap input[type=password]:-ms-input-placeholder, .input-wrap input[type=text]:-ms-input-placeholder { color: #ccc; }
.input-wrap input[type=password]::-ms-input-placeholder, .input-wrap input[type=text]::-ms-input-placeholder { color: #ccc; }
.input-wrap input[type=password]::placeholder, .input-wrap input[type=text]::placeholder { color: #ccc; }
.input-wrap textarea { width: 100%; background: transparent; border: none; }
.input-wrap .btn-ico { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 7px; }
.input-wrap .btn-ico.search { background: #5f5f5f; width: 29px; height: 29px; right: 0; }
.input-wrap .btn-ico.search span[class^=ico-] { color: #fff; }
.input-wrap.cal { position: relative; }
.input-wrap.cal > img { position: absolute; right: 5px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; }
.hidden-form { display: none; }
.checks.checked .hidden-form { display: inline-block; }
.state { color: #fff; border-radius: 20px; }
.state.s1 { background: #707070; }
.state.s2 { background: #707070; }
.state.s3 { background: #707070; }
.state.s4 { background: #70b603; }
.state.s5 { background: #707070; }
.state.s6 { background: #45c8dc; }
.state.s7 { background: #b95757; }
/* Form */
button { overflow: visible; width: auto; margin: 0; padding: 0; border: none; background: none; }
input::-ms-clear { display: none; }
textarea { resize: none; }
a:link, a:visited, a:active, a:hover { text-decoration: none; cursor: pointer; color: inherit; }
* { -webkit-box-sizing: border-box; box-sizing: border-box; }
.row { clear: both; margin: 0; padding: 0; }
.skipnav a { position: absolute; top: -9999em; z-index: 9999; width: 100%; background-color: #013874; font-weight: bold; color: #fff; text-align: center; }
.skipnav a:hover, .skipnav a:active, .skipnav a:focus { top: 0; padding: 12px 0; color: #fff; }
.content-top .container {min-width: auto;}
.container { position: relative; min-width: 760px; /*min-width: 1430px;*/ max-width: 1920px; padding: 0 30px 0 30px; }
.container::after { clear: both; content: ""; display: table; }
/*******************************************************************
layout
********************************************************************/
body { width: 100%; background: url(../images/common/bg-nav.gif) 0 0 repeat-y; line-height: 1.5; }
#wrap { padding-left: 210px; position: relative; overflow-x: hidden; }
/*******************************************************************
header
********************************************************************/
#header { position: absolute; top: 0; left: 0; width: 210px; color: #fff; padding-top: 55px; }
#header h1 { position: fixed; z-index: 10; top: 0; left: 0; width: 210px; height: 55px; display: table; text-align: center; }
#header h1 a { background: #414b75; display: table-cell; vertical-align: middle; color: #fff; font-size: 25px; }
#header h2 { text-align: center; color: #fff; padding: 22px 0 18px; background: #535975; font-size: 18px; }
#header h2 span { display: block; font-size: 14px; font-weight: 300; margin-top: 7px; }
#header #gnb .depth1 > li { border-bottom: 1px solid #535975; }
#header #gnb .depth1 > li > a, #header #gnb .depth1 > li > span { font-size: 16px; padding: 14px 0 14px 20px; display: block; cursor: pointer; position: relative; }
#header #gnb .depth1 > li > a span[class^=ico-], #header #gnb .depth1 > li > span span[class^=ico-] { position: absolute; right: 13px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 20px; }
#header #gnb .depth1 > li .menu-div { display: none; }
#header #gnb .depth1 > li .menu-div.on { display: block; }
#header #gnb .depth1 > li .menu-div.depth3 { position: absolute; right: -210px; top: 0; z-index: 2; width: 210px; }
#header #gnb .depth1 > li .menu-div .depth2, #header #gnb .depth1 > li .menu-div .depth3 { padding: 10px 0; background: #535975; }
#header #gnb .depth1 > li .menu-div .depth2 > li > a, #header #gnb .depth1 > li .menu-div .depth2 > li > span, #header #gnb .depth1 > li .menu-div .depth3 > li > a, #header #gnb .depth1 > li .menu-div .depth3 > li > span { padding: 6px 0 6px 20px; display: block; color: #c2c9dd; }
#header #gnb .depth1 > li .menu-div .depth2 > li > a:hover, #header #gnb .depth1 > li .menu-div .depth2 > li > a.on, #header #gnb .depth1 > li .menu-div .depth2 > li > span:hover, #header #gnb .depth1 > li .menu-div .depth2 > li > span.on, #header #gnb .depth1 > li .menu-div .depth3 > li > a:hover, #header #gnb .depth1 > li .menu-div .depth3 > li > a.on, #header #gnb .depth1 > li .menu-div .depth3 > li > span:hover, #header #gnb .depth1 > li .menu-div .depth3 > li > span.on { color: #5bfff2; }
#header #gnb .depth1 > li .menu-div .depth2 > li.menu-depth3, #header #gnb .depth1 > li .menu-div .depth3 > li.menu-depth3 { position: relative; overflow: visible; display: block; }
#header #gnb .depth1 > li .menu-div .depth2 > li.menu-depth3 > span, #header #gnb .depth1 > li .menu-div .depth3 > li.menu-depth3 > span { position: relative; cursor: pointer; }
#header #gnb .depth1 > li .menu-div .depth2 > li.menu-depth3 > span > span[class^=ico-], #header #gnb .depth1 > li .menu-div .depth3 > li.menu-depth3 > span > span[class^=ico-] { position: absolute; right: 13px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 20px; }
/* 좌측하단 미처리 신청현황 */
.unprocessed {display: none;}
.unprocessed {width:192px; position:fixed;left:9px;bottom:9px;background-color:#fff;color:#666;}
.unprocessed .inner {position:relative;}
.unprocessed .h3-title {font-size:15px; padding:0 55px 0 18px; line-height:42px; padding: ;background-color:#6272a3; color:#fff;}
.unprocessed .btn-close {position:absolute; top:8px; right:7px; display:inline-block; height:26px;width:45px; background-color:#37384c; line-height:26px; font-size:12px; color:#fff;}
.unprocessed .table-layout {display:table; width:100%;}
.unprocessed .table-layout > dl {display:table-row;}
.unprocessed .table-layout > dl > dt,
.unprocessed .table-layout > dl > dd {display:table-cell; line-height:38px; border-bottom:1px solid #e0e0e0; font-size:13px;}
.unprocessed .table-layout > dl > dt {width:126px; padding-left:18px; background-color:#f2f2f2;}
.unprocessed .table-layout > dl > dd {text-align:center;}
.unprocessed-content {overflow: hidden; max-height:1000px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s;}
.unprocessed-content.__close {max-height:0;}
.unprocessed-content .check-area {font-size:13px; line-height:38px; overflow:hidden; padding-left:10px;}
.unprocessed-content .check-area form {display: inline-block;}
.unprocessed-content .check-area button {font-size:13px; color:#666; margin-left:5px; border:1px solid #e0e0e0; padding:2px 7px;}
.unprocessed-content .check-area input {width:0;height:0;text-indent:-999em;margin: 0;}
.unprocessed-content .check-area input[type="checkbox"] + label:before {
    display:inline-block;
    width:18px;
    content:'\eb06';
    vertical-align:middle;
    font-family: 'tanaicon'!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    }
.unprocessed-content .check-area input[type="checkbox"]:checked + label:before {content:'\eabc'}
/*******************************************************************
content
********************************************************************/
.content-wrap { padding-bottom: 77px; padding-top: 55px; /* min-height: 900px; max-width: 1920px; */ height: 100vh; overflow: auto; }
.content-top { background: #6272a3; position: fixed; z-index: 10; top: 0; left: 210px; padding: 10px 0; width: calc(100% - 210px); }
.content-top .member-area { position: absolute; top: 10px; right: 30px; text-align: right; font-size: 14px; color: #fff; }
.content-top .member-area > span:first-of-type { margin-right: 10px; }
.content-top .member-area em { font-weight: 700; }
.content-top .member-area a { background: #36384b; padding: 6px 10px; border-radius: 6px; }
.content-top .member-area a span[class^=ico-] { margin-right: 9px; }
.content-top .member-area a:hover, .content-top .member-area a:focus { background: #036a9a; }
.content-top .search-wrap::after { clear: both; content: ""; display: table; }
.content-top .search-wrap .line2 { position: absolute; top: 0; left: 50; }
.content-top .search-wrap .select-wrap { color: #6272a3; width: 110px; border-radius: 6px; overflow: hidden; float: left; border: none; }
.content-top .search-wrap .select-wrap:before { position: absolute; top: 10px; right: 10px; }
.content-top .search-wrap .select-wrap select { height: 35px; color: #555; border: none; }
.content-top .search-wrap .input-wrap { float: left; margin-left: 5px; background: #0086b5; border-radius: 6px; width: 268px; display: block; border: none; }
.content-top .search-wrap .input-wrap input[type=text] { height: 35px; padding-left: 10px; color: #fff; font-size: 14px; background: transparent; border: none; }
.content-top .search-wrap .input-wrap input[type=text]::-webkit-input-placeholder { color: #fff; opacity: .5; }
.content-top .search-wrap .input-wrap input[type=text]:-ms-input-placeholder { color: #fff; opacity: .5; }
.content-top .search-wrap .input-wrap input[type=text]::-ms-input-placeholder { color: #fff; opacity: .5; }
.content-top .search-wrap .input-wrap input[type=text]::placeholder { color: #fff; opacity: .5; }
.content-top .search-wrap .input-wrap .btn-search { position: absolute; top: 7px; right: 7px; }
.content-top .search-wrap .input-wrap .btn-search span[class^=ico-] { color: #fff; }
.content-main-top { padding: 30px 0 26px; }
.content-main-top::after { clear: both; content: ""; display: table; }
.content-main-top .notice-area p { text-align: right; color: #243135; font-size: 14px; }
.content-main-top .notice-area p em { font-weight: 700; }
.content-main-top .notice-area p span[class^=ico-] { margin-right: 7px; color: #6272a3; font-size: 20px; vertical-align: text-bottom; }
.cont-main-tit { font-size: 28px; color: #243135; font-weight: 700; margin-top: 30px; }
.btn-main-tit-pop {position: absolute; top:5px; right:30px;}
.nevi-area { padding: 6px 0 8px 0; height: 35px; }
.nevi-area li { float: left; font-size: 14px; margin-left: 6px; padding-left: 12px; background: url(../images/common/h3_bg.gif) no-repeat 0 center; color: #36384b; }
.nevi-area li:first-of-type { background: none; padding-left: 0; margin-left: 0; }
.nevi-area li:last-of-type { color: #fff; }
.nevi-area-3step { padding: 10px 0 8px 0; height: 35px; }
.nevi-area-3step h2 { float: left; color: #36384b; font-size: 14px; }
.nevi-area-3step h3 { float: left; color: #36384b; font-size: 14px; margin-left: 6px; padding-left: 12px; padding-bottom: 8px; background: url(../images/common/h3_bg.gif) no-repeat 0 0; }
.nevi-area-3step h4 { float: left; color: #fff; font-size: 14px; margin-left: 6px; padding-left: 12px; padding-bottom: 8px; background: url(../images/common/h3_bg.gif) no-repeat 0 0; }
.detail-search-area { position: relative; margin-top: 17px; margin-bottom: 34px; border-top: 2px solid #464a57; border-bottom: 1px solid #464a57; background: #f7f7f7; color: #333; padding: 8px 0; /*min-width: 990px;*/ overflow-x:auto; overflow-y: hidden; }
.detail-search-area > form { padding-right: 80px; position: relative; }
.detail-search-area .search-wrap { padding: 3px; }
.detail-search-area .search-wrap::after { clear: both; content: ""; display: table; }
.detail-search-area .search-wrap.admin .select-wrap, .detail-search-area .search-wrap.admin .input-wrap { border: 1px solid #eee; }
.detail-search-area .search-wrap.admin .select-wrap.full, .detail-search-area .search-wrap.admin .input-wrap.full { width: calc(100% - 92px); }
.detail-search-area .search-wrap.admin .btn { height: 31px; line-height: 29px; }
.detail-search-area .search-wrap .fl { margin-left: 30px; }
.detail-search-area .search-wrap .fl:first-of-type { margin-left: 0; }
.detail-search-area .search-wrap .label { margin-right: 10px; }
.detail-search-area .search-wrap .btn-search-detail { width: 50px; height: 70px; line-height: 29px; text-align: center; font-size: 16px; font-weight: 700; display: inline-block; margin-left: 10px; background: #36384b; color: #fff; vertical-align: top; cursor: pointer; }
.detail-search-area .search-wrap .btn-search-detail:hover, .detail-search-area .search-wrap .btn-search-detail:focus, .detail-search-area .search-wrap .btn-search-detail.on { background: #535975; }
.detail-search-area .search-wrap .btn-search-detail.white-g { background: #fff; border: 1px solid #5f5f5f; color: #5f5f5f; }
.detail-search-area .search-wrap .btn-search-detail.white-g:hover, .detail-search-area .search-wrap .btn-search-detail.white-g:focus, .detail-search-area .search-wrap .btn-search-detail.white-g.on { background: #f4f4f4; }
.detail-search-area .search-wrap .btn-search-detail.small { height: 31px; }
.detail-search-area .search-wrap.line2 { position: absolute; top: 47px; left: 10px; }
.detail-search-area .search-wrap .select-wrap, .detail-search-area .search-wrap .input-wrap { border: none; width: 96px; background: #fff; border: 1px solid #d1d1d1; }
.detail-search-area .search-wrap .input-wrap.cal { width: 113px; }
.detail-search-area .search-wrap .input-wrap.type2 { width: 272px; }
.detail-search-area .search-wrap .select-wrap select { padding-left: 14px; }
.detail-search-area.basic-table { position: relative; }
.detail-search-area.basic-table > form {min-width:1400px;}
.detail-search-area.basic-table table { width: 95%; }
.detail-search-area.basic-table table th, .detail-search-area.basic-table table td { padding: 5px 0 5px 10px !important; font-size: 14px; }
.detail-search-area.basic-table .btn-search { height:70px; width: 70px; position: absolute; right: 10px; top: 50%; margin-top:-35px}
.basic-table table { width: 100%; }
.basic-table table.admin-table .on { background: rgba(98, 114, 163, 0.2); }
.basic-table table th, .basic-table table td { padding: 8px 4px 7px; text-align: center; font-size: 14px; vertical-align: middle; }
.basic-table table th { border-top: 2px solid #5f5f5f; border-bottom: 1px solid #5f5f5f; color: #333; /*.bl_pink{background: url(../images/common/bl-table.gif) no-repeat 0 0;}*/ }
.basic-table table th .tx-small { font-size: 13px; }
.basic-table table td { border-bottom: 1px solid #eee; color: #333; }
.basic-table table .status01 td {background-color: #fcedec;}
.basic-table table td .btn { vertical-align: text-bottom; }
.basic-table table .inner-list dl { margin-bottom: 18px; }
.basic-table table .inner-list dl::after { clear: both; content: ""; display: table; }
.basic-table table .inner-list dl:last-of-type { margin-bottom: 0; }
.basic-table table .inner-list dl dt { float: left; position: relative; }
.basic-table table .inner-list dl dt:after { content: ':'; position: absolute; right: 10px; top: -1px; }
.basic-table table .inner-list dl dt .tit { display: inline-block; width: 69px; position: relative; margin-right: 10px; }
.basic-table table .inner-list dl dd { float: left; }
.basic-table table .inner-list dl.align-row dt { padding-right: 10px; margin-right: 8px; }
.basic-table table .inner-list dl.align-row dt:after { right: 0; }
.basic-table table .inner-list dl.align-row dt:first-of-type { padding-right: 0; margin-right: 0; }
.basic-table table .inner-list dl.align-row dt:first-of-type:after { right: 10px; }
.basic-table table .inner-list dl.align-row dd { padding-right: 16px; margin-right: 10px; position: relative; }
.basic-table table .inner-list dl.align-row dd::after { content: '/'; position: absolute; right: 0; top: -1px; }
.basic-table table .inner-list dl.align-row dd:last-of-type::after { display: none; }
.basic-table table .inner-list dl.align-row.multi-line { margin-bottom: 0; }
.basic-table table .inner-list dl.align-row.multi-line dt, .basic-table table .inner-list dl.align-row.multi-line dd { margin-bottom: 10px; }
.basic-table table .arrow-list li span[class^=ico-]:first-of-type { font-weight: 700; }
.basic-table table .arrow-list li span[class^=ico-]:first-of-type::before { display: none; }
.basic-table table .tx-blue { color: #6272a3; }
.basic-table table .multi-line { line-height: 1.5; word-break: keep-all; text-align: left; }
.basic-table table .box-num { background: #333; color: #fff; display: inline-block; text-align: center; width: 28px; line-height: 28px; }
.basic-table table .box-plus { display: inline-block; text-align: center; width: 30px; line-height: 28px; border: 1px solid #eee; }
.basic-table.type1-1 { border-top: 1px solid #eee; border-bottom: 1px solid #5f5f5f; }
.basic-table.type1 { border-top: 2px solid #464a57; border-bottom: 1px solid #464a57; }
.basic-table.type1 table th, .basic-table.type1 table td { text-align: center; /*center 정렬로 반영*/ padding: 7px 0 6px; line-height: 1.2em; }
.basic-table.type1 table th { background: #f7f7f7; border-top: none; border-bottom-color: #dededf; }
.basic-table.type1 table th img { margin-left: 5px; vertical-align: middle; }
.basic-table.type1 table .back-blue { background: #edeff5 !important; }
.basic-table.type1 table .back-white { background: #fff !important; }
.basic-table.type1 table td { border-bottom-color: #dededf; }
.basic-table.type1 table .font-s-blue { font-size: 13px; color: #6272a3; }
.basic-table.type1 table .font-s-gray { font-size: 13px; }
.basic-table.type1.no-thbg table th { background: none; }
.basic-table.type1.type2-1 table td { padding: 5px; }
.basic-table.type2 { border-top: 2px solid #464a57; border-bottom: 1px solid #464a57; }
.basic-table.type2 table .th-white { background: #fff; }
.basic-table.type2 table .tc { text-align: center; }
.basic-table.type2 table th, .basic-table.type2 table td { text-align: left; /*left 정렬로 반영*/ padding: 7px 0 6px; }
.basic-table.type2 table th { padding-left: 20px; background: #f7f7f7; border-top: none; border-bottom-color: #dededf; }
.basic-table.type2 table th img { margin-left: 5px; vertical-align: middle; }
.basic-table.type2 table td { text-align: left; padding-left: 20px; border-bottom-color: #dededf; }
.basic-table.type2.no-thbg table th { background: none; }
.basic-table.type2.type2-1 table td { padding: 5px; }
.basic-table.type2.type2-2 th, .basic-table.type2.type2-2 td { text-align: center; }
.basic-table.type2.type2-2 th { padding: 13px 0 12px; }
.basic-table.type2.type2-3 th, .basic-table.type2.type2-3 td { text-align: center; }
.basic-table.type2.type2-3 th { padding: 13px 0 12px; }
.basic-table.type2.type2-3 td { padding: 13px 10px 12px; }
.basic-table.type3 { margin-top: 15px; /*top margin 수정 반영*/ border-top: 2px solid #464a57; border-bottom: 1px solid #464a57; background: #f7f7f7; }
.basic-table.type3 table th, .basic-table.type3 table td { text-align: left; /*left 정렬로 반영*/ padding: 13px 0 12px; border: none; }
.basic-table.type3 table th { padding-left: 20px; text-align: left; border-top: none; }
.basic-table.type3 table th img { margin-left: 5px; vertical-align: middle; }
.basic-table.type3 table td { text-align: left; padding-left: 20px; }
.basic-table.type3.type2-1 table td { padding: 5px; }
.basic-table.type4 { margin-top: 60px; /*top margin 수정 첫번째 테이블에 버튼이나 타이늘이 없을경우 반영 */ border-top: 2px solid #464a57; border-bottom: 1px solid #464a57; background: #f7f7f7; }
.basic-table.type4 table th, .basic-table.type4 table td { text-align: left; /*left 정렬로 반영*/ padding: 13px 0 12px; border: none; }
.basic-table.type4 table th { padding-left: 20px; text-align: left; border-top: none; }
.basic-table.type4 table th img { margin-left: 5px; vertical-align: middle; }
.basic-table.type4 table td { text-align: left; padding-left: 20px; }
.basic-table.type4.type2-1 table td { padding: 5px; }
.basic-table.type5 { border-top: 1px solid #6272a3; border-bottom: none; }
.basic-table.type5 table th, .basic-table.type5 table td { text-align: center; padding: 13px 0 12px; }
.basic-table.type5 table th { color: #fff; background: #6272a3; border-top: none; border-bottom-color: #dededf; }
.basic-table.type5 table th img { margin-left: 5px; vertical-align: middle; }
.basic-table.type5 table td { padding-left: 20px; border-bottom-color: #dededf; font-size: 18px; }
.basic-table.type5.no-thbg table th { background: none; }
.basic-table.type5.type2-1 table td { padding: 5px; }
.basic-table input[type=text] { width: 100%; height: 28px; color: #333; }
.basic-table input[type=text]::-webkit-input-placeholder { color: #ccc; }
.basic-table input[type=text]:-ms-input-placeholder { color: #ccc; }
.basic-table input[type=text]::-ms-input-placeholder { color: #ccc; }
.basic-table input[type=text]::placeholder { color: #ccc; }
.basic-table .dot { position: relative; height: 100%; margin-left: 5px; }
.basic-table .dot:after { content: ''; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #ed45a0; position: absolute; left: 0; top: calc(50% - 3px); }
.basic-table textarea { padding: 10px; }
.basic-table.scroll { overflow-x: auto; overflow-y: auto; /*min-width: 1300px;*/ }
.basic-table.scroll.auto-h { height: auto; }
.basic-table.scroll table {min-width: 1600px; }
.basic-table.scroll table th { word-break: keep-all; padding-left: 10px; padding-right: 10px; }
.basic-table.scroll-y { overflow-y: auto; height: 600px; }
.basic-table.ver-line table th { border-left: 1px solid #eee; }
.basic-table.ver-line table td { padding: 7px; border-left: 1px solid #eee; text-align: center; }
.basic-table.ver-line table th:last-of-type, .basic-table.ver-line table td:last-of-type { border-right: 1px solid #eee; }
.basic-table.ver-line table input[type=text] { text-align: center; }
.table-remark { margin-top: -14px; color: #5b5c5e; }
.tx-red { color: #CC0033; }
.table-tit { font-size: 22px; color: #243135; font-weight: 700; margin-bottom: 12px; margin-top: 25px; }
.table-tit.blue { color: #6272a3; font-weight: 700; }
.table-tit.admin-r { margin-bottom: 23px; margin-top: 30px; }
.table-tit .tx-blue { color: #6272a3; font-size: 13px; }
.table-tit .tx-small { color: #5b5c5e; font-size: 16px; font-weight: 400; }
.btn-wrap { position: relative; }
.btn-wrap a + a { margin-left: 10px; }
.btn-wrap .btn-left { position: absolute; left: 0; top: 0; }
.btn-wrap .btn-right { position: absolute; right: 0; top: 0; }
.btn-wrap .btn-center { text-align: center; }
.btn-wrap::after { clear: both; content: ""; display: table; }
/*하단 버튼 좌우 정렬*/
.paging { position: relative; text-align: center; font-size: 0; }
.paging a { -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #9a9a9a; border-radius: 2em; margin: 0 2.5px; display: inline-block; font-size: 14px; color: #666; width: 35px; height: 35px; line-height: 31px; text-align: center; vertical-align: middle; }
.paging a:hover, .paging a:focus { color: #8591b9; font-weight: 700; }
.paging a.active { -webkit-box-sizing: border-box; box-sizing: border-box; width: 35px; height: 35px; color: #8591b9; border: 2px solid #8591b9; border-radius: 2em; }
.paging a.next, .paging a.prev, .paging a.first, .paging a.last { overflow: hidden; width: 35px; height: 35px; border: 1px solid #ddd; color: #aaa; }
.paging a.next:hover, .paging a.next:focus, .paging a.prev:hover, .paging a.prev:focus, .paging a.first:hover, .paging a.first:focus, .paging a.last:hover, .paging a.last:focus { color: #7c9dbc; }
.paging a.first, .paging a.next { border-right: auto; }
.paging a.prev { margin-right: 2.5px; }
.paging a.next { margin-left: 2.5px; }
.basic-list-wrap { position: relative; }
.basic-list-wrap .btns-wrap { position: absolute; right: 0; bottom: 0; }
.basic-list-wrap .btns-wrap-left { position: absolute; left: 0; bottom: 0; }
.basic-list-wrap .paging { position: absolute; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: auto; bottom: -22px; }
.summary-wrap { margin-bottom: 46px; }
.summary-wrap .member-info { font-size: 18px; font-weight: 700; margin-bottom: 16px; }
.summary-wrap .member-info .name { display: inline-block; width: 156px; margin-right: 30px; text-align: center; }
.summary-wrap .member-info .number { margin-left: 20px; }
.summary-wrap .member-info .state:hover, .summary-wrap .member-info .state:focus { background: #6272a3; }
.summary-wrap .summary-info::after { clear: both; content: ""; display: table; }
.summary-wrap .summary-info .summary-table { float: left; width: calc(100% - 186px); }
.summary-wrap .co-info { border: 1px solid #d2d2d2; background: #fff; color: #333; padding: 23px 15px; }
.summary-wrap .co-info::after { clear: both; content: ""; display: table; }
.summary-wrap .co-info .name { font-size: 18px; float: left; }
.summary-wrap .co-info .date { float: right; }
.summary-wrap.admin { margin-bottom: 30px; }
.summary-wrap.admin .co-info { padding: 0; margin-top: 40px; border: none; }
.summary-wrap.admin .co-info .btn { top: 12px; right: 12px; }
.basic-info-sec { position: relative; padding-top: 15px; }
.basic-info-sec .btns-wrap.plus-minus { position: absolute; top: 0; right: 0; margin-top: 0; }
.btn-field-plus { position: absolute; right: -108px; top: 2px; }
.quick-menu { position: fixed; top: 64px; right: 10px; z-index: 20; }
.quick-menu .quick-menu-wrap { -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.15); box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.15); border: 1px solid #0086b5; border-radius: 6px; overflow: hidden; width: 90px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.quick-menu .quick-menu-wrap .tit { background: #2c2c2c; color: #fff; text-align: center; padding: 5px 0; height: 42px; border: 1px solid #2c2c2c; position: absolute; top: 0; left: 0; right: 0; border-radius: 6px 6px 0 0; }
.quick-menu .quick-menu-wrap ul { background: #f7f7f7; padding-top: 41px; }
.quick-menu .quick-menu-wrap ul li { padding: 12px 5px 0; }
.quick-menu .quick-menu-wrap ul li:last-of-type a { border-bottom: none; }
.quick-menu .quick-menu-wrap ul li a { display: block; padding-bottom: 10px; border-bottom: 1px solid #fff; font-size: 13px; color: #2c2c2c; text-align: center; }
.quick-menu .quick-menu-wrap ul li a .txt { display: block; text-align: center; margin-top: 8px; }
.quick-menu .quick-menu-wrap ul li a .ico { display: block; margin: 0 auto; background: url(../images/common/ico-quick.png) no-repeat; }
.quick-menu .quick-menu-wrap ul li a .ico.no1 { width: 32px; height: 32px; background-position: -3px -1px; }
.quick-menu .quick-menu-wrap ul li a .ico.no2 { width: 39px; height: 28px; background-position: 0 -34px; }
.quick-menu .quick-menu-wrap ul li a .ico.no3 { width: 35px; height: 35px; background-position: -2px -62px; }
.quick-menu .quick-menu-wrap ul li a .ico.no4 { width: 38px; height: 32px; background-position: -1px -96px; }
.quick-menu .quick-menu-wrap ul li a .ico.no5 { width: 27px; height: 37px; background-position: -5px -127px; }
.quick-menu .quick-menu-wrap ul li:hover, .quick-menu .quick-menu-wrap ul li:focus { background: #6272a3; }
.quick-menu .quick-menu-wrap ul li:hover a, .quick-menu .quick-menu-wrap ul li:focus a { color: #fff; border-color: #6272a3; }
.quick-menu .quick-menu-wrap ul li:hover a .ico.no1, .quick-menu .quick-menu-wrap ul li:focus a .ico.no1 { background-position: -41px -1px; }
.quick-menu .quick-menu-wrap ul li:hover a .ico.no2, .quick-menu .quick-menu-wrap ul li:focus a .ico.no2 { background-position: -38px -34px; }
.quick-menu .quick-menu-wrap ul li:hover a .ico.no3, .quick-menu .quick-menu-wrap ul li:focus a .ico.no3 { background-position: -39px -62px; }
.quick-menu .quick-menu-wrap ul li:hover a .ico.no4, .quick-menu .quick-menu-wrap ul li:focus a .ico.no4 { background-position: -38px -96px; }
.quick-menu .quick-menu-wrap ul li:hover a .ico.no5, .quick-menu .quick-menu-wrap ul li:focus a .ico.no5 { background-position: -44px -127px; }
/*******************************************************************
modal
********************************************************************/
/* The Modal (background) */
.modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 10; /* Sit on top */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ background-color: black; /* Fallback color */ background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */ }
.modal .tit-w { position: relative; padding: 20px; height: 60px; color: #fff; background: #36384b; }
.modal .tit-w h1 { color: #fff; font-size: 20px; }
.modal .modal-content { /* Modal Content/Box */ display: table; text-align: center; font-size: 16px; background-color: #fefefe; padding: 60px; border: 1px solid #d5d5d5; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.modal .modal-content .modal-btns { margin-top: 45px; }
.modal .modal-content .modal-btns a + a { margin-left: 10px; }
.modal .modal-content.type-t { padding: 0; border: none; }
.modal .modal-content.type-t .type-t-w { padding: 10px; }
.modal .f-blue { color: #36384b; border: 1px solid #CC0033; }
.modal .notice { text-align: center; font-size: 18px; line-height: 1.5; font-weight: 700; }
.modal-inner-pd15 { padding: 15px; }
#modal-judge.h833 { height: 100%; overflow: auto; padding: 1em 0; }
#modal-judge.h833 .modal-content { position: static; -webkit-transform: none; transform: none; margin: 0 auto; }
.doc_list li { padding: 5px 20px 5px 0; }
.doc_list li::after { clear: both; content: ""; display: table; }
.doc_list li span:first-of-type { float: left; letter-spacing: -.5px; font-size: 14px; }
.doc_list li span:last-of-type { float: right; }
/*******************************************************************
tabmenu
********************************************************************/
.tabmenu ul { overflow: visible; width: 100%; margin-top: 0; }
.tabmenu ul::after { clear: both; content: ""; display: table; }
.tabmenu ul li { -webkit-box-sizing: border-box; box-sizing: border-box; float: left; width: 50%; border-left: 1px solid #fff; background: #e1e1e1; text-align: center; }
.tabmenu ul li a { font-size: 18px; color: #333; display: block; text-align: center; height: 46px; line-height: 46px; }
.tabmenu ul li:first-of-type { border-left: none; }
.tabmenu ul li:hover, .tabmenu ul li:focus, .tabmenu ul li.on { background: #5f5f5f; position: relative; }
.tabmenu ul li:hover a, .tabmenu ul li:focus a, .tabmenu ul li.on a { color: #fff; }
.tabmenu.item2 ul li { width: 50%; }
.tabmenu.item3 ul li { width: 33.333%; }
.tabmenu.item5 ul li { width: 20%; }
.tabmenu.item6 ul li { width: 16.666%; }
.tabmenu.item10 ul li { width: 10%; }
.tabmenu.white-b ul { border-left: 1px solid #6272a3; }
.tabmenu.white-b ul li { border: 1px solid #6272a3; border-left: none; background: #fff; text-align: center; font-size: 14px; color: #6272a3; height: 35px; line-height: 32px; cursor: pointer; }
.tabmenu.white-b ul li:hover, .tabmenu.white-b ul li:focus, .tabmenu.white-b ul li.on { background: #c2c9dd; }
.tabmenu.white-b ul li a { font-size: 14px; line-height: 32px; color: #6272a3; }
.tabmenu.round-btn { position: relative; height: 50px; margin-bottom: 16px; }
.tabmenu.round-btn ul li { float: none; text-align: center; display: inline-block; width: 52%; height: 50px; line-height: 46px; border-radius: 23px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #e1e1e1; border: 2px solid #e1e1e1; position: absolute; top: 0; z-index: 1; }
.tabmenu.round-btn ul li > a { font-size: 18px; color: #243135; display: block; width: 100%; }
.tabmenu.round-btn ul li:first-of-type { left: 0; }
.tabmenu.round-btn ul li:last-of-type { right: 0; }
.tabmenu.round-btn ul li.on { background: #fff; border-color: #6272a3; color: #6272a3; z-index: 2; }
.tabmenu.round-btn ul li:hover, .tabmenu.round-btn ul li:focus { background: #f4f4f4; }
.tabcon { display: none; }
.tabcon.on { display: block; }
.counsel-date { position: absolute; right: 0; top: 0; }
.now-date { color: #5b5c5e; font-size: 16px; margin-bottom: 8px; }
.tab-Cemetry { margin: 0; padding: 0; list-style: none; border-left: 1px solid #6272a3; width: 100%; font-size: 14px; }
.tab-Cemetry li { color: #6272a3; float: left; text-align: center; cursor: pointer; padding: 0 9px; width: 10%; height: 35px; line-height: 31px; border: 1px solid #6272a3; border-left: none; background: #fff; overflow: hidden; }
.tab-Cemetry li.active { color: #414b75; background: #c2c9dd; border-bottom: 1px solid #6272a3; }
.table-bt-info { border-top: 1px solid #dededf; border-bottom: 1px solid #dededf; padding: 20px; margin-top: 30px; }
.table-bt-info dl { line-height: 1.8; }
.table-bt-info dl dt { padding-left: 20px; }
.table-bt-info dl dd { padding-left: 35px; }
.table-bt-info dl dt:before { content: ''; width: 5px; height: 5px; border: 1px solid #000; border-radius: 50%; display: inline-block; vertical-align: middle; margin-right: 10px; }
.table-bt-info dl dd:before { content: '*'; margin-right: 7px; }
/*******************************************************************
login
********************************************************************/
body.login { background: #eceefa; }
#login { width: 510px; -webkit-box-sizing: border-box; box-sizing: border-box; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
#login .login-wrap { background: -webkit-gradient(linear, left top, right bottom, from(#8f9be3), to(#7682d0)); background: linear-gradient(to bottom right, #8f9be3, #7682d0); border: 1px solid #6f7ccc; overflow: hidden; border-radius: 14px; -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2); box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2); padding: 0 55px; position: relative; color: #fff; font-size: 18px; }
#login .login-wrap .tit { color: inherit; font-size: 30px; text-align: center; padding: 52px 0 26px; font-weight: 700; }
#login .login-wrap .tit span { font-weight: 400; }
#login .login-wrap .input-tit { display: block; margin-bottom: 10px; }
#login .login-wrap .input-wrap { border-radius: 8px; position: relative; margin-bottom: 15px; overflow: hidden; background-color: #5f6bba; border: none; }
#login .login-wrap .input-wrap span { position: absolute; left: 13px; top: 11px; font-size: 22px; color: #8f9be3; }
#login .login-wrap .input-wrap input { width: 100%; height: 48px; line-height: 48px; font-size: 18px !important; padding: 0 22px 0 57px; color: #fff; background: none; }
#login ul { padding: 25px 0 0 50px; font-size: 16px; color: #333; }
#login ul li { padding-left: 12px; position: relative; line-height: 1.3; margin-bottom: 8px; }
#login ul li:before { content: ''; display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: #707070; position: absolute; top: 8px; left: 0; }
#login #btn-login { width: 100%; height: 65px; line-height: 65px; text-align: center; display: inline-block; font-size: 25px; color: #6f7ccc; font-weight: 700; background: #fff; border-radius: 8px; margin-top: 30px; }
#login .id-save { padding: 10px 0 22px; text-align: right; font-size: 16px; }
#login .id-save label { padding-left: 23px !important; padding-top: 0 !important; }
.bull-star li { padding-left: 15px; position: relative; color: #36384b; line-height: 1.5; letter-spacing: -.3px; text-align: left; }
.bull-star li:before { content: '*'; position: absolute; top: 3px; left: 0; }
.admin-label-list { background: #f7f7f7; border-top: 1px solid #464a57; border-bottom: 1px solid #464a57; overflow-y: auto; }
.admin-label-list li { margin-bottom: 10px; }
.accordion2 .acco-list li { margin-bottom: 15px; }
.accordion2 .acco-tit { display: block; border: 1px solid #d2d2d2; padding: 13px 15px; font-size: 18px; color: #333; position: relative; cursor: pointer; }
.accordion2 .acco-tit > span { position: absolute; right: 15px; top: 8px; font-size: 28px; }
.accordion2 .acco-cont { display: none; border: 1px solid #d2d2d2; border-top: none; }
.accordion2 .acco-cont.on { display: block; }
.accordion2 .acco-cont .acco-cont-inner { padding: 20px 10px; }
.accordion2 .basic-table.scroll { overflow-x: auto; overflow-y: auto; /*min-width: 1300px;*/ }
.accordion2 .basic-table.scroll table { min-width: 1300px; }
.accordion2 .basic-table.scroll table th { word-break: keep-all; padding-left: 15px; padding-right: 15px; }
.preview-image { padding-left: 10px; }
.preview-image > * { display: inline-block; vertical-align: middle !important; margin-left: 10px; }
.preview-image .upload-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.preview-image .upload-thumb-wrap { width: 62px; height: 62px; border-radius: 50%; overflow: hidden; display: inline-block; }
.preview-image .upload-thumb-wrap > img { width: 100%; height: 100%; }
.preview-image .upload-name { background: transparent !important; width: 600px; }
span.hyphen {display: inline-block; vertical-align: middle; margin:-7px 1px 1px}
/*******************************************************************
chart
********************************************************************/
.chart_list_area { margin: 0 -6px; }
.chart_list_area > li { width: 50%; float: left; padding: 0 6px; }
.chart_list_area > li + li + li { margin-top: 12px; }
.chart_cont_area { border: 1px solid #d2d2d2; height: 400px; }
.chart_head_area { border-bottom: 1px solid #f0f0f0; height: 47px; line-height: 46px; padding: 0 15px; }
.chart_head_btns { float: right; }
.chart_head_btns > li { float: left; margin-left: 4px; }
.chart_head_btns > li button { text-indent: -999em; width: 24px; height: 20px; background: url("../images/common/ico_chart.png") no-repeat center; vertical-align: text-top; }
.chart_head_btns > li .chart_btn_pie { background-position: 0 0; }
.chart_head_btns > li .chart_btn_bar { background-position: -28px 0; }
.chart_head_btns > li .chart_btn_line { background-position: -58px 0; }
.chart_head_btns > li .chart_btn_down { background-position: -88px 0; }
.chart_head_btns > li button:hover, .chart_head_btns > li.active button { background-position-y: -30px; }
.chart_graph_area { height: 304px; }
.chart_graph_area > div { width: 98%; margin: 2px auto; height: 300px; }
.chart_foot_area { position: relative; margin: 0 -1px; border: 1px solid #d2d2d2; border-top: none; }
.chart_foot_area .chart_acco_tit { background: #f0f0f0; line-height: 47px; }
.chart_foot_area .chart_acco_tit > span { width: 50px; text-align: center; font-size: 27px; line-height: 47px; }
.chart_foot_area.active .chart_acco_tit > span:before { content: "\eb60"; }
.chart_foot_area .chart_btn_excel { width: 92px; color: #333; font-weight: 700; margin-left: 2px; }
.chart_foot_area .chart_btn_excel img { margin-bottom: -2px; padding-right: 7px; }
.chart_foot_area .chart_acco_cont { display: none; width: 100%; padding: 15px; background: #fff; }

@media screen and (max-width:1890px) {
    .basic-table.scroll table {
        min-width:1300px
    }
}

@media screen and (max-width:1100px) {
    .container {
        padding:0 20px
    }
}