/*--------------------*/
/* 1. Reset
/*--------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	/*
	font-size: 100%;
	font: inherit;
	word-break:break-all;
	*/
} 
/*div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,fieldset,legend,textarea,p,blockquote,th,td,input[type="checkbox"], input[type="radio"] {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	}*/
fieldset,img {border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes:none}
hr,caption,figcaption{display:none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle}
button {border:0 none;background-color:transparent;cursor:pointer}
table {border-collapse:collapse;border-spacing:0;table-layout:fixed;}
body {-webkit-text-size-adjust:none}
/*input[type='text'],input[type='password'],input[type='submit'],input[type='search'],input[type='tel'],input[type='email'],
select {-webkit-appearance:none; border-radius:0}*/
input:checked[type='checkbox'] {background-color:#666; -webkit-appearance:checkbox}
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file'] {-webkit-appearance:button; border-radius:0}
input[type='search']::-webkit-search-cancel-button {-webkit-appearance:none}
a {text-decoration:none; color: inherit;}
address,caption,cite,code,dfn,em,i,var { /*font-style:normal;font-weight:400 */}

html, body {width:100%; font-size: 14px; font-family:'NotoSansR', 'Malgun Gothic', 'Tahoma', 'Dotum', 'Sans-serif'; -webkit-overflow-scrolling: touch; letter-spacing:-0.1px; line-height:1.3;}

/**/
/**/

* {margin:0; padding:0;}
body {font:12px/1.5 'Dotum';}
.container_new { position:relative;/*width:853px;*/ padding:0 15px 0 22px; }

textarea {display:block; box-sizing:border-box; width:100%; padding:2px; font-size:12px; line-height:18px; border:1px solid #dedede; white-space:pre-line;}
input[type="text"],input[type="password"], select {height:24px; padding:0 2px; box-sizing:border-box; width:80px; font-size:12px; line-height:18px; border:1px solid #dedede;}
input[type="text"]::placeholder { letter-spacing:-1px;}
select {}
.inpt {display:inline-block;}
.inpt-del {position:relative; overflow:hidden; box-sizing:border-box; width:130px; margin:0 auto; padding-right:28px;/* border:1px solid #dedede;*/}
.inpt-del input {width:100%; /*border:0 none;*/}
.inpt-del button {position:absolute; right:0; overflow:hidden; width:24px; height:24px; background:url(../images/pop_close2.png) no-repeat 50% 50%; border-radius:50%; font-size:0; text-indent:-9999px;}
.inpt-add {height:24px; margin-top:4px;}
.inpt-from-to input {float:left; display:inline-block; width:45%;}
.inpt-from-to em {float:left; width:10%; line-height:24px; text-align:center;}
.inpt-datepic:after {content:''; display:inline-block; width:24px; height:24px; background:#aaa; vertical-align:middle; background:url(../images/calendar.png) no-repeat 50% 50%;}
.options label {margin-right:20px;}

button {cursor:pointer;}
.btn {height:28px; padding:4px 12px; font-size:12px; line-height:18px; border:1px solid #d3d3d5; border-radius:3px; background:#f8f8f8; font-weight:bold;}
* +.btn {margin-left:4px;}
.btn.col-01 {border-color:#2e70a2; background:#2395de; color:#fff;}
.btn.col-02 {border-color:#10bbe6; background:#10bbe6; color:#fff;}
.btn.col-03 {border-color:#3f3f3f; background:#3f3f3f; color:#fff;}
.btn.col-04 {border-color:#349da2; background:#42afb4; color:#fff;}
.btn-area {text-align:center;}

.tbl-info +.btns-tbl {margin-top:-40px;}
.btns .btn {min-width:80px;}
.btns-box {margin:20px 0;}
.btns-tbl {margin-top:-10px; text-align:right;}
.btns-bottom {margin-top:30px; text-align:center;}
.btns +.btns-tbl {margin-top:-28px;}

.divline {display:block; margin:15px 0 20px; border:1px solid #000;}
.txt-link {color:#007bad; text-decoration:underline;}
.txt-red {color:#de3a3a !important;}
.txt-blue {color:#007bad !important;}

.section-wrap {margin:10px 0 30px;}
.tbl-tit, .section-tit {margin:15px 0 10px;}
.tbl-tit +.tbl-info,
.tbl-info +.tbl-tit {margin-top:-10px;}
.pop-cont >.tbl-info:first-child,
.pop-cont >.tbl-tit:first-child {margin-top:0;}


.tbl-wrap {margin:10px 0 20px;}
table {width:100%; border-spacing:0; border-collapse:collapse;}
table caption {padding:2px 10px; background-color:#007aab; color:#fff; text-align:left;}
table thead th {padding:12px 0; background:#f7f9f8; line-height:1.3; color:#3e6a87;}
table tbody td {padding:4px 4px; line-height:1.2;}
.tbl-type-list th,
.tbl-type-list td {height:24px; border:1px solid #ccc;}
.tbl-type-list td {text-align:center;}
.tbl-type-list thead tr:first-child th,
.tbl-type-list tbody tr:first-child td {border-top:2px solid #d2d3d7;}
.tbl-type-list th {font-weight:bold;}
.tbl-type-list td input {text-align:center;}
.tbl-type-list td .btn {margin:-2px 0;}
.tbl-type-info {border:1px solid #d2d3d7;}
.tbl-type-info th {background:#f7f9f8;}
.tbl-type-info th,
.tbl-type-info td {padding:14px 10px; line-height:1.2;}
.tbl-type-info tr +tr th,
.tbl-type-info tr +tr td {padding-top:0;}
.tbl-type-info tr +tr th {padding-top:4px; vertical-align:top;}
.tbl-type-info tr +tr td {height:24px; vertical-align:middle;}
.tbl-type-info .notice-txt {padding-left:0; padding-right:0}
.tbl-type-info .notice-txt p {margin-left:-80px; padding:14px 0; background:#f7f9f8;}

.tbl-wrap td.add-inpt {vertical-align:top;}
.tbl-wrap td.add-inpt .inpt-del {width:100%; margin-bottom:4px;}
.tbl-info {margin:30px 0 10px; line-height:30px;}
.tbl-info +.tbl-info {margin-top:0;}
.tbl-info span {display:inline-block; margin-right:20px; vertical-align:middle;}
.tbl-info .btn {}

.pagination {margin-top:30px; text-align:center;}
.pagination * {display:inline-block;}
.pagination a,
.pagination strong {overflow:hidden; width:16px; margin:0 2px; line-height:16px; line-height:16px; text-align:center; vertical-align:middle;}
.pagination >a { width:20px; height:20px; line-height:20px; border:1px solid #aaa;}

.preview-header {position:relative;}
.preview-header .title-box {padding:30px; border:1px solid #d4d4d4; border-top:2px solid #007aab;}
.preview-header .title-box strong {font-size:30px; color:#007aab; letter-spacing:-4px;}
.preview-header .info {display:table; width:100%; border-bottom:1px solid #d4d4d4;}
.preview-header .info span {display:table-cell; padding:15px 0; font-weight:bold; color:#555; text-align:center;}
.preview-header .info span +span:before {content:''; display:inline-block; float:left; height:10px; margin-top:3px; border-left:2px solid #ccc;}
.preview-header .logo {position:absolute; top:15px; right:15px;}
.preview-header .logo span {display:block; text-align:center;}

.pop-wrap {margin:20px; border:1px solid #ccc; box-shadow:3px 3px 10px 0 #aaa;}
.pop-wrap.w01 {overflow:hidden; overflow-y:auto; max-height:1000px;}
.pop-wrap.w03 {width:370px;}
.pop-wrap.w03 .pop-title {padding:10px 20px; background-color:#fff; border-bottom:1px solid #e4e4e4; color:#555;}
.pop-wrap.w03 .pop-title button {top:0; right:5px; background-image:url(../images/pop_close2.png);}
.pop-title {position:relative; height:20px; padding:10px; background-color:#007aab; font-weight:bold; font-size:16px; line-height:20px; color:#fff;}
.pop-title button {overflow:hidden; position:absolute; right:10px; top:0px; width:40px; height:40px; background:url(../images/pop_close.png) no-repeat 50% 50%; font-size:0; text-indent:-9999px;}
.pop-cont {padding:20px;}
/*.pop-cont {margin:0;}*/
.pop-btns {padding:20px; text-align:center;}

.page-title {font-family:'NotoSansR', 'Malgun Gothic', 'Tahoma', 'Dotum', 'Sans-serif'; font-weight:bold; font-size:20px; /* background:#aaa; */ padding-top:10px;}
.current-location {font-size:12px; color:#666; position:absolute; right:10px; top:15px;}
.current-location span {display:inline-block; margin:0 5px 0 0;}
.current-location span:after {content: ">"; display:inline-block; margin:0 0 0 5px; color:#ccc}
.current-location span:last-child:after {content:"";}
.location-selection {overflow:hidden; overflow-y:auto;}
.txtbox {white-space:pre-line;}

.search-input {margin-bottom:20px;}
.word-list {overflow:hidden; overflow-y:auto;}
.word-list li {padding:7px 0; border-bottom:1px solid #d2d3d7; cursor:pointer;}
.word-list li:hover {color:#007bad;}
.word-list {overflow:hidden; overflow-y:auto;}

.tab-menu ul:after {content:''; display:block; clear:both; border-bottom:1px solid #007bad;}
.tab-menu li {float:left; width:120px; margin-right:4px;}
.tab-menu a {display:block; padding:5px 0; background:#f5f5f5; border:1px solid #d2d3d7; border-bottom:0 none; text-align:center;}
.tab-menu .active a {position:relative; margin-bottom:-1px; background:#fff; border-color:#007bad; border-bottom:1px solid #fff; font-weight:bold; color:#007bad;}

.send-message {position:relative; padding-left:250px;}
.send-message .tbl-wrap {overflow:hidden; overflow-y:auto; max-height:370px;}
.send-message .message-box {position:absolute; top:10px; left:5px; width:222px; height:425px; padding:60px 22px 0 25px; box-sizing:border-box; background:url(../images/bg_phone.png) no-repeat 50% 50%;}
.send-message .message-box textarea {height:220px; padding:10px; resize:none; background:transparent; border:0 none; font-size:14px;}
.send-message .message-box .count {margin-top:25px; color:#999; text-align:right;}
.send-message .message-box .count span {color:#000;}
.send-message .message-box .btns {margin:20px -8px 0; text-align:center;}
.send-message .message-box .btns .btn {width:90px;}
.ui-datepicker-trigger {vertical-align: middle;}
.calreset {vertical-align: middle;}
.stattop {  font-weight:bold;font-size:14px; }

.ui-timepicker-select { width: 50px !important;}
#comSky { width: 200px !important;}


.update {
    display: inline-block !important;
    min-width: 12px;
    padding: 4px 6px;
    font-size: 11px;
				font-family:'NanumGothicBold',sans-serif;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #ff9900;
    border-radius: 12px;
				text-indent:0 !important;
}

#rev {display:none;}

.mytooltip {
  radius: 4px !important;
  /*background-color: black; */
  padding: 5px 20px;
  border-radius: 20px;
  margin: 50px;
  text-align: center;
  font: bold 10px ;
  font-stretch: condensed;
  text-decoration: none;
  box-shadow: 1px 1px 3px black;
  background: #D94AA4;
}
/* 수색관련 추가 */
.ico[class*="wcolor"] {display:inline-block; width:30px; height:30px; border-radius:50%; vertical-align:middle;}
#colorDetail li .ico {margin-right:20px;}



/* 트리 */
.list > li > img {
    vertical-align: sub;
}

.list li span {
    padding-left: 10px;
    font-size: 15px;
    font-weight: 400;
    line-height: 17px;
    color: #555;
    cursor: pointer;
}

.adminListLeft {
	float: left;
    width: 40%;
    height: 600px;
    border: 1px solid #ccc;
    padding: 0 10px 10px 10px;
    overflow-y: scroll;
    margin-top: 0px;
	
}
.adminListLeft .list li {
    display: inline-block;
    margin-top: 5px;
}

.adminListLeft > ul > li > dl > dd:nth-child(1) > ul > li > span {
    font-weight: 500;
    color: #000;
}

/* 트리 - 마진 */
.ml04 { margin-left: 0px !important }

.ml5 { margin-left: 5px !important }

.ml10 { margin-left: 10px !important }

.ml15 { margin-left: 15px !important }

.ml25 { margin-left: 25px !important }

.ml26 { margin-left: 26px !important }

.ml30 { margin-left: 30px !important }

.ml35 { margin-left: 35px !important }

.ml40 { margin-left: 40px !important }

.ml50 { margin-left: 50px !important }

.ml60 { margin-left: 60px !important }

.ml60 { margin-left: 60px !important }

.ml70 { margin-left: 70px !important }

.ml80 { margin-left: 80px !important }

.ml90 { margin-left: 90px !important }

.ml100 { margin-left: 100px !important }

.mr5 { margin-right: 5px !important }

.mr10 { margin-right: 10px !important }

.mr15 { margin-right: 15px !important }

.mr20 { margin-right: 20px !important }

.mr25 { margin-right: 25px !important }

.mr30 { margin-right: 30px !important }

.mr35 { margin-right: 35px !important }

.mr40 { margin-right: 40px !important }

.mr45 { margin-right: 45px !important }

.mr50 { margin-right: 50px !important }

.mt0 { margin-top: 0px !important }

.mt5 { margin-top: 5px !important }

.mt7 { margin-top: 7px !important }

.mt10 { margin-top: 10px !important }

.mt15 { margin-top: 15px !important }

.mt20 { margin-top: 20px !important }

.mt25 { margin-top: 25px !important }

.mt30 { margin-top: 30px !important }

.mt35 { margin-top: 35px !important }

.mt40 { margin-top: 40px !important }

.mt45 { margin-top: 45px !important }

.mt50 { margin-top: 50px !important }

.mt55 { margin-top: 55px !important }

.mt60 { margin-top: 60px !important }

.mt65 { margin-top: 65px !important }

.mt70 { margin-top: 70px !important }

.mt75 { margin-top: 75px !important }

.mt80 { margin-top: 80px !important }

.mt90 { margin-top: 90px !important }

.mt100 { margin-top: 100px !important }

.mt110 { margin-top: 110px !important }

.mb10 { margin-bottom: 10px !important }

.mb15 { margin-bottom: 15px !important }

.mb20 { margin-bottom: 20px !important }

.mb25 { margin-bottom: 25px !important }

.mb30 { margin-bottom: 30px !important }

.mb35 { margin-bottom: 35px !important }

.mb40 { margin-bottom: 40px !important }

.mb45 { margin-bottom: 45px !important }

.mb50 { margin-bottom: 50px !important }

.mb55 { margin-bottom: 55px !important }

.mb65 { margin-bottom: 65px !important }

.mb70 { margin-bottom: 70px !important }

.mb75 { margin-bottom: 75px !important }

.mb85 { margin-bottom: 85px !important }

.mtb10 { margin: 10px 0 !important }

.mtb15 { margin: 10px 0 !important }

.mtb20 { margin: 20px 0 !important }

.mtb50 { margin: 50px 0 !important }

.mtb60 { margin: 60px 0 !important }

.mauto { margin-left: auto !important; margin-right: auto !important }
.ml4 {margin-left:4px !important}
.ml7 {margin-left:7px !important}
.ml10 {margin-left:10px !important}
.ml20 {margin-left:20px !important}
.ml25 {margin-left:25px !important}
.ml26 {margin-left:26px !important}
.ml30 {margin-left:30px !important}
.ml35 {margin-left:35px !important}
.ml50 {margin-left:50px !important}
.ml100 {margin-left:100px !important}
.mr5 {margin-right:5px !important}
.mr10 {margin-right:10px !important}
.mr15 {margin-right:15px !important}
.mr20 {margin-right:20px !important}
.mr25 {margin-right:25px !important}
.mr30 {margin-right:30px !important}
.mr35 {margin-right:35px !important}
.mr40 {margin-right:40px !important}
.mr45 {margin-right:45px !important}
.mr50 {margin-right:50px !important}
/* 트리 */

/* 팝업창 트리 */
.adminListPop .list li {
    display: inline-block;
    margin-top: 5px;
}

.adminListPop > ul > li > dl > dd:nth-child(1) > ul > li > span {
    font-weight: 500;
    color: #000;
}

.adminListPop> ul > li > dl > dd:nth-child(1) > ul > li > span {
    font-weight: 500;
    color: #000;
}

.popScroll {
    width: 70%;
    height: 350px;
    padding: 30px;
    overflow-y: scroll;
    border: 1px solid #ccc;
    margin: 5%;
    background: #fff;
}
.popScroll .sbtn_Write {
    margin-top: -10px;
    width: 250px;
    display: block;
    clear: both;
    padding: 0 15px;
    height: 40px;
    font-size: 15px;
    font-weight: 400;
    line-height: 40px;
    vertical-align: middle;
    color: #000;
    border: 1px solid #a0a0a0;
    background: #fff;
    margin-left: 5px;
}
/* 팝업창 트리 */