@charset "utf-8";

/*------------------------------------------------------------------------------------------------------------------------------------------
	File : UI_Style.CSS
	Company : The Webstyle co.,ltd
 	Author : Woo Seok, Shin 2017-06
 	CSS 적용순서 : 아이디 > 태그와 클래스 > 클래스 > 태그
	CSS 선택자 선언순서 : Type Selector, Layout Selector, Class Selector, Etc
	CSS 속성 선언순서 : display, position, float/clear, overflow, width/height, margin/padding, border, background, color/font, align, etc
--------------------------------------------------------------------------------------------------------------------------------------------*/
.imgFac {
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
.imgThumb {
    margin-bottom: 0;
    text-align: center;
    height: 129px;
}
/* #select */
select {
	height:32px;
	padding:0 5px;
	border:1px solid #e1e1e1;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-appearance:none;
	-moz-appearance:none;
	-o-appearance:none;
	appearance:none;
	background:#fff url('../../images/common/ico_select.png') right center no-repeat;
	font-size:14px !important;
	color:#555;
	padding-right: 30px;
	min-width: 100px;
}

/* #input */
input {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
input[type=text],
input[type=password],
input[type=number] {height:32px; padding:0 6px; border:1px solid #e1e1e1; font-size:14px; color:#555;}
textarea {width:100%; padding:10px 15px; border:1px solid #e1e1e1;}
input[type=text]::-ms-clear { display: none; } /* ie default clear button(x) delete */

.imgCheckBox {position:relative;}
.imgCheckBox > input[type=checkbox] {position:absolute; left:-99999px;}
.imgCheckBox > label {
	display:inline-block; *display:inline; *zoom:1;
	padding-left:20px;
	font-size:13px;
	background:url('../../images/map/ico_checkBox.png') no-repeat;
	line-height:15px;
}
.imgCheckBox.chk > label {background-position:0 -30px; color:#2a9dc9;}

/* #select, #input*/
.sel_wrap,
.inp_wrap {overflow:hidden;}
.sel_wrap .sel,
.inp_wrap .inp {float:left; padding-left:6px; color:#555; line-height:32px;}
.sel_wrap .sel:first-child,
.inp_wrap .inp:first-child {padding-left:0px;}
.sel_wrap .sel select {width:100%; min-width:140px;}
.inp_wrap .inp input[type=text],
.inp_wrap .inp select {width:100%; min-width:140px;}

.sel_wrap.tp1,
.inp_wrap.tp1 {width:100%; margin-top:8px;}
.sel_wrap.tp1:first-child,
.inp_wrap.tp1:first-child {margin-top:0px;}
.sel_wrap.tp1 select,
.inp_wrap.tp1 input {width:100%;}
.inp_wrap.tp1 input.jibun {min-width:0%;}

.radio_box {}
.radio_box input[type=radio] {}

.inputImg_box input {position:absolute; left:-9999px;}
.inputImg_box.label label {
	display:inline-block; *display:inline; *zoom:1;
	height:22px;
	padding-left:30px;
	background:url('../../images/common/ico_radio_chk.png') 0 0 no-repeat;
	line-height:22px;
}
.inputImg_box.chk label {background-position:0 -40px}

/* selList */
.selList_wrap {position:absolute; left:0px; top:60px; z-index:98;}
.selList_wrap .selList {width:300px;}
.selList_wrap .selList > a {
	display:block;
	padding:15px 20px;
	background:#fff url('../../images/common/ico_select_tp1.png') right 18px no-repeat;
	border:1px solid #e1e1e1;
	font-family:'NanumGothic'; font-size:14px; color:#555;
}
.selList_wrap .selList.active > a {background-color:#1585b0; color:#fff; background-position:right -22px;}
.selList_wrap .selList .subList { display:none;  padding:8px 0; background-color:#fff; border:1px solid #e1e1e1; border-top:0px;}
.selList_wrap .selList .subList > li {padding:6px 20px;}
.selList_wrap .selList .subList > li > a {display:block; font-size:13px; color:#555;}
.selList_wrap .selList .subList > li > a:hover {}

/* #etc */
.img_box > img {width:100%;}
.btn_close {text-indent:-9999px;}

.btn_close2 {text-indent:-9999px;}

/* #button */
.btn_wrap {overflow:hidden; position:relative; text-align:center;}
.btn_wrap.tp1 {padding: 20px 0 0;clear: both;}
.btn_wrap.tp1 > a {margin:0 2px;}
.btn_wrap.tp2 {border-top:1px solid #e1e1e1; margin:20px 0; padding-top:20px;}
.btn_wrap.tp3 {margin:10px 0;}

.btn_wrap .ab_l {position:absolute; left:0px; top:0px;}
.btn_wrap .ab_r {position:absolute; right:0px; top:0px;}
.tit_wrap {position:relative; min-height:40px; line-height:40px;}
.tit_wrap .ab_r {position:absolute; right:0px; top:-8px;}
.tit_wrap .ab_r46 {position:absolute; right:46px; top:-8px;}
.tit_wrap .ab_r56 {position:absolute; right:56px; top:-8px;}
.tit_wrap .ab_r68 {position:absolute; right:68px; top:-8px;}
.tit_wrap .ab_r78 {position:absolute; right:78px; top:-8px;}
.tit_wrap .ab_r114 {position:absolute; right:114px; top:-8px;}
.tit_wrap .ab_r148 {position:absolute; right:148px; top:-8px;}
.tit_wrap .ab_r170 {position:absolute; right:170px; top:-8px;}
.tit_wrap .ab_r193 {position:absolute; right:193px; top:-8px;}
.tit_wrap .ab_r272 {position:absolute; right:272px; top:-8px;}
/* .tit_wrap .ab_r168 {position:absolute; right:168px; top:-8px;} */
.tit_wrap .ab_r204 {position:absolute; right:204px; top:-8px;}
.tit_wrap .ab_r261 {position:absolute; right:261px; top:-8px;}
.tit_wrap .ab_r318 {position:absolute; right:318px; top:-8px;}
.tit_wrap span.tit {display:inline-block; *display:inline; *zoom:1; margin-right:10px; font-family:'NanumGothic'; }
.tit_wrap select {width:150px;padding-left:10px;float: left;line-height: 30px;}
/* step */
.step_wrap {}
.step_wrap .step {text-align:center;}
.step_wrap .step > li {display:inline-block; *display:inline; *zoom:1; position:relative; margin-left:100px;}
.step_wrap .step > li:after {content:""; position:absolute; left:150px; top:45px; width:14px; height:23px; background:url('../../images/common/arrow_tp1.png') no-repeat;}
.step_wrap .step > li:first-child {margin-left:10px;}
.step_wrap .step > li:first-child:after {content:"";}
.step_wrap .step > li > a {
	display:block;
	width:113px; height:113px;
	padding-top:50px;
	background:url('../../images/common/bg_one_big.png') no-repeat;
	box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;
	font-family:'NanumGothic'; font-size:14px;
}
.step_wrap .step > li.last:after {background:none;}
.step_wrap .step > li.last_active > a {background-position:0 -230px; color:#fff;}
.step_wrap .step > li.last_active:after {background:none;}
.step_wrap .step > li.active > a {background-position:0 -230px; color:#fff;}
.step_wrap .step > li.active:after {background-position:0 -111px;}

.btn {display:inline-block; *display:inline; *zoom:1; border:0px; outline:none; cursor:pointer;}

/* state_step */
.state_step_wrap {}
.state_step_wrap .step {text-align:center;}
.state_step_wrap .step > li {display:inline-block; *display:inline; *zoom:1; position:relative;}
.state_step_wrap .step > li:after {content:""; position:absolute; left:120px; top:-5px; width:14px; height:23px; background:url('../../images/common/arrow_tp1.png') no-repeat;}
.state_step_wrap .step > li:first-child {margin-left:10px;}
.state_step_wrap .step > li:first-child:after {content:"";}
.state_step_wrap .step > li > a {
	display:block;
	width:125px;
	box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;
	font-family:'NanumGothic'; font-size:14px;
}
.state_step_wrap .step > li.last:after {background:none;}
.state_step_wrap .step > li.last_active > a {background-position:0 -230px; color:#2a9dc9;}
.state_step_wrap .step > li.last_active:after {background:none;}
.state_step_wrap .step > li.active > a {background-position:0 -230px; color:#2a9dc9;}
.state_step_wrap .step > li.active:after {background-position:0 -111px;}


/*.btn_more_tp1 {width:28px; height:28px; background:url('../../img/common/ico_plus_orange.png') no-repeat;}*/
.btn.sml {height:28px;padding:0 14px;font-size:13px;text-align:center;line-height:28px;}
.btn.mid {width:120px;/*  height:34px; font-size:13px; text-align:center; line-height:34px; */}
.btn.big {width:150px; height:44px; font-size:18px; text-align:center; line-height:44px;}
.btn.mid_tp1 {width:120px; height:40px; font-family:'NanumGothic'; font-size:15px; text-align:center; line-height:40px;}
.btn.mid_tp2 {padding:0 30px; height:36px; font-family:'NanumGothic'; font-size:13px; text-align:center; line-height:36px;}
.btn.big_full {width:100%; height:40px; font-family:'NanumGothic'; font-size:15px; text-align:center; line-height:40px;}

.btn.blue {background-color:#1585b0; border:1px solid #1585b0; color:#fff;}
.btn.red {background-color:#c04e4e; border:1px solid #c04e4e; color:#fff;}
.btn.green {background-color:#1cac8e; border:1px solid #1cac8e; color:#fff;}
.btn.gray {background-color:#fff; border:1px solid #949494; color:#949494 !important;}
.btn.black {background-color:#404040; border:1px solid #404040; color:#fff;}
.btn.blue_tp1 {background-color:#6772a2; border:1px solid #6772a2; color:#fff;}
.btn.white {border:1px solid #e1e1e1; color:#555;}

/* #ico */
.ico {display:inline-block; *display:inline; *zoom:1;}
/*.arrow_b {padding-right:20px; background:url('../../img/common/arrow_tp2.png') right 12px no-repeat;}*/
.ico_calendar {background:url('../../images/common/ico_calendar.png') right center no-repeat;}
.ico_favorite {padding-left:40px !important; background:url('./../../images/common/btn_favorite.png') 15px center no-repeat;}

/* #tap */

/* #list-type */
.list_col_tp1 {}
.list_col_tp1 > li {margin-top:20px;}
.list_col_tp1 > li:first-child {margin-top:0px;}
.list_col_tp1 > li .tit_wrap {position:relative; height:30px; margin-bottom:8px; line-height:30px; font-size:15px;}
.list_col_tp1 > li .tit_wrap .ab_r {position:absolute; right:0px; top:0px;}
.list_col_tp1 > li .tit_wrap label {font-family:'NanumGothic'; margin-left:5px;}

.list_col_tp2 {border-top:1px solid #e1e1e1;}
.list_col_tp2 > li {width:100%; padding:15px; border:1px solid #e1e1e1; border-top:0px; font-size:14px; text-align:left;}

/* #board */
.board_tp1 {border-bottom:1px solid #cccccc;border-top: solid 2px #000;}
.board_tp2 {border-top:3px solid #274475;}
.board_tp3 {margin-top:20px; border-top:3px solid #274475; border-bottom:1px solid #e1e1e1;}
.board_tp4 {margin-top:10px; border-top:3px solid #274475; border-bottom:1px solid #e1e1e1;}

/* #table */
.tbl_col_tp1 {width:100%;}
.tbl_col_tp1 thead {text-align:center;}
/* .tbl_col_tp1 thead th {padding: 10px 15px;border-bottom: 1px solid #ddd;font-family:'NanumGothic';font-size:14px;color:#252525;background: #fafafa;font-family: 'Nanum Gothic', sans-serif; 나눔고딕 적용 20250225 김강석font-weight: bold; 글씨 굵게 적용 20250225 김강석} */
.tbl_col_tp1 thead th {padding: 20px 15px;border-bottom: 1px solid #ddd;font-family:'NanumGothic';font-size:14px;color:#252525;background: #fafafa;font-family: 'Nanum Gothic', sans-serif; /* 나눔고딕 적용 20250225 김강석*/font-weight: bold; /* 글씨 굵게 적용 20250225 김강석*/ border-right:solid 1px #e2e2e2;}
.tbl_col_tp1 thead th:last-child {
	border-right:none;
}
.tbl_col_tp1 tbody {}
.tbl_col_tp1 tbody tr td {padding: 13px 10px;border-top:1px solid #e1e1e1;font-size:13px;color:#555;text-align:center;font-family: 'Nanum Gothic', sans-serif; /* 나눔고딕 적용 20250225 김강석*/border-right:solid 1px #ddd;background: #fff;}
.tbl_col_tp1 tbody tr td:last-child {border-right:none;}
.tbl_col_tp1 tbody tr:first-chlid td {border-top:0px;}
.tbl_col_tp2 {width:100%;}
/* 2018-06-05 강석 - 원본주석 
.tbl_col_tp2 thead th {font-size:14px; padding:15px 10px; background-color:#f7f7f7; border-bottom:1px solid #e1e1e1; text-align:center;} */

/* 2018-06-05 강석 - 추가*/
.tbl_col_tp2 thead th {font-size:14px;padding:15px 10px;background-color: #fafafa;border: 1px solid #e1e1e1;text-align:center; font-family: 'Nanum Gothic', sans-serif; /* 나눔고딕 적용 20250225 김강석*/ font-weight: bold; /* 글씨 굵게 적용 20250225 김강석*/}

/* .tbl_col_tp2 thead th {padding:25px 10px; border-bottom:1px solid #999; font-family:'NanumGothic'; font-size:14px; color:#252525;} */
/* .tbl_col_tp2 thead th {padding:25px 10px; border-bottom:1px solid #e1e1e1; font-family:'NanumGothic'; font-size:14px; color:#252525; background-color:#f7f7f7;} */
.tbl_col_tp2 tbody td {font-size:13px; padding:15px 10px; border-bottom:1px solid #e1e1e1; text-align:center; background:#fff;}
.tbl_col_tp2.bor_tp1 td {border-left:1px solid #e1e1e1; background:#fff;}
/*2018-06-05 강석 추가 */
.tbl_col_tp2.bor_tp1 td {border-right:1px solid #e1e1e1; background:#fff;}
.tbl_col_tp2.bor_tp1 td:first-child {border-left:0px;}

.tbl_row_tp1 {width:100%;}
.tbl_row_tp1 tbody th {padding:15px 20px; background-color:#f7f7f7; border-top:1px solid #e1e1e1; font-family:'NanumGothic'; font-size:14px; color:#252525; text-align:left;}
/*2018-06-05 강석 추가 */
/* .tbl_row_tp1 tbody th2 {padding:15px 20px; background-color:#f7f7f7; border-top:1px solid #e1e1e1; font-family:'NanumGothic'; font-size:14px; color:#252525; text-align:center;} */
/*2018-06-05 강석 추가 */
.tbl_row_tp1 tbody td { background:#fff;padding:15px 20px; border-top:1px solid #e1e1e1; font-size:13px; color:#555; text-align:left;}
.tbl_row_tp1 tbody td input[type=text], .tbl_row_tp1 tbody td select {width:100%;}
.tbl_row_tp1 tbody tr:first-child th, .tbl_row_tp1 tbody tr:first-child td {border-top:0px;}
.tbl_row_tp1.bor_tp1 {}

.tbl_row_tp2 {width:100%;}
.tbl_row_tp2 thead th {padding:18px 15px; border-bottom:1px solid #e1e1e1; font-size:14px; color:#333; text-align:left; line-height:20px;}
.tbl_row_tp2 tbody td {height:500px; padding:18px 15px; font-size:13px; color:#555; text-align:left; line-height:20px; vertical-align:top}

.tbl_row_tp3 {width:100%;}
.tbl_row_tp3 tbody th {padding:12px 8px; background-color:#f7f7f7; border-top:1px solid #e1e1e1; font-family:'NanumGothic'; font-size:13px; color:#333;}
.tbl_row_tp3 tbody td {padding:12px 8px; border-top:1px solid #e1e1e1; font-size:13px; color:#555;}
.tbl_row_tp3 tbody tr:first-child th, .tbl_row_tp3 tbody tr:first-child td {border-top:0px;}

.tbl_row_tp4 {width:100%;}
.tbl_row_tp4 tbody th {padding:15px 20px; background-color:#f7f7f7; border-top:1px solid #e1e1e1; font-family:'NanumGothic'; font-size:14px; color:#252525; text-align:left;}
.tbl_row_tp4 tbody td { background:#fff;padding:5px 10px; border-top:1px solid #e1e1e1; font-size:13px; text-align:left;}
.tbl_row_tp4 tbody td input[type=text], .tbl_row_tp1 tbody td select {width:100%;}
.tbl_row_tp4 tbody tr:first-child th, .tbl_row_tp1 tbody tr:first-child td {border-top:0px;}
.tbl_row_tp4.bor_tp1 {border-bottom:1px solid #d1d1d1; border-top:1px solid #d1d1d1;}

/* #Board Pager */
.board_pager_wrap {overflow:hidden; width:auto; margin:20px 0;text-align:center;}
.board_pager {display:inline-block; *display:inline; *zoom:1; overflow:hidden;}
.board_pager .boardNav {display:inline-block; *display:inline; *zoom:1; float:left;}
.board_pager .boardNav li {float:left; height:25px; margin:0 2px;}
.board_pager .boardNav li:first-child {border-left:1px solid #e6e6e6;}
.board_pager .boardNav a {display:block; width:25px; height:25px; text-indent:-9999px;}
.board_pager .boardNav a.btn_first {background:url('../../images/common/paging_first.png') center center no-repeat;}
.board_pager .boardNav a.btn_last {background:url('../../images/common/paging_last.png') center center no-repeat;}
.board_pager .boardNav a.btn_prev {background:url('../../images/common/paging_prev.png') center center no-repeat;}
.board_pager .boardNav a.btn_next {background:url('../../images/common/paging_next.png') center center no-repeat;}

.board_pager .boardPage {float:left; overflow:hidden; margin:0 8px;}
.board_pager .boardPage li {float:left; height:25px; margin:0 2px; background-color:#fff; border:1px solid #d1d1d1;}
.board_pager .boardPage li:first-child {border-left:1px solid #e6e6e6;}
.board_pager .boardPage li a {display:block; height:25px; padding:0 10px; font-weight:bold; font-size:12px; line-height:25px; color:#888888; text-align:center;}
.board_pager .boardPage li.on {border:0px}
.board_pager .boardPage li.on a {font-weight:bold; color:#fff; background-color:#0ca1d8;}
.board_pager .boardPage li:hover a {font-weight:bold; color:#fff; background-color:#0ca1d8;}

.board_pager ul li a.disabled {cursor:not-allowed;}

/* 2018-07-18 강석 추가 - Board Pager*/
/*페이지링*/
#paging_div {clear:both; width:100%; overflow:hidden; margin-bottom:20px; }
#paging_div .paging_align{  width: 800px; height:30px; padding:0; margin:0 auto; padding-top:10px; text-align:center; }
#paging_div .paging_align .first { border:medium none; padding:0px; }
#paging_div .paging_align li { display:inline; border-right:1px solid #dddddd;  padding:3px; vertical-align:middle;}
#paging_div .paging_align li a { color:#666666; size:13px; padding: 5px 7px;  }
#paging_div .paging_align li a:hover { color:#004580; size:13px; padding: 5px 7px;}
#paging_div .paging_align a:active { color:#004580; size:13px; padding: 5px 7px;} 
#paging_div .paging_align a:visited { color:#004580; size:13px; padding: 5px 7px;}
#paging_div .paging_align strong { font-weight:bold; background-color:#008ac3; color:#fff; size:13px; padding: 5px 7px; }

/* #paging_div .paging_align li a { display:none;  } */
 
.pagination {
	display:inline-block;
	padding-left:0;
	margin:20px 0;
	border-radius:4px
}
.pagination>li {
	display:inline
}
.pagination>li>a, .pagination>li>span {
	position:relative;
	float:left;
	padding:6px 12px;
	margin-left:-1px;
	line-height:1.42857143;
	color:#428bca;
	text-decoration:none;
	background-color:#fff;
	border:1px solid #ddd
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
	margin-left:0;
	border-top-left-radius:4px;
	border-bottom-left-radius:4px
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
	border-top-right-radius:4px;
	border-bottom-right-radius:4px
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
	color:#2a6496;
	background-color:#eee;
	border-color:#ddd
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
	z-index:2;
	color:#fff;
	cursor:default;
	background-color:#428bca;
	border-color:#428bca
}
.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus {
	color:#777;
	cursor:not-allowed;
	background-color:#fff;
	border-color:#ddd
}
.pagination-lg>li>a, .pagination-lg>li>span {
	padding:10px 16px;
	font-size:18px
}
.pagination-lg>li:first-child>a, .pagination-lg>li:first-child>span {
	border-top-left-radius:6px;
	border-bottom-left-radius:6px
}
.pagination-lg>li:last-child>a, .pagination-lg>li:last-child>span {
	border-top-right-radius:6px;
	border-bottom-right-radius:6px
}
.pagination-sm>li>a, .pagination-sm>li>span {
	padding:5px 10px;
	font-size:12px
}
.pagination-sm>li:first-child>a, .pagination-sm>li:first-child>span {
	border-top-left-radius:3px;
	border-bottom-left-radius:3px
}
.pagination-sm>li:last-child>a, .pagination-sm>li:last-child>span {
	border-top-right-radius:3px;
	border-bottom-right-radius:3px
}
.pager {
	padding-left:0;
	margin:20px 0;
	text-align:center;
	list-style:none
}
.pager li {
	display:inline
}
.pager li>a, .pager li>span {
	display:inline-block;
	padding:5px 14px;
	background-color:#fff;
	border:1px solid #ddd;
	border-radius:15px
}
.pager li>a:hover, .pager li>a:focus {
	text-decoration:none;
	background-color:#eee
}
.pager .next>a, .pager .next>span {
	float:right
}
.pager .previous>a, .pager .previous>span {
	float:left
}
.pager .disabled>a, .pager .disabled>a:hover, .pager .disabled>a:focus, .pager .disabled>span {
	color:#777;
	cursor:not-allowed;
	background-color:#fff
}


/* #tab */
.tab_wrap {*zoom:1;}
.tab_wrap:after {content:""; display:block; clear:both;}
.tab_wrap .tab_header {}
.tab_wrap .tab_body {}
.tab_wrap .tab_body > .tabCont {display:none;}
.tab_wrap .tab_body > .tabCont.active {display:block;}

.tabMenu {*zoom:1;}
.tabMenu:after {content:""; display:block; clear:both;}
.tabMenu_tp1 {*zoom:1; margin-bottom:30px;}
.tabMenu_tp1:after {content:""; display:block; clear:both;}
.tabMenu_tp1 > li {float:left; position:relative; height:56px; line-height:56px;}
.tabMenu_tp1 > li > a {display:block; background-color:#69748a; border-left:1px solid #7e889c; font-family:'NanumGothic'; font-size:15px; color:#fff; text-align:center;}
.tabMenu_tp1 > li:first-child {border-left:0px;}
.tabMenu_tp1 > li .ico_arrow {display:none;}
.tabMenu_tp1 > li.on {background-color:#3f4a62;}
.tabMenu_tp1 > li.on > a {background-color:#3f4a62;}
.tabMenu_tp1 > li.on .ico_arrow {display:block; position:absolute; left:50%; bottom:-7px; width:14px; height:7px; margin-left:-8px; background:url('../../images/common/arrow_tabMenu_tp1.png') no-repeat;}
.tabMenu_tp1.sec2 > li {width:50%;}
.tabMenu_tp1.sec3 > li {width:33.33333%;}

/* .tabMenu_tp2 {*zoom:1; border-bottom:1px solid #2a9dc9;} */
.tabMenu_tp2 {*zoom:1; border-bottom:1px solid #ff8100;}
.tabMenu_tp2:after {content:""; display:block; clear:both;}
.tabMenu_tp2 > li {float:left; padding-top:1px;}
.tabMenu_tp2 > li > a {position:relative; top:-8px; padding:6px 30px; background-color:#fff; font-size:14px;}
/* .tabMenu_tp2 > li > a {position:relative; top:1px; padding:12px 30px; background-color:#fff; font-size:14px;} */
/* .tabMenu_tp2 > li.active > a {border:1px solid #ff8100; border-bottom:0px; color:#2a9dc9;} */
.tabMenu_tp2 > li.active > a {border:1px solid #ff8100; border-bottom:0px;color:#ff5e00;}

.tabMenu.tp3 {margin-bottom:20px;}
.tabMenu.tp3 > li {float:left; position:relative; height:40px; line-height:40px;}
.tabMenu.tp3 > li > a {display:block; background-color:#f7f7f7; font-family:'NanumGothic'; font-size:13px; color:#333; text-align:center;}
.tabMenu.tp3 > li:first-child {border-left:0px;}
.tabMenu.tp3 > li.active {background-color:#1585b0;}
.tabMenu.tp3 > li.active > a {background-color:#1585b0; color:#fff;}
.tabMenu.tp3.sec2 > li {width:50%;}
.tabMenu.tp3.sec3 > li {width:33.33333%;}

.tabMenu_tp4 {width:100%;}
.tabMenu_tp4 > li {float:left; width:12.5%; padding:2px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.tabMenu_tp4 > li > a {display:block; padding:10px 0; background-color:#fff; border:1px solid #e1e1e1; font-size:13px; text-align:center;}
.tabMenu_tp4 > li > a.active {background-color:#3ab8e8; border:1px solid #3ab8e8; color:#fff;}

/*2018-06-04 강석 추가 START*/
.tabMenu_tp99 {width:100%;}
.tabMenu_tp99 > li {float:left; width:12.5%; padding:2px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.tabMenu_tp99 > li > a {display:block; padding:10px 0; background-color:#fff; border:1px solid #e1e1e1; font-size:13px; text-align:center;}
.tabMenu_tp99 > li > a.active {background-color:#FF8224; border:1px solid #3ab8e8; color:#fff;}
/*2018-06-04 강석 추가 END*/

.tabCont {display:none;}
.tabCont.active {display:block;}


/* dl_type */



/* datepicker */

.ui-datepicker {width:17em; padding:.5em .8em; display:none; background-color:#fff; border:1px solid #2a9dc9;}
.ui-datepicker .ui-datepicker-header {position: relative;padding: .2em 0;}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {position: absolute;top: 12px;width: 2.8em;height: 1.8em; cursor:pointer;}
/* .ui-datepicker .ui-datepicker-prev-hover, */
/* .ui-datepicker .ui-datepicker-next-hover {top: 9px; color:#2a9dc9;} */
.ui-datepicker .ui-datepicker-prev {left: 10px; background:url('./../../images/common/btn_datepicker_prev.gif') left top no-repeat;}
.ui-datepicker .ui-datepicker-next {right: -10px; background:url('./../../images/common/btn_datepicker_next.gif') left top no-repeat;}
/* .ui-datepicker .ui-datepicker-prev-hover {left: 0px;} */
/* .ui-datepicker .ui-datepicker-next-hover {right: 0px;} */
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;}
.ui-datepicker .ui-datepicker-title {margin: 0 2.3em;line-height: 1.8em;text-align: center;}
.ui-datepicker .ui-datepicker-title select {font-size: 1em;margin: 1px 0;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {width: 45%; font-size:14px;}
.ui-datepicker table {width: 100%;font-size: .9em;border-collapse: collapse;margin: 0 0 .4em;}
.ui-datepicker th {padding: .7em .3em;text-align: center;font-weight: bold;border: 0;}
.ui-datepicker td {border: 0;padding: 1px;}
.ui-datepicker td span,
.ui-datepicker td a {display: block;padding: .2em;text-align: center;text-decoration: none;font-size: 12px;color: #111111;}
.ui-datepicker td.ui-state-disabled span {cursor:not-allowed;}
/* .ui-datepicker td a:hover {background-color:#2a9dc9; color:#fff;} */
.ui-datepicker .ui-datepicker-buttonpane {background-image: none;margin: .7em 0 0 0;padding: 0 .2em;border-left: 0;border-right: 0;border-bottom: 0;}
.ui-datepicker .ui-datepicker-buttonpane button {float: right;margin: .5em .2em .4em;cursor: pointer;padding: .2em .6em .3em .6em;width: auto;overflow: visible;}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {float: left;}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {width: auto;}
.ui-datepicker-multi .ui-datepicker-group {float: left;}
.ui-datepicker-multi .ui-datepicker-group table {width: 95%;margin: 0 auto .4em;}
.ui-datepicker-multi-2 .ui-datepicker-group {width: 50%;}
.ui-datepicker-multi-3 .ui-datepicker-group {width: 33.3%;}
.ui-datepicker-multi-4 .ui-datepicker-group {width: 25%;}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {border-left-width: 0;}
.ui-datepicker-multi .ui-datepicker-buttonpane {clear: left;}
.ui-datepicker-row-break {clear: both;width: 100%;font-size: 0;}

/* RTL support */
.ui-datepicker-rtl {direction: rtl;}
.ui-datepicker-rtl .ui-datepicker-prev {right: 2px;left: auto;}
.ui-datepicker-rtl .ui-datepicker-next {left: 2px;right: auto;}
.ui-datepicker-rtl .ui-datepicker-prev:hover {right: 1px;left: auto;}
.ui-datepicker-rtl .ui-datepicker-next:hover {left: 1px;right: auto;}
.ui-datepicker-rtl .ui-datepicker-buttonpane {clear: right;}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {float: left;}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {float: right;}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {border-right-width: 0;border-left-width: 1px;}


/* 팝업 */
.lp_wrap {display:none; position:fixed; left:0px; top:0px; width:100%; height:100%; background:url('../../images/common/bg_black_70p.png'); z-index:105; text-align:center;}
.lp_wrap:before {content:""; display:inline-block; *display:inline; *zoom:1; height:100%; vertical-align:middle;}
.lp_wrap .lp_inner {position:relative; display:inline-block; *display:inline; *zoom:1; background-color:#fff; vertical-align:middle}
.lp_wrap .lp_inner.tp1 {width:900px; min-height:800px;}
.lp_wrap .lp_inner.tp2 {width:500px; min-height:200px;}
.lp_wrap .lp_inner.tp2 .search_wrap {padding:0; margin:0;}
.lp_wrap .lp_inner.tp4 {width:700px; min-height:200px;}
.lp_wrap .lp_inner .lp_header {height:55px;background-color: #0f9579;}
.lp_wrap .lp_inner .lp_header h1 {padding-left:30px; font-family:'NanumGothic'; font-size:18px; color:#fff; line-height:55px; text-align:left;}
.lp_wrap .lp_inner .lp_header .btn_close {display:block;position:absolute;right:18px;top: 21px;width:22px;height:22px;background:url('../../images/common/btn_lp_close.png') no-repeat;background-size: 12px;}
.lp_wrap .lp_inner .lp_body {padding:20px; overflow-y: auto; max-height: calc(100vh - 150px);}
.lp_wrap .lp_inner .mapArea {overflow:hidden; width:420px; height:200px;}

/* 이략팝업  2018-07-14 강석 추가 */
.lp_wrap99 {display:none; position:fixed; left:0px; top:0px; width:100%; height:100%; background:url('../../images/common/bg_black_70p.png'); z-index:105; text-align:center;}
.lp_wrap99:before {content:""; display:inline-block; *display:inline; *zoom:1; height:100%; vertical-align:middle;}
.lp_wrap99 .lp_inner {position:relative; display:inline-block; *display:inline; *zoom:1; background-color:#fff; vertical-align:middle}
.lp_wrap99 .lp_inner.tp1 {width:900px; min-height:1000px;}
.lp_wrap99 .lp_inner.tp2 {width:500px; min-height:1000px;}
.lp_wrap99 .lp_inner.tp4 {width:700px; min-height:1000px;}
.lp_wrap99 .lp_inner .lp_header {height:55px; background-color:#ff8100;}
.lp_wrap99 .lp_inner .lp_header h1 {padding-left:30px; font-family:'NanumGothic'; font-size:18px; color:#fff; line-height:55px; text-align:left;}
.lp_wrap99 .lp_inner .lp_header .btn_close {display:block; position:absolute; right:18px; top:18px; width:22px; height:22px; background:url('../../images/common/btn_lp_close.png') no-repeat;}
.lp_wrap99 .lp_inner .lp_body {padding:20px; overflow-y: auto; max-height: 1400px;}
.lp_wrap99 .lp_inner .mapArea {overflow:hidden; width:420px; height:1000px;}

/* 팝업 */
.lp_wrap2 {display:none; position:fixed; left:0px; top:0px; width:499px; height:499px; z-index:105; text-align:center;}
.lp_wrap2:before {content:""; display:inline-block; *display:inline; *zoom:1; height:100%; vertical-align:middle;}
.lp_wrap2 .lp_inner {position:relative; display:inline-block; *display:inline; *zoom:1; background-color:#fff; vertical-align:middle}
.lp_wrap2 .lp_inner.tp1 {width:900px; min-height:800px;}
.lp_wrap2 .lp_inner.tp2 {width:500px; min-height:200px;}
.lp_wrap2 .lp_inner.tp4 {width:700px; min-height:200px;}
.lp_wrap2 .lp_inner .lp_header {height:55px; background-color:#ff8100;}
.lp_wrap2 .lp_inner .lp_header h1 {padding-left:30px; font-family:'NanumGothic'; font-size:18px; color:#fff; line-height:55px; text-align:left;}
.lp_wrap2 .lp_inner .lp_header .btn_close {display:block; position:absolute; right:18px; top:18px; width:22px; height:22px; background:url('../../images/common/btn_lp_close.png') no-repeat;}
.lp_wrap2 .lp_inner .lp_body {padding:20px; overflow-y: auto; max-height: 800px;}
.lp_wrap2 .lp_inner .mapArea {overflow:hidden; width:420px; height:200px;}

/* 팝업 Insert 2018-07-14 강석 추가 */
.lp_wrapInsert {display:none; position:fixed; left:0px; top:0px; width:100%; height:100%; background:url('../../images/common/bg_black_70p.png'); z-index:105; text-align:center;}
.lp_wrapInsert:before {content:""; display:inline-block; *display:inline; *zoom:1; height:100%; vertical-align:middle;}
.lp_wrapInsert .lp_inner {position:relative; display:inline-block; *display:inline; *zoom:1; background-color:#fff; vertical-align:middle}
.lp_wrapInsert .lp_inner.tp1 {width:900px; min-height:800px;}
.lp_wrapInsert .lp_inner.tp2 {width:500px; min-height:200px;}
.lp_wrapInsert .lp_inner.tp4 {width:700px; min-height:200px;}
.lp_wrapInsert .lp_inner .lp_header {height:55px; background-color:#ff8100;}
.lp_wrapInsert .lp_inner .lp_header h1 {padding-left:30px; font-family:'NanumGothic'; font-size:18px; color:#fff; line-height:55px; text-align:left;}
.lp_wrapInsert .lp_inner .lp_header .btn_close {display:block; position:absolute; right:18px; top:18px; width:22px; height:22px; background:url('../../images/common/btn_lp_close.png') no-repeat;}
.lp_wrapInsert .lp_inner .lp_body {padding:20px; overflow-y: auto; max-height: 800px;}
.lp_wrapInsert .lp_inner .mapArea {overflow:hidden; width:420px; height:200px;}

/* 팝업 Update 2018-07-14 강석 추가 */
.lp_wrapUpdate {display:none; position:fixed; left:0px; top:0px; width:100%; height:100%; background:url('../../images/common/bg_black_70p.png'); z-index:105; text-align:center;}
.lp_wrapUpdate:before {content:""; display:inline-block; *display:inline; *zoom:1; height:100%; vertical-align:middle;}
.lp_wrapUpdate .lp_inner {position:relative; display:inline-block; *display:inline; *zoom:1; background-color:#fff; vertical-align:middle}
.lp_wrapUpdate .lp_inner.tp1 {width:900px; min-height:800px;}
.lp_wrapUpdate .lp_inner.tp2 {width:500px; min-height:200px;}
.lp_wrapUpdate .lp_inner.tp4 {width:700px; min-height:200px;}
.lp_wrapUpdate .lp_inner .lp_header {height:55px; background-color:#ff8100;}
.lp_wrapUpdate .lp_inner .lp_header h1 {padding-left:30px; font-family:'NanumGothic'; font-size:18px; color:#fff; line-height:55px; text-align:left;}
.lp_wrapUpdate .lp_inner .lp_header .btn_close {display:block; position:absolute; right:18px; top:18px; width:22px; height:22px; background:url('../../images/common/btn_lp_close.png') no-repeat;}
.lp_wrapUpdate .lp_inner .lp_body {padding:20px; overflow-y: auto; max-height: 800px;}
.lp_wrapUpdate .lp_inner .mapArea {overflow:hidden; width:420px; height:200px;}



/* Q&A 답변완료 표시 */
.icon_OK{
	display: inline-block;
	font-family:'NanumGothic';
	font-weight:bold;
    color: #fff;
    background-color: #e1503e;
    font-size: 11px;
    line-height: 1;
    text-align: center;
    vertical-align: middle;
    padding: 5px 6px;
}


/* jssor slider bullet navigator skin 03 css */
/*
        .jssorb03 div           (normal)
        .jssorb03 div:hover     (normal mouseover)
        .jssorb03 .av           (active)
        .jssorb03 .av:hover     (active mouseover)
        .jssorb03 .dn           (mousedown)
        */
.jssorb03 {
	position: absolute;
}

.jssorb03 div, .jssorb03 div:hover, .jssorb03 .av {
	position: absolute;
	/* size of bullet elment */
	width: 21px;
	height: 21px;
	text-align: center;
	line-height: 21px;
	color: white;
	font-size: 12px;
	background: url('../../images/plugins/jssor/b03.png') no-repeat;
	overflow: hidden;
	cursor: pointer;
}

.jssorb03 div {
	background-position: -5px -4px;
}

.jssorb03 div:hover, .jssorb03 .av:hover {
	background-position: -35px -4px;
}

.jssorb03 .av {
	background-position: -65px -4px;
}

.jssorb03 .dn, .jssorb03 .dn:hover {
	background-position: -95px -4px;
}

/* jssor slider arrow navigator skin 03 css */
/*
        .jssora03l                  (normal)
        .jssora03r                  (normal)
        .jssora03l:hover            (normal mouseover)
        .jssora03r:hover            (normal mouseover)
        .jssora03l.jssora03ldn      (mousedown)
        .jssora03r.jssora03rdn      (mousedown)
        */
.jssora03l, .jssora03r {
	display: block;
	position: absolute;
	/* size of arrow element */
	width: 55px;
	height: 55px;
	cursor: pointer;
	background: url('../../images/plugins/jssor/a03.png') no-repeat;
	overflow: hidden;
}

.jssora03l {
	background-position: -3px -33px;
}

.jssora03r {
	background-position: -63px -33px;
}

.jssora03l:hover {
	background-position: -123px -33px;
}

.jssora03r:hover {
	background-position: -183px -33px;
}

.jssora03l.jssora03ldn {
	background-position: -243px -33px;
}

.jssora03r.jssora03rdn {
	background-position: -303px -33px;
}


.i-btn.star {background: url(../../../images/map/icon-star.png) -20px -1px no-repeat;}
.i-btn.star.on {background: url(../../../images/map/icon-star.png) 0 -1px no-repeat;}
.i-btn.i-analysis {border:none; width: 16px; height: 16px; background: url(../images/icon-analysis.png) 0 0 no-repeat;}
.i-btn.i-character {background: url(../../../images/map/icon-character.png) 50% 50% no-repeat;}
.i-btn.i-code {background: url(../../../images/map/icon-code.png) 50% 50% no-repeat;}
.i-btn.i-number {background: url(../../../images/map/icon-number.png) 50% 50% no-repeat;}
.i-btn.i-date {background: url(../../../images/map/icon-date.png) 50% 50% no-repeat;}
.filtering .i-btn {width: 32px; padding: 0; font-size: 0; line-height: 0;}
.filtering .btn, .i-btn {height:32px; display:inline-block; margin:0; padding: 9px 20px 7px; text-align:center; vertical-align:middle; touch-action:manipulation;
	cursor:pointer; background-image:none; background-color:#fdfcfc; border:1px solid #d7d7d7; white-space:nowrap; font-size:13px; font-weight:normal;
	line-height:1.2; border-radius:2px; color:#222 !important; word-spacing:-1px;}
/* .btn:hover, .btn:focus, .btn.focus, .i-btn:hover, .i-btn:focus, .i-btn.focus {color:#222; font-weight:bold; text-decoration:none; opacity:0.8; background-color:#EAEAEA; border:1px solid #000000;} */
.mapControl_list .btn:hover, .mapControl_list span:hover {background-color: none !important;}
.filtering {display:none;}
.filtering.on {display:block;top: 50%;left: 50%;transform: translate(-50%,-50%);}
/*지도*/
.box-flex {display: flex; justify-content: space-between; width:910px; padding: 20px;}
.b-box span, .b-box label {font-size:13px;}
.modal .pop-box .body-area .box-flex .contents, .modal .pop-box .body-area .box-filter .contents {padding: 0;}
.box-flex .contents.left, .box-filter .contents.left {width: 300px;}
.box-flex .contents.left .span_select { cursor:pointer; font-size:13px;}
.box-flex .contents.left .span_select.selected { color:#218ace; font-style: italic; font-weight:bold; }
.box-flex .contents .top {display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px;}
.box-flex .contents .top h3 {margin-bottom: 0;}
.box-flex .contents .top label {margin-right: 10px; font-size:13px;}
.box-flex .contents .top input[type="text"] {width: 165px;}
.box-flex .contents .top .btn, .checklist .contents .top .btn {height: 30px; padding: 7px 10px 6px;}
.box-flex .contents .b-box,.checklist .contents .b-box {max-height: 400px; padding: 5px 10px; overflow-y: auto;}
.box-flex .contents .b-box li,.checklist .contents .b-box li{padding: 8px 15px;}
.box-flex .contents .b-box li ul,.checklist .contents .b-box li ul {margin-top: 5px;}
.box-flex .contents .b-box li li,.checklist .contents .b-box li li {padding: 8px 15px 8px 34px;}
.box-flex .contents .b-box li.on,.checklist .contents .b-box li.on {background-color: #f0f1f4;}
.box-flex .contents .b-box li .type,.checklist .con.box-flex .m-btn .btntents .b-box li .type {margin: 0 7px 0 0; vertical-align: middle;}
.box-flex .contents.m-btn {display: flex; width: 36px; margin:0 10px !important; align-items: center;}
.box-flex .contents.m-btn div {width: 32px;}
.box-flex .m-btn .btn {padding: 40px 5px 15px; height: auto; font-size: 12px;}

.box-flex .m-btn .btn + .btn {margin-top: 10px;}
.box-flex .contents.right {width: 550px;}
.box-flex .contents.right input[type="checkbox"] + label span {margin-right: 8px;}
.box-flex .right .b-box li {display: inline-block; width: calc(50% - 2px);}
.box-flex .right .b-box ul {position: relative;}
.box-flex .right .b-box ul::after, .layer-box .box-flex .right .b-box ul::before {position: absolute; content: ''; width: 1px; height: 100%; background-color:#e2e2e2; top: 10px; left: 50%;}
.contents .b-box .attr-name li {padding: 10px 15px 0;}
.contents .b-box .attr-name li input[type="text"] {margin-left: 5px; width: calc(100% - 40px);}
.box-filter {display: flex; justify-content: space-between; width:500px; padding: 20px;}
.box-filter .contents .b-box {height: 399px; padding: 5px 0; overflow-y: auto;}
.box-filter .contents.right {width: 250px; margin:28px 0 0 15px;}
.box-filter .contents.right .r-btn {margin-bottom: 10px;}
.box-filter .contents.right .r-btn .btn {width: 52px; padding: 7px 6px 6px;margin-bottom: 5px; text-align: center;}
.box-filter .contents.right .r-btn .btn.wide {width: 108px;}
.box-filter .contents.right textarea {height: 139px;}
.r-btn {text-align: right;}
.c-btn {text-align: center;}
.a-btn, .s-between {display: flex; justify-content:space-between;}
.modal .pop-box .c-btn.s-between {padding: 12px 15px;}

i {display:inline-block; overflow:hidden; background:url(../../../images/map/bg_icon.png) no-repeat; line-height:999px; vertical-align: middle;}
.type {display: inline-block; width: 16px; height: 16px;  border: #d7d7d7 1px solid; background-color: #fff; text-align: center;}
.type i {vertical-align: top; background-color: #666; background-image: none;}
.type i.t-line {width: 10px; height: 2px; margin-top: 6px;}
.type i.t-rect {width: 8px; height: 8px; margin-top: 3px;}
.type i.t-cir {width: 8px; height: 8px; border-radius: 50%; margin-top: 3px;}

.modal .btn, .modal .i-btn {height:32px; display:inline-block; margin:0; padding: 9px 20px 7px; text-align:center; vertical-align:middle; touch-action:manipulation;
	cursor:pointer; background-image:none; background-color:#fdfcfc; border:1px solid #d7d7d7; white-space:nowrap; font-size:13px; font-weight:normal;
	line-height:1.2; border-radius:2px; color:#222; word-spacing:-1px;}
/* .modal .btn:hover, .modal .btn:focus, .modal .btn.focus, 
.modal .i-btn:hover, .modal .i-btn:focus, .modal .i-btn.focus {color:#222; font-weight:bold; text-decoration:none; opacity:0.8; background-color:#EAEAEA; border:1px solid #000000;} */
.modal .btn:active, .modal .btn.active, .modal .i-btn:active, .modal .i-btn.active {outline:0; background-image:none;}
.modal .btn_close {text-indent:0;}
.modal .btn.disabled, .modal .btn[disabled], .modal fieldset[disabled] .btn, 
.modal select.disabled {cursor:not-allowed; opacity:0.65; filter:alpha(opacity=65);}
.modal .btn.gray {border:none; background-color:#63687b; color:#fff !important;}
.modal .btn.blue {border:none; background-color: #218ace; color:#fff;}
.modal .btn.red {border:#d41221 1px solid; background-color:#e60012; color:#fff;}
.modal .btn.on {border-color:#3085df; background-color:#3085df; color:#fff;}
.modal .i-btn {width: 32px; padding: 0; font-size: 0; line-height: 0;}
.i-btn {width: 32px; padding: 0; font-size: 0; line-height: 0;}
.modal .bt-select-open, .modal .bt-select-close {padding-right: 35px; border-radius: 3px; background-position: calc(100% - 12px) 50%;}
.modal .bt-select-open {background-image: url(../../../images/map/icon-select-arrow-down.png);}
.modal .bt-select-close {background-image: url(../../../images/map/icon-select-arrow.png);}
.modal .i-btn.first-up, .modal .i-btn.last-down {background: url(../../../images/map/btn_first_up.png) 50% 50% no-repeat;}
.modal .i-btn.arrow-up, .modal .i-btn.arrow-down, .modal .i-panel_up {background: url(../../../images/map/btn_arrow_up.png) 50% 50% no-repeat;}
.modal .i-panel_down {background: url(../../../images/map/btn_arrow_down02.png) 50% 50% no-repeat; }
.modal .i-btn.arrow-close, .modal .i-btn.arrow-open{width: 16px; height: 16px; border: none; background: url(../../../images/map/btn_arrow_down.png) 50% 50% no-repeat;}
.modal .i-btn.arrow-down, .modal .i-btn.last-down, .modal .i-btn.arrow-close {transform: rotate(180deg);}
.modal .i-btn.add {background: url(../../../images/map/bg_icon.png) -384px -101px no-repeat;}
.modal .i-btn.del {background: url(../../../images/map/bg_icon.png) -384px -128px no-repeat;}
.modal .btn + .btn,.modal  input[type="text"] + .btn {margin: 0 0 0 0px;}
.modal .i-btn.plus,.modal .i-btn.minus, .modal .i-btn.star {border: none; width: 16px; height: 16px; margin-right: 7px;}
.modal .i-btn.plus {background: url(../../../images/map/ico_plus.png) 0 0 no-repeat;}
.modal .i-btn.minus {background: url(../../../images/map/ico_minus.png) 0 0 no-repeat;}
.modal .i-btn.star {background: url(../../../images/map/icon-star.png) -20px -1px no-repeat;}
.modal .i-btn.star.on {background: url(../../../images/map/icon-star.png) 0 -1px no-repeat;}
.modal .i-btn.i-analysis {border:none; width: 16px; height: 16px; background: url(../../../images/map/icon-analysis.png) 0 0 no-repeat;}
.modal .i-btn.i-character {background: url(../../../images/map/icon-character.png) 50% 50% no-repeat;}
.modal .i-btn.i-code {background: url(../../../images/map/icon-code.png) 50% 50% no-repeat;}
.modal .i-btn.i-number {background: url(../../../images/map/icon-number.png) 50% 50% no-repeat;}
.modal .i-btn.i-date {background: url(../../../images/map/icon-date.png) 50% 50% no-repeat;}
.modal i.i-excel {width: 17px; height: 17px; margin: 0 6px 0 -8px; background-position: -2px -189px;}
.panel_wrap .r-btn {text-align: right;}
.panel_wrap .c-btn {text-align: center;}
.panel_wrap .a-btn,.panel_wrap  .s-between {display: flex; justify-content:space-between;}
.panel_wrap .modal .pop-box .c-btn.s-between {padding: 12px 15px;}
.panel_wrap i {display:inline-block; overflow:hidden; background:url(../../../images/map/bg_icon.png) no-repeat; line-height:999px; vertical-align: middle;}
.panel_wrap .btn,.panel_wrap .i-btn {height:32px; display:inline-block; margin:0; padding: 9px 20px 7px; text-align:center; vertical-align:middle; touch-action:manipulation;
	cursor:pointer; background-image:none; background-color:#fdfcfc; border:1px solid #d7d7d7; white-space:nowrap; font-size:13px; font-weight:normal;
	line-height:1.2; border-radius:2px; color:#222; word-spacing:-1px;}
.panel_wrap .btn:hover,.panel_wrap  .btn:focus,.panel_wrap  .btn.focus,.panel_wrap  .i-btn:hover,
.panel_wrap .i-btn:focus, .panel_wrap .i-btn.focus {color:#222; font-weight:bold; text-decoration:none; opacity:0.8; background-color:#EAEAEA; border:1px solid #000000;}
.panel_wrap .btn:active, .panel_wrap .btn.active, .panel_wrap .i-btn:active, 
.panel_wrap .i-btn.active {outline:0; background-image:none;}
.panel_wrap .btn.disabled, .panel_wrap .btn[disabled], .panel_wrap fieldset[disabled] .btn, 
.panel_wrap select.disabled {cursor:not-allowed; opacity:0.65; filter:alpha(opacity=65);}
.panel_wrap .btn.gray {border:none; background-color:#63687b; color:#fff !important;}
.panel_wrap .btn.green {background-color:#75ba29; color:#fff; border:none;}
.panel_wrap .btn.blue {border:none; background-color: #4173b9; color:#fff;}
.panel_wrap .btn.red {border:#d41221 1px solid; background-color:#e60012; color:#fff;}
.panel_wrap .btn.on {border-color:#3766a8; background-color:#3766a8; color:#fff;}
.panel_wrap .i-btn {width: 32px; padding: 0; font-size: 0; line-height: 0;}
.panel_wrap .bt-select-open, .panel_wrap .bt-select-close {padding-right: 35px; border-radius: 3px; background-position: calc(100% - 12px) 50%;}
.panel_wrap .bt-select-open {background-image: url(../../../images/map/icon-select-arrow-down.png);}
.panel_wrap .bt-select-close {background-image: url(../../../images/map/icon-select-arrow.png);}
.panel_wrap .i-btn.first-up, .panel_wrap .i-btn.last-down {background: url(../../../images/map/btn_first_up.png) 50% 50% no-repeat;}
.panel_wrap .i-btn.arrow-up, .panel_wrap .i-btn.arrow-down, .panel_wrap .i-panel_up {background: url(../../../images/map/btn_arrow_up.png) 50% 50% no-repeat;}
.panel_wrap .i-panel_down {background: url(../../../images/map/btn_arrow_down02.png) 50% 50% no-repeat; }
.panel_wrap .i-btn.arrow-close, .panel_wrap .i-btn.arrow-open{width: 16px; height: 16px; border: none; background: url(../../../images/map/btn_arrow_down.png) 50% 50% no-repeat;}
.panel_wrap .i-btn.arrow-down, .panel_wrap .i-btn.last-down, .panel_wrap .i-btn.arrow-close {transform: rotate(180deg);}
.panel_wrap .i-btn.add {background: url(../../../images/map/bg_icon.png) -384px -101px no-repeat;}
.panel_wrap .i-btn.del {background: url(../../../images/map/bg_icon.png) -384px -128px no-repeat;}
/* .panel_wrap .btn + .btn, .panel_wrap input[type="text"] + .btn {margin: 0 0 0 1px;} */
.panel_wrap .i-btn.plus, .panel_wrap .i-btn.minus, .panel_wrap .i-btn.star {border: none; width: 16px; height: 16px; margin-right: 7px; }
.panel_wrap .i-btn.plus {background: url(../../../images/map/ico_plus.png) 0 0 no-repeat;}
.panel_wrap .i-btn.minus {background: url(../../../images/map/ico_minus.png) 0 0 no-repeat;}
.panel_wrap .i-btn.star {background: url(../../../images/map/icon-star.png) -20px -1px no-repeat;}
.panel_wrap .i-btn.star.on {background: url(../../../images/map/icon-star.png) 0 -1px no-repeat;}
.panel_wrap .i-btn.i-analysis {border:none; width: 16px; height: 16px; background: url(../../../images/map/icon-analysis.png) 0 0 no-repeat;}
.panel_wrap .i-btn.i-character {background: url(../../../images/map/icon-character.png) 50% 50% no-repeat;}
.panel_wrap .i-btn.i-code {background: url(../../../images/map/icon-code.png) 50% 50% no-repeat;}
.panel_wrap .i-btn.i-number {background: url(../../../images/map/icon-number.png) 50% 50% no-repeat;}
.panel_wrap .i-btn.i-date {background: url(../../../images/map/icon-date.png) 50% 50% no-repeat;}
.panel_wrap i.i-excel {width: 17px; height: 17px; margin: 0 6px 0 -8px; background-position: -2px -189px;}
.btn.arrow-left {background: url(../../../images/map/btn_left.png) 50% 35% no-repeat;}
.btn.arrow-right {background: url(../../../images/map/btn_right.png) 50% 35% no-repeat;}

.r-Btn {margin-left: auto;}
.i-btn.layerset {width: 16px; height: 16px;  background: url(../../../images/map/map_layer.png) center center no-repeat; border: none; border-radius: 0;}

.setting-box {position: absolute;left: calc(100% + 0px);width: 150px;padding-bottom: 5px;background-color: #fff;box-shadow: 1px 1px 6px 0px rgba(51, 51, 51, 0.2);z-index: 40;top: 50%;transform: translateY(-50%);}
.setting-box .slider_wrap {height: 34px; padding: 13px 15px; margin-bottom: 5px; background-color: #404d60;}
.setting-box .slider_wrap .tooltip { font-size:11px; text-align:center; line-height:16px; }
#custom-handle {font-size:12px;width: auto;height: auto;padding: 3px;}
.setting-box .btn {width: calc(100% - 24px); margin: 2px 12px 5px; display:block;}
/* .setting-box .btn:hover {background-color: rgba(0, 0, 0, 0.05); } */
.b-box{border:1px solid #d7d7d7; border-radius:4px; padding:10px;;}
.b-box h3{color:#1e1e1e; font-size:14px; text-align:center; padding: 7px 0 12px;}
.modal .btn.gray.btn_close {text-indent:0;}

.layer_attr_table {
	width: 100%;
	height: 100%;
}

.layer_attr_table .main_area {
	width: 100%;
	height: calc(100% - 100px);
	overflow: auto;
}

.layer_attr_table .main_area table#attr_table {
	width: auto;
	min-width: 100%;
	border-top: 0;
}

.layer_attr_table .main_area table#attr_table thead tr th {
	border-top: 1px solid #3e4452;
}

.layer_attr_table .main_area table#attr_table thead tr th, .layer_attr_table .main_area table#attr_table tbody tr td {
	white-space: nowrap;
}

.layer_attr_table .main_area table#attr_table thead tr th.asc:after, .layer_attr_table .main_area table#attr_table thead tr th.desc:after {
	float: inherit;
	width: 13px;
	margin-left: 2px;
}

.layer_attr_table .top_area {
	text-align: right;
	padding: 5px 15px;
	margin-bottom:10px;
}
.layer_attr_table .top_area::after {
	content:'';
	display:block;
	clear:both;
}
.layer_attr_table .top_area .select-box {
	float: right; /* float: left; */
}

.layer_attr_table .top_area .location_btn {
    background: url(../images/icon/ico_location_64_64.png) 0 0 no-repeat;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    margin-left: 5px;
}

.layer_attr_table .top_area .cql_input {
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 400px;
    border-bottom: 1px solid;
    display: inline-block;
    vertical-align: middle;
}

.layer_attr_table .top_area .search_grp {
	display: inline-block;
	float: left;
}

.layer_attr_table .top_area .search_grp label span {
	margin: 0px 4px 0 2px;
}

.layer_attr_table .paging_area {
	width: 100%;
    position: relative;
    background: #f0f1f4;
    padding: 12px 0;
    height: 48px;
}

.layer_attr_table .paging_area .paging {
	margin-top: 0px;
}

.layer_attr_table .paging_area .select-box {
	position: absolute;
	min-width: 30px;
	left: 10px;
	top: 8px;
}

.layer_attr_table .bottom_area {
	width: 100%;
	height: 40px;
	line-height: 40px;
    -ms-user-select: none;
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

.layer_attr_table .btn_grp {
    margin-right: 15px;
    position: absolute;
    right: 0;
    top: 7px;
}

.layer_attr_table th.asc:after {
    background: url(../images/icon/ico_sort_asc_16_16.png) no-repeat;
    content: "";
    display: inline-block;
    height: 8px;
    width: 16px;
    float: right;
    margin-top: 4px;
}

.layer_attr_table th.desc:after {
    background: url(../images/icon/ico_sort_desc_16_16.png) 0 -8px no-repeat;
    content: "";
    display: inline-block;
    height: 8px;
    width: 16px;
    float: right;
    margin-top: 4px;
}

/* loding */
.o2-loading {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    z-index: 9999;
    width: 100%;
    height: 100%;
    display: table;
}

.o2-loading>div {
    display: table-cell;
    vertical-align: middle;
}

.o2-loading>div>pre {
    font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
    
    display: block;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border-radius: 4px;
	
    width: 230px;
    margin: 0 auto;
    text-align: center;
    pointer-events: painted;
    border: 1px solid #ccc;
    padding: 9.5px;
}

.o2-loading>div>pre>img {
    width: 15px;
    height: 15px;
}

.o2-loading>div>pre>span {
    cursor: pointer;
}



/* ============================== */
/* override */
/* ============================== */
/*.paging {margin-top: 15px; text-align:center;}*/
.paging {margin-top: 5px; text-align:center;}
.paging > .page {width:22px; height:22px; overflow:hidden; text-align:left; text-indent:-9999px;}
.paging > a {display:inline-block; cursor:pointer; width:25px; height:25px; border-radius:3px;}
.paging > a:not(.page) {padding: 5px 8px 0; vertical-align:top;}
.paging > a.current, .paging > a.current:hover {background-color:#218ace; color:#fff;}
.paging > a:hover {font-weight: 600;}
.paging > .page:hover {z-index:1;}
.paging .first {background:url(../../../images/common/btn_first.png) center center no-repeat;}
.paging .next {background:url(../../../images/common/btn_next.png) center center no-repeat;}
.paging .prev {background:url(../../../images/common/btn_prev.png) center center no-repeat;}
.paging .last {background:url(../../../images/common/btn_last.png) center center no-repeat;}
/*.listbottom {background-color:#f0f1f4; padding:12px;}*/
.listbottom {padding:7px;}
.paging > a:not(.page) {
    padding: 4px 5px;
    width: auto;
    min-width: 22px;
    margin: 0 1px;
    height: 22px;
}
.search_grp label {
	font-size:13px;
}
.select-box {display: inline-block; margin: 0 1px; vertical-align: middle;}
.select-box select {padding: 1px 35px 0 8px; height: 30px; width: auto; line-height: 28px; border-radius: 3px; background-image: url(../../../images/map/icon-select-arrow.png); background-position: calc(100% - 12px) 50%; color: #444; background-repeat: no-repeat; cursor: pointer; -webkit-appearance: none; /* 화살표 없애기 for chrome*/ -moz-appearance: none; /* 화살표 없애기 for firefox*/ appearance: none; /* 화살표 없애기 공통*/ background-color: #fff;}
.select-box select option.hover {background: #ebf8f7;}
.select-box select::-ms-expand {display: none; /* 화살표 없애기 for IE10, 11*/}
.select-box + .select-box {margin-left: 5px !important;}
select.wfull, input.wfull { width: 100%; }
.wfull select { width: 100%; }
.table {width:100%; border-top:1px solid #3e4452; background-color:#fff; vertical-align: top;}
.table:not(.list) {border: #d9d9d9 1px solid;}
.table th {background-color: #f8f8f8;}
.table th {padding: 7px 8px; border-right: 1px solid #d5d5d5; border-bottom: 1px solid #e7e7e7; font-weight:normal; text-align:center; font-size:13px;}
/*.table td {padding: 7px 8px;border-right: 1px solid #d5d5d5;border-bottom: 1px solid #e7e7e7;font-weight:normal;text-align:left;font-size: 13px;}*/
.table td {padding: 4px 8px;border-right: 1px solid #d5d5d5;border-bottom: 1px solid #e7e7e7;font-weight:normal;text-align:left;font-size: 13px;}
.table thead th {text-align:center;}
.table.list th,.table .table.list th{padding: 7px 5px 6px;}
.table th:last-child, .table td:last-child {border-left:0; border-right:0;}
.table.list th, .table.list td {text-align:center;font-size: 13px;}
.table.list thead tr th,.table .table.list thead tr th{border-bottom: #a5a5a5 1px solid;}
.table.list tbody tr:hover td {background-color:#f0f1f4;}
.table tr.on td {background-color:#f1f5fe !important;}
.table td input[type="text"] {vertical-align:top;}
.table.form td {padding:5px 8px;}
.table:not(.list) tr:last-child th, .table:not(.list) tr:last-child td {border-bottom: none;}
.table.form td span .btn {margin:0 1px;}
.star::after {content:'*'; display:inline-block; margin:0 0 0 8px; color:#e60012; vertical-align:top;}
.table.form td em {line-height: 28px; padding: 0 2px;}
.table.no-border,.table.no-border th,.table.no-border td{border:0;}
.table.no-border th, .table.no-border td{padding: 5px 0;}
.table.no-border th{background-color:#fff;}
.table.no-border td {font-weight: 600;}
table.no-border input{width:100%}
table.no-border .select-box{width:90%}
table.no-border select{width:100%}
.table.tx-center thead tr th {border-bottom: #d5d5d5 1px solid !important; padding: 7px 4px;}
.line-right {border-right: 1px solid #d5d5d5 !important;}
.table.list td .btn{height: 27px; margin: -2px 0; line-height: 1; padding: 6px 12px 5px;}
.table.list td .select-box, .table.list td .select-box select {height: 27px; line-height: 26px;}
.top-area {display: flex; justify-content: space-between; align-items: center; height:45px; padding: 0 20px; background-color: #404d60;}
.top-area h1 {color: #fff; font-size:16px;}


.page .body-area{padding:20px}
.page h3 {font-size:16px; font-weight:bold; margin-bottom:5px;}
.tabs {margin:0; overflow:hidden; position:relative;}
.tabs:after {content:''; display:block; width:100%; height:1px; background:#3e4452; position:absolute; bottom:0; left:0; z-index:0;}
.tabs li {float:left;}
.tabs li a {display:block; float:left; height:34px; box-sizing:border-box; padding:7px 30px; line-height:1.5; color:#555; border-top:1px solid #dddddd; border-right:1px solid #dddddd; border-bottom:1px solid #ccc;  position:relative; top:1px; cursor:pointer; background-color:#f2f2f2;}
.tabs li:first-child a {border-left:1px solid #ccc;}
.tabs li.on a {border-bottom:2px solid #fff; background-color:#fff; border: 1px solid #3e4452; z-index:1; font-weight:600;}
.tabcontents {display: none; padding-top: 15px; clear: both;}
.tabcontents.on {display: block}
.tabs.p-reduce li a {padding: 7px 13px !important;}
.style-setting i{
	display: inline-block;
    overflow: hidden;
    background: url(../images/style/bg_icon.png) no-repeat;
    line-height: 999px;
    vertical-align: middle;
}
.line-box svg {max-width:100%;}

.style-setting .edit_style { width:380px; padding:20px; }

.style-setting .box-flex {padding: 0;}
.style-setting .box-flex .left, .style-setting .box-flex .right {height: 504px;}
.style-setting .box-flex .left {width: 330px; border: #eaeaea 1px solid; margin-right: 20px; position: relative; z-index: 10;}
.style-setting .map-img {height: 100%;}
.style-setting .map-legend {position: absolute; right: 0; bottom: 0; width: 100px; height: 140px; background-color: rgba(0, 0, 0, 0.7); border:  rgba(0, 0, 0, 0.8) 1px solid; z-index: 20;}
/* .style-setting .box-flex .right {width: 360px;} */
/* .style-setting .box-flex .right .top {margin-bottom: 10px;} */
.style-setting .top {margin-bottom: 10px;}
/* .style-setting .box-flex .right .top .select-box, .style-setting .box-flex .right .top .select-box select {width: 200px;} */
/* .style-setting .setting-box {height: calc(100% - 40px); padding: 14px 10px; border: #eaeaea 1px solid; overflow-y: auto;} */
.style-setting .setting-box-style {height: 420px; padding: 14px 10px; border: #eaeaea 1px solid; overflow-y: auto;}
.style-setting .setting-box-style .s-group h2 {margin-bottom: 10px;}
.style-setting .setting-box-style .s-group +.s-group {margin-top: 20px;}
.style-setting .setting-box-style input[type="radio"] + label span {margin-right: 7px;}
.style-setting .setting-box-style .s-group .inner-box {padding: 10px 12px; border: #eaeaea 1px solid;}
.style-setting .setting-box-style .s-items {}
.style-setting .setting-box-style .s-items + .s-items {margin-top: 10px;}
.style-setting .setting-box-style .s-items h3 {margin: 0 0 5px 0; font-weight: 600;}
.style-setting .setting-box-style .s-items h3::before {content: none;}
.style-setting .setting-box-style .s-items .shape {}
.style-setting .setting-box-style .s-items .shape li {display: inline-flex; justify-content: center; align-items: center; width: calc(20% - 5px); height: 55px; margin: 2px 1px 3px; border-radius: 3px; border: #eaeaea 1px solid; cursor: pointer;}
.style-setting .setting-box-style .s-items .shape li:hover {background-color: #f1f5fe;}
.style-setting .setting-box-style .s-items .shape li.on {background-color: #f1f5fe; border-color: #06694f;}
.style-setting .setting-box-style .s-items.f-line {display: flex; justify-content: space-between; align-items: center;}
.style-setting .setting-box-style .s-items.f-line h3 {width: 70px; margin: 0;}
.style-setting .setting-box-style .s-items.f-line h3 + div {margin-left: 20px; width: calc(100% - 90px);}
.style-setting .line-box {display: inline-block; height: 30px; padding: 3px; border-radius: 3px; border: #eaeaea 1px solid; vertical-align: middle;}
.style-setting input[type="number"] + .line-box {margin-left: 7px;}
.style-setting .color-bar {width: 100%; height: 100%; cursor: pointer; border-radius: 3px;}
.style-setting .color-line {width: calc(100% - 10px); height: 45%; margin: 7px 5px 0; cursor: pointer; border-bottom: #f9ad44 2px dashed; border-top: #00c8e5 2px dotted;}
.style-setting .color-patten {width: calc(100% - 10px); height: 45%; margin: 7px 5px 0; cursor: pointer; border-bottom: #f9ad44 2px dashed; border-top: #00c8e5 2px dotted; background-color: #666;}
.style-setting .line-slider {height: 30px; padding: 13px 4px;}
.style-setting .line-slider .linebg {height: 6px; background-color: #dfdfdf; border: #cccfd4 1px solid; position: relative;}
.style-setting .line-slider .linebg .slider-bar {position: absolute; width: 24px; height: 24px; top: -10px; background-color: #06694f; border: #055d46 1px solid; border-radius: 50%; color: #fff; font-size: 12px; text-align: center; line-height: 24px; cursor: pointer;}
.style-setting .s-items .table.list button {height: 20px;}
.style-setting .s-items .table.list .i-btn {width: 20px;}
.style-setting .s-items .table.list .i-btn i {width: 10px; height: 10px;}
.style-setting .s-items .table.list .btn {padding: 0px 5px 0; font-size: 12px;}
.style-setting .s-items .overflow-y .table.list td.tx-left {border-right: none;}
.style-setting .s-items .overflow-y .table.list td.tx-left .rule_name{cursor: pointer;white-space: pre-line;}
i.i-add {background-position: -107px -5px;}
i.i-del {background-position: -133px -5px;}

.p-rule {width: 500px;}
.p-rule .box-flex {padding: 0 20px 20px;}
.p-rule .left {width:150px; margin-right: 20px;}
.p-rule .left h3 {margin: 0 0 10px;}
.p-rule .left .inner-box {height: 284px; border: #ccc 1px solid; overflow-y: auto;}
.p-rule .left .inner-box li {padding: 6px 10px; border-bottom: #f2f2f2 1px solid;}
.p-rule .left .inner-box li.on, .p-rule .right .btn-area .btn.on {background-color: #f1f5fe;}
.p-rule .right {width: 290px; padding-top: 28px;}
.p-rule .right .btn-area .btn {width: 54px; padding: 7px 6px 6px; margin-bottom: 5px; text-align: center;}
.p-rule .right .btn-area .btn.wide {width: 141px;}
.p-rule .right textarea {width: 287px; height: 99px;}

.p-rule .left .inner-box li{cursor: pointer;}
.p-rule .left .inner-box li:hover{background-color: #f0f1f4;}

/* position */
.style-setting{position: relative;}
.style-setting .top {position: absolute; z-index: 99;}

/* size 조정 */
.style-setting .top .select-box select{width: 120px;}
.style-setting input[type=text], .style-setting input[type=number], .style-setting select{height: 26px; line-height: 24px;}
.style-setting .line-box{height: 26px;}
.style-setting .settingBox .s-items .shape li{height: 48px;}
.style-setting .select-box.wfull select{width: calc(100% - 2px);}
.style-setting .settingBox .s-items + .s-items{margin-top: 6px;}
.style-setting .settingBox .s-group +.s-group{margin-top: 10px;}
.style-setting .ui-slider {
    position: relative;
    width: calc(100% - 24px);
    height: 6px;
    background-color: #dfdfdf;
    border: #cccfd4 1px solid;
    margin-left: 12px;
    padding: 0;
}
.style-setting .ui-slider .ui-slider-handle {
	position: absolute;
    width: 24px;
    height: 24px;
    top: -10px;
    background-color: #06694f;
    border: #055d46 1px solid;
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 24px;
    cursor: pointer;
    margin-left: -12px;
    background-image: none;
}
/* tab */
.style-setting .tabs{height: 34px;width: 100%;}
.style-setting .tabs:after {background: #eaeaea;}
/*.style-setting .tabs li{width: 84px;}*/
.style-setting .tabs li{width: 50%;}
/*.style-setting .tabs li:first-child{position: absolute; right: 84px;}*/
.style-setting .tabs li:last-child{position: absolute; right: 0px;}
.style-setting .tabs li a{border-top: 1px solid #eaeaea;border-right: 1px solid #eaeaea;border-bottom: 1px solid #eaeaea;border-left: none; padding: 7px 20px; text-align: center; width: 100%;}
.style-setting .tabs li:first-child a{border-left: 1px solid #eaeaea;}
.style-setting .tabcontents{padding-top: 0;}
.style-setting .settingBox{border-top: 0;}

/* 단일에서 타입 선택 시 화면 넘치지 않도록  */
/* .style-setting .edit_single{height: 100%;overflow: hidden;} */

/* 이미지 영역 배치 */
.style-setting .flex-box{display: flex; height:106px; }
.style-setting .flex-box.image-cover .shape{width: calc(100% - 60px); padding: 0px 5px;}
.style-setting .flex-box.image-cover .btn-corver{border: 1px solid #d7d7d7; border-radius: 4px; margin: 2px 0px 3px;}

/* 이미지 좌우 이동 버튼 디자인 */
.style-setting .flex-box.image-cover .btn-corver:before {content: "";display: inline-block;width: 1px;height: calc(50% - 14px);margin-right: 0; vertical-align: middle; cursor: pointer;}
.style-setting .flex-box.image-cover .i-btn{height: 100%;border: none; height: 28px; width: 28px;}

/* 이미지 목록 크기 조정 */
.style-setting .settingBox .s-items .flex-box.image-cover .shape li{width: calc(20% - 4px);float: left;margin: 2px 5px 3px 0;}
.style-setting .settingBox .s-items .flex-box.image-cover .shape li:nth-child(5n+5){margin-right: 0px;}

/* dash */
.style-setting .dashed{display: block;border: 1px dashed #eaeaea;margin: 10px 0px;}

/* 분류 버튼 */
.style-setting .classify_btn{height: 28px;line-height: 28px;padding: 0;}

/* for admin */
.i-btn.arrow-left {transform: rotate(270deg);}
/*.i-btn.arrow-right {transform: rotate(90deg);}*/

/* 기타 디자인 */
.w30{width: 30px;}
.style-setting input[type="radio"] + label span{margin: 0px 7px 0 0;}
.style-setting .rule_name{cursor: pointer; text-decoration: underline;font-style: italic;}
.style-setting .rule_list tbody tr td{white-space: normal;}
.style-setting .rule_list tbody tr td:first-child{position: relative;}
.style-setting .rule_list tbody tr td .center-item{display: flex; align-items: center;}
.style-setting .rule_list tbody tr td svg{margin: auto;}
.style-setting .rule_list.line-symbol tbody tr td svg{left: calc(50% - 18px); cursor: pointer;}


/* spectrum override */
.style-setting .sp-replacer{height: 100%;}
.style-setting .sp-replacer,
.style-setting .sp-replacer:hover,
.style-setting .sp-replacer.sp-active {padding: 0;border: none;width: 100%;}
.style-setting .sp-preview{width: 100%;height: 100%;}
.style-setting .sp-dd{display: none;padding: 0;}

/* 스타일 팝업 하단 버튼 */
.style-setting .footer-area {
	padding: 10px;
	background-color:#eee;
}
.style-setting .footer-area .btn_clar {
	float: left;
	color: #ffffff;
}
.style-setting .footer-area .btn_close {
	float: right;
}
.style-setting .footer-area .btn_apply {
	margin-left:5px;
	float: right;
	color: #ffffff;
}

.edit_style_pop .footer-area .btn_trash {
	background-image: url(../images/ico/ico_trash_24x24.png);
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
    left: 20px;
	width: 26px;
	padding: 0;
}
.edit_style_pop .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button.left{left: 46px;}

/* SVG 편집창 */
.edit_svg .style-setting .settingBox{border: #eaeaea 1px solid;}
.edit_svg .style-setting .settingBox{height: auto;}

.color-bar.transparency {
    position:relative;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}
.picker-list {
    /*position: absolute;*/
    /*display: none;*/
    /*width: 178px;*/
    /*background: #fff;*/
    /*border: 1px solid #919191;*/
    /*box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);*/
    /*z-index: 2000;*/

	position: absolute;
	display: inline-block;
	width: 178px;
	background: #fff;
	border: 1px solid #919191;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
	z-index: 100001;
}
.picker-list.on {
	display:inline-block;
}
.picker-list:before {
    content: '';
    position: absolute;
    border-bottom: 6px solid #919191;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    top: -6px;
    right: 49px;
}
.picker-list:after {
    content: '';
    position: absolute;
    border-bottom: 6px solid #fff;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    top: -5px;
    right: 49px;
}
.picker-list ul {
    height: 178px;
    padding: 12px 13px;
    overflow-y: auto;
    overflow-x: hidden;
}
.picker-list ul:after{
	display: table;
    content: " ";
}
.picker-list li {
    height: 13px;
    margin-top: 15px;
}
.picker-list li.active{
	background-color:  #f2f5fd;
}
.picker-list li:first-child {
    margin-top: 0;
}
.picker-list li>a{
    position: relative;
    cursor:pointer;
    display: block;
}

/* spectrum color */
.sp-button-container { margin-right: 6px; }

.sp-container .sp-cancel {
	background-color: #eeeeee;
	background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
	background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
	background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
	background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
	background-image: linear-gradient(to bottom, #eeeeee, #cccccc);
	border: 1px solid #ccc;
	border-bottom: 1px solid #bbb;
	border-radius: 3px;
	color: #333 !important;
	font-size: 14px;
	line-height: 1;
	padding: 5px 4px;
	text-align: center;
	text-shadow: 0 1px 0 #eee;
	vertical-align: middle;
}
.sp-container .sp-cancel:hover {
	text-decoration: none;
	color: #333 !important;
	background-color: #dddddd;
	background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
	background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
	background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
	background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
	background-image: linear-gradient(to bottom, #dddddd, #bbbbbb);
	border: 1px solid #bbb;
	border-bottom: 1px solid #999;
	cursor: pointer;
	text-shadow: 0 1px 0 #ddd;
}
.sp-container .sp-cancel:active {
	border: 1px solid #aaa;
	border-bottom: 1px solid #888;
	-webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
	-moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
	-ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
	-o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
	box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
}


.linepattern_btn{
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.edit_single .tabcontents {
	display:none;
}
.edit_single .tabcontents.on {
	display:block;
}
.layer-edit {position: absolute; top: 250px; right: 45px; padding: 10px; border-radius: 3px; background-color: #283845; border: #192631 1px solid; z-index: 1000; }
.layer-edit.on {display:block;}
.layer-edit h4 {margin-bottom: 8px;color: #fff;font-size: 12px;}
.layer-edit .close {position: absolute; top: 10px; right: 10px; width: 16px; height: 16px; background: url(../../../images/map/bg_icon.png) -351px -271px no-repeat; font-size: 0; cursor: pointer;}
.layer-edit li {display: inline-block;}
.layer-edit li + li::before {display: inline-block; content: ''; width: 1px; height: 22px; margin: 0 3px; background-color: #717c84; vertical-align: middle;}
.layer-edit li .i-btn {width: 26px;height: 26px;background-color: #1a2632;border-radius: 4px;border: #334757 1px solid;cursor: pointer;}
.layer-edit li .i-btn:hover {background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.4);}
.layer-edit li .i-btn.active {border-color: #fff; background-color: #000; border-radius: 0;}
.layer-edit li .i-btn + .i-btn {margin: 0 0 0 2px;}
.layer-edit li .i-btn i {width: 17px; height: 16px;}
.i-edit_save {background-position: -11px -300px;}
.layer-edit li .i-btn i.i-refresh {background: url(../../../images/map/bg_icon.png) -41px -301px;}
.i-select_object {background-position: -82px -301px;}
.i-create_object {background-position: -112px -300px;}
.i-vertex {background-position: -144px -301px;}
.i-property_view {background-position: -183px -301px;}
.i-select_property {background-position: -216px -300px;}
.i-edit_property {background-position: -248px -300px;}
.i-revert {background-position: -284px -300px;}
.i-replay {background-position: -314px -300px;}
.i-del_object {background-position: -345px -300px;}
.i-multi-add {background-position: -330px -382px;}
.i-multi-del {background-position: -362px -382px;}
.i-multi-sum {background-position: -392px -382px;}
.i-multi-cut {background-position: -424px -383px;}
.box-filter h3 {font-size:13px; margin-bottom:3px;}
.modal .div_tools { padding:20px; }
/*.modal .body-area { max-height:500px; overflow-y:auto; }*/
.modal .body-area p { padding:5px 0px; }
.modal .body-area .label-warning { background-color:#f39c12 !important; padding:.16em .6em; font-size:74%; font-weight:700; line-height:1; color:#fff; text-align:center; white-space:nowrap; border-radius:.25em; }

.rect, .cir, .line {display: inline-block; width: 14px; height: 14px; margin: 1px 6px 1px 0 !important; vertical-align: middle;}
.rect img { vertical-align:baseline; }

/* button */
.i-btn {width: 32px; padding: 0; font-size: 0; line-height: 0; border-color: #ddd;}
/*.btn + .btn, input[type="text"] + .btn {margin: 0 0 0 1px;}*/
.i-btn.arrow-left, .i-btn.arrow-right {background: url(../../images/common/bg_icon.png) 2px -40px no-repeat;}
.i-btn.arrow-left, .i-btn.arrow-up {transform: rotate(180deg);}
.i-btn.arrow-up, .i-btn.arrow-down {background: url(../../images/common/bg_icon.png) -34px -39px no-repeat;}
.table.form td .btn {height: 30px; background-color: #f5f5f5;}
i.i-renewal {width: 17px; height: 15px; background-position: -104px -77px;}

.dp_none { display:none; }

.tbl_wrap {}
.tbl_wrap table {border-top:solid 2px #000;}
.tbl_wrap table.list th {border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; background:#f3f3f3; padding:20px 5px; font-size:14px; font-weight:bold;}
.tbl_wrap table.list td {border-bottom:solid 1px #ccc;border-right:solid 1px #ccc;padding:7px 5px;font-size:14px;text-align: center; font-family: 'Nanum Gothic', sans-serif; /* 나눔고딕 적용 20250225 김강석*/}
.tbl_wrap table.list th:last-child,
.tbl_wrap table.list td:last-child {border-right:none;}
.tbl_wrap table.write th {border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; background:#f3f3f3; padding:7px 5px; font-size:14px; font-weight:bold;}
.tbl_wrap table.write td {border-bottom:solid 1px #ccc;border-right:solid 1px #ccc;padding:7px 5px;font-size:14px;text-align:left;}
.tbl_wrap table.write td input[type='text'],
.tbl_wrap table.write td select,
.tbl_wrap table.write td textarea{width:100%;}
.tbl_wrap table.write td:last-child {border-right:none;}