@charset "utf-8";
@import url("/css/fonts/fontawesome-all.css");
@import url("/css/fonts/font-awesome.css");

#wrap {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.table-btn tr td {
    border: 1px solid rgba(72, 94, 144, 0.16) !important;
    text-align: center !important;
    padding: 0!important;
}

.sidebar.active {
    left: 58px;
    z-index: 1009 !important;
    max-height:none;
    box-shadow: 3px 0px 5px 0px rgba(125, 124, 124, 0.25);
    border-left: 1px solid rgba(0,0,0,.15);
}
.sidebar-title {
    height: 42px;
    background-color: #fff;
}
.sidebar-top {
    height: 36px;
}
.accordion .card {
    border-radius: 0 !important;
}
.accordion .card .card-header {
    padding: 30px;
    background-color:#00419D;
}

.card-header:first-child{
    border-radius:0;
}

.accordion .card .card-body {
    padding: 1em!important;
    border-bottom: 1px solid rgba(0,0,0,.125);
    background:#f9fafb;
}
.accordion .card .card-body p {
    font-size: 14px;
    color: #001737;
    margin-bottom: .5rem !important;
}

#title_education h3{
    color:#fff;
    font-weight:600;
}

#title_education h3::before{
    content: "";
    display: block;
    width: 36px;
    height: 36px;
    background-image: url(/images/daekyo/icons/pin_ico1.svg);
    background-size: 36px;
    margin-top: 20px;
    margin-bottom: 10px;
}

#_learingCenter,#_yesClass,#_hiCenter,#_ncCenter,#_tcCenter,#_hakCenter, #_kyoCenter{
    padding:10px 20px;
}

#collapseOne.show > div::last-child,
#collapseTwo.show > div::last-child,
#collapseSeven.show > div::last-child,
#collapseEight.show > div::last-child,
#collapseNine.show > div::last-child,
{
    margin-bottom:10px;
}


#collapseOne > div{
    padding: 4px 0px 4px 26px;
}

#collapseOne > div::before{
    content:'';
    width:4px;
    height:2px;
    background:#6a81a1;
    float:left;
    margin-top:9px;
    margin-right:10px;

}

#collapseTwo > div,
#collapseSeven > div,
#collapseEight > div,
#collapseNine > div
{
    padding: 4px 0px 4px 26px;
}

#collapseTwo > div::before,
#collapseSeven > div::before,
#collapseEight > div::before,
#collapseNine > div::before
{
    content:'';
    width:4px;
    height:2px;
    background:#6a81a1;
    float:left;
    margin-top:9px;
    margin-right:10px;

}



#_learingCenter::before{
    width: 24px;
    height: 24px;
    float: left;
    margin-right:12px;
}


#_learingCenter > div{
    text-align:left;
    line-height: 24px;
    font-weight:600;
    color: #555;
}


#_learingCenter.active{
    background:#90b6f040 !important;
    color: #1978ff !important;
}

#_learingCenter.active div{

    color: #1978ff !important;
}

.collapse a label.active{
    color: #1978ff !important;
    font-weight:600;
}


#_yesClass::before, #_ncClass::before, #_tcClass::before{
    width: 24px;
    height: 24px;
    float: left;
    margin-right:10px;
}


#_yesClass > div, #_ncClass > div, #_tcClass > div{
    text-align:left;
    line-height: 24px;
    font-weight:600;
    color: #555;
}


#_yesClass.active, #_ncClass.active, #_tcClass.active{
    background:#90b6f040 !important;
    color: #1978ff !important;
}

#_yesClass.active div, #_ncClass.active div, #_tcClass.active div{
    color: #1978ff !important;
}


#_hiCenter::before
, #_hakCenter::before
, #_kyoCenter::before
{
    width: 24px;
    height: 24px;
    float: left;
    margin-right:12px;
}


#_hiCenter > div
, #_hakCenter > div
, #_kyoCenter > div
{
    text-align:left;
    line-height: 24px;
    font-weight:600;
    color: #555;
}


#_hiCenter.active
, #_hakCenter.active
, #_kyoCenter.active
{
    background:#90b6f040 !important;
    color: #1978ff !important;
}

#_hiCenter.active div
, #_hakCenter.active div
, #_kyoCenter.active div
{
    color: #1978ff !important;
}


.collapseBtn > div{
    position:relative;
}

.collapseBtn i{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

i.minus::before{
    content: '';
    position: absolute;
    top: -4px;
    left: -10px;
    height: 8px;
    width: 8px;
    border-right: 2px solid #0168fab3;
    border-bottom: 2px solid #0168fab3;
    transform: rotate(45deg);
}

i.plus::before{
    content: '';
    position: absolute;
    top: -2px;
    left: -10px;
    height: 8px;
    width: 8px;
    border-left: 2px solid #898989a8;
    border-top: 2px solid #898989a8;
    transform: rotate(45deg);
}

#title_education h3 u{
    text-decoration:none;
    word-break:keep-all;
}

.header_sub {
    position: relative;
    width: 950px;
    height: 57px;
    margin: 0 auto;
    padding: 0;
    text-align: left;
    z-index: 1;
}
.header_sub ul.left {
    position: absolute;
    top: 4px;
    left: 0px;
}
.header_sub ul.left li {
    display: inline;
}
.header_sub ul.right {
    position: absolute;
    top: 22px;
    right: 0px;
    font-family: '돋움',Dotum, sans-serif;
    font-size: 11px;
    color: #767676;
    letter-spacing: -1px;
}
.header_sub ul.right li {
    display: inline;
}
.header_sub ul.right li a, a:active, a:focus, a:hover {
    color: #767676;
}
.header_sub ul.right li a {
    background: url(/images/renew/index_con_blt02.gif) 0 0 no-repeat;
    padding: 0 0 0 7px;
    margin: 0 0 0 3px;
}

#footer {
    position: relative;
    width: 950px;
    margin: 30px auto 0 auto;
    padding: 0;
}
#footer #footer_in .Left {
    float: left;
    width: 650px;
    height: 100px;
    background-color: #FFFFFF;
    text-align: left;
    color: #767676;
    line-height: 124%;
}
#footer #footer_in .Right {
    float: right;
    width: 300px;
    height: 100px;
    background-color: #FFFFFF;
    text-align: left;
}

.table thead th, .table tbody td {
    text-align: center !important;
    vertical-align: middle !important;
    font-size: 13px !important;
}

.breadcrumb-style1 .breadcrumb-item, .breadcrumb-style2 .breadcrumb-item, .breadcrumb-style3 .breadcrumb-item {
    font-size: 1.05rem !important;
}
.table thead th, .table tbody th {
    font-weight: 400 !important;
    background: rgba(72, 94, 144, 0.1);
}

.round-btn {
    border-radius: 1rem !important;
}
.btn-navy {
    background-color: #4064ac;
    border-color: #4064ac;
    color: #fff;
}
.btn-navy:hover, .btn-navy:focus, .btn-navy:active {
    background-color: #213f79;
    border-color: #213f79;
    color: #fff;
}
.nav-Legends-canvasInner {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 24px 24px 0;
}
.nav-Legends-canvas, .nav-Legends-canvasInner {
    /* max-height: calc(100vh - 120px); */
    border-radius: 4px;
    box-sizing: border-box;
    overflow: hidden;
}
.nav-Legends-canvas {
    position: fixed;
    right: 0px;
    max-width: 400px;
    width: 400px;
    height: 636px;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.24);
    z-index: 2000;
}

.buttons {
    position: absolute;
    padding: 12px;
    display: inline-grid;
    z-index: 1000;
}
.buttons a {
    cursor: pointer;
}
.text-navy {
    color: #4064ac;
}
.nav-Legends-canvasInner .card-body {
    height: 590px;
    overflow-y: auto;
}


#sidebar1 .card-body .row{
    margin:0px;
}

#sidebar1 .card-body .col-12{
    padding:0px;
}

#sidebar1 .card-body .col-12 button:nth-child(1){
    margin-bottom:10px;
}

#sidebar1 .accordion{
    height:83%;
}

#sidebar1 .accordion .card{
    height:70%;
    background:#f9fafb;
}

.blue-btn {
    background-color: #395ca1;
    border-radius: 50%;
    border: none;
    padding-top: 17px;
    padding-bottom: 17px;
    letter-spacing:-1px;
    width: 86px;
}
/* .blue-btn.clicked {
  background-color: #0c2165;
} */
.blue-btn-title {
    color: #fcbf49; font-size: 1.02rem;
}
.blue-btn-sub {
    color: #ffffff; font-size: 0.82rem;
}

.menubar {
    position: fixed;
    left: 50%;
    height: 32.88px;
    z-index: 1000;
}
.layer00 {
    display: none;
    z-index: 1001;
    top: 106px;
    left: 50%;
    position: fixed;
    margin-left: -190px;
}
/*.dropdown-menu {
	overflow-y: auto;
	height: 700px;
}*/
.semi-round-btn {
    border-radius: .865rem !important;
}
.sidebar-bottom #areaCollapse ul {
    list-style: none; cursor: pointer;  border-bottom: 0; float: left; width: 33.33%; text-align: center; margin: 0 auto; padding: 0; background: #fff;
}
.sidebar-bottom #areaCollapse ul li {
    margin: 0 0 -1px -1px;
    border: 1px solid #ddd;
    line-height: 46px;
    font-size: .85rem;
}
.layer_pop .list ul {
    list-style: none;
}

.bg-light{
    background-color: #fff !important;
}

.bg-lightgreen {
    background-color: #f1f8e9;
}
.bg-lightsky {
    background-color: #e0f7fa;
}
.bg-lightpink {
    background-color: #ffebee;
}
.bg-yellow {
    background-color: #fff9c4;
}
ul, ol {
    list-style: none;
}
.boxUl {
    position: absolute;
    top: 50%;
    margin-top: -50px;
    left: 50%;
    margin-left: -100px;
}
.thickBorder {
    border: 3px solid rgba(72, 94, 144, 0.16) !important;
}


.mapArea {
    position: relative;
    width: 100%;
    height: calc(100vh - 50px);
    top: 50px;
}
.mapArea #map {
    width: 100%;
    height: calc(100% - 78px);
    overflow-y: hidden !important;
    position: fixed !important;
    top: 78px;
}

.mapArea2 {
    position: relative;
}

#menubar {
    display: inline-block;
    position: fixed;
    transition: all 0.3s;
    height: 100vh;
    width: 60px;
    z-index: 2000;
    box-shadow: 1px 0px 4px 0px rgba(0,0,0,.25);
    margin-top: 50px;
    background: #fff;
}
#menubar button {
    width: 60px;
    height: 75px;
    margin-top: 10px;
    /* border-bottom: 1px solid #eee;
    border-right: 0;
    border-left: 0;
    border-top: 0; */
    border: 0;
}
#menubar i:before {
    font-size: 20px;
}
/* #menubar button.active{
	background-color: #0a829d;
} */
#menubar .main-btn button:hover i:before, #menubar .main-btn button:focus i:before {
    color: crimson;
}
.sidebar {
    width: 222px;
    display: inline-block;
    position: fixed;
    /* left: -360px; */
    height: 100vh;
    background: #fff;
    transition: all 0.3s;
    box-shadow: 1px 0px 4px 0px rgba(0,0,0,.25);
    top: 78px;
    z-index: 1;
}



.marker-text {
    text-shadow: 1px 1px 1px rgba(0,0,0,0.15); position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%);
}
.marker-active {
    border-radius: 50%;
    height: 130px;
    width: 130px;
    opacity:1;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
    transform: scale(1);
    animation: pulse 1.5s infinite;
}

.marker-circle-mega {
    border-radius: 50%;
    height: 120px;
    width: 120px;
    opacity:0.8;
    /*box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.2); width:120px; height:120px; border-radius:50%; opacity:0.8;*/
}
.marker-circle-cty {
    border-radius: 50%;
    height: 120px;
    width: 120px;
    opacity:0.8;
    /*box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.2); width:95px; height:95px; border-radius:50%; opacity:0.8;*/
}
.marker-circle-admi {
    border-radius: 50%;
    height: 120px;
    width: 120px;
    opacity:0.8;
    /*box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.2); width:95px; height:95px; border-radius:50%; opacity:0.8;*/
}
.marker-circle-point {
    border-radius: 50%;
    height: 7px;
    width: 7px;
    opacity:1
}
#categoryBar {
    display: inline-flex;
    width: calc(100vw - 72px);
    margin: 0;
    left: 72px;
    position: fixed;
}
#categoryBar button {
    width: 10% !important;
    border-right: 1px solid #ddd;
    border-radius: 0;
}
.nav-OverlayContainer {
    display: flex;
    position: absolute;
    right: 16px;
    /*bottom: 16px;*/
    top: 38px;
    align-items: center;
    z-index: 11;
    transition: transform .3s;
}
#anly1 .nav-OverlayContainer {
    left: 30px;
}
#anly2 .nav-OverlayContainer, #anly3 .nav-OverlayContainer {
    left: 85px;
}
.nav-Search {
    order: 1;
    height: 42px;
    margin-right: 8px;
    line-height: 2;
}


.nav-Overlay.mr-3{
    width:330px;
}

.nav-Overlay {
    display: flex;
    align-items: center;
    height: 42px;
    border-radius: .25rem;
    background: #fff;
    box-shadow: 0 0 2px 0 rgb(0 0 0 / 24%), 0 4px 6px 0 rgb(0 0 0 / 16%);

    /* z-index: 20000; */
}
.nav-Search-text {
    width: 100%;
    padding: 0 0 0 12px;
    transition: all .15s ease-in;
    border: 0;
    border-left: 1px solid #f8f8f8;
    background: none;
    font: 14px Open Sans;
    color: rgba(0,0,0,0.5);
    opacity: 1;
    visibility: visible;
}
.nav-Search-actionButton {
    position: relative;
    width: 45px;
    height: 45px;
    color: #636d72;
    background: transparent;
    border: 0;
}
.nav-Search .nav-Shape-magnify {
    width: 45px;
    height: 45px;
}
.nav-Shape-magnify {
    /* display: block; */
    position: relative;
}
.nav-area-inner {
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    font-size: 14px;
}
.nav-area {
    color: #212529;
    display: inline-block;
    padding: 13px;
}
.nav-area .name {
    position: relative;
    display: inline-block;
    font-style: normal;
    text-align:center;
    cursor: pointer;
    width:100px;
}
.nav-area .name:not(:first-child):before {
    content: '';
    position: absolute;
    top: 7px;
    left: -8px;
    height: 10px;
    width: 10px;
    border-right: 1px solid #ababab;
    border-top: 1px solid #ababab;
    transform: rotate(45deg);
}
.nav-menu-area .ly-area-choice {
    overflow: hidden;
    position: absolute;
    left: 165px;
    top: 50px;
    width: 329.97px;
    transform: translateX(-50%);
    border-radius: 0.25rem;
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 10%);
    background-color: #fff;
}
.nav-menu-area .area-choice {
    max-height: 320px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 16px;
    margin: 0;
}
.nav-menu-area .ly-area-choice li {
    float: left;
    width: 50%;
    height: 32px;
    line-height: 2.46;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
}
.nav-menu-area .ly-area-choice li.on {
    color: #1978ff;
}
.nav-Overlay input:focus {
    outline: none;
}
.btn-dongast {
    color: #fff;
    background-color: #00abcd;
    border-color: #00abcd;
}
.btn-dongast:hover, .btn-dongast:focus, .btn-dongast:active {
    color: #fff;
    background-color: #283143;
    border-color: #283143;
}
.btn-dongast-click {
    color: #fff;
    background-color: #283143;
    border-color: #283143;
}
.btn-bourn {
    color: #3b4863;
    border-color: #3b4863;
}
.btn-bourn:hover, .btn-bourn:focus, .btn-bourn:active {
    color: #fff;
    background-color: #3b4863;
    border-color: #3b4863;
}
.btn-bourn-click {
    color: #fff;
    background-color: #3b4863;
    border-color: #3b4863;
}
.main-content {
    margin-left: 240px;
}
/* .aside {
	width: 260px !important;
} */
.info {
    padding: 14px;
    font: 14px/16px Arial, Helvetica, sans-serif;
    background: #ffffffd9;
    box-shadow: 0 0 15px rgb(0 0 0 / 20%);
    border-radius: 4px;
    width: 100%;
}

.info .info-tag-box {
    justify-content: space-between;
}
.info .info-tag-box .info-tag {
    font-size: 12px;
    border-radius: .25rem;
    padding-left: 30px;
    padding-right: 30px;
}
.info .info-tag-box span {
    font-size: 12px;
    line-height: 24px;
}

.cume_title_box.on{
    margin-bottom:10px;
}


.tit-area button.btn-save {
    border-radius: 12px;
    height: 36px;
    background: #2980b9;
    color: #fff;
    font-size: .9rem;
    width: 100%;
    font-weight: bold;
    padding: 7px;
}

/* ------------------------ 유플러스 CSS */

body{overflow-x: hidden;/* min-height:700px;*/}
.wrap{width:100%; height:100%; position: relative;}
.inner{position: relative; height: 100%; width: 100%;}
.hide{display: block; width: 1px; height: 1px; overflow: hidden; position: absolute; z-index: -1}
.underline{text-decoration: underline;}
.top5_cursor{cursor: pointer;}

.summary{}
.summary + .summary::before{content:''; height: 1px; display: block; background: #EDEDED; margin: 23px 0;}
.summary > ul{display: flex;}
.summary > ul > li{flex:1; position: relative;}
.summary > ul > li + li::before{content: ''; display: block; width: 8px; height: 10px; background: url(/images/uplus/ico_sum_arr.png); position: absolute; left: -3px; top: 50%; transform: translateY(-50%)}
.summary > ul > li > span{font-size: 15px; display: block; font-weight: bold; letter-spacing: -.5px}
.summary > ul > li .ico{display: block; width:15px; height: 16px; background: url(/images/uplus/ico_sum_time_yellow.png) no-repeat center center; margin: 0 auto 5px;}
.summary > ul > li .txt-1{}
.summary > ul > li .txt-2{margin-top:-3px;}
.summary > ul > li .value{color: #999;}
.summary > ul > li.yellow .txt-1,
.summary > ul > li.yellow .txt-2{color: #CC9933;}
.summary > ul > li.blue .txt-1,
.summary > ul > li.blue .txt-2{color: #9999CC;}
.summary > ul > li.green .txt-1,
.summary > ul > li.green .txt-2{color: #5E707A;}
.summary > ul > li.red .txt-1,
.summary > ul > li.red .txt-2{color: #CC6666;}
.summary.time > ul > li.blue .ico{background-image: url(/images/uplus/ico_sum_time_blue.png)}
.summary.time > ul > li.green .ico{background-image: url(/images/uplus/ico_sum_time_green.png)}
.summary.human > ul > li .ico{background-image: url(/images/uplus/ico_sum_human_blue.png); width: 18px; height: 20px;}
.summary.human > ul > li.red .ico{background-image: url(/images/uplus/ico_sum_human_red.png);}
.summary.home > ul > li .ico{background-image: url(/images/uplus/ico_sum_home_yellow.png); width: 29px; height: 29px;}
.summary.home > ul > li.blue .ico{background-image: url(/images/uplus/ico_sum_home_blue.png)}
.summary.home > ul > li.green .ico{background-image: url(/images/uplus/ico_sum_home_green.png)}

.summary.circle > ul > li .circle{display: table; width: 83px; background: #E1EEF6; color: #869AA7; margin: 0 auto; border-radius: 100%; margin-bottom: 5px;}
.summary.circle > ul > li .value{color: #666;}
.summary.circle > ul > li .circle > span{display: table-cell; height: 83px; vertical-align: middle; line-height: 1.3; font-size: 15px;}
.summary.circle > ul > li.green-1 .circle{background: #CEEAE8; color: #739794;}
.summary.circle > ul > li.green-2 .circle{background: #CEEAD8; color: #78A488;}
.summary.circle > ul > li.yellow .circle{background: #F4ECB3; color: #A39C6E;}

.summary.iptv > ul > li .ico{background-image: url(/images/uplus/ico_sum_iptv_yellow.png); width: 32px; height: 37px;}
.summary.iptv > ul > li.blue .ico{background-image: url(/images/uplus/ico_sum_iptv_blue.png)}
.summary.iptv > ul > li.green .ico{background-image: url(/images/uplus/ico_sum_iptv_green.png)}

.summary.vod > ul > li .ico{background-image: url(/images/uplus/ico_sum_vod_yellow.png); width: 39px; height: 37px;}
.summary.vod > ul > li.blue .ico{background-image: url(/images/uplus/ico_sum_vod_blue.png)}
.summary.vod > ul > li.green .ico{background-image: url(/images/uplus/ico_sum_vod_green.png)}

.summary.news > ul > li .ico{background-image: url(/images/uplus/ico_sum_news_yellow.png); width: 34px; height: 37px;}
.summary.news > ul > li.blue .ico{background-image: url(/images/uplus/ico_sum_news_blue.png)}
.summary.news > ul > li.green .ico{background-image: url(/images/uplus/ico_sum_news_green.png)}


.dialog{position: absolute; width: 190px; background: #fff; border: 1px solid #020202; padding: 15px; border-radius: 0.25rem;}
.dialog table{margin-bottom:0;}

.dialog.daekyo_over,.dialog.school_over,.dialog.table_over{
    border:1px solid #d6d6d6;
    padding: 10px 10px;
    border-radius:4px;
    font-weight:500;
    box-shadow:1px 1px 3px #8080808a;
    word-break:keep-all;
}
.dialog.school_over:after,.dialog.daekyo_over:after,.dialog.table_over:after{
    content: "";
    width: 10px;
    height: 10px;
    background: #ffffff;
    display: block;
    position: absolute;
    bottom: -6px;
    transform: translateX(-50%) rotate(45deg);
    left: 50%;
    border-bottom: 1px solid #d6d6d6;
    border-right: 1px solid #d6d6d6;
}

.dialog.daekyo_over{
    width:max-content;
    color:#020202;
}

.dialog.school_over{
    color:#666;
    padding: 16px 16px;
    width:max-content;
}

.dialog.table_over{
    width:max-content;
    padding: 16px 16px;
}

.dialog.table_over .value{
    color:#666;
}

.dialog.table_over .table thead th,.dialog.table_over .table tbody td{
    padding:4px !important;
    font-size:12px !important;
}

.dialog.table_over ul{
    margin-bottom:10px;
}

.dialog.table_over ul li:nth-child(2){
    margin-top:4px;
}

.dialog.table_over .which{
    color:#666;
    font-weight:400;
}

.dialog.table_over .value{
    margin-right:8px;
}

.dialog.school_over span{
    margin-right:4px;
    font-weight:600;
    color:#020202;
}

.dialog .ad span:before{
    content: '';
    width: 14px;
    height: 14px;
    display: inline-block;
    background: url(/images/daekyo/icons/ico_loca_over.svg) no-repeat 50% 50%;
    background-size:14px;
    margin-right:4px;
    margin-bottom:-2px;
}

.dialog .name span:before{
    content: '';
    width: 14px;
    height: 14px;
    display: inline-block;
    background: url(/images/daekyo/icons/ico_name_over.svg) no-repeat 50% 50%;
    background-size:14px;
    margin-right:4px;
    margin-bottom:-2px;
}


.dialog span.namespan:before{
    content: '';
    width: 14px;
    height: 14px;
    display: inline-block;
    background: url(/images/daekyo/icons/ico_loca_over.svg) no-repeat 50% 50%;
    background-size:14px;
    margin-right:4px;
    margin-bottom:-2px;
}

.dialog span.adspan:before{
    content: '';
    width: 14px;
    height: 14px;
    display: inline-block;
    background: url(/images/daekyo/icons/ico_name_over.svg) no-repeat 50% 50%;
    background-size:14px;
    margin-right:4px;
    margin-bottom:-2px;
}

.dialog.school_over .name{
    margin-top:10px;
}


.dialog .inner{}
.dialog.alert{width: 210px; text-align: center;}
.dialog .msg{color: #262626; font-size: 12px; margin-bottom: 12px;}
.dialog .select-btn{margin-bottom: 15px;}
.dialog .select-btn > ul{margin: -4px -2px 0}
.dialog .select-btn > ul::after{content: ''; display: block; clear: both;}
.dialog .select-btn > ul > li{float:left; width: 50%; padding: 4px 2px 0; box-sizing: border-box;}
.dialog .select-btn > ul > li > button{width: 100%; border: 1px solid #D1CACE; border-radius: 4px; box-sizing: border-box; height: 24px; font-size: 12px; font-weight: bold; color:#999; }
.dialog .select-btn > ul > li.on > button{background: #2980b9; border-color:#2980b9; color: #fff;}
.dialog .select-btn > ul > li > button.on{background: #2980b9; border-color:#2980b9; color: #fff;}
.dialog .select-btn > button{width: 100%;height: 24px; font-size: 11px; font-weight: bold;border-radius: 5px; background:#F3F2F2; color: #999; margin-top: 4px;}
.dialog .select-btn > button.on{width: 100%;height: 24px; font-size: 11px; font-weight: bold;border-radius: 5px; background:#2980b9; color: #fff; margin-top: 4px;}
.dialog .btn-area{text-align: center;}
.dialog .btn-area .btn{height: 24px; border: 1px solid #DDDBDC; border-radius: 12px; font-size: 11px; padding: 0 10px; color: #999; font-weight: bold;}
.dialog .btn-area .btn.select{font-size: 12px; color: #2980b9; border-color: #2980b9;}
.dialog .btn-area .btn.select::after{content: ''; display: inline-block; vertical-align: middle; margin: -2px 0 0 5px; width: 13px; height: 10px; background: url(/images/uplus/ico_btn_select.png);}
.dialog .btn-area .btn.sumit{width: 76px; background: #2980b9; border-color: #2980b9; color: #fff; font-size: 12px;}
.dialog .footer-area{margin: 15px -15px -15px;}
.dialog .footer-area > button{background: #666; width: 100%; height: 31px; line-height: 31px; padding: 0 15px; color: #fff; text-align: left; font-weight: bold; position: relative;}
.dialog .footer-area > button:after{content: '';width: 16px; height: 13px; background: url(/images/uplus/ico_heart.png) no-repeat 0 0; position: absolute; right: 15px; top: 50%; transform: translateY(-50%)}
.dialog .footer-area > button.on:after{background-position: 0 100%;}

.dialog2{position: absolute; width: 160px; background: #fff; border: 1px solid #020202; padding: 15px;}
.dialog2 .inner{}
.dialog2.alert{width: 210px; text-align: center;}
.dialog2 .msg{color: #262626; font-size: 12px; margin-bottom: 12px;}
.dialog2 .select-btn{margin-bottom: 15px;}
.dialog2 .select-btn > ul{margin: -4px -2px 0}
.dialog2 .select-btn > ul::after{content: ''; display: block; clear: both;}
.dialog2 .select-btn > ul > li{float:left; width: 50%; padding: 4px 2px 0; box-sizing: border-box;}
.dialog2 .select-btn > ul > li > button{width: 100%; border: 1px solid #D1CACE; border-radius: 5px; box-sizing: border-box; height: 24px; font-size: 12px; font-weight: bold; color:#999; }
.dialog2 .select-btn > ul > li.on > button{background: #2980b9; border-color:#2980b9; color: #fff;}
.dialog2 .select-btn > ul > li > button.on{background: #2980b9; border-color:#2980b9; color: #fff;}
.dialog2 .select-btn > button{width: 100%;height: 24px; font-size: 11px; font-weight: bold;border-radius: 5px; background:#F3F2F2; color: #999; margin-top: 4px;}
.dialog2 .select-btn > button.on{width: 100%;height: 24px; font-size: 11px; font-weight: bold;border-radius: 5px; background:#2980b9; color: #fff; margin-top: 4px;}
.dialog2 .btn-area{text-align: center;}
.dialog2 .btn-area .btn{padding:6px !important; border: 1px solid #1979ff6c; border-radius: 4px; font-size: 11px; padding: 0 10px; color: #1978ff; font-weight: bold;}
.dialog2 .btn-area .btn.select{font-size: 12px; color: #2980b9; border-color: #2980b9;}
.dialog2 .btn-area .btn.select::after{content: ''; display: inline-block; vertical-align: middle; margin: -2px 0 0 5px; width: 13px; height: 10px; background: url(/images/uplus/ico_btn_select.png);}
.dialog2 .btn-area .btn.sumit{background: #1978ff; border-color: #1978ff; color: #fff; font-size: 12px;}
.dialog2 .footer-area{margin: 15px -15px -15px;}
.dialog2 .footer-area > button{background: #666; width: 100%; height: 31px; line-height: 31px; padding: 0 15px; color: #fff; text-align: left; font-weight: bold; position: relative;}
.dialog2 .footer-area > button:after{content: '';width: 16px; height: 13px; background: url(/images/uplus/ico_heart.png) no-repeat 0 0; position: absolute; right: 15px; top: 50%; transform: translateY(-50%)}
.dialog2 .footer-area > button.on:after{background-position: 0 100%;}
.dialog2.alert .btn-area .btn:hover{
    border: 1px solid #0050C1;
    color: #0050C1;

}

.dialog2.alert .btn-area .btn.sumit:hover{
    background-color: #0050C1;
    border: 1px solid #0050C1;
    color: #fff;
}


.dialog.interest{
    border: 1px solid #00419d;
}
.dialog.interest .footer-area > button{
    background: #00419d;
}

.dialog.interest .msg{
    color:#666;
}

.dialog.interest #conAddr{
    color: #54577a;
    font-weight: 600;
    margin-top: 10px;
    word-break:keep-all;
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 10px;
}

.dialog.p3 #conAddr{

    font-weight: 500;

}

.dialog.interest #conAddr:before{
    content: '';
    width: 14px;
    height: 14px;
    display: block;
    background: url(/images/daekyo/icons/ico_loca_over.svg) no-repeat 50% 50%;
    background-size: 14px;
    margin-right: 4px;
    margin-bottom: 4px;

}

.dialog.interest .fa-times:before{
    color:#3e649b !important;
}

.dialog.interest .select-btn > ul > li > button.on{
    color: #1978ff;
    border: 1px solid #1979ff6c;
    background:#fff;

}

.dialog.interest .select-btn > ul > li > button:hover{
    color:#1978ff;
    border: 1px solid #1979ff6c;
}

.dialog.interest .select-btn > button{
    border: 1px solid #D1CACE;
    background:#f9fafb;
}

.dialog.interest .select-btn > button:hover{
    color: #1978ff;
    border: 1px solid #1979ff6c;
}

.dialog.interest .select-btn > button.on{
    color: #1978ff;
    border: 1px solid #1979ff6c;
}

.dialog.interest .btn-area {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}

.dialog.interest .btn-area .btn{
    width: calc(50% - 2px);
    border-radius:4px;
    height:inherit;
    padding:6px !important;
}

.dialog.interest .btn-area .btn[onclick="regionConfirm()"]{
    background:#1978ff;
    color:#fff;
    border:1px solid #1978ff;
}


.dialog.interest .btn-area .btn[onclick="regionReset()"]{
    color:#1978ff;
    border: 1px solid #1979ff6c;
}

.dialog.interest .btn-area .btn[onclick="regionConfirm()"]:hover{
    background-color: #0050C1;
    color:#fff;
    border:1px solid #0050C1;
}

.dialog.interest .btn-area .btn[onclick="regionDelete();"]{
    color:#1978ff;
    border: 1px solid #1979ff6c;
}

.dialog.interest .btn-area .btn[onclick="regionDelete();"]:hover{
    border: 1px solid #0050C1;
    color: #0050C1;
}

.dialog.interest .btn-area .btn[onclick="regionReset()"]:hover{
    border: 1px solid #0050C1;
    color: #0050C1;
}

.dialog2.alert .btn-area{
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;

}

.dialog2.alert .btn-area .btn{
    width: calc(50% - 2px) !important;
    border-radius: 4px;
}

.dialog2.alert{
    border: 1px solid #00419d;
}

/* uplus css(/assets/css/uplus/layout.css) */
.left{position: absolute; z-index: 1;}
.left .gnb{position: relative;height: calc(100vh - 15px);}
.left .gnb .inner{position: absolute; top: 0px; left: 0px; bottom: 0}

.left .gnb .nav{top: 27px; left: -1px;bottom: 18px; background: #00419D; border: 1px solid #1e3c7c; border-radius: 0 0 10px 0; z-index: 26; width: 70px; min-height: 670px; height: 100%; box-sizing: border-box; position: absolute;}
/* .left .gnb .nav > ul{} */
.left .gnb .accordion {top: -1px; left: -1px;bottom: 18px; background: #ffffff; border: 1px solid #ffffff; border-radius: 0 0 10px 0; z-index: 26; width: 222px; min-height: 670px; height: 100%; box-sizing: border-box; position: absolute;}
.left .gnb .nav > ul{/*padding: 4px;*/ width: 100%;}

.left .gnb .nav > ul > li{}
.left .gnb .nav > ul > li + li{margin-top: 5px;}
.left .gnb .nav > ul > li > button{background: transparent; width:100%; display: block; margin: 0 auto; text-align: center; font-size: 13px; padding: 10px 0; color: #fff;border:1px solid transparent; font-weight: bold;}
.left .gnb .nav > ul > li > button:focus-visible {
    outline: none !important;
}
.left .gnb .nav > ul > li:focus-visible {
    outline: none !important;
}
.left .gnb .nav > ul > li > button:focus{
    outline: none !important;
}
.left .gnb .nav > ul > li:focus{
    outline: none !important;
}
.left .gnb .nav > ul > li > button:before{content: ''; width: 38px; height: 38px; display:block; background: url(/images/daekyo/ico_nav_5.png) no-repeat 50% 50%; margin: 0 auto;}
.left .gnb .nav > ul > li:nth-child(2) > button:before{background-image: url(/images/daekyo/ico_nav_1.svg)}
.left .gnb .nav > ul > li:nth-child(3) > button:before{background-image: url(/images/daekyo/ico_nav_3.svg)}
.left .gnb .nav > ul > li:nth-child(4) > button:before{background-image: url(/images/daekyo/ico_nav_2.png)}
.left .gnb .nav > ul > li:nth-child(5) > button:before{background-image: url(/images/daekyo/icons/ico_nav_010.svg)}
.left .gnb .nav > ul > li:nth-child(6) > button:before{background-image: url(/images/daekyo/ico_nav_7.png)}
.left .gnb .nav > ul > li:nth-child(7) > button:before{background-image: url(/images/daekyo/ico_nav_10.svg)}

#anly3 .left .gnb .nav > ul > li > button:before{content: ''; width: 38px; height: 38px; display:block; background: url(/images/daekyo/ico_nav_8.png) no-repeat 50% 50%; margin: 0 auto;}
#anly3 .left .gnb .nav > ul > li:nth-child(2) > button:before{background-image: url(/images/daekyo/ico_nav_9.png)}

.left .gnb .nav > ul.select > li > button{color: #fff;  }
.left .gnb .nav > ul.select > li.on > button{color: #fff;; background: #1978ff; border:none;}
.left .gnb .log{font-size: 10px; color: #F7A4D5; width: 100%; position: absolute; bottom: 20px}
.left .gnb .log:hover{color: #fff;}
.left .gnb .log:before{content: ''; width: 33px; height: 33px; display:block; background: url(/images/daekyo/ico_nav_logout.png) no-repeat 50% 50%; margin: 0 auto;}

.left .sub{ color: #fff;}
.left .sub .box{margin-left:-341px; background: #fff; box-sizing: border-box; padding: 20px 20px 80px 25px;transition: transform .3s; position: fixed; top: 50px; bottom:1px; min-height: 618px;}
.left .sub .box-head{    background: #f9fafb; padding:30px;border-bottom: 1px solid #ededed;}
.left .sub .box-head:after{content: ''; display: block; clear: both;}
.left .sub .box-head > *{vertical-align: middle}
.left .sub .box-head .btn-close{width:25px; height: 25px;background: url(/images/daekyo/btn_back.png) no-repeat 50% 50%; float: left; border: 0;}
.left .sub .box-head .tit{font-size: 18px; float: left; display: block; margin-top:4px; font-weight: bold; color:#4a4a4a;}
.left .sub .box-head .tit::before{
    content: "";
    display: block;
    width: 38px;
    height: 38px;
    background-repeat:no-repeat;

    margin-top: 20px;
    margin-bottom: 10px;
}

.left .sub .box-head .t1::before{
    background-image: url(/images/daekyo/ico_nav_5_on.png);
}

.left .sub .box-head .t2::before{
    background-image: url(/images/daekyo/ico_nav_1_on.svg);
}

.left .sub .box-head .t3::before{
    background-image: url(/images/daekyo/ico_nav_3_on.svg);
}

.left .sub .box-head .t4::before{
    background-image: url(/images/daekyo/ico_nav_2_on.png);
}


.left .sub .box-head .t5::before{
    background-image: url(/images/daekyo/icons/ico_nav_010_on.svg);
}

.left .sub .box-head .t6::before{
    background-image: url(/images/daekyo/ico_nav_7_on.png);
}

.left .sub .box-head .t7::before{
    background-image: url(/images/daekyo/ico_nav_8_on.png);
}


.left .sub .box-head .t8::before{
    background-image: url(/images/daekyo/ico_nav_9_on.png);
}


.left .sub .box-body{position: absolute; top: 160px; left: 5px; right: 0; bottom: 10px; overflow-y:auto; overflow-x: hidden; padding: 0 20px; z-index: 1;}
.left .sub .box-section{border-bottom: 1px solid #ededed; }
.left .sub .box-section .hover_tooltip {position: fixed; z-index: 9999; width: fit-content; border-radius: 4px; background-color: #fff; border: 1px solid #869ebf; padding:16px;}
.left .sub .box-section .hover_tooltip p{
    color:#666;
    word-break:keep-all;
}
.left .sub .box-section .hover_tooltip p strong{
    color: #666;
}
.left .sub .box-section.on{padding-bottom: 20px;}
/* .left .sub .box-section + .box-section::before{content: ''; display: block; height: 1px; background: #5C5C5D; margin: 30px 0;} */
.left .sub .box-section .tit{position: relative;height: 46px;cursor: pointer;}
.left .sub .box-section .tit > strong{font-weight: normal; font-size: 13px;  display: inline-block; height: 46px; line-height: 46px; vertical-align: middle; color:#666;}
.left .sub .box-section.on .tit{cursor: default}
.left .sub .box-section .tit::after{content: ''; display: block; width: 7px; height: 12px; position: absolute; right: 5px; top: 50%; margin-top: -6px; background: url(/images/daekyo/ico_arr.png) no-repeat }
.left .sub .box-section.on .tit::after{display: none;}
.left .sub .box-section.on .tit{cursor: default; margin-bottom: 5px;}
.left .sub .box-section .tit .tooltip{display: none;vertical-align: middle; width: 15px; height: 15px; line-height: 13px; border: 1px solid #fff; border-radius: 100%; text-align: center; font-size: 10px; padding-left: 2px; box-sizing: border-box; margin: 0 0 0 5px; position: relative; cursor: pointer;}
.left .sub .box-section.on .tit .tooltip{display: inline-block;}
.left .sub .box-section .tit .tooltip:before{content: "?";}
.left .sub .box-section .tit .tooltip:hover{background: #2CC69A; border-color: #2CC69A;}
.left .sub .box-section .tit .tooltip > .txt{position: absolute; overflow: hidden; height: 1px; width: 1px; opacity: 0;}
.tooltip-balloon{position: fixed; top: 100px; left: 100px; z-index: 1000; transform: translate(calc(-50% + 7px), -12px); display: none;}
.tooltip-balloon.on{display: block; }
.tooltip-balloon > p{background: #ffffff; color:#302f1a; font-size: 11px; padding: 10px; border-radius: 5px; position: relative;box-shadow: 0 0 2px rgba(0, 0, 0, .5); letter-spacing: -.5px;}
.tooltip-balloon > p::after{content: ''; display: block; position: absolute; bottom: -7px; left:50%; transform: translateX(-50%);width: 0; height: 0; border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 7px solid #F7F6B9;}

.left .sub .box-section .row{display: none}
.left .sub .box-section.on .row{display: block;}
.left .sub .box-section .row:after{content: ''; display: block; clear: both;}
.left .sub .box-section .row + .row{margin-top:16px;}
.left input[type=checkbox]:not(old) {margin:0; padding:0; opacity:0; width:0; }
.left input[type=checkbox]:not(old) + label {display: block; text-align: left; height:15px; padding-left: 20px; background: url(/images/daekyo/img_check.png) no-repeat 0 0; line-height: 120%; cursor: pointer; font-size: 13px; float: left; box-sizing: border-box;margin-bottom:0 !important;}
.left input[type=checkbox]:not(old):checked + label {background-position: 0 bottom;}

.left input[type=radio]:not(old) {margin:0; padding:0; opacity:0; width:0; }
.left input[type=radio]:not(old) + label {display: block; text-align: left; height:15px; padding-left: 20px; background: url(/images/daekyo/img_radio.png) no-repeat 0 0; line-height: 130%; cursor: pointer; font-size: 13px;float: left; box-sizing: border-box;}
.left input[type=radio]:not(old):checked + label {background-position: 0 bottom;}

input[type=checkbox].form:not(old) {margin:0; padding:0; opacity:0; width:0; }
input[type=checkbox].form:not(old) + label {display: block; text-align: left; height:19px; padding-left: 19px; background: url(/images/daekyo/img_check_form.png) no-repeat 0 0; line-height: 130%; cursor: pointer; font-size: 13px; float: left; box-sizing: border-box;}
input[type=checkbox].form:not(old):checked + label {background-position: 0 bottom;}
input[type=checkbox].form:not(old):disabled + label{background-position-x:100% }

input[type=checkbox].list:not(old) {margin:0; padding:0; opacity:0; width:0; }
input[type=checkbox].list:not(old) + label {display: block; text-align: left; height:18px; padding-left: 18px; cursor: pointer; font-size: 13px; float: left; background: url(/images/daekyo/img_check_11.png) no-repeat 0 0; box-sizing: border-box;}
input[type=checkbox].list:not(old):checked + label {background: url(/images/daekyo/img_check_11.png) no-repeat 0 -19px;}

/*.left .color .row:nth-child(5n+2) input[type=checkbox]:not(old) + label{background-image: url(/images/daekyo/img_check_1.png)}*/
/*.left .color .row:nth-child(5n+2) input[type=checkbox]:not(old):nth-child(3) + label{background-image: url(/images/daekyo/img_check_2.png)}*/
/*.left .color .row:nth-child(5n+3) input[type=checkbox]:not(old) + label{background-image: url(/images/daekyo/img_check_3.png)}*/
/*.left .color .row:nth-child(5n+3) input[type=checkbox]:not(old):nth-child(3) + label{background-image: url(/images/daekyo/img_check_4.png)}*/
/*.left .color .row:nth-child(5n+4) input[type=checkbox]:not(old) + label{background-image: url(/images/daekyo/img_check_5.png)}*/
/*.left .color .row:nth-child(5n+4) input[type=checkbox]:not(old):nth-child(3) + label{background-image: url(/images/daekyo/img_check_6.png)}*/
/*.left .color .row:nth-child(5n+5) input[type=checkbox]:not(old) + label{background-image: url(/images/daekyo/img_check_7.png)}*/
/*.left .color .row:nth-child(5n+5) input[type=checkbox]:not(old):nth-child(3) + label{background-image: url(/images/daekyo/img_check_8.png)}*/
/*.left .color .row:nth-child(5n+6) input[type=checkbox]:not(old) + label{background-image: url(/images/daekyo/img_check_10.png)}*/
/*.left .color .row:nth-child(5n+6) input[type=checkbox]:not(old):nth-child(3) + label{background-image: url(/images/daekyo/img_check_9.png)}*/
/*.left .color .row:nth-child(5n+7) input[type=checkbox]:not(old) + label{background-image: url(/images/daekyo/img_check_11.png)}*/
/*.left .color .row:nth-child(5n+7) input[type=checkbox]:not(old):nth-child(3) + label{background-image: url(/images/daekyo/img_check_12.png)}*/
/*.left .color .row:nth-child(5n+8) input[type=checkbox]:not(old) + label{background-image: url(/images/daekyo/img_check_13.png)}*/
/*.left .color .row:nth-child(5n+8) input[type=checkbox]:not(old):nth-child(3) + label{background-image: url(/images/daekyo/img_check_14.png)}*/
/*.left .color .row:nth-child(5n+9) input[type=checkbox]:not(old) + label{background-image: url(/images/daekyo/img_check_15.png)}*/
.left .row label{
    color:#666;
}
.form-group label{
    color:#666;
}

.left .sub .box-section .row.col-4 input + label{width: 24.5%;}
.left .sub .box-section .row.col-2 input + label{width: 49.5%;}
.left .sub .box-section .row.col-1 input + label{width: auto;}
.left .sub .box-section .row label:last-child{width:auto !important;}

/* .left .sub .box-section.arr .row{display: none;}
.left .sub .box-section.arr.on .row{} */

.left .sub .location-list{}
/* .left .sub .location-list > ul{} */
.left .sub .location-list > ul{padding: 0;}
.left .sub .location-list > ul > li{position: relative; cursor: pointer;}
.left .sub .location-list > ul > li:first-child:before{content: ''; display: block;width:100%; height:15px;}
.left .sub .location-list > ul > li + li:before{content: ''; display: block; height: 1px; background: #ededed; margin: 15px 0;}
.left .sub .location-list > ul > li > p{font-size: 13px; color: #666;padding-right: 50px;}
.left .sub .location-list > ul > li > span{font-size: 12px; color: #999; display: block; padding-right: 50px;}
.left .sub .location-list > ul > li .btn-close{width: 18px; height: 18px;/*background: url(/images/daekyo/btn_close_location.png); */position: absolute; right: 0; top: 15px; border: 0;}
.left .sub .location-list > ul > li .btn-close{color:#798fad;}
.left .sub .location-list > ul > li .btn-close:hover{color:#1978ff;}
.left .sub .location-list > ul > li{position:relative;}
.left .sub .location-list > ul > li p,
.left .sub .location-list > ul > li span{
    padding-left:20px;
    word-break:keep-all;
}
.left .sub .location-list > ul > li::after{
    content: '';
    width: 11px;
    height: 19px;
    background: url(/images/uplus/ico_heart.png) no-repeat 0 100%;
    position: absolute;
    top: 12px;
    background-size: 11px;
}

.table-input{}
.table-input th, .table-input td{height: 56px; padding: 5px 0; text-align: left;  vertical-align: middle;}
.table-input th{font-size: 15px; font-weight: bold; color: #999; /*vertical-align: top*/}
/* .table-input th > span{display: inline-block; padding-top:16px;} */
.table-input input[type=text].form,
.table-input select.form{width: 300px; box-sizing: border-box; height: 56px; border:1px solid #c2c2c2; border-radius: 13px; padding: 0 25px; color: #333; font-size: 15px; font-weight: bold;}
.table-input select.form{background: url(/images/uplus/ico_selec_box.png) no-repeat 95% center;}
.table-input input[type=text].form:only-child,
.table-input select.form:only-child{width: 100%}
.table-input input[type=text].form:disabled,
.table-input select.form:disabled{background:#F5F5F5}
.table-input .btn_check{float: right; width: 85px; height: 56px; background: #666; border-radius: 8px; font-size: 14px; color: #fff; letter-spacing: -0.05em;}

/* 레이어팝업 */
/*.dialog{display: none;}*/
.ui-dialog{border: 0; border-radius: 10px 10px 0 0 !important; overflow: hidden;}
.ui-dialog .ui-dialog-title{margin: 0;line-height: 46px;padding: 0 0 0 25px;color: #fff;font-size: 17px;font-weight: bold;}
.ui-dialog .ui-dialog-titlebar{display: block !important; height: 46px; box-sizing: border-box; background: #2980b9; border: 0; border-radius: 0; padding: 0;}
.ui-dialog .ui-dialog-titlebar-close{right: 25px; width: 22px; height: 22px; background: url(/images/uplus/btn_pop_close_w.png) no-repeat center center; border: 0;}
.ui-dialog .ui-dialog-titlebar-close .ui-icon{display: none;}
.ui-dialog .ui-dialog-content{padding: 45px 60px;}
.ui-dialog .ui-dialog-buttonpane{margin: 0; text-align: center; border: 0; padding: 0 60px 30px; margin-top: -25px;}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float: none; text-align: center; border-top: 1px solid #EAEAEA; padding-top:30px; }
.ui-dialog .ui-dialog-buttonpane button{margin: 0;  }
.ui-dialog .ui-dialog-buttonpane button + button{margin-left: 10px;}
.ui-dialog .ui-dialog-buttonpane button{height:44px; border: 1px solid #2980b9; background: #2980b9; padding: 0 15px; color: #fff; font-size: 14px; border-radius: 8px; box-sizing: border-box; min-width: 90px; font-weight: bold;}
.ui-dialog .ui-dialog-buttonpane button:hover{background: #d4007c; border-color:#d4007c; color: #fff;}
.ui-dialog .ui-dialog-buttonpane button.outline{background: #fff; border-color: #D7D7D7; color: #666;}
.ui-dialog .ui-dialog-buttonpane button.outline:hover{background: #eee}

.ui-dialog .tit-area{margin-bottom: 10px;}
.ui-dialog .tit-area .tit{font-size: 20px;}
.ui-dialog select.round{height: 44px; border-radius: 22px; border-color: #E0E0E0; font-weight: normal;}
.ui-dialog .table-tit{margin: 20px 0 15px; font-size: 17px; color: #333; letter-spacing: -0.05em; font-weight: 600;}

/* 스피너 */
.ui-widget.ui-widget-content.ui-spinner{border: 1px solid #E6E6E6; border-radius: 13px; height: 38px; width: 70px;}
.ui-spinner-input{width: 37px; height: 36px; box-sizing: border-box; padding: 0;font-size: 15px; text-align: center;}
.ui-spinner a.ui-spinner-button{width: 25px;background: none;border: 0; cursor: pointer; height: 16px;}
.ui-spinner-up .ui-icon,
.ui-spinner-down .ui-icon{display: none;}
.ui-spinner-up{background: url(/images/daekyo/ico_spinner_up.png) no-repeat center center !important; top: 6px;}
.ui-spinner-down{background: url(/images/daekyo/ico_spinner_down.png) no-repeat center center !important; bottom: 2px;}

.aside{position: absolute; top:0; right: 0; bottom: 0; width: 1150px; background: #fff; border-left: 1px solid #1a689b;  transition: transform .3s; margin-right: -1151px; z-index: 100;}
.aside.on{transform: translateX(-100%);}
.aside .inner{}
.aside .head{height: 40px; background: #2980b9; border-bottom: 1px solid #1a689b; position: relative; display: flex;}
.aside .head .tit{padding: 0 10px 0 15px; line-height: 40px; color: #fff; font-weight: bold; font-size: 15px;}
.aside .head .tit:before{content: ''; display: inline-block; vertical-align: middle; width: 14px; height: 18px; background: url(/images/uplus/ico_aside_head.png) no-repeat; margin: -2px 9px 0 0;}
.aside .head .tit > span{color: #FFCCEA;}
.aside .head .close{position: absolute; right: 0; top: 0; width: 40px; height: 40px; box-sizing: border-box; background: #1a689b url(/images/uplus/btn_aside_close.png) no-repeat center center; border-left: 1px solid #10537e;}
.aside .head .close:hover{background-color: #1a689b;}
.aside .head .btn-refresh{position: absolute; right: 60px; top: 7px; height: 27px; padding: 0 10px; background: #D1057E; border: 1px solid #B10C6D; border-radius: 14px; color: #fff;}
.aside .head .btn-refresh:after{content: ''; display: inline-block; width: 16px; height: 14px; background: url(/images/uplus/btn_refresh.png) no-repeat; margin:-3px 0 0 8px; vertical-align: middle;}
.aside .head .btn-refresh:hover{background: #ca047b}
.aside .content{position: absolute;top: 41px;left: 0;right: 0;bottom: 0;}
.aside .content .tab-btn{background: #F3F2F2;}
.aside .content .tab-btn > ul{display: flex}
.aside .content .tab-btn > ul > li{flex: 1}
.aside .content .tab-btn > ul > li > button{height: 36px; width: 100%; box-sizing: border-box; line-height: 36px;}
.aside .content .tab-btn > ul > li.on > button{border-bottom: 2px solid #D2007C;}
.aside .content .tab-con{position: absolute; top: 0px; bottom: 0; left: 0; width: 100%; overflow-y:auto; }
.aside .content .tab-con > .unit{display: none; padding: 20px 20px;}
.aside .content .tab-con > .unit.on{display: block;}
.aside .content .tab-con > .unit > .line{margin-top:0}
.aside .content .tab-con > .unit > .line:before{content: ''; display: block; height: 1px; background: #EAEAEA; margin: 40px 0;}
.dataCatalog .aside .content .tab-con{top: 0;}

.aside .content .tit-area{margin:50px 0 13px !important;}
.aside .content .tit-area:first-of-type{margin-top:0 !important;}
.aside .content .tbl + .tit-area{margin-top: 30px !important;}
.aside .content .tit-area::after{content: ''; display: block; clear: both;}
.aside .content .tit-area .tit{float: left; font-size: 1.25rem; font-weight: bold; }
.aside .content .tit-area .tit > span{color:#666; font-weight: normal;}
.aside .content .tit-area .right{float: right}
.aside .content .tit-area .subs{font-size: 14px; color: #9B999A; vertical-align: middle; display: inline-block; margin-top: 5px;}
.aside .content .tit-area .range + .subs{margin-left: 25px;}
.aside .content .range{display: inline-block; vertical-align: middle;}
.aside .content .range > li{display:inline-block; vertical-align: middle; font-size: 12px; color: #999;}
.aside .content .range > li:before{content: ''; display:inline-block; vertical-align: middle; width: 12px; height: 12px; margin: -2px 4px 0 0; background: #8C8CD7; border-radius: 100%;}
.aside .content .range > li + li{margin-left:7px;}
.aside .content .range > li.red:before{background: #CC6666;}
.aside .content .range > li.pink:before{background: #2980b9;}
.aside .content .range > li.green:before{background: #B4D23D;}
.aside .content .range > li.pink-1:before{background: #F89ED3;}
.aside .content .range > li.green-1:before{background: #ABF2AF;}

.aside .content .con-gender{display: table; width: 100%;}
.aside .content .con-gender::after{content: ''; display: block; clear: both;}
.aside .content .con-gender .left-area{display: table-cell; width: 220px; border-right: 1px solid #D9D8D8; text-align: center;}
.aside .content .con-gender .left-area .tit{display: inline-block; border: 1px solid #C5C5C5; height: 22px; line-height: 22px; border-radius: 11px; font-size: .85rem; color: #333; padding: 0 15px;}
.aside .content .con-gender .left-area .graph{margin-top: 50px;}
.aside .content .con-gender .left-area .graph > li{display: inline-block; height: 90px; width: 70px;}
.aside .content .con-gender .left-area .graph > li .bar{height: 85px; width: 27px; display: inline-block; position: relative;}
.aside .content .con-gender .left-area .graph > li .bar > span{bottom:0;display: block; background: #8C8CD7; width: 100%; position: absolute;}
.aside .content .con-gender .left-area .graph > li .bar > span:before{content: ''; display: block; width: 27px; height: 26px; background: url(/images/uplus/ico_gender_1.png) no-repeat; position: absolute; top: -26px;}
.aside .content .con-gender .left-area .graph > li:nth-child(2) .bar > span{background: #CC6666;}
.aside .content .con-gender .left-area .graph > li:nth-child(2) .bar > span:before{background-image: url(/images/uplus/ico_gender_2.png)}

.aside .content .con-gender .left-area .graph > li .name{font-size: 14px; color: #8C8CD7;}
.aside .content .con-gender .left-area .graph > li:nth-child(2) .name{color: #CC6666;}
.aside .content .con-gender .left-area .graph > li:nth-child(2){margin-left: 28px;}
.aside .content .con-gender .left-area .graph > li .number{font-size: 22px; color: #8C8CD7; margin-top: -5px;}
.aside .content .con-gender .left-area .graph > li:nth-child(2) .number{color: #CC6666}
.aside .content .con-gender .left-area .graph > li .number > strong{}
.aside .content .con-gender .right-area{vertical-align: middle; padding: 0 0 0 15px; display: table-cell}
.aside .content .con-gender .right-area .unit{}
.aside .content .con-gender .right-area .unit + .unit{margin-top: 16px;}
.aside .content .con-gender .right-area .unit > *{display: inline-block; vertical-align: middle;}
.aside .content .con-gender .right-area .unit::after{content: ''; display: block; clear: both;}
.aside .content .con-gender .right-area .unit .name{ font-size: .8rem; line-height: 35px; width: 40px;}
.aside .content .con-gender .right-area .unit .graph{ width: 230px;}
.aside .content .con-gender .right-area .unit .graph .bar{position: relative; background:#8C8CD7; height: 15px;}
.aside .content .con-gender .right-area .unit .graph .bar + .bar{margin-top: 1px;}
.aside .content .con-gender .right-area .unit .graph .bar > span{position: absolute; right: -50px; top: -4px; color: #999; font-size: 15px;}
.aside .content .con-gender .right-area .unit .graph .bar:nth-child(2){background:#CC6666; }
.aside .content .con-gender .right-area .unit .txt{font-size: .8rem; float: right; width: 125px;}
.aside .content .con-gender .right-area .unit .txt > span{display: block; font-size: .85rem;}
.aside .content .con-gender .right-area .unit .txt .red{color: #CC6666;}
.aside .content .con-gender .right-area .unit .txt .blue{color: #8C8CD7;}

.aside .content .col-2,
.aside .content .col-3{display: table; width: 100%;}
.aside .content .col-2 > .col,
.aside .content .col-3 > .col{display: table-cell; text-align: center; width: 50%;}
.aside .content .col-2.l-240 > .col{width: 240px}
.aside .content .col-2.l-240 > .col:nth-child(2){width: auto;}
.aside .content .col-3 > .col{width: 33%;}
.aside .content .col-2.gap,
.aside .content .col-3.gap{margin-left: -5px; width: calc(100% + 10px)}
.aside .content .col-2.gap > .col,
.aside .content .col-3.gap > .col{padding: 0 5px;}
.aside .content .col-2 > .type-box,
.aside .content .col-3 > .type-box{position: relative; vertical-align: top;}
.aside .content .col-2 > .type-box::before,
.aside .content .col-3 > .type-box::before{content: ''; position: absolute; top: 0; bottom: 0; left: 0px; right: 0px;border: 1px solid #EDEDED; border-radius: 8px;z-index: 0;}
.aside .content .col-2.gap > .type-box::before,
.aside .content .col-3.gap > .type-box::before{left: 5px; right: 5px;}
.aside .content .col-2 > .type-box > *,
.aside .content .col-3 > .type-box > *{position: relative; z-index: 1; padding: 15px;}
.aside .content .col-3.l-334 > .col{width: 27%}
.aside .content .col-3.l-334 > .col:last-child{width: 46%}

.aside .content .score-area{padding: 15px 25px; margin-bottom: 35px;}
.aside .content .score-area + *{margin-top:0!important}
.aside .content .score-area .col+.col{border-left: 1px solid #EDEDED;}
.aside .content .score-area .tit{color: #333; font-size: 14px;}
.aside .content .score-area .num{margin-top: 10px; font-size: 24px; color: #2980b9; line-height: 1;}
.aside .content .score-area .num > strong{}

.aside .content .con-circle-graph{display: table; width: 100%}
.aside .content .con-circle-graph .left-area{display: table-cell; width: 350px; border-right: 1px solid #D9D8D8; text-align: center; vertical-align: middle;}
.aside .content .con-circle-graph .right-area{display: table-cell; vertical-align: middle; padding-left: 30px;}
.aside .content .con-circle-graph .right-area .txt-1{font-size: 15px;}
.aside .content .con-circle-graph .right-area .txt-2{font-size: 15px;}
.aside .content .con-circle-graph .right-area .dot{color: #666; font-size: 15px;}
.aside .content .con-circle-graph .right-area .dot:before{content: ''; display: inline-block; vertical-align: middle; margin: -2px 5px 0 0; width: 5px; height: 5px; border-radius: 100%; background: #999;}

.dataCatalog .aside .content .txt-help{margin: -20px -25px 0;padding: 11px 0 8px 30px; border-bottom: 1px solid #EDEDED; position: relative}
.dataCatalog .aside .content .txt-help:before{content: ''; display: block; width: 4px; height: 4px; background: #2980b9; border-radius: 100%; position: absolute; top: 17px; left: 20px; font-size: 12px; color: #666;}
.dataCatalog .aside .content .tab-con > .unit > * + *{margin-top: 35px}
/* .dataCatalog .aside .content .unit > * + *{margin-top: 35px} */
.dataCatalog .aside .content .graph-wrap{margin-top: 0;}
.dataCatalog .aside .content .top-select{margin: -20px -25px 0; border-bottom: 1px solid #EDEDED; padding: 20px 25px}
.dataCatalog .aside .content .top-select > select + select{margin-left: 7px;}
.dataCatalog .tbl-round > table > tbody > tr > td{padding: 10px 0;}

.aside .tab-sub{font-size: 0; text-align: center;}
.aside .tab-sub > button{font-size: 13px; font-weight: bold; border: 2px solid #D4D4D4; border-radius: 0 18px 18px 0; height: 36px; text-align: center; width: 93px; line-height: 36px; color: #999; border-width:1px 1px 1px 0; }
.aside .tab-sub > button:first-child{border-radius: 18px 0 0 18px; margin-right: -1px;border-width:1px 0 1px 1px }
.aside .tab-sub > button.on{background: #2980b9; border-color: #2980b9; color: #fff;}
.aside .tab-sub-con{margin-top: 25px !important}
.aside .tab-sub-con .unit{display: none}
.aside .tab-sub-con .unit2{margin: 50px 0 13px !important}
.aside .tab-sub-con .unit3{display: block}
.aside .tab-sub-con .unit.on{display: block;}
.aside .tab-con .unit .box, .aside .tab-sub-con .unit .box{border: 1px solid #EDEDED; border-radius: 8px; padding: 15px;}
.aside .btn-area{text-align: right; border-top: 1px solid #EAEAEA; margin-top:25px; padding-top: 30px;}
.aside .btn-area > button{height: 48px; border: 1px solid #2980b9; border-radius: 13px; padding: 0 25px; font-size: 15px; color: #2980b9; font-weight: bold;}
.aside .btn-area > button:before{content: ''; display: inline-block; width: 23px; height: 21px; vertical-align: middle; margin: -3px 10px 0 0; background:url(/images/uplus/ico_btn_down.png) no-repeat;}
.aside .btn-area > button:hover{background: #fffbfd}

.aside .tab-sub-con .unit .tbl-round + .box{margin-top: 50px;}

/* 보고서 Select Box */
.year-select {color: white; background: #1a689b; border-radius: 3px; font-size: 13px; text-align: right; height: 24px; width: 52px; margin-top: 8px; padding: 0 0 3px 12px;}
.year-select .optionItem:hover {background: rgb(175, 93, 93);}
.month-select {color: white; background: #1a689b; border-radius: 3px; font-size: 13px; text-align: right; height: 24px; width: 52px; margin-top: 8px; padding: 0 0 3px 18px;}
.month-select .optionItem:hover {background: rgb(175, 93, 93);}


.raking-list{}
.raking-list > ul{}
.raking-list > ul > li{text-align: left;}
.raking-list > ul > li + li{margin-top: 14px;}
.raking-list > ul > li > *{vertical-align: middle;}
.raking-list > ul > li .num{font-size: 12px; width: 28px; height: 18px; background: #fff; border-radius:5px; display: inline-block; color: #333; text-align: center; line-height: 20px; font-weight: bold; margin-right: 5px;}
.raking-list > ul > li:nth-child(1) .num{background: #CC9933; color: #fff;}
.raking-list > ul > li:nth-child(2) .num{background: #5E707A; color: #fff;}
.raking-list > ul > li:nth-child(3) .num{background: #97A8B1; color: #fff;}
.raking-list > ul > li .txt{display: inline-block; padding-top: 2px; font-size: 12px; color: #999;}
.raking-list > ul > li .txt > strong{font-weight: normal; color: #666}

.txt-dot{font-size: 12px; color: #9B999A; margin-top: 12px;}
.txt-dot::before{content: '*';display: inline-block;margin: 4px 5px 0 0;vertical-align: middle;}




.tbl{}
.tbl > table{border-collapse:collapse;}
.tbl > table > thead{border: solid #2980b9; border-width: 2px 2px 0 2px;}
.tbl > table > thead > tr{background: #F5F4F4;}
.tbl > table > thead > tr > th{line-height: 35px; color: #999; font-size: .85rem;}
.tbl > table > tbody{border: solid #EDEDED; border-width: 0 1px 1px 1px;}
.tbl > table > tbody > tr{}
.tbl > table > tbody > tr >td{text-align: center; padding: .42rem; border: solid #EDEDED; border-width: 1px; vertical-align: middle; font-size: .85rem;}

.tbl-round{overflow: hidden; border-radius: 13px 13px 0 0}
.tbl-round > table{border-collapse:collapse; width: calc(100% - 1px)}
.tbl-round > table > thead{}
.tbl-round > table > thead > tr{background: #666666;}
.tbl-round > table > thead > tr > th{height: 30px; line-height: 17px; color: #fff; font-size: 15px; vertical-align: middle;}
.tbl-round > table > thead > tr:nth-child(2) > th{font-size: 15px;}
.tbl-round > table > thead > tr > th.red{background: #2980b9;}
.tbl-round > table > thead > tr > th.bg{background: url(/images/uplus/bg_head.png) no-repeat right bottom;}
.tbl-round > table > thead > tr > th > span{color: #E8E3B5;}
.tbl-round > table > tbody{border: solid #EDEDED; border-width:0 1px 1px;}
.tbl-round > table > tbody > tr{}
.tbl-round > table > tbody > tr > td{text-align: center; padding: 16px 0px; border: solid #EDEDED; border-width: 1px 0; vertical-align: middle; font-size: 15px;}
.tbl-round > table > tbody > tr.red{background: #FDEEEE}
.tbl-round > table > tbody > tr.blue{background: #F1FBFB}
.tbl-round > table > tbody > tr.yellow{background: #FFF8EE}
.tbl-round > table > tbody > tr > td.red{background: #FDEEEE}
.tbl-round > table > tbody > tr > td.blue{background: #F1FBFB}
.tbl-round > table > tbody > tr > td.yellow{background: #FFF8EE}
.tbl-round > table > tbody > tr > td.white{background: #fff; border-right: 1px solid #EDEDED;}

/* ------------------------ 유플러스 CSS */

/* dyoh 추가 */


#sidebar3 .gnb .inner{
    top: -28px;
}


#anly1 .sidebar .side-head {
    height: 0px;
    background-color:#00419D;
}

#anly1 .sidebar  .side-head .btn-close,
.left .sub .box-head .btn-close{
    width: 24px;
    height: 60px;
    background: url(/images/daekyo/icons/handle_l.svg) no-repeat 50% 50%;
    float: left;
    border: 0;
    position: absolute;
    background-size: cover;
    right: -21px;
    top: 50%;
    transform: translateY(-50%);

}
#anly1 .sidebar.on {transform: translateX(222px); z-index: 25; display: block; overflow:inherit;}
#anly1 .sidebar {width: 222px; left: -222px; background: #f9fafb;}

#anly1 .sidebar .card .card-body button {
    color: #535362;
    background-color: #f1f3f6;
    width:87%;
    margin-left: 28px;
}
#anly1 .sidebar .card .card-body .collapse a label {color: #535362;}



#anly2 .left .sub .box{width:310px; left:70px; top:78px; padding:0;}
#anly3 .left .sub .box{width:300px; left:-80px; top:78px;}
#anly2 .left .sub .box.on{transform: translateX(332px); z-index: 25;border: 1px solid #d6d6d6;}
#anly3 .left .sub .box.on{transform: translateX(490px); z-index: 25; padding:0 !important;border: 1px solid #d6d6d6;}

.down_box{
    padding: 20px 13px;
    background: #f9fafb;
    display: flex;
    flex-direction: column;
    border-top: 1px solid #ededed;

}

.down_box a{
    padding:10px 4px;
    color:#1978ff;
    font-weight:500;
    box-sizing:border-box;
    border:1px solid #1978ff6b;
    border-radius:4px;
    letter-spacing: -1px;

    transition: 0.6s ease;
}

.down_box a:first-child{
    margin-bottom:10px;
}

.down_box a span{
    font-size:9px;
    color:#1978ff;
    text-align:center;
    margin-left:2px;
    transition: 0.6s ease;
}

.down_box a::before {
    background-image: url(/images/daekyo/icons/ico_d_down_on.svg);
    background-size:contain;
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    float: left;
    margin:2px 4px 0px 4px;
}

.down_box a:hover{
    color:#fff;
    border:1px solid #1978ff;
    background-color:#1978ff;
}

.down_box a:hover::before{
    background-image: url(/images/daekyo/icons/ico_d_down_wh.svg);
}

.down_box a:hover span{
    color:#fff;s
}

.form-control-xs {
    height: calc(1.5em + 0.7em + 2px);
    padding: 0.3rem;
    font-size: 0.9rem !important;
    border-radius: 0.2rem;
}
.left .sub .box-section.foot{margin-top:7px; width: 100%; display: flex; justify-content: flex-end; border-bottom: 0;}
.btn-facebook {
    color: #fff;
    background-color: #3b5999;
    border-color: #3b5999;
    box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}

.btn-facebook:hover {
    color: #fff;
    background-color: #3b5999;
    border-color: #3b5999;
}

.btn-facebook:focus,
.btn-facebook.focus {
    box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(59, 89, 153, 0.5);
}

.btn-facebook.disabled,
.btn-facebook:disabled {
    color: #fff;
    background-color: #3b5999;
    border-color: #3b5999;
}

.btn-facebook:not(:disabled):not(.disabled):active,
.btn-facebook:not(:disabled):not(.disabled).active,
.show>.btn-facebook.dropdown-toggle {
    color: #fff;
    background-color: #2d4474;
    border-color: #3b5999;
}

.btn-facebook:not(:disabled):not(.disabled):active:focus,
.btn-facebook:not(:disabled):not(.disabled).active:focus,
.show>.btn-facebook.dropdown-toggle:focus {
    box-shadow: none, 0 0 0 0 rgba(59, 89, 153, 0.5);
}

.btn-twitter {
    color: #fff;
    background-color: #1da1f2;
    border-color: #1da1f2;
    box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}

.btn-twitter:hover {
    color: #fff;
    background-color: #1da1f2;
    border-color: #1da1f2;
}

.btn-twitter:focus,
.btn-twitter.focus {
    box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(29, 161, 242, 0.5);
}

.btn-twitter.disabled,
.btn-twitter:disabled {
    color: #fff;
    background-color: #1da1f2;
    border-color: #1da1f2;
}

.btn-twitter:not(:disabled):not(.disabled):active,
.btn-twitter:not(:disabled):not(.disabled).active,
.show>.btn-twitter.dropdown-toggle {
    color: #fff;
    background-color: #0c85d0;
    border-color: #1da1f2;
}

.btn-twitter:not(:disabled):not(.disabled):active:focus,
.btn-twitter:not(:disabled):not(.disabled).active:focus,
.show>.btn-twitter.dropdown-toggle:focus {
    box-shadow: none, 0 0 0 0 rgba(29, 161, 242, 0.5);
}
.border{border:1px solid #dee2e6!important}

#paginate ul li {
    text-align: center;
}
#paginate ul li.num {
    width: 35px;
}
#paginate ul li a {
    font-size: 15px;
    padding-left: 11px;
    padding-right: 11px;
    padding-top: 4px;
    padding-bottom: 4px;
}
#paginate ul li.first a, #paginate ul li.previous a {
    padding-left: 0 !important;
}
#paginate ul li.last a, #paginate ul li.next a {
    padding-right: 0 !important;
}
#paginate ul li.num a {
    border: 1px solid #fafafa;
    border-radius: 50%;
    background-color: #fafafa;
}
#paginate ul li.num a:hover, #paginate ul li.num a:active, #paginate ul li.num a:focus {
    border: 1px solid #2972c5;
    border-radius: 50%;
    background-color: #edf3fd;
    padding-left: 11px;
    padding-right: 11px;
    padding-top: 4px;
    padding-bottom: 4px;
    color: #2972c5;
    font-weight: bold;
}

@media print {
    div.content-body {overflow: hidden !important;}

    .container {
        max-width: 100% !important;
    }

    .mlflex {
        /* Webkit Flex 적용 */
        display: -webkit-box !important;
        -webkit-box-orient: horizontal !important;
    }

    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .col-lg-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .col-lg-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-lg-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .col-lg-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-lg-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .col-lg-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-lg-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

    .col-lg-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .flowTxt {
        flex: 0 0 58%;
        max-width: 58%;
        margin: 0px !important;
        padding-left: 2px !important;
        padding-right: 2px !important;
    }
    .thickBorder {
        padding-left: 0px !important;
        padding-right: 0px !important;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }
    .print-none {display: none !important;}
    .card-body .content-report .row {
        display: flex !important;
        flex-wrap: wrap !important;
        margin-top: 15px;
    }
    .card-body .content-report .row .col-6 {
        flex: 0 0 46% !important;
        max-width: 46% !important;
    }
    .card-body .content-report .row .col-6 .row .col-6 {
        flex: 0 0 46% !important;
        max-width: 46% !important;
    }
    .card-body .content-report .row .col-4 {
        flex: 0 0 30% !important;
        max-width: 30% !important;
    }
    .card-body .content-report .row .col-12 {
        flex: 0 0 97% !important;
        max-width: 97% !important;
    }
    .card-body .content-report .table-responsive {
        overflow-x: hidden !important;
        overflow-y: hidden !important;
    }
    .card-body .content-report .row .con-gender {
        margin-top: 15px;
        margin-bottom: 25px;
    }
    .card-body .content-report .row .print-d-block {
        display: block !important;
    }
    .card-body .content-report .row .print-d-block .w-50 {
        width: 100% !important;
    }
    .card-body {
        height: 100% !important;
        overflow-x: hidden !important;
    }
    #areaChart03 div, #areaChart06 div, #areaChart09 div, #areaChart11 div, #areaChart12 div {
        width: 490px !important;
        margin: auto !important;
    }
    #areaChart03 canvas, #areaChart06 canvas, #areaChart09 canvas, #areaChart11 canvas, #areaChart12 canvas{
        width: 480px !important;
    }
    #areaChart04 div, #areaChart05 div {
        width: 400px !important;
        margin: auto !important;
    }
    #areaChart04 canvas, #areaChart05 canvas {
        width: 390px !important;
    }
    #areaChart07 div {
        width: 530px !important;
        margin-left: -15px !important;
    }
    #areaChart07 canvas {
        width: 520px !important;
    }
    #areaChart08 div, #areaChart10 div {
        margin-left: -70px !important;
    }
    #areaChart08 canvas, #areaChart10 canvas {
        margin-left: -70px !important;
    }
    .report-area #dmap {
        width: 100% !important;
        margin: auto !important;
    }

    /* chrome print 관련 추가(dyoh) */
    .card-body .table-bordered th {
        word-break: keep-all;
    }
    .card-body .col-6 table {
        border-right: 1px solid #d1d6e3 !important;
    }
    .table th, .table td {
        padding: 8px 3px;
    }
    .printMtm10 {
        margin-top: -20px;
    }

    .table-print {max-width:95% !important;width:95% !important}
    .chart_list canvas {max-width:80% !important;width:80% !important}
    #similar_type_container {height:100% !important;overflow-y: hidden;!important;overflow-x:hidden!important;overflow:hidden!important;}
}

@media (min-width: 1200px) {
    .separator-skew { height: 80px !important; }
}

/* 스크롤바 CSS */
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb {
    background: #9e9e9e;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: #757575;
}

.table-sm th, .table-sm td {
    font-size: 0.9rem !important;
}

.nav-OverlayContainer-leaflet{
    display: flex;
    position: absolute;
    right: 16px;
    bottom: 16px;
    left: 1000px;
    top: 1000px;
    align-items: center;
    z-index: 2;
}

.leaflet-bottom {
    bottom: 8px;
    position: absolute;
    z-index: 1;
}
.leaflet-right {
    right: 0;
    margin-left: 10px;
    margin-right: 10px;
    float: left;
}
.leaflet-right .leaflet-control {
    margin-right: 20px;
}
.legend {
    line-height: 18px;
    color: #555;
}

/* 팝업영역 */
.button {
    padding:0;
    backgroud:none;
    border:0;
    cursor:pointer;
}

.popCmmn {
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.popOpenBtnCmmn {
    width:200px;
    height:60px;
    backgroud:#000;
    color:#999;
    font-size:10px;
    opacity:0.7;
    transition:all 0.3s;
}

.popBg {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.7);
}

.popInnerBox {
    /* display:flex; */
    justify-content:space-between;
    position:absolute;
    top:50%;
    left:50%;
    width:400px;
    height:270px;
    margin:-125px 0 0 -200px;
    text-align:center;
    background:#fff;
    border-radius:8px;
}

.popHead {
    padding:15px;
    background:#184e77;
    color:#fff;
    font-size:18px;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    height: 30%;
}
.popHead i {
    font-size: 2.25rem;
}
.popHead i:before {
    vertical-align: baseline;
}
.popBody {
    padding:10px;
    box-sizing:border-box;
    font-size:15px;
    height: 45%;
}
.popUpBtn {
    width:30%;
    margin:10px;
    padding:8px;
    font-size:16px;
}
.popCloseBtnCmmn:hover {
    backgroud:#666;
}
.iw_inner {
    padding: 7px;
}
.card-header h5 {
    font-size: 1.025rem !important;
}

.bg-gd-1 {background-color: #ba1f16;}
.bg-gd-2 {background-color: #f07327;}
.bg-gd-3 {background-color: #fde126;}
.bg-gd-4 {background-color: #83c22b;}
.bg-gd-5 {background-color: #216d42;}


/* login.jsp */
.navbar {
    height: 78px;
    border-bottom: 2px solid #1565c0 !important;
    position: absolute !important;
    width: 100%;
    z-index: 2;
    margin: 0 auto;
    padding:0 30px 6px 30px;
    box-shadow: 0 0 5px #8080808f;

}
a.navbar-brand.custom{
    background:url(/images/daekyo/logo/daekyo_s.svg) center center no-repeat;
    width:100%; height:40px;
    background-size: contain;
}
a.navbar-brand.custom_main{
    background:url(/images/daekyo/logo/daekyo_s.svg) center center no-repeat; width:156px; height:30px;
    background-size: contain;
}
#navbarCollapse{
    margin-top:12px;
    margin-left:20px;
}

#navbarCollapse li {font-size: .95rem; font-weight: 600; margin-left: 10px; margin-right: 10px;}
#navbarCollapse li.on .nav-link {color: #1978ff;}
.bg-grey {background-color: #657F87;}
.bg-red {background-color: #dc2045 !important;}
.fill-grey {fill: #657F87;}
.btn-outline-dark-default {
    color: #1978ff;
    background-color: #fff;
    background-image: none;
    border:1px solid #1979ff6c;
}
.input-group-alternative {
    box-shadow: none;
    border-radius: 0;
}

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus{
    color:#1978ff;
}

/* admin.jsp */
a.navbar-brand2.custom{background:url(/images/dongast/dongast-logo2.png) center center no-repeat; width:142px; height:26px; }
.table thead th {
    font-size: 0.9rem!important;
}
.mt37 {
    margin-top: 37px;
}
.mt70 {
    margin-top: 70px;
}
.top50 { top: 50%; }
.left50 { left: 50%; }
.box-timeout {
    height: 280px;
    width: 525px;
    box-shadow: 0px 10px 20px rgb(0 0 0 / 20%);
    border-radius: .4rem;
    margin-left: auto;
    margin-right: auto;
}
.box-timeout .modal-title {
    border-top-left-radius: .4rem;
    border-top-right-radius: .4rem;
    background-color: #ED1C24;
}
.box-timeout .modal-title h4 {
    color: #fff;
}
.mlflex {
    /* Webkit Flex 적용 */
    display: -webkit-box !important;
    -webkit-box-orient: horizontal !important;
}
.close {
    font-size: 2rem;
}
.popup {
    width: 1380px;
    height: 760px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -380px;
    margin-left: -650px;
    z-index: 2000;
    font-size: 13px;
    background: #fff;
    border: 2px solid rgba(72, 94, 144, 0.16) !important;
}

#detail_iframe.popup,#analysis2_report_iframe.popup{
    height:calc(100vh - 80px) !important;
    top: 0;
    left:50%;
    transform: translateX(-50%);
    margin-top: 0;
    margin-left: 0;
}

#report_iframe.popup{
    height:calc(100vh - 80px) !important;
    top: 40px;
    left:50%;
    transform: translateX(-50%);
    margin-top: 0;
    margin-left: 0;

}

#initial-modal.show{
    z-index:999 !important;
}

.table-center th, .table-center td {
    text-align: center !important;
    vertical-align: middle !important;
}

.text-blue {
    color: #1565c0;
}
.text-yellow {
    color: #fff59d;
}

.switch-button {
    position: relative;
    display: inline-block;
    width: 55px;
    height: 25px;
    line-height: 28px;
    margin-top : 6px;
    margin-left: 6px;
}
.switch-button input {
    opacity: 0;
    width: 0;
    height: 0;
}
.onoff-switch {
    position: absolute;
    cursor: pointer;
    top: 2px;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius:7px;
    background-color: #0078d0;
    -webkit-transition: .4s;
    transition: .4s;
    color: #fff;
    font-weight: bold;
    width: 50px;
    height: 24px;
    margin: auto;
    text-align: center;
    line-height: 24px;
}
.switch-label {
    text-align: center;
    font-size: 12px;
    color:#151515;
    cursor: pointer;
    height: 28px;
    line-height: 22px;
    padding-left: 5px;
}
.switch-button input:checked + .onoff-switch:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: 0.25rem;
}

/*analysis2 보고서 내부 UI CSS*/
#report_popup{
    overflow:hidden;
}
#report_popup .card-body table {
    table-layout: fixed;
}

#report_popup .report-icon .btn i {
    font-size: 18px;
}
#report_popup .report-icon .btn {
    padding: 4px 12px;
}

#edu_popup .card-header,
#report_popup .card-header,
#learing_popup .card-header,
#solruni_popup .card-header,
#yes_class_popup .card-header,
.com_popupStyle0621{
    background-color:#00419D;
    padding: 20px 2rem !important;
    box-sizing: border-box;
    width:100%;
    position:fixed;
    z-index:800;
    top:0;
}
#edu_popup .card-body,
#report_popup .card-body,
#learing_popup .card-body,
#solruni_popup .card-body,
#yes_class_popup .card-body,
.com_popup_body0621{
    margin-top:78px;
    width:100%;
    position:fixed;
}

#edu_popup .card-header h2,
#report_popup .card-header h2,
#learing_popup .card-header h2,
#solruni_popup .card-header h2,
#yes_class_popup .card-header h2,
.com_popupStyle0621 h2{
    color:#fff;
    font-weight:600;
}

#edu_popup .close,
#report_popup .close,
#learing_popup .close,
#solruni_popup .close,
#yes_class_popup .close,
.com_popupStyle0621 .close{
    color:#fff;
    text-shadow:0;
    opacity:1;
    font-weight:100;
}

#edu_popup .card-body,
#report_popup .card-body,
#learing_popup .card-body,
#solruni_popup .card-body,
#yes_class_popup .card-body,
.com_popup_body0621.card-body{
    padding-right: 2rem;
    padding-left: 2rem;
}


.card-body.print, .com_popup_body0621.print{
    margin-top:0 !important;
    position:static !important;
    padding-right: 0.2rem !important;
    padding-left: 0.2rem !important;
}

.card-header.print{
    position:static !important;
}


.report-icon .btn-report-file{
    color: #1c273c;
    background-color: #ffffff;
    border: 1px solid #5497c9;
}
.report-icon .btn-report-file img {
    width: 20px;
    height: 20px;
}

#edu_popup h3.title,
#report_popup h3.title,
#learing_popup h3.title,
#solruni_popup h3.title,
#yes_class_popup h3.title, .com_popup_body0621 h3.title{
    font-size: 18px !important;
    font-weight: bold;
    margin-bottom:10px;
}

#edu_popup .fa-edit:before{
    content: "";
    display: block;
    width: 32px;
    height: 32px;
    background-image: url(/images/daekyo/icons/pin_ico1.svg);
    background-size: 32px;
    margin-bottom: -8px;
}

#learing_popup .fa-edit:before{
    content: "";
    display: block;
    width: 32px;
    height: 32px;
    background-image: url(/images/daekyo/icons/pin_ico2.svg);
    background-size: 32px;
    margin-bottom: -8px;
}

#yes_class_popup .fa-edit:before, .com_popupStyle0621 .fa-edit:before{
    content: "";
    display: block;
    width: 32px;
    height: 32px;
    background-image: url(/images/daekyo/icons/pin_ico3.svg);
    background-size: 32px;
    margin-bottom: -8px;
}

.card-body .table-bordered th,.card-body .table-bordered td{
    border:1px solid #d1d6e3 !important;
}

table.highlight tbody tr td:nth-child(5) {
    background-color: #e3f2f9;
}
.content-report .title-area {
    display: flex;
    justify-content: space-between;
}
.content-report .title-area p.title{
    float: left;
    font-size: 20px;
    font-weight: bold;
    padding-bottom:10px;
    margin:10px 0;
}

.report-area  p.title{
    float: left;
    font-size: 18px !important;
    font-weight: bold;
    padding-bottom:10px;
}

.content-report .title-area .right {
    float: right;
    padding-top: 9px;
}
.row .range {
    display: inline-block;
    vertical-align: middle;
}
.row .range > li {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    color: #999;
}
.row .range > li:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 12px;
    margin: -2px 4px 0 0;
    background: #8C8CD7;
    border-radius: 100%;
}
.row .range > li.red:before {
    background: #CC6666;
}
.row .tit-area::after {
    content: '';
    display: block;
    clear: both;
}
.row .con-gender {
    display: table;
    width: 100%;
}
.row .con-gender .left-area {
    display: table-cell;
    width: 195px;
    border-right: 1px solid #D9D8D8;
    text-align: center;

    vertical-align: middle;
}
.row .con-gender .left-area .tit {
    display: inline-block;
    border: 1px solid #C5C5C5;
    height: 22px;
    line-height: 22px;
    border-radius: 11px;
    font-size: 14px;
    color: #333;
    padding: 0 20px;
}
.row .con-gender .left-area .graph {
    margin-top: 35px;
}
.row .con-gender .left-area .graph > li {
    display: inline-block;
    height: 90px;
    width: 70px;
}
.row .con-gender .left-area .graph > li .bar {
    height: 60px;
    width: 27px;
    display: inline-block;
    position: relative;
}
.row .con-gender .left-area .graph > li .bar > span {
    bottom: 0;
    display: block;
    background: #8C8CD7;
    width: 100%;
    position: absolute;
}
.row .con-gender .left-area .graph > li .bar > span:before {
    content: '';
    display: block;
    width: 27px;
    height: 26px;
    background: url(/images/uplus/ico_gender_1.png) no-repeat;
    position: absolute;
    top: -26px;
}
.row .con-gender .left-area .graph > li .name {
    font-size: 14px;
    color: #8C8CD7;
}
.row .con-gender .left-area .graph > li .number {
    font-size: 22px;
    color: #8C8CD7;
    margin-top: -5px;
}
.row .con-gender .left-area .graph > li:nth-child(2) .bar > span {
    background: #CC6666;
}
.row .con-gender .left-area .graph > li:nth-child(2) .bar > span:before {
    background-image: url(/images/uplus/ico_gender_2.png);
}
.row .aside .content .con-gender .left-area .graph > li:nth-child(2) .name {
    color: #CC6666;
}
.row .con-gender .left-area .graph > li:nth-child(2) .number {
    color: #CC6666;
}
.row .con-gender .right-area {
    vertical-align: middle;
    padding: 0 0 0 24px;
    display: table-cell;
}
.row .con-gender .right-area .unit .name {
    font-size: 15px;
    line-height: 35px;
    width: 60px;
}
.row .con-gender .right-area .unit .graph {
    width: 260px;
}
.row .con-gender .right-area .unit .graph .bar {
    position: relative;
    background: #8C8CD7;
    height: 13px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.row .con-gender .right-area .unit .graph .bar > span {
    position: absolute;
    right: -50px;
    top: -4px;
    color: #999;
    font-size: 14px;
}
.row .con-gender .right-area .unit .graph .bar:nth-child(2) {
    background: #CC6666;
}
.row .con-gender .right-area .unit::after {
    content: '';
    display: block;
    clear: both;
}
.row .con-gender .right-area .unit .txt {
    font-size: 14px;
    float: right;
    width: 230px;
}
.row .con-gender .right-area .unit .txt .blue {
    color: #8C8CD7;
}




/**added 0405**/


.col-lg-6{
    flex-direction: row;
    display: flex;
    justify-content: center;
    flex:0 0 80%;
    max-width:80%;
}

.col-lg-6::after {
    content: "";
    width: 100%;
    height:100%;
    background: rgb(21 34 78 / 24%);
    filter: blur(29px);
    position: absolute;
    z-index: -1;
    left: 35px;
    top: 38px;
}

.log_img{

    width:42%;
    background-image: url(/images/daekyo/log_img.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    position: relative;
}

.log_img::before {
    content: "";
    display: block;
    background-image: url(/images/daekyo/logo/daekyo_r.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 30px;
    left: 20px;
    width: 80px;
    height: 74px;
}

#loginForm,#cardForm{
    width:58%;
    min-width:380px;
}


.card{
    border-radius:0;
}

.bg-grey{
    background: url(/images/daekyo/log_bg.png) center;
    background-size: cover;
    background-repeat: no-repeat;
}

.bg-grey .swal2-popup{
    width:340px !important;
}

.bg-grey button.swal2-confirm{
    background: #1978ff !important;

}


.bg-grey button.swal2-confirm:hover{

    background-color: #0050C1 !important;
}

.bg-grey .swal2-title{
    font-size: 18px !important;
}

.card-header{
    padding: 4rem 0rem 0rem;
}

.btn-main1{
    background:#1978ff;
    color:#fff;
}

.card-body{
    padding-right:5rem;
    padding-left:5rem;
}

.ni-circle-08::before{
    content: "";
    display: block;
    background-image: url(/images/daekyo/icons/ico_d_login.svg);
    background-size: contain;
    width: 20px;
    height: 20px;
}

.ni-lock-circle-open::before{
    content: "";
    display: block;
    background-image: url(/images/daekyo/icons/ico_d_pass.svg);
    background-size: contain;
    width: 20px;
    height: 20px;
}

.ni-caps-small::before{
    content: "";
    display: block;
    background-image: url(/images/daekyo/icons/ico_d_name.svg);
    background-size: contain;
    width: 20px;
    height: 20px;
}

.ico_name::before{
    content: "";
    display: block;
    background-image: url(/images/daekyo/icons/ico_d_depart.svg);
    background-size: contain;
    width: 20px;
    height: 20px;
}

.ni-email-83::before{
    content: "";
    display: block;
    background-image: url(/images/daekyo/icons/ico_d_mail.svg);
    background-size: contain;
    width: 20px;
    height: 20px;

}

.searchId,.searchPw{
    color:#666 !important;
}


#register-btn,#login-btn,#btn_regist,#btn_cancle,#btn_search_id,#send_email,#chg_pw_submit{
    padding:0.8rem 1.25rem;
}

#btn_check_id{
    font-weight: 400;
    font-size:0.8rem;
    box-shadow:none !important;
}

#btn_check_id:hover{
    background:#fff !important;
}


#loginForm .btn:hover,#cardForm .btn:hover{
    box-shadow:none;
    transform:none;

}

#loginForm .btn:focus,#cardForm .btn:focus{
    box-shadow:none !important;
    transform:none !important;

}

input:-internal-autofill-selected{
    background-color:#fff !important;
}

#loginForm .btn-main1:hover,#cardForm .btn-main1:hover,.btn-main1:hover{
    background-color:#0050C1;
    color:#fff;
}

input.form-control.border-bottom{
    background-color:#fff !important;
}

#loginForm .btn-outline-dark-default:hover,
#cardForm .btn-outline-dark-default:hover,
.btn-outline-dark-default:hover{
    border: 1px solid #0050C1;
    color:#0050C1;
}

.searchId:hover,.searchPW:hover{
    color:#1978ff !important;
}

.pb-lg-4{
    padding-bottom: 4rem !important;
}

#cardForm .small_tt{
    font-size:0.9rem!important;
    margin-bottom:4px;
    color:#3c4f64;
}

#cardForm .text-left.mb-4{
    margin-bottom: 2.8rem!important;
    background: #fafcff;
    box-sizing: border-box;
    padding: 1rem 1.6rem;
    border-left:2px solid #96bae3;
}

#mapReSearch{
    font-size:14px !important;
    white-space: nowrap;
}

/*#mapReSearch.on{
	transform:translateX(111px);
	transition: 0.6s ease;
}*/

button.new,button.edit{
    color: #333333bd;
    border-color: #33333385;
    background:#fff;
}



button.new:hover,button.edit:hover{
    color: #fff;
    border-color: #7987a1;
    background:#7987a1;

}


button.delete:hover{
    color: #fff
    background:#dc3545;
    border-color: #dc3545;
}

button.delete{
    color: #ff5464;
    border-color: #ff96a0;
}

button.delete:hover{
    color: #fff;
    background-color: #ef7b7b;
    border-color: #ef7b7b;
}

.form-group .btn-outline-danger{
    color: #ff5464;
    border-color: #ff96a0;
}

#div_memberList .fa-circle:before{
    color: #ff5464;
}

.fa-exclamation-circle:before{
    color:#869ebf;
}

img[src="/images/daekyo/map/pin.png"],
img[src="/images/daekyo/map/pin2.png"],
img[src="/images/daekyo/map/pin3.png"],
img[src="/images/daekyo/map/ico_pin_F02004.png"],
img[src="/images/daekyo/map/ico_pin_F10002.png"],
img[src="/images/daekyo/map/ico_pin_O03006.png"],
img[src="/images/daekyo/map/ico_pin_Q02001.png"],
img[src="/images/daekyo/map/ico_pin_Q03010.png"],
img[src="/images/daekyo/map/ico_pin_Q06003.png"],
img[src="/images/daekyo/map/ico_pin_Q12001.png"],
img[src="/images/daekyo/map/ico_pin_S02003.png"]{
    width:28px !important;
    height:auto !important;
}
#layer_popup{background:none !important; border:none !important;}

/*analysis1.jsp menu hover effect*/

#sidebar1 .card-header:hover{
    background-color:#1978ff;
}

#sidebar1 .card-header:focus{
    background-color:#1978ff;
}

#sidebar1 .card-header > a{
    position:relative;
}

#sidebar1 .card{
    overflow:visible;
}

#sidebar1 .hover_tot{
    position: absolute;
    width: max-content;
    z-index: 9999;
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #869ebf;
    padding: 10px 20px 8px 30px;
    color: #666;
    word-break: keep-all;
    left: 205px;
    top: 0px;
    font-weight: 500;
    font-size: 12px;
    line-height: 140%;
    box-sizing: border-box;
}

#sidebar1 #edu_about {left:298px;top:65px;}

#sidebar1 #kyo_edu_about
{
    left: 298px;
    top: 10px;
}

#sidebar1 #lc_about
, #sidebar1 #hi_about
, #sidebar1 #yc_about
, #sidebar1 #nc_about
, #sidebar1 #tc_about
, #sidebar1 #hak_about
, #sidebar1 #kyo_about
{
    left: 255px;
    top: 0px;
}

#sidebar1 #newif_about
  {
      left: 300px;
      top: 11px;
  }

#anly1 .sidebar .card .card-body .collapse a label:hover{
    color:#1978ff !important;
}

#anly1 .sidebar .card .card-body button:enabled:hover{
    background: #90b6f040;
}

#anly1 .sidebar .card .card-body button:enabled:hover div{
    color:#1978ff;
}
#anly1 .sidebar .card .card-body button:enabled:hover i::before {
    top: -4px;
    left: -10px;
    height: 8px;
    width: 8px;
    border-left:none;
    border-top:none;
    border-right: 2px solid #0168fab3;
    border-bottom: 2px solid #0168fab3;
    transform: rotate(45deg);
}

#sidebar1 .hover_tot:before{
    content: "\f058";
    font-weight: 900;
    margin-right: 6px;
    position: absolute;
    left: 10px;
}

#sidebar1 .hover_tot:after{
    display: block;
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: white;
    border-left: 1px solid #869ebf;
    border-bottom: 1px solid #869ebf;
    left: -6px;
    top: 20px;
    transform: rotate(45deg);
}

#sidebar1 .card-body .row{
    position:relative;
}

#exampleModal .modal-header{
    background-color: #00419D;
}
#exampleModal .modal-dialog .modal-content{
    border-radius: 0.5rem;
}

#exampleModal .modal-header.pb-2{
    padding-top:1rem!important;
    padding-bottom:1rem!important;

}

#exampleModal #exampleModalLabel{
    color:#fff;
    font-weight:600;
}
#exampleModal .close{
    color: #fff;
    opacity:1;

}


@media (max-width: 1140px){
    #mapReSearch.on{
        right: 24% !important;
        transform:translateX(0px);

    }

}

@media (min-width: 992px){
    .pl-lg-5, .px-lg-5 {
        padding-left: 5rem !important;
        padding-right: 5rem !important;
    }


}

@media (max-width: 991px){
    .pl-lg-5, .px-lg-5 {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }
    #mapReSearch{
        right: 28% !important;

    }
    #mapReSearch.on{
        left: calc(80% - 225px) !important;
        transform:translateX(0px);
        top:150px !important;
    }
}

@media (max-width: 768px){
    .log_img{
        display:none;
    }
}


/** 로고 수정 0426 **/
.bg-grey .card-body{
    padding-top: 2rem !important;
}

a.navbar-brand.custom{
    height:36px;
}

a.navbar-brand.custom_main{
    width: 240px;
}

/** 검색 창 수정 0428**/

#selectDekyoTarget{
    background:url(/images/daekyo/ico_arrow_off.svg) no-repeat 97% 50%/20px auto;
    background-color:white;
    display: flex;
    align-items: center;
    height: 42px;
    border-radius: 0.25rem;
    box-shadow: 0 0 2px 0 rgb(0 0 0 / 24%), 0 4px 6px 0 rgb(0 0 0 / 16%);
    padding-left: 12px;
}

.nav-Search-actionButton:focus{
    outline:none;
}


/** analysis1.jsp 범례수정 0509 **/

.a1_side .info .text-white{
    padding:10px;
    box-sizing: border-box;
    line-height: 24px;
    width:110px;
}
.a1_side .leaflet-right .leaflet-control{
    margin-right:0;
}
.a1_side .info div::before{
    background-image: url(/images/daekyo/ico_pin_ico1.svg);
    background-size:24px;
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    float: left;
    margin-right: 8px;
}
.a1_side .info div:nth-child(2)::before{
    background-image: url(/images/daekyo/ico_pin_ico2.svg);

}
.a1_side .info div:nth-child(3)::before{
    background-image: url(/images/daekyo/ico_pin_ico3.svg);
}

.a1_side .info div:nth-child(4)::before{
    background-image: url(/images/daekyo/ico_pinpin5.svg);
}

.a1_side .info div:nth-child(5)::before{
    background-image: url(/images/daekyo/ico_pinpin4.svg);
}

.a1_side .info div:nth-child(6)::before{
    background-image: url(/images/daekyo/ico_pinpin3.svg);
}

.title-area .hover_tooltip {position: fixed; z-index: 9999; width: fit-content; border-radius: 4px; background-color: #fff; border: 1px solid #869ebf; padding:16px;}
.title-area .hover_tooltip p{
    color:#666;
    word-break:keep-all;
}
.title-area .hover_tooltip p strong{
    color: #666;
}



/*body{
    cursor : url(/images/daekyo/ruler.cur), auto;
}*/

.dialog_distance{
    position: absolute;
    width: 140px;
    background-color: #fff;
    padding: 15px;
    border: 1px solid #00419d;
    border-radius: 0.25rem;
    box-shadow: 0 2px 3px 0 rgb(0 0 0 / 10%);
}

.dialog_distance ul li{
    display: flex;
    justify-content: space-between;
}

.dialog_distance ul li > p{
    color:#54577a;
    font-size: 12px;
}

.dialog_distance ul li > p span.red{
    color:#ff005e;
    font-weight: 600;
}

.button_here > p{
    color:#333;
    font-size: 12px;
    padding-top:8px;
    margin-top: 12px;
    border-top: 1px solid #d6d6d6;
    width: 100%;
    text-align: center;
}

.button_here{
    display: flex;
    justify-content: space-between;
}

.button_here > button.add_distance{
    font-size: 12px;
    padding: 6px 0;
    margin-top: 12px;
    width: 100%;
    font-weight: 500;
    background-color: #fff;
    color: #fff;
    background: #1978ff;
    border:1px solid #1978ff;
    border-radius: 4px;
    font-family: 'Noto Sans KR', sans-serif;
    width: 49%;
}

.button_here > button.erase{
    font-size: 12px;
    padding: 6px 0;
    margin-top: 12px;
    width: 100%;
    font-weight: 500;
    background-color: #fff;
    color: #1978ff;
    border: 1px solid #1979ff6c;
    border-radius: 4px;
    font-family: 'Noto Sans KR', sans-serif;
    width: 49%;
}

.button_here > button.add_distance:hover{
    background-color: #0050C1;
    color: #fff;
    border: 1px solid #0050C1;
}


.button_here > button.erase:hover{
    border: 1px solid #0050C1;
    color: #0050C1;
}

.meter_box{
    background-color: #fff;
    padding: 4px;
    border-radius: 4px;
    border: 1px solid #807d7e6e;
}

.meter_box > p{
    color:#54577a;
    font-size: 12px;
}
.meter_box > p span.red{
    color:#ff005e;
    font-weight: 600;
}


/* 230420 사이드바 퍼블 추가 */
main {margin: 0 auto; display: flex; max-width: 1920px; padding-top: 78px !important; height: 100%; flex-wrap: nowrap;}
sidebar {flex-basis: 195px; flex-grow: 0; flex-shrink: 0; background: #fff;}
sidebar .side-nav {border-right: 1px solid #cacaca; height: 100%;}
sidebar ul.menutab li {height: 35px; display: flex; justify-content: center; align-items: center; padding: 25px;}
sidebar ul.menutab li.on {background: #eef3ff; color: #3d73e8; font-weight: 500;}
sidebar ul.menutab li.on:before {content: ''; background: #3d73e8; width: 3px; position: absolute; display: block; height: 50px; left: 193px;}
sidebar ul.menutab li h2{font-size: 18px !important;}
article {flex-basis: 1704px; flex-grow: 1; flex-shrink: 1; background: #fff; margin: 0px 10px;}
article .article-con {padding: 15px 30px;}

/*230614 대교 추가 수정*/
p, span, div, input, input::placeholder, u, i, em, li, a {font-family: 'Noto Sans KR', sans-serif !important;}
.edu_tab0614 {margin-right: auto;margin-left: 25px;display: flex;justify-content: center;align-items: center;background: #003176;padding: 2px;border-radius: 4px;}
.edu_tab0614 p, .edu_tab0614 button {display: inline-block;padding: 5px 10px;font-size: 16px;font-weight: 700;color: #eceff4;}
.edu_tab0614 p:hover, .edu_tab0614 button:hover {color:#eceff4}
.edu_on_tab {background: #fff;border-radius: 4px;}
.edu_on_tab p, .edu_on_tab button {color: #1978ff;}
.edu_on_tab p:hover, .edu_on_tab button:hover {color: #1978ff;}

.re_tal, .table tbody td.re_tal {text-align:left !important;}
.table tbody td.re_tal {padding-left:20px}
.table tbody td.re_tal img {width:16px;height:16px;margin-left:4px;vertical-align:middle;}
.table tbody td.re_tal img:hover {cursor:pointer;}
.re_hover{position:relative;display:inline-block;}
.re_hover .re_tal_hover {display:none;position:absolute;top:0px;left:24px;border:1px solid #7987a1;padding:10px;border-radius:4px;background:#fff;min-width: 268px;max-width: 268px;}
.re_hover .re_tal_hover.re_on_hover {display:block;}
.re_hover .re_tal_tit {font-size:13px;font-weight:700;color:#001737;margin-bottom:8px;}
.re_hover .re_tal_cont {font-size:13px;font-weight:400;color:#001737}
.overNone0614 {overflow-x:unset}
.re_header0614 #edutitle {font-size:18px;font-weight:700;color:#fff;font-family: 'Noto Sans KR', sans-serif;text-decoration:none;display:block;}
.re_header0614 {padding:20px 30px !important;margin-bottom:0}
#sidebar1 .card-header.re_header0614:hover {background-color:#00419D}
.re_header0614 img {display:inline-block;width:29px;height:26px;margin-bottom:10px;}
#sidebar1.re_sidebar {width:280px;left:-280px;}
#anly1 .sidebar.on {transform: translateX(280px);}
.search-box.re_searchBox .re_searchInput{border:0;padding:0}
.search-box.re_searchBox .re_radio_box {display:flex;justify-content: center;align-items: center;background:#eceff4;border-radius:4px;padding:2px;margin-right:12px;cursor:pointer;}
.search-box.re_searchBox .re_radio_box input[type="radio"]{width:0;height:0;overflow:hidden;}
.search-box.re_searchBox .re_radio_box input[type="radio"]:checked{}
.search-box.re_searchBox .re_radio_box input[type="radio"] + label {display:inline-block;position:relative;white-space:nowrap;font-size:13px;font-weight:500;color:#596882;padding:4px;margin-bottom:0 !important;min-width:44px;text-align:center;cursor:pointer;}
.search-box.re_searchBox .re_radio_box input[type="radio"]:checked + label {background:#fff;color:#1978ff;border:1px solid #1978ff;border-radius:4px;}
.re_leftBar_box{margin:0 !important;padding:13px;display:flex;position:relative;}
.acc_all_btn {width: 20px;height: 46px;margin-right: 10px;display: inline-flex;justify-content: center;align-items: center;cursor: pointer;position: absolute;top: 65px;left: 10px;z-index:9}
.acc_all_btn img {width:20px;height:20px;transform:rotate(-90deg);}
.re_leftBar_box > div:last-child {width:calc(100% - 30px);}
.re_leftBar_box .collapseBtn {background:#f1f3f6;font-weight:600;color:#555;text-align:left;width:100%;height:46px}
.re_leftBar_box .justify-contents-between label {margin-bottom:0 !important;}
.accordion .card .card-body {padding:0 !important}
.card-body button.btn.collapseBtn.active{background:transparent !important;}
#sidebar1 .card-body .col-12 button:nth-child(1) {margin-bottom:0}
#_learingCenter, #_hiCenter, #_yesClass, #_ncClass, #_tcClass, #_hakCenter, #_kyoCenter {padding:10px 0 10px 10px !important;}
#_learingCenter:after, #_hiCenter:after, #_yesClass:after, #_ncClass:after, #_tcClass:after, #_hakCenter:after, #_kyoCenter:after{content:'';display:inline-block;position:absolute;width:20px;height:20px;top:13px;left:0;background:url('/images/daekyo/icons/ico_arrow_down_off.svg') no-repeat center center / 20px 20px; transform:rotate(-90deg)}
#_learingCenter.active:after, #_hiCenter.active:after, #_yesClass.active:after, #_ncClass.active:after, #_tcClass.active:after, #_hakCenter.active:after, #_kyoCenter.active:after{background:url('/images/daekyo/icons/ico_arrow_down_on.svg') no-repeat center center / 20px 20px; transform:rotate(0deg)}
.card-body .row {margin-bottom:7px !important;}
#_eduCenter:hover .justify-contents-between
, #_kyoEduCenter:hover .justify-contents-between
{
    color:#1978ff;cursor:pointer;
}
#_eduCenter:after
, #_kyoEduCenter:after
{
    display:inline-block;position:absolute;width:24px;height:24px;top:10px;left:20px;
}
.leftBar_0619 {margin-left:15px !important;}
.leftBar_0619 > div {padding:10px !important;line-height:100%;display:flex;align-items: center;cursor:pointer;}
.leftBar_0619 > div:before{margin-top:0 !important;}
.leftBar_0619 > div label {margin-bottom:0 !important;color:#7b7b7b}
.leftBar_0619 > div:hover label{color:#0168fa}
.re_leftBar_box .row {margin:0 0 7px 0 !important;}
.re_leftBar_box .row div.col-12{padding:0;margin:0}
.re_leftBar_box > div.on .card-body{display:block;}
.re_leftBar_box > div .card-body{display:none;}
.re_leftBar_box .acc_all_btn.on img, .acc_all_btn:hover img {display:none;}
.re_leftBar_box .acc_all_btn.on, .acc_all_btn:hover  {background:url('/images/daekyo/icons/ico_arrow_down_on.svg') no-repeat center center / 20px 20px}
.re_leftBar_box div.on .row .btn.collapseBtn{background:rgba(144,182,240,.25);color:#0168fa}
.card-body .row.hide_active button.btn.collapseBtn.active, .card-body .row.hide_active #_learingCenter.active, .card-body .row.hide_active #_hiCenter.active, .card-body .row.hide_active #_yesClass.active, .card-body .row.hide_active button.btn.collapseBtn, .card-body .row.hide_active #_learingCenter, .card-body .row.hide_active #_yesClass
, .card-body .row.hide_active #_ncClass.active, .card-body .row.hide_active #_ncClass
, .card-body .row.hide_active #_tcClass.active, .card-body .row.hide_active #_tcClass
, .card-body .row.hide_active #_tcClass.active, .card-body .row.hide_active #_hakCenter
, .card-body .row.hide_active #_tcClass.active, .card-body .row.hide_active #_kyoCenter
{
    background: #f1f3f6 !important;
    color: #555 !important;
}
.card-body .row.hide_active button.btn.collapseBtn.active div, .card-body .row.hide_active #_learingCenter.active div, .card-body .row.hide_active #_hiCenter.active div, .card-body .row.hide_active #_yesClass.active div, .card-body .row.hide_active button.btn.collapseBtn div, .card-body .row.hide_active #_learingCenter div, .card-body .row.hide_active #_yesClass div
, .card-body .row.hide_active #_ncClass.active div, .card-body .row.hide_active #_ncClass div
, .card-body .row.hide_active #_tcClass.active div, .card-body .row.hide_active #_tcClass div
, .card-body .row.hide_active #_hakCenter.active div, .card-body .row.hide_active #_hakCenter div
, .card-body .row.hide_active #_kyoCenter.active div, .card-body .row.hide_active #_kyoCenter div
{
    background: #f1f3f6 !important;
    color:#555 !important
}
.card-body .row.hide_active button.btn.collapseBtn.active:after, .card-body .row.hide_active #_learingCenter.active:after, .card-body .row.hide_active #_hiCenter.active:after, .card-body .row.hide_active #_yesClass.active:after
, .card-body .row.hide_active #_ncClass.active:after
, .card-body .row.hide_active #_tcClass.active:after
, .card-body .row.hide_active #_hakCenter.active:after
, .card-body .row.hide_active #_kyoCenter.active:after
{content:'';display:inline-block;position:absolute;width:20px;height:20px;top:13px;left:0;background:url('/images/daekyo/icons/ico_arrow_down_off.svg') no-repeat center center / 20px 20px; transform:rotate(-90deg)}
.card-body .row.hide_active button.btn.collapseBtn.active:hover:after, .card-body .row.hide_active #_learingCenter.active:hover:after, .card-body .row.hide_active #_hiCenter.active:hover:after, .card-body .row.hide_active #_yesClass.active:hover:after
, .card-body .row.hide_active #_ncClass.active:hover:after
, .card-body .row.hide_active #_tcClass.active:hover:after
, .card-body .row.hide_active #_hakCenter.active:hover:after
, .card-body .row.hide_active #_kyoCenter.active:hover:after
{
    background:url('/images/daekyo/icons/ico_arrow_down_on.svg') no-repeat center center / 20px 20px; transform:rotate(-90deg)
}
.card-body .row.hide_active button.btn.collapseBtn.active:hover div, .card-body .row.hide_active #_learingCenter.active:hover div, .card-body .row.hide_active #_hiCenter.active:hover div, .card-body .row.hide_active #_yesClass.active:hover div
, .card-body .row.hide_active #_ncClass.active:hover div
, .card-body .row.hide_active #_tcClass.active:hover div
, .card-body .row.hide_active #_hakCenter.active:hover div
, .card-body .row.hide_active #_kyoCenter.active:hover div
{
    color:#0168fa !important
}
.card-body .row.hide_active button.btn.collapseBtn.active:before, .card-body .row.hide_active #_learingCenter.active:before{background:url('/images/daekyo/icons/pin_ico2_off.svg') no-repeat center center / 24px 24px;}

.card-body .row.hide_active button.btn.collapseBtn:hover:after, .card-body .row.hide_active #_learingCenter:hover:after, .card-body .row.hide_active #_hiCenter:hover:after, .card-body .row.hide_active #_yesClass:hover:after
, .card-body .row.hide_active #_ncClass:hover:after
, .card-body .row.hide_active #_tcClass:hover:after
, .card-body .row.hide_active #_hakCenter:hover:after
, .card-body .row.hide_active #_kyoCenter:hover:after
{
    background:url('/images/daekyo/icons/ico_arrow_down_on.svg') no-repeat center center / 20px 20px; transform:rotate(-90deg)
}
.card-body .row.hide_active button.btn.collapseBtn:hover div, .card-body .row.hide_active #_learingCenter:hover div, .card-body .row.hide_active #_hiCenter:hover div, .card-body .row.hide_active #_yesClass:hover div
, .card-body .row.hide_active #_ncClass:hover div
, .card-body .row.hide_active #_tcClass:hover div
, .card-body .row.hide_active #_hakCenter:hover div
, .card-body .row.hide_active #_kyoCenter:hover div
{
    color:#0168fa !important
}

.card-body .row.hide_active #_hiCenter.active:before{background:url('/images/daekyo/icons/pin_ico11_off.svg') no-repeat center center / 24px 24px;}
.card-body .row.hide_active #_hiCenter.active:hover:before{background:url('/images/daekyo/icons/pin_ico11_off.svg') no-repeat center center / 24px 24px;}

.card-body .row.hide_active #_yesClass.active:before
,.card-body .row.hide_active #_ncClass.active:before
,.card-body .row.hide_active #_tcClass.active:before
,.card-body .row.hide_active #_hakCenter.active:before
,.card-body .row.hide_active #_kyoCenter.active:before
{
    background:url('/images/daekyo/icons/pin_ico3_off.svg') no-repeat center center / 24px 24px;
}
.card-body .row.hide_active #_yesClass.active:hover:before
,.card-body .row.hide_active #_ncClass.active:hover:before
,.card-body .row.hide_active #_tcClass.active:hover:before
{
    background:url('/images/daekyo/icons/pin_ico3_off.svg') no-repeat center center / 24px 24px;
}
.card-body .row.hide_active button.btn.collapseBtn:disabled, .card-body .row button.btn.collapseBtn:disabled
, #_yesClass:disabled
, #_ncClass:disabled
, #_tcClass:disabled
, #_hiCenter:disabled
, #_hakCenter:disabled
, #_kyoCenter:disabled
, #_learingCenter:disabled
, .card-body .row.hide_active #_yesClass:disabled
, .card-body .row.hide_active #_ncClass:disabled
, .card-body .row.hide_active #_tcClass:disabled
, .card-body .row.hide_active #_hakCenter:disabled
, .card-body .row.hide_active #_kyoCenter:disabled
, .card-body .row.hide_active #_learingCenter:disabled {
    background:#f1f3f6 !important;color:#535362 !important;pointer-events: none;
}
#edu_center .row .hover_tot
#kyo_edu_center .row .hover_tot
{
    top:33px;left:auto;right:-180px
}
#hq_center .row .hover_tot {top:10px;left:auto;right:-180px}

.re_side0619 .info{background:rgba(255,255,255,.85);border-radius:4px;padding:14px;min-width:145px;backdrop-filter: blur(2px)}
.re_side0619 .info div:before{display:none;}
.re_side0619 .info .side_btn_0619 {padding:4px;display:flex;align-items: center;}
.re_side0619 .info .side_btn_0619 span{font-size:12px;font-weight:500;color:#000;}
.re_side0619 .info .side_btn_icon0619 {padding:1px;width:24px;height:24px;margin-right:12px;border-radius:50%;display:inline-flex;justify-content: center;align-items: center;}
.re_side0619 .info .side_btn_icon0619 img {width:16px;height:16px;}
.re_side0619 .info .side_btn_0619 .side_btn_icon0619{background:var(--pin01)}
/* .re_side0619 .info .side_btn_0619:nth-child(1) .side_btn_icon0619{background:var(--pin01)}
.re_side0619 .info .side_btn_0619:nth-child(2) .side_btn_icon0619{background:var(--pin02)}
.re_side0619 .info .side_btn_0619:nth-child(3) .side_btn_icon0619{background:var(--pin03)}
.re_side0619 .info .side_btn_0619:nth-child(4) .side_btn_0619{background:var(--pin04)}ttt
ttt.re_side0619 .info .side_btn_0619:nth-child(7) .side_btn_icon0619{background:var(--pin07)}tttttttttt
.re_side0619 .info .side_btn_0619:nth-child(8) .side_btn_icon0619{background:var(--pin08)}tttt
.re_side0619 .info .side_btn_0619:nth-child(9) .side_btn_icon0619{background:var(--pin09)}
.re_side0619 .info .side_btn_0619:nth-child(10) .side_btn_icon0619{background:var(--pin10)}
.re_side0619 .info .side_btn_0619:nth-child(11) .side_btn_icon0619{background:var(--pin11)}
.re_side0619 .info .side_btn_0619:nth-child(12) .side_btn_icon0619{background:var(--pin12)}
.re_side0619 .info .side_btn_0619:nth-child(13) .side_btn_icon0619{background:var(--pin13)} */
.re_side0619 .info .side_btn_0619 .side_btnToggle0619 {margin-left:auto;cursor:pointer;}
.re_side0619 .info .side_btn_0619 input[type="checkbox"]{display:none;}
.re_side0619 .info .side_btn_0619 input[type="checkbox"] + label{width:26px;display:inline-block;height:14px;border-radius:30px;padding:2px;position:relative;background:#bbb;margin-bottom:0;margin-top:6px;cursor:pointer;}
.re_side0619 .info .side_btn_0619 input[type="checkbox"] + label::after {content:'';display:inline-block;width:10px;height:10px;position:absolute;top:2px;left:2px;border-radius:50%;background:#fff}
.re_side0619 .info .side_btn_0619 input[type="checkbox"]:checked + label::after{content:'';left:auto;right:2px;}
.re_side0619 .info .side_btn_0619 input[type="checkbox"]:checked + label{background:var(--pin01)}
/* .re_side0619 .info .side_btn_0619:nth-child(1) input[type="checkbox"]:checked + label{background:var(--pin01)}
.re_side0619 .info .side_btn_0619:nth-child(2) input[type="checkbox"]:checked + label{background:var(--pin02)}
.re_side0619 .info .side_btn_0619:nth-child(3) input[type="checkbox"]:checked + label{background:var(--pin03)}
.re_side0619 .info .side_btn_0619:nth-child(4) input[type="checkbox"]:checked + label{background:var(--pin04)}
.re_side0619 .info .side_btn_0619:nth-child(5) input[type="checkbox"]:checked + label{background:var(--pin05)}
.re_side0619 .info .side_btn_0619:nth-child(6) input[type="checkbox"]:checked + label{background:var(--pin06)}
.re_side0619 .info .side_btn_0619:nth-child(7) input[type="checkbox"]:checked + label{background:var(--pin07)}
.re_side0619 .info .side_btn_0619:nth-child(8) input[type="checkbox"]:checked + label{background:var(--pin08)}
.re_side0619 .info .side_btn_0619:nth-child(9) input[type="checkbox"]:checked + label{background:var(--pin09)}
.re_side0619 .info .side_btn_0619:nth-child(10) input[type="checkbox"]:checked + label{background:var(--pin10)}
.re_side0619 .info .side_btn_0619:nth-child(11) input[type="checkbox"]:checked + label{background:var(--pin11)}
.re_side0619 .info .side_btn_0619:nth-child(12) input[type="checkbox"]:checked + label{background:var(--pin12)}
.re_side0619 .info .side_btn_0619:nth-child(13) input[type="checkbox"]:checked + label{background:var(--pin13)} */


:root{
    --pin01:#005ee7;
    --pin02:#008a93;
    --pin03:#ff8329;
    --pin04:#0b1f66;
    --pin05:#eebe12;
    --pin06:#ff646a;
    --pin07:#425d09;
    --pin08:#0083D4;
    --pin09:#259800;
    --pin10:#8750D4;
    --pin11:#E22525;
    --pin12:#BA7C2A;
    --pin13:#FF9886;
}

#top02 button, #top04 button{position:relative}
#top02 button:after, #top04 button:after{content:'';display:inline-block;position:absolute;width:24px;height:24px;top:10px;left:20px;}
#top02 button:hover .justify-contents-between, #top02 button.active .justify-contents-between,#top04 button:hover .justify-contents-between, #top04 button.active .justify-contents-between {color:#0168fa}
#top02 button.active:hover .justify-contents-between, #top04 button.active:hover .justify-contents-between{color:#0168fa !important}
#_tunituni, #_plamu, #_newif{margin-bottom:0 !important}
#top02 .row.acc_left_icon0619, #top04 .row.acc_left_icon0619 {position:relative;}
#top02, #top04 {padding-top:13px;}
#top02 .re_leftBar_box, #top04 .re_leftBar_box{padding:0 0 13px 0}
#top02 #_tunituni:before, #top02 #_plamu:before, #top04 #_newif:before, #top02 .hide_active #_tunituni.active:before, #top02 .hide_active #_plamu.active:before, #top04 .hide_active #_newif.active:before{content:'';display:inline-block;position:absolute;width:20px;height:20px;top:13px;left:-30px;background:url('/images/daekyo/icons/ico_arrow_down_off.svg') no-repeat center center / 20px 20px; transform:rotate(-90deg)}
#top02 #_tunituni:hover:before, #top02 #_tunituni.active:hover:before, #top02 #_plamu:hover:before, #top02 #_plamu.active:hover:before, #top02 #_tunituni.active:before, #top02 #_plamu.active:before,#top04 #_newif:hover:before, #top04 #_newif.active:hover:before, #top04 #_newif.active:before{content:'';background:url('/images/daekyo/icons/ico_arrow_down_on.svg') no-repeat center center / 20px 20px ;transform:rotate(0deg)}
#div_tni_class, #div_plm_class, #div_newif_center {padding-left:30px;}
.acc_on0620 {width:100% !important;}
#top02 .hide_active #_tunituni.active .justify-contents-between, #top02 .hide_active #_plamu.active .justify-contents-between, #top02 .hide_active #_newif.active .justify-contents-between{color:inherit }
#_tunituni.active, #_plamu.active, #_newif.active{background:rgba(144,182,240,.25);color:#0168fa}
#top02 .hide_active #_tunituni.active,  #top02 .hide_active #_plamu.active,  #top04 .hide_active #_newif.active{background:#f1f3f6;color:#555}

.leftBar_0619 > div::before{content:'';width:4px;height:2px;background:#6a81a1;float:left;margin-top:9px;margin-right:10px;}
.leftBar_0619 > div label {line-height:140%;}
#top02 #tn_about.hover_tot,
#top02 #plm_about.hover_tot{
    top:0;left:285px;
}

.top03_sln_box {padding-left:43px;}
.sln_top03_title {width:100% !important;cursor:pointer;}
.top03_sln_title {position:relative;}
.top03_sln_title label {cursor:pointer;}
.top03_sln_title:after{content:'';display:inline-block;width:20px;height:46px;position:absolute;top:0;left:-30px;background:url('/images/daekyo/icons/ico_arrow_down_off.svg') no-repeat center center / 20px 20px;transform:rotate(-90deg);}
.top03_sln_title:hover, .top03_sln_title.active {color:#0168fa}
.top03_sln_title.active {background:rgba(144,182,240,.25);}
.top03_sln_title:hover:after, .top03_sln_title.active:after{background:url('/images/daekyo/icons/ico_arrow_down_on.svg') no-repeat center center / 20px 20px;transform:rotate(0);}
.sln_top03_title .card-body{background:transparent !important}
.sln_top03_title .card-body.on_active {display:block !important;background:transparent !important}
.sln_top03_txt02 {padding:10px 0 10px 30px;position:relative;background:transparent !important}
.sln_top03_txt02:after{content:'';display:inline-block;position:absolute;width:20px;height:20px;top:11px;left:0;background:url('/images/daekyo/icons/ico_arrow_down_off.svg') no-repeat center center / 20px 20px; transform:rotate(-90deg)}
.sln_top03_txt02:hover {background:transparent !important}
.sln_top03_txt02:hover:after, .sln_top03_txt02.active:after{background:url('/images/daekyo/icons/ico_arrow_down_on.svg') no-repeat center center / 20px 20px;transform:rotate(0)}
.sln_top03_txt02.active{color:#0168fa !important}
.leftBar_0619.active {display:block !important;}
.leftBar_0619 div {cursor:pointer;}
#top03 .sln_top03_title .hover_tot{top:-3px !important;left:222px !important;}

#top01.re_leftBar_box div.top01_boxInner0620
, #top03.re_leftBar_box div.top01_boxInner0620
{
    margin-left:30px;width:calc(100% - 30px);
}
.mt10 {margin-top:10px;}
#top01 .tab02_box0620.card-body.on_active
, #top03 .tab02_box0620.card-body.on_active
{
    display:block !important;
}
.sm_btn_button0620 {padding-left:52px;}
.sm_btn_button0620:before{content:'';display:inline-block;position:absolute;width:24px;height:24px;top:10px;left:20px;background:url('/images/daekyo/icons/pin_ico8_off.svg') no-repeat center center / 24px 24px}
.sm_btn_button0620.active:before, .sm_btn_button0620:hover:before{background:url('/images/daekyo/icons/pin_ico8_on.svg') no-repeat center center / 24px 24px}

.sm_btn_Sbutton0620:before{content:'';display: block;width: 24px;height: 24px;float: left;margin-right:12px;background-image: url('/images/daekyo/icons/pin_ico4_off.svg');}
.sm_btn_Sbutton0620:hover:before, .sm_btn_Sbutton0620.active:before{background-image: url('/images/daekyo/icons/pin_ico4_on.svg');}

/*지역분석*/
.com_popupStyle0621 .fa-edit.hq_title_icon:before{content:'';background-image:url('/images/daekyo/icons/pin_ico13.svg') !important;}
.com_popupStyle0621 .fa-edit.ltc_title_icon:before{content:'';background-image:url('/images/daekyo/icons/pin_ico7_wh.svg') !important;}
.com_popupStyle0621 .fa-edit.tn_title_icon:before{content:'';background-image:url('/images/daekyo/icons/pin_ico5_wh.svg') !important;}
.com_popupStyle0621 .fa-edit.plm_title_icon:before{content:'';background-image:url('/images/daekyo/icons/pin_ico6_wh.svg') !important;}
.com_popupStyle0621 .fa-edit.sol_title_icon:before{content:'';background-image:url('/images/daekyo/icons/pin_ico7_wh.svg') !important;}
.com_popupStyle0621 .fa-edit.sm_title_icon:before{content:'';background-image:url('/images/daekyo/icons/pin_ico4_wh.svg') !important;}
.com_popupStyle0621 .fa-edit {margin-right:12px;}
/*.table-responsive td {word-break: keep-all}*/

/*.left .color .row:nth-child(5n+2) input[type=checkbox]:not(old) + label{background-image: url('/images/daekyo/img_check_1.png')}*/
.ay_reBody .row input[type=checkbox] + label {position:relative;}
.ay_reBody .row input[type=checkbox] + label::after {content:'';display:inline-block;width:15px;height:15px;background:#e3e6ea;border-radius:2px;border:1px solid #c1cfe2;position:absolute;top:0;left:0}
.ay_reBody .row input[type=checkbox]:checked + label::after{border:0}
.ay_reBody .row input[type=checkbox]#sisul_all:checked + label::after{background:#3d73e8 url('/images/daekyo/icons/checksmall.svg') no-repeat center center / 15px 15px; }
.ay_reBody .row input[type=checkbox]#c6-3-0:checked + label::after{background:rgb(255,152,134) url('/images/daekyo/icons/checksmall.svg') no-repeat center center / 15px 15px; }
.ay_reBody .row input[type=checkbox]#c6-3-1:checked + label::after{background:rgba(1,56,250) url('/images/daekyo/icons/checksmall.svg') no-repeat center center / 15px 15px; }
.ay_reBody .row input[type=checkbox]#c6-3-2:checked + label::after{background: rgb(0, 138, 147) url('/images/daekyo/icons/checksmall.svg') no-repeat center center / 15px 15px; }
.ay_reBody .row input[type=checkbox]#c6-3-3:checked + label::after{background:rgba(255,131,41)  url('/images/daekyo/icons/checksmall.svg') no-repeat center center / 15px 15px; }
.ay_reBody .row input[type=checkbox]#c6-3-4:checked + label::after{background:rgb(135,80,212) url('/images/daekyo/icons/checksmall.svg') no-repeat center center / 15px 15px; }
.ay_reBody .row input[type=checkbox]#c6-3-5:checked + label::after{background:#eebe12 url('/images/daekyo/icons/checksmall.svg') no-repeat center center / 15px 15px; }
.ay_reBody .row input[type=checkbox]#c6-3-6:checked + label::after{background:#ff646a url('/images/daekyo/icons/checksmall.svg') no-repeat center center / 15px 15px; }
.ay_reBody .row input[type=checkbox]#c6-3-7:checked + label::after{background:rgb(0,131,212) url('/images/daekyo/icons/checksmall.svg') no-repeat center center / 15px 15px; }
.ay_reBody .row input[type=checkbox]#c6-3-8:checked + label::after{background:rgb(37,152,0) url('/images/daekyo/icons/checksmall.svg') no-repeat center center / 15px 15px; }
.ay_reBody .row input[type=checkbox]#c6-3-9:checked + label::after{background:rgba(0,222,209) url('/images/daekyo/icons/checksmall.svg') no-repeat center center / 15px 15px; }
.ay_reBody .row input[type=checkbox]#c6-3-10:checked + label::after{background:rgb(244,131,216) url('/images/daekyo/icons/checksmall.svg') no-repeat center center / 15px 15px; }
.ay_reBody .row input[type=checkbox]#c6-4-1:checked + label::after{background:#88c2c6 url('/images/daekyo/icons/checksmall.svg') no-repeat center center / 15px 15px; }
.ay_reBody .row input[type=checkbox]#c6-4-2:checked + label::after{background:#62bd76 url('/images/daekyo/icons/checksmall.svg') no-repeat center center / 15px 15px; }
.ay_reBody .row input[type=checkbox]#c6-4-3:checked + label::after{background:#cc8ad7 url('/images/daekyo/icons/checksmall.svg') no-repeat center center / 15px 15px; }
.ay_reBody .row input[type=checkbox]#c6-4-4:checked + label::after{background:#a437b6 url('/images/daekyo/icons/checksmall.svg') no-repeat center center / 15px 15px; }
.ay_reBody .row input[type=checkbox]#c6-4-5:checked + label::after{background:#5e1d69 url('/images/daekyo/icons/checksmall.svg') no-repeat center center / 15px 15px; }
.ay_reBody .row input[type=checkbox]#c6-4-6:checked + label::after{background:#2f2f2f url('/images/daekyo/icons/checksmall.svg') no-repeat center center / 15px 15px; }
.ay_reBody .row input[type=checkbox]#c6-4-7:checked + label::after{background:#870e15 url('/images/daekyo/icons/checksmall.svg') no-repeat center center / 15px 15px; }
.ay_reBody .row input[type=checkbox]#c6-4-8:checked + label::after{background:#82581a url('/images/daekyo/icons/checksmall.svg') no-repeat center center / 15px 15px; }
.ay_reBody .row input[type=checkbox]#c6-5-1:checked + label::after{background:#686ba1 url('/images/daekyo/icons/checksmall.svg') no-repeat center center / 15px 15px; }
.ay_reBody .row input[type=checkbox]#c6-5-2:checked + label::after{background:#828f85 url('/images/daekyo/icons/checksmall.svg') no-repeat center center / 15px 15px; }
.ay_reBody .row input[type=checkbox]#c6-5-3:checked + label::after{background:#997282 url('/images/daekyo/icons/checksmall.svg') no-repeat center center / 15px 15px; }

.left .sales_radioBox{height:auto;overflow:hidden;}
.left .sales_radioBox input[type=radio] + label{display: block; text-align: left;padding-left: 20px; line-height: 120%; cursor: pointer; font-size: 13px;color:#666;background:transparent;position:relative;width:100%;margin-bottom:20px;}
.left .sales_radioBox input[type=radio] + label:after {content:'';display:inline-block;position:absolute;top:0;left:0;width:14px;height:14px;border-radius:999px;border:1px solid #d1d6e3;}
.left .sales_radioBox input[type=radio]:checked + label:before{content:'';display:inline-block;position:absolute;top:3px;left:3px;width:8px;height:8px;border-radius:999px;background:#1978ff;}

.nav_atBox {display:none;min-width:340px;max-height:266px;min-height:140px;margin-top:5px;background:#fff;padding:5px 0;cursor:pointer;}
.nav_atBoxInner {max-height:255px;overflow-y:scroll;margin-right:3px;}
.nav_atBoxInner::-webkit-scrollbar{width:4px;background:#fff !important;border-radius:10px;border:0}
.nav_atBoxInner::-webkit-scrollbar-thumb{background:#d9d9d9;width:4px;border-radius:10px;}
.nav_atBoxInner::-webkit-scrollbar-track{box-shadow: none;}
.nav_atBoxTitle {font-size:14px;font-weight:500;color:#212529;padding:16px 20px 10px 20px;}
.nav_atBoxInner ul {height:auto;overflow:hidden;padding:0 10px}
.nav_atIn {margin:8px 0;padding:10px;}
.nav_atIn:hover, .nav_atIn.active {background:#f6faff;}

.nav_atTxt01 {font-size:13px;font-weight:500;color:#212529}
.nav_atTxt01 span {color:#0168fa}
.nav_atTxt02 {font-size:12px;font-weight:400;color:#596882}

/*admin*/
.com_ad_side {flex-basis:280px;width:280px;}
.com_ad_topTitle {padding:40px 30px;background:#00419d}
.com_ad_topTitle img{display:block;width:32px;height:32px;margin-bottom:10px;margin-top:20px;}
.com_ad_topTitle p {display:block;font-size:18px;font-weight:600;color:#fff;}
.com_ad_side .side-nav{padding:13px;}
sidebar.com_ad_side ul.menutab li {display:block;padding:15px 30px;height:auto;position:relative;font-size:14px;font-weight:500;color:#7b7b7b;border-radius:4px;cursor:pointer;}
sidebar.com_ad_side ul.menutab li.on {color:#0168fa;background:rgba(144,182,240,.25)}
sidebar.com_ad_side ul.menutab li.on a {color:#0168fa;font-weight:600}
sidebar.com_ad_side ul.menutab li a {color:#7b7b7b;font-weight:500}
sidebar.com_ad_side ul.menutab li.on:before{display:none;}
.com_ad_inner {margin:0;flex-basis:calc(100% - 280px)}
article.com_ad_inner .article-con, article.com_ad_inner .container-fluid {padding:50px 120px}
article.com_ad_inner .clearfix h3 {padding:0 !important;font-size:24px !important;font-weight:700;color:#2e2e2e;margin-bottom:20px !important;}
article.com_ad_inner input.form-control{padding:0 12px !important;border:1px solid #e3dede;height:40px;margin-right:8px;color:#000;font-size:13px;font-weight:500;width:340px;}
article.com_ad_inner input.form-control::placeholder{color:#596882;}
article.com_ad_inner .btn-secondary {width:40px;height:40px;padding:0 !important;background:#7987a1;display:flex;justify-content: center;align-items: center;}
article.com_ad_inner .btn-secondary img {width:24px;height:24px;}
article.com_ad_inner .d-flex {margin-bottom:20px}
article.com_ad_inner .table .thead-light th{background:#f9fafb;color:#001737;font-size:14px;padding:10px 20px;}
article.com_ad_inner .thead-light{background:#f9fafb;color:#001737;border:1px solid #e1e4ea;border-right:none;border-left:none}
article.com_ad_inner .table td {color:#001737;font-size:13px;padding:5px 5px;border-top:0;border-bottom:1px solid #f4f5f6}
article.com_ad_inner #paginate ul li.num a{font-size:12px;font-weight:300;color:#777;border:0;padding:0 12px !important;background:transparent}
article.com_ad_inner #paginate ul li.num.active a{color:#001737;background:transparent;font-weight:700;border:0;padding:0 12px !important;}
article.com_ad_inner #paginate ul li.previous a, article.com_ad_inner #paginate ul li.next a{font-size:12px;color:rgba(0,0,0,.5);font-weight:300}
article.com_ad_inner #paginate ul li.previous:hover a, article.com_ad_inner #paginate ul li.next:hover a{color:#001737}
article.com_ad_inner #paginate ul li.num a:hover, article.com_ad_inner #paginate ul li.num a:active, article.com_ad_inner #paginate ul li.num a:focus{background:transparent}
article.com_ad_inner .clearfix h3.bb_line0622 {border-bottom:1px solid rgba(0,0,0,.5);padding-bottom:20px !important;}
.su_notice_com div {font-size:16px;font-weight:600;color:#333}
.su_notice_com .template_title_box{display:flex;align-items: center;height:auto;margin-bottom:20px;}
.su_notice_com .template_title_box .tt {width:240px;}
.su_notice_com .template_title_box .tt_box {display:flex;justify-content: space-between;width:calc(100% - 240px);align-items: center;}
.su_notice_com .template_title_box .tt_box div:first-child{font-weight:700;width:80%;word-break: break-word;}
.su_notice_com .template_title_box .tt_box div:last-child {font-size:13px;color:rgba(0, 0, 0, 0.5)}
.su_notice_com .template_con p{font-size:16px;font-weight:500;color:#333}
.su_notice_com .template_con{padding:20px;border: 1px solid #ccc;border-right: 0;margin-bottom:20px;border-left: 0;}
.su_notice_com .template_con > div > span {margin-bottom:20px;margin-left:-20px;display:block;}
.su_notice_com .btn-secondary{padding:8px 12px !important;background:#fff;color:#001737;font-size:13px;font-weight:500;border:1px solid #001737;width:100px;margin-left:auto;}
#div_memberEdit {border:1px solid #e0e0e0;padding:67px 0;border-radius:8px;}
#div_memberEdit .mi_table_box0623 {width:500px;margin:0 auto;}
#div_memberEdit table td {padding-bottom:20px;}
#div_memberEdit table td:first-child {width:160px;}
#div_memberEdit .mi_table_text01 p{font-size:14px;color:#001737;padding:12px 0}
#div_memberEdit .mi_table_text01 p span {font-size:10px;vertical-align: super}
#div_memberEdit table tr td input {padding:14px 16px !important;height:auto !important;width:100% !important;margin:0 !important;border:1px solid #ccc !important;font-size:14px;color:#333;border-radius:4px !important;}
#div_memberEdit .table_btn_0623 {display:flex;justify-content: space-between;width:100% !important;padding-top:40px;}
#div_memberEdit .table_btn_0623 button{height:48px;border-radius:4px;font-size:13px;font-weight:500;width:100%;border-top:40px;}
#div_memberEdit .table_btn_0623 > div {width:100%}
#div_memberEdit .table_btn_0623 .mi_btn0623_01 {border:1px solid rgba(1,104,250,0.4);text-align:center;color:#0168fa;margin-right:6px;}
#div_memberEdit .table_btn_0623 .mi_btn0623_02 {color:#fff;text-align:center;background:#0168fa;margin-left:6px;}
.ac_btn0623 {margin-left:auto;display:flex;}
.ac_btn0623 button {}
.ac_btn_box0623 {background:#f9fafb;border-radius:4px;padding:2px;margin-right:20px;}
.ac_btn_box0623 button, .com_btn_box0623 button {font-size:14px;font-weight:600;padding:8px 0;width:76px;}
.wh_btn0623 {border:1px solid rgba(0,23,55,.4) ;background:#fff;border-radius:4px;color:#000}
.com_btn_box0623 button {width:100px;}
.com_btn_box0623 button.wh_btn0623 {border:1px solid rgba(0,23,55,.4) !important;}
.ac_btn_box0623 .btnOn {border:1px solid rgba(0,23,55,.4) !important;background:#fff !important;border-radius:4px !important;color:#000 !important}
.g_btn0623, .ac_btn_box0623 .btnNone {color:rgba(0,0,0,.5);border:1px solid transparent;background:transparent}
.bu_btn0623 {font-size:13px;font-weight:500;padding:8px 12px;background:#0168fa;color:#fff;}
.com_ad_inner .template_title_box .tt_box input.form-control {width:100% !important}
.com_ad_inner .note-editing-area {min-height:340px;}
#div_memberList th{padding:10px 0}
.bu_btn0623:hover {background:#0050C1;color:#fff !important;}
.wh_btn0623:hover {background:#7987a1 !important;border:1px solid #7987a1 !important;color:#fff !important}

.summernote_none .navbar {border-radius:0 !important;}
.summernote_none .navbar-nav {float:unset !important;margin:7.5px -15px !important;}
.mr10 {margin-right:10px;}
.template_con .note-editor.note-frame .note-editing-area .note-editable {min-height:330px;}
#div_faqList td:first-child {width:500px}
#div_faqList td:last-child {width:calc(100% - 500px);}
.chartButton_com button {border-radius:4px;border:1px solid #d2d2d2;color:#666;font-size:14px;margin-right:4px;margin-bottom:4px;}
.chartButton_com button.on_chart {border:1px solid rgba(25,120,255,.4);background:#fff;color:#1978ff;font-weight:700}
.re_error_txtBox {background:#fff9f9;border-left:2px solid #ff5464;width:100%;padding:16px 25px;margin-bottom:2rem}
.re_error_text {}
.re_error_top {margin-bottom:8px;display:flex;align-items: center;}
.re_error_top img{width:16px;height:16px;display:inline-block;margin-right:8px;}
.re_error_top p {font-size:14px;color:#ff5464;font-weight:700;display:inline-block;font-family: 'Noto Sans KR', sans-serif;}
.re_error_cont p{font-size:13px;color:#001737;margin-bottom:8px;font-weight:500;font-family: 'Noto Sans KR', sans-serif;margin-left:20px;position:relative;}
.re_error_cont p:after{content:'';display:inline-block;position:absolute;top:8px;left:-10px;width:3px;height:3px;border-radius:50%;background:#001737;}
.register_re_box {position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}
.email_txt_add{color:#8898aa;font-size:13px;margin-top:5px}
.admin_tab0627{display:flex !important;align-items: center !important}
.admin_tab0627 button {width:auto !important;padding:8px 12px }
.admin_tab0627 button.g_btn0623:hover {color:rgba(0,0,0,.5)}
.admin_tab0627 .ac_btn_box0623{display:flex;}
.admin_tab0627 button:nth-child(2){position:relative;}
.admin_tab0627 button:nth-child(2):after{content:'';display:inline-block;width:1px;height:20px;background:rgba(0,23,55,.1);position:absolute;top:9px;right:-1px}
.admin_tab0627 button:nth-child(2):before{content:'';display:inline-block;width:1px;height:20px;background:rgba(0,23,55,.1);position:absolute;top:9px;left:-1px}
.mb0{margin-bottom:0 !important;}
.input_admin_re0627 {flex-wrap:unset;align-items:center;}
.input_admin_re0627 button {height:51px !important;padding:0 12px;word-break: keep-all;}
.pop_table0628 td div{height:51px;line-height:51px;margin-bottom:16px !important;}
.pop_table0628 td select{height:51px;padding-left:15px;}
.flex{display:flex !important;align-items: center !important}
.chart_txt0628 img {width:16px;height:16px;margin-right:10px;display:inline-block;}
.chart_txt0628{font-size:12px;color:#001737;margin:10px 0;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt40{margin-top:40px;}
.mt60{margin-top:60px;}
.mt80{margin-top:80px;}
.mt_68 {margin-top:68px;}
.noneChartBox0628 .noneChartBoxInner{border:1px solid #b9c0ce;padding-top:120px;height:300px;}
.noneChartBox0628 b {margin-bottom:20px;}
.noneChartBox0628 img {width:16px;height:16px;display:block;margin:0 auto}
.noneChartBox0628 p{font-size:14px;color:#001737;line-height:140%;text-align:center;margin-top:20px;}
.modal_content0629 #div_memberEdit{border:0 !important;overflow-y:scroll;}
.modal_content0629 #div_memberEdit::-webkit-scrollbar{display:none;}
.modal_content0629 #div_memberEdit #memberHqList table tr td input{width:13px !important;}
.modal_content0629 #div_memberEdit #memberHqList table tr td label {width:calc(100% - 20px) !important;vertical-align:top;}
.modal_content0629 #div_memberEdit  #memberHqList table td {padding-bottom:0}
#div_mapReSearch i.fa.fa-sync:before{content:'';display:inline-block;width:14px;height:14px;background:url('/images/daekyo/icons/sync_wh.svg') no-repeat center center / 14px 14px;position:absolute;top:-12px;left:-12px;}

.fa-spinner{ position:fixed;animation:unset}
.fa-spinner:before{content: '';display: block;position: absolute;left: 0;top: 0;width: 36px;height: 36px;border:4px solid #fff;border-top-color: transparent;border-radius: 50%;-webkit-animation: spin .8s linear infinite;animation: spin .8s linear infinite;}
@-webkit-keyframes spin {
    from {-webkit-transform:rotate(0deg);}
    to {-webkit-transform:rotate(360deg);}
}

@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}


@media (min-width:1200px) and (max-width: 1900px){
    .register_re_box {position:unset;transform:translate(0,0);margin-top:20px}
}

/*250516 추가*/
#div_memberEdit .nav-menu-area {width:100% !important}
#div_memberEdit .nav-area {width:100% !important}
#div_memberEdit .nav-area .name {width:calc(100% / 3) !important}
#div_memberEdit .nav-menu-area .ly-area-choice-area1, #div_memberEdit .nav-menu-area .ly-area-choice-area2, #div_memberEdit .nav-menu-area .ly-area-choice-area3 {position:relative !important;}
#div_memberEdit .nav-menu-area .ly-area-choice {top:auto !important;bottom:55px !important;width:100% !important;left:0 !important;transform:translateX(0) !important}
.markerIcon{position: absolute;top: 100px;left: 100px;border-radius: 999px;width: 28px;height: 28px;z-index: 9;border:1px solid #fff;box-shadow: 0 0 3px rgba(0,0,0,0.4);}
.markerIcon.pinIcon01{background:var(--pin01) url('/images/daekyo/icons/pin_ico1.svg') no-repeat center center / 16px 16px;}
.markerIcon.pinIcon02{background:var(--pin02) url('/images/daekyo/icons/pin_ico2.svg') no-repeat center center / 16px 16px;}
.markerIcon.pinIcon03{background:var(--pin03) url('/images/daekyo/icons/pin_ico3.svg') no-repeat center center / 16px 16px;}
.markerIcon.pinIcon04{background:var(--pin04) url('/images/daekyo/icons/pin_ico4_wh.svg') no-repeat center center / 16px 16px;}
.markerIcon.pinIcon05{background:var(--pin05) url('/images/daekyo/icons/pin_ico5_wh.svg') no-repeat center center / 16px 16px;}
.markerIcon.pinIcon06{background:var(--pin06) url('/images/daekyo/icons/pin_ico6_wh.svg') no-repeat center center / 16px 16px;}
.markerIcon.pinIcon07{background:var(--pin07) url('/images/daekyo/icons/pin_ico7_wh.svg') no-repeat center center / 16px 16px;}
.markerIcon.pinIcon08{background:var(--pin08) url('/images/daekyo/icons/pin_ico8.svg') no-repeat center center / 16px 16px;}
.markerIcon.pinIcon09{background:var(--pin09) url('/images/daekyo/icons/pin_ico9.svg') no-repeat center center / 16px 16px;}
.markerIcon.pinIcon10{background:var(--pin10) url('/images/daekyo/icons/pin_ico10.svg') no-repeat center center / 16px 16px;}
.markerIcon.pinIcon11{background:var(--pin11) url('/images/daekyo/icons/pin_ico11.svg') no-repeat center center / 16px 16px;}
.markerIcon.pinIcon12{background:var(--pin12) url('/images/daekyo/icons/pin_ico12.svg') no-repeat center center / 16px 16px;}
.markerIcon.pinIcon13{background:var(--pin13) url('/images/daekyo/icons/pin_ico13.svg') no-repeat center center / 16px 16px;}

.centerPointer {position: fixed;top: 54%;left: 50%;transform: translate(-50%,-50%);width: 40px;height: 40px;z-index: 99; pointer-events: none;}
.centerPointer div:after, .centerPointer div:before {content: '';width: 2px;height: calc(50% - 5px);background: var(--primary);position: absolute;display: block;border-radius: 8px;}
.centerPointer div:first-child:after {top: 50%;left: 0;transform: translateY(-50%) rotate(90deg);}
.centerPointer div:first-child:before {top: -5px;left: 50%;transform: translateX(-50%);}
.centerPointer div:last-child:after {top: 50%;transform: translateY(-50%) rotate(90deg);right: 0;}
.centerPointer div:last-child:before {bottom: -5px;left: 50%;transform: translateX(-50%);}
.centerPointer:after {content: '';display: block;width: 3px;height: 3px;background: var(--primary);border-radius: 99px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}



.n_leftTopReportBtn  {width: 100%;height: 40px;display: flex;border: 1px solid #1978ff6b;justify-content: center;align-items: center;margin-bottom: 12px;border-radius: 4px;color: #1978ff;}
.n_leftTopReportBtn:hover {color: #fff;border: 1px solid #1978ff;background-color: #1978ff;}
.n_eduCenterTab {margin-left:-30px;width:calc(100% + 30px);display:block;}
.n_eduCenterTabBtn {background:transparent !important;border-bottom:1px solid #ededed;border-radius:0;padding-left:20px}
.top01_boxInner0620.on .n_eduCenterTabBtn {border-bottom:1px solid #1978ff6b;}
.n_dateText {letter-spacing: 0;color:#555;font-size:13px;padding-top:0 !important}
.n_mypageArea {box-shadow: none !important;border: 1px solid #ccc;height:51px;margin-right:0 !important;width: 100% !important;}
.captionBox {margin-top: 16px;padding: 16px 8px;background: #eceff475;border: 1px solid #ededed;border-radius: 4px;}
.captionTitle {display: flex;justify-content: start;align-items: center;}
.captionTitle img {width:14px;height:14px;margin-right:8px;border-radius:50%;}
.captionTitle h4 {font-size:0.9rem !important;color:#111}
.captionTxt {font-size:0.82rem !important;color:#001737;margin-left:24px;margin-top:8px;}

.up{color:red;font-weight: bold;}
.down{color:blue;font-weight: bold;}
.reset{
    position: fixed;
    top: 19%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 40px;
    z-index: 99;
    /*pointer-events: none;*/
    border-radius: 17px;
}


#table_admi_age{max-height:270px}
#table_school{max-height:360px}
.kindergarden{max-height:350px}

body.print #table_admi_age{max-height:none !important;}
body.print #table_school{max-height:none !important;}
body.print .kindergarden{max-height:none !important;}

/* 본부 버튼 */
.n_leftTopReportBtn  {width: 100%;height: 48px;display: flex;border: 1px solid #1978ff;justify-content: start;align-items: center;margin-bottom: 4px;border-radius: 4px;color: #fff;background: #1978ff;font-size: 14px;padding: 0 12px;}
.n_leftTopReportBtn:hover{color:#fff;border:1px solid #1D7BFF;background:#1D7BFF}
.n_leftTopReportBtn span {display: inline-block;padding-left: 10px;}
.n_leftTopReportBtn span img {width: 100%;}

/* 보고서 토글 버튼 */
.n_toggleTitle {position:relative;}
.n_toggle {font-size: 17px;cursor: pointer;position:absolute;top: 36%;left: 200px;transform:translateY(-50%);display:block;padding-right:26px;}
.n_toggle.n_toggleOn {color:#3D73E8;}
.n_toggle.n_toggleOff {color:#666;}
.n_toggle:after {content:'';color:#3D73E8;display:inline-block;width:24px;height:24px;top:50%;right:0;transform:translateY(-50%);position:absolute;}
.n_toggle.n_toggleOn:after{background:url('/images/daekyo/icons/ico_arrow_down_on.svg') no-repeat center center / 20px 20px;transform:translateY(-50%) rotate(0deg)}
.n_toggle.n_toggleOff:after{background:url('/images/daekyo/icons/ico_arrow_down_off.svg') no-repeat center center / 20px 20px;transform:translateY(-50%) rotate(180deg)}
/*.n_toggle:before {content:'';display:inline-block;position:absolute;top:50%;right:28px;transform:translateY(-50%);font-size:14px;white-space: nowrap;}*/
/*.n_toggleOff:before {content:'펼치기';color:#3C3C3C;}*/


.n-hover-modal {
    position: relative;
    display: none;
}

/* 항상 보이도록 오버레이와 모달을 visible 상태로 변경 */
.n-hover-modal .n-overlay {
    position: fixed; inset: 0;
    background: rgba(0,0,0,0.35);
    opacity: 1; pointer-events: auto;
    z-index: 9998;
}

.n-hover-modal .n-modal {
    position: fixed; left: 50%; top: 50%;
    transform: translate(-50%, -50%);
    width: 60%;
    height: 55%;
    background: #fff; color: #111;
    border-radius: 16px; box-shadow: 0 10px 40px rgba(0,0,0,.25);
    padding: 18px 20px;
    opacity: 1; pointer-events: auto;
    z-index: 9999;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", sans-serif;
}

.n-modal .n-modal-header {
    font-weight: 700; font-size: 16px; margin-bottom: 10px;
}

.n-mini-table {
    width: 100%; border-collapse: collapse; font-size: 14px;
    border: 1px solid #e5e7eb; border-radius: 10px; overflow: hidden;
}
.n-mini-table th, .n-mini-table td {
    padding: 10px 12px; border-bottom: 1px solid #eef0f3; text-align: left;
}
.n-mini-table th { background: #f8fafc; color: #334155; font-weight: 600; }
.n-mini-table tr:last-child th, .n-mini-table tr:last-child td { border-bottom: 0; }

.n-note { display: block; margin-top: 10px; color: #64748b; font-size: 12px; }

.n_dateText {
    cursor: help; text-decoration: underline dotted; text-underline-offset: 3px;
}

.service_log_seq_txt {
    position: absolute;
    top: 42%;
    transform: translate(-50%, -50%);
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
}

.report_date_box {
    margin-bottom: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.loader{
    display: block;
    position: relative;
    height: 25px;
    width: 200px;
    background: #fff;
    overflow: hidden;
}

.loader .bar{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0%;
    background: #20ACFF;
    transition: width .3s ease; /* percent 변경 시 부드럽게 */
}
@keyframes prog {
    to { width: 100%;}
}