@charset "UTF-8";
/*----------------------------------------------------------------------------------- 
    Font Properties
-----------------------------------------------------------------------------------*/
@font-face{
	font-family:'Noto Sans KR';
	font-style:normal;
	font-weight:400;
	src:local("Noto Sans KR"), local("Noto Sans KR Regular"), local("Noto Sans");
	src:url("font/NotoSansKR-Regular.eot");
	src:url("font/NotoSansKR-Regular.eot?#iefix") format("embedded-opentype"),
		url("font/NotoSansKR-Regular.woff") format("woff"),
		url("font/NotoSansKR-Regular.otf") format("opentype");
}


/*----------------------------------------------------------------------------------- 
    Reset Properties
-----------------------------------------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, 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;background:none transparent;font-size:100%;font-style:normal;border:0;-webkit-text-size-adjust:none;}
table{width:100%;border-collapse:collapse;border-spacing:0;border:0;/*table-layout:fixed;*/}
blockquote:before, blockquote:after, q:before, q:after{content:"";}
blockquote, q{quotes:"" "";}
ins{text-decoration:none;}
del{text-decoration:line-through;}
pre{white-space:pre-wrap;word-wrap:break-word;}
img{vertical-align:top;-ms-interpolation-mode:bicubic;}
li{list-style:none;}
address, caption, em, cite{font-weight:normal;font-style:normal;}
caption{width:0;height:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
legend{position:absolute;top:-9999em;left:-9999em;width:0;height:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
body{font:12px/1.4 'Noto Sans KR', Arial, Helvetica, sans-serif;color:#444;-webkit-text-size-adjust:none;}
a{color:#444;text-decoration:none;}
a:visited, a:hover, a:active{color:#444;text-decoration:none;}
select, input, textarea{font:12px/1.2 'Noto Sans KR', Arial, Helvetica, sans-serif;color:#444;vertical-align:middle;}
textarea, select{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;}
hr {height:0;margin:10px 0;border:0;border-top:1px solid #c5c7c6;}

/*----------------------------------------------------------------------------------- 
    Layout Properties
-----------------------------------------------------------------------------------*/
#wrap{position:relative;/*z-index:100;min-width:1680px*/;background:#fff;overflow:hidden;}
.inner{position:relative;min-width:1680px;margin:0 auto;padding:40px;box-sizing:border-box;}

/* 탑메뉴 */
header.main{position:relative;z-index:100;height:65px;background-color:#3b4048;}
header.main .inner{padding:0 40px;}
header.main .logo{display:inline-block;margin:12px 0;}
header.main .nav-bar{position:absolute;left:320px;top:0;z-index:100;}
header.main .nav-bar > ul > li {float:left;height:65px;margin-right:15px;padding:0 15px;font-size:18px;line-height:65px;}
header.main .nav-bar > ul > li > a {display:inline-block;height:65px;box-sizing:border-box;color:#fff;}
header.main .nav-bar > ul > li:hover > a,
header.main .nav-bar > ul > li.on > a {color:#ed2728;border-bottom:3px solid #ed2728;font-weight:bold;}
header.main .nav-bar > ul > li > a.etc {width:30px;background:url("../images/gnb_etc_off.png") no-repeat center 30px;}
header.main .nav-bar > ul > li > a.etc span {display:none;}
header.main .nav-bar > ul > li:hover > a.etc, header.main .nav-bar > ul > li.on > a.etc {background-image:url("../images/gnb_etc_on.png");}
header.main .nav-bar li .submenu-wrap {display:none;position:absolute;left:-320px;top:65px;z-index:100;width:1920px;font-weight:normal;letter-spacing:-.5px;background:#fff url("../images/bg_submenu-wrap.gif") no-repeat right bottom;border-bottom:1px solid #babbbf;box-shadow:5px 10px 20px rgba(0, 0, 0, 0.1);}
header.main .nav-bar li .sub-menu {position:relative;width:1680px;margin:0 auto -1px;padding-left:200px;padding-top:10px;overflow:hidden;box-sizing:border-box;display:-webkit-flex;display:-ms-flex;display:flex;-webkit-flex-flow:row wrap;flex-flow:row wrap;}
header.main .nav-bar li .sub-menu .big-title {position:absolute;left:0;top:0;width:200px;height:100%;padding:35px;font-size:26px;line-height:32px;font-weight:bold;box-sizing:border-box;text-align:center;}
header.main .nav-bar li .sub-menu .big-title .icon {display:block;position:absolute;left:0;top:95px;width:100%;height:105px;text-align:center;background-position:center top;background-repeat:no-repeat;}
header.main .nav-bar li .sub-menu .list {-webkit-flex:auto;-ms-flex:auto;flex:auto;width:204px;max-width:204px;min-height:200px;box-sizing:border-box;padding:0 15px 10px;}
header.main .nav-bar li .sub-menu .list .title {font-size:14px;color:#222;line-height:36px;font-weight:bold;border-bottom:1px solid #a3abb2;}
header.main .nav-bar li .sub-menu .list ul {padding:3px 0;font-size:14px;color:#888;line-height:30px;box-sizing:border-box;}
header.main .nav-bar li .sub-menu .list ul li {position:relative; margin:10px 0; padding-left:15px; word-break:keep-all; line-height:16px; color:#bbb; cursor:default; font-size:12px;}
header.main .nav-bar li .sub-menu .list ul li a{color:#666;cursor:pointer;font-size:12px;}
header.main .nav-bar li .sub-menu .list ul li.on > a,
header.main .nav-bar li .sub-menu .list ul li:hover > a{color:#ed2728;}
header.main .nav-bar li .sub-menu .list ul li i.star{display:inline-block;position:absolute;left:0;top:2px;width:12px;height:12px;background:url("../images/icon_star_off.png") no-repeat left center;cursor:pointer;}
header.main .nav-bar li .sub-menu .list ul li i.star.on{background:url("../images/icon_star_on.png") no-repeat left center;}
header.main .nav-bar li .sub-menu .list.wide {width:400px;max-width:412px;}
header.main .nav-bar li .sub-menu .list.wide ul {float:left;width:50%;}

header.main .nav-bar .sitemap{margin:0;padding:0;}
header.main .nav-bar .sitemap a{display:inline-block;color:#fff;padding-left:20px;font-size:11px;background:url("../images/icon_sitemap.png") no-repeat left center;}
header.main .nav-bar .sitemap:hover a{border:0;}
header.main .nav-bar .quick{padding:0;}
header.main .nav-bar .quick a{padding-left:17px;color:#fff;font-size:11px;background:url("../images/icon_star.png") no-repeat left center;}
header.main .nav-bar .quick:hover a{border:0;}

/* 퀵메뉴 */
header.main .quick-layer{display:-webkit-flex;display:-ms-flex;display:flex;-webkit-flex-flow:row wrap;flex-flow:row wrap;position:absolute;left:0;top:65px;z-index:90;width:100%;padding:40px;background-color:#fff;border-top:1px solid #dfdfe1;box-sizing:border-box;overflow:hidden;box-shadow:0 3px 7px rgba(0, 0, 0, 0.2);}
header.main .quick-layer .quick-wrap{-webkit-flex:auto;-ms-flex:auto;flex:auto;width:78%;}
header.main .quick-layer .quick-wrap:before{content:"Quick Menu";display:block;margin-bottom:15px;font-size:20px;color:#222;font-weight:bold;}
header.main .quick-layer .btn-quick-close{position:absolute;right:40px;top:40px;z-index:90;width:29px;height:29px;background:url("../images/icon_close.png") no-repeat center center;cursor:pointer;}
header.main .quick-layer .list-wrap{display:-webkit-flex;display:-ms-flex;display:flex;-webkit-flex-flow:row wrap;flex-flow:row wrap;}
header.main .quick-layer .list{-webkit-flex:auto;-ms-flex:auto;flex:auto;width:33.333%;padding:0 20px 20px 20px;font-size:14px;border-right:1px solid #dfdfe1;box-sizing:border-box;}
header.main .quick-layer .list:nth-of-type(3n){border:0;}
header.main .quick-layer .list:nth-of-type(3n+1){padding-left:0;}
header.main .quick-layer .list .title{height:30px;margin-bottom:10px;padding:0 20px;line-height:30px;color:#444;font-weight:bold;background-color:#dbdce0;}
header.main .quick-layer .list li{padding-left:20px;line-height:30px;color:#999; cursor:default;}
header.main .quick-layer .list li a{color:#333;cursor:pointer;}
header.main .quick-layer .list li .slash{display:inline-block;width:12px;height:16px;margin:-2px 5px 0 0;background:url("../images/ico_loca_arr02.png") no-repeat center 3px;vertical-align:middle;}
header.main .quick-layer .list li .close{display:inline-block;width:16px;height:16px;margin:-2px 0 0 5px;background:url("../images/icon_close02.png") no-repeat center center;background-size:8px auto;border:1px solid #c7c7c7;border-radius:20px;vertical-align:middle;cursor:pointer;}
header.main .quick-layer .recent-wrap{-webkit-flex:auto;-ms-flex:auto;flex:auto;width:22%;padding-left:20px;box-sizing:border-box;border-left:1px solid #dfdfe1;}
header.main .quick-layer .recent-wrap:before{content:"최근 본 페이지";display:block;margin:5px 0 15px 0;font-size:15px;color:#222;font-weight:bold;}
header.main .quick-layer .recent-wrap li{display:inline-block;padding:0 13px;margin:0 5px 5px 0;line-height:30px;font-size:12px;color:#888;border:1px solid #babbbf;border-radius:20px;}
header.main .quick-layer .recent-wrap li a{color:#222;}
header.main .quick-layer .recent-wrap li .slash{display:inline-block;width:12px;height:16px;margin-top:-2px;background:url("../images/ico_loca_arr02.png") no-repeat center 3px;vertical-align:middle;}
header.main .quick-layer .recent-wrap li .close{display:inline-block;width:16px;height:16px;margin-top:-2px;background:url("../images/icon_close02.png") no-repeat center center;background-size:8px auto;vertical-align:middle;cursor:pointer;}

header.main .right-menu{position:absolute;right:0;top:0;z-index:40;height:65px;font-size:14px;}
header.main .right-menu > li{display:inline-block;position:relative;height:45px;margin:10px 0 10px 10px;padding:7px 0;line-height:30px;box-sizing:border-box;vertical-align:top;}
header.main .right-menu > li img{vertical-align:middle;}
header.main .right-menu > li .search-area{width:180px;height:30px;margin-right:15px;padding:0 5px;font-size:12px;color:#666;background-color:#fff;border:1px solid #c6c6c6;border-radius:15px;box-sizing:border-box;}
header.main .right-menu > li .search-area input.text{width:calc(100% - 40px);margin-right:10px;font-size:12px;color:#666;background-color:transparent;border:0;}
header.main .right-menu > li .search-area input.text::placeholder{color:#8c8c8c;}
header.main .right-menu > li .search-area input {vertical-align:top;}
header.main .right-menu > li .search-area .btn-search {width:15px;height:15px;margin-top:7px;}
/* 블랙톤의 검색영역
header.main .right-menu > li .search-area{background:#151515;border-color:#151515;}
header.main .right-menu > li .search-area input.text{color:#fff;}
*/
header.main .right-menu .user {font-size:12px;color:#fff;}
header.main .right-menu .user b { font-size:14px;}
header.main .right-menu .logout{padding:7px 12px;margin-left:15px;}
header.main .btn-menuToggle{display:inline-block;position:absolute;right:100px;top:45px;z-index:20;width:38px;height:38px;background:#3b4048 url("../images/icon_arrowup4.png") no-repeat center 22px;border-radius:50%;cursor:pointer;}
header.main .btn-menuToggle.off{background:#3b4048 url("../images/icon_arrowdown4.png") no-repeat center 23px;}
#footer{position:relative;padding:30px 40px;font-size:13px;color:#666;border-top:1px solid #d0d0d0;}
#footer::after{content:'';display:inline-block;position:absolute;right:40px;top:20px;width:80px;height:60px;background:url("../images/bg_5g.png") no-repeat center center;}
#footer .logo{position:absolute;left:0;}
#footer .con{position:relative;width:740px;padding-left:90px;}
#footer .con address{margin-bottom:5px;}
#footer .con address span{display:inline-block;width:40px;}
#footer .famliy-site{position:absolute;right:0;bottom:10px;width:150px;}

header.main.dev, header.main.dev .right-menu, header.main.dev .btn-menuToggle{background-color:#625e8e;}


/*----------------------------------------------------------------------------------- 
    Component Properties
-----------------------------------------------------------------------------------*/
.mgT0{margin-top:0px !important;}
.mgL0{margin-left:0px !important;}
.mgR0{margin-right:0px !important;}
.mgB0{margin-bottom:0 !important;}
.mgT5{margin-top:5px !important;}
.mgR5{margin-right:5px !important;}
.mgB5{margin-bottom:5px !important;}
.mgL5{margin-left:5px !important;}
.mgT10{margin-top:10px !important;}
.mgR10{margin-right:10px !important;}
.mgB10{margin-bottom:10px !important;}
.mgL10{margin-left:10px !important;}
.mgT15{margin-top:15px !important;}
.mgR15{margin-right:15px !important;}
.mgB15{margin-bottom:15px !important;}
.mgL15{margin-left:15px !important;}
.mgT20{margin-top:20px !important;}
.mgR20{margin-right:20px !important;}
.mgB20{margin-bottom:20px !important;}
.mgL20{margin-left:20px !important;}
.mgT25{margin-top:25px !important;}
.mgR25{margin-right:25px !important;}
.mgB25{margin-bottom:25px !important;}
.mgL25{margin-left:25px !important;}
.mgT30{margin-top:30px !important;}
.mgR30{margin-right:30px !important;}
.mgB30{margin-bottom:30px !important;}
.mgL30{margin-left:30px !important;}
.mgT35{margin-top:35px !important;}
.mgT40{margin-top:40px !important;}
.mgT54{margin-top:51px !important;}

.pd0 {padding:0 !important;}
.pdL0 {padding-left:0 !important;}
.pdR0 {padding-right:0 !important;}
.pdB0 {padding-bottom:0 !important;}
.pd10 {padding:10px !important;}
.pd5 {padding:5px !important;}
.pdT10 {padding-top:10px !important;}
.pdR10 {padding-right:10px !important;}
.pdB10 {padding-bottom:10px !important;}
.pdL10 {padding-left:10px !important;}
.pdT15 {padding-top:15px !important;}
.pdB15 {padding-bottom:15px !important;}
.pdL20 {padding-left:20px !important;}
.pdB20 {padding-bottom:20px !important;}
.pdSide5 {padding:0 5px !important;}

.txtLeft{text-align:left !important;}
.txtRight{text-align:right !important;}
.txtCenter{text-align:center !important;}
input[type="text"].txtRight, input[type="number"].txtRight{text-align:right !important;padding-right:14px;}
input[type="text"].txtCenter, input[type="number"].txtCenter{text-align:center !important;padding-right:14px;}

.scrollY{overflow-y:scroll !important;}
.scrollX{overflow-x:scroll !important;}
.scroll{overflow:auto !important;}

.vMid{vertical-align:middle !important;}
.vTop{vertical-align:top !important;}

.floatR{float:right !important;}
.floatL{float:left !important;}

.red{color:#ed1c24 !important;}
.blue{color:#004eff !important;}
.black{color:#000 !important;}
.fcBlk{color:#444 !important;}

.inBlock{display:inline-block !important;}
.overHide{overflow:hidden !important;}


/* select box */
select{width:100%;height:28px;line-height:24px;padding:0 26px 0 9px;border:1px solid #b6b6b6;color:#666;border-radius:2px;font-size:12px;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff url("../images/bg_select_sml.png") no-repeat right center;}
select::-ms-expand{display:none;}/* 화살표 제거 for IE */
@media screen and (min-width:0\0){select{background:#fff;}}
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none){select{background:#fff url("../images/bg_select_sml.png") no-repeat right center;}}
select:disabled{background-color:#f0f5f8;color:#a4a4a4;}
select[readonly]{background-color:#f0f5f8;}
select.modify{color:#ed1c24 !important;}

/* input */
input[type="text"], input[type="number"], input[type="password"]{width:100%;height:28px;line-height:26px;padding:0 0 0 14px;border-radius:0;border:1px solid #d2d9dd;color:#333;font-size:12px;background:#fff;box-sizing:border-box;}
input[type="text"]:focus, input[type="number"]:focus, input[type="password"]:focus{border-color:#2a3e44;outline:none;}
input[type="text"]:disabled, input[type="number"]:disabled, input[type="password"]:disabled{color:#8a8a8a;background-color:#f0f5f8;}
input[type="text"][readonly], input[type="number"][readonly], input[type="password"][readonly]{background-color:#f0f5f8;}
input::-webkit-input-placeholder{color:#8a8a8a !important;}
input::-moz-placeholder{color:#8a8a8a !important;}
input:-ms-input-placeholder{color:#8a8a8a !important;}
input[type="text"].datePick{padding:0 37px 0 7px;background-image:url("../images/ico_cal_on.png");background-repeat:no-repeat;background-position:right center;}
input[type="text"].datePick:disabled, input[type="text"].datePick[readonly]{background-image:url("../images/ico_cal_off.png");}
input[type="text"].modify, input[type="number"].modify, input[type="password"].modify, input[type="text"].datePick.modify{color:#ed1c24 !important;}
.srchInputTxt01{position:relative;display:inline-block;width:100%;padding-right:27px;box-sizing:border-box;}
.srchInputTxt01 .btnIcoSrch{position:absolute;right:0;top:0;display:inline-block;width:27px;height:28px;cursor:pointer;outline:0;}
.srchInputTxt01.sel{border:1px solid #d2d9dd;padding-left:100px;}
.srchInputTxt01.sel select{position:absolute;left:0;top:0;width:100px;height:26px;line-height:26px;padding:0 10px;box-sizing:border-box;border:0;border-radius:0;}
.srchInputTxt01.sel input[type="text"]{height:26px;line-height:26px;border:0;}
.srchInputTxt01.sel .btnIcoSrch{right:-1px;top:-1px;border-left:1px solid #d2d9dd;}
.srchInputTxt01 button{position:absolute;right:0;top:0;display:inline-block;width:27px;height:28px;cursor:pointer;background:url("../images/btn_sml_srch.png") no-repeat 0 0;border:0;outline:0;}
.srchInputTxt01 button span{display:none;}
.srchInputTxt02{position:relative;display:inline-block;width:100%;padding-right:54px;box-sizing:border-box;border:1px solid #414143;font-size:0;}
.srchInputTxt02 input[type="text"]{border:0;height:40px;line-height:40px;padding:0 0 0 18px;font-size:14px;}
.srchInputTxt02 .btnIcoSrch{position:absolute;right:-1px;top:-1px;display:inline-block;width:41px;height:42px;cursor:pointer;}
.srchInputTxt02.sel{padding-left:100px;}
.srchInputTxt02.sel select{position:absolute;left:0;top:0;width:100px;height:40px;line-height:40px;padding:0 10px;box-sizing:border-box;border:0;border-radius:0;font-size:14px;color:#263c62;background-image:url("../images/bg_sel_srch.png");font-weight:bold;}
.srchInputTxt02.sel input[type="text"]{width:100%;}
/* text input + search + select */
.srchInputTxt04{position:relative;display:inline-block;width:100%;box-sizing:border-box;}
.srchInputTxt04 .btnIcoSrch{position:absolute;right:1px;top:1px;display:inline-block;width:27px;height:26px;cursor:pointer;outline:0;}

.inputNumWrap{position:relative;display:inline-block;width:100%;}
.inputNumWrap input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;}
.inputNumWrap input[type="number"]{text-align:right;padding-right:30px;}
.inputNumWrap .btnUp{position:absolute;right:1px;top:1px;outline:0;}
.inputNumWrap .btnDown{position:absolute;right:1px;bottom:1px;outline:0;}

/* checkbox */
input[type="checkbox"], input[type="radio"]{display:none;}
input[type="checkbox"] + label, input[type="radio"] + label{display:inline-block;min-height:14px;padding:0 0 0 22px;font-size:12px;line-height:15px;box-sizing:border-box;cursor:pointer;overflow:hidden;}
input[type="checkbox"] + label{background:url("../images/chkbox_default_off.png") no-repeat left center;}
input[type="checkbox"]:checked + label{background:url("../images/chkbox_default_on.png") no-repeat left center;}
input[type="checkbox"]:disabled + label, input[type="checkbox"][readonly] + label{background:url("../images/chkbox_dis_off.png") no-repeat left center;}
input[type="checkbox"]:disabled:checked + label, input[type="checkbox"][readonly]:checked + label{background:url("../images/chkbox_dis_on.png") no-repeat left center;}
input[type="checkbox"].noLabel + label{padding-left:14px;}
input[type="checkbox"].noLabel + label span{position:absolute;left:-9999px;top:-9999px;font-size:0;width:0;height:0;overflow:hidden;}
input[type="checkbox"].modify + label, input[type="radio"].modify + label{color:#ed1c24 !important;}

.btnSwitch{position:relative;display:inline-block;width:60px;height:26px;}
.btnSwitch input[type="checkbox"]{opacity:0;width:0;height:0;}
.btnSwitch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#607079;border-radius:26px;box-sizing:border-box;border:1px solid #d2d9dd;-webkit-transition:.4s;transition:.4s;}
.btnSwitch .slider:before{position:absolute;content:"";width:20px;height:20px;left:2px;top:2px;background:#fff;border-radius:50%;-webkit-transition:.4s;transition:.4s;}
.btnSwitch input[type="checkbox"]:checked + .slider{background:#1cba9e;}
.btnSwitch input[type="checkbox"]:checked + .slider:before{-webkit-transform:translateX(34px);-ms-transform:translateX(34px);transform:translateX(34px);}
.btnSwitch .slider:after{content:"OFF";position:absolute;right:10px;top:0;display:inline-block;height:26px;line-height:24px;font-size:10px;color:#fff;}
.btnSwitch input[type="checkbox"]:checked + .slider:after{content:"ON";right:31px;}
.btnSwitch input[type="checkbox"]:disabled + .slider{opacity:0.5;}
.btnSwitch input[type="checkbox"].modify + .slider:before, .btnSwitch input[type="checkbox"].modify + .slider:after{color:#ed1c24 !important;}

.btnSwitch2{position:relative;display:inline-block;width:60px;height:26px;}
.btnSwitch2 input[type="checkbox"]{opacity:0;width:0;height:0;}
.btnSwitch2 .slider{display:inline-block;position:relative;width:8px;height:16px;margin:-2px 0 0 1px;background:#505358;border-radius:8px;vertical-align:middle;box-sizing:border-box;-webkit-transition:.4s;transition:.4s;cursor:pointer;}
.btnSwitch2 .slider:before{position:absolute;content:"";width:6px;height:6px;left:1px;top:8px;background:#aaaaaa;border-radius:50%;-webkit-transition:.4s;transition:.4s;}
.btnSwitch2 input[type="checkbox"]:checked + .slider:before{background-color:#efff;-webkit-transform:translateY(-6px);-ms-transform:translateY(-6px);transform:translateY(-6px);}
.btnSwitch2 input[type="checkbox"]:disabled + .slider{opacity:0.5;}
.btnSwitch2 input[type="checkbox"].modify + .slider:before, .btnSwitch input[type="checkbox"].modify + .slider:after{color:#ed1c24 !important;}

#thema-navy .topology .map .QuneeTooltip {position:absolute;left:0;bottom:32px;width:100%;height:62px;padding:15px 10px;text-align:center;line-height:16px;background-color:rgba(255,255,255,0.13);box-sizing:border-box;}
.topology .map .QuneeTooltip {position:absolute;left:0;bottom:32px;width:100%;height:62px;padding:15px 10px;text-align:center;line-height:16px;background-color:#eaebed;box-sizing:border-box;}

/* radio btn */
input[type="radio"] + label{background:url("../images/radio_default_off.png") no-repeat left center;}
input[type="radio"]:checked + label{background:url("../images/radio_default_on.png") no-repeat left center;}
input[type="radio"]:disabled + label, input[type="radio"][readonly] + label{background:url("../images/radio_dis_off.png") no-repeat left center;}
input[type="radio"]:disabled:checked + label, input[type="radio"][readonly]:checked + label{background:url("../images/radio_dis_on.png") no-repeat left center;}

/* textarea */
textarea{width:100%;padding:10px;border-radius:0;border:1px solid #d2d9dd;color:#333;font-size:12px;background:#fff;resize:none;overflow:auto;}
textarea:focus{border-color:#2a3e44;outline:none;}
textarea:disabled{background-color:#f0f5f8;color:#8a8a8a;}
textarea[readonly]{background-color:#f0f5f8;}
textarea::-webkit-input-placeholder{color:#8a8a8a !important;}
textarea::-moz-placeholder{color:#8a8a8a !important;}
textarea:-ms-input-placeholder{color:#8a8a8a !important;}
textarea.modify{color:#ed1c24 !important;}

/* file input */
.fileAddZone{position:relative;display:inline-block;width:100%;padding-right:80px;box-sizing:border-box;}
.fileAddZone .fileText{width:100%;height:29px;line-height:28px;background:transparent !important;border:0;border-bottom:1px solid #d2d9dd;}
.fileAddZone .btns{position:absolute;right:0;top:4px;display:inline-block;width:68px;height:20px;background:url("../images/btn_fileAdd.png") right top no-repeat;cursor:pointer;}
.fileAddZone .fileAdd{filter:alpha(opacity=0);opacity:0;width:68px;height:20px;cursor:pointer;}

/* multi select box */
.selectWrap{display:inline-block;width:100%;vertical-align:middle;line-height:1.4;}
.SumoSelect{width:100%;cursor:pointer;}
.SumoSelect > .CaptionCont{font-size:12px;border:1px solid #d2d9dd;border-radius:0;background-color:#fff;box-sizing:border-box;cursor:pointer;}
.SumoSelect .SlectBox.modify + .CaptionCont > span,
.SumoSelect .SlectBox.modify + .SelectBox + .optWrapper>.options li.opt label, .SumoSelect .SlectBox.modify + .SelectBox + .optWrapper>.select-all label{color:#ed1c24 !important;}
.SumoSelect > .CaptionCont > span{padding-right:27px;cursor:pointer;}
.SumoSelect > .CaptionCont > label{width:27px;}
.SumoSelect > .CaptionCont > label > i{width:27px;height:26px;opacity:1;background-image:url("../images/bg_select_big.png");}
.SumoSelect > .CaptionCont > span.placeholder{color:#444;font-style:normal;}
.SumoSelect > .optWrapper{top:28px;}
.SumoSelect.open > .optWrapper{top:27px;}
.SumoSelect.open > .CaptionCont, .SumoSelect:focus > .CaptionCont, .SumoSelect:hover > .CaptionCont{box-shadow:none;border-color:#d2d9dd;}
.SumoSelect > .optWrapper{box-shadow:none;border-radius:0;border:1px solid #d2d9dd;padding:13px 0;}
.SumoSelect .select-all{height:auto;padding:5px 9px 5px 31px;border-radius:0;border-bottom:0;}
.SumoSelect .select-all:hover{background-color:#f0f5f8;}
.SumoSelect > .optWrapper > .options li.opt{padding:5px 9px;border-bottom:0;}
.SumoSelect > .optWrapper > .options li.opt:hover{background-color:#f0f5f8;}
.SumoSelect > .optWrapper.multiple > .options li.opt{padding-left:31px;}
.SumoSelect .select-all > span, .SumoSelect > .optWrapper.multiple > .options li.opt span{width:31px;margin-left:-31px;}
.SumoSelect .select-all > span i, .SumoSelect > .optWrapper.multiple > .options li.opt span i{box-shadow:none;border:1px solid #b6b6b6;background-color:#fff;}
.SumoSelect .select-all.partial > span i, .SumoSelect .select-all.selected > span i, .SumoSelect > .optWrapper.multiple > .options li.opt.selected span i{background-color:#333;border-color:#333;background-image:url("../images/ico_sel_check.png");}
.SumoSelect .select-all.partial > span i{background-color:#fff;border-color:#b6b6b6;background-image:none;}
.SumoSelect.disabled > .CaptionCont, .SumoSelect .disabled .CaptionCont{background-color:#f0f5f8;}
.SumoSelect.disabled > .CaptionCont > span.placeholder, .SumoSelect .disabled .CaptionCont > span.placeholder{color:#a4a4a4;}
.SumoSelect .select-all>label, .SumoSelect>.optWrapper>.options li label{font-size:12px;}

/* multi select result */
.multi_result {padding:2px 5px;border:1px solid #d1d9dc;}
.multi_result li {display:inline-block;padding:2px 5px;margin:3px 1px;color:#444;background-color:#d1d9dc;border-radius:2px;cursor:default;}

/* tree select box */
.select-tree { position:relative; }
.select-tree .tree-tit{width:calc(100% - 27px);border:0;border:1px solid #d2d9dd;box-sizing:border-box;}
.select-tree .tree-tit[readonly] { background-color:#fff !important; }
.select-tree .btn-tree{float:right;width:26px;height:26px;border:1px solid #d2d9dd;border-left:0;}
.select-tree .menuContent{z-index:10;background-color:#fff;border:1px solid #d2d9dd;border-top:0;box-sizing:border-box;}

/* Grid tree select box */
.select-gridtree { position:relative; }
.select-gridtree .tree-tit{width:calc(100% - 27px);height:28px;border:0;border:1px solid #d2d9dd;box-sizing:border-box;background-color:#fff !important;}
.select-gridtree .btn-tree{float:right;width:26px;height:26px;border:1px solid #d2d9dd;border-left:0;}
.select-gridtree .menuContent{z-index:10;background-color:#fff;border:1px solid #d2d9dd;border-top:0;box-sizing:border-box;overflow-y:scroll;}

/* date picker */
.ui-datepicker.ui-widget-content{background:#f0f5f8;border-color:#d2d9dd;}
.ui-widget .ui-datepicker-week-end a, .ui-widget .date-holiday a{color:red;}
.ui-widget tr td:last-child.ui-datepicker-week-end a{color:blue;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus{background:#f7f8e3;}
.ui-datepicker-calendar .ui-state-highlight{background:#fff;border:1px solid #009591;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{border:0;background:#009591;color:#fff !important;}
.ui-datepicker-next-hover, .ui-datepicker-prev-hover{background:#fff !important;}
.ui-datepicker-next-hover, .ui-datepicker-prev-hover{background:#fff !important;}
.ui-datepicker .ui-datepicker-title select{margin:0;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{height:20px;line-height:18px;vertical-align:top;padding-left:5px;}
.ui-datepicker select.ui-datepicker-year{width:60px;margin-right:2px;}
.ui-datepicker select.ui-datepicker-month{width:60px;margin-left:10px;}

/* button */
.btn{display:inline-block;cursor:pointer;box-sizing:border-box;text-align:center;vertical-align:middle;font-family:'Noto Sans KR';}
.btn.default{height:28px;line-height:26px;padding:0 12px;border:1px solid #7f8688;font-size:12px;border-radius:2px;}
.btn.normal{min-width:80px;height:38px;line-height:36px;padding:0 20px;border:1px solid #7f8688;background:#fff;font-size:13px;border-radius:2px;}
.btn.wit01{background:#fff;border-color:#7f8688;color:#444;}
.btn.wit01:hover{background:#ededed;}
.btn.wit02{background:#fff;border-color:#01723b;color:#01723b;}
.btn.wit02:hover{background:#ededed;}
.btn.blk{background:#414143;border-color:#414143;color:#fff;}
.btn.blk:hover{background:#202020;}
.btn.grn{background:#01723b;border-color:#01723b;color:#fff;}
.btn.grn:hover{background:#00391d;}
.btn.mint{background:#1cba9e;border-color:#1cba9e;color:#fff;}
.btn.mint:hover{background:#0e9a81;}
.btn.mint2{background:#009591;border-color:#009591;color:#fff;}
.btn.mint2:hover{background:#009591;}
.btn.mini{height:20px;line-height:20px;padding:0 14px;font-size:11px;font-family:'돋움', Dottum;border-radius:2px;}
.btn.mini.type01{background:#f4f4f4;color:#444;border:1px solid #c3c3c3;}
.btn.mini.type01:hover{background:#d6d6d6;}
button.btn:disabled, .btn.disabled{opacity:0.5 !important;cursor:default;}

/* input in btn */
.inputWrap {position:relative;}
.inputWrap .btn.mini {position:absolute;right:5px;top:50%;z-index:10;margin-top:-10px;}
.inputWrap input[type="text"] {padding-right:100px;}

/* etc btn */
.btn-rectLeft { display:inline-block; width:20px; height:20px; background:#fff url('../images/icon_arrowleft.png') no-repeat center center; background-size:5px auto; border:1px solid #cbcbcb; box-sizing:border-box; cursor:pointer; }
.btn-rectRight { display:inline-block; width:20px; height:20px; background:#fff url('../images/icon_arrowright2.png') no-repeat center center; background-size:5px auto; border:1px solid #cbcbcb; box-sizing:border-box; cursor:pointer; }

/* button icon add */
.btn img{margin-top:-3px;vertical-align:middle;}
.btn i{display:inline-block;vertical-align:middle;}
.btn i.ico_set{width:12px;height:12px;margin:-2px 5px 0 0;background:url("../images/icon_setting03.png") no-repeat center center;}
.btn i.ico_operation{width:9px;height:12px;margin:-2px 5px 0 0;background:url("../images/icon_operation.png") no-repeat center center;}
.btn i.ico_upload{width:12px;height:12px;margin:-2px 0 0 3px;background:url("../images/icon_upload.png") no-repeat center center;}
.btn i.ico_download{width:12px;height:12px;margin:-2px 0 0 3px;background:url("../images/icon_download.png") no-repeat center center;}
.btn i.ico_list{width:9px;height:12px;margin:-2px 5px 0 0;background:url("../images/btn_ico_list.png") no-repeat center center;}
.boxBtns{display:inline-block;cursor:pointer;box-sizing:border-box;text-align:center;width:145px;height:30px;line-height:28px;border-radius:15px;border:1px solid #7f8688;font-size:14px;}
.boxBtns span{display:inline-block;position:relative;padding-left:20px;}
.boxBtns span:before{content:"";display:inline-block;position:absolute;left:0;top:50%;margin-top:-6px;width:14px;height:12px;background-repeat:no-repeat;background-position:center center;}
.boxBtns.btnRe{background:#fff;border-color:#7f8688;color:#444;}
.boxBtns.btnSrch{background:#414143;border-color:#414143;color:#fff;}
.boxBtns.btnArwUp{width:30px;height:30px;background:#fff url('../images/icon_arrowup.png') no-repeat center center;border-color:#7f8688; }
.boxBtns.btnArwDown{width:30px;height:30px;background:#fff url('../images/icon_arrowdown.png') no-repeat center center;border-color:#7f8688; }
.boxBtns.btnRe span:before{background-image:url("../images/btn_box_refresh.png");}
.boxBtns.btnSrch span:before{background-image:url("../images/btn_box_srch.png");}
.boxBtns.btnRe:hover{background:#ededed;}
.boxBtns.btnSrch:hover{background:#222;}
.popCntType .boxBtns{width:100px;height:24px;line-height:20px;border-radius:12px;font-size:12px;}
.boxBtns:disabled{cursor:default;}
.btn.mid{width:120px;height:40px;line-height:38px;font-weight:bold;font-size:14px;box-sizing:border-box;border-radius:3px;}
.btn.mid.white{color:#444;background:#fff;border:1px solid #d2d9dd;}
.btn.mid.bgrn{color:#fff;background:#414143;border:1px solid #414143;}

.linkAttach{position:relative;display:inline-block;padding-left:26px;}
.linkAttach:before{content:"";position:absolute;left:0;top:50%;display:inline-block;width:16px;height:16px;margin-top:-8px;background:url("../images/ico_list_attach.png") no-repeat 0 bottom;}

/* 검색조건영역 */
.srchBoxWrap{position:relative;padding-bottom:20px;border-radius:0 0 3px 3px;}
.srchBox{background:#fff;border:1px solid #c5c7c6;border-bottom-color:#444;box-sizing:border-box;padding:20px 65px;border-radius:3px 3px 0 0;}
.srchBox:after{content:'';display:block;clear:both;}
.srchBox table{font-size:12px;}
.srchBox table tr th, .srchBox table td{text-align:left;padding:4px 0;}
.srchBox table tr th{padding:9px 0 4px 90px;color:#868e91;font-weight:bold;vertical-align:top;}
.srchBox table tr th:first-child{padding-left:0;}
.srchBox .srchBtnArea{position:absolute;right:65px;bottom:9px;text-align:right;font-size:0;}
.srchBox .srchBtnArea .boxBtns{margin-left:8px;}
.srchBox .toggleBtnArea{position:absolute;left:50%;bottom:7px;margin-left:-62px;}
.srchBox .hidZone{display:none;}
.srchBox.open .hidZone{display:block;}
.btnBoxToggle{display:inline-block;width:124px;height:30px;line-height:28px;background:url("../images/btn_box_toggle.png") no-repeat 0 0;cursor:pointer;box-sizing:border-box;text-align:center;}
.btnBoxToggle span{display:inline-block;position:relative;padding-right:16px;color:#455052;font-weight:bold;}
.btnBoxToggle span:before{content:"";display:inline-block;position:absolute;right:0;top:50%;margin-top:-1.5px;width:6px;height:3px;background:url("../images/ico_box_toggle.png") no-repeat left bottom;}
.srchBox.open .btnBoxToggle span:before{background-position:left top;}
.srchBox .box {float:left;width:33.333%;padding:0 10px;box-sizing:border-box;}
.srchBox .box table td {height:28px;}
.srchBox.twinCnt{padding-left:668px;}
.srchBox.twinCnt .leftSide{position:absolute;left:65px;top:20px;}
.srchBoxWrap.pop .srchBox table tr th, .srchBoxWrap.pop .srchBox table tr th:first-child{padding-left:15px;}
.srchBoxWrap.pop .srchBox table tr td:last-child{padding-right:15px;}
.srchBoxWrap.pop .srchBox{padding:14px 0 31px;}
.srchBoxWrap.pop .srchBox .srchBtnArea{right:15px;}
.srchGray{background:#dfe1e6;box-sizing:border-box;padding:10px 30px;}
.srchGray table{font-size:12px;}
.srchGray table tr th, .srchGray table td{text-align:left;padding:0 0 0 5px;}
.srchGray table tr th{padding:0 0 0 30px;color:#444;font-weight:bold;}
.srchGray table tr th:first-child{padding-left:0;}
.ess{display:inline-block;padding-right:11px;background:url("../images/ico_essential.png") no-repeat right 4px;}
.infoTxtZone{position:relative;padding-left:21px;font-size:12px;color:#333;}
.infoTxtZone:before{content:'';position:absolute;left:0;top:1px;display:inline-block;width:15px;height:15px;background:url("../images/icon_info.png") no-repeat center center;}
.infoTxtZone span{color:#8a8a8a;}
.foldingArea{position:relative;}
.foldingArea .srchBoxWrap{margin-bottom:0;}
.foldingArea .btnFolding{position:absolute;right:-33px;bottom:0;display:inline-block;width:20px;height:30px;background:url("../images/btn_folding_arr.png") no-repeat left top;}
.foldingArea.close .btnFolding{background-position:left bottom;}
.foldingArea.close .srchBoxWrap{display:none;}

/* 타이틀&로케이션 */
.location{font-size:12px;color:#666;font-family:'돋움', Dottum;font-weight:normal;}
.location span{position:relative;display:inline-block;padding-right:19px;}
.location span:after{content:"";display:inline-block;width:4px;height:7px;position:absolute;right:7px;top:4px;background:url("../images/ico_loca_arr.png") no-repeat 0 0;}
.location strong{font-weight:bold;}
.popSubTit{width:100%;margin-bottom:10px;font-size:14px;color:#444;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.popCntType > dt .right{position:absolute;right:25px;top:21px;color:#fff;}
.popCntType .location{position:absolute;right:25px;top:21px;color:#fff;}
.popLayer .popCntType .location{right:70px;}
.pageTitle{position:relative;width:100%;margin-bottom:7px;}
.pageTitle:after{content:"";display:block;clear:both;}
.pageTitle .tit{float:left;font-size:20px;color:#222;font-weight:bold;}
.pageTitle .location{float:right;margin-top:6px;}
.subTitle{position:relative;width:100%;margin-bottom:10px;font-size:16px;font-weight:bold;}
.subTitle .btn{position:absolute;right:0;top:0;}
.propertyTit{display:inline-block;margin-right:5px;font-size:14px;color:#444;font-weight:bold;line-height:28px;vertical-align:middle;}

/* Div로 화면 분할 */
.colBox {display:-webkit-flex;display:-ms-flex;display:flex;-webkit-flex-flow:row wrap;flex-flow:row wrap;}
.colBox > div {-webkit-flex:auto;-ms-flex:auto;flex:auto;box-sizing:border-box;}
.colBox .col-1 {width:10%;}
.colBox .col-2 {width:20%;}
.colBox .col-3 {width:30%;}
.colBox .col-4 {width:40%;}
.colBox .col-5 {width:50%;}
.colBox .col-6 {width:60%;}
.colBox .col-7 {width:70%;}
.colBox .col-8 {width:80%;}
.colBox .col-9 {width:90%;}
.colBox > div:first-child { padding-right:20px; }
.colBox > div .cntArea{position:relative;width:100%;height:100%;box-sizing:border-box;background:#fff;overflow:hidden;}/*2019-01-31 추가*/
/* 폴딩 영역 */
.foldingArea .leftSide{position:relative;}
.foldingArea .rightSide{position:relative;}
.foldingArea .foldingCtrl{position:absolute;width:1px;height:100%;background:#b2b4b8;;}
.foldingArea .leftSide .foldingCtrl{right:10px;top:0;}
.foldingArea .rightSide .foldingCtrl{left:-11px;top:0;}
.foldingArea .foldingCtrl .btnFold{position:absolute;z-index:1;display:inline-block;width:10px;height:62px;box-sizing:border-box;border:1px solid #b2b4b8;background:#fff;}
.foldingArea .foldingCtrl .btnFold:hover{background:#e6e8eb;}
.foldingArea .leftSide .foldingCtrl .btnFold{right:-9px;top:50%;margin-top:5px;border-radius:0 4px 4px 0;border-left:0;}
.foldingArea .rightSide .foldingCtrl .btnFold{left:-9px;bottom:50%;margin-bottom:5px;border-radius:4px 0 0 4px;border-right:0;}
.foldingArea .rightSide.off,
.foldingArea .rightSide.off .cntArea,
.foldingArea .leftSide.off,
.foldingArea .leftSide.off .cntArea {width:0;padding:0;}
.foldingArea .rightSide.on,
.foldingArea .leftSide.on {width:100%;}
.foldingArea .foldingCtrl .btnFold:before{content:"";display:block;position:absolute;left:50%;top:50%;margin:-4px 0 0 -2px;width:4px;height:8px;background:url("../images/btn_side_folding.png") no-repeat right center;}
.foldingArea .rightSide .foldingCtrl .btnFold:before{background-position:left center;}
.foldingArea .leftSide.on .btnFold:before {background-position:left center;}
.foldingArea .rightSide.on .btnFold:before {background-position:right center;}
/* 좌우 넓이 드래그가 가능한 화면 분할 */
.colBox.freeSplit > div { flex:none; background-color:#fff; overflow:auto; }
.colBox.freeSplit > div > * {overflow:hidden !important; }
.colBox.freeSplit > div:first-child { position: relative; overflow:hidden;}
.colBox.freeSplit > div:first-child:after { content: ""; position: absolute; top: 50%; right: 5px; z-index: 1; width: 10px; height: 62px; margin-top: -31px; background: url("../images/icon_handler.png") no-repeat center center; }
.colBox.freeSplit > div:first-child:before { content: ""; position: absolute; top: 0; right: 0; width: 20px; height: 100%; background:#fff url('../images/bg_tabS.png') repeat-y center top; }
.colBox.freeSplit .ui-resizable-e { right:7px !important;}
/* 상하 높이 드래그가 가능한 화면 분할 */
.height-Adjust { position: relative; box-sizing: border-box; overflow:hidden; }
.height-Adjust .bottom { position:absolute; left:0; bottom:0; top:auto !important; width:100%; padding-top:15px; background-color:#fff; }
.height-Adjust .bottom:before { content: ""; position: absolute; top: 7px; left: 0; width: 100%; height: 5px; border-top: 1px solid #b2b4b8; }
.height-Adjust .bottom:after { content: ""; position: absolute; top: 2px; left: 50%; z-index: 1; height: 10px; width: 62px; margin-left: -31px; background: url("../images/icon_handler02.png") no-repeat center center; }
.height-Adjust .bottom .ui-resizable-n { top:4px; }
/* 화면 분할시 버튼이나 엘리먼트 떨어질때 */
.nowrap {overflow:hidden;white-space:nowrap;}


/* paging */
.paging{width:100%;margin:38px 0;font-size:0;text-align:center;}
.paging > a, .pading strong, .paging span, .paging span a{display:inline-block;vertical-align:top;padding:0;margin:0;}
.paging > a, .paging strong{height:28px;line-height:28px;margin:0 14px;color:#868e91;font-family:'돋움', Dottum;font-size:12px;font-weight:bold;}
.paging strong{color:#ed1c24;}
.paging span.left{margin-right:23px;}
.paging span.right{margin-left:23px;}
.paging span a{width:25px;height:28px;margin:0 3px;background-repeat:no-repeat;background-position:0 0;}
.paging span a.first{background-image:url("../images/paging_first_on.png");}
.paging span a.first:hover{background-image:url("../images/paging_first_over.png");}
.paging span a.first.disabled{background-image:url("../images/paging_first_off.png");cursor:default;}
.paging span a.prev{background-image:url("../images/paging_prev_on.png");}
.paging span a.prev:hover{background-image:url("../images/paging_prev_over.png");}
.paging span a.prev.disabled{background-image:url("../images/paging_prev_off.png");cursor:default;}
.paging span a.next{background-image:url("../images/paging_next_on.png");}
.paging span a.next:hover{background-image:url("../images/paging_next_over.png");}
.paging span a.next.disabled{background-image:url("../images/paging_next_off.png");cursor:default;}
.paging span a.last{background-image:url("../images/paging_last_on.png");}
.paging span a.last:hover{background-image:url("../images/paging_last_over.png");}
.paging span a.last.disabled{background-image:url("../images/paging_last_off.png");cursor:default;}
.paging span a em{display:none;}

.pageCount{font-size:0;}
.pageCount a{display:inline-block;vertical-align:top;width:25px;height:28px;background-repeat:no-repeat;background-position:0 0;}
.pageCount a.btnPrev{background-image:url("../images/paging_prev_on.png");}
.pageCount a.btnPrev:hover{background-image:url("../images/paging_prev_over.png");}
.pageCount a.btnNext{margin:0 15px 0 5px;background-image:url("../images/paging_next_on.png");}
.pageCount a.btnNext:hover{background-image:url("../images/paging_next_over.png");}
.pageCount p{display:inline-block;height:28px;line-height:28px;vertical-align:top;font-size:12px;font-family:'돋움', Dottum;color:#666;}
.pageCount p strong{font-weight:bold;color:#444;}

/* popup */
.popLayer{display:none;background:#fff;border:1px solid #ced0d4;line-height:1.4;box-shadow:0 0 20px rgba(0,0,0,0.5);}
.popCntType{width:100%;}
.popCntType.wide{min-width:1680px;}
.popCntType > dt{position:relative;width:100%;height:50px;padding:15px 20px 0;box-sizing:border-box;background:#323a41;color:#fff;font-weight:bold;font-size:16px;}
.popCntType > dt em{font-weight:normal;}
.popCntType > dd.popCnts{padding:20px 20px 0 20px;box-sizing:border-box;}
.popLayer .popCntType > dd.popCnts{max-height:660px;overflow-y:auto;}
.popCntType > dd.popBtnZone{width:100%;padding:15px 0 25px 0;text-align:center;}
.popNotiType{width:520px;}
.popNotiType > dt{width:100%;height:35px;line-height:35px;padding:0 15px;box-sizing:border-box;background:#323a41;color:#fff;font-weight:bold;font-size:14px;}
.popNotiType > dd.cnt{background:#f1f3f4;min-height:300px;box-sizing:border-box;}
.popNotiType > dd.btm{width:100%;height:40px;padding:0 15px;box-sizing:border-box;}
.popNotiType > dd.btm .btn{float:right;width:62px;height:24px;margin-top:8px;line-height:24px;color:#fff;font-weight:bold;background:#009591;border-radius:2px;font-size:14px;}
.popNotiType > dd.btm p{float:left;margin-top:10px;}
.popNotiType > dd.btm input[type="checkbox"] + label{font-weight:bold;color:#444;font-size:12px;}
.popNotiType .notiPopCnt{padding:15px;max-height:700px;overflow-y:auto;}
.popNotiType .notiPopCnt > dt{margin-bottom:10px;text-align:center;font-weight:bold;color:#444;font-size:16px;}
.popNotiType .notiPopCnt > dt strong{font-weight:normal;}
.popNotiType .notiPopCnt > dd{width:100%;box-sizing:border-box;border:1px solid #535d6a;background:#fff;padding:15px 10px;margin-bottom:20px;}
.popLayer .btnClosePop{position:absolute;right:20px;top:20px;}
.popLayer .btnClosePop.noti{right:15px;top:10px;}

/* tab menu */
.tabMenuS{position:relative;width:100%;height:31px;background:url("../images/bg_tabS.png") repeat-x left bottom;line-height:1.4;}
.tabMenuS ul{width:100%;height:31px;overflow:hidden;}
.tabMenuS li{float:left;margin-right:1px;}
.tabMenuS li a{display:inline-block;min-width:128px;height:30px;padding:8px 20px 0;background:#dfe1e6;text-align:center;font-size:12px;color:#777;border-radius:5px 5px 0 0;box-sizing:border-box;}
.tabMenuS.withBtn .btn{position:absolute;right:0;top:0;}
.tabMenuS li.on a{height:31px;padding-top:7px;border:1px solid #8c989d;border-bottom:0;background:#fff;color:#263c62;font-weight:bold;}
.tabMenuS.narrow li a{padding:8px 10px 0;min-width:auto;}
.tabMenuN{position:relative;width:100%;height:31px;background:url("../images/bg_tabN.png") repeat-x left bottom;line-height:1.4;}
.tabMenuN ul{width:100%;height:31px;overflow:hidden;white-space:nowrap;}
.tabMenuN li{display:inline-block;margin-right:0;vertical-align:top;}
.tabMenuN li a{display:inline-block;height:30px;line-height:30px;padding:0 15px;background:#dfe1e6;text-align:center;font-size:12px;color:#787878;box-sizing:border-box;}
.tabMenuN li.on a{height:31px;border:1px solid #444;border-bottom:0;background:#fff;color:#444;font-weight:bold;}
.tabMenuB{width:100%;height:40px;line-height:1.4;}
.tabMenuB ul{width:100%;height:40px;overflow:hidden;}
.tabMenuB li{float:left;width:33.3%;}
.tabMenuB li a{display:block;width:100%;height:40px;line-height:38px;background:#f2f2f2;border:1px solid #ddd;border-right:0;font-weight:bold;text-align:center;font-size:16px;color:#b7b7b7;box-sizing:border-box;}
.tabMenuB li:last-child a{border-right:1px solid #ddd;}
.tabMenuB li:first-child a{border-left:1px solid #ddd;}
.tabMenuB li.on + li a{border-left:0;}
.tabMenuB li.on a, .tabMenuB li:last-child.on a, .tabMenuB li:first-child.on a{background:#fff;color:#444;border:1px solid #c5c7c6;border-bottom-color:#444;}
.tabMenuIn{width:100%;height:40px;line-height:1.4;}
.tabMenuIn ul{width:100%;height:40px;font-size:0;text-align:center;}
.tabMenuIn li{position:relative;display:inline-block;padding:0 45px;margin-left:1px;}
.tabMenuIn li:before{content:"";position:absolute;left:-1px;top:50%;display:inline-block;width:1px;height:14px;margin-top:-7px;background:#ddd;}
.tabMenuIn li:first-child{margin-left:0;}
.tabMenuIn li:first-child:before{display:none;}
.tabMenuIn li a{display:block;width:100%;height:40px;line-height:40px;font-size:14px;color:#444;font-weight:bold;}
.tabMenuIn li.on a{color:#ed1c24;}
.tabMenuIn02 ul{margin:10px 0;line-height:1.4;}
.tabMenuIn02 li{display:inline-block;}
.tabMenuIn02 li a{font-size:12px;color:#868e91;font-weight:bold;}
.tabMenuIn02 li::after{content:"";display:inline-block;height:14px;margin:0 10px;border-right:1px solid #d2d9dd;vertical-align:middle;}
.tabMenuIn02 li:last-child::after{display:none;}
.tabMenuIn02 li.on a{color:#323a41;}

/* 문단 타이틀 영역 */
.bltTitZone01{position:relative;height:35px;margin-bottom:10px;box-sizing:border-box;padding-top:4px;border-bottom:1px solid #323a41;}
.bltTitZone01 p{padding-left:18px;font-size:16px;color:#444;font-weight:bold;background:url("../images/blt_tit01.png") no-repeat left 6px;}
.bltTitZone01 .btn{position:absolute;right:0;top:0;}
.bltTitZone02{position:relative;height:35px;padding-top:5px;margin-bottom:10px;box-sizing:border-box;border-bottom:1px solid #868e91;}
.bltTitZone02 p{position:relative;padding-left:10px;color:#222;font-size:14px;}
.bltTitZone02 p:before{content:"";position:absolute;left:0;top:5px;display:block;width:2px;height:10px;background:#444;}
.bltTitZone02 .btn{position:absolute;right:0;top:0;}
.bltTitZone02 .right{position:absolute;right:0;top:0;}
.bltTitZone02 .right .btn{position:relative;right:auto;top:auto;}
.bltTitZone03{position:relative;line-height:28px;}
.bltTitZone03 p{position:relative;color:#222;font-size:14px;}
.bltTitZone03 p:before{content:"";display:inline-block;margin-right:10px;width:2px;height:10px;background:#444;}
.bltTitZone03 .right{position:absolute;right:0;bottom:0;}
.bltTitZone04{position:relative;height:35px;padding-top:5px;margin-bottom:10px;font-size:12px;color:#868e91;font-weight:bold;box-sizing:border-box;border-bottom:1px solid #868e91;}
.bltTitZone04 p{position:relative;padding-left:10px;color:#222;font-size:14px;}
.bltTitZone04 p:before{content:"";position:absolute;left:0;top:5px;display:block;width:2px;height:10px;background:#444;}
.totalNum{font-size:12px;color:#666;font-family:'돋움', Dottum;}
.totalNum strong{font-weight:bold;color:#333;}
.dataNum{font-size:12px;color:#666;font-family:'돋움', Dottum;}/* 조회건수 */
.dataNum strong{position:relative;display:inline-block;padding-left:21px;font-weight:bold;color:#333;}
.dataNum strong:before{content:"";display:block;position:absolute;left:10px;top:50%;width:1px;height:10px;margin-top:-5px;background:#ccc;}

/* table */
.tblView th, .tblView td{text-align:left;vertical-align:top;font-size:12px;line-height:1.4;}
.tblView th{padding:6px 0 0;font-weight:bold;color:#868e91;}
.tblView td{padding:6px 10px;color:#333;border-bottom:1px solid #d2d9dd;}
.tblView td.noLine{border-bottom:0;}
.tblView td .txtBtnWrap{position:relative;box-sizing:border-box;padding-right:90px;}
.tblView td .txtBtnWrap .btn{position:absolute;right:0;top:50%;margin-top:-10px;}
.tblView.tt th, .tblView.tt td{vertical-align:middle;padding:6px 10px;}

.tblInput th, .tblInput td{text-align:left;vertical-align:top;font-size:12px;line-height:1.4;}
.tblInput th{padding:6px 0 6px 25px;font-weight:bold;color:#868e91;}
.tblInput thead th{text-align:center;padding:6px 0;}
.tblInput tr th:first-child{padding-left:0;}
.tblInput td{padding:2px 0;color:#333;}
.tblInput.antenaa thead th{text-align:center;font-weight:normal;font-size:13px;color:#333;padding:10px 0;}
.tblInput.antenaa td{padding-left:15px;}
.tblInput.antenaa tr td:first-child{padding-left:0;}

.redRight:before {content:'';display:inline-block;width:10px;height:10px;margin-right:5px;background-color:#ff0000;border-radius:10px;}
.greenRight:before {content:'';display:inline-block;width:10px;height:10px;margin-right:5px;background-color:#12a935;border-radius:10px;}
.yellowRight:before {content:'';display:inline-block;width:10px;height:10px;margin-right:5px;background-color:#f2b808;border-radius:10px;}
.orangeRight:before {content:'';display:inline-block;width:10px;height:10px;margin-right:5px;background-color:#fc6e03;border-radius:10px;}
.grayRight:before {content:'';display:inline-block;width:10px;height:10px;margin-right:5px;background-color:#eaeaea;border:1px solid #67767f;border-radius:10px;box-sizing:border-box;}
.darkRight:before {content:'';display:inline-block;width:10px;height:10px;margin-right:5px;background-color:#a0a0a0;border-radius:10px;}

.tblInput .line-box {position:relative;padding:0 50px 0 10px;line-height:28px;border-bottom:1px solid #d2d9dd;}
.tblInput .line-box span {position:absolute;right:10px;bottom:0;font-size:12px;color:#868e91;text-align:right;}
.tblInput .noline-box {position:relative;padding:0 50px 0 0;}
.tblInput .noline-box span {position:absolute;right:10px;bottom:0;line-height:28px;font-size:12px;color:#868e91;text-align:right;}

.tblNormal{width:100%;}
.tblNormal th{padding:10px;font-size:14px;color:#222;}
.tblNormal td{padding:10px;font-size:12px;color:#333;}

/* 커뮤니티 게시판 */
.commWrap{width:1200px;margin:0 auto;font-size:14px;}
.boardView .titleArea{width:1200px;margin:0 auto;padding:60px 0 50px;box-sizing:border-box;color:#666;font-size:30px;text-align:center;}
.boardView .cntInfoArea{width:100%;padding:0 20px;box-sizing:border-box;border-top:1px solid #dadadc;border-bottom:1px solid #b7bdc6;}
.boardView .cntInfoArea:after{content:"";display:block;clear:both;}
.boardView .cntInfoArea .left{float:left;text-align:left;font-size:0;}
.boardView .cntInfoArea .right{float:right;text-align:left;font-size:0;}
.boardView .cntInfoArea li{display:inline-block;font-size:14px;height:48px;line-height:48px;margin-left:55px;}
.boardView .cntInfoArea li:first-child{margin-left:0;}
.boardView .cntInfoArea li strong{position:relative;display:inline-block;padding-right:11px;margin-right:10px;color:#222;}
.boardView .cntInfoArea li strong:before{content:"";display:block;width:1px;height:12px;position:absolute;right:0;top:50%;margin-top:-6px;background:#d5dadd;}
.boardView .cntInfoArea li span{color:#666;}
.boardView .cntInfoArea + .cntInfoArea{border-top:0;}
.boardView .cntTxtArea{position:relative;padding:50px;font-size:16px;color:#222;min-height:300px;overflow:auto;}
.boardView .cntTxtArea a{color:blue;text-decoration:underline;}
.boardView .cntListArea{font-size:14px;background:#f7f7f7;border-top:1px solid #b7bdc6;}
.boardView .cntListArea li{position:relative;width:100%;height:39px;box-sizing:border-box;padding:0 20px 0 140px;border-bottom:1px solid #dadadc;}
.boardView .cntListArea li .arr{display:block;position:absolute;left:0;top:0;width:140px;padding-left:50px;height:39px;line-height:39px;box-sizing:border-box;color:#222;}
.boardView .cntListArea li .arr:before{content:"";display:block;position:absolute;left:20px;top:50%;width:10px;height:9px;margin-top:-4.5px;background:url("../images/bg_list_arrow.png") no-repeat left top;}
.boardView .cntListArea li.next .arr:before{background-position:left bottom;}
.boardView .cntListArea li a{display:inline-block;max-width:100%;height:39px;line-height:39px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.boardView .cntListArea li a:hover{text-decoration:underline;color:#009591;}
.cntQnaArea .cntQ{position:relative;padding:38px 20px 38px 145px;font-size:16px;color:#222;}
.cntQnaArea .cntQ:before{content:"Q";position:absolute;left:88px;top:24px;font-size:50px;color:#a6a6a6;}
.cntQnaArea .cntA{position:relative;padding:0 20px 38px 145px;font-size:16px;color:#222;}
.cntQnaArea .cntA:before{content:"A";position:absolute;left:91px;top:16px;font-size:50px;color:#009591;}
.cntQnaArea .cntA .txtZone{width:100%;padding-top:28px;border-top:1px solid #d2d9dd;}
.cntQnaArea .cntA .btnArea{text-align:right;margin-top:50px;}
.cntQnaArea .cntA .replyWrap{padding-top:28px;}
.cntQnaArea .cntA .replyWrap .replyInput{position:relative;width:100%;height:230px;padding:5px;border:1px solid #d7d7d7;box-sizing:border-box;background:#eaecf0;}
.cntQnaArea .cntA .replyWrap .replyInput textarea{color:#222;border:0;padding:0;background:transparent;font-size:14px;line-height:1.4;}
.cntQnaArea .cntA .replyWrap .replyInput .btn{position:absolute;right:5px;bottom:5px;width:74px;height:80px;line-height:80px;background:#414143;border:0;font-size:14px;color:#fff;}
.cntQnaArea .cntA .replyWrap .txtLength{margin-top:7px;text-align:right;color:#222;font-size:12px;}
.cntQnaArea .cntA .replyWrap .txtLength strong{font-weight:bold;}

.boardList{border-top:1px solid #b7bdc6;border-bottom:1px solid #b7bdc6;}
.boardList tbody tr:nth-child(even) td{background:#f7f7f7;}
.boardList tbody td{border-top:1px solid #dadadc;}
.boardList tbody tr:first-child td{border-color:#b7bdc6;}
.boardList th, .boardList td{padding:10px;text-align:center;vertical-align:top;}
.boardList th{font-size:12px;font-weight:bold;color:#424a4f;}
.boardList td{font-size:14px;color:#444;}
.boardList td.title{text-align:left;}
.boardList td.title a.txt{display:inline-block;max-width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.boardList td.title a.txt:hover{text-decoration:underline;color:#009591;}
.boardList td i.icoAttach{display:inline-block;width:16px;height:16px;background:url("../images/ico_list_attach.png") no-repeat left top;}
.boardList td i.icoAttach.on{background-position:left bottom;}
.boardList td .reTxt.ok{color:#ed1c24;}
.boardList td.noData p{margin:80px 0 140px;padding-top:160px;text-align:center;font-size:18px;font-weight:bold;color:#222;background:url("../images/bg_board_none.png") no-repeat center top;}
.boardList.overEffect tbody tr.selectRow td{background:#e5f4f4;}
.boardList tbody tr.selectRow td.noData{background:#fff;}
.boardList.faq td.title .answerZone{padding-top:10px;display:none;}
.boardList.faq td.title .answerTxt{width:100%;padding:10px;min-height:80px;background:#f0f5f8;border:1px solid #d2d9dd;box-sizing:border-box;color:#222;font-size:12px;}

.boardEdit{padding:30px 80px;border-top:1px solid #b7bdc6;border-bottom:1px solid #b7bdc6;}

/* 게시판 하단 버튼 영역 */
.boardBtnArea{width:1200px;margin:30px auto 0;}
.boardBtnArea:after{content:"";display:block;clear:both;}
.boardBtnArea .leftSide{float:left;}
.boardBtnArea .rightSide{float:right;}

/* y스크롤 영역 */
.scrollCntWrap{height:calc(100vh - 225px); padding-right:10px;overflow-y:auto;}

/* y스크롤 영역 안에 버튼 50% (중계기) */
.scrollCntWrap .btn-area > * { width:calc(50% - 3px); margin-top:4px; }
.scrollCntWrap .btn-area > *:nth-child(2n) { margin-left:2px;}

/* Tool Tip */
.tip{position:absolute;display:inline-block;padding:0 10px;height:24px;line-height:24px;border-radius:3px;color:#666;font-family:'돋움', dotum;font-size:11px;box-sizing:border-box;}
.tip:before{content:"";display:inline-block;position:absolute;background-repeat:no-repeat;background-position:0 0;}
.tip.default{background:#fffbe3;border:1px solid #dcd5bb;}
.tip.warning{background:#fcf56b;border:1px solid #ffcc00;}
.tip.error{background:#ffbbbe;border:1px solid #ed1c24;}
.tip.default.btm:before{left:50%;top:-5px;margin-left:-3px;width:6px;height:5px;background-image:url("../images/bg_tip01_btm.png");}
.tip.default.top:before{left:50%;bottom:-5px;margin-left:-3px;width:6px;height:5px;background-image:url("../images/bg_tip01_top.png");}
.tip.default.left:before{right:-5px;top:50%;margin-top:-3px;width:5px;height:6px;background-image:url("../images/bg_tip01_left.png");}
.tip.default.right:before{left:-5px;top:50%;margin-top:-3px;width:5px;height:6px;background-image:url("../images/bg_tip01_right.png");}
.tip.warning.btm:before{left:50%;top:-5px;margin-left:-3px;width:6px;height:5px;background-image:url("../images/bg_tip03_btm.png");}
.tip.warning.top:before{left:50%;bottom:-5px;margin-left:-3px;width:6px;height:5px;background-image:url("../images/bg_tip03_top.png");}
.tip.warning.left:before{right:-5px;top:50%;margin-top:-3px;width:5px;height:6px;background-image:url("../images/bg_tip03_left.png");}
.tip.warning.right:before{left:-5px;top:50%;margin-top:-3px;width:5px;height:6px;background-image:url("../images/bg_tip03_right.png");}
.tip.error.btm:before{left:50%;top:-5px;margin-left:-3px;width:6px;height:5px;background-image:url("../images/bg_tip02_btm.png");}
.tip.error.top:before{left:50%;bottom:-5px;margin-left:-3px;width:6px;height:5px;background-image:url("../images/bg_tip02_top.png");}
.tip.error.left:before{right:-5px;top:50%;margin-top:-3px;width:5px;height:6px;background-image:url("../images/bg_tip02_left.png");}
.tip.error.right:before{left:-5px;top:50%;margin-top:-3px;width:5px;height:6px;background-image:url("../images/bg_tip02_right.png");}

/* hover 형 Tooltip */
.btn-tooltip{display:inline-block;position:relative;cursor:pointer;}
.btn-tooltip:hover .msg{display:inline-block;}
.btn-tooltip .msg{display:none;position:absolute;padding:0 10px;height:24px;line-height:24px;border-radius:3px;color:#666;font-family:'돋움', dotum;font-size:11px;box-sizing:border-box;white-space:nowrap;background-color:#fffbe3;border:1px solid #dcd5bb;}
.btn-tooltip .msg::before{content:"";display:inline-block;position:absolute;margin-top:-3px;width:6px;height:5px;}
.btn-tooltip .msg.right{top:50%;margin-top:-11px;}
.btn-tooltip .msg.right::before{left:-6px;top:50%;background:url("../images/bg_tip01_right.png") no-repeat center center;}
.btn-tooltip .msg.left{top:50%;margin-top:-11px;}
.btn-tooltip .msg.left::before{right:-5px;top:50%;background:url("../images/bg_tip01_left.png") no-repeat center center;}
.btn-tooltip .msg.top{left:50%;}
.btn-tooltip .msg.top::before{left:50%;bottom:-2px;margin:0 0 -2px -3px;background:url("../images/bg_tip01_top.png") no-repeat center center;}
.btn-tooltip .msg.btm{left:50%;}
.btn-tooltip .msg.btm::before{left:50%;top:-2px;margin:-2px 0 0 -3px;background:url("../images/bg_tip01_btm.png") no-repeat center center;}
.btn-tooltip .msg.warning{background-color:#fcf56b;border:1px solid #ffcc00;}
.btn-tooltip .msg.warning.right::before{background:url("../images/bg_tip03_right.png") no-repeat center center;}
.btn-tooltip .msg.warning.left::before{background:url("../images/bg_tip03_left.png") no-repeat center center;}
.btn-tooltip .msg.warning.top::before{background:url("../images/bg_tip03_top.png") no-repeat center center;}
.btn-tooltip .msg.warning.btm::before{background:url("../images/bg_tip03_btm.png") no-repeat center center;}
.btn-tooltip .msg.error{background-color:#ffbbbe;border:1px solid #ed1c24;}
.btn-tooltip .msg.error.right::before{background:url("../images/bg_tip02_right.png") no-repeat center center;}
.btn-tooltip .msg.error.left::before{background:url("../images/bg_tip02_left.png") no-repeat center center;}
.btn-tooltip .msg.error.top::before{background:url("../images/bg_tip02_top.png") no-repeat center center;}
.btn-tooltip .msg.error.btm::before{background:url("../images/bg_tip02_btm.png") no-repeat center center;}

.normal-tt {position:absolute;padding:0 10px;height:24px;line-height:24px;border-radius:3px;color:#666;font-family:'돋움', dotum;font-size:11px;box-sizing:border-box;white-space:nowrap;background-color:#fffbe3;border:1px solid #dcd5bb;}

/* Btn + Tool Tip Menu */
.tooltip-menu{display:none;position:absolute;z-index:20;padding:10px 0;background-color:#fff;border:1px solid #8d8d8d;}
.tooltip-menu::before{content:'';display:inline-block;position:absolute;left:10px;top:-5px;width:8px;height:5px;background:url("../images/bg_context.png") no-repeat center top;}
.tooltip-menu .f{position:relative;padding:0 10px;font-size:12px;line-height:22px;color:#444;cursor:pointer;}
.tooltip-menu .f:hover{background-color:#e6e6e6;}
.tooltip-menu .f:hover .depth-list{display:inline-block;}
.tooltip-menu hr{display:block;margin:3px 10px;border:0;border-top:1px solid #cacdd1;}
.tooltip-menu .depth::after{content:'';display:inline-block;position:absolute;right:10px;top:6px;width:4px;height:8px;background:url("../images/icon_arrowright.png") no-repeat center top;}
.tooltip-menu .depth-list{display:none;position:absolute;top:-10px;z-index:10;padding:15px 10px;background-color:#fff;border:1px solid #8d8d8d;word-break:keep-all;white-space:nowrap;}

/* 드롭다운 (셀렉트박스 기능처럼 보이는 일반링크이동 UI) */
.drop-down{min-width:150px;min-height:30px;padding:0 5px;font-size:12px;color:#666;line-height:30px;background-color:#fff;border:1px solid #c6c6c6;border-radius:15px;box-sizing:border-box;cursor:pointer;}
.drop-down .text{position:relative;padding:0 10px;}
.drop-down .text:after{content:'';display:inline-block;position:absolute;right:10px;top:10px;width:9px;height:9px;background:url("../images/icon_arrowdown2.png") no-repeat center center;}
.drop-down ul{display:none;width:100%;padding:5px 0;}
.drop-down ul li{line-height:26px;padding:0 10px;}
.drop-down ul li:hover{background-color:#eee;border-radius:15px;}
.drop-down.on .text:after{background:url("../images/icon_arrowup2.png") no-repeat center center;}

/* tree구조 - GIS 레이어메뉴 */
.tree-type01{padding:17px;}
.tree-type01 > li{line-height:24px;}
.tree-type01 > li .toggle{display:inline-block;width:10px;height:10px;margin-top:-1px;background:url("../images/icon_plus02.png") no-repeat center top;cursor:pointer;vertical-align:middle;}
.tree-type01 > li .toggle.on{background:url("../images/icon_minus02.png") no-repeat center top;}
.tree-type01 > li ul{display:none;padding-left:30px;}

/* tree구조 - 토폴로지맵 트리구조  */
.tree-type02{padding:17px;}
.tree-type02 li{position:relative;padding-left:12px;line-height:24px;font-size:12px;font-family:'돋움', dotum;color:#666;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.tree-type02 > li .toggle{display:inline-block;position:absolute;left:0;top:7px;width:10px;height:10px;background:url("../images/icon_plus02.png") no-repeat left center;cursor:pointer;}
.tree-type02 > li .toggle.on{background:url("../images/icon_minus02.png") no-repeat center top;}
.tree-type02 > li ul{display:none;}

/* 일반 데이터 테이블 type01 */
table.type01{width:100%;font-family:'돋움',dotum;border-left:1px solid #dadadc;box-sizing:border-box; }
table.type01 tr:hover td{background-color:#e6f4f5;}
table.type01 th{padding:7px 12px;font-size:12px;color:#444;text-align:center;font-weight:bold;background-color:#eaebed;border:1px solid #dadadc;border-left:0;}
table.type01 td{padding:5px 12px;font-size:12px;color:#444;text-align:left;background-color:#fff;border-right:1px solid #dadadc;border-bottom:1px solid #dadadc;}
table.type01 tbody th {font-weight:normal;}

/* 일반 데이터 테이블 type02 (th,td가 같은 라인에) */
table.type02{width:100%;font-family:'돋움',dotum;}
table.type02 th, table.type02 td{padding:5px 7px;font-size:12px;color:#222;text-align:left;border-bottom:1px solid #d5d8e0;}
table.type02 th{padding:5px 0;font-weight:bold;}
table.type02 tr:last-child th, table.type02 tr:last-child td{border-bottom:0;}

/* 일반 데이터 테이블 type03 (th,td가 같은 라인에, no테두리 ) */
table.type03{width:100%;}
table.type03 th, table.type03 td{padding:2px 7px;font-size:12px;color:#222;text-align:left;}
table.type03 th{padding:2px 0 2px 10px;font-weight:bold;color:#868e91;vertical-align:middle;}
table.type03 tr:last-child th, table.type03 tr:last-child td{border-bottom:0;}

/* 팝업에 많이 들어가는 테이블 type04 (th에만 테두리+bg색깔 있음 ) */
table.type04{width:100%;border:1px solid #c5c7c6;}
table.type04 th, table.type04 td{padding:4px 10px;font-size:12px;line-height:28px;color:#222;text-align:left;}
table.type04 th{font-weight:bold;color:#868e91;vertical-align:top;background-color:#f7f7f7;border-bottom:1px solid #e2e2e2;}
table.type04 tr:last-child th{border-bottom:0;}

/* 테이블 type05 (th에 bg색깔 + td에 테두리 ) */
table.type05{width:100%;border:1px solid #e2e2e2;}
table.type05 th, table.type05 td{padding:7px 10px;font-size:12px;color:#222;text-align:left;border-bottom:1px solid #e2e2e2;}
table.type05 th{font-weight:bold;color:#868e91;vertical-align:top;background-color:#f7f7f7;border-right:1px solid #e2e2e2;border-left:1px solid #e2e2e2;}
table.type05 tr:first-child th{border-left:0; }

/* 팝업에 많이 들어가는 테이블 type06 (th에 bg색깔 + td에 테두리 ) */
table.type06{width:100%;border:1px solid #e2e2e2;}
table.type06 th, table.type06 td{padding:3px 8px;font-size:12px;color:#222;text-align:left;border-bottom:1px solid #e2e2e2;border-right:1px solid #e2e2e2;}
table.type06 th{font-weight:bold;color:#868e91;vertical-align:middle;background-color:#f7f7f7;}
table.type06 tr th:first-child:after,
table.type06 tr td:first-child:after{content:'';display:inline-block;min-height:28px;vertical-align:middle;}

/* 테이블 같이 생긴 리스트 타입01 */
.listType01 {line-height:44px;border:1px solid #c5c7c6;}
.listType01 .title {padding:0 20px;font-size:14px;color:#444;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:#eaebed;border-bottom:1px solid #c5c7c6;}
.listType01 li {position:relative;padding:14px 20px;line-height:16px;font-size:12px;color:#868e91;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #e2e3e2;cursor:pointer;}
.listType01 li:hover {background-color:#f0f5f8;}

/* 테이블 같이 생긴 리스트 타입02 - 마우스 hover 하면 화살표 생김 */
.listType02 {line-height:44px;border:1px solid #c5c7c6;}
.listType02 .title {padding:0 20px;font-size:14px;color:#444;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:#eaebed;border-bottom:1px solid #c5c7c6;}
.listType02 li {position:relative;padding:0 20px;font-size:12px;color:#868e91;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #e2e3e2;cursor:pointer;}
.listType02 li.on,
.listType02 li:hover {background-color:#f0f5f8;}
.listType02 li.on:after,
.listType02 li:hover:after {content:'';display:inline-block;position:absolute;right:20px;top:50%;width:20px;height:20px;margin-top:-10px;background:#f0f5f8 url('../images/gis/icon_arrow_right02.png') no-repeat center center;}

/* 테이블 같이 생긴 타입 뼈대 */
.boxWrap01 {border:1px solid #c5c7c6;}
.boxWrap01 .title {padding:0 20px;font-size:14px;color:#444;font-weight:bold;line-height:44px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:#eaebed;border-bottom:1px solid #c5c7c6;}

/* 프로그레스바 */
.progress {line-height:6px;padding:5px 7px 7px 7px;background-color:#fff;border:1px solid #d2d9dd;}
.progress span {display:inline-block;height:6px;background-color:#48c1cc;
    -webkit-background-size: 30px 30px;
    -moz-background-size: 30px 30px;
    background-size: 30px 30px;			
    background-image: -webkit-gradient(linear, left top, right bottom,
                        color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent),
                        color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)),
                        color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent),
                        to(transparent));
    background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
                        transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
                        transparent 75%, transparent);
    background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
                        transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
                        transparent 75%, transparent);
    background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
                        transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
                        transparent 75%, transparent);
    background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
                        transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
                        transparent 75%, transparent);
    background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
                        transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
                        transparent 75%, transparent);            
    
    -webkit-animation: animate-stripes 3s linear infinite;
    -moz-animation: animate-stripes 3s linear infinite;       		
}

@-webkit-keyframes animate-stripes { 
    0% {background-position: 0 0;} 100% {background-position: 60px 0;}
}


@-moz-keyframes animate-stripes {
    0% {background-position: 0 0;} 100% {background-position: 60px 0;}
}
		

/*----------------------------------------------------------------------------------- 
    Contents Properties
-----------------------------------------------------------------------------------*/

/* 메인 */
.container{min-height:500px;background-color:#fff;}
.container .inner{padding:20px 40px 5px 40px;}
.container .visualImgArea{position:relative;width:100%;height:500px;}
.container .visualImgArea img{position:absolute;left:50%;top:0;margin-left:-960px;}
.container .chart-area{height:468px;padding:12px 25px;background-color:#dfe1e6;overflow:hidden;}

/* 메인 박스 좌우슬라이드 */
.container .chart-area .swiper-main.swiper-container-horizontal .box.swiper-slide {width:28%;}
.container .chart-area .swiper-main .swiper-button-prev,
.container .chart-area .swiper-main .swiper-button-next{display:none;}
.container .chart-area .swiper-main.swiper-container-horizontal .swiper-button-prev {display:block;left:0;width:52px;height:75px;background:rgba(47, 50, 54, 0.8) url('../images/arrow_left.png') no-repeat left top;}
.container .chart-area .swiper-main.swiper-container-horizontal .swiper-button-next {display:block;right:0;width:52px;height:75px;background:rgba(47, 50, 54, 0.8) url('../images/arrow_right.png') no-repeat left top;}

.container .chart-area .swiper-main .swiper-wrapper1 > .swiper-slide:nth-child(3n) {margin-right:0;}
.container .chart-area .swiper-main .swiper-wrapper1 > .swiper-slide:nth-child(4),
.container .chart-area .swiper-main .swiper-wrapper1 > .swiper-slide:nth-child(5),
.container .chart-area .swiper-main .swiper-wrapper1 > .swiper-slide:nth-child(6) {margin-top:10px;}
.container .chart-area .swiper-main .swiper-button-prev:hover,
.container .chart-area .swiper-main .swiper-button-next:hover {background-color:rgba(47, 50, 54, 1);}
.container .chart-area .swiper-main .swiper-button-disabled {display:none;}

.container .chart-area .box{position:relative;float:left;width:32.5%;height:390px;margin:20px 1.1% 10px 0;overflow:hidden;background-color:#fff;border:1px solid #bfbfbf;border-radius:5px;box-shadow:0 0 8px rgba(0, 0, 0, 0.1);box-sizing:border-box;}
.container .chart-area .box:first-child{padding-left:0;}
.container .chart-area .box:last-child{margin-right:0;}
.container .chart-area .box .title {padding:10px 0;margin:0 20px;font-size:16px;text-align:center;color:#222;font-weight:bold;}
.container .chart-area .box .btn-more{position:absolute;right:20px;top:15px;z-index:50;}
.container .chart-area .box .btn-stop{position:absolute;right:20px;top:15px;z-index:50;cursor:pointer;}
.container .chart-area .box .btn-play{display:none;position:absolute;right:20px;top:15px;z-index:50;cursor:pointer;}
.container .chart-area .chart{height:375px;margin:0 auto;}
.container .chart-area .btn-chartClose{display:block;position:absolute;left:0;bottom:0;width:100%;padding:10px 0;clear:both;text-align:center;font-weight:bold;background-color:#dfe1e6;}
.container .chart-area .btn-chartClose a{font-weight:bold;line-height:23px;color:#5d5d5f;}
.container .chart-area .btn-chartClose a:after{content:'';display:inline-block;width:23px;height:23px;margin-left:10px;vertical-align:middle;background:url("../images/icon_arrowclose.png") no-repeat right center;}
.container .chart-area .btn-chartClose a.off:after{background:url("../images/icon_arrowopen.png") no-repeat right center;}
.container .chart-area .btn-noticeClose{display:block;position:absolute;left:0;bottom:0;width:100%;padding:10px 0;clear:both;text-align:center;font-weight:bold;background-color:#dfe1e6;}
.container .chart-area .btn-noticeClose a{font-weight:bold;line-height:23px;color:#5d5d5f;}
.container .chart-area .btn-noticeClose a:after{content:'';display:inline-block;width:23px;height:23px;margin-left:10px;vertical-align:middle;background:url("../images/icon_arrowopen.png") no-repeat right center;}
.container .chart-area .btn-noticeClose a.off:after{background:url("../images/icon_arrowclose.png") no-repeat right center;}
.container .chart-area .serviceTraffic .infoTxt {position:absolute;right:20px;bottom:10px;text-align:right;font-size:10px; color:#888; }

.serviceTraffic #tagList{position:absolute;left:-9999;top:-9999;width:0;height:0;font-size:0;overflow:hidden;}

/* 개발중 */
.container .chart-area .box.develop {text-align:center;background-color:#efefef;}

.container .chart-area .box .infoTxt {text-align:right; font-size:10px; color:#888; }

/* 메인 전국망  */
.container .chart-area .box.national {padding:0 20px;}
.container .chart-area .box .network{position:relative;float:left;width:140px;height:325px;padding-right:18px;text-align:right;font-size:16px;color:#fff;background:url('../images/bg_cloud.jpg') no-repeat center top;box-sizing:border-box;}
.container .chart-area .box .network:after{content:'';display:inline-block;position:absolute;right:25px;top:175px;width:37px;height:22px;background:url('../images/main_gauge.png') no-repeat center top;}
.container .chart-area .box .network .subject {margin-top:30px;font-size:26px;font-weight:bold;}
.container .chart-area .box .network .num{font-size:20px;}
.container .chart-area .box .network .num b{font-size:40px;}
.container .chart-area .box .network .txt {opacity:0.7;}
.container .chart-area .box .network.rain { background:url('../images/bg_rain.jpg') no-repeat center top;}
.container .chart-area .box .network.sun { background:url('../images/bg_sun.jpg') no-repeat center top;}
.container .chart-area .box .network.rain .cloude {left:5px;}
.container .chart-area .box .network.sun .cloude {left:-8px;}
.container .chart-area .box .network .cloude {position:absolute;left:0;bottom:5px;animation:Cloude 2s ease-in-out infinite;}
@keyframes Cloude {
    0%{bottom:5px;}
    50%{bottom:12px;}
    100%{bottom:5px;}
}
.container .chart-area .box .network-list{position:relative;float:right;width:calc(100% - 150px);height:325px;background:url('../images/bg_map.jpg') no-repeat center top;}
.container .chart-area .box .network-list li{position:absolute;width:42px;height:54px;text-align:center;}
.container .chart-area .box .network-list li:nth-child(1) {left: 25%;top:75px;} /* 구로 */
.container .chart-area .box .network-list li:nth-child(2) {left: 38%;top:19px;} /* 혜화 */
.container .chart-area .box .network-list li:nth-child(3) {left: 39%;top:123px;} /* 탄방 */
.container .chart-area .box .network-list li:nth-child(4) {left: 51%;top:45px;} /* 원주 */
.container .chart-area .box .network-list li:nth-child(5) {left: 31%;top:213px;} /* 북광주 */
.container .chart-area .box .network-list li:nth-child(6) {left: 53%;top:153px;} /* 북대구 */
.container .chart-area .box .network-list li:nth-child(7) {left: 65%;top:197px;} /* 서부산 */
.container .chart-area .box .network-list li:nth-child(8) {left: 15%;top:230px;} /* 신제주 */
.container .chart-area .box .network-list li .local {line-height:14px;color:#fff;font-size:12px;background-color:#ea1c24;border:1px solid #cb0b13;box-sizing:border-box;}
.container .chart-area .box .network-list li .info{height:37px;font-size:10px;color:#7d7e7f;border:1px solid #c7c8cd;line-height:12px;background-color:#fff;box-sizing:border-box;}
.container .chart-area .box .network-list li .info b {font-size:12px;color:#ea1c24;}
.container .chart-area .box .network-list li .info:before {content:'';display:inline-block;width:16px;height:16px;margin:2px auto 0;}
.container .chart-area .box .network-list li .noData {line-height:30px;font-size:20px; }
.container .chart-area .box .network-list li .noData:before {content:'';display:none;}
.container .chart-area .box .network-list li .sun:before {background:url('../images/icon_sun.png') no-repeat center center; }
.container .chart-area .box .network-list li .cloud:before {background:url('../images/icon_cloud.png') no-repeat center center; }
.container .chart-area .box .network-list li .rain:before {background:url('../images/icon_rain.png') no-repeat center center; }
/* 메인 지도화면  */
.container .chart-area .swiper-main .map_bg {height:325px;margin-top:15px;background:url('../images/main_map_bg.png') no-repeat 10px top;}
.container .chart-area .swiper-map {text-align:center;}
.container .chart-area .swiper-map .swiper-slide {width:370px;background-color:#fff;}
.container .chart-area .swiper-map .chart {height:210px;margin-top:20px;}
.container .chart-area .swiper-map .local {display:inline-block;width:50px;height:50px;margin:10px 0 5px 0;line-height:48px;font-size:16px;color:#fff;text-align:center;background-image:linear-gradient(#577bcc,#4969ae);border-radius:50px;}
.container .chart-area .swiper-map .txt {font-size:16px;}
.container .chart-area .swiper-map .txt b {font-size:20px;}
.container .chart-area .swiper-pointer span {position:absolute;width:14px;height:22px;background:url('../images/map_marker.png') no-repeat center top;opacity:1;}
.container .chart-area .swiper-pointer span.swiper-pagination-bullet-active {width:29px;height:49px;margin:0 0 -5px -7px;background:url('../images/map_marker_on.png') no-repeat center top;}
.container .chart-area .swiper-pointer span:nth-child(1) {left:25px;top:55px;} /* 전국 */
.container .chart-area .swiper-pointer span:nth-child(1):before {content:'전국';display:inline-block;width:35px;padding:3px 0;color:#222;text-align:center;font-weight:Bold;background-color:#f8f8f8;box-shadow:1px 1px 5px rgba(0, 0, 0, 0.4);border-radius:2px;}
.container .chart-area .swiper-pointer span:nth-child(1).swiper-pagination-bullet-active {margin:0;color:#fff;background:none;}
.container .chart-area .swiper-pointer span:nth-child(1).swiper-pagination-bullet-active:before {color:#fff;background-color:#e41b23;}
.container .chart-area .swiper-pointer span:nth-child(2) {left:73px;bottom:271px;} /* 강북 */
.container .chart-area .swiper-pointer span:nth-child(3) {left:140px;bottom:265px;} /* 강원 */
.container .chart-area .swiper-pointer span:nth-child(4) {left:81px;bottom:255px;} /* 강남 */
.container .chart-area .swiper-pointer span:nth-child(5) {left:60px;bottom:256px;} /* 강서 */
.container .chart-area .swiper-pointer span:nth-child(6) {left:90px;bottom:185px;} /* 충청 */
.container .chart-area .swiper-pointer span:nth-child(7) {left:60px;bottom:112px;} /* 호남 */
.container .chart-area .swiper-pointer span:nth-child(8) {left:150px;bottom:155px;} /* 대구 */
.container .chart-area .swiper-pointer span:nth-child(9) {left:172px;bottom:115px;} /* 부산 */
/* 메인 박스 순위 챠트 */
.container .chart-area .chart-rank {counter-reset:RANK; margin:5px 20px 0 20px;}
.container .chart-area .swiper-slide-active .chart-rank li {animation: Rotate 0.4s ease-in-out forwards;backface-visibility:hidden;}
/* .container .chart-area .chart-rank li{animation: Rotate 0.4s ease-in-out forwards;backface-visibility:hidden;} */
.container .chart-area .chart-rank li {position:relative;height:26px;padding-left:31px;margin-bottom:4px;font-size:12px;line-height:24px;color:#222;font-weight:bold;border:1px solid #bbc8d7;box-sizing:border-box;cursor:pointer;}
.container .chart-area .chart-rank li:last-child{margin-bottom:1px;}
.container .chart-area .chart-rank li:before {content:counter(RANK);counter-increment:RANK;display:inline-block;position:absolute;left:0;width:31px;text-align:center;line-height:24px;color:#009591;font-size:16px;font-weight:bold;background-color:#fff;}
.container .chart-area .chart-rank li:after {content:'';display:inline-block;position:absolute;left:31px;top:0;z-index:5;width:3px;height:24px;background:url('../images/rank_no_bg.png') no-repeat center center;}
.container .chart-area .chart-rank li .percent {display:inline-block;position:absolute;right:10px;top:0;z-index:5;width:35px;text-align:right;color:#222;font-size:12px;}
.container .chart-area .chart-rank li .con {position:relative;z-index:1;padding-left:12px;color:#000;background-color:#f5f5f5;}
.container .chart-area .chart-rank li .con .bg_bar {position:absolute;left:0;top:0;z-index:-1;height:24px;box-sizing:border-box;}
.container .chart-area .chart-rank li:nth-child(1) .bg_bar {background-color:#9ed5d2;}
.container .chart-area .chart-rank li:nth-child(2) .bg_bar {background-color:#a7d8d6;}
.container .chart-area .chart-rank li:nth-child(3) .bg_bar {background-color:#b1dddb;}
.container .chart-area .chart-rank li:nth-child(4) .bg_bar {background-color:#b8dfdd;}
.container .chart-area .chart-rank li:nth-child(5) .bg_bar {background-color:#c2e3e1;}
.container .chart-area .chart-rank li:nth-child(6) .bg_bar {background-color:#c8e4e2;}
.container .chart-area .chart-rank li:nth-child(7) .bg_bar {background-color:#cfe5e3;}
.container .chart-area .chart-rank li:nth-child(8) .bg_bar {background-color:#d9eae9;}
.container .chart-area .chart-rank li:nth-child(9) .bg_bar {background-color:#e0ebeb;}
.container .chart-area .chart-rank li:nth-child(10) .bg_bar {background-color:#e8eded;}
.container .chart-area .chart-rank li:nth-child(1) {animation-delay: .6s;}
.container .chart-area .chart-rank li:nth-child(2) {animation-delay: .8s;}
.container .chart-area .chart-rank li:nth-child(3) {animation-delay: 1.0s;}
.container .chart-area .chart-rank li:nth-child(4) {animation-delay: 1.2s;}
.container .chart-area .chart-rank li:nth-child(5) {animation-delay: 1.4s;}
.container .chart-area .chart-rank li:nth-child(6) {animation-delay: 1.6s;}
.container .chart-area .chart-rank li:nth-child(7) {animation-delay: 1.8s;}
.container .chart-area .chart-rank li:nth-child(8) {animation-delay: 2.0s;}
.container .chart-area .chart-rank li:nth-child(9) {animation-delay: 2.2s;}
.container .chart-area .chart-rank li:nth-child(10) {animation-delay: 2.4s;}
@keyframes Rotate {
    0%{
        transform: rotateX(360deg);
    }
    100%{
        transform: rotateX(0deg);
    }
}
.container .swiper-traffic .swiper-cate {margin:0 20px 0 20px;}
.container .swiper-traffic .swiper-cate span {display:inline-block;position:relative;width:10.2%;height:23px;margin:0;line-height:23px;text-align:center;color:#222;background:none;border-radius:0;opacity:1;}
.container .swiper-traffic .swiper-cate span:after {content:'';display:inline-block;position:absolute;right:0;top:7px;height:10px;border-right:1px solid #dbdbdb;}
.container .swiper-traffic .swiper-cate span:last-child:after {display:none;}
.container .swiper-traffic .swiper-cate span.swiper-pagination-bullet-active {border-bottom:2px solid #ed1c24;}
.container .swiper-traffic .swiper-cate span.cate0:before {content:'전국';}
.container .swiper-traffic .swiper-cate span.cate1:before {content:'강북';}
.container .swiper-traffic .swiper-cate span.cate2:before {content:'강원';}
.container .swiper-traffic .swiper-cate span.cate3:before {content:'강남';}
.container .swiper-traffic .swiper-cate span.cate4:before {content:'강서';}
.container .swiper-traffic .swiper-cate span.cate5:before {content:'충청';}
.container .swiper-traffic .swiper-cate span.cate6:before {content:'호남';}
.container .swiper-traffic .swiper-cate span.cate7:before {content:'대구';}
.container .swiper-traffic .swiper-cate span.cate8:before {content:'부산';}

/* 메인 박스 가상화 부하율 챠트 */
.container .swiper-virtual .swiper-local {margin:0 20px 30px 20px;}
.container .swiper-virtual .swiper-local span {display:inline-block;position:relative;width:55px;height:23px;margin:0;line-height:23px;text-align:center;color:#222;background:none;border-radius:0;opacity:1;}
.container .swiper-virtual .swiper-local span:after {content:'';display:inline-block;position:absolute;right:0;top:7px;height:10px;border-right:1px solid #dbdbdb;}
.container .swiper-virtual .swiper-local span:last-child:after {display:none;}
.container .swiper-virtual .swiper-local span.swiper-pagination-bullet-active {border-bottom:2px solid #ed1c24;}
.container .swiper-virtual .swiper-local span.cate0:before {content:'전국';}
.container .swiper-virtual .swiper-local span.cate1:before {content:'혜화';}
.container .swiper-virtual .swiper-local span.cate2:before {content:'구로';}
.container .swiper-virtual .swiper-local span.cate3:before {content:'대전';}
.container .swiper-virtual .swiper-local span.cate4:before {content:'부산';}
.container .swiper-virtual .swiper-local span.cate5:before {content:'북광주';}
.container .swiper-virtual .swiper-local span.cate6:before {content:'북대구';}
.container .swiper-virtual .swiper-local span.cate7:before {content:'서부산';}
.container .swiper-virtual .swiper-local span.cate8:before {content:'원주';}
.container .swiper-virtual .swiper-local span.cate9:before {content:'신제주';}

.container .swiper-virtual .chart {height:110px;margin:10px 20px;}
.container .swiper-virtual .colBox {width:320px;margin:0 auto 10px;text-align:center;}
.container .swiper-virtual .subject {font-size:12px;color:#222;font-weight:bold;}
.container .swiper-virtual .circle {position:relative;width:115px;height:115px;margin:0 auto 10px;}
.container .swiper-virtual .circle .circleText{position:absolute;top:0px;left:0px;width:115px;height:115px;z-index:-1;border-radius:50%;}
.container .swiper-virtual .circle .progressbar-text{position:absolute;left:50%;top:50%;width:115px;height:115px;transform:translate(-50%, -50%);background:transparent;border-radius:50%;text-align:center;display:table;}
.container .swiper-virtual .circle .textWrap{display:table-cell;vertical-align:middle;font-size:30px;color:#222;font-weight:bold;}
.container .swiper-virtual .circle .textWrap div {font-size:12px;}

/* 5G 가입자 */
.container .chart-area .box.subscriber { padding:0 20px; }
.container .chart-area .box.subscriber .chart {height:160px;}
.container .chart-area .box.subscriber .subs-wrap {position:relative;padding-left:134px;}
.container .chart-area .box.subscriber .subs-board {position:absolute;left:0;top:0;width:130px;}
.container .chart-area .box.subscriber .subs-board li:first-child {margin:0;height:120px;padding:70px 20px 30px 20px;color:#fff;background-color:#1b68ba;}
.container .chart-area .box.subscriber .subs-board li {position:relative;height:94px;margin-top:6px;padding:50px 20px 30px 20px;font-size:22px;color:#8f95a2;text-align:right;font-weight:bold;background-color:#dfe1e6;box-sizing:border-box;border-radius:5px;}
.container .chart-area .box.subscriber .subs-board li:before {content:'전국';position:absolute;left:10px;top:15px;font-size:12px;color:#8f95a2;opacity:0.8;font-weight:bold;}
.container .chart-area .box.subscriber .subs-board li:after {content:'';position:absolute;right:15px;top:16px;width:21px;height:13px;background:url('../images/main_people2.png') no-repeat center top; }
.container .chart-area .box.subscriber .subs-board li:first-child:after {top:20px; background:url('../images/main_people1.png') no-repeat center top; }
.container .chart-area .box.subscriber .subs-board li:first-child:before {color:#fff; font-size:16px;}
.container .chart-area .box.subscriber .subs-board li:nth-child(2):before {content:'구로 UDR';color:#8f95a2;}
.container .chart-area .box.subscriber .subs-board li:nth-child(3):before {content:'대전 UDR';color:#8f95a2;}

.container .board-area{padding:40px 0;font-size:14px;box-sizing:border-box;}
.container .board-area:after{content:'';display:block;clear:both;}
.container .board-area .title{position:relative;margin-bottom:20px;font-size:22px;font-weight:bold;color:#222;line-height:25px;}
.container .board-area .title a{display:inline-block;position:absolute;right:0;top:0;padding-left:17px;font-size:12px;color:#b4b4b4;font-weight:bold;background:url("../images/icon_more.png") no-repeat left center;background-size:auto 12px;}
.container .board-area .notice{position:relative;float:left;width:33.333%;height:135px;padding:0 50px;box-sizing:border-box;border-left:0;}
.container .board-area .board{position:relative;float:left;width:33.333%;height:135px;padding:0 50px;box-sizing:border-box;border-left:1px solid #ccc;}
.container .board-area .list li{padding-right:70px;position:relative;font-size:14px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.container .board-area .list li:last-child{margin:0;}
.container .board-area .list li .date{position:absolute;right:0;font-size:13px;color:#999;}
.container .board-area .list li a {color:#666;}
.container .board-area .list li:hover{text-decoration:underline;color:#333;}
.container .board-area .list li:hover a{color:#333;}
.container .board-area2{font-size:14px;}
.container .board-area2 .reference{position:relative;padding:30px 30px 30px 200px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.container .board-area2 .reference .list{margin:0;overflow:hidden;}
.container .board-area2 .reference .list li{float:left;width:20%;padding-right:115px;word-break:keep-all;box-sizing:border-box;}
.container .board-area2 .reference .list li a{display:block;padding-right:35px;color:#666;background:url("../images/icon_down.png") no-repeat right center;}
.container .board-area2 .reference .list li:hover a{color:#222; background:url("../images/icon_down02.png") no-repeat right center;}
.container .board-area2 .reference .list li:last-child{margin-right:0;}
.container .board-area2 .faq{position:relative;padding:30px 0 30px 200px;overflow:hidden;}
.container .board-area2 .faq .list{margin:0;overflow:hidden;}
.container .board-area2 .faq .list li{float:left;width:25%;padding-right:35px;box-sizing:border-box;}
.container .board-area2 .faq .list li a{display:block;}
.container .board-area2 .faq .list li .Q{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.container .board-area2 .faq .list li .Q:before{content:'Q';display:inline-block;width:18px;height:18px;margin-right:5px;text-align:center;color:#fff;font-size:11px;line-height:17px;border-radius:3px;background-color:#747477;vertical-align:middle;}
.container .board-area2 .faq .list li .A{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.container .board-area2 .faq .list li .A:before{content:'A';display:inline-block;width:18px;height:18px;margin-right:5px;text-align:center;color:#fff;font-size:11px;line-height:17px;border-radius:3px;background-color:#d61518;vertical-align:middle;}
.container .board-area2 .title{position:absolute;left:50px;top:40px;padding-right:20px;font-size:20px;font-weight:bold;color:#222;line-height:25px;background:url("../images/icon_more.png") no-repeat right center;background-size:auto 12px;}

/* 메인 박스  코어망 시설 현황 ,엑세스망 시설운용현황*/
.container .chart-area .core-rank{margin:5px 20px 0 20px;} 
.container .chart-area .core-rank:after{display: inline-block; content:'' clear: both;}
.container .chart-area .core-rank li{float: left; width: 50%; padding: 1px 7.5px; box-sizing:border-box;}
.container .chart-area .core-rank li .con{border: 1px solid #ebeef4}
.container .chart-area .core-rank td{height: 20px; background-color: #ebeef4; font-size: 12px; color: #222222;}
.container .chart-area .core-rank li tr:first-child td:first-child{padding: 0px; text-align: center; border-right: 1px solid #ebeef4; background-color: #fff;}
.container .chart-area .core-rank li tr:first-child td{height: 30px; background-color:#f5f6f9;}
.container .chart-area .core-rank li tr:first-child td:nth-of-type(2){text-align: center; font-size:20px; font-weight: bold;}
.container .chart-area .core-rank li tr:nth-of-type(2) td{border-bottom:1px solid #f5f6f9;}
.container .chart-area .core-rank li tr:nth-of-type(2) td:first-child{letter-spacing: 10px; padding-left: 10px; }
.container .chart-area .core-rank li tr td:first-child{text-align: center;}
.container .chart-area .core-rank li tr td:last-child{text-align: right; padding-right: 15px;}
.container .chart-area .core-rank li tr td:last-child span{font-size: 10px;}
.container .chart-area .core-rank li tr td:last-child span>span{margin-right: 5px; font-size: 12px;font-weight: bold;}
.container .chart-area .core-rank li tr td:last-child{color: #666666;}

/*엑세스망 시설운용현황*/
.container .chart-area .access-rank li{float: left; width: 50%; padding: 5px 7.5px; box-sizing:border-box;}
.container .chart-area .access-rank li tr:first-child td{height: 80px; background-color:#f5f6f9;}
.container .chart-area .access-rank li tr:nth-of-type(3) td{border-bottom:1px solid #f5f6f9;}
.container .chart-area .access-rank li tr td:first-child{text-align: left; padding-left: 15px;}
.container .chart-area .access-rank li tr:first-child td:nth-of-type(2){text-align: left; padding-left: 15px; font-size:20px; font-weight: bold;}
.container .chart-area .access-rank li tr:nth-of-type(2) td:first-child{letter-spacing: 10px; padding-left: 15px; }

/* 로그인 */
#loginBody{background:url("../images/bg_login01.jpg") no-repeat center center;background-size:cover;}
.login-wrap{position:relative;width:100%;min-width:1400px;height:100vh;}
.login-wrap .logo-5g{position:absolute;left:18%;top:50%;margin:-174px 40px 0;}
.login-wrap .login-area{position:absolute;left:51%;top:50%;margin:-318.5px 40px 0;width:560px;height:637px;}
.login-wrap .login-area .login-box{width:100%;height:637px;padding-top:47px;box-sizing:border-box;text-align:center;background-color:rgba(255,255,255,0.8);border-radius:10px;color:#fff;}
.login-wrap .login-area .login-box .logo{height:124px;}
.login-wrap .login-area .login-box dt{position:relative;font-size:20px;margin-bottom:50px;color:#000;padding-top:5px;}
.login-wrap .login-area .login-box dt:before{content:"";position:absolute;left:50%;top:0;display:inline-block;width:16px;height:2px;margin-left:-8px;background:#000;}
.login-wrap .login-area .login-box dd.inputZone{position:relative;padding:46px 100px 0;}
.login-wrap .login-area .login-box dd.inputZone input{width:100%;padding-left:30px;box-sizing:border-box;height:57px;line-height:55px;background:#fff;border:1px solid #999;color:#333;font-size:16px;}
.login-wrap .login-area .login-box dd.inputZone input:focus{background:#fff;}
.login-wrap .login-area .login-box dd.inputZone .userInfo{position:absolute;left:0;top:0;width:100%;padding:0 100px;box-sizing:border-box;}
.login-wrap .login-area .login-box dd.inputZone .userInfo p{height:38px;line-height:36px;border:1px solid #ed1c24;border-radius:5px;padding:0 13px;color:#444;text-align:left;font-size:16px;box-sizing:border-box;}
.login-wrap .login-area .login-box dd.inputZone .txt{margin-top:10px;font-size:12px;color:#444;text-align:right;line-height:1.6;}
.login-wrap .login-area .login-box dd.inputZone .passNumWrap{position:relative;width:100%;box-sizing:border-box;height:57px;background:#fff;border:1px solid #999;font-size:16px;text-align:left;}
.login-wrap .login-area .login-box dd.inputZone .passNumWrap.on{background:#fff;}
.login-wrap .login-area .login-box dd.inputZone .passNumWrap input{border:0;background:transparent;width:196px;height:55px;line-height:55px;background:#fff;padding:0 0 0 15px;margin:0;border:0;}
.login-wrap .login-area .login-box dd.inputZone .passNumWrap input:focus{background:#fff;}
.login-wrap .login-area .login-box dd.inputZone .passNumWrap .right{position:absolute;right:8px;top:50%;height:38px;margin-top:-19px;font-size:0;}
.login-wrap .login-area .login-box dd.inputZone .passNumWrap .timer{display:inline-block;padding:0 10px;height:38px;line-height:38px;font-size:16px;color:#999;}
.login-wrap .login-area .login-box dd.inputZone .passNumWrap .btn{height:38px;line-height:38px;background:#e21e26;color:#fff;border-radius:3px;font-size:12px;text-align:center;padding:0 10px;border:0;vertical-align:top;}
.login-wrap .login-area .login-box dd.btnZone{position:absolute;left:0;bottom:85px;width:100%;}
.login-wrap .login-area .login-box dd.btnZone .btn{width:120px;height:58px;line-height:58px;background:#454545;color:#fff;font-size:16px;border-radius:3px;}
.login-wrap .login-area .login-box .warning{margin-top:30px;color:#444;}
.login-wrap .login-area .login-box .warning strong{color:#e21e26;font-weight:normal;}
.login-wrap .login-area .login-box .browserChk dt{margin-bottom:40px;}
.login-wrap .login-area .login-box .browserChk dd{padding-top:114px;background:url("../images/bg_browser_chk.png") no-repeat center top;}
.login-wrap .login-area .login-box .browserChk dd p{color:#000;}
.login-wrap .login-area .login-box .browserChk dd .txt01{font-size:20px;}
.login-wrap .login-area .login-box .browserChk dd .txt01 strong, .login-wrap .login-area .login-box .browserChk dd .txt02 span{color:#ea1c24;}
.login-wrap .login-area .login-box .browserChk dd .txt02{margin-top:7px;font-size:12px;}
.login-wrap .login-area .login-box .browserChk dd .btnArea{margin-top:40px;font-size:0;}
.login-wrap .login-area .login-box .browserChk dd .btn{position:relative;display:inline-block;height:44px;padding:0 17px;box-sizing:border-box;line-height:44px;font-size:12px;color:#fff;background-color:rgba(68,68,68,0.75);border-radius:3px;}
.login-wrap .login-area .login-box .browserChk dd .btn.CrmDown{margin-right:4px;}
.login-wrap .login-area .login-box .browserChk dd .btn span{position:relative;padding-right:25px;}
/*
.login-wrap .login-area .login-box .browserChk dd .btn.CrmDown span{padding:0 25px;}
.login-wrap .login-area .login-box .browserChk dd .btn.CrmDown span:before{content:"";position:absolute;left:0;top:50%;display:inline-block;width:20px;height:20px;margin-top:-10px;background:url("../images/btn_ico_chrome.png") no-repeat 0 0;}
*/
.login-wrap .login-area .login-box .browserChk dd .btn span:after{content:"";position:absolute;right:0;top:50%;display:inline-block;width:6px;height:11px;margin-top:-5.5px;background:url("../images/ico_arr_browser.png") no-repeat 0 0;}
.login-wrap .login-area .login-box .footer{position:absolute;left:0;bottom:22px;width:100%;box-sizing:border-box;padding:0 60px;}
.login-wrap .login-area .login-box .footer .copy{display:inline-block;margin:0 auto;font-weight:normal;font-size:10px;color:#666;}

/* 공통장애페이지 */
.login-wrap .login-area .login-box .obstacle {font-size:20px;color:#000;text-align:center;padding-top:190px;background:url('../images/icon_obstacle.png') no-repeat center top;}
.login-wrap .login-area .login-box .obstacle .big {margin-bottom:30px;font-size:26px;}
.login-wrap .login-area .login-box .obstacle .time {display:inline-block;padding:7px 20px;color:#fff;font-size:18px;background-color:#222;border-radius:2px;}
.login-wrap .login-area .login-box .obstacle b {display:inline-block;margin:0 15px 0 30px;}

#loginBodyBlk{position:relative;background-color:#000;background-image:linear-gradient(#333,#000);width:100%;height:100%;overflow:hidden;}
.login-wrap2{position:absolute;z-index:1;left:100px;right:100px;top:100px;bottom:100px;box-sizing:border-box;min-width:1200px;}
.login-wrap2 .logo-5g{position:absolute;left:18%;top:50%;margin:-152px 40px 0;}
.login-wrap2 .login-area{position:absolute;left:52%;top:50%;margin:-318.5px 40px 0;width:560px;height:637px;}
.login-wrap2 .login-area .login-box{width:100%;height:637px;padding-top:47px;box-sizing:border-box;text-align:center;background-color:rgba(0,0,0,0.65);border:1px solid #000;border-radius:10px;box-shadow:0px 0px 5px 1px rgb(54, 188, 233);/*box-shadow:0 20px 25px 5px rgba(0,0,0,0.80);*/color:#fff;}
.login-wrap2 .login-area .login-box .logo{height:124px;}
.login-wrap2 .login-area .login-box dt{position:relative;font-size:20px;margin-bottom:50px;color:#ccc;padding-top:5px;}
.login-wrap2 .login-area .login-box dt:before{content:"";position:absolute;left:50%;top:0;display:inline-block;width:16px;height:2px;margin-left:-8px;background:#ccc;}
.login-wrap2 .login-area .login-box dd.inputZone{position:relative;padding:46px 100px 0;}
.login-wrap2 .login-area .login-box dd.inputZone input{width:100%;padding-left:30px;box-sizing:border-box;height:57px;line-height:55px;background:#fff;border:1px solid #999;color:#333;font-size:16px;}
.login-wrap2 .login-area .login-box dd.inputZone input:focus{background:#fff;}
.login-wrap2 .login-area .login-box dd.inputZone .userInfo{position:absolute;left:0;top:0;width:100%;padding:0 100px;box-sizing:border-box;}
.login-wrap2 .login-area .login-box dd.inputZone .userInfo p{height:38px;line-height:36px;border:1px solid #ed1c24;border-radius:5px;padding:0 13px;color:#fff;text-align:left;font-size:16px;box-sizing:border-box;}
.login-wrap2 .login-area .login-box dd.inputZone .txt{margin-top:10px;font-size:12px;color:#d3d3d3;text-align:right;line-height:1.6;}
.login-wrap2 .login-area .login-box dd.inputZone .passNumWrap{position:relative;width:100%;box-sizing:border-box;height:57px;background:#fff;border:1px solid #999;font-size:16px;text-align:left;}
.login-wrap2 .login-area .login-box dd.inputZone .passNumWrap.on{background:#fff;}
.login-wrap2 .login-area .login-box dd.inputZone .passNumWrap input{border:0;background:transparent;width:196px;height:55px;line-height:55px;background:#fff;padding:0 0 0 15px;margin:0;border:0;}
.login-wrap2 .login-area .login-box dd.inputZone .passNumWrap input:focus{background:#fff;}
.login-wrap2 .login-area .login-box dd.inputZone .passNumWrap .right{position:absolute;right:8px;top:50%;height:38px;margin-top:-19px;font-size:0;}
.login-wrap2 .login-area .login-box dd.inputZone .passNumWrap .timer{display:inline-block;padding:0 10px;height:38px;line-height:38px;font-size:16px;color:#b5b4b4;}
.login-wrap2 .login-area .login-box dd.inputZone .passNumWrap .btn{height:38px;line-height:38px;background:#e21e26;color:#fff;border-radius:3px;font-size:12px;text-align:center;padding:0 10px;border:0;vertical-align:top;}
.login-wrap2 .login-area .login-box dd.btnZone{position:absolute;left:0;bottom:85px;width:100%;}
.login-wrap2 .login-area .login-box dd.btnZone .btn{width:120px;height:58px;line-height:58px;background:#e21e26;color:#fff;font-size:16px;border-radius:3px;}
.login-wrap2 .login-area .login-box .warning{margin-top:30px;color:#bbb;font-weight:normal;}
.login-wrap2 .login-area .login-box .warning strong{color:#fff;font-weight:normal;}
.login-wrap2 .login-area .login-box .browserChk dt{margin-bottom:40px;}
.login-wrap2 .login-area .login-box .browserChk dd{padding-top:114px;background:url("../images/bg_browser_chk.png") no-repeat center top;}
.login-wrap2 .login-area .login-box .browserChk dd .txt01{font-size:20px;}
.login-wrap2 .login-area .login-box .browserChk dd .txt01 strong{color:#ffde42;}
.login-wrap2 .login-area .login-box .browserChk dd .txt02{margin-top:7px;font-size:12px;}
.login-wrap2 .login-area .login-box .browserChk dd .btnArea{margin-top:40px;font-size:0;}
.login-wrap2 .login-area .login-box .browserChk dd .btn{position:relative;display:inline-block;height:44px;padding:0 17px;box-sizing:border-box;line-height:44px;font-size:12px;color:#fff;background-color:rgba(68,68,68,0.75);border-radius:3px;}
.login-wrap2 .login-area .login-box .browserChk dd .btn.CrmDown{margin-right:4px;}
.login-wrap2 .login-area .login-box .browserChk dd .btn span{position:relative;padding-right:25px;}
.login-wrap2 .login-area .login-box .browserChk dd .btn span:after{content:"";position:absolute;right:0;top:50%;display:inline-block;width:6px;height:11px;margin-top:-5.5px;background:url("../images/ico_arr_browser.png") no-repeat 0 0;}
.login-wrap2 .login-area .login-box .footer{position:absolute;left:0;bottom:22px;width:100%;box-sizing:border-box;padding:0 60px;}
.login-wrap2 .login-area .login-box .footer .copy{display:inline-block;margin:0 auto;font-weight:normal;font-size:10px;color:#666;}

/*mstrWeb- AdministorLogin*/
#AdministorLogin{background-image:url(../images/administor_bg.png);}
#AdministorLogin .login-wrap .login-area{top: 50%; left: 50%; height: 720px; margin: 0 0 0 -280px; transform: translateY(-50%); background-color: #282828;}
#AdministorLogin .login-wrap .login-area .login-box{height: 720px;  width: 350px; background-color: #282828; border-radius:0px; margin: 0 auto;}
#AdministorLogin .login-wrap .login-area .login-box .logo{height:105px;}
#AdministorLogin h3{font-size: 26px;}
#AdministorLogin h4{font-size: 20px;}
#AdministorLogin .input_wrap{padding: 5px 0 ;}
#AdministorLogin .input_wrap:nth-of-type(3){padding-top:20px;}
#AdministorLogin .input_wrap div{position:relative;  border: 1px solid #999999;}
#AdministorLogin .input_wrap div::before{display:inline-block;position: absolute; width:40px; height: 40px; border-right: 1px solid #999999; background-color:#e4e4e4; background-position: center;    background-repeat: no-repeat; content:'';  }
#AdministorLogin .input_wrap:nth-of-type(1) div::before{background-image:url(../images/administor_login_serviername_icon.png);}
#AdministorLogin .input_wrap:nth-of-type(2) div::before{background-image:url(../images/administor_login_projectname_icon.png);}
#AdministorLogin .input_wrap:nth-of-type(3) div::before{background-image:url(../images/administor_login_username_icon.png);}
#AdministorLogin .input_wrap:nth-of-type(4) div::before{background-image:url(../images/administor_login_password_icon.png);}
#AdministorLogin .input_wrap span{display: block;padding: 10px 0; font-size: 14px;  color: #fff; line-height: 20px; text-align: left; }
#AdministorLogin label{display: none;}
#AdministorLogin input{ padding: 0 25px; font-size: 20px; height: 40px; text-align: right;}
#AdministorLogin input[type="password"]{background-color: #fff;}
#AdministorLogin input::placeholder{text-align: right; font-size: 16px; font-weight: lighter;}
#AdministorLogin .btn_wrap{padding-top: 50px; width: 100%;}
#AdministorLogin .btn_wrap input[type="submit"]{width: 100%; height: 58px; border-radius:4px; background-color:#454545; border: none; color: #fff; font-size: 16px;text-align: center; }



/* 포탈 메인 사이트맵 */
#site-map{display:none;position:fixed;left:0;top:65px;z-index:90;width:100%;height:calc(100vh - 65px);padding:20px 40px 40px;box-sizing:border-box;background-color:#fff;overflow-y:scroll;}
#site-map .close{position:absolute;right:40px;top:40px;z-index:90;width:29px;height:29px;background:url("../images/icon_close.png") no-repeat center center;cursor:pointer;}
#site-map .first-level{display:-webkit-flex;display:-ms-flex;display:flex;-webkit-flex-flow:row wrap;flex-flow:row wrap;position:relative;min-height:70px;padding:20px 0 5px 100px;border-bottom:1px solid #dfdfe1;overflow:hidden;}
#site-map .first-level > a{position:absolute;left:0;top:20px;width:100px;font-size:18px;font-weight:bold;color:#000;}
#site-map .first-level .list{-webkit-flex:auto;-ms-flex:auto;flex:auto;max-width:250px;min-width:160px;margin:0 5px 10px;}
#site-map .first-level .list .title{margin-bottom:5px;line-height:30px;padding:0 20px;color:#444;font-size:14px;font-weight:bold;background-color:#d7dadd;}
#site-map .first-level .list ul{padding:0 10px;}
#site-map .first-level .list li{padding:0 10px;font-size:13px;line-height:26px;color:#bbb; cursor:default;box-sizing:border-box;}
#site-map .first-level .list li a{color:#666;cursor:pointer;}
#site-map .first-level .list li a:hover{font-weight:bold;}
#site-map .first-level .list.two-width{width:490px;max-width:490px;}
#site-map .first-level .list.two-width ul{overflow:hidden;}
#site-map .first-level .list.two-width li{float:left;width:50%;}
#site-map .first-level .list.three-width{width:720px;max-width:720px;}
#site-map .first-level .list.three-width ul{overflow:hidden;}
#site-map .first-level .list.three-width li{float:left;width:33.333%;}
#site-map .first-level .list.active .title{color:#fff;background-color:#ed2728;}
#site-map .first-level .list.active .on{font-weight:bold;}
#site-map .first-level .list.active .on a{color:#000;}
#site-map i.star{display:inline-block;width:12px;height:12px;margin-right:5px;background:url("../images/icon_star_off.png") no-repeat left center;cursor:pointer;}
#site-map i.star.on{background:url("../images/icon_star_on.png") no-repeat left center;}

/* 리얼그리드 컨텍스트 메뉴 css */
.real-grid canvas {background-color:transparent !important;}
.rg-popup-menu{position:relative;min-width:140px !important;background-color:#fff;border:1px solid #8d8d8d;font-family:'돋움',dotum;font-style:normal;font-variant:normal;font-weight:normal;font-size:13px;margin:0px;border-radius:3px;overflow:visible;}
.rg-popup-item{position:relative;padding-top:2px;padding-bottom:2px;height:20px;line-height:20px;cursor:pointer;}
.rg-popup-item:before{content:'';display:inline-block;position:absolute;left:8px;top:10px;width:4px;height:4px;background-color:#7e7e7e;border-radius:5px;}
.rg-popup-item:hover{font-weight:bold;background-color:#e6f4f5;}
.rg-popup-separator-hr{height:1px;border:0px;margin:0 4px;color:#ddd;background-color:#8d8d8d;}
.rg-popup-expander{background-image:url("../resources/common/js/realgrid/assets/menu_expander.png");background-repeat:no-repeat;background-position:center center;}
.rg-popup-check-checked{background-image:url("../resources/common/js/realgrid/assets/menu_check.png");background-repeat:no-repeat;background-position:center center;}
.rg-popup-radio-checked{background-image:url("../resources/common/js/realgrid/assets/menu_radio.png");background-repeat:no-repeat;background-position:center center;}
.rg-popup-group1{background:#ffd800;}

/* Navy Thema(테마설정) */
#thema-navy {background:#000;}
/*
#thema-navy {background:#000103 url('../images/navy_thema.jpg') no-repeat center top;}
*/
/* 감시 토폴로지맵 */
#thema-navy #graph_panel { background-color:#000; border-color:#444; }
#thema-navy #wrap {background-color:transparent;}
#thema-navy .container {background-color:transparent;}
#thema-navy .location {color:#a5a6a8;}
#thema-navy .pageTitle .tit {color:#fff;}
#thema-navy .topology .map {border-color:#444;background-color:transparent;}
#thema-navy .topology .map * {color:#fff !important; border-color:#444 !important;}

#thema-navy .topology .map .QuneeTooltip {position:absolute;left:0;bottom:32px;width:100%;height:62px;padding:15px 10px;color:#fff;text-align:center;line-height:16px;background-color:rgba(255,255,255,0.13);box-sizing:border-box;}

#thema-navy .failure {background-color:#000 !important;}
#thema-navy .failure .search-area { padding-right:0; background-color:transparent; }
#thema-navy .failure .search-area .btn-area { right:0; }
#thema-navy .failure .search-area .subTitle { color:#e5e6e9; }
#thema-navy .failure .search-area .info {color:#e5e6e9;}
#thema-navy .failure:before {border-top: 1px solid #32312e;}
#thema-navy .failure:after {background:url("../images/icon_handler02_navy.png") no-repeat center center; }
#thema-navy .failure.no-resize:before,
#thema-navy .failure.no-resize:after { display:none !important; }
#thema-navy .grid-area .top .grid-condition .color-board { color:#e5e6e9; }
#thema-navy .grid-area .top .grid-condition .select-tit { color:#e5e6e9; }
#thema-navy .map-wrap .colBox.freeSplit > div:first-child:before {background:url('../images/bg_tabS_navy.gif') repeat-y center top; }
#thema-navy .topology .map-wrap:before {background:transparent url('../images/bg_tabS_navy.gif') repeat-y center top}
#thema-navy .topology .map-wrap:after { background: url("../images/icon_handler_navy.png") no-repeat center center; }

#thema-navy #graph_panel #search_input {color:#fff;background-color:transparent;border-color:#444;}
#thema-navy #graph_panel input[type="text"], #thema-navy #graph_panel input[type="number"], #thema-navy #graph_panel input[type="password"] {border-color:#444;}
#thema-navy #graph_panel .btn-default {background-color: #000; color:#fff; padding:5px 10px; border-color:#444;}
#thema-navy #graph_panel .btn-default.active {background-color:#0b3a41;}
#thema-navy .q-max {background-color:#000;}
#thema-navy #graph_panel .edit-box { background-color:rgba(0, 0, 0, 0.8); border-color:#888;}
#thema-navy #graph_panel .edit-box .bltTitZone04 p { color:#fff; }
#thema-navy #graph_panel .edit-box .tblInput th { color:#e5e6e9; }
#thema-navy #toolbox > img, #thema-navy #toolbox > button {border-color:#444;}

#thema-navy .topology.modify .detail {border-color:#444;}
#thema-navy .topology.modify .detail .top {font-weight:bold;color:#fff;background-color:transparent;border-bottom:0;}
#thema-navy .topology.modify .detail table.type01 {border-left:0;}
#thema-navy .topology.modify .detail table.type01 th {color:#cbcdd1;background-color:#070707;border-color:#26272a;}
#thema-navy .topology.modify .detail .table-wrap table td {color:#e5e6e9;background-color:transparent;border-color:#26272a;}
#thema-navy .topology.modify .detail .bottom {color:#fff;background-color:#070707;}
#thema-navy .topology.modify .detail .bottom .title {color:#fff;border-bottom-color:#fff;border-bottom:1px solid #444;}
#thema-navy table.type02 th, #thema-navy table.type02 td {color:#cbcdd1;border-bottom-color:#26272a;}

#thema-navy .topology.modify .map {border-color:#444;background-color:transparent;}
#thema-navy .topology.modify .map:before {background:transparent url('../images/bg_tabS_navy.gif') repeat-y center top; }
#thema-navy .topology.modify .map:after { background: url("../images/icon_handler_navy.png") no-repeat center center; }

#thema-navy .SumoSelect > .CaptionCont,
#thema-navy .SumoSelect>.optWrapper {background-color:#070707; border-color:#343941; color:#fff; }
#thema-navy .SumoSelect > .CaptionCont > span.placeholder {color:#fff;}
#thema-navy .SumoSelect > .CaptionCont > label > i {background-position: -1px center;}
#thema-navy .SumoSelect .select-all,
#thema-navy .SumoSelect .select-all:hover,
#thema-navy .SumoSelect > .optWrapper > .options li.opt:hover {background-color: #26272a;}

/* 기지국 온도상황판 */
#thema-navy .temperature .color-board {color:#a5a6a8;line-height:12px;}
#thema-navy .temperature .color-board span {display:inline-block;width:12px;height:12px;margin:-2px 2px 0 10px;vertical-align:middle;}
#thema-navy .temperature .color-board .bar {display:inline-block;margin-left:10px;padding-left:10px;border-left:1px solid #40444c;}

#thema-navy .treeWrapBox02 { border-color:#26272a;}
#thema-navy .treeWrapBox02 dt { color:#ccc; border-bottom-color:#26272a;}
#thema-navy .treeWrapBox02 .ztree li a { color:#ccc; }

/* 로그 감시 */
#thema-navy { color:#666; }
#thema-navy .graphWrap { background-color:#101214; border:0; }
#thema-navy .graphWrap .subTitle { border:0; margin:0;}


/* table */
#thema-navy .table-wrap02 {padding:10px;background-color:#111214;border:1px solid #26272a;border-radius:3px;}
#thema-navy .temp-type {width:100%;}
#thema-navy .temp-type table {border-collapse:separate;border-spacing:4px;}
#thema-navy .temp-type td { padding:14px 10px;color:#fff;text-align:center;font-size:14px;cursor:pointer;}
#thema-navy .temp-type td.active,
#thema-navy .temp-type td:hover {padding:10px 6px;border:4px solid #fff;}

#thema-navy .temp-type td.danger{box-sizing: border-box; padding: 8px 4px; animation: danger .4s linear infinite ;}
@-webkit-keyframes danger { 
    0% {border: 5px solid #ffff00;} 100% {border:  5px solid transparent;}
}

#thema-navy .cell-red {background-color:#b20000;}
#thema-navy .cell-lightRed {background-color:#ff0000;}
#thema-navy .cell-darkRed {background-color:#660000;}
#thema-navy .cell-blue {background-color:#0036b2;}
#thema-navy .cell-lightBlue {background-color:#004eff;}
#thema-navy .cell-darkBlue {background-color:#001f66;}
#thema-navy .cell-green {background-color:#12a935;}
#thema-navy .cell-darkGreen {background-color:#00780e;}

/* btn */
#thema-navy .btn.wit01{background:#10131e;border-color:#343941;color:#ebebee;}
#thema-navy .btn.wit01:hover{background:#010712;}
#thema-navy .btn.wit02{background:#10131e;border-color:#343941;color:#ebebee;}
#thema-navy .btn.wit02:hover{background:#010712;}
#thema-navy .btn.blk{background:#10131e;border-color:#343941;color:#fff;}
#thema-navy .btn.blk:hover{background:#010712;}
#thema-navy .tabMenuS {background:url("../images/bg_tabS_navy2.gif") repeat-x left bottom;}
#thema-navy .tabMenuS li.on a {background-color:#000;color:#fff;font-weight:bold;}
#thema-navy .tabMenuS li a {background-color:#1b1b1b;color:#fff;border-color:#26272a;}

/* date picker */
#thema-navy input[type="text"].datePick{background-color:transparent; background-image:url("../images/ico_cal_on2.png");background-repeat: no-repeat;border:1px solid #343941;}
#thema-navy input[type="text"].datePick:disabled, input[type="text"].datePick[readonly]{background-image:url("../images/ico_cal_off2.png");}

/* title */
#thema-navy .container .inner .subTitle {color:#fff;}
#thema-navy .container .inner .bltTitZone03 p{color:#fff;}
#thema-navy .container .inner .bltTitZone03 p:before{background:#fff;}

#thema-navy textarea.data-input {line-height:18px;color:#fff;font-family:monospace;background-color:#070707;border:0;}

/*가청 버튼*/
#thema-navy .btnSwitch2 .slider{background:#020304;}
#thema-navy .btnSwitch2 .slider:before{background:#343941;}
#thema-navy .btnSwitch2 input[type="checkbox"]:checked + .slider:before{background-color:#ed1b23;}

/* srchBox */
#thema-navy .srchBox{background-color: transparent; border:1px solid #4c525a;}
#thema-navy .boxBtns.btnSrch{background: #070707; border-color: #444444; color: #ffffff;}
#thema-navy .boxBtns.btnRe{background : #070707; border-color: #444444; color: #ffffff;}
#thema-navy .boxBtns.btnRe span:before{background-image:url("../images/btn_box_srch.png");}
#thema-navy .boxBtns.btnSrch span:before{background-image:url("../images/btn_box_refresh_b.png");}
#thema-navy .btnBoxToggle{background: url(../images/btn_box_toggle_b.png);}
#thema-navy .srchBox.open .btnBoxToggle span:before{background-position: left top;}
#thema-navy select{background:transparent url("../images/bg_select_sml.png") no-repeat right center ; border-color: #343941;}
#thema-navy .i_border .SumoSelect > .CaptionCont > label > i{border: 1px solid #343941;}

/*table type06*/
#thema-navy .col-2 table.type06{border-color: #4c525a;}
#thema-navy .col-2 table.type06 th{background-color: transparent; border: none; padding: 1px 8px;}
#thema-navy .col-2 table.type06 tr:first-child th, #thema-navy .col-2 table.type06 tr:first-child td{padding-top: 3px;}
#thema-navy .col-2 table.type06 tr:last-child th, #thema-navy .col-2 table.type06 tr:last-child td{padding-bottom: 3px;}
#thema-navy .col-2 table.type06 td{border: none;  padding: 2px 8px;}

/*input*/
#thema-navy input[type="text"], input[type="number"], input[type="password"]{ color: #8a8a8a;}/*background: #000; border-color: #4c525a;*/

/*repeater_realTime - 가청 셀렉트 박스*/
#thema-navy .gachengWrap{display: inline-block; position: relative; width: 100%; vertical-align: middle; line-height: 1.4; background: transparent url(../images/bg_select_sml.png) no-repeat right center;  pointer: cursor; border: 1px solid #343941}
#thema-navy .gachengWrap>span{display: block;  padding: 5px 0; cursor: pointer; color: #fff; margin-left: 10px;}
#thema-navy .gachengWrap .gachengTable{display: none; position: absolute; z-index:9; background-color: #000;}
#thema-navy .gachengWrap:hover > .gachengTable {display: block;}
#thema-navy .gachengWrap table.type05{border-color: #4c525a;}
#thema-navy .gachengWrap table.type05 th{background-color: #121212; border-right: 1px solid #343941; border-left: 0px; border-bottom:0px;}
#thema-navy .gachengWrap table.type05 tr:nth-last-of-type(2) th{border-bottom: 1px solid #343941;}
#thema-navy .gachengWrap table.type05 td{ color: #666666; border-bottom:0px;}

/*hr*/
#thema-navy hr{border-color: #4c525a;}

/* error 404 */
.error404 { height:100vh; background-color:#eaeaea; }
.error404 .con { position:relative; top:20%; width:450px; padding-top:200px; margin:0 auto; text-align:center; background: url('../images/icon_404.png') no-repeat center top; }
.error404 b { font-size:24px; color:#222; }
.error404 .txt { margin:10px 0 60px; font-size:18px; color:#666; }

/* 감시 팝업 textarea에 음영처리 */
#txi_ADDITIONALTEXT {background-image:url('../images/bg_textarea.png'); background-repeat:repeat-y; background-position:-10px top;}