@charset "utf-8";

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

/* reset */
html,body {font-size:15px;font-family:'Noto Sans KR',sans-serif;color:#222;line-height:1.5em;letter-spacing:-.04em;-webkit-text-size-adjust:none;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,figure,figcaption{margin:0;padding:0;font-family:'Noto Sans KR',sans-serif, meiryo;}
header,hgroup,article,nav,footer,figure,figcaption,canvas,section,time{display:block}
button {cursor:pointer;font-family:inherit;}
img {border:0;}
*html body img {margin:none; padding:none;} /*for IE 6*/
a{
	color:inherit;
	text-decoration:none;
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		 -o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
}
a:hover,
a:active{
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		 -o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
}
::-webkit-input-placeholder {color:#878787;}
:-moz-placeholder {color:#878787;}
::-moz-placeholder {color:#878787;}
:-ms-input-placeholder {color:#878787;}
:placeholder-shown {color:#878787;}
input,button,textarea {-webkit-appearance:none;-webkit-border-radius:3px;outline:none;}
input[type='checkbox']{-webkit-appearance:checkbox} 
input[type='radio']{-webkit-appearance:radio}
input[type=text]::-ms-clear{
	display: none;
}

/* user class */
.clear{clear:both;}
.clearfix {*zoom:1;}
.clearfix:after {content:" "; display:block; clear:both;}
.pointer {cursor:pointer;}
.input {height:46px;color:#2c2c2c;font-size:15px;line-height:1.3em;letter-spacing:-.04em;padding:10px 12px;background-color:#fff;border:1px solid #878787;-webkit-border-radius:6px;border-radius:6px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.input.input-sm {height:32px; padding:5px 7px; font-size:14px; -webkit-border-radius:5px;border-radius:5px;}
select.input {padding:0 40px 0 12px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("/images/select.png");background-position:right 16px center;background-repeat:no-repeat;}
select.input::-ms-expand {display:none;}
select.input.input-sm {padding:0 25px 0 7px;background-position:right 7px center;}
textarea.input {height:auto;overflow:auto;resize:none;}
.input.bold {font-weight:700;}
.input.clearable {padding-right:40px;}
.input[disabled], .input[readonly] {color:#ababab; background:#eee;}

.fl {float:left;}
.fr {float:right;}

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

.mgb10 {margin-bottom:10px !important;}
.mgb5 {margin-bottom:5px !important;}

.mgt10 {margin-top:10px !important;}
.mgt5 {margin-top:5px !important;}

/* form ui */
.clearable{background: #fff url("/images/clear.png") no-repeat right -21px center; background-size:21px auto;transition:background 0.4s;}
.clearable.x {background-position: right 10px center; } /* (jQ) Show icon */
.clearable.onX {cursor:pointer;} /* (jQ) hover cursor style */
.clearable::-ms-clear {display:none; width:0; height:0;} /* Remove IE default X */

.checkbox {position:relative; overflow:hidden; display:inline-block; vertical-align:middle; padding:.2em 0; cursor:pointer;}
.checkbox input {position:absolute;z-index:-1;width:0;height:0;border:0;}
.checkbox input + label {position:relative;}
.checkbox input + label:before {content:"";display:inline-block;vertical-align:middle;margin:-.2em 4px 0 0;width:22px;height:22px;background:#eee;background-position:50% 50%;background-repeat:no-repeat;border:1px solid #ccc;border-radius:5px;}
.checkbox input:checked + label:before {background-color:#f75252;border-color:#f75252;background-image:url("/images/checkbox_on.png");}
.checkbox input[disabled] + label,
.checkbox input[readonly] + label {color:#ababab}
.checkbox input[disabled] + label:before,
.checkbox input[readonly] + label:before {background-color:#ccc;}
.checkbox.sm input + label:before {width:18px;height:18px;border-radius:4px;}
.checkbox.sm input:checked + label:before {background-size:11px auto;}

.radiobox {position:relative; overflow:hidden; display:inline-block; vertical-align:middle; padding:.2em 0; cursor:pointer;}
.radiobox input {position:absolute;z-index:-1;width:0;height:0;border:0;}
.radiobox input + label {position:relative;}
.radiobox input + label:before {content:"";position:relative;display:inline-block;vertical-align:middle;margin:-.2em 4px 0 0;width:21px;height:21px;background:url("/images/radio_off.png") 50% 50% no-repeat;border-radius:100%;background-size:contain;}
.radiobox input:checked + label:before {background-image:url("/images/radio_on.png")}

.input-sch {position:relative; padding-right:26px;}
.input-sch .input {width:100%; height:26px; font-size:12px; line-height:18px; padding:3px 7px; border-radius:5px 0 0 5px !important; border-right:0 !important;}
.input-sch .sch {position:absolute; top:0; right:0; width:26px; height:26px; overflow:hidden; text-indent:-999em; border-radius:0 6px 6px 0; border:1px solid #ababab; background:#eee url("/images/icon_search2.png") 50% 50% no-repeat;}
.input-sch .plus {position:absolute; top:0; right:0; width:26px; height:26px; overflow:hidden; text-indent:-999em; border-radius:0 6px 6px 0; border:1px solid #ababab; background:#eee url("/images/icon_plus.png") 50% 50% no-repeat;}
.input-sch .del {position:absolute; top:5px; right:31px; width:18px; height:18px; overflow:hidden; border:0; text-indent:-999em; background:url("/images/icon_del.png") 50% 50% no-repeat;}
.input-sch .input:focus + button {border-color:#333}
.input-sch.sm {padding-right:26px !important;}
.input-sch.sm .input {height:26px !important;}
.input-sch.sm .sch {width:26px !important; height:26px !important;}
.input-sch.sm .del {top:4px !important; right:31px !important;}
.input-sch.has-txt {padding-left:85px;}
.input-sch.has-txt .txt {position:absolute; top:3px; left:0; color:#505050; font-size:14px; line-height:20px; padding:0; margin:0;}

.btn-pack {display:inline-block;overflow:visible;vertical-align:middle;;margin:0;padding:0 10px;background:#333;color:#fff;border:1px solid #333;-webkit-border-radius:6px;border-radius:6px;text-align:center;text-decoration:none !important;white-space:nowrap;cursor:pointer;}
.btn-pack.focus {background:#ec1c23; border:1px solid #ec1c23; color:#fff;}
.btn-pack.focus.border {background:#fff; border:1px solid #ec1c23; color:#2c2c2c;}
.btn-pack.border {background:#fff; border:1px solid #333; color:#2c2c2c;}
.btn-pack.medium {height:34px;padding:0 12px;line-height:32px;font-size:14px;letter-spacing:-.06em;}
.btn-pack.small {height:28px;padding:0 8px;line-height:26px;font-size:12px;letter-spacing:-.04em;-webkit-border-radius:5px;border-radius:5px;}
.btn-pack.small.border {color:#333;background:#eee}
.btn-pack.small.border.hover:hover {background:#333;color:#fff;}
.btn-pack.large {height:50px;padding:0 26px;line-height:48px;font-size:18px;font-weight:700;font-family:'NanumSquare',sans-serif,meiryo;}
.btn-pack.block {display:block; width:100%;}
.btn-pack i {display:inline-block;vertical-align:middle;margin:-.2em 8px 0 0;width:18px;height:18px;background-position:50% 50%;background-repeat:no-repeat;}
.btn-pack .i-search {background-image:url("/images/icon_search.png");}
.btn-pack .i-reset {background-image:url("/images/icon_reset.png");}

.btn-group {display:inline-block; vertical-align:middle;}
.btn-group .bt {float:left; padding:0 12px; border:2px solid #f75252; line-height:29px; font-weight:700; text-align:center; color:#ec1c23; font-size:14px; border-left:0;}
.btn-group .bt:first-child {border-left:2px solid #f75252; border-radius:5px 0 0 5px;}
.btn-group .bt:last-child {border-radius:0 5px 5px 0;}
.btn-group .bt.active {background:#f75252;color:#fff;}

.buttons {margin-top:20px;}
.buttons:after {content:""; display:block; clear:both;}
.buttons .fl {float:left;}
.buttons .fr {float:right;}
.buttons .cen {text-align:center;}
.buttons .row {margin:0 -8px}
.buttons .row:after {content:""; display:block; clear:both;}
.buttons .col {float:left; width:50%; padding:0 8px;}
.buttons .btn-pack.small {min-width:80px;}

/* content */
html,body {height:100%;}
body.bg {background:#f4f4f4;}

.wrapper {min-width:1200px;}

.contain {max-width:420px; padding-left:16px; padding-right:16px; margin:0 auto;}
.contain:after {content:"";display:block;clear:both;}

.mainModal {position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:100; text-align:center; vertical-align:middle; background-color:rgba(238, 238, 238, 0.5); display:block;}

.intro {position:relative;height:100vh;background:url("/images/intro_bg.jpg") 50% 50% no-repeat;background-size:cover;}
.intro:after {content:""; position:absolute; bottom:0; left:0; width:100%; height:100%; background:url("/images/intro.png") 100% 100% no-repeat; background-size:auto 66%;}
.intro:before {content:""; position:absolute;top:8%;left:0;width:100%;height:50%;background:url("/images/intro_tit.png") 50% 0 no-repeat; background-size:196px auto;z-index:2;}

.login-wrap {display:table; width:100%; height:100%; background:url("/images/login_bg.jpg") 50% 100% no-repeat; background-size:cover;}
.login-cell {display:table-cell; vertical-align:middle; padding:50px 0 90px;}
.login-area {width:808px; margin:0 auto;}
.login-area .head {overflow:hidden; line-height:0; margin-bottom:30px;}
.login-area .head h1 {float:left;}
.login-area .head p {float:right;}
.login-area .box {background:rgba(0,0,0,.14); border-radius:5px; padding:20px;}
.login-area .box-in {position:relative; border-radius:5px; padding:50px 40px 58px 445px; background:#fff url("/images/login_box_bg.jpg") 50% 50% no-repeat; background-size:cover;}
.login-area .box-in:before {content:""; position:absolute; top:0; left:0; width:430px; height:100%; background:url("/images/login_box_obj.png") 100% 100% no-repeat;}
.login-area h2 {font-family:'NanumSquare',sans-serif,meiryo; font-size:38px; letter-spacing:-.06em; line-height:1.3em; margin-bottom:25px;}
.login-area h2:before {content:""; display:inline-block; width:31px; height:40px; background:url("/images/login_icon.png") 50% 50% no-repeat; vertical-align:middle; margin:-.2em 10px 0 0;}
.login-area .input-group {margin-bottom:6px; position:relative; padding-left:42px;}
.login-area .input-group label {position:absolute;top:0;left:0;line-height:46px; font-size:18px;}
.login-area .input-check {font-size:16px; margin:10px 0; text-align:right; font-size:16px; letter-spacing:-.06em; font-weight:300;}
.login-area .input {display:block; width:100%; height:46px; font-size:18px; font-family:'NanumSquare',sans-serif, meiryo; }
.login-area .input::-webkit-input-placeholder {color:#505050;}
.login-area .input:-moz-placeholder {color:#505050;}
.login-area .input::-moz-placeholder {color:#505050;}
.login-area .input:-ms-input-placeholder {color:#505050;}
.login-area .input:placeholder-shown {color:#505050;}
.login-area .btns {margin-bottom:7px;}
.login-area .btns .row {margin:0 -3px;}
.login-area .btns .row:after {content:""; display:block; clear:both;}
.login-area .btns .row .col {float:left; width:50%; padding:0 3px;}
.login-area .btns .btn-pack {display:block; width:100%; margin-bottom:10px;}
.login-area .btns .btn-pack.large.border img {height:20px; vertical-align:middle;}
.login-area .links {text-align:center; margin-top:27px; font-size:16px; font-weight:300; letter-spacing:-.06em; line-height:1.4em;}
.login-area .links a:hover {text-decoration:underline;}
.login-area .links .bar {display:inline-block; vertical-align:middle; margin:0 16px; width:1px; height:14px; background:#ccc;}

.header {position:relative; background:#fff; height:50px; border-bottom:1px solid #222; z-index:50;}
.header h1 {position:absolute;top:13px;left:20px;}
.header h1 img {height:24px;}

.gnb {font-size:18px; line-height:49px; margin-left:230px;}
.gnb ul {list-style:none;}
.gnb ul:after {content:""; display:block; clear:both;}
.gnb ul li {float:left; margin-left:30px;font-family:'NanumSquare',sans-serif,meiryo;}
.gnb ul li a {display:block;position:relative; padding:0 10px;}
.gnb ul li a:hover {color:#ec1c23; text-decoration:underline;}
.gnb ul li.active a {color:#ec1c23; text-decoration:none !important; font-weight:700;}
.gnb ul li.active a:after {content:""; position:absolute; bottom:0; left:0; right:0; height:5px; background:#ec1c23}

.util {position:absolute; top:11px; right:20px;}
.util .btn-pack {min-width:91px;}
.welcome {display:inline-block; position:relative; margin-right:16px; padding-left:10px; color:#333; font-size:12px; font-weight:300; letter-spacing:-.04em; line-height:18px;}
.welcome:before {content:""; position:absolute; top:8px; left:0; width:4px; height:4px; background:#ec1c23; border-radius:100%;}

.submenu {display:none; position:relative; background:#222; color:#fff; font-size:14px; font-weight:300; letter-spacing:-.03em; line-height:20px; text-align:center; z-index:100;}
.submenu .submenu-inner {display:none; /* overflow:hidden; */}
.submenu .row {display:table;}
.submenu .col {display:table-cell; vertical-align:top; border-right:1px solid #393939; padding:13px 6px 16px 6px;}
.submenu p {margin-bottom:6px; color:#ababab;}
.submenu ul {list-style:none; /* overflow:hidden; */}
.submenu ul li {float:left; margin-left:7px; font-size:12px; line-height:16px;}
.submenu ul li:first-child {margin-left:0;}
.submenu ul li a {display:block; padding:5px; min-width:68px; border-radius:5px;}
.submenu ul li a i {display:block;margin:0 auto 6px;width:36px;height:36px;background-position:50% 50%;background-repeat:no-repeat;transition:.2s;}
.submenu .close {position:absolute; bottom:-20px; right:20px; width:50px; height:20px; overflow:hidden; text-indent:-999em; background:url(/images/m_close.png) 0 0 no-repeat;}
.submenu .close.closed {background-image:url(/images/m_open.png)}
.submenu .disabled{pointer-events:none;opacity:0.7;}

/* @media only screen and (max-width: 1900px){
	.submenu {display:none !important;}
}

@media only screen and (max-width: 1350px){
	.gnb {margin-left:150px;}
	.gnb ul li {margin-left:20px;}
} */

/* 아이콘 - 기초정보 */
.submenu ul li a .ico-111 {background-image:url(/images/m_ico_111.png);}
.submenu ul li a .ico-112 {background-image:url(/images/m_ico_112.png);}
.submenu ul li a .ico-113 {background-image:url(/images/m_ico_113.png);}
.submenu ul li a .ico-121 {background-image:url(/images/m_ico_121.png);}

.submenu ul li a:hover {color:#f75252}
.submenu ul li a:hover .ico-111 {background-image:url(/images/m_ico_111_ov.png);}
.submenu ul li a:hover .ico-112 {background-image:url(/images/m_ico_112_ov.png);}
.submenu ul li a:hover .ico-113 {background-image:url(/images/m_ico_113_ov.png);}
.submenu ul li a:hover .ico-121 {background-image:url(/images/m_ico_121_ov.png);}

.submenu ul li.active a {color:#fff !important; background:#eb4343;}
.submenu ul li.active a .ico-111 {background-image:url(/images/m_ico_111_on.png);}
.submenu ul li.active a .ico-112 {background-image:url(/images/m_ico_112_on.png);}
.submenu ul li.active a .ico-113 {background-image:url(/images/m_ico_113_on.png);}
.submenu ul li.active a .ico-121 {background-image:url(/images/m_ico_121_on.png);}


/* 아이콘 - 지도 */
.submenu ul li a .ico-211 {background-image:url(/images/m_ico_211.png);}
.submenu ul li a .ico-212 {background-image:url(/images/m_ico_212.png);}
.submenu ul li a .ico-213 {background-image:url(/images/m_ico_213.png);}
.submenu ul li a .ico-214 {background-image:url(/images/m_ico_214.png);}
.submenu ul li a .ico-215 {background-image:url(/images/m_ico_215.png);}
.submenu ul li a .ico-216 {background-image:url(/images/m_ico_216.png);}
.submenu ul li a .ico-217 {background-image:url(/images/m_ico_217.png);}
.submenu ul li a .ico-221 {background-image:url(/images/m_ico_221.png);}
.submenu ul li a .ico-222 {background-image:url(/images/m_ico_222.png);}
.submenu ul li a .ico-223 {background-image:url(/images/m_ico_223.png);}
.submenu ul li a .ico-231 {background-image:url(/images/m_ico_231.png);}
.submenu ul li a .ico-232 {background-image:url(/images/m_ico_232.png);}
.submenu ul li a .ico-233 {background-image:url(/images/m_ico_233.png);}
.submenu ul li a .ico-234 {background-image:url(/images/m_ico_234.png);}
.submenu ul li a .ico-235 {background-image:url(/images/m_ico_235.png);}
.submenu ul li a .ico-241 {background-image:url(/images/m_ico_241.png);}
.submenu ul li a .ico-251 {background-image:url(/images/m_ico_251.png);}
.submenu ul li a .ico-421 {background-image:url(/images/m_ico_421.png);}

.submenu ul li a:hover .ico-211 {background-image:url(/images/m_ico_211_ov.png);}
.submenu ul li a:hover .ico-212 {background-image:url(/images/m_ico_212_ov.png);}
.submenu ul li a:hover .ico-213 {background-image:url(/images/m_ico_213_ov.png);}
.submenu ul li a:hover .ico-214 {background-image:url(/images/m_ico_214_ov.png);}
.submenu ul li a:hover .ico-215 {background-image:url(/images/m_ico_215_ov.png);}
.submenu ul li a:hover .ico-216 {background-image:url(/images/m_ico_216_ov.png);}
.submenu ul li a:hover .ico-217 {background-image:url(/images/m_ico_217_ov.png);}
.submenu ul li a:hover .ico-221 {background-image:url(/images/m_ico_221_ov.png);}
.submenu ul li a:hover .ico-222 {background-image:url(/images/m_ico_222_ov.png);}
.submenu ul li a:hover .ico-223 {background-image:url(/images/m_ico_223_ov.png);}
.submenu ul li a:hover .ico-231 {background-image:url(/images/m_ico_231_ov.png);}
.submenu ul li a:hover .ico-232 {background-image:url(/images/m_ico_232_ov.png);}
.submenu ul li a:hover .ico-233 {background-image:url(/images/m_ico_233_ov.png);}
.submenu ul li a:hover .ico-234 {background-image:url(/images/m_ico_234_ov.png);}
.submenu ul li a:hover .ico-235 {background-image:url(/images/m_ico_235_ov.png);}
.submenu ul li a:hover .ico-241 {background-image:url(/images/m_ico_241_ov.png);}
.submenu ul li a:hover .ico-251 {background-image:url(/images/m_ico_251_ov.png);}
.submenu ul li a:hover .ico-421 {background-image:url(/images/m_ico_421_ov.png);}

.submenu ul li.active a .ico-211 {background-image:url(/images/m_ico_211_on.png);}
.submenu ul li.active a .ico-212 {background-image:url(/images/m_ico_212_on.png);}
.submenu ul li.active a .ico-213 {background-image:url(/images/m_ico_213_on.png);}
.submenu ul li.active a .ico-214 {background-image:url(/images/m_ico_214_on.png);}
.submenu ul li.active a .ico-215 {background-image:url(/images/m_ico_215_on.png);}
.submenu ul li.active a .ico-216 {background-image:url(/images/m_ico_216_on.png);}
.submenu ul li.active a .ico-217 {background-image:url(/images/m_ico_217_on.png);}
.submenu ul li.active a .ico-221 {background-image:url(/images/m_ico_221_on.png);}
.submenu ul li.active a .ico-222 {background-image:url(/images/m_ico_222_on.png);}
.submenu ul li.active a .ico-223 {background-image:url(/images/m_ico_223_on.png);}
.submenu ul li.active a .ico-231 {background-image:url(/images/m_ico_231_on.png);}
.submenu ul li.active a .ico-232 {background-image:url(/images/m_ico_232_on.png);}
.submenu ul li.active a .ico-233 {background-image:url(/images/m_ico_233_on.png);}
.submenu ul li.active a .ico-234 {background-image:url(/images/m_ico_234_on.png);}
.submenu ul li.active a .ico-235 {background-image:url(/images/m_ico_235_on.png);}
.submenu ul li.active a .ico-241 {background-image:url(/images/m_ico_241_on.png);}
.submenu ul li.active a .ico-251 {background-image:url(/images/m_ico_251_on.png);}
.submenu ul li.active a .ico-421 {background-image:url(/images/m_ico_421_on.png);}

.submenu ul li.has-depth {position:relative;}
.submenu ul li.active.has-depth .depth {display:block;}
.submenu ul li.active.has-depth > a {position:relative; z-index:2;}
.submenu ul li.active.has-depth > a:after {content:""; position:absolute; bottom:-8px; left:50%; margin-left:-9px; width:18px; height:8px; background:url(/images/m_arrow.png) 50% 50% no-repeat;}

.submenu .depth {display:none; position:absolute; left:0; margin-top:4px; background:#fff; padding:14px 10px 10px; border:1px solid #333; border-radius:5px;}
.submenu .depth ul {display:table; table-layout:fixed;}
.submenu .depth ul li {float:none; display:table-cell; vertical-align:top; margin:0;}
.submenu .depth ul li a {min-width:76px; color:#2c2c2c !important; font-size:11px; line-height:14px; letter-spacing:-.06em; border-radius:0; background-color:transparent;}
.submenu .depth ul li a:hover,
.submenu .depth ul li.active a {color:#f75252 !important} 

/* 아이콘 - 단말관리 */
.submenu ul li a .ico-311 {background-image:url(/images/m_ico_311.png);}
.submenu ul li a .ico-312 {background-image:url(/images/m_ico_312.png);}
.submenu ul li a .ico-321 {background-image:url(/images/m_ico_321.png);}
.submenu ul li a .ico-322 {background-image:url(/images/m_ico_322.png);}

.submenu ul li a:hover .ico-311 {background-image:url(/images/m_ico_311_ov.png);}
.submenu ul li a:hover .ico-312 {background-image:url(/images/m_ico_312_ov.png);}
.submenu ul li a:hover .ico-321 {background-image:url(/images/m_ico_321_ov.png);}
.submenu ul li a:hover .ico-322 {background-image:url(/images/m_ico_322_ov.png);}

.submenu ul li.active a .ico-311 {background-image:url(/images/m_ico_311_on.png);}
.submenu ul li.active a .ico-312 {background-image:url(/images/m_ico_312_on.png);}
.submenu ul li.active a .ico-321 {background-image:url(/images/m_ico_321_on.png);}
.submenu ul li.active a .ico-322 {background-image:url(/images/m_ico_322_on.png);}


/* 아이콘 - 정보관리 */
.submenu ul li a .ico-411 {background-image:url(/images/m_ico_411.png);}
.submenu ul li a .ico-412 {background-image:url(/images/m_ico_412.png);}
.submenu ul li a .ico-413 {background-image:url(/images/m_ico_413.png);}
.submenu ul li a .ico-414 {background-image:url(/images/m_ico_414.png);}
.submenu ul li a .ico-415 {background-image:url(/images/m_ico_415.png);}
.submenu ul li a .ico-422 {background-image:url(/images/m_ico_422.png);}
.submenu ul li a .ico-423 {background-image:url(/images/m_ico_423.png);}
.submenu ul li a .ico-431 {background-image:url(/images/m_ico_431.png);}
.submenu ul li a .ico-432 {background-image:url(/images/m_ico_432.png);}
.submenu ul li a .ico-441 {background-image:url(/images/m_ico_441.png);}
.submenu ul li a .ico-442 {background-image:url(/images/m_ico_442.png);}
.submenu ul li a .ico-443 {background-image:url(/images/m_ico_443.png);}
.submenu ul li a .ico-451 {background-image:url(/images/m_ico_451.png);}
.submenu ul li a .ico-452 {background-image:url(/images/m_ico_452.png);}
.submenu ul li a .ico-453 {background-image:url(/images/m_ico_453.png);}
.submenu ul li a .ico-454 {background-image:url(/images/m_ico_454.png);}
.submenu ul li a .ico-461 {background-image:url(/images/m_ico_461.png);}
.submenu ul li a .ico-462 {background-image:url(/images/m_ico_462.png);}

.submenu .depth .ico-421-1 {background-image:url(/images/m_ico_421_1.png);}
.submenu .depth .ico-421-2 {background-image:url(/images/m_ico_421_2.png);}
.submenu .depth .ico-421-3 {background-image:url(/images/m_ico_421_3.png);}
.submenu .depth .ico-421-4 {background-image:url(/images/m_ico_421_4.png);}

.submenu .depth a:hover .ico-421-1 {background-image:url(/images/m_ico_421_1_on.png);}
.submenu .depth a:hover .ico-421-2 {background-image:url(/images/m_ico_421_2_on.png);}
.submenu .depth a:hover .ico-421-3 {background-image:url(/images/m_ico_421_3_on.png);}
.submenu .depth a:hover .ico-421-4 {background-image:url(/images/m_ico_421_4_on.png);}

.submenu .depth ul li.active a .ico-421-1 {background-image:url(/images/m_ico_421_1_on.png);}
.submenu .depth ul li.active a .ico-421-2 {background-image:url(/images/m_ico_421_2_on.png);}
.submenu .depth ul li.active a .ico-421-3 {background-image:url(/images/m_ico_421_3_on.png);}
.submenu .depth ul li.active a .ico-421-4 {background-image:url(/images/m_ico_421_4_on.png);}

.submenu ul li a:hover .ico-411 {background-image:url(/images/m_ico_411_ov.png);}
.submenu ul li a:hover .ico-412 {background-image:url(/images/m_ico_412_ov.png);}
.submenu ul li a:hover .ico-413 {background-image:url(/images/m_ico_413_ov.png);}
.submenu ul li a:hover .ico-414 {background-image:url(/images/m_ico_414_ov.png);}
.submenu ul li a:hover .ico-415 {background-image:url(/images/m_ico_415_ov.png);}
.submenu ul li a:hover .ico-422 {background-image:url(/images/m_ico_422_ov.png);}
.submenu ul li a:hover .ico-423 {background-image:url(/images/m_ico_423_ov.png);}
.submenu ul li a:hover .ico-431 {background-image:url(/images/m_ico_431_ov.png);}
.submenu ul li a:hover .ico-432 {background-image:url(/images/m_ico_432_ov.png);}
.submenu ul li a:hover .ico-441 {background-image:url(/images/m_ico_441_ov.png);}
.submenu ul li a:hover .ico-442 {background-image:url(/images/m_ico_442_ov.png);}
.submenu ul li a:hover .ico-443 {background-image:url(/images/m_ico_443_ov.png);}
.submenu ul li a:hover .ico-451 {background-image:url(/images/m_ico_451_ov.png);}
.submenu ul li a:hover .ico-452 {background-image:url(/images/m_ico_452_ov.png);}
.submenu ul li a:hover .ico-453 {background-image:url(/images/m_ico_453_ov.png);}
.submenu ul li a:hover .ico-454 {background-image:url(/images/m_ico_454_ov.png);}
.submenu ul li a:hover .ico-461 {background-image:url(/images/m_ico_461_ov.png);}
.submenu ul li a:hover .ico-462 {background-image:url(/images/m_ico_462_ov.png);}

.submenu ul li a.active .ico-411 {background-image:url(/images/m_ico_411_on.png);}
.submenu ul li a.active .ico-412 {background-image:url(/images/m_ico_412_on.png);}
.submenu ul li a.active .ico-413 {background-image:url(/images/m_ico_413_on.png);}
.submenu ul li a.active .ico-414 {background-image:url(/images/m_ico_414_on.png);}
.submenu ul li a.active .ico-415 {background-image:url(/images/m_ico_415_on.png);}
.submenu ul li a.active .ico-422 {background-image:url(/images/m_ico_422_on.png);}
.submenu ul li a.active .ico-423 {background-image:url(/images/m_ico_423_on.png);}
.submenu ul li a.active .ico-431 {background-image:url(/images/m_ico_431_on.png);}
.submenu ul li a.active .ico-432 {background-image:url(/images/m_ico_432_on.png);}
.submenu ul li a.active .ico-441 {background-image:url(/images/m_ico_441_on.png);}
.submenu ul li a.active .ico-442 {background-image:url(/images/m_ico_442_on.png);}
.submenu ul li a.active .ico-443 {background-image:url(/images/m_ico_443_on.png);}
.submenu ul li a.active .ico-451 {background-image:url(/images/m_ico_451_on.png);}
.submenu ul li a.active .ico-452 {background-image:url(/images/m_ico_452_on.png);}
.submenu ul li a.active .ico-453 {background-image:url(/images/m_ico_453_on.png);}
.submenu ul li a.active .ico-454 {background-image:url(/images/m_ico_454_on.png);}
.submenu ul li a.active .ico-461 {background-image:url(/images/m_ico_461_on.png);}
.submenu ul li a.active .ico-462 {background-image:url(/images/m_ico_462_on.png);}

/* 아이콘 - 통계현황 */
.submenu ul li a .ico-511 {background-image:url(/images/m_ico_511.png);}
.submenu ul li a .ico-512 {background-image:url(/images/m_ico_512.png);}
.submenu ul li a .ico-513 {background-image:url(/images/m_ico_513.png);}
.submenu ul li a .ico-514 {background-image:url(/images/m_ico_514.png);}
.submenu ul li a .ico-521 {background-image:url(/images/m_ico_521.png);}
.submenu ul li a .ico-522 {background-image:url(/images/m_ico_522.png);}
.submenu ul li a .ico-531 {background-image:url(/images/m_ico_531.png);}
.submenu ul li a .ico-532 {background-image:url(/images/m_ico_532.png);}
.submenu ul li a .ico-533 {background-image:url(/images/m_ico_533.png);}
.submenu ul li a .ico-534 {background-image:url(/images/m_ico_534.png);}
.submenu ul li a .ico-541 {background-image:url(/images/m_ico_541.png);}
.submenu ul li a .ico-542 {background-image:url(/images/m_ico_542.png);}

.submenu ul li a:hover .ico-511 {background-image:url(/images/m_ico_511_ov.png);}
.submenu ul li a:hover .ico-512 {background-image:url(/images/m_ico_512_ov.png);}
.submenu ul li a:hover .ico-513 {background-image:url(/images/m_ico_513_ov.png);}
.submenu ul li a:hover .ico-514 {background-image:url(/images/m_ico_514_ov.png);}
.submenu ul li a:hover .ico-521 {background-image:url(/images/m_ico_521_ov.png);}
.submenu ul li a:hover .ico-522 {background-image:url(/images/m_ico_522_ov.png);}
.submenu ul li a:hover .ico-531 {background-image:url(/images/m_ico_531_ov.png);}
.submenu ul li a:hover .ico-532 {background-image:url(/images/m_ico_532_ov.png);}
.submenu ul li a:hover .ico-533 {background-image:url(/images/m_ico_533_ov.png);}
.submenu ul li a:hover .ico-534 {background-image:url(/images/m_ico_534_ov.png);}
.submenu ul li a:hover .ico-541 {background-image:url(/images/m_ico_541_ov.png);}
.submenu ul li a:hover .ico-542 {background-image:url(/images/m_ico_542_ov.png);}

.submenu ul li a.active .ico-511 {background-image:url(/images/m_ico_511_on.png);}
.submenu ul li a.active .ico-512 {background-image:url(/images/m_ico_512_on.png);}
.submenu ul li a.active .ico-513 {background-image:url(/images/m_ico_513_on.png);}
.submenu ul li a.active .ico-514 {background-image:url(/images/m_ico_514_on.png);}
.submenu ul li a.active .ico-521 {background-image:url(/images/m_ico_521_on.png);}
.submenu ul li a.active .ico-522 {background-image:url(/images/m_ico_522_on.png);}
.submenu ul li a.active .ico-531 {background-image:url(/images/m_ico_531_on.png);}
.submenu ul li a.active .ico-532 {background-image:url(/images/m_ico_532_on.png);}
.submenu ul li a.active .ico-533 {background-image:url(/images/m_ico_533_on.png);}
.submenu ul li a.active .ico-534 {background-image:url(/images/m_ico_534_on.png);}
.submenu ul li a.active .ico-541 {background-image:url(/images/m_ico_541_on.png);}
.submenu ul li a.active .ico-542 {background-image:url(/images/m_ico_542_on.png);}


/* 아이콘 - 운영관리 */
.submenu ul li a .ico-611 {background-image:url(/images/m_ico_611.png);}
.submenu ul li a .ico-612 {background-image:url(/images/m_ico_612.png);}
.submenu ul li a .ico-621 {background-image:url(/images/m_ico_621.png);}
.submenu ul li a .ico-622 {background-image:url(/images/m_ico_622.png);}
.submenu ul li a .ico-623 {background-image:url(/images/m_ico_623.png);}
.submenu ul li a .ico-624 {background-image:url(/images/m_ico_624.png);}
.submenu ul li a .ico-631 {background-image:url(/images/m_ico_631.png);}
.submenu ul li a .ico-641 {background-image:url(/images/m_ico_641.png);}
.submenu ul li a .ico-642 {background-image:url(/images/m_ico_642.png);}
.submenu ul li a .ico-651 {background-image:url(/images/m_ico_651.png);}
.submenu ul li a .ico-652 {background-image:url(/images/m_ico_652.png);}
.submenu ul li a .ico-661 {background-image:url(/images/m_ico_661.png);}
.submenu ul li a .ico-671 {background-image:url(/images/m_ico_671.png);}
.submenu ul li a .ico-672 {background-image:url(/images/m_ico_672.png);}
.submenu ul li a .ico-681 {background-image:url(/images/m_ico_681.png);}
.submenu ul li a .ico-682 {background-image:url(/images/m_ico_682.png);}
.submenu ul li a .ico-683 {background-image:url(/images/m_ico_683.png);}
.submenu ul li a .ico-684 {background-image:url(/images/m_ico_684.png);}

.submenu ul li a:hover .ico-611 {background-image:url(/images/m_ico_611_ov.png);}
.submenu ul li a:hover .ico-612 {background-image:url(/images/m_ico_612_ov.png);}
.submenu ul li a:hover .ico-621 {background-image:url(/images/m_ico_621_ov.png);}
.submenu ul li a:hover .ico-622 {background-image:url(/images/m_ico_622_ov.png);}
.submenu ul li a:hover .ico-623 {background-image:url(/images/m_ico_623_ov.png);}
.submenu ul li a:hover .ico-624 {background-image:url(/images/m_ico_624_ov.png);}
.submenu ul li a:hover .ico-631 {background-image:url(/images/m_ico_631_ov.png);}
.submenu ul li a:hover .ico-641 {background-image:url(/images/m_ico_641_ov.png);}
.submenu ul li a:hover .ico-642 {background-image:url(/images/m_ico_642_ov.png);}
.submenu ul li a:hover .ico-651 {background-image:url(/images/m_ico_651_ov.png);}
.submenu ul li a:hover .ico-652 {background-image:url(/images/m_ico_652_ov.png);}
.submenu ul li a:hover .ico-661 {background-image:url(/images/m_ico_661_ov.png);}
.submenu ul li a:hover .ico-671 {background-image:url(/images/m_ico_671_ov.png);}
.submenu ul li a:hover .ico-672 {background-image:url(/images/m_ico_672_ov.png);}
.submenu ul li a:hover .ico-681 {background-image:url(/images/m_ico_681_ov.png);}
.submenu ul li a:hover .ico-682 {background-image:url(/images/m_ico_682_ov.png);}
.submenu ul li a:hover .ico-683 {background-image:url(/images/m_ico_683_ov.png);}
.submenu ul li a:hover .ico-684 {background-image:url(/images/m_ico_684_ov.png);}

.submenu ul li a.active .ico-611 {background-image:url(/images/m_ico_611_on.png);}
.submenu ul li a.active .ico-612 {background-image:url(/images/m_ico_612_on.png);}
.submenu ul li a.active .ico-621 {background-image:url(/images/m_ico_621_on.png);}
.submenu ul li a.active .ico-622 {background-image:url(/images/m_ico_622_on.png);}
.submenu ul li a.active .ico-623 {background-image:url(/images/m_ico_623_on.png);}
.submenu ul li a.active .ico-624 {background-image:url(/images/m_ico_624_on.png);}
.submenu ul li a.active .ico-631 {background-image:url(/images/m_ico_631_on.png);}
.submenu ul li a.active .ico-641 {background-image:url(/images/m_ico_641_on.png);}
.submenu ul li a.active .ico-642 {background-image:url(/images/m_ico_642_on.png);}
.submenu ul li a.active .ico-651 {background-image:url(/images/m_ico_651_on.png);}
.submenu ul li a.active .ico-652 {background-image:url(/images/m_ico_652_on.png);}
.submenu ul li a.active .ico-661 {background-image:url(/images/m_ico_661_on.png);}
.submenu ul li a.active .ico-671 {background-image:url(/images/m_ico_671_on.png);}
.submenu ul li a.active .ico-672 {background-image:url(/images/m_ico_672_on.png);}
.submenu ul li a.active .ico-681 {background-image:url(/images/m_ico_681_on.png);}
.submenu ul li a.active .ico-682 {background-image:url(/images/m_ico_682_on.png);}
.submenu ul li a.active .ico-683 {background-image:url(/images/m_ico_683_on.png);}
.submenu ul li a.active .ico-684 {background-image:url(/images/m_ico_684_on.png);}

/* 아이콘 - 도움말 */
.submenu ul li a .ico-711 {background-image:url(/images/m_ico_711.png);}
.submenu ul li a .ico-712 {background-image:url(/images/m_ico_712.png);}

.submenu ul li a:hover .ico-711 {background-image:url(/images/m_ico_711_ov.png);}
.submenu ul li a:hover .ico-712 {background-image:url(/images/m_ico_712_ov.png);}

.submenu ul li.active a .ico-711 {background-image:url(/images/m_ico_711_on.png);}
.submenu ul li.active a .ico-712 {background-image:url(/images/m_ico_712_on.png);}

/* footer */
.footer {position:sticky; bottom:0; left:0; z-index:30; width:100%; height:34px; border-top:1px solid #222; border-bottom:1px solid #222; text-align:center; background:#222; color:#878787; font-size:14px; font-weight:300; line-height:1.4em; letter-spacing:-.02em; overflow:hidden;}

.select-options {float:left; width:60%}
.select-options .slider-wrap {position:relative; padding-left:99px;}
.select-options .tit {position:absolute; top:0; left:0; width:99px; height:33px; background:#ec1c23; color:#fff; text-align:center; line-height:33px; border-right:1px solid #222;}
.select-options .tit a {display:block;}
.select-options .slider {position:relative; padding-right:46px;}
.select-options .slider .items ul {display:flex;list-style:none;}
.select-options .slider .items li {width:auto; background:#fff;}
.select-options .slider .items li a {display:block; padding:0 14px; line-height:33px; color:#878787; letter-spacing:-.04em; border-right:1px solid #222; background:#dedede;}
.select-options .slider .items li .del {display:inline-block; margin:-.2em 0 0 19px; vertical-align:middle; width:10px; height:10px; background:url(/images/delete.png) 50% 50% no-repeat;}
.select-options .slider .items li.active a {background:#fff; color:#2c2c2c;}
.select-options .arrows {position:absolute; top:0; right:0;}
.select-options .arrows .slider-btn {position:absolute; top:4px; width:26px; height:26px; transition:.2s; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; border:0; cursor:pointer; overflow:hidden; text-indent:-999em;}
.select-options .arrows .slider-prev {left:-26px; background-image:url(/images/slide_prev.png);}
.select-options .arrows .slider-next {right:-26px; background-image:url(/images/slide_next.png);}
.select-options .arrows .slider-prev:hover {background-image:url(/images/slide_prev_on.png);}
.select-options .arrows .slider-next:hover {background-image:url(/images/slide_next_on.png);}

.bottom-info {float:right; width:40%; padding:0 20px; color:#ababab; font-size:12px; font-weight:300; letter-spacing:-.01em; line-height:33px;}
.bottom-info .item {position:relative; padding-left:10px;}
.bottom-info .item:before {content:""; position:absolute; top:8px; left:0; width:4px; height:4px; background:#fff; border-radius:100%;}
.bottom-info .fl {margin-left:50px;}
.bottom-info .fr .item {margin-left:25px;}
.bottom-info .fr .item.charge {color:#fff;}
.bottom-info .fr .item.charge:before {background:#eb4343}

@media only screen and (max-width: 1500px){
	.select-options {width:calc(100% - 620px);}
	.bottom-info {width:620px;}
	.bottom-info .fr .item {margin-left:15px;}
}

/* content */
.container {position:relative;  height:calc(100vh - 207px); }
.container.real-cnt {overflow:auto; padding:20px 30px;}

.doc-tit {padding-left:25px; margin-bottom:10px; font-family:'NanumSquare',sans-serif,meiryo; font-size:20px; font-weight:800; line-height:1.3em; letter-spacing:-.04em; background:url(/images/tit_bullet.png) 0 3px no-repeat;}

.subtitle {position:relative; margin-bottom:7px; padding-left:17px; color:#000; font-size:16px; font-weight:400; line-height:1.4em; letter-spacing:-.04em;}
.subtitle:before {content:""; position:absolute; top:10px; left:0; width:11px; height:3px; background:#333; border-radius:2px;}
.subtitle.line {border-bottom:1px solid #dfdfdf; padding-bottom:7px; margin-bottom:14px;}

.col-tit {display:inline-block; vertical-align:top; min-width:130px; text-align:center; background:#333; color:#fff; font-size:16px; font-weight:500; line-height:38px; letter-spacing:-.04em; border-radius:5px 5px 0 0; border:1px solid #dfdfdf; border-bottom:0;}

/* map page */
.menu {position:absolute; top:0; left:0; width:70px; height:100%; background:#fff; border-right:1px solid #222; z-index:11;}
.menu ul {list-style:none;padding:0;margin:0;}
.menu ul li a {display:block;padding:12px 0 10px;text-align:center;color:#2c2c2c;font-size:14px;line-height:1.3em;letter-spacing:-.06em;}
.menu ul li a i {display:block;margin:0 auto 6px;width:24px;height:24px;background-position:50% 50%;background-repeat:no-repeat;transition:.2s;}
.menu ul li a .ico1 {background-image:url(/images/nav_ico_1.png);}
.menu ul li a .ico2 {background-image:url(/images/nav_ico_2.png);}
.menu ul li a .ico3 {background-image:url(/images/nav_ico_3.png);}
.menu ul li a .ico4 {background-image:url(/images/nav_ico_4.png);}
.menu ul li a:hover {color:#ec1c23;}
.menu ul li a:hover .ico1 {background-image:url(/images/nav_ico_1_ov.png);}
.menu ul li a:hover .ico2 {background-image:url(/images/nav_ico_2_ov.png);}
.menu ul li a:hover .ico3 {background-image:url(/images/nav_ico_3_ov.png);}
.menu ul li a:hover .ico4 {background-image:url(/images/nav_ico_4_ov.png);}
.menu ul li.active a {background:#eb4343 !important; color:#fff !important;}
.menu ul li.active:after {display:none;}
.menu ul li.active a .ico1 {background-image:url(/images/nav_ico_1_on.png) !important;}
.menu ul li.active a .ico2 {background-image:url(/images/nav_ico_2_on.png) !important;}
.menu ul li.active a .ico3 {background-image:url(/images/nav_ico_3_on.png) !important;}
.menu ul li.active a .ico4 {background-image:url(/images/nav_ico_4_on.png) !important;}

.search-wrap {position:absolute; top:0; left:70px; width:280px; height:100%; background:#fff; border-right:1px solid #222; box-shadow:0 2px 3px rgba(0,0,0,.42); z-index:10; transition:.2s ease-out;}
.search-toggle {position:absolute;top:0;right:-50px;width:50px;height:100%;background:url("/images/toggle_on.png") 0 50% no-repeat;cursor:pointer;}

.search-title {padding:13px 20px; border-bottom:1px solid #dfdfdf;}
.search-title h2 {padding-left:11px; font-family:'NanumSquare',sans-serif,meiryo; font-size:18px; font-weight:700; letter-spacing:-.03em; background:url(/images/bullet.png) 0 8px no-repeat;}

.search-area {padding:16px 20px; background:#f4f4f4; border-bottom:1px solid #dfdfdf;}
.search-area table {margin-top:-3px; width:100%; border-collapse:collapse; border-spacing:0px; font-size:14px; line-height:1.5em; color:#505050; letter-spacing:-.06em;}
.search-area table th {padding:3px 0; font-weight:400; text-align:left;}
.search-area table td {padding:3px 0;}
.search-area .input {border-color:#333;}
.search-area .btns {margin:7px -4px 0}
.search-area .btns:after {content:""; display:block; clear:both;}
.search-area .btns .col {float:left; width:50%; padding:0 4px;}
.search-area .btns .btn-pack {display:block; width:100%;}
.search-area.bottom {position:absolute; bottom:0; left:0; width:100%; border-top:1px solid #dfdfdf; border-bottom:0;}

.search-result {position:relative; padding:16px 20px;}

.search-hide .search-wrap {transform:translateX(-280px);}
.search-hide .search-toggle {background-image:url("/images/toggle_off.png")}
.search-hide .map-area {left:0;}

.map-area {position:absolute; left:0; top:0; right:0; height:100%; transition:.2s ease-out;}
.map {position:absolute; top:0; left:0; right:0; bottom:0;}

.map-ctr {position:absolute; top:70px; right:20px; border-radius:5px; box-shadow:0 2px 3px rgba(0,0,0,.42); z-index:50;}
.map-ctr .ctr {display:block; width:38px; height:38px; overflow:hidden; cursor:pointer; text-indent:-999em; background-color:#fff; transition:.2s; background-position:50% 50%; background-repeat:no-repeat; background-size:16px auto; border:1px solid #222; border-top:0; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; border-radius:0;}
.map-ctr .ctr:first-child {border-top:1px solid #222; -webkit-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0;}
.map-ctr .ctr:last-child {-webkit-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px;}
.map-ctr .zoom-in {background-image:url("/images/map_ctr_zoom_in.png");}
.map-ctr .zoom-out {background-image:url("/images/map_ctr_zoom_out.png");}
.map-ctr .zoom-in:hover {background-image:url("/images/map_ctr_zoom_in_ov.png");}
.map-ctr .zoom-out:hover {background-image:url("/images/map_ctr_zoom_out_ov.png");}

.bbs-list table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #eb4343;}
.bbs-list th {height:35px; background:#f4f4f4; border-bottom:1px solid #dfdfdf; font-size:14px; line-height:1.5em; font-weight:400; color:#2d2c2c; letter-spacing:-.03em;}
.bbs-list td {padding:2px; height:31px; text-align:center; border-bottom:1px solid #dfdfdf; border-left:1px solid #dfdfdf; color:#505050; font-size:12px; line-height:1.5em; letter-spacing:-.03em;}
.bbs-list td:first-child {border-left:0;}
.bbs-list td.left {text-align:left; padding-left:7px;}
.bbs-list .ico-plane {display:inline-block; vertical-align:middle; margin:-.2em 5px 0 0; width:17px; height:16px; background:url(/images/icon_plane.png) 50% 50% no-repeat;}

.selelct-check {margin:15px 0 10px; font-size:12px; line-height:1.5em; color:#505050; font-weight:400; letter-spacing:-.02em;}
.selelct-check .tit {color:#ec1c23; font-weight:500; margin-bottom:6px;}
.selelct-check .checkbox input + label:before {width:18px; height:18px; border-radius:3px; background-size:10px auto;}

.result-txt {margin:8px 0; color:#878787; font-size:12px; line-height:20px; letter-spacing:-.03em;}
.result-txt strong {color:#505050; font-weight:500;}

.btns-sm {margin:-2px;}
.btns-sm:after {content:""; display:block; clear:both;}
.btns-sm .col {float:left; width:50%; padding:2px;}
.btns-sm .col.col-2 {width:100%;}
.btns-sm .btn-pack {display:block; width:100%;}
.btns-sm .disabled{pointer-events:none;opacity:0.7;}

/* 페이지목록 */
.paginate {padding:6px 0;text-align:center;background:#f4f4f4;border-bottom:1px solid #dfdfdf;}
.paginate a,  
.paginate strong{display:inline-block;padding:0;margin:0 1px;width:24px;height:24px;font-size:12px;font-weight:400;line-height:24px;color:#2c2c2c;border-radius:4px;text-decoration:none;vertical-align:middle;}  
.paginate strong{color:#fff;background-color:#333333;} 
.paginate a:hover {text-decoration:underline;}
.paginate a.direction{background-position:50% 50%;background-repeat:no-repeat;}
.paginate a.direction span {font-size:0;line-height:0;text-indent:-999px;}
.paginate a.direction.first {background-image:url("/images/page_first.png");}
.paginate a.direction.prev {background-image:url("/images/page_prev.png");}
.paginate a.direction.next {background-image:url("/images/page_next.png");}
.paginate a.direction.last {background-image:url("/images/page_last.png");}

/* panel */
.panel {margin-bottom:20px; border-top:2px solid #333; border-bottom:1px solid #333;}
.panel .paginate {background:none;border-bottom:0;padding:0;margin-top:10px;}
.panel-tit {position:relative; padding:10px 20px; background:#f4f4f4}
.panel-tit h3 {padding-left:12px; font-size:16px; font-weight:500; line-height:1.3em; letter-spacing:-.03em; background:url(/images/bullet.png) 0 50% no-repeat;}
.panel-cnt {padding:20px;}
.panel-cnt .bForm  + .subtitle {margin-top:13px;}
.panel-close {position:absolute; top:50%; right:20px; width:24px; height:24px; margin-top:-12px; overflow:hidden; text-indent:-999em; border-radius:4px; background:#333 url(/images/angle_up.png) 50% 50% no-repeat;}
.panel.closed .panel-close {background-image:url(/images/angle_down.png)}
.panel.sch {border-top-color:#eb4343;}
.panel.sch .panel-tit {background:#e8e8e8;}
.panel.sch .panel-cnt {background:#f4f4f4;}

.panel-sub-tit {margin-top:20px; padding:7px 15px; background:#f4f4f4; border:1px solid #dfdfdf}
.panel-sub-tit:after {content:""; display:block; clear:both;}
.panel-sub-tit h4 {font-size:15px; font-weight:500; line-height:28px; letter-spacing:-.03em;}

.panel-sub-cnt {border:1px solid #dfdfdf; margin-top:-1px; padding:15px;}

.panel-tab ul {margin:0; padding:0; list-style:none;}
.panel-tab ul:after {content:""; display:block; clear:both;}
.panel-tab ul li {float:left; min-width:130px; text-align:center; margin-right:1px;}
.panel-tab ul li a {display:block; padding:0 15px; color:#505050; font-size:16px; line-height:38px; letter-spacing:-.04em; background:#dfdfdf; border-radius:5px 5px 0 0; border:1px solid #dfdfdf; border-bottom:0;}
.panel-tab ul li.active a {background:#333; color:#ec1c23;}

.search-detail {display:table; table-layout:fixed; width:100%;}
.search-detail .table {display:table-cell; vertical-align:top;}
.search-detail .table .in {max-width:1150px; margin:-6px 0;}
.search-detail .table table {width:100%; table-layout:fixed; border-collapse:collapse; border-spacing:0px; font-size:14px; letter-spacing:-.04em; line-height:1.5em; color:#505050;}
.search-detail .table table .col1{width:100px}
.search-detail .table table .col2{width:auto}
.search-detail .table table .col3{width:100px}
.search-detail .table table .col4{width:auto}
.search-detail .table table .col5{width:100px}
.search-detail .table table .col6{width:auto}
.search-detail .table table th {font-weight:400; padding: 6px 6px;text-align: right;}
.search-detail .table table td {padding:6px 0; padding-right:20px;}
.search-detail .table table tr td:last-child {padding-right:21px;}
.search-detail .table .input {height:32px; padding:5px 7px; color:#505050; font-size:14px; -webkit-border-radius:5px; border-radius:5px; border-color:#333; transition:.2s;}
.search-detail .table textarea.input {height:auto;}
.search-detail .table select.input {padding:5px 27px 5px 7px; background-position:right 7px center;}
.search-detail .table .radiobox {margin-right:20px;}
.search-detail .btns {display:table-cell; vertical-align:top; width:125px; padding-left:10px;}
.search-detail .btns .btn-pack {display:block; width:100%; margin-bottom:10px;}
.search-detail .btns .btn-pack:last-child {margin-bottom:0;}

.stepper {display:inline-block;position:relative;}
.stepper .input {padding-right:52px;}
.stepper .steps {position:absolute; top:5px; right:5px;}
.stepper .step {float:left; margin-left:2px; width:20px; height:16px; overflow:hidden; text-align:left; text-indent:-999em; cursor:pointer; border:0; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat;}
.stepper .step.up {background-image:url("/images/count_up.png"); position: absolute;top: 4px;right: 26px;z-index:3;}
.stepper .step.down {background-image:url("/images/count_down.png");position: absolute;top: 4px;right: 5px;z-index:3;}

.bList table {width:100%; table-layout:fixed; border-collapse:collapse; border-spacing:0px; font-size:14px; line-height:1.5em; letter-spacing:-.04em;}
.bList table th {height:37px; padding:4px; color:#fff; text-align:center; font-weight:400; border:1px solid #dfdfdf; border-top:0; background:#333;}
.bList table td {padding:3px 10px 3px 10px;height: 32px; text-align:center; color:#505050; border:1px solid #dfdfdf; border-top:0; font-size:12px; line-height:1.5em; letter-spacing:-.015em;}
.bList table thead th {border-bottom:0;}
.bList table thead th:first-child {border-left-color:#333;}
.bList table thead th:last-child {border-right-color:#333;}

.bForm table {width:100%; table-layout:fixed; border-collapse:collapse; border-spacing:0px; font-size:14px; line-height:1.5em; letter-spacing:-.04em;}
.bForm table th {height:37px; padding:5px 26px 5px 5px; color:#fff; text-align:right; font-weight:400; border:1px solid #dfdfdf; background:#333;}
.bForm table td {padding:5px 9px; color:#878787; border:1px solid #dfdfdf;}
.bForm .input {max-width:100%; height:26px; border:1px solid #ababab; font-size:12px; line-height:18px; padding:3px 6px;}
.bForm textarea.input {height:auto;}
.bForm .ui-datepicker-trigger {width:26px; height:26px; background-size:auto 20px;}
.bForm .radiobox {padding:0; margin-right:15px;}
.bForm .radiobox input + label:before {width:18px; height:18px;}
.bForm .checkbox {display:block; padding:0; margin-bottom:5px;}
.bForm .checkbox input + label:before {width:18px; height:18px; background-size:10px auto; border-radius:3px; margin-right:7px;}
.bForm td.scroll {padding:0;}
.bForm td.scroll ul {list-style:none; margin:0; padding:0; position:relative; max-height:250px; overflow:auto;}
.bForm td.scroll ul li {padding:7px 9px; border-bottom:1px solid #eee;}
.bForm td.scroll ul li:last-child {border-bottom:0;}

.bForm2 {border:1px solid #dfdfdf; padding:15px 20px; color:#222; font-size:14px; line-height:1.5em; letter-spacing:-.04em;}
.bForm2 .group {position:relative; margin-bottom:10px;}
.bForm2 .group:last-child {margin-bottom:0;}
.bForm2 .input {max-width:100%; height:26px; border:1px solid #ababab; font-size:12px; line-height:18px; padding:3px 6px;}
.bForm2 textarea.input {height:auto;}
.bForm2 .ui-datepicker-trigger {width:26px; height:26px; background-size:auto 20px;}
.bForm2 .bt-re {position:absolute; top:2px; right:7px; color:#ec1c23; font-size:12px; line-height:16px; letter-spacing:-.04em; border-bottom:1px solid #ec1c23;}
.bForm2 .bt-bl {position:absolute; top:2px; right:7px; color:#b7b9b3; font-size:12px; line-height:16px; letter-spacing:-.04em; cursor: default;}
.bForm2 .checkbox {display:block; padding:0; margin-bottom:5px;}
.bForm2 .checkbox input + label:before {width:18px; height:18px; background-size:10px auto; border-radius:3px; margin-right:7px;}

.bSearch {padding:0 20px; height:226px; color:#505050; font-size:14px; line-height:23px; overflow:auto; position:relative; border:1px solid #dfdfdf; margin-top:-1px;}
.bSearch ul {margin:0; padding:0; list-style:none;}
.bSearch ul li {padding:4px 0; border-bottom:1px solid #dfdfdf;}
.bSearch ul li:last-child {border-bottom:0;}
.bSearch .checkbox input + label:before {width:18px; height:18px; background-size:10px auto; border-radius:3px; margin-right:7px;}

.smsList {height:170px; overflow:auto; border:1px solid #ababab; border-radius:6px; position:relative; padding:0 19px; color:#505050; font-size:12px; line-height:18px;}
.smsList ul {margin:0; padding:0; list-style:none;}
.smsList ul li {position:relative; padding:6px 0; border-bottom:1px solid #dfdfdf;}
.smsList ul li:last-child {border-bottom:0;}
.smsList .ico-del {position:absolute; top:50%; right:0; margin-top:-9px;}

.ico-del {display:inline-block; vertical-align:middle; width:18px; height:18px; overflow:hidden; text-indent:-999em; background:#fff url("/images/icon_del.png") 50% 50% no-repeat; border:0; border-radius:0; cursor:pointer;}

.input-sch + .smsList {margin-top:6px;}

.info-row {margin:0 -10px;}
.info-row:after {content:""; display:block; clear:both;}
.info-col {float:left; width:50%; max-width:566px; padding:0 10px;}

/* ui dialog */
.ui-dialog {z-index:200; background:#fff; border:1px solid #fff; border-radius:10px; box-shadow:0 2px 3px rgba(0,0,0,.42);}
.ui-dialog-titlebar {cursor:move; position:relative; padding:13px 20px; background:#222; color:#fff; border-bottom:1px solid #222; border-radius:9px 9px 0 0;}
.ui-dialog-title {padding-left:15px; font-family:'NanumSquare',sans-serif,meiryo; font-size:18px; font-weight:700; line-height:24px; letter-spacing:-.03em; background:url(/images/bullet.png) 0 50% no-repeat;}
.ui-dialog-titlebar-close {position:absolute; top:50%; right:15px; margin-top:-12px; width:24px; height:24px; border:0; overflow:hidden; text-indent:-999em; background-color:transparent; background-image:url(/images/pop_close.png); background-position:50% 50%; background-repeat:no-repeat;}

.popup-content {padding:30px;}
.popup-content .buttons .btn-pack.medium {min-width:95px; margin:0 2px; font-size:16px;}
.popup-content .buttons .btn-pack.border {background:#eee;}
.popup-content .input {height:32px; padding:5px 7px; color:#505050; font-size:14px; -webkit-border-radius:5px; border-radius:5px; border-color:#ccc; transition:.2s;}
.popup-content .input:focus {border-color:#333}
.popup-content textarea.input {height:auto;}
.popup-content .checkbox {font-size:12px;}
.popup-content .checkbox input + label:before {width:18px; height:18px; background-size:10px auto; border-radius:3px; margin-right:7px;}
.popup-content .radiobox {padding:0; margin-right:15px; font-size:12px;}
.popup-content .radiobox input + label:before {width:18px; height:18px;}
.popup-content .paginate {background:none; padding:0; margin-top:10px; border-bottom:0;}
.popup-content .subtitle {font-size:14px;}
.popup-content .subtitle:before {top:8px;}
.popup-content .popup-form + .subtitle {margin-top:12px;}

.popup-alert {margin-bottom:30px; text-align:center; color:#505050; font-size:18px; line-height:1.5em; letter-spacing:-.04em;}

.popup-form table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #454545; font-size:14px; line-height:1.5em; letter-spacing:-.04em;}
.popup-form table th {height:47px; padding:7px 30px 7px 16px; color:#505050; text-align:right; font-weight:400; border:1px solid #dfdfdf; background:#f4f4f4;}
.popup-form table td {padding:7px 16px; color:#878787; border:1px solid #dfdfdf;}
.popup-form tr th:first-child,
.popup-form tr td:first-child {border-left:0;}
.popup-form tr th:last-child,
.popup-form tr td:last-child {border-right:0;}
.popup-form table td.scroll {padding:0;}
.popup-form table td.scroll ul {list-style:none; margin:0; padding:0; position:relative; max-height:369px; overflow:auto;}
.popup-form table td.scroll ul li {padding:9px 16px; border-bottom:1px solid #eee;}
.popup-form table td.scroll ul li:last-child {border-bottom:0;}

.popup-form2 table {width:100%; border-collapse:collapse; border-spacing:0px; font-size:12px; line-height:1.5em; letter-spacing:-.04em;}
.popup-form2 th {height:37px; padding:3px 10px; background:#333; text-align:center; color:#fff; font-weight:400; border:1px solid #dfdfdf; border-top:0; border-bottom:0; font-size:14px;}
.popup-form2 th:first-child {border-left:1px solid #333;}
.popup-form2 th:last-child {border-right:1px solid #333;}
.popup-form2 td {height:31px; padding:3px 10px; text-align:left; border:1px solid #dfdfdf; border-top:0; color:#505050;}
.popup-form2 .scrolled {position:relative; max-height:156px; overflow:auto; margin:0 -20px; padding-left:20px;}
.popup-form2 .checkbox {padding:0;}
.popup-form2.scrolled {position:relative; max-height:193px; overflow:auto;}

.popup-form3 table {width:100%; border-collapse:collapse; border-spacing:0px; font-size:12px; line-height:1.5em; letter-spacing:-.04em;}
.popup-form3 th {text-align:right; padding:4px 0; font-weight:400; color:#2c2c2c;}
.popup-form3 th.left {text-align:left;}
.popup-form3 td {padding:4px 0 4px 10px;}
.popup-form3 .input {height:26px; padding:3px 7px; font-size:12px; line-height:18px;}
.popup-form3 textarea.input {height:auto;}
.popup-form3 .ui-datepicker-trigger {width:26px; height:26px; background-size:auto 80%;}
.popup-form3:after {content:""; display:block; clear:both;}
.popup-form3 .table {float:left; width:280px;}
.popup-form3 .btns {float:right; width:90px; padding-top:4px;}
.popup-form3 .btns .btn-pack {display:block; width:100%; margin-bottom:8px;}

.popup-form4 table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #454545; font-size:14px; line-height:1.5em; letter-spacing:-.04em;}
.popup-form4 table th {height:47px; padding:7px 22px 7px 1px; color:#505050; text-align:right; font-weight:400; border:1px solid #dfdfdf; background:#f4f4f4;}
.popup-form4 table td {padding:7px 16px; color:#878787; border:1px solid #dfdfdf;}
.popup-form4 tr th:first-child,
.popup-form4 tr td:first-child {border-left:0;}
.popup-form4 tr th:last-child,
.popup-form4 tr td:last-child {border-right:0;}
.popup-form4 table td.scroll {padding:0;}
.popup-form4 table td.scroll ul {list-style:none; margin:0; padding:0; position:relative; max-height:369px; overflow:auto;}
.popup-form4 table td.scroll ul li {padding:9px 16px; border-bottom:1px solid #eee;}
.popup-form4 table td.scroll ul li:last-child {border-bottom:0;}


.popup-panel-head {position:relative; padding:10px 20px; border-top:2px solid #454545; background:#f4f4f4;}
.popup-panel-head h3 {font-size:14px; font-weight:500; line-height:20px; color:#2c2c2c; letter-spacing:-.03em;}
.popup-panel-head .checkbox {position:absolute; top:10px; right:13px; padding:0;}
.popup-panel-body {padding:14px 20px; border-bottom:1px solid #454545;}

.popup-tit {width:123px; text-align:center; margin-bottom:-1px; position:relative; z-index:2; color:#ec1c23; font-size:14px; font-weight:500; letter-spacing:-.04em; line-height:32px; background:#fff; border:1px solid #dfdfdf; border-bottom:1px solid #fff; border-radius:5px 5px 0 0;}
.popup-tit:after {content:""; position:absolute; bottom:-1px; left:50%; margin-left:-10px; width:20px; height:2px; background:#ec1c23;}

.select-wrap {margin:0 -4px;}
.select-wrap:after {content:""; display:block; clear:both;}
.select-wrap .col {float:left; width:25%; padding:0 4px;}
.select-wrap .col .input {display:block; width:100%; height:26px; padding:3px 7px; font-size:12px; line-height:18px;}

.table-sheet {position:relative; margin-bottom:10px; height:178px; overflow:auto; border:1px solid #dfdfdf; border-radius:5px; padding:10px 19px;  color:#505050; font-size:12px; line-height:30px}
.table-sheet ul {margin:0;padding:0;list-style:none;}
.table-sheet ul li {border-bottom:1px solid #dfdfdf;}
.table-sheet .select {position:relative;}
.table-sheet .select label {display:block; overflow:hidden; cursor:pointer; height:30px; padding:0 10px; transition:.3s;}
.table-sheet .select input {position:absolute;z-index:-1;width:0;height:0;border:0;}
.table-sheet .select input:checked + label {background:#fceaeb;}

.drag-slider-wrap {background:#f4f4f4; border-radius:6px; padding:9px 10px;}
.drag-slider {position:relative; height:7px; background:#333; border-radius:4px;}
.drag-slider .ui-slider-handle {position:absolute; top:-9px; margin-left:-13px; width:26px; height:26px; z-index:2; cursor:default;-ms-touch-action:none; touch-action:none; background:#f75252; border-radius:100%; text-align:center; color:#fff; font-size:12px; font-weight:700; line-height:26px;}
.drag-slider .ui-slider-range {position:absolute; top:0; left:0; height:7px; background:#f75252; border-radius:4px;}

.file-transfer {display:table; table-layout:fixed; width:100%;}
.file-transfer .input-sch {margin-bottom:18px; padding-right:32px;}
.file-transfer .input-sch .input {border-color:#333;}
.file-transfer .input-sch .sch {width:32px; height:32px; border-color:#333;}
.file-transfer .input-sch .plus {width:32px; height:32px; border-color:#333;}
.file-transfer .input-sch .del {top:7px; right:38px;}
.file-transfer textarea.input {height:auto;}
.file-transfer .transfer {display:table-cell; vertical-align:top;}
.file-transfer .tabs {text-align:center; margin-bottom:-1px; position:relative; z-index:2;}
.file-transfer .tabs ul {overflow:hidden;margin:0;padding:0;list-style:none;}
.file-transfer .tabs ul li {float:left; width:123px; margin-right:-1px;}
.file-transfer .tabs ul li a {position:relative; display:block; color:#505050; font-size:14px; font-weight:500; letter-spacing:-.04em; line-height:32px; background:#f4f4f4; border:1px solid #dfdfdf;border-radius:5px 5px 0 0;}
.file-transfer .tabs ul li.active a {background:#fff; color:#ec1c23; border-bottom:1px solid #fff;}
.file-transfer .tabs ul li.active a:after {content:""; position:absolute; bottom:-1px; left:50%; margin-left:-10px; width:20px; height:2px; background:#ec1c23;}
.file-transfer .table-sheet {border-radius:0 0 5px 5px; margin-bottom:0;}
.file-transfer .control {display:table-cell; width:64px; vertical-align:top; text-align:center; padding-top:110px;}
.file-transfer .control .ctr {display:block; margin:3px auto; width:24px; height:24px; border:0; overflow:hidden; text-indent:-999em; background-position:50% 50%; background-repeat:no-repeat;}
.file-transfer .control .ctr.right {background-image:url("/images/move_right.png")}
.file-transfer .control .ctr.right-all {background-image:url("/images/move_right_all.png"); margin-bottom:8px;}
.file-transfer .control .ctr.left {background-image:url("/images/move_left.png")}
.file-transfer .control .ctr.left-all {background-image:url("/images/move_left_all.png")}
.file-transfer .tt {color:#2c2c2c; font-size:14px; line-height:1.3em; margin:0 0 5px 5px;}
.file-transfer .buttons {margin-top:10px;}
.file-transfer .transfer-btns {display:table-cell; vertical-align:top; width:120px; padding-left:30px; padding-top:33px;}
.file-transfer .transfer-btns .btn-pack {display:block; width:100%; margin-bottom:8px;}

.file-transfer-wrap {border:1px solid #dfdfdf; max-width:1150px; padding:12px 20px;}
.file-transfer-wrap .file-transfer .input-sch {margin-bottom:10px;}
.file-transfer-wrap .file-transfer .input-sch .input {border-color:#ababab;}
.file-transfer-wrap .file-transfer .input-sch .sch {border-color:#ababab;}

.program-info {padding:40px 30px 40px 304px; min-height:443px; background:url("/images/info_bg.jpg") 19px 100% no-repeat;}
.program-info .txt {color:#505050; font-size:12px; line-height:1.9em; letter-spacing:0; margin-bottom:15px;}
.program-info textarea.input {width:100%;height:180px;}

.setting-wrap {}
.setting-wrap .tabs {text-align:center; margin-bottom:-1px; position:relative; z-index:2;}
.setting-wrap .tabs ul {overflow:hidden;margin:0;padding:0;list-style:none;}
.setting-wrap .tabs ul li {float:left; width:123px; margin-right:-1px;}
.setting-wrap .tabs ul li:last-child {width:122px}
.setting-wrap .tabs ul li a {position:relative; display:block; color:#505050; font-size:14px; font-weight:500; letter-spacing:-.04em; line-height:32px; background:#f4f4f4; border:1px solid #dfdfdf;border-radius:5px 5px 0 0;}
.setting-wrap .tabs ul li.active a {background:#fff; color:#ec1c23; border-bottom:1px solid #fff;}
.setting-wrap .tabs ul li.active a:after {content:""; position:absolute; bottom:-1px; left:50%; margin-left:-10px; width:20px; height:2px; background:#ec1c23;}
.setting-wrap .tabs.type2 ul li {width:98px;}
.setting-wrap .tabs.type2 ul li:last-child {width:100px}
.setting-wrap .content {border:1px solid #dfdfdf; padding:20px;}
.setting-wrap .popup-form table {font-size:12px; line-height:18px; border-top:0;}
.setting-wrap .popup-form th {height:37px; padding:3px 10px; color:#2c2c2c;}
.setting-wrap .popup-form td {padding:3px 10px; color:#505050;}
.setting-wrap .input {height:26px; font-size:12px; line-height:18px; padding:3px 9px;}
.setting-wrap select.input {background-position:right 10px center;}
.setting-wrap .checkbox strong {font-size:14px; font-weight:400;}
.setting-wrap .txt {margin-left:20px; font-size:12px; line-height:18px;}

.tot-sch {margin-left:28px; font-size:12px; line-height:18px;}

/* ui datepicker */
.ui-datepicker {display:none; background:#fff; border:1px solid #dfdfdf; margin-top:1px; border-radius:5px; width:250px; padding:20px; box-shadow:5px 5px 5px rgba(0,0,0,.3);}
.ui-datepicker-header {position:relative; margin-bottom:6px;}
.ui-datepicker-prev,
.ui-datepicker-next {position:absolute; width:32px; height:32px; top:50%; cursor:pointer; margin-top:-16px; border-radius:100%; overflow:hidden; text-indent:-999em; background-color:#ababab; background-position:50% 50%; background-repeat:no-repeat;}
.ui-datepicker-prev {left:0; background-image:url("/images/cal_prev.png");}
.ui-datepicker-next {right:0; background-image:url("/images/cal_next.png");}
.ui-datepicker-prev:hover,
.ui-datepicker-next:hover {background-color:#ec1c23;}
.ui-datepicker-title {text-align:center; color:#2c2c2c; font-size:16px; line-height:32px; font-weight:500;}
.ui-datepicker-calendar {width:100%; border-collapse:collapse; border-spacing:0px;}
.ui-datepicker-calendar th {padding:5px 0; text-align:center; font-size:14px; font-weight:400; line-height:30px; color:#2c2c2c;}
.ui-datepicker-calendar td {padding:2px 0; text-align:center; font-size:14px; font-weight:400; line-height:30px; color:#2c2c2c;}
.ui-datepicker-calendar .ui-state-default {display:inline-block;width:30px;border-radius:4px;}
.ui-datepicker-calendar .ui-state-active {background-color:#ec1c23;color:#fff;}
.ui-datepicker-other-month .ui-state-default {color:#ccc;}
.ui-datepicker-last {margin-left:-43px;}
.ui-datepicker-trigger {display:inline-block; vertical-align:top; margin-left:4px; width:32px; height:32px; border:0; border-radius:0; overflow:hidden; text-indent:-999em; background:transparent url("/images/calendar.png") 50% 50% no-repeat;}

/* ui-timespinner */
.ui-timespinner {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  height: 1.6em; /* 28px; */
}

.ui-timespinner-value {
  display: none;

  /*
  This is for debugging only:

  If you set the above to display:block,
  the original element should appear right above the spinner
  */
  position: absolute;
  top: -10px;
  height: 8px;
  line-height: 8px;
  font-size: 8px !important;
  width:8ch;
  border: 1px solid #ccc;
  border-radius: 5px;
}

span.ui-timespinner-ampm {
  display: none;
}

.ui-timespinner-ampm span.ui-timespinner-ampm {
  display: block;
  width: 145px;
}

span.ui-timespinner-hh,
span.ui-timespinner-mm,
span.ui-timespinner-ss,
span.ui-timespinner-ampm {
  height: 1.6em;
}


.ui-timespinner .ui-spinner {
  position: absolute;
  border-color: transparent;
  background-color: transparent;
  background: transparent;
  overflow: visible;
}

.ui-timespinner .ui-spinner-input {
 /*  width: 3ch;
  padding: 0;
  font-size: 12px; */
  /* margin: 0.2em; */
}

.ui-timespinner-colon {
  position: absolute;
  width: 1ch;
  padding: 0;
  margin: 0.2em;
  left: 47px;
  z-index: 10;
}

.ui-timespinner-colon2 {
  position: absolute;
  width: 1ch;
  padding: 0;
  margin: 0.2em;
  left: 69px;
  z-index: 10;
}

.ui-state-disabled .ui-timespinner-colon {
  opacity: .35;
  filter: Alpha(Opacity=35);
  background-image: none;
}


.ui-timespinner {
  min-width: 145px; 
  width: 100%;
  max-width: 100%;
  height: 26px;
  border: 1px solid #ababab;
  font-size: 12px;
  line-height: 18px;
  padding: 0 6px;
}

.ui-timespinner.ui-timespinner-ampm {
 /*  width: 11ch;
  min-width: 11ch; */
}

.ui-timespinner .ui-spinner-button {
  width: 1.6ch;
}

span.ui-timespinner-ampm {
    left: 1px;
}

.ui-timespinner .ui-spinner-input.ui-timespinner-ampm {
    width: 100%;
    text-align: left;
    padding-right: 52px;
    
}

.ui-timespinner-ampm .ui-spinner-button {
    right: -7.6ch;
}
.ui-timespinner-ampm .ui-timespinner-ampm .ui-spinner-button {
   /*  position : relative;
    right: -19.4ch; */
}

span.ui-timespinner-hh {
    left: 31px;
    width: 115px;
    
}

.ui-timespinner-hh .ui-spinner-button {
    right: -4.8ch;
}
.ui-timespinner-ampm .ui-timespinner-hh .ui-spinner-button {
/*     position : relative;
    right: -17.7ch; */
}

span.ui-timespinner-mm {
    left: 54px;
    width: 92px;
}

.ui-timespinner-mm .ui-spinner-button {
    right: -2.4ch;
}
.ui-timespinner-ampm .ui-timespinner-mm .ui-spinner-button {
 /*    position : relative;
    right: -12.8ch; */
}

span.ui-timespinner-ss {
    left: 75px;
    width: 71px;
}

.ui-timespinner-ss .ui-spinner-button {
    right: 0ch;
}
.ui-timespinner-ampm .ui-timespinner-ss .ui-spinner-button {
   /*  position : relative;
    right: -11.6ch; */
}


input.ui-timespinner-hh,
input.ui-timespinner-mm,
input.ui-timespinner-ss,
input.ui-timespinner-ampm {
  position: absolute;
  border-color: transparent;
  background-color: transparent;
  background: transparent;
  overflow: visible;
  z-index: 0;
}

.ui-timespinner .ui-spinner.ui-timespinner-ampm a.ui-spinner-button {
  display:block;
  margin-right: 5px;
  z-index: 1;
}

.ui-timespinner .ui-spinner.ui-timespinner-mm a.ui-spinner-button {
  display:block;
  margin-right: 4px;
}

.ui-timespinner .ui-spinner a.ui-spinner-up {
  /* margin-top:-1px; */
}

.ui-timespinner .ui-spinner a.ui-spinner-down {
  margin-bottom:1px;
}


input.ui-timespinner-hh {
  text-align: right;
  width: 100%;
    text-align: left;
    padding-right: 52px;
}

input.ui-timespinner-mm {
  text-align: left;
}

input.ui-timespinner-ss {
  text-align: left;
}

input.ui-timespinner-colon {
  text-align: center;
}

input.ui-timespinner-ampm {
  text-align: center;
}
/* non essential styles */
body {
 /*  font-family: Arial; */
}

button {
  font-size: 0.9em;
  border-radius: 5px;
}

div.notes {
  font-size: 1em;
}

div.notes li {
  line-height: 1.8em;
}

table.example {
  border-spacing: 10px;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: 0.8;
    filter: Alpha(Opacity=35);
    color: #ababab;
    /* background: #eee; */
}

table th span{color:#333;}
table th span.required{margin-left:-7px;vertical-align: middle;padding-right: 6px;}
table th span.required em{color:#ff4800;}

.text-del-btn{position:absolute;margin-top: 4px;right: 15px;cursor:pointer;}
.text-del-btn2{position:absolute;margin-top: 7px;right: 107px;cursor:pointer;}
.off{display:none;}

.icon-select-btn{
	width: 35px;
    height: 35px;
    position: relative;
    left: 11px;
    border: 1px solid #878787;
    padding: 2px;
    top: 2px;
    cursor: pointer;
}


#container{
  max-width: 960px;
  margin: 	150px auto;
}

#middle{
  width: 100%;
  padding: 40px 0 15px 40px;
}

.color-picker{
  width: 60px;
  height: 33px;
 /*  padding: 5px; */
}

.display-inline{
  display: inline-block;
}

.middle-hex{
	min-width: 100px;
	font-size: 13px;
	color: #bdbdbd;
	vertical-align: top;
	margin-top: 13px;
	margin-left: 10px;
	text-transform: uppercase;
}

.middle-hex span{
  color: #292929;
  margin-left: 10px;
}

.bcPicker-palette{
  top: 36px !important;
  right : 3px;
}

.page-rows-area{position: absolute;right: 57px;bottom: 7px;}
.page-rows-area span{margin-right:5px;}
.page-rows-area .select{margin-right:5px;height:25px;width:48px;}