/* Copyright entraon.com */
@charset "utf-8";


* {-webkit-text-size-adjust:none;}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;outline:0;}

* {background-repeat:no-repeat;background-position:center center;box-sizing:border-box;-webkit-background-clip:padding-box;}
* > :before,* > :after {background-repeat:no-repeat;background-position:center center;box-sizing:border-box;display:block;}

div {margin:0 auto;}

a {outline:none !important;text-decoration: none;}
a:link, a:visited {color:#111;}
a:active, a:hover {text-decoration: none;color: #555;}
a,button {-webkit-user-select:none;-khtml-user-select:none;-moz-user-select: none;-o-user-select:none;user-select: none;-ms-user-select: none;}

ol, ul {list-style: none;}

blockquote, q {quotes: none;}

img,input[type=image] {vertical-align:middle;border:0;} 

.png24 {
tmp:expression(setPng24(this));
}

table {border-collapse: collapse;border-spacing:0;}

ins {text-decoration: none;}

del {text-decoration: line-through;}


input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
    transition: background-color 5000s ease-in-out 0s !important;
}


::selection {
    background:#eee;
    color: #000;
    text-shadow: none;
}
::-moz-selection {
    background:#eee;
    color: #000;
    text-shadow: none;
}
::-webkit-selection {
    background:#eee;
    color: #000;
    text-shadow: none;
}

.no-selection {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}



/* ui datetime picker 캘린더 스타일 변경 */

.ui-widget-header {
border: 0px solid #dddddd;
background: #fff;
}

.ui-datepicker-calendar>thead>tr>th {
font-size: 14px !important;
}

.ui-datepicker .ui-datepicker-header {
position: relative;
padding: 10px 0;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
border: 0px solid #c5c5c5;
background-color: transparent;
font-weight: normal;
color: #454545;
text-align: center;
}

.ui-datepicker .ui-datepicker-title {
margin: 0 0em;
line-height: 16px;
text-align: center;
font-size: 14px;
padding: 0px;
font-weight: bold;
}

.ui-datepicker {
display: none;
background-color: #fff;
border-radius: 4px;
margin-top: 10px;
margin-left: 0px;
margin-right: 0px;
padding: 20px;
padding-bottom: 10px;
width: 300px;
box-shadow: 10px 10px 40px rgba(0,0,0,0.1);
}
    
.ui-widget.ui-widget-content {
    border: 1px solid #eee;
}

#datepicker:focus>.ui-datepicker {
display: block;
}

.ui-datepicker-prev,
.ui-datepicker-next {
cursor: pointer;
}

.ui-datepicker-next {
float: right;
}

.ui-state-disabled {
cursor: auto;
color: hsla(0, 0%, 80%, 1);
}

.ui-datepicker-title {
text-align: center;
padding: 10px;
font-weight: 100;
font-size: 20px;
}

.ui-datepicker-calendar {
width: 100%;
}

.ui-datepicker-calendar>thead>tr>th {
padding: 5px;
font-size: 20px;
font-weight: 400;
}


.ui-datepicker-calendar>tbody>tr>td>a {
color: #000;
font-size: 12px !important;
font-weight: bold !important;
text-decoration: none;
    
}


.ui-datepicker-calendar>tbody>tr>.ui-state-disabled:hover {
cursor: auto;
background-color: #fff;
}
    
.ui-datepicker-calendar>tbody>tr>td {
    border-radius: 100%;
    width: 44px;
    height: 30px;
    cursor: pointer;
    padding: 5px;
    font-weight: 100;
    text-align: center;
    font-size: 12px;
}
    
.ui-datepicker-calendar>tbody>tr>td:hover {
    background-color: transparent;
    opacity: 0.6;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
border: 0px solid #cccccc;
background-color: transparent;
font-weight: normal;
color: #2b2b2b;
}

.ui-widget-header .ui-icon {
background-image: url('./btns.png');
}
.ui-icon-circle-triangle-e {
background-position: -20px 0px;
background-size: 36px;
}

.ui-icon-circle-triangle-w {
background-position: -0px -0px;
background-size: 36px;
}
    
.ui-datepicker-calendar>tbody>tr>td:first-child a{
color: red !important;
}
    
.ui-datepicker-calendar>tbody>tr>td:last-child a{
color: #0099ff !important;
}
    
.ui-datepicker-calendar>thead>tr>th:first-child {
    color: red !important;
}
    
.ui-datepicker-calendar>thead>tr>th:last-child {
    color: #0099ff !important;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 0px;
    background: #f1f1f1;
    border-radius: 50%;
    padding-top: 10px;
    padding-bottom: 10px;
}


/* ui datetime picker 캘린더 스타일 변경 */


/* 커스텀 */

body,html {zoom:1;color:#111;height:100%;width:100%;position:relative;}


.no-wrap {white-space:nowrap;font-style:normal;text-decoration:none;}
.block-line {display:block;font-style:normal;text-decoration:none;}

.btn-add {background-color:#eee !important;border-color:#dadada !important;color:#222 !important;}

.inb {position:relative;display:inline-block;}


.color-red {color:#fc0000;}





.entra-tooltip { position: relative;z-index:9; display: inline-block; }
.entra-tooltip .tip {font-size:11px;visibility: hidden;background-color:#555;color: #fff;text-align: center; white-space:nowrap; padding: 5px 10px;  border-radius: 5px; position: absolute;  z-index: 1;font-weight:normal;}
.entra-tooltip .tip {bottom: 100%;margin-bottom:5px;left: 50%; transform: translateX(-50%);} 
.entra-tooltip .tip:after {content: "";position: absolute;top:100%;left: 50%;margin-left: -5px; border-width: 5px;border-style: solid;border-color: #555 transparent transparent transparent;}

.entra-tooltip .tip.bt {bottom:auto;margin-bottom:0;top: 100%;margin-top:5px;} 
.entra-tooltip .tip.bt:after {top:auto;bottom:100%;border-color: transparent transparent #555 transparent;}

.entra-tooltip:hover .tip {visibility: visible;}



.entra-bbs-wrapper {overflow:hidden;text-align:left;}
.entra-bbs-wrapper img {max-width:100% !important;}



.entra-content-policy {font-size:1.1em;line-height:1.8em;word-break:keep-all;text-align:left;}




.entra-imgwrap {position:relative;z-index:1;display:inline-block;overflow:hidden;text-align:center;}
div.entra-imgwrap {display:block;}
.entra-imgwrap:before {position:absolute;z-index:9;left:0;top:0;width:100%;height:100%;content:"";}
.entra-imgwrap > img {width:100%;position:relative;z-index:3;}

.entra-imgwrap.with-logo {background-position:center center;background-size:39% auto;background-image:url(../images/logo-thumb.png);}
.entra-imgwrap.with-logo.front {background-image:none !important;}
.entra-imgwrap.with-logo.front:before {background-position:center center;background-size:39% auto;background-image:url(../images/logo-thumb-white.png);}

.entra-imgwrap.with-logo.wh {background-image:url(../images/logo-white.png);}
.entra-imgwrap.with-logo.wh:before {background-image:url(../images/logo-white.png);}

.entra-imgwrap.with-logo.lt {background-position:10% 10%;background-size:20% auto;}
.entra-imgwrap.with-logo.lt.front:before {background-position:10% 10%;background-size:20% auto;}


.entra-imgwrap.abs {padding-top:100%;}
.entra-imgwrap.abs > img {position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);transition:0.5s;}


.entra-imgwrap.entra-ontrigger > img {filter: blur(33px);opacity:0;transition:0.2s;}
.entra-imgwrap.entra-ontrigger.on > img {transition:0.5s;transition-delay:0.3s;filter: blur(0);opacity:1;}

.entra-imgwrap.abs.entra-ontrigger > img {width:200%;}
.entra-imgwrap.abs.entra-ontrigger.on > img {width:100%;}

.entra-imgwrap.entra-ontrigger:hover > img {transition-delay:0s !important;}
*:hover > .entra-imgwrap.entra-ontrigger > img {transition-delay:0s !important;}
*:hover > * > .entra-imgwrap.entra-ontrigger > img {transition-delay:0s !important;}




.entra-list-number {text-align:left;list-style-type:decimal;margin-left:25px;}

.entra-list-diamond {text-align:left;}
.entra-list-diamond > li {position:relative;padding-left:18px;}
.entra-list-diamond > li:before {position:absolute;left:0;top:7px;content:"";width:7px;height:7px;transform:rotate(-45deg);background-color:#003a81;}

.entra-list-disc {text-align:left;}
.entra-list-disc > li  {position:relative;padding-left:15px;margin:5px 0;}
.entra-list-disc > li:before {position:absolute;left:0;top:8px;content:"";width:6px;height:6px;border-radius:100%;background:#222;}

.entra-list-square {text-align:left;}
.entra-list-square > li  {position:relative;padding-left:15px;margin:5px 0;}
.entra-list-square > li:before {position:absolute;left:0;top:8px;content:"";width:6px;height:6px;background:#2e7dd2;}






.entra-map {width:100%;height:100%;position:relative;overflow:hidden;}
.entra-map .map-inner {width:100%;height:100%;position:relative;}

.radius_border{border:1px solid #919191;border-radius:5px;position:relative;z-index:10;}     
.custom_typecontrol {position:absolute;top:10px;right:10px;overflow:hidden;width:130px;height:30px;margin:0;padding:0;z-index:1;font-size:12px;font-family:'Malgun Gothic', '맑은 고딕', sans-serif;}
.custom_typecontrol span {display:block;width:65px;height:30px;float:left;text-align:center;line-height:30px;cursor:pointer;}
.custom_typecontrol .btn {color:#222;background:#fff;background:linear-gradient(#fff,  #e6e6e6);}       
.custom_typecontrol .btn:hover {background:#f5f5f5;background:linear-gradient(#f5f5f5,#e3e3e3);}
.custom_typecontrol .btn:active {background:#e6e6e6;background:linear-gradient(#e6e6e6, #fff);}    
.custom_typecontrol .selected_btn {color:#fff;background:#425470;background:linear-gradient(#425470, #5b6d8a);}
.custom_typecontrol .selected_btn:hover {color:#fff;}   
.custom_zoomcontrol {position:absolute;top:50px;right:10px;width:36px;height:80px;overflow:hidden;z-index:1;background-color:#f5f5f5;} 
.custom_zoomcontrol span {display:block;width:36px;height:40px;text-align:center;cursor:pointer;}     
.custom_zoomcontrol span img {width:15px;height:15px;padding:12px 0;border:none;}             
.custom_zoomcontrol span:first-child{border-bottom:1px solid #bfbfbf;}    
.root_daum_roughmap {position:relative;width:100% !important;}
.root_daum_roughmap:before {position:absolute;z-index:999;content:"";left:0;right:0;top:0;bottom:0;}
.root_daum_roughmap.able:before {content:none;}
/* 하단 카카오맵 정보 나오게 할 경우
.root_daum_roughmap .wrap_map {height:calc(100% - 32px) !important;}
*/
.root_daum_roughmap .wrap_map {height:100% !important;}
.root_daum_roughmap img {max-width:none !important;}
* .root_daum_roughmap img {max-width:none !important;}

/*
.roughmap_lebel_text {position:relative;overflow:hidden;text-align:center;width:160px;}
.roughmap_lebel_text:before {position:absolute;left:0;right:0;top:0;bottom:0;content:"(사)한국지방공기업정책포럼";background:#fff;padding:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
*/
/* 다른 업체의 약도를 퍼왔을 경우 링크를 비활성화 */
/*
.roughmap_maker_label > a {
    pointer-events: none;
    text-decoration: none; 
    color: #888;
}
*/











/* 그누보드 리셋 */
a.btn, .btn {line-height:normal;height:auto;padding:0;font-weight:normal;font-size:1em;}

#fregister p {text-align:left;color:inherit;height:auto;line-height:inherit;font-size:inherit;background:transparent;margin:0;border-radius:0;font-weight:normal;}
#fregister p:before {content:none;}


.sch_word {color:inherit;background:none;padding:0;line-height:inherit;margin:0;position:relative;z-index:2;display:inline-bock;}
.sch_word:after {position:absolute;content:"";z-index:-1;left:-2px;right:-2px;top:50%;bottom:-4px;opacity:0.5;background-color:yellow;}





.swiper-wrapper {height:auto;}