@font-face { font-family:'NanumGothic', '나눔고딕'; src:url('/static/NanumGothic.ttf') format('truetype'); }

html, body { margin:0; padding:0; background:#ededed; overflow:hidden; min-width: 1440px; }
body, form, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, fieldset, legend, input, textarea, button { margin:0; padding:0; }
* { font-family:'NanumGothic', '나눔고딕', 맑은 고딕, sans-serif !important; font-size:9pt; box-sizing:border-box; }
input, select, textarea, button { padding:0 4px; background:#fff; border:1px solid #ccc; vertical-align:middle; border-radius:3px; }
input::placeholder, textarea::placeholder { color:#7b90b4; }
input.w100p { width:99.5%; }
input.w100 { width:100px; }
input.w200 { width:200px; }
select { margin-right:2px; font-size:9pt; }
input[type="checkbox"] { border:0; }
li { list-style:none; }
a:link, a:visited, a:hover, a:active { text-decoration:none; }

/* MARGIN == */
.mall5 { margin:5px; }
.mall10 { margin:10px; }
.mall20 { margin:20px; }
.mleft5 { margin-left:5px; }
.mleft7 { margin-left:7px; }
.mleft10 { margin-left:10px; }
.mleft15 { margin-left:15px; }
.mleft20 { margin-left:20px; }
.mleft25 { margin-left:25px; }
.mleft30 { margin-left:30px; }
.mleft35 { margin-left:35px; }
.mleft40 { margin-left:40px; }
.mleft45 { margin-left:45px; }
.mleft50 { margin-left:50px; }
.mright5 { margin-right:5px; }
.mright10 { margin-right:10px; }
.mright15 { margin-right:15px; }
.mright20 { margin-right:20px; }
.mright25 { margin-right:25px; }
.mright30 { margin-right:30px; }
.mright35 { margin-right:35px; }
.mright40 { margin-right:40px; }
.mright45 { margin-right:45px; }
.mright50 { margin-right:50px; }
.mright70 { margin-right:70px; }
.mtop2 { margin-top:2px; }
.mtop3 { margin-top:3px; }
.mtop5 { margin-top:5px; }
.mtop10 { margin-top:10px; }
.mtop15 { margin-top:15px; }
.mtop20 { margin-top:20px; }
.mtop25 { margin-top:25px; }
.mtop30 { margin-top:30px; }
.mtop35 { margin-top:35px; }
.mtop40 { margin-top:40px; }
.mtop45 { margin-top:45px; }
.mtop50 { margin-top:50px; }
.mbotm3 { margin-bottom:3px; }
.mbotm5 { margin-bottom:5px; }
.mbotm10 { margin-bottom:10px; }
.mbotm15 { margin-bottom:15px; }
.mbotm20 { margin-bottom:20px; }
.mbotm25 { margin-bottom:25px; }
.mbotm30 { margin-bottom:30px; }
.mbotm35 { margin-bottom:35px; }
.mbotm40 { margin-bottom:40px; }
.mbotm45 { margin-bottom:45px; }
.mbotm50 { margin-bottom:50px; }


/* PADDING == */
.pall5 { padding:5px; }
.pall8 { padding:8px; }
.pall10 { padding:10px; }
.pall12 { padding:12px; }
.pall15 { padding:15px; }
.pall20 { padding:20px; }
.pall25 { padding:25px; }
.pall30 { padding:30px; }
.pall40 { padding:40px; }
.pall50 { padding:50px; }
.pleft5 { padding-left:5px; }
.pleft10 { padding-left:10px; }
.pleft15 { padding-left:15px; }
.pleft20 { padding-left:20px; }
.pleft25 { padding-left:25px; }
.pleft30 { padding-left:30px; }
.pleft35 { padding-left:35px; }
.pleft40 { padding-left:40px; }
.pleft45 { padding-left:45px; }
.pleft50 { padding-left:50px; }
.pright5 { padding-right:5px; }
.pright10 { padding-right:10px; }
.pright15 { padding-right:15px; }
.pright20 { padding-right:20px; }
.pright25 { padding-right:25px; }
.pright30 { padding-right:30px; }
.pright35 { padding-right:35px; }
.pright40 { padding-right:40px; }
.pright45 { padding-right:45px; }
.pright50 { padding-right:50px; }
.pright70 { padding-right:70px; }
.ptop2 { padding-top:2px; }
.ptop3 { padding-top:3px; }
.ptop5 { padding-top:5px; }
.ptop10 { padding-top:10px; }
.ptop15 { padding-top:15px; }
.ptop20 { padding-top:20px; }
.ptop25 { padding-top:25px; }
.ptop30 { padding-top:30px; }
.ptop35 { padding-top:35px; }
.ptop40 { padding-top:40px; }
.ptop45 { padding-top:45px; }
.ptop50 { padding-top:50px; }
.pbotm5 { padding-bottom:5px; }
.pbotm10 { padding-bottom:10px; }
.pbotm15 { padding-bottom:15px; }
.pbotm20 { padding-bottom:20px; }
.pbotm25 { padding-bottom:25px; }
.pbotm30 { padding-bottom:30px; }
.pbotm35 { padding-bottom:35px; }
.pbotm40 { padding-bottom:40px; }
.pbotm45 { padding-bottom:45px; }
.pbotm50 { padding-bottom:50px; }


.tit8 { font-size:11px; }
.tit9 { font-size:9pt; }
.tit10 { font-size:10pt; }
.tit11 { font-size:11pt; }
.tit12 { font-size:12pt; }
.tit15 { font-size:15pt; }
.tit18 { font-size:18pt; }
.tit20 { font-size:20pt; }


.red { color:#eb6a46; }
.green { color:#4f8b15; }
.sky { color:#56bdf1; }

.bl { font-weight:600;}
.agnl { text-align:left; }
.agnr { text-align:right !important; }


.layout { display:flex; position:absolute; top:35px; right:0; bottom:0; left:0; min-height:0; margin-top:0; gap:0; }
.sidebar { width:200px; min-width:200px; background:#fff; border-top:1px solid #fff; border-right:1px solid #ddd; transition:width .25s ease, min-width .25s ease, opacity .2s ease; }
.sidebar.collapsed { width:0; min-width:0; padding:0; opacity:0; overflow:hidden; border-right:none; }
.content { flex:1; display:flex; flex-direction:column; min-width:0; margin-left:5px; background:#fff; }

.btn, .btn:hover { height:20px; padding:1px 8px 2px 8px; background:#cf3f3f; color:#fff; font-size:11px; font-weight:600; border:1px solid #c43b3b; cursor:pointer; }
.btn_p, .btn_p:hover { height:20px; padding:0 8px; background:#555; color:#fff; font-size:11px; font-weight:600; border:1px solid #454545; cursor:pointer; }
.btn_d, .btn_d:hover { height:20px; padding:0 8px; background:#ddd; color:#555; font-size:11px; font-weight:600; border:1px solid #aaa; cursor:pointer; }
.btn_sh, .btn_sh:hover { height:20px; padding:0 20px 0 8px; background:#ddd url('/static/img/top_btn.png') no-repeat right top -80px; color:#555; font-size:11px; font-weight:600; border:1px solid #aaa; cursor:pointer; }
.btn_re, .btn_re:hover { height:20px; padding:0 22px 0 8px; background:#ddd url('/static/img/top_btn.png') no-repeat right top; color:#555; font-size:11px; font-weight:600; border:1px solid #aaa; cursor:pointer; }
.btn_x, .btn_x:hover { height:20px; padding:0 22px 0 8px; background:#ddd url('/static/img/top_btn.png') no-repeat right top -60px; color:#555; font-size:11px; font-weight:600; border:1px solid #aaa; cursor:pointer; float:right; }
.btn_ex, .btn_ex:hover { height:20px; padding-right:22px; background:#e6990d url('/static/img/top_btn.png') no-repeat right top -30px; color:#fff; font-size:11px; font-weight:600; border:1px solid #cf840d; cursor:pointer; }
.btn-warning, .btn-warning:hover { height:32px; padding:3px 12px 0 12px; background:#fff; color:#777; font-size:12pt; border:1px solid #aaa; }
.btn-primary, .btn-primary:hover { height:32px; padding:3px 12px 0 12px; font-size:12pt; }
.btn-dark, .btn-dark:hover { height:32px; padding:3px 12px 0 12px; background:#555; color:#eee; font-size:12pt; border:1px solid #333; }
.btn_fix1, .btn_fix1:hover { padding:0 23px 0 8px; background:#ddd url('/static/img/top_btn.png') no-repeat right top -160px; }
.btn_fix2, .btn_fix2:hover { padding:0 23px 0 8px; background:#ddd url('/static/img/top_btn.png') no-repeat right top -180px; }
.btn_fix3, .btn_fix3:hover { padding:0 23px 0 8px; background:#ddd url('/static/img/top_btn.png') no-repeat right top -200px; }

.gnb { height:35px; padding:8px 0 0 12px; background:#234682; color:#eee; font-size:10pt; position:absolute; top:0; left:0; right:0; z-index:100; overflow:hidden; }
.gnb li { padding:0; display:inline-block; }
.gnb li.gnb_logo { font-size:13pt; color:#eee; font-weight:600; text-align:left; cursor:pointer; float:left; }
.gnb li.gnb_tab { padding:0; float:right; border:0; }
.gnb li.gnb_tab div { margin-right:6px; padding:6px 10px; background:#1d93b7; color:#eee; font-size:9pt; font-weight:600; border:1px solid rgba(255, 255, 255, 0.2); border-bottom:0; border-radius:4px 4px 0 0; cursor:pointer; float:left; }
.gnb li.gnb_tab div.login { margin-right:10px; background:#505050; color:#ccc; }
.gnb li.gnb_tab div.mnal { background:rgba(255, 255, 255, 0.1); color:#fff; }
.gnb li.gnb_tab div.text { padding-top:5px; padding-right:20px; background:rgba(255, 255, 255, 0.0); color:#fff; border:0; }

.menu-controls { margin-top:4px; margin-left:-5px; position:absolute; z-index:99; }
.menu-controls button, .embed-toolbar button { padding:0 2px; cursor:pointer; border:1px solid #c5c5c5; border-left:0; border-radius:0 3px 3px 0; }

.tree { list-style:none; margin:0; padding:0; background:#fff; color:#555; }
.tree-group { border:2px solid #fff; border-bottom:1px solid #e6e6e6; overflow:hidden; }
.tree-group:hover { background:#5a5a5a; color:#fff; border:2px solid #5a5a5a; border-bottom:1px solid #5a5a5a; }
.tree-header { padding:4px 8px 6px 8px; font-weight:600; display:flex; align-items:center; justify-content:space-between; gap:8px; cursor:pointer; user-select:none; }
.tree-arrow { transition:transform .2s ease; }
.tree-group[aria-expanded="true"] .tree-arrow { transform:rotate(90deg); }
.tree-children { display:none; border:0; }
.tree-group[aria-expanded="true"] { background:#5a5a5a; color:#fff; border:2px solid #5a5a5a; }
.tree-group[aria-expanded="true"] .tree-children { display:block; }
.tree-children button { display:block; width:100%; background:#fff; color:#555; text-align:left; padding:5px 10px; border:0; border-bottom:1px solid #ddd; border-radius:0; cursor:pointer; }
.tree-children button:hover, .tree-children button:focus { color:#e36939; outline:none; }
.tree-children button, .tree-children .tree-menu-button { font-weight:600; }

.tabs { display:flex; gap:0; background:#ededed; }
.tab { margin-top:4px; margin-right:5px; padding:3px 4px 5px 7px; background:#f5f5f5; color:#555; font-size:9pt; border:1px solid #c5c5c5; border-bottom:0; border-radius:3px 3px 0 0; display:flex; align-items:center; user-select:none; cursor:pointer; }
.tab.active { background:#da4242; color:#fff; border-color:#c23a3a; }
.tab:first-child { background:#999; color:#fff; border-color:#777; }
.tab:first-child, .tab:nth-child(2) { padding:3px 8px 5px 8px; }
.close-btn { width:11px; height:11px; margin-left:7px; background:url('/static/img/tabs_icons.png') no-repeat center center; display:inline-block; cursor:pointer; }
.tab.active .close-btn { background-image:url('/static/img/tabs_icons_on.png'); }

#tabContents { margin:0; padding:0; }
.tab-content { padding:0; display:none; }
.tab-content.active { display:block; }
.embed-wrap { position:relative; display:flex; flex-direction:column; height:calc(100vh - 62px); margin:0; padding:0; }
.embed-frame { flex:1; width:100%; height:100%; border:0; display:block; }
.embed-fallback { position:relative; height:calc(100vh - 62px); color:#444; }

#adminMemberLayer #id_credential-ventapro_api_key { width:99%; }

.context-menu { margin-top:-25px; padding:5px 8px; background:#555; color:#eee; font-size:9pt; border:1px solid #333; border-radius:3px; box-shadow:2px 2px 5px rgba(0,0,0,.2); display:none; position:absolute; z-index:1000; cursor:pointer; }
.context-menu:hover { background:#777; }

.cont { background:#fff; border:1px solid #ccc; position:absolute; top:0; right:0; left:0; bottom:0; overflow:auto; }
.cont_t { bottom:50%; border-bottom:1px solid #ccc; }
.cont_b { top:calc(50% + 5px); }
.cont_l { right:50%; }
.cont_r { left:calc(50% + 5px); }
.cont_r40 { left:calc(40% + 5px); }

.pop_b { background:#fff; box-shadow:0 0 5px #ccc; position:absolute; top:45%; right:0; left:0; bottom:0; }
.pop_r { background:#fff; box-shadow:0 0 5px #ccc; position:absolute; top:0; right:0; left:45%; bottom:0; }
.pop_r30 { background:#fff; box-shadow:0 0 5px #ccc; position:absolute; top:0; right:0; left:25%; bottom:0; }
.pop_c { width:600px; height:400px; margin-left:-300px; background:#fff; border:1px solid #333; box-shadow:0 0 7px #777; position:absolute; top:50px; left:50%; z-index:99; overflow:auto; }
.pop_c_bg { background:#0000004b; position:absolute; top:0; right:0; left:0; bottom:0; z-index:90; overflow:auto; }

.pop_b, .pop_r, .pop_r30, .pop_c, .pop_c_bg { display:none; }
.pop_c_bg .pop_c { display:block; }

.top_bar { text-align:left; }
.top_bar ul { list-style:none; margin:0; padding:0; }
.top_bar li { height:30px; padding:4px 0 2px 5px; background:#f5f5f5; font-size:9pt; border:1px solid #ccc; border-bottom:0; }
.top_bar li:first-child { height:29px; }
.top_bar li.sh_dat { height:49px; }
.top_bar li.top_bar_line { border-bottom:1px solid #ccc; }
.top_bar li input, .top_bar li button { margin-right:2px; }
.top_bar li input[type="file"], .top_bar li input[type="text"], .top_bar li input[type="date"], .top_bar li select { height:20px; }
.top_bar_l { width:50%; }
.top_bar_r { position:absolute; top:0; right:0; left:calc(50% + 5px); }
.top_bar_b { position:absolute; top:calc(50% + 5px); left:0; right:0; }
.top_bar_line { border-bottom:1px solid #ccc; }

.tbltop1 { top:29px; }
.tbltop2 { top:59px; }
.tbltop3 { top:89px; }
.tbltop4 { top:119px; }
.tbltop5 { top:149px; }
.tbltop6 { top:179px; }
.tbltop7 { top:209px; }
.tbltop8 { top:239px; }

.tbltop1_b { top:calc(50% + 34px); }

table { border-collapse:collapse; border-spacing:0; }
.tbl tr { vertical-align:middle; }
.tbl th { height:23px; min-width:20px; padding:1px 8px 0; background:#e5e5e5; font-size:9pt; text-align:center; white-space:nowrap; border-bottom:1px solid #bbb; border-right:1px solid #bbb; }
.tbl td { height:23px; padding:1px 8px 0; background:#fff; font-size:9pt; text-align:center; white-space:nowrap; border-bottom:1px solid #bbb; border-right:1px solid #bbb; }
.tbl tr:hover td { background:#fdf6f4; color:#d84f2f; border-bottom:1px solid #d84f2f; }
.tbl td.agnl { text-align:left; }
.tbl td.agnr { text-align:right; }
.tbl td.bgyell, .tbl td.bgyell input, .tbl td.bgyell select { background:#eeff00; }
.tbl td code { font-size:9pt; }
.tbl tr.total td, .tbl td.total, .tbl td:hover.total { background:#e7e1ef; color:#92278f; font-size:9pt; font-weight:600; }
.tbl td.inp { padding:0; }
.tbl td.inp input, .tbl td.inp button, .tbl td.inp select { width:100%; height:23px; padding:0 5px; border:0; border-radius:0; }

.tblview { width:100%; }
.tblview th, .tblview td { height:28px; padding-top:2px; padding-bottom:2px; font-size:9pt; border-bottom:1px solid #bbb; }
.tblview th { width:140px; background:#e5e5e5; color:#333; border-right:1px solid #bbb; }
.tblview td { padding-left:8px; text-align:left; }
.tblview td code { display:block; margin:4px 0; padding-right:10px; word-break:break-all; }
.tblview td.agnc { text-align:center; }
.tblview td label { padding-right:10px; font-size:9pt; display:inline; }
.tblview td.inp textarea { width:99%; height:100px; padding:2px 5px; }

.tit_bar { padding:8px 10px; color:#333; font-size:14pt; border-bottom:1px solid #bbb; }



/*== LOGIN ===============================================================*/
.nw_wrap { background:#fff; position:absolute; top:0; left:0; right:0; bottom:0; }

.nw_log_code input, .nw_log_id input, .nw_log_pw input { width:99%; height:40px; padding-left:10px; font-size:12pt; }
.nw_log_btn, .nw_log_btn:hover { width:99%; height:42px; padding-left:8px; font-size:12pt; }
.nw_log_code { background:url(/static/img/icon_log1.png) no-repeat left top 10px; padding-left:55px !important; text-align:right; }
.nw_log_id { background:url(/static/img/icon_log1.png) no-repeat left top -50px; padding-left:55px !important; text-align:right; }
.nw_log_pw { background:url(/static/img/icon_log1.png) no-repeat left top -110px; padding-left:55px !important; text-align:right; }
.nw_log_btn, .nw_log_btn:hover { height:50px; background:#2d50a0; color:#fff; font-size:16pt; font-weight:600; border-color:#2d50a0; border-radius:30px; cursor:pointer; }

.nw_wrap_login { position:absolute; top:10%; left:50%; margin-left:-210px; }
.nw_wrap_login ul { width:420px; }
.nw_login_box_img img { width:200px; margin:30px 0; }
.nw_login_box_body { padding:20px 10px; background:#fff; border:1px solid #eee; border-radius:10px; box-sizing:border-box; box-shadow:0 0 8px rgba(0,0,0,0.2); }
.nw_login_box_body div { padding:10px; }
.nw_outbox { margin-top:15px; margin-left:180px; }


@media screen and (max-width: 1023px) { 
	.nw_wrap_login { margin:0; margin-top:30px; width:99.99%; display:block; position:static; }
	.nw_wrap_login ul { width:85%; max-width:420px; margin:0 auto; }
	.nw_login_box_img img { width:60%; }
	.nw_ban_img { width:90%; margin:0 auto; }
	.nw_outbox { margin-left:110px; }
	
	.login_body { background:#101216 url(/static/img/log_img_bg_m.jpg) top center no-repeat; }
	.wrap_login, .wrap_login_chain { margin:0; margin-top:10px; width:99.99%; display:block; position:static; }
	.login_box { width:90%; margin:0 auto; }
	.link_logiszone, .txt_logiszone, .link_logiszone, .link_osm, .info_tel { display:none; }
}