@charset "utf-8";

.contents{min-height:450px; margin-bottom: 80px;}
.contents > .inner{position: relative;}
.contents > .inner,
.contents > article > .inner {margin: var(--space15) auto 0; width:100%; max-width: 1240px;}

.bullet-hyphen{padding-left: 11px; text-indent: -15px;}
.bullet-hyphen:before{content: ''; display: inline-block; margin:0 5px; width:5px; height:1px; border-radius: 100%; vertical-align: middle; background-color:#626161;}
li.bullet,
p.bullet {padding-left: 11px; text-indent: -15px;}
li.bullet:before,
p.bullet:before{content: ''; display: inline-block; margin:0 5px; width:3px; height:3px; border-radius: 100%; vertical-align: middle; background-color:#626161;}
.title.bullet:before {content: ''; display: inline-block; margin-right: 5px; width: 4px; height: 14px; background-color: #757577;}
.left-line:before {content: '';display: inline-block;margin: 0 5px;vertical-align: middle;width: 1px;height: 15px;background-color: #aeaeae;}
.bullet-list2 li {padding-left: 12px; text-indent: -14px;}
.bullet-list2 li:before{content: ''; display: inline-block; margin:0 5px; width:3px; height:3px; border-radius: 100%; vertical-align: middle; background-color:#626161;}

p.bullet-reference {padding-left: 25px;text-indent: -20px;word-break: keep-all;}
p.bullet-reference:before {content: '※'; margin-right:5px; }

.big-title {font-size: 24px; font-weight: 500;}
.line-title {
    display: inline-block;
    padding: 0 5px;
    font-size: 19px;
    line-height: 40px;
    border-bottom: 2px solid var(--color-primary80);
}
.dashboard > h3.title,
.dashboard > h4.title {font-size: 25px; font-weight: 500;}

.empty {margin: 32px; text-align: center;}



.categori-red, .categori-orange, .categori-green{display: inline-block; margin: 0 10px; padding:3px 10px; color:#fff !important; border-radius: 6px;}
.categori-red{background-color: #ff2b2b /* var(--color-red) */;}
.categori-orange{background-color: #ff9000 /*  var(--color-tertiary80) */;}
.categori-green{background-color: #239f0f /* var(--color-secondary90) */;}

.categori-color{display: inline-block; margin-right:5px; width:25px; height:15px; vertical-align: middle;}
.categori-color.bg-red{background-color: #ff2b2b /* var(--color-red) */;}
.categori-color.bg-orange{background-color: #ff9000 /* var(--color-tertiary80) */;}
.categori-color.bg-green{background-color: #239f0f /* var(--color-secondary90) */;}


/* location */
.location ul {display: flex; align-items: center; margin: 1.0625rem auto; width: 100%; max-width: 1240px; font-size: var(--ft-body2);}
.location li { display:inline-flex; align-items: center; gap: var(--space2); font-size:1em;}
.location li:after {content: ''; display:inline-block; width: 15px; height: 15px; background: url('/images/portal/icon/icon_forward.svg') no-repeat center center; background-size: contain;}
.location li:last-child:after {display:none;}
.location li a{padding: var(--space3) var(--space2); font-size:1em; text-decoration: underline; text-underline-position: udner;}
.location li a:hover{background-color: var(--color-gray5);}
.location li h2,
.location li h3{/* display:inline-block;font-weight:normal; */ font-size: 1em;}
.location li:last-child h2,
.location li:last-child h3{font-weight:500;}
/* .location .home{margin-right:10px;} */
.location .home a {
    display: inline-block;
    padding-left: 20px;
    text-decoration:underline;
    background: url('/images/portal/icon/icon_home_fill.svg') no-repeat left center;
    background-size: 1em;
}

.line-blue {margin: var(--space8) 0 var(--space2) 0; width: 100%;border-top: 5px solid var(--color-primary80);}


/* search */
.search-wrap .date-wrap,
.search-box .date-wrap,
.search-box-mini .date-wrap{/*display: inline-block;*/ display: none;}
.search-wrap .input-wrap{
    position: relative;
    display: inline-block;
    /* width: 109px; */
    height: 2.5rem;
    line-height: inherit;
    font-size: var(--ft-body1);
    border-radius: 5px;
    background-color:#fff;
    vertical-align: middle;    
    box-sizing:border-box;
    border: 1px solid var(--color-gray40);
    box-sizing:border-box;
    overflow: hidden;
}
.search-box .input-wrap,
.search-box-mini .input-wrap{
    display: inline-block;
    height: 2.5rem;
    line-height: inherit;
    font-size: var(--ft-body1);
    border: 1px solid var(--color-gray40);
    border-radius: 5px;
    background-color:#fff;
    vertical-align: middle;
    box-sizing:border-box;
}
/* .search-wrap .input-wrap input,
.search-box .input-wrap input{
    display: inline-block;
    padding: 0 14px 0 10px;
    margin-top: -1px;
    border: 0 none;
} */
.search-wrap .input-wrap input{width: 100%; height: 100%; background: url('/images/portal/button/arrow_open.png') no-repeat 95% center;}
.search-box .input-wrap input,
.search-box-mini .input-wrap input{width: 100%; height: 100%; background: none;}
.search-wrap .input-wrap input,
.search-box .input-wrap input,
.search-box-mini .input-wrap input {border: 2px dashed transparent;}
.search-wrap .input-wrap input:focus,
.search-box .input-wrap input:focus,
.search-box-mini .input-wrap input:focus {border-color: #222;}
/* .search-wrap .input-wrap:after{
    content: '';
    position: absolute;
    right: 6px;
    top: 50%;
    margin-top: -3px;
    width:8px;
    height: 6px;
    background-image: url('/images/portal/button/arrow_open.png');
} */

.search-wrap .date-wrap .input-wrap,
.search-box .date-wrap .input-wrap,
.search-box-mini .date-wrap .input-wrap{width: 109px;}
.search-box .date-wrap .input-wrap input,
.search-box-mini .date-wrap .input-wrap input  {background: url('/images/portal/icon/icon_down.svg') no-repeat right 10px center;}
.search-box .date-wrap .input-wrap select,
.search-box-mini .date-wrap .input-wrap select{border: 0 none;}
.search-box .date-wrap.date-day .input-wrap,
.search-box-mini .date-wrap.date-day .input-wrap{width: 150px;}

.search-wrap .search-custom{
    display: inline-block;
    margin-left:10px;
    vertical-align: middle;
}
.search-box .search-custom{margin-left:0;}
.search-wrap .search-custom.width100,
.search-box .search-custom.width100{width:calc(100% - 80px) !important;}
.search-wrap .search-custom span,
.search-box .search-custom span,
.search-box-mini .search-custom span {display: inline-block; /* margin: 0 5px; */}
.search-wrap .search-custom.input input,
.search-box .search-custom.input input {width:120px}
.search-wrap .date-wrap.date-year .search-custom.select,
.search-box .date-wrap.date-year .search-custom.select,
.search-box-mini .date-wrap.date-year .search-custom.select,
.search-wrap .date-wrap.date-year .search-custom.input,
.search-box .date-wrap.date-year .search-custom.input,
.search-box-mini .date-wrap.date-year .search-custom.input{display:none;}
.search-wrap .date-wrap.date-year .search-custom.select.on,
.search-wrap .date-wrap.date-year .search-custom.input.on,
.search-box .date-wrap.date-year .search-custom.select.on,
.search-box .date-wrap.date-year .search-custom.input.on,
.search-box-mini .date-wrap.date-year .search-custom.select.on,
.search-box-mini .date-wrap.date-year .search-custom.input.on{display:inline-block;}
.search-wrap .radio-list li,
.search-box .radio-list li,
.search-box-mini .radio-list li{margin-left:0; margin-right:10px;}
.search-wrap .nation-list li,
.search-box .nation-list li,
.search-box-mini .nation-list li{margin-bottom:5px; width:110px;}

/* 20221123 비교지역 추가 */
.search-wrap .morebtn-txt,
.search-box .morebtn-txt {clear: both; float: right; margin-top: 10px; margin-bottom: 10px;}
.search-wrap .search-filter,
.search-box .search-filter {width: 100%;}
/* .search-wrap .search-filter:before{content: ''; display: block; clear: both;} */
.search-wrap .search-filter .title{display: inline-block; margin-right: 15px; font-size: 16px; font-weight: 400; vertical-align: middle;}
.search-wrap .search-filter .region-wrap,
.search-box .search-filter .region-wrap {display: inline-block; width: 90%; vertical-align: top;}
.search-wrap .search-filter .region-wrap .region-list li,
.search-box .search-filter .region-wrap .region-list li {display: inline-block; margin-left: 5px; margin-bottom: 10px; vertical-align: middle;}
.search-wrap .search-filter .region-wrap .region-list li:first-of-type,
.search-box .search-filter .region-wrap .region-list li:first-of-type {margin-left: 0;}
.search-wrap .search-filter .region-wrap .region-list .region,
.search-box .search-filter .region-wrap .region-list .region {margin: 0; padding: 0 35px 0 10px;}
.search-wrap .search-filter .region-wrap .region-list .region .btn-delete,
.search-box .search-filter .region-wrap .region-list .region .btn-delete {margin-top: -10px; width: 20px; height: 20px; background-size: contain;}


.search-wrap.type1 {
    position: relative;
    margin-bottom: 65px;
    padding: 30px 35px;
    background-color: #F1F1F1;
}
.search-wrap.type1 .title {
    display:inline-block;
    /* margin-right:40px; */
    width: 60px;
    margin-right: 10px;
    font-size: 17px;
    font-weight: 500;
    vertical-align: middle;
}
.search-wrap.type1 div.title p,
.search-wrap.type1 div.title span,
.search-wrap.type1 div.title strong {
	font-size:17px;
	font-weight:500;
}
.search-wrap.type1 .titles {
    display:inline-block;
    /* margin-right:40px; */
    width: 60px;
    margin-left: 10px;
    font-size: 17px;
    font-weight: 500;
    vertical-align: middle;
}
.search-wrap.type1 .small-titles {display:inline-block; marign: 0 10px; vertical-align:middle; color:rgba(0,0,0,0.8);}

.search-wrap.type1 .box {margin-top:25px;font-size: 0;}
.search-wrap.type1 .box:first-child {margin-top: 0;}
.search-wrap.type1 .button,
.search-wrap.type1 .region {
    padding: 0 14px 0 10px;
    height: 30px;
    line-height: 27px;
    font-size: 16px;
    border: 1px solid #E6E6E6;
    border-radius: 5px;
    background-color:#fff;
    vertical-align: middle;
    box-sizing:border-box;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}
.search-wrap.type1 .box > select{margin-right:5px;}
.search-wrap.type1 .button{display: inline-block; margin-left:5px; transition: all 0.5s;}
.search-wrap.type1 .button:hover {color: var(--color-primary80);}
.search-wrap.type1 .button.on{color:var(--color-primary80);border:1px solid var(--color-primary80);}
.search-wrap.type1 .region{position:relative;padding-right: 25px;min-width: 140px;font-size:0;}
/* .search-wrap.type1 .region{position:relative;padding-right: 25px;min-width: 140px;font-size:0;} */
.search-wrap.type1 .date-wrap{margin-left:10px; vertical-align: middle;}
.search-wrap.type1 .btn-delete{
    position: absolute;
    top: 50%;
    right: 5px;
    /* right: 10px; */
    /* top: 50%;
    right: 10px; */
    display: inline-block;
    margin-top: -10px;
    /* margin-top: -6px; */
    width:20px;
    height:20px;
    font-size: 0;
    background: url('/images/portal/button/btn_delete.png') no-repeat center;
    background-size:cover;
}
.search-wrap.type1 .btn-search {
    float:right;
    width: 113px;
    height: 37px;
    font-size: 17px;
    line-height: 31px;
    color:#fff;
    border-radius: 5px;
    border-color: #6a6969;
    background-color: #6a6969;
    cursor:pointer;
    transition: all 0.3s;
}
.search-wrap.type1 .btn-search:hover{border-color:#8c8989;background-color:#8c8989;}
.search-wrap.type1 .info-box:not([role=tooltip]) {
    display: none;
    position: absolute;
    top:-5px;
    left:105px;
    padding: 0 10px;
    color: #fff;
    text-align: center;
    line-height: 30px;
    border-radius: 5px;
    background-color: #ff9966;
    box-sizing: border-box;
    transition: all 0.5s;
    opacity: 0;
    animation-duration: 0.5s;
    animation-name: fade;
    z-index: 1;
}
.search-wrap.type1 .info-box.on {display: block; opacity: 1;}

.search-wrap.type1 .region-wrap {
    display: inline-block;
    vertical-align: top;
    /* margin-top: -2px; */
}
.search-wrap.type1 .region-wrap .btn-wrap {
    display: inline-block;
    vertical-align: top;
}
.search-wrap.type1 .region-wrap .btn-wrap > span {
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
}
.search-wrap.type1 .region-wrap .region-list {
    display: inline-block;
    font-size: 0;
}
.search-wrap.type1 .region-wrap .region-list li {margin-top: 10px;}
.search-wrap.type1 .region-wrap .region-list li:first-child {margin-top: 0;}
.search-wrap.type1 .region-list .region {display: inline-block;}

.search-wrap.type1 .region-wrap.region-spot {margin-bottom: 10px; width: calc(100% - 70px);}
.search-wrap.type1 .region-wrap.region-spot > .btn-wrap {margin-bottom: 10px;}
.search-wrap.type1 .region-wrap.region-spot .region-list .btn-wrap {float: right;}
.search-wrap.type1 .region-wrap.region-spot .region-list {width: 100%;}
.search-wrap.type1 .region-wrap.region-spot .region-list select:nth-of-type(1) {width: 100px;}
.search-wrap.type1 .region-wrap.region-spot .region-list select:nth-of-type(2) {width: 155px;}
.search-wrap.type1 .region-wrap.region-spot .region-list select:nth-of-type(3) {width: 560px;}
.search-wrap.type1 .region-spot {display: inline-block; vertical-align: top;}
.search-wrap.type1 .region-spot > input{width:560px;}

.search-wrap.type1.type1-1{margin-top:30px;}
.search-wrap.type1.type1-1 .box{display: inline-block; margin-top:0; margin-left:10px; vertical-align: middle;}
.search-wrap.type1.type1-1 .lookup-wrap{display: inline-block; vertical-align: middle;}

@keyframes fade {
    from {
      opacity: 0;
    }
  
    to {
      opacity: 1;
    }
}

.search-wrap.type2{display: flex; justify-content: space-between; padding:30px 0;}
/* .search-wrap.type2:after{content: '';display: block; clear: both;} */
.search-wrap.type2 .lookup-wrap{/* float: left; */ font-size: 0;}
.search-wrap.type2 .lookup-wrap .title{display: inline-block; margin-right:16px; font-size: var(--ft-body1); font-weight: normal; vertical-align: middle;}
.search-wrap.type2 .lookup-wrap .titles{display: inline-block; margin-right:16px; font-size: var(--ft-body1); font-weight: normal; vertical-align: middle;}
.search-wrap.type2 .lookup-wrap .select-wrap,
.search-wrap.type2 .lookup-wrap .date-wrap{ margin-left: 16px; vertical-align: middle;}
.search-wrap.type2 .lookup-wrap .select-wrap{display: inline-block;}
.search-wrap.type2 .lookup-wrap .select-wrap span,
.search-wrap.type2 .lookup-wrap .date-wrap span{display: inline-block; margin: 0 4px; vertical-align: middle;}

.search-wrap.type2 .lookup-wrap .input-question-wrap{display: block;}
.search-wrap.type2 .lookup-wrap .input-question-wrap .input-question-all {text-align: left; margin-right: 0px; width:calc(700px - 20%);}
.search-wrap.type2 .lookup-wrap .input-question-wrap .input-itemAll   {text-align: left; width:20%;}
.search-wrap.type2 .lookup-wrap .input-question-wrap .input-question  {text-align: left; margin-right: 10px; width:calc(700px - 20%);}
.search-wrap.type2 .lookup-wrap .input-question-wrap .input-itemLabel {text-align: center; margin-right: 5px; width:3%;}
.search-wrap.type2 .lookup-wrap .input-question-wrap .input-item      {text-align: left; width:17%;}


.search-wrap.type2 .btn-wrap{/* float: right; *//* margin-top:-12px; */}
.search-wrap.type2 .btn-wrap .button,
.search-wrap.type2 .btn-wrap .region{min-width:auto; height:40px; line-height: 38px; text-align: center;}
.search-wrap.type2 .btn-wrap .region{margin-right:0; padding-right:27px;}
.search-wrap.type2 .btn-wrap .region .btn-delete{right:8px;}
.search-wrap.type2 .sort{margin:0 5px; display: inline-block; vertical-align: middle;}
.search-wrap.type2 .btn-search {
    float:right;
    margin-left: 10px;
    width: 83px;
    height: 33px;
    font-size: 17px;
    line-height: 19px;
    color:#fff;
    border-radius: 5px;
    border-color: #6a6969;
    background-color: #6a6969;
    cursor:pointer;
    transition: all 0.3s;
}
.search-wrap.type2 .btn-wrap.btn-option .button.btn-shadow:hover,
.search-wrap.type2 .btn-wrap.btn-option .button.btn-shadow.on,
.search-wrap.type2.search-box-mini .btn-wrap .button.btn-shadow:hover,
.search-wrap.type2.search-box-mini .btn-wrap .button.btn-shadow.on{
	color: #464646 !important;
	border: 1px solid #e6e6e6 !important;
	text-decoration: none;
}
.search-wrap.type2 .btn-wrap.btn-option .button.bg-blue:hover,
.search-wrap.type2 .btn-wrap.btn-option .button.bg-blue.on,
.search-wrap.type2.search-box-mini .btn-wrap .button.bg-blue:hover,
.search-wrap.type2.search-box-mini .btn-wrap .button.bg-blue.on{
	border: 1px solid var(--color-primary80) !important;
	color: #fff !important;
}
.search-wrap.type2 .btn-wrap.btn-option .button.bg-red:hover,
.search-wrap.type2 .btn-wrap.btn-option .button.bg-red.on,
.search-wrap.type2.search-box-mini .btn-wrap .button.bg-red:hover,
.search-wrap.type2.search-box-mini .btn-wrap .button.bg-red.on{
	border: 1px solid #ff2626 !important;
	color: #fff !important;
}

.search-wrap.type2 .btn-wrap.btn-option .button.bg-yellow:hover,
.search-wrap.type2 .btn-wrap.btn-option .button.bg-yellow.on,
.search-wrap.type2.search-box-mini .btn-wrap .button.bg-yellow:hover,
.search-wrap.type2.search-box-mini .btn-wrap .button.bg-yellow.on{
	border: 1px solid #a43c00 !important;
	color: #fff !important;
}


.modal .search-wrap.type2 input[type=text] {margin-right: 0; padding: 0 14px 0 10px; border: 0 none;}

.modal-body.region-wrap > .title {margin-bottom: 10px; padding: 0; text-align: center; font-size: 20px;}
.modal-body.region-wrap .search-wrap .box {margin-bottom: 10px;}
.modal-body.region-wrap .search-wrap .box > .title {width: 115px;margin-right: 0;}
.modal-body.region-wrap .search-wrap .radio-list input[type=radio] {width: 15px; height: 15px;}

.modal-body.region-wrap .search-wrap.type2 .btn-search {float: none;}
.modal-body.region-wrap .search-wrap .radio-list li {margin-right: 5px;}

.modal .region-wrap .search-wrap {margin-top: 30px; padding: 0;}
.modal .region-wrap .search-wrap > .box {display: inline-block; vertical-align: top;}
.modal .region-wrap .search-wrap > .box-one {width: 100%;}
.modal .region-wrap .search-wrap > .box-two {margin-right: 1%; width: 49%;}
.modal .region-wrap .search-wrap > .box-two:nth-of-type(2n) {margin-right: 0;}

.search-wrap.type2.search-box-mini .btn-wrap .button.bg-gray:hover,
.search-wrap.type2.search-box-mini .btn-wrap .button.bg-gray.on{
	color: #fff !important;
}

.modal .search-box,
.modal .region-wrap .search-wrap.search-box {margin-top: 30px; padding: 16px;}



.search-wrap.type3 { width: 100%; font-size: 0;}
.search-wrap.type3 input[type=text] {width: calc(100% - 90px); height: 40px; line-height: 37px; border: 1px solid #b5b5b5; box-shadow: none;}
.search-wrap.type3 input[type=text] + .button {margin-left: 10px; width: 80px; height: 40px; line-height: 37px; color: #fff; background-color: var(--color-primary80);}


.modal .search-wrap.type3 .title {
    margin-bottom: 5px;
    padding-left: 0;
    /* font-size: 16px; */
}
.modal .search-wrap.type3 label.title {text-align: center; font-size: 18px;}
.modal .search-wrap.type3 label.title input {margin-top: 20px;}
.modal .search-wrap.type3 .title label{margin-left:5px;}
.modal .search-wrap.type3 .title label:first-child{margin-left:0;}
.modal .search-wrap.type3 .company-area{display:none; font-size:0;}
.modal .search-wrap.type3 .company-area.on{display:block;}

/* 2022.11 팝업 추가 */
.modal .search-wrap.type3.filter-two {padding-top: 5px;}
.modal .search-wrap.type3.filter-two input[type=text] {width: calc(100% - 500px);}
.modal .search-wrap.type3.filter-two select {height: 40px; line-height: 37px; border: 1px solid #b5b5b5; box-shadow: none;}
.modal .search-wrap.type3.filter-two .filter-item{display: inline-block;}
.modal .search-wrap.type3.filter-two .title {display: inline-block;padding: 0 8px;vertical-align: middle;}
.modal .search-wrap.type3.filter-two .title:first-of-type {margin-left: 0;}
.modal .search-wrap.type3.filter-two .titles{position: absolute; top: -25px; left: 50%; transform: translateX(-50%); font-weight: 400;}
.modal .search-wrap.type3.filter-two .select-wrap { display: inline-block; position: relative; margin-left: 5px; vertical-align: top;}
.modal .search-wrap.type3.filter-two .select-wrap:first-of-type {margin-left: 0;}

.searh-result {border-top: 2px solid var(--color-primary80);}
div.searh-result {padding: 40px 0; box-sizing:border-box;}
ul.searh-result{margin-bottom:10px;}
ul.searh-result li{border-bottom:1px solid #adaaaa;}
ul.searh-result li > .button{display:block; height:auto; padding:5px 20px; width:100%; text-align:left;}

.modal-search #blngCoList,
.modal-search-input #blngCoList{/* height: 280px; */ height: 190px; overflow-y: auto;}
.modal-search .searh-resul,
.modal-search-inputt .searh-resul{/* height: 280px; */height: 190px; overflow-y: auto;}

.modal.modal-search .search-box-mini .lookup-wrap {flex-direction: column;align-items: flex-start;flex-grow: 1;}
.modal.modal-search .search-box-mini .lookup-wrap .company-area .search-custom input[type=text] {flex-grow: 1;}
.modal.modal-search .search-box-mini .lookup-wrap .company-area {width: 100%;}

/* .radio-wrap .radio-list{font-size: 0;}
.radio-list li{display: inline-block; margin-left:10px; vertical-align: top;}
.radio-list li:first-child{margin-left: 0;} */
/* .radio-wrap .radio-list{display: flex; gap: 12px; align-items: center; flex-wrap: wrap;} */
.radio-list{display: flex; gap: 12px; align-items: center; flex-wrap: wrap;}
.radio-list li input[type=radio],
.radio-list li input[type=checkbox]{margin-right:4px;}
.radio-list li input[type=radio],
.radio-list li input[type=checkbox]{width:15px; height:15px;cursor:pointer;}
.radio-list li input[type=radio] + label, 
.radio-list li input[type=checkbox] + label{cursor:pointer; font-weight: normal;}

/* .radio-wrap.type2 li {display: block; margin-left: 0;} */
.radio-wrap.type2 li {display: inline-block; margin-left: 0; width: 50%; margin-bottom: 5px;}
.radio-wrap.type2 li input {float: left;}
.radio-wrap.type2 li label {float: left; width: 80%; margin-top: -5px;}

.quick-menu-wrap3 {
    width: 200px;
    padding: 30px 10px;
    box-sizing: border-box;
    position:absolute;
    top: 33%;
    right: 5%;
    left: auto !important;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    text-align: center;
    z-index: 8;
}
.quick-menu-wrap3>p {
    margin-bottom: 10px;
    letter-spacing: 5px;
}
.quick-menu-wrap3 .banner {
    display: block;
    width: 100%;
    height: 100;
    overflow: hidden;
    margin-bottom: 10px;
    position: relative;
}
.quick-menu-wrap3 .banner:last-child {
    margin-bottom: 0;
}
.quick-menu-wrap3 .banner>img {
    width: 100%;
}
.quick-menu-close {
    position: absolute;
    right: 0;
    top: -30px;
    width: 18px;
    height: 18px;
    font-size: 0;
    background-color: transparent;
    background-image: url('/images/portal/button/quick_close.png');
}

/* 신규 검색 박스 - 2024 10 */
.search-box{padding: var(--space8) var(--space10); border-radius: var(--border-radius2); background-color:var(--color-blue);}
.search-box .search-filter{display:flex; /* gap: 10px; */ gap: 70px; align-items: flex-end;}
.search-box .filter-form{/* flex-grow: 1; */ display: flex; gap: var(--space10); flex-direction: column;}
.search-box .filter-form .title{display: block; margin-bottom: var(--space2); font-weight:700;}
.search-box .filter-form .title strong{font-weight: inherit;}
.search-box .filter-form .row{display: flex;/*  gap: 30px 48px; */ gap: var(--space10) var(--space13); flex-wrap: wrap; align-items: flex-end}
.search-box .filter-form .lookup-wrap {display: flex; gap: var(--space7); align-items: flex-end}
/* .search-box .filter-form .row > div + .lookup-wrap{margin-left: 16px;} */
/* .search-box .filter-form .row > div[style*="display:none"] + .lookup-wrap {margin-left: 0;} */
/* .search-box .date-day .search-custom,
.search-box .date-month .search-custom, */
.search-box .date-wrap .search-custom {display: flex; gap: 16px; align-items: center;}
/* .search-box .date-day .search-custom > div:first-of-type,
.search-box .date-month .search-custom > div:first-of-type, */
.search-box .date-wrap .search-custom > div:first-of-type {position: relative;}
/* .search-box .date-day .search-custom > div:first-of-type:after,
.search-box .date-month .search-custom > div:first-of-type:after, */
.search-box .date-wrap .search-custom > div:first-of-type:after{content: '~'; position:absolute; right: -13px; bottom: 11px;}
/* .search-box .date-day .search-custom .title,
.search-box .date-day .search-custom .title strong,
.search-box .date-month .search-custom .title,
.search-box .date-month .search-custom .title strong, */
.search-box .date-wrap .search-custom .title,
.search-box .date-wrap .search-custom .title strong {font-weight: normal;}

.search-box .date-wrap2 .search-custom {display: flex; gap: 16px; align-items: center;}
.search-box .date-wrap2 .search-custom > div:first-of-type {position: relative;}
.search-box .date-wrap2 .search-custom > div:first-of-type:after{content: ''; position:absolute; right: -13px; bottom: 11px;}
.search-box .date-wrap2 .search-custom .title,
.search-box .date-wrap2 .search-custom .title strong {font-weight: normal;}

.search-box .search-filter > .btn-wrap{/* flex-shrink: 0; */}
.search-box .search-filter > .btn-wrap .btn{min-width: 150px;}
.search-box .search-filter .btn-area.ico-search{padding: 8.5px 48px 8.5px 16px; min-width: 150px; line-height: 1; text-align: left; background:url(/images/portal/icon/icon_search.svg) no-repeat right 10px center #fff; border-radius: 6px; border: 1px solid var(--color-gray40);}
.search-box .search-filter .btn-area.ico-search[disabled]{
	background-color: var(--color-gray10);
    color: var(--color-gray80);
    border-color: var(--color-gray30);
}

.search-box + .page-txt{margin-top: var(--space13);}
.page-txt{font-size: var(--ft-body1);}
.search-box + .table-wrap{margin-top: var(--space13);}
.page-txt ~ .table-wrap{margin-top: var(--space5);}
/* .page-txt span{font-weight: 700;} */
.board .search-box .filter-form .row {gap: var(--space10) var(--space7);}

/* page title - 2024 10 */
.page-title-wrap{width: 100%; max-width: 1240px; margin: 1.0625rem auto; font-weight: 700}
.page-title-wrap .title{font-size: var(--ft-heading2); font-weight: inherit;}
.page-title-wrap .title + .search-box{ margin-top: 40px;}

.title-wrap{font-weight: 700;}
.title-wrap .title{font-weight: inherit;}

.mid-title-wrap{margin-bottom: 16px; font-weight: 700; display:flex; gap: 16px;}
.mid-title-wrap .title{font-size: var(--ft-title1); font-weight: inherit;}
.mid-title-wrap > .title {flex-shrink: 0;}
.mid-title-wrap > .btn-wrap{flex-grow: 1;}
.mid-title-wrap.line-box {padding: 20px 0; margin: 40px 0; border-top: 5px solid var(--color-primary80); border-bottom: 5px solid var(--color-primary80); text-align: center;}
.mid-title-wrap.center{justify-content: center;}
.mid-title-wrap.right{justify-content: flex-end;}
.mid-title-wrap + .table-wrap{margin-bottom: 36px;}
.mid-title-wrap + .explain-txt{margin-top: -14px;}

.mid-title-wrap .info-wrap {vertical-align: super;}
.mid-title-wrap .info-wrap .info-btn {margin-left: 0;}


/* modal */
.modal{
    display: none;
    /* position: absolute; */
    position: fixed;
    top: 50%;
    left: 50%;
    /* padding: 48px; */
    padding: 32px;
    /* min-width:450px; */
    background-color: #fff;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    /* box-sizing: border-box; */
    z-index: 10000;
}
.modal.modal_wrap{
	transform:none;
}
.modal .btn-close{
    position: absolute;
    top: 24px;
    right: 24px;
    width: 24px;
    height: 24px;
    font-size: 0;
    background:url('/images/portal/icon/icon_close.svg') no-repeat center center;
    /* transition: all 0.5s; */
}
/* .modal .btn-close:hover {transform: rotate(90deg);} */

.modal-head{margin-bottom: 16px;}
.modal-head .title {display:block; font-size: var(--ft-title2); font-weight: 700;}
.modal-head .title span{font-size: 18px;}
.modal-head .notice, 
.modal-head .notice li {font-size: var(--ft-body2); line-height: 1.5;}
.modal-head .notice li span{font-size: 1em;}
.modal-head .notice {margin-bottom: 16px;}
.modal-head .notice .bullet:before {
    content: '-';
    margin: 0 5px 0 0;
    display: inline;
    width: auto;
    height: auto;
    background: none;
}
.modal-head.header-notice{display: flex; align-items: center; justify-content: space-between; width:100%;}
/* .modal-head.header-notice:after{content: ''; display: block; clear: both;} */
/* .modal-head.header-notice .title {display: inline-block; vertical-align: middle;}*/
.modal-head.header-notice .notice{padding-right: 32px; margin-bottom: 0;}
.modal-head.header-notice .notice ul li{display: inline-block; margin:0 4px;}



.modal-body {/* padding-top: 20px; */ padding-right: 8px; max-height:430px;/*  max-height:340px; */ overflow:hidden; box-sizing: border-box;}
/* .modal-body:after{content: '';display: block; clear:both;} */
.modal-body .title {display: block;/*  margin-bottom: 28px; */ margin-bottom: 16px; /* font-size: var(--ft-title3);  */font-size: var(--ft-title4); font-weight: 700;}
.modal-body .title.bg-gray {background-color: #f1f1f1;}
.modal-body > .item {margin-bottom: 20px;}
.modal-body > .item .title{display: inline-block; vertical-align: top;}
.modal-body .item .title{font-size: 16px;}

.modal-body .item:after {content: '';display: block;clear: both;}
.modal-body .item .title {font-weight: 500;}
.modal-body > .item {font-size: 0;}
.modal-body > .item:last-child {margin-bottom: 10px;}

.modal-body .bigdata_box{padding:170px 10px 40px;line-height:160%;text-align:center;background:#f8f8f8 url(../../images/portal/common/icon_bigdata_new.png) no-repeat center 35px;border-radius:3px;}
.modal-body .modal-inmodal {
	display: none;
    /* position: absolute; */
    position: absolute;
    top: 50%;
    left: 50%;
    padding:50px;
    width:60%;
    max-width: 400px;
    text-align: center;
    border: 1px solid #5e5e5e;
    border-radius: 10px;
    background-color: #fff;
    /* min-width:450px; */
    transform: translate(-50%, -50%);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.modal-body .modal-inmodal>p {
	font-size: 18px;	
}
.modal-body .table-wrap > .title {padding: 0; margin-bottom: 8px;}
.modal-body .table-wrap > .title .info-wrap {vertical-align: text-top}

.modal-body .search-wrap .box .input-wrap {height: 30px;}
.modal-body .search-wrap .box > .title {display: inline-block; margin-right: 15px; margin-bottom: 0; padding: 0; vertical-align: top; box-sizing: border-box;}
.modal-body .search-wrap .box > .box-con {display: inline-block; vertical-align: top;}
.modal-body .search-wrap .box > .radio-wrap {width:calc(100% - 120px)}
.modal-body .modal-inmodal .inmodal-close{
    position: absolute;
    right: 25px;
    top:   25px;
    width: 25px;
    height:25px;
    background-size:100%;
}

.modal-body2 {/* padding-top: 20px; */ padding-right: 8px;/*  max-height:340px; */ overflow:hidden; box-sizing: border-box;}
/* .modal-body:after{content: '';display: block; clear:both;} */
.modal-body2 .title {display: block;/*  margin-bottom: 28px; */ margin-bottom: 16px; /* font-size: var(--ft-title3);  */font-size: var(--ft-title4); font-weight: 700;}
.modal-body2 .title.bg-gray {background-color: #f1f1f1;}
.modal-body2 > .item {margin-bottom: 20px;}
.modal-body2 > .item .title{display: inline-block; vertical-align: top;}
.modal-body2 .item .title{font-size: 16px;}

.modal-body2 .item:after {content: '';display: block;clear: both;}
.modal-body2 .item .title {font-weight: 500;}
.modal-body2 > .item {font-size: 0;}
.modal-body2 > .item:last-child {margin-bottom: 10px;}

.modal-body2 .bigdata_box{padding:170px 10px 40px;line-height:160%;text-align:center;background:#f8f8f8 url(../../images/portal/common/icon_bigdata_new.png) no-repeat center 35px;border-radius:3px;}
.modal-body2 .modal-inmodal {
	display: none;
    /* position: absolute; */
    position: absolute;
    top: 50%;
    left: 50%;
    padding:50px;
    width:60%;
    max-width: 400px;
    text-align: center;
    border: 1px solid #5e5e5e;
    border-radius: 10px;
    background-color: #fff;
    /* min-width:450px; */
    transform: translate(-50%, -50%);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.modal-body2 .modal-inmodal>p {
	font-size: 18px;	
}
.modal-body2 .table-wrap > .title {padding: 0; margin-bottom: 8px;}
.modal-body2 .table-wrap > .title .info-wrap {vertical-align: text-top}

.modal-body2 .search-wrap .box .input-wrap {height: 30px;}
.modal-body2 .search-wrap .box > .title {display: inline-block; margin-right: 15px; margin-bottom: 0; padding: 0; vertical-align: top; box-sizing: border-box;}
.modal-body2 .search-wrap .box > .box-con {display: inline-block; vertical-align: top;}
.modal-body2 .search-wrap .box > .radio-wrap {width:calc(100% - 120px)}
.modal-body2 .modal-inmodal .inmodal-close{
    position: absolute;
    right: 25px;
    top:   25px;
    width: 25px;
    height:25px;
    background-size:100%;
}

.modal-foot{margin-top:16px;}
.modal-foot .btn_area{margin:25px 0;text-align:center;}
.modal-foot .btn_area .btn{display:inline-block;margin:2px 1px;padding:0 40px;min-width:120px;height:49px;line-height:47px;font-size:16px;color:#555;text-align:center;background-color:#fff;border:1px solid #727272;border-radius:5px;box-sizing:border-box;vertical-align:middle;}
.modal-foot .btn_area .btn.focus{color:#fff;background-color:var(--color-primary80);border-color:var(--color-primary80);}

.modal-foot .foot-link {float: right; margin-top: 10px;}
.modal-foot .foot-link a {text-decoration: underline; transition: all 0.5s;}
.modal-foot .foot-link a:hover {color: var(--color-primary80);}


.modal2{
	display: none;
	/* position: absolute; */
position: fixed;
top: 50%;
left: 50%;
padding: 25px;
/* min-width:450px; */
	background-color: #fff;
	transform: translate(-50%, -50%);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
	z-index: 10000;
}
.modal2 .btn-close{
	float: right;
	width: 20px;
	height: 20px;
	font-size: 0;
	background: url('/images/portal/button/btn_close.png') no-repeat;
	transition: all 0.5s;
}
.modal2 .btn-close:hover {transform: rotate(90deg);}
.modal2-head .title {
	display: block;
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: 500;
}
.modal2-head .title span{font-size: 18px;}
.modal2-head .notice,
.modal2-head .notice li {font-size: 14px; line-height: 169%;}
.modal2-head .notice {margin-bottom: 20px;}
.modal2-head .notice .bullet:before {
	content: '-';
	margin: 0 5px 0 0;
	display: inline;
	width: auto;
	height: auto;
	background: none;
}
.modal2-body {padding-top: 20px; max-height: 430px;}
.modal2-body:after{content: ''; display: block; clear: both;}
.modal2-body .title {
	display: block;
	margin-bottom: 15px;
	padding: 5px 10px;
	font-weight: 400;
}
.modal2-body .title.bg-gray {background-color: #f1f1f1;}
.modal2-body > .item {margin-bottom: 20px;}
.modal2-body > .item .title{display: inline-block; vertical-align: top;}
.modal2-body .item .title{font-size: 16px;}

.modal2-body .item:after {content: ''; display: block;clear: both;}
.modal2-body .item .title {font-weight: 500;}
.modal2-body > .item {font-size: 0;}
.modal2-body > .item:last-child {margin-bottom: 10px;}

.modal2-body .bigdata_box {padding: 170px 10px 40px; line-height: 160%; text-align: center; background: #f8f8f8 url(/images/portal/common/icon_bigdata_new.png) no-repeat center 35px; border-radius: 3px;}
.modal2-foot {margin-top: 20px;}
.modal2-foot .btn_area {margin: 25px 0; text-align: center;}
.modal2-foot .btn_area .btn {display: inline-block; margin: 2px 1px; padding: 0 40px; min-width: 120px; height:49px; line-height: 47px; font-size: 16px; color: #555; text-align: center; background-color: #fff; border: 1px solid #727272; border-radius: 5px; box-sizing: border-box; vertical-align: middle;}
.modal2-foot .btn_area .btn.focus {color: #fff; background-color: var(--color-primary80); border-color: var(--color-primary80);}

.modal2-foot .foot-link {float: right; margin-top: 10px;}
.modal2-foot .foot-link a {text-decoration: underline; transition: all 0.5s;}
.modal2-foot .foot-link a:hover {color: var(--color-primary80);}

.modal2-body .bigdata_box {padding: 170px 10px 40px; line-height: 160%; text-align: center; background: #f8f8f8 url(/images/portal/common/icon_bigdata_new.png) no-repeat center 35px; border-radius: 3px;}




.modal-checklist a {
    width: 100%;
    margin-bottom: 10px;
    padding: 5px 15px!important;
    height: auto !important;
    text-align: left;
}
/* .modal input{ */
.modal input[type=text]{
    display: inline-block;
    /* padding:0 30px 0 10px; */
}
.modal .select-region {font-size: 0;}
.modal .select-region a {margin-right: 10px; margin-bottom: 5px;}
.modal .select-region .region {margin-bottom:5px;}
/* .modal .select-region .region {
    display: inline-block;
    position:relative;
    margin-right:10px;
    margin-bottom:5px;
    padding: 0 25px 0 10px;
    height: 30px;
    line-height: 27px;
    font-size: 16px;
    border: 1px solid #E6E6E6;
    border-radius: 5px;
    background-color:#fff;
    vertical-align: middle;
    box-sizing:border-box;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}
.modal .select-region .region.on{border:1px solid var(--color-primary80);}
.modal .select-region .region.on p{color:var(--color-primary80);}
.modal .select-region .btn-delete{
.modal .select-region .region.on{border:1px solid var(--color-primary80);}
.modal .select-region .region.on p{color:var(--color-primary80);} */

/* pdf-viewer */
.pdf-head .title {
    display:block;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 500;
}
.pdf-head .title span{font-size: 18px;}
.pdf-head .notice, 
.pdf-head .notice li {font-size: 14px; line-height: 169%;}
.pdf-head .notice {margin-bottom: 20px;}
.pdf-head .notice .bullet:before {
    content: '-';
    margin: 0 5px 0 0;
    display: inline;
    width: auto;
    height: auto;
    background: none;
}
.pdf-head.header-notice{width:100%;}
.pdf-head.header-notice:after{content: ''; display: block; clear: both;}
.pdf-head.header-notice .title {display: inline-block; vertical-align: middle;}
.pdf-head.header-notice .notice{float:right; margin-bottom: 0;}
.pdf-head.header-notice .notice ul li{display: inline-block; margin:0 2.5px;}



.pdf-body {padding-top: 20px; max-height:730px;}
.pdf-body:after{content: '';display: block; clear:both;}

.pdf-body .bigdata_box{padding:170px 10px 40px;line-height:160%;text-align:center;background:#f8f8f8 url(../../images/portal/common/icon_bigdata_new.png) no-repeat center 35px;border-radius:3px;}
.pdf-body .modal-inmodal {
	display: none;
    /* position: absolute; */
    position: absolute;
    top: 50%;
    left: 50%;
    padding:50px;
    width:60%;
    max-width: 400px;
    text-align: center;
    border: 1px solid #5e5e5e;
    border-radius: 10px;
    background-color: #fff;
    /* min-width:450px; */
    transform: translate(-50%, -50%);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.pdf-body .search-wrap .box .input-wrap {height: 30px;}
.pdf-body .search-wrap .box > .title {display: inline-block; margin-right: 15px; margin-bottom: 0; padding: 0; vertical-align: top; box-sizing: border-box;}
.pdf-body .search-wrap .box > .box-con {display: inline-block; vertical-align: top;}
.pdf-body .search-wrap .box > .radio-wrap {width:calc(100% - 120px)}
.pdf-body .modal-inmodal .inmodal-close{
    position: absolute;
    right: 25px;
    top:   25px;
    width: 25px;
    height:25px;
    background-size:100%;
}


.pdf-foot{margin-top:20px;}
.pdf-foot .btn_area{margin:25px 0;text-align:center;}
.pdf-foot .btn_area .btn{display:inline-block;margin:2px 1px;padding:0 40px;min-width:120px;height:49px;line-height:47px;font-size:16px;color:#555;text-align:center;background-color:#fff;border:1px solid #727272;border-radius:5px;box-sizing:border-box;vertical-align:middle;}
.pdf-foot .btn_area .btn.focus{color:#fff;background-color:var(--color-primary80);border-color:var(--color-primary80);}

.pdf-foot .foot-link {float: right; margin-top: 10px;}
.pdf-foot .foot-link a {text-decoration: underline; transition: all 0.5s;}
.pdf-foot .foot-link a:hover {color: var(--color-primary80);}

/* 202410 수정 */
.region {display: inline-flex; align-items: center; column-gap: var(--space3); height: 2.5rem; padding: 0 var(--space7); margin-right:var(--space5); font-size: var(--ft-body1); border: 1px solid var(--color-gray10); border-radius: var(--space3); box-sizing:border-box; background-color:#fff;}
.region p {display: inline; font-weight: 400;}
.region.on{border:1px solid var(--color-primary80);}
/* .region.on p{color:var(--color-primary80);} */
.region.on .btn-delete{}
.region .btn-delete{width:20px; height:20px; font-size: 0; background-image: url('/images/portal/icon/icon_close.svg'); background-repeat: no-repeat; background-position: center center; background-size: 20px; border-radius: var(--border-radius2); transition: background-color 0.3s;}
.region .btn-delete:hover {background-color: var(--color-gray5);}


.modal .tab-panel > .title {padding: 0; margin: 8px 0; font-size: var(--ft-title4); font-weight: 700;}
.modal .btn-wrap {justify-content: center; }
.modal .btn-wrap .btn,
.modal .btn-wrap .button{min-width:110px;}
.modal .btn-list{display:flex; flex-wrap: wrap; gap: 12px; font-size:0;}
/* .modal .btn-list .button{margin-bottom:10px; padding: 0 0px; width:100%; text-align: center;} */
.modal .btn-list .button{padding: 0 0px; width:100%; text-align: center;}
.modal .btn-list .btn{width:100%;}
/* .modal .btn-list .button.on{text-decoration:underline;} */

.modal .icon-menu{display:inline-block; margin:0 5px; width: 15px; vertical-align: middle;}

/* .modal .box-wrap:after{content: '';display: block;clear: both;} */
.modal .box-one + .box-one{margin-top: 16px;}

.modal .box-two{display: flex; justify-content: space-between;  gap: var(--space13);}
.modal .box-two .box {width: 48%;}
/* .modal .box-two .left {float: left;} */
.modal .box-two .left-big {width: 63%;}
.modal .box-two .left-big + .box {width: 35%; margin-right:10px;}
/* .modal .box-two .right {float: right;} */
.modal .box-two .btn-list:after{content: '';display: block; clear: both;}
.modal .box-two .btn-list > div {display: inline-block; margin-left:10px; width:125px; vertical-align: top;}
.modal .box-two .btn-list > div:first-child {margin-left:0;}

.modal.modal-myplus .modal-body.box-two {display: block;}

/* 2022.11 추가 */
.modal .box-three {display: flex; justify-content: space-between; gap: 32px;}
.modal .box-three .region-box {width: 27%;}
.modal .box-three .region-box:first-of-type {margin-left: 0;}

/* 2022.12.23 수정 */
.modal .box-three .region-box.region-si,
.modal .box-three .region-box.big-box{width: 41%;}
.modal .box-three .region-box .btn-list.type1 .button{height: auto;}

.modal .box-three .region-box.region-si {width: 42%;}
.modal .box-three .region-box .btn-list > div {margin-left: 3%;width: 125px;float: left;}
.modal .box-three .region-box .btn-list > div:first-of-type {margin-left: 0;}
.modal .box-three .region-box .btn-list.type2 > .button {margin-left: 10px;}

/* .modal .btn-list.type2 > .button {display: inline-block; margin-left:10px; width:125px; vertical-align: top;} */
.modal .btn-list.type2 > .button {display: inline-block; width:125px; vertical-align: top;}
.modal .btn-list.type2 > .btn {width:113px;}
.modal .btn-list.type2 > .button:nth-of-type(1), 
.modal .btn-list.type2 > .button:nth-of-type(5n+1){margin-left:0;}

/* 2023.01.04 지역선택 팝업 수정 */
/* .modal .btn-list.type3 .button{display: inline-block; margin-left:4%;}
.modal .btn-list.type3:not(.btn-list-three) .button {width: 48%;}
.modal .btn-list.type3.btn-list-three .button {width: 30.5%;} */
.modal .btn-list.type3 .button{display: inline-block;}
.modal .btn-list.type3:not(.btn-list-three) .button {width: calc(50% - 6px);}
.modal .btn-list.type3.btn-list-three .button {width: calc(33.3% - 8px);}

.modal .btn-list.type3:not(.btn-list-three) .btn {width: calc(50% - 6px); padding: 0;}
.modal .btn-list.type3.btn-list-three .btn {width: calc(33.3% - 8px);  padding: 0;}

/* 2023.01.04 지역선택 팝업 수정 */
.modal .box-two .region-box.right .btn-list.type3 {white-space: normal;}

.modal .region-box > .one-button {display: block; margin-bottom: 10px;}
.modal .region-box > .one-button .button {width: 125px; text-align: center;}
       	
.modal .region-box .btn.btn-red{ color:#fff; border:1px solid #ff2b2b /* var(--color-red) */; background-color: #ff2b2b /* var(--color-red) */;}
.modal .region-box .btn.btn-orange{ color:#fff; border:1px solid #ff9000 /* var(--color-tertiary80) */; background-color: #ff9000 /* var(--color-tertiary80) */;}
.modal .region-box .btn.btn-green{ color:#fff; border:1px solid #239f0f /* var(--color-secondary90) */; background-color: #239f0f /* var(--color-secondary90) */;}
.modal .region-box .btn.btn-red.on{ background-color:#fff; color: #ff2b2b /* var(--color-red) */;}
.modal .region-box .btn.btn-orange.on{ background-color:#fff; color: #ff9000 /* var(--color-tertiary80) */;}
.modal .region-box .btn.btn-green.on{ background-color:#fff; color: #239f0f /* var(--color-secondary90) */;}
.modal.region-modal2 .region-box .btn.on,
.modal.region-modal2 .region-box .btn:hover{ color:#fff; border:1px solid var(--color-primary80); background-color:var(--color-primary80);}

       	
.modal .box-two .region-box.left{width:260px;}
.modal .box-two .region-box.right{width:440px;/*  overflow: auto; */}
/* .modal .box-two .region-box.right .btn-list{width:680px} */
.modal .box-two .region-box.right .btn-list {white-space: nowrap;}
.modal .box-two .region-box.right .btn-list > div {white-space: normal;}

.modal .modal-body .box-top{margin-bottom:20px; font-size:0;}
.modal .modal-body .box-top:after{content:''; display:block; clear:both;}

.modal .modal-body .box-top .title,
.modal .modal-body .box-top .text{display:inline-block; vertical-align:middle;}
.modal .modal-body .box-top .title{margin-bottom:0; padding:0; font-weight:500; font-size:18px;}
.modal .modal-body .box-top .text{margin-left:7px; font-size:18px;}

.modal .region-wrap.box-one .btn-list .button{margin-left:5%; width: 21.2%;}
.modal .region-wrap.box-one .btn-list .button:nth-child(4n+1), .modal .region-wrap.box-one .btn-list .button:nth-child(1) {
    margin-left: 0;
}

.modal .search-wrap.type3 { margin-bottom: 30px; /*text-align: center;*/}

/* 국가 선택 리스트 */
.modal .country-box .btn-list a[role=button]{width: 18.4%; padding: 0; text-align: center; vertical-align: top;}
.modal .country-box .btn-list a[role=button].long-text{font-size:var(--ft-body2); letter-spacing:-1.5px;}


/* 알림창 */
.modal.alert .modal-body {margin: 0 0 24px 0;}
.modal.alert .modal-body > .text {font-size: var(--ft-body1); word-break: keep-all;}

/* modal table */
.modal .table-wrap {height: 450px;}
.modal .meta-table-wrap.table-wrap,
.modal .meta-table-wrap.table-wrap .table-wrap{height:auto}


/* 탈퇴 팝업 */
.modal .guide-box{padding: 24px; background-image: none; word-break: keep-all; border-radius: 6px;}
.modal .guide-box p{font-size: 1rem;}
.modal-body .qna-list .title {margin-bottom: 0; font-size: 18px;}
.modal-body .qna-list ul {margin-left: 30px; line-height: 200%;}
.modal-body .qna-list input[type=radio] {margin-right: 5px;}
.modal-body .qna-list input[type=text] {margin-left: 10px; box-shadow: none;}
.modal-body .qna-list .title span {display: inline-block; margin-right: 5px; font-size: 18px; font-weight: 500;}

/* #metaDataPopup .modal-body{max-height: none;} */
#metaDataPopup .table-wrap {height: auto !important;}
#metaDataPopup table ol,
#metaDataPopup table ul{margin-bottom: 10px;}

/* .modal-add-card .card-add-group,
.modal-add-card .tab-con2 .box-two{height: auto !important;overflow:hidden;max-height: none;} */

.modal-add-card .tab-con2 .region-box > .title {
    font-size: var(--ft-body1);
}

.modal-add-card .tab-con2 .region-wrap {
    max-height: 274px;
    overflow: auto;
}

/* scroll */
.modal-body,
#metaDataPopup .table-wrap,
/* .modal-body > .region-box.right, */
.dashboard.my-data-lab .table-wrap,
.modal .card-add-group,
#warningModal{overflow:auto;}

.pdf-body,
#metaDataPopup .table-wrap,
.pdf-body > .region-box.right,
.dashboard.my-data-lab .table-wrap,
.modal .card-add-group,
#warningModal{overflow:auto;}



#warningModal::-webkit-scrollbar,
#metaDataPopup .table-wrap::-webkit-scrollbar,
.modal-body > .region-box.right::-webkit-scrollbar,
.modal-body::-webkit-scrollbar,
.dashboard.my-data-lab .table-wrap::-webkit-scrollbar,
.modal .card-add-group::-webkit-scrollbar{width:6px; height:6px; border-radius:1.5rem; background-color: #b5dbea; background-color: rgba(181, 219, 234, 0.5);}
#warningModal::-webkit-scrollbar-thumb,
#metaDataPopup .table-wrap::-webkit-scrollbar-thumb,
.modal-body > .region-box.right::-webkit-scrollbar-thumb,
.modal-body::-webkit-scrollbar-thumb,
.dashboard.my-data-lab .table-wrap::-webkit-scrollbar-thumb,
.modal .card-add-group::-webkit-scrollbar-thumb{border-radius:1.5rem; background-color:var(--color-primary80);}
#warningModal::-webkit-scrollbar-thumb-track,
#metaDataPopup .table-wrap::-webkit-scrollbar-thumb-track,
.modal-body > .region-box.right::-webkit-scrollbar-thumb-track,
.modal-body::-webkit-scrollbar-thumb-track,
.dashboard.my-data-lab .table-wrap::-webkit-scrollbar-thumb-track,
.modal .card-add-group::-webkit-scrollbar-thumb-track{border-radius:1.5rem; background-color: #b5dbea; background-color: rgba(181, 219, 234, 0.5);}

#modalFindTar .searh-result{margin-bottom:10px; height:250px; overflow-y:auto;}
#modalFindTar .searh-result::-webkit-scrollbar{width:6px; height:6px; border-radius:1.5rem; background-color: #b5dbea; background-color: rgba(181, 219, 234, 0.5);}
#modalFindTar .searh-result::-webkit-scrollbar-thumb{border-radius:1.5rem; background-color:var(--color-primary80);}
#modalFindTar .searh-result::-webkit-scrollbar-thumb-track{border-radius:1.5rem; background-color: #b5dbea; background-color: rgba(181, 219, 234, 0.5);}

#cvdSittnInfoTop .col.type-1 .col-con, 
#cvdSittnInfoTop .col.type-1 .col-inner {height: 100%;}
#cvdSittnInfoTop .col.type-1 .table-wrap {overflow: auto;/* height: calc( 100% - 50px);*/ height: 350px;}
#cvdSittnInfoTop .col.type-1 .table-wrap::-webkit-scrollbar{width:6px; height:6px; border-radius:1.5rem; background-color: #b5dbea; background-color: rgba(181, 219, 234, 0.5);}
#cvdSittnInfoTop .col.type-1 .table-wrap::-webkit-scrollbar-thumb{border-radius:1.5rem; background-color:var(--color-primary80);}
#cvdSittnInfoTop .col.type-1 .table-wrap::-webkit-scrollbar-thumb-track{border-radius:1.5rem; background-color: #b5dbea; background-color: rgba(181, 219, 234, 0.5);}

            
/* guide box */
.guide-box {
    padding: 40px 40px 40px 200px;
    background-color: #f8f8f8;
    background-image: url(/images/portal/sub/bg_infobox_new.png);
    background-repeat: no-repeat;
    background-position: 50px center ;
}
.guide-box p {font-size: var(--ft-title4); /* font-weight: 300; */}
.guide-box span,
.guide-box li{font-size: var(--ft-title4);}
.guide-box strong {display: block; margin-bottom: 10px; font-size: 19px; font-weight: 400;}

.txt-box{display:flex; align-items: flex-start; gap: var(--space13); padding: var(--space10) var(--space8); border: 1px solid var(--color-gray10); border-radius: var(--border-radius2);}
.txt-box .title-wrap{ flex-shrink: 0; display: flex; align-items: center; gap: var(--space4); font-size: var(--ft-title2); font-weight: 700;}
.txt-box .title-wrap .title {font-size: 1em; font-weight: inherit;}
.txt-box .check-list{flex-grow:1; display: flex; flex-flow: column; gap: var(--space4);}
.txt-box .check-list li{position: relative; padding-left: calc(1em + var(--space4)); letter-spacing: 0; word-break: keep-all;}
.txt-box .check-list li:before{content:''; position: absolute; left: 0; width: 1.4em; height: 1.4em; background: url('/images/portal/icon/icon_check-list.svg') no-repeat center; background-size: contain;}
.txt-box .check-list li:first-of-type:last-of-type {margin-top: 5px;}
.txt-box .check-list .a-blank{padding: 0; }
.txt-box .check-list .title {font-size: var(--ft-title4);}

.txt-box.info .title-wrap:before{content: ''; display: block; width: 1em; height: 1em; background:url('/images/portal/icon/icon_info.svg') no-repeat center center; background-size: contain;}
.txt-box.info .title:after{content: '!';}

.search-box + .txt-box {margin-top: var(--space7); margin-bottom: var(--space15);}




/* button */
.button{
    display: inline-block;    
    height: 30px;
    line-height: 27px;
    font-size: 16px;
    border:1px solid #fff;
    border-radius: 5px;
    background-color:#fff;
    vertical-align: middle;
    text-align:center;
    box-sizing:border-box;
    transition: all 0.5s;
    cursor:pointer;
}
.button:hover{color:var(--color-primary80);}
.button.on,
.button.btn-shadow.on{color:var(--color-primary80); border:1px solid var(--color-primary80);text-decoration:underline;}
.button.btn-shadow{
    padding: 0 14px 0;
    border: 1px solid #E6E6E6;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}
.btn-shadow:hover {box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);}
.button.btn-shadow:hover{border:1px solid var(--color-primary80);}
.button.btn-border{
    padding: 0 14px 0;
    border: 1px solid #dcdcdc;
}
.button.btn-border.on{color:var(--color-primary80); border:1px solid var(--color-primary80);}
.button.btn-down{
    width:40px;
    background-image: url('/images/portal/button/btn_down.png');
    background-repeat: no-repeat;
    background-position: center center;
}
.button.btn-arrow-blue,
.button.btn-arrow-white{
    padding:0 25px 0 15px;
    background-repeat: no-repeat;
    background-position: 92% center;
}
.button.btn-arrow-blue{
    background-image: url('/images/portal/icon/arrow_right_b.png');
}
.button.btn-arrow-white{
    background-image: url('/images/portal/icon/arrow_right_w.png');
}
.button.btn-arrow-blue:hover,
.button.btn-arrow-white:hover{background-position: 94% center;}


.btn-wrap{font-size:0; display: flex; gap: var(--space4); flex-wrap: wrap;}
.btn-wrap.right{justify-content: flex-end;}
.btn-wrap.center{justify-content: center;}
/* .btn-wrap:after{content: '';display: block; clear: both;} */
.btn-wrap .button{/* margin-left:5px; */ min-width:70px;}
/* .btn-wrap .button:first-child{margin-left:0;} */
.button.bg-gray{color:#fff; border:1px solid #767676 !important; background-color:#767676 !important;}
.button.bg-gray2 {color: #fff; background-color: #918e8e !important;}
.button.bg-blue{color:#fff; border:1px solid var(--color-primary80) !important; background-color: var(--color-primary80) !important;}
.button.bg-red{color:#fff; border:1px solid #ff2626 !important; background-color: #ff2626 !important;}
.button.bg-balck{color:#fff; border:1px solid #000 !important; background-color: #000 !important;}
.button.bg-blue:hover {border-color: #1789b5 !important; background-color: #1789b5 !important; color:#fff !important;}
.button.bg-gray:hover{border-color: #a5a5a5 !important; background-color: #a5a5a5 !important; color:#fff !important;}
.button.bg-gray2:hover {background-color: #767676 !important;}
.button.bg-blue.on{color:#fff;border:1px solid var(--color-primary80);text-decoration:underline;}
.button.bg-yellow{color:#fff; border:1px solid #ef7910 !important; background-color:#ef7910 !important;}

/* 20221214 관광지대시보드수정 */
.button.bg-green{color:#fff; border:1px solid #449d12 !important; background-color: #449d12 !important;}

.btn-h50{height:50px !important;line-height: 22px !important;}
.btn-h40{height:40px !important;line-height: 38px !important;}
.btn-h30{height:30px !important;line-height: 27px !important;}

.table-btn {
    display: inline-block;
    padding: 13px 40px;
    font-size: 18px;
    color:#fff;
    text-align: center;
    border-radius: 5px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    transition: all 0.5s;
} 
.btn-wrap .table-btn{margin-left:10px; min-width:80px;}
.btn-wrap .table-btn:first-child{margin-left:0;}
/* 
.btn-wrap select{
    display: inline-block;    
    height: 40px;
    line-height: 37px;
    font-size: 16px;
    border:1px solid #fff;
    border-radius: 5px;
    background-color:#fff;
    vertical-align: middle;
    box-sizing:border-box;
    transition: all 0.5s;
    border: 1px solid #E6E6E6;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
} */

.btn-write {background-color:var(--color-primary80);}
.btn-write:hover {color:#fff; background-color: #137297;}
.btn-exit {background-color: #7f7f7f;}
.btn-exit:hover {color:#fff; background-color: #575757;}

.add-box .btn-card-add{font-size: 16px;color:#464646;color:rgba(70,70,70,0.7);}
.add-box .btn-card-add:before{content: '';display:inline-block;width:44px;height:44px;background-image: url('/images/portal/button/btn_more.png');}

/* new btn style */
.btn{display: inline-flex; align-items: center; justify-content: center; gap: var(--space2); min-width: 90px; vertical-align: middle; border-radius: 0.5rem; box-sizing: border-box; transition: all 0.3s; cursor:pointer; /* align-self: baseline; */ align-self: center; text-align: center;}
a.btn:empty {display: none !important;}
.btn.on{text-decoration: underline; text-underline-position: under;}
.btn.size-l{padding: 0 1rem; min-height: 3.125rem; font-size: var(--ft-title3);}
.btn.size-l span{font-size: 1em;}
.btn.size-m{padding: 0 1rem; min-height: 2.5rem; font-size: var(--ft-body1);}
.btn.size-m span{font-size: 1em;}
.btn.size-s{padding: 0 1rem; min-height: 2.25rem; font-size: var(--ft-body2);}
.btn.size-s span{font-size: 1em;}
.btn.size-xs{padding: 0 0.75rem; min-height: 1.75rem; font-size: var(--ft-body2);}
.btn.size-xs span{font-size: 1em;}

.table-wrap .btn{padding: 0 0.5rem;}

.btn.btn-primary{color:#fff; border: 1px solid var(--color-primary80); background-color: var(--color-primary80);}
.btn.btn-primary.on,
.btn.btn-primary:hover{border-color: var(--color-primary90); background-color: var(--color-primary90);}
.btn.btn-primary[disabled] {
    background-color: var(--color-gray10);
    color: var(--color-gray80);
    border-color: var(--color-gray30);
}

.btn.btn-outline-primary{color: var(--color-primary80); background-color: #fff; border: 1px solid var(--color-primary80);}
.btn.btn-outline-primary.on,
.btn.btn-outline-primary:hover{background-color: var(--color-primary5);}

.btn.btn-secondary{color:#fff; border: 1px solid var(--color-secondary80); background-color: var(--color-secondary80);}
.btn.btn-secondary.on,
.btn.btn-secondary:hover{border-color: var(--color-secondary90); background-color: var(--color-secondary90);}

.btn.btn-outline-secondary{color: var(--color-secondary80); background-color: #fff; border: 1px solid var(--color-secondary80);}
.btn.btn-outline-secondary.on,
.btn.btn-outline-secondary:hover{background-color: var(--color-secondary5);}

.btn.btn-tertiary{color:#fff; border: 1px solid var(--color-tertiary80); background-color: var(--color-tertiary80);}
.btn.btn-tertiary.on,
.btn.btn-tertiary:hover{border-color: var(--color-tertiary90); background-color: var(--color-tertiary90);}

.btn.btn-outline-tertiary{color: var(--color-tertiary80); background-color: #fff; border: 1px solid var(--color-tertiary80);}
.btn.btn-outline-tertiary.on,
.btn.btn-outline-tertiary:hover{background-color: var(--color-tertiary5);}

.btn.btn-ghost{color: var(--color-gray90); background-color: transparent;}
.btn.btn-ghost.on,
.btn.btn-ghost:hover{background-color: rgba(0,0,0,0.4);}

.btn.btn-gray{color: #fff; background-color: var(--color-gray50); border: 1px solid var(--color-gray50);}
.btn.btn-gray.on,
.btn.btn-gray:hover{background-color: var(--color-gray60); border-color: var(--color-gray60);}

.btn.btn-outline-gray{color: var(--color-gray90); background-color: #fff; border: 1px solid var(--color-gray10);}
.btn.btn-outline-gray.on,
.btn.btn-outline-gray:hover{background-color: var(--color-gray5); border-color: var(--color-gray20);}
.btn.btn-outline-gray.line{text-decoration:  darkgray wavy underline; text-underline-offset: 3px; color: ;}


/* icon button */
.btn.ico-add{padding-left: 1.25rem;}
.btn.ico-add:before{content: ''; width: 1em; height: 1em; background-size: 1em; background-image:url('/images/portal/icon/icon_add.svg'); background-repeat: no-repeat; background-position: center;}
.btn.ico-add.btn-primary:before{background-image: url('/images/portal/icon/icon_add_white.svg') ;}
.btn.ico-add.btn-outline-primary:before{background-image: url('/images/portal/icon/icon_add_blue.svg');}
.btn.ico-right-add{padding-right: 1.25rem;}
.btn.ico-right-add:after{content: ''; width: 1em; height: 1em; background-size: 1em; background-image:url('/images/portal/icon/icon_add.svg'); background-repeat: no-repeat; background-position: center;}
.btn.ico-right-add.btn-primary:after{background-image: url('/images/portal/icon/icon_add_white.svg') ;}
.btn.ico-right-add.btn-outline-primary:after{background-image: url('/images/portal/icon/icon_add_blue.svg');}

.btn.ico-forward{padding-left: 1.25rem;}
.btn.ico-forward:before{content: ''; width: 1em; height: 1em; background-size: 1em; background-image:url('/images/portal/icon/icon_forward.svg'); background-repeat: no-repeat; background-position: center;}
.btn.ico-forward.btn-primary:before{background-image: url('/images/portal/icon/icon_forward_white.svg') ;}
.btn.ico-forward.btn-outline-primary:before{background-image: url('/images/portal/icon/icon_forward_blue.svg');}
.btn.ico-right-forward{padding-right: 1.25rem;}
.btn.ico-right-forward:after{content: ''; width: 1em; height: 1em; background-size: 1em; background-image:url('/images/portal/icon/icon_forward.svg'); background-repeat: no-repeat; background-position: center;}
.btn.ico-right-forward.btn-primary:after{background-image: url('/images/portal/icon/icon_forward_white.svg') ;}
.btn.ico-right-forward.btn-outline-primary:after{background-image: url('/images/portal/icon/icon_forward_blue.svg');}

.btn.ico-arrowforward{padding-left: 1.25rem;}
.btn.ico-arrowforward:before{content: ''; width: 1em; height: 1em; background-size: 1em; background-image:url('/images/portal/icon/icon_arrow_forward.svg'); background-repeat: no-repeat; background-position: center;}
.btn.ico-arrowforward.btn-primary:before{background-image: url('/images/portal/icon/icon_arrow_forward_white.svg') ;}
.btn.ico-arrowforward.btn-outline-primary:before{background-image: url('/images/portal/icon/icon_arrow_forward_blue.svg');}
.btn.ico-right-arrowforward{padding-right: 1.25rem;}
.btn.ico-right-arrowforward:after{content: ''; width: 1em; height: 1em; background-size: 1em; background-image:url('/images/portal/icon/icon_arrow_forward.svg'); background-repeat: no-repeat; background-position: center;}
.btn.ico-right-arrowforward.btn-primary:after{background-image: url('/images/portal/icon/icon_arrow_forward_white.svg') ;}
.btn.ico-right-arrowforward.btn-outline-primary:after{background-image: url('/images/portal/icon/icon_arrow_forward_blue.svg');}

.btn.ico-modal{padding-left: 1.25rem;}
.btn.ico-modal:before{content: ''; width: 1em; height: 1em; background-size: 1em; background-image:url('/images/portal/icon/icon-modal.svg'); background-repeat: no-repeat; background-position: center;}
.btn.ico-right-modal{padding-right: 1.25rem;}
.btn.ico-right-modal:after{content: ''; width: 1em; height: 1em; background-size: 1em; background-image:url('/images/portal/icon-modal.svg'); background-repeat: no-repeat; background-position: center;}

.btn.btn-select,
.btn.btn-select-on{ padding: 0 1rem; background-image:url('/images/portal/icon/icon_chek_blue.svg'); background-repeat: no-repeat; background-position: left 13px center; background-size:0;}
.btn.btn-select,
.btn.btn-select-on.on{ padding-left: 1.8rem;  border-color: var(--color-primary80); background-color: var(--color-primary5); text-decoration: none; background-size: 0.8em;}    

.btn-clear { display: inline-block; width: 2.5rem; height: 2.5rem; margin: 0 4px; font-size: 0 !important; vertical-align: middle; border: 1px solid var(--color-gray10); border-radius: 6px; box-sizing: border-box; background: url('/images/portal/icon/icon_clear.png') transparent no-repeat center center;}
.btn-clear:hover {border-color: var(--color-gray20); background-color: var(--color-gray5);}


.contents-top {margin: var(--space10) 0; display: flex; justify-content: space-between; align-items: center;}
.contents-top .btn-options {margin: 0; /* justify-self: flex-end; */ flex-grow: 1;}

.contents-top .search-filter {display: flex;align-items: center; max-width: 65%;}
.contents-top .search-filter .title {font-weight: 700;font-size: var(--ft-title4); flex-shrink: 0;}
.contents-top .search-filter > .region-wrap {display: inline-block;margin-left: 16px;vertical-align: middle; flex-grow: 1;}
.contents-top .search-filter > .region-wrap .region-list {display: flex;flex-wrap: wrap;gap: 8px;}

.contents-top .tab>li a,.contents-top .tab>li button, .contents-top .tab>li [type="submit"] {height: 2.5rem;}

.btn-options {justify-content: flex-end; margin-bottom: 30px;}

.tab-wrap + .btn-options {margin-top: 30px;}


/* select */
select.size-l{padding: 0 1rem; min-height: 3.125rem; font-size: var(--ft-title3);}
select.size-m{padding: 0 1rem; min-height: 2.5rem; font-size: var(--ft-body1);}
select.size-s{padding: 0 1rem; min-height: 2.25rem; font-size: var(--ft-body2);}
select.size-xs{padding: 0 0.75rem; min-height: 1.75rem; font-size: var(--ft-body2);}
.select-type1{
    display: inline-block;
    height: 2.5rem;
    line-height: 1.5;
    font-size: var(--ft-body1);
	box-sizing:border-box;
	background-color:#fff;
}
.select-type2{
    display: inline-block;
    height: 2.25rem;
    line-height: 1.3;
    font-size: var(--ft-body2);
}
.select-type1[disabled],
.select-type2[disabled] {
    background-color: var(--color-gray10);
    color: var(--color-gray80);
    border-color: var(--color-gray30);
}

/* input */
/* .input-wrap input {margin-right: 5px;} */
.input-wrap li {display: inline-block; margin-left: 10px; vertical-align: top;}
.input-wrap li:first-child {margin-left: 0;}

.input-wrap.date input{background: url('/images/portal/icon/icon_down.svg') no-repeat right 10px center;}

.input-type1{
    display: inline-block;
    height: 2.25rem;
    line-height: 1.3;
    font-size: var(--ft-body2);
}
.input-type1.align-right{padding-right:10px; letter-spacing:0px;}
input[type="text"].size-l,
input[type="password"].size-l{padding: 0 1rem; min-height: 3.125rem; font-size: var(--ft-title3);}
input[type="text"].size-m,
input[type="password"].size-m{padding: 0 1rem; min-height: 2.5rem; font-size: var(--ft-body1);}
input[type="text"].size-s,
input[type="password"].size-s{padding: 0 1rem; min-height: 2.25rem; font-size: var(--ft-body2);}
input[type="text"].size-xs,
input[type="password"].size-xs{padding: 0 0.75rem; min-height: 1.75rem; font-size: var(--ft-body2);}

/* 탭 */
.tabs a:focus-visible {position: relative;outline: 0;}
.tabs a:focus-visible:after {content:'';position:absolute;top: 0;left: 0;right: 0px;bottom:0;width:100%;height:100%;border:2px dashed #222;z-index:1;box-sizing: border-box;}

.tab-wrap{position: relative;}
/* .tab-wrap .tabs{font-size:0;border-bottom: 3px solid var(--color-primary80); } */
.tab-wrap .tabs {position: relative; padding-bottom: 3px; white-space: nowrap; overflow-x: auto;}
.tab-wrap .tabs::-webkit-scrollbar{width:3px; height:3px; border-radius:1.5rem; background-color:#ebebeb;}
.tab-wrap .tabs::-webkit-scrollbar-thumb{border-radius:1.5rem; background-color:#999;}
.tab-wrap .tabs::-webkit-scrollbar-thumb-track{border-radius:1.5rem; background-color:#ebebeb;}
.tab-wrap .tabs:before {content: '';position: absolute;width: 100%;height: 3px;background-color: var(--color-primary80); bottom: 0;}
.tab-wrap .tabs li{display:inline-block; margin-left:5px; text-align: center; border-radius: 5px 5px 0 0; overflow: hidden;}
.tab-wrap .tabs li:first-child{margin-left:0;}
.tab-wrap .tabs li a{display: block; padding:0 14px; min-width:40px; height:37px; line-height: 40px; font-size: 1rem; box-sizing: border-box; background-color: #f8f8f8; background-repeat: no-repeat; background-position: center calc(50% + 2px); transition: all 0.3s;}
.tab-wrap .tabs li a:hover{background-color: var(--color-blue);}
.tab-wrap .tabs li.on a{color:#fff; background-color: var(--color-primary80); }
/* .tab-wrap .tabs li.on a:hover{background-color: var(--color-blue);} */
.tab-wrap .tabs li.home a{font-size: 0; background-image: url('/images/portal/icon/icon_home_fill.svg');}
.tab-wrap .tabs li.home.on a{background-image: url('/images/portal/icon/icon_home_fill_white.svg');}
.tab-wrap .tabs .tab-add a {font-size: 23px; font-weight: 300;}
.tab-wrap .tabs.tabs-pr {padding-right: 200px;}
.tab-wrap .tabs.tabs-pr ul {overflow-x: auto;}
.tab-wrap .tabs.tabs-pr ul::-webkit-scrollbar{width:3px; height:3px; border-radius:1.5rem; background-color:#ebebeb;}
.tab-wrap .tabs.tabs-pr ul::-webkit-scrollbar-thumb{border-radius:1.5rem; background-color:#999;}
.tab-wrap .tabs.tabs-pr ul::-webkit-scrollbar-thumb-track{border-radius:1.5rem; background-color:#ebebeb;}

.tab-wrap .tabs2>ul {
    overflow: hidden;
}
.tab-wrap .tabs2>ul>li {
    width: 33.3%;
    display: block;
    float: left;
    text-align: center;
    box-sizing: border-box;
    /* border-bottom: 1px solid #cac9c9; */
    transition: all 0.5s;
}
.tab-wrap .tabs2>ul>li a {
    display: block;
    padding: 15px;
    color: #747474;
    font-weight: 500;
    font-size: 18px;
    transition: all 0.5s;
}
.tab-wrap .tabs2>ul>li:hover a{color:var(--color-primary80);text-decoration: underline;}
.tab-wrap .tabs2>ul>li.on {border-bottom: 4px solid var(--color-primary80);}
.tab-wrap .tabs2>ul>li.on a {color: var(--color-primary80);}

.tab-wrap .btn-wrap{position: absolute; top:-1px; right:0;}
.tab-wrap .btn-wrap .button,
.tab-panel .btn-wrap .button {/* min-width:auto; height: 40px; line-height: 38px; */text-align: center;}

.toggle-tab{}
.toggle-tab ul{display: flex;}

.tab-panel{display: none;}
.tab-panel > .top{padding:30px 0;}
.tab-panel > .top:after{content: '';display: block;clear: both;}
.tab-panel > .top .title {font-size: 18px; font-weight: 500; vertical-align: middle;}

/* .tab-panel .top .btn-wrap{float: right;margin-top:-12px;} */
/* 
.tab-panel .chart-wrap.mCustomScrollbar {margin: 35px 10px 10px 10px; padding: 20px 10px;box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);}
.tab-panel .chart-wrap.mCustomScrollbar .chart-box {width: calc(100% - 20px);}
.tab-panel .chart-wrap.mCustomScrollbar .chart-box {box-shadow: none;} 
*/


.contents > .inner > .tab-wrap{margin-top:60px;}

.tab-box {text-align: center;}
.tab,
.tabm {
    display: inline-block;
    border: 1px solid var(--color-gray10);
    text-align: center;
    /* overflow: hidden; */
    border-radius: var(--border-radius4);
}
.tab>li,
.tabm>li {
    float: left;
    background: #fff;
    cursor: pointer;
    /* padding: 5px 15px; */
    border-right:1px solid var(--color-gray10);
}
.tab>li:first-of-type,
.tabm>li:first-of-type {border-radius: 8px 0 0 8px;}
.tab>li:last-of-type,
.tabm>li:last-of-type {border: none; border-radius: 0 8px 8px 0;}
.tab>li:last-of-type.on,
.tabm>li:last-of-type.on {border-radius: 0 8px 8px 0;}
.tab>li:first-of-type:last-of-type,
.tabm>li:first-of-type:last-of-type,
.tab>li:first-of-type:last-of-type.on,
.tabm>li:first-of-type:last-of-type.on {border-radius: 8px;}
.tab>li a,
.tab>li buton,
.tab>li input[type="submit"],
.tabm>li a{display: block;padding: 4px 12px; background-color: transparent; border: 0 none; cursor: pointer;}
.tab>li a:focus,
.tab>li buton:focus,
.tab>li input[type="submit"]:focus,
.tabm>li a:focus{outline-offset:-2px;}
.tab>li.on,
.tabm>li.on {color: white; background-color: var(--color-primary80);}
.tab>li.on a, .tab2>li.on a,
.tab>li.on buton,
.tab>li.on input[type="submit"],
.tabm>li.on a{color: white;}

/* pdf tabs*/

.tab-wrap .pdf-tabs {position: relative; padding-bottom: 3px; white-space: nowrap; overflow-x: auto;}
.tab-wrap .pdf-tabs::-webkit-scrollbar{width:3px; height:3px; border-radius:1.5rem; background-color:#ebebeb;}
.tab-wrap .pdf-tabs::-webkit-scrollbar-thumb{border-radius:1.5rem; background-color:#999;}
.tab-wrap .pdf-tabs::-webkit-scrollbar-thumb-track{border-radius:1.5rem; background-color:#ebebeb;}
.tab-wrap .pdf-tabs:before {content: '';position: absolute;width: 100%;height: 3px;background-color: #007bab;bottom: 0;}
.tab-wrap .pdf-tabs li{display:inline-block; margin-left:5px; text-align: center; border-radius: 5px 5px 0 0; overflow: hidden;}
.tab-wrap .pdf-tabs li:first-child{margin-left:0;}
.tab-wrap .pdf-tabs li a{display: block; padding:0 14px; min-width:40px; height:37px; line-height: 40px; font-size: 16px; box-sizing: border-box; background-color: #e6e6e6; background-repeat: no-repeat; background-position: center center; transition: all 0.3s;}
.tab-wrap .pdf-tabs li a:hover{background-color: #cac9c9;}
.tab-wrap .pdf-tabs li.on a{color:#fff; background-color: #007bab; }
.tab-wrap .pdf-tabs li.on a:hover{background-color: #00587a;}
.tab-wrap .pdf-tabs li.home a{font-size: 0; background-image: url('/images/portal/icon/icon_home.png');}
.tab-wrap .pdf-tabs li.home.on a{background-image: url('/images/portal/icon/icon_home_w.png');}
.tab-wrap .pdf-tabs .tab-add a {font-size: 23px; font-weight: 300;}
.tab-wrap .pdf-tabs.tabs-pr {padding-right: 200px;}
.tab-wrap .pdf-tabs.tabs-pr ul {overflow-x: auto;}
.tab-wrap .pdf-tabs.tabs-pr ul::-webkit-scrollbar{width:3px; height:3px; border-radius:1.5rem; background-color:#ebebeb;}
.tab-wrap .pdf-tabs.tabs-pr ul::-webkit-scrollbar-thumb{border-radius:1.5rem; background-color:#999;}
.tab-wrap .pdf-tabs.tabs-pr ul::-webkit-scrollbar-thumb-track{border-radius:1.5rem; background-color:#ebebeb;}

/* 대시보드 */
.dashboard .row{/* margin-top:32px; */ display: flex; gap: 0 var(--space11); flex-wrap: wrap;}
.dashboard .row:empty {margin: 0;}
/* .dashboard .row{margin-top:32px;} */
/* .dashboard .row:after{content:'';display:block;clear:both;} */
.dashboard .row:first-child{margin-top:0;}

/* 비교 설정시 추가 */
.dashboard > .default-board{}
.dashboard > .compare-board{}

/**** 
    col type-1(카드 독립유형), col type-2(카드 2 * 1 유형), col type-3(카드 1 * 1 * 1 유형) , col type-4
****/
.dashboard .col{
    /* float: left; */
    /* margin-left:36px; */
    /* padding:20px 25px; */
    /* padding:25px 20px; */
    margin-bottom: var(--space12);
    padding: var(--space11);
    min-height: 340px;
    box-sizing: border-box;
    border:1px solid var(--color-gray10);
    border-radius: var(--border-radius6);
    /* overflow: hidden; */
}
.dashboard .col:first-of-type{margin-left:0 !important;}
.dashboard .col.type-1{width:1240px;}

/* .dashboard .col.type-2{width:612px;} */
.dashboard .col.type-2{width:602px;}
.dashboard .col.type-2 .chart{/* width:100%; */ /* height:100%; */}

/* .dashboard .col.type-3{width:396px;} */
/* .dashboard .col.type-4{width:825px;} */
.dashboard .col.type-3{width:386px;}
.dashboard .col.type-4{width:815px;}

/* .dashboard .col.type-5{width:594px;} */
.dashboard .col.type-5{width:584px;}
/* .dashboard .col.type-5 .top .title {width:auto;}
.dashboard .col.type-5 .top .title.ellipsis {max-width: 240px; vertical-align:middle;} */
.dashboard .col.type-5.row-span-2{padding:0; border:0 none;}
.dashboard .col.type-5.row-span-2 .col{width:100%;}
.dashboard .col.type-5.row-span-2 .col:last-of-type{margin-top:25px; margin-left:0;}

.dashboard .col.type-5 .top .title.ellipsis,
.dashboard .col.type-6 .top .title.ellipsis{max-width:240px;}
.dashboard .col.type-5 .top .title span.ellipsis,
.dashboard .col.type-6 .top .title span.ellipsis{max-width:150px; display:inline-block; vertical-align:bottom;}

.dashboard .col.type-5.row-span-2 .table-wrap {height: 240px !important; max-height: none;}

.dashboard .col.type-6{width:627px;}

.dashboard .col.row-span-2 {height: 705px;}
.dashboard .col.row-span-2 .table-wrap {height: auto !important; max-height: 610px;}

.country-content .dashboard .col.row-span-2 ~ .col .table-wrap {height: 250px !important;}

/* .dashboard .col .top{margin-bottom:20px;overflow: hidden; position: relative;}
.dashboard .col .top:after{content:'';clear:both;display:block;}
.dashboard .col .top .title {display: inline-block; width: 230px; font-size: 18px;  font-weight: 500; } */

.dashboard .col.bg-gray{background-color: var(--color-gray5);}

.dashboard .col .top{position: relative; /* margin-bottom:10px */margin-bottom: var(--space7); display:flex; flex-direction: column; gap: var(--space7);}
.dashboard .col .top.top-column .top-etc {flex-direction: column;}
.dashboard .col .top.top-column .top-etc .btn-wrap {align-self: flex-end !important;}
.dashboard .col .top .title-wrap .explain-txt {margin-bottom: 0;}
.dashboard .col .top .title-wrap.title-column {flex-direction: column;}
.dashboard .col .top .title-wrap {display: flex;}
.dashboard .col .top .title-wrap .title-long  {display: flex; justify-content: space-between; align-items: center;}
.dashboard .col .top .title {flex-grow: 1; font-size: var(--ft-title2);  font-weight: 700; word-break: keep-all; }
.dashboard .col .top .title.mid-title {font-size: var(--ft-body1);}
.dashboard .col .top .title span{font-size: 1em; /* font-weight:500; */}
.dashboard .col .top .title.ellipsis{display:inline-block; vertical-align:bottom;}
.dashboard .col .top .title .a-go {float: right; font-weight: normal;}
.dashboard .col .top .top-etc{display:flex; gap: 15px;}
.dashboard .col .top .top-etc .text-box{/* flex-shrink:0; */ /* flex: 1; */ word-break: keep-all;}
.dashboard .col .top .top-etc .text-box p{color: var(--ft-gray); font-size: var(--ft-body2);}
.dashboard .col .top .top-etc .btn-wrap {flex-grow: 1;/*  flex: 1; */ display: flex; justify-content: flex-end; gap: 5px; flex-wrap: wrap; }
.dashboard .col .top .tab{align-self: flex-start;/*align-self: center;*/ /*margin-bottom: -20px;*/}
.dashboard .col.type-2 .top .top-etc,
.dashboard .col.type-3 .top .top-etc,
.dashboard .col.type-4 .top .top-etc,
.dashboard .col.type-5 .top .top-etc{flex-direction: column;} /* column-reverse */
.dashboard .col.type-1 > .top .top-etc .btn-wrap{align-self: baseline;}

.dashboard .col.col-spread .top .title {padding: 0 5px;/* color: var(--color-primary80); */font-size: var(--ft-title3); line-height: 40px;border-bottom: 2px solid var(--color-primary80);}
.dashboard .col .top > .input-wrap {float: right; margin-left: 20px; padding-right: 19px; vertical-align: top; font-size: 0; }
.dashboard .col .top > .input-wrap  .title + ul,
.dashboard .col .top .top-bottom .input-wrap .title + ul {display: inline-block; margin-left: 12px; vertical-align: top;}
.dashboard .col .top .country-name {font-weight: 400;}
.dashboard .col .top .top-link{float:right; margin-top:2px; margin-right:40px;}
.dashboard .col .top + .search-wrap{margin-top:-10px; margin-bottom: 20px;}
.dashboard .col .top + .search-wrap .title{margin-right:5px; font-size:14px; font-weight: 500;}
/* 
.dashboard .col .top .categori-red,
.dashboard .col .top .categori-orange,
.dashboard .col .top .categori-green,
.region-categori .categori-red,
.region-categori .categori-orange,
.region-categori .categori-green{display: inline-block; margin: 0 10px; padding:3px 10px; color:#fff; border-radius: 6px;}
.dashboard .col .top .categori-red,
.region-categori .categori-red{background-color:#ff2626;}
.dashboard .col .top .categori-orange,
.region-categori .categori-orange{background-color:#ff9000;}
.dashboard .col .top .categori-green,
.region-categori .categori-green{background-color:#239f0f;}
 */
.dashboard .col.type-2 .top .country-name .title {margin-right: 5px;}
.dashboard .col.type-2 .top .title {width:auto;}
.dashboard .col.type-2 .top .title.ellipsis{max-width:240px; vertical-align:middle;}

.dashboard .chart + .in-chart .chartPngDn {margin-top: 24px;}
.dashboard .chartPngDn .top .title {font-size: var(--ft-title4);}

/* 연광관광지 버튼 추가 - 0920 */
.dashboard .col .top .top-btnlist {position:relative; display: inline-block;/*  margin: 0 12px; */ width: 150px; border: 1px solid var(--color-gray10); vertical-align: middle; /*overflow: hidden;*/}
.dashboard .col .top .top-btnlist img {display:block; margin: 0 auto; width: 20px; height: 20px;}
.dashboard .col .top .top-btnlist > a {float: left; padding: 4px; width: 25%; text-align: center; border-right: 1px solid var(--color-gray10); box-sizing: border-box;}
.dashboard .col .top .top-btnlist > a:last-of-type{border-right: 0 none;}
.dashboard .col .top .top-btnlist > a,
.dashboard .col .top .top-btnlist > a span {font-size: var(--ft-body2); font-weight: 700;}
.dashboard .col .top .top-btnlist > a {height:30px; line-height:1.8;}
.dashboard .col .top .top-btnlist > a.on {background-color: var(--color-primary5);}

.dashboard .col .bottom-link{margin-top:10px; text-align: right;}
/* .dashboard .col .bottom-link a{display: inline-block;} */

.dashboard.visit-dashboard .col .col-con{overflow-x: auto;}
.dashboard.visit-dashboard .col.type-2.col-small{width: 565px;}
.dashboard.visit-dashboard .col.type-2.col-big{width: 639px;}
.dashboard.visit-dashboard .col.type-3.col-small{width:300px;}
.dashboard.visit-dashboard .col.type-3.col-mid{width:350px;}
.dashboard.visit-dashboard .col.type-3.col-big{width:515px;}


.dashboard .loading{position:relative;}
/* .dashboard .col .loading:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0; 
	background:url(../../images/portal/common/img_loading1.png) no-repeat center rgba(0,0,0,0.5); 
	z-index:5;
} */
.dashboard .loading:before{
	content:'';
	position:absolute;
	width: 47px;
	height: 47px;
	top: 50%;
	left:50%;
	background:url(../../images/portal/sub/whale_img_new.png) no-repeat center;
	background-size: contain;
	transform: translate(-50%, -50%);
	z-index:5;
}
.dashboard .loading:after{
	content:'';
	position:absolute;
	top: 50%;
	left:50%;
	width:70px;
	height:70px;
	margin:-37px 0 0 -41px;
	border-radius:100%;
	border:5px solid #c3c3c3;
	border-top-color:var(--color-primary80);
	border-right-color:var(--color-primary80);
	animation:spin 1s infinite;
	transform: translate(-50%, -50%);
	z-index:10;
}
@keyframes spin{
	0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
	100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
}

/* .dashboard .info-btn {display: none;display:inline; margin-left: 5px;} */
.dashboard .info-wrap,
.chart-wrap .info-wrap,
.modal .info-wrap,
.search-wrap .info-wrap,
.search-box .info-wrap{position:relative; display:inline-block;}
.dashboard .info-btn,
.chart-wrap .info-btn,
.modal .info-btn,
.search-wrap .info-btn,
.search-box .info-btn {width: 20px;height: 20px;display: inline-block;border-radius: 100%;margin-left: 5px;vertical-align: middle;font-size:0; background: url('/images/portal/button/btn_i_white.svg') var(--color-gray60) no-repeat center center;}
.dashboard .info-btn>img,
.chart-wrap .info-btn>img,
.modal .info-btn>img,
.search-wrap .info-btn>img,
.search-box .info-btn>img {vertical-align: middle;}
.dashboard .info-box,
.chart-wrap .info-box,
.modal .info-box,
.search-wrap .info-wrap .info-box,
.search-box .info-wrap .info-box {
    display: none;
    position: absolute; 
    top:30px;
    left:0;
    padding: 25px 30px;
    box-sizing: border-box;
    z-index: 2;
    word-break: keep-all;
    text-align: left;
    border-radius: 5px;
    border: 1px solid var(--color-gray10);
    font-weight: 400;
    background: rgba(255, 255, 255, 1);
}
.dashboard .info-box,
.modal .info-box,
.search-wrap .info-wrap .info-box{
	width: 400px;
}
.chart-wrap .info-box {
    width: 500px;
} 
.hover {display: block !important;}

/* tooltip */
.dashboard .info-wrap [role=tooltip],
.chart-wrap .info-wrap [role=tooltip],
.modal .info-wrap [role=tooltip],
.search-wrap .info-wrap [role=tooltip]
.search-box .info-wrap [role=tooltip]{
	display:none;
}
.dashboard .info-wrap [aria-describedby]:hover + [role=tooltip],
.dashboard .info-wrap [aria-describedby]:focus + [role=tooltip],
.chart-wrap .info-wrap [aria-describedby]:hover + [role=tooltip],
.chart-wrap .info-wrap [aria-describedby]:focus + [role=tooltip],
.modal .info-wrap [aria-describedby]:hover + [role=tooltip],
.modal .info-wrap [aria-describedby]:focus + [role=tooltip],
.search-wrap .info-wrap [aria-describedby]:hover + [role=tooltip],
.search-wrap .info-wrap [aria-describedby]:focus + [role=tooltip],
.search-box .info-wrap [aria-describedby]:hover + [role=tooltip],
.search-box .info-wrap [aria-describedby]:focus + [role=tooltip]{
	display:block;
}

/* 2024 08 09 수정용 툴팁 추가 */
.dashboard .info-edit-btn,
.chart-wrap .info-edit-btn,
.modal .info-edit-btn,
.search-wrap .info-edit-btn,
.search-box .info-edit-btn {
    display: inline-block;
    width: 23px;
    height: 23px;
    border-radius: 100%;
    margin-left: 5px;
    vertical-align: middle;
    font-size: 1px;
    color: transparent;
    background: url('/images/portal/button/btn_edit.png') #ff2626 no-repeat center left 6px;
    background-size: 12px;
}
.dashboard .info-wrap.edit .btn-wrap,
.chart-wrap .info-wrap.edit .btn-wrap,
.modal .info-wrap.edit .btn-wrap,
.search-wrap .info-wrap.edit .btn-wrap,
.search-box .info-wrap.edit .btn-wrap{
    margin-top:5px;
    text-align: right;
}
.dashboard .info-wrap.edit .btn-wrap button,
.chart-wrap .info-wrap.edit .btn-wrap button,
.modal .info-wrap.edit .btn-wrap button,
.search-wrap .info-wrap.edit .btn-wrap button,
.search-box .info-wrap.edit .btn-wrap button{
    width:25px;
    height: 25px;
    font-size: 1px;
    color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 10px;
    margin: 0 2.5px;
    border-radius: 100%;
}
.dashboard .info-wrap.edit .check-btn,
.chart-wrap .info-wrap.edit .check-btn,
.modal .info-wrap.edit .check-btn,
.search-wrap .info-wrap.edit .check-btn,
.search-box .info-wrap.edit .check-btn{
    background-image: url('/images/portal/button/btn_check.png');
    background-color: var(--color-primary80);
}
.dashboard .info-wrap.edit .cancle-btn,
.chart-wrap .info-wrap.edit .cancle-btn,
.modal .info-wrap.edit .cancle-btn,
.search-wrap .info-wrap.edit .cancle-btn,
.search-box .info-wrap.edit .cancle-btn{
    background-image: url('/images/portal/button/btn_clsoe_w.png');
    background-color: #767676;
}

/* .info-box {
display: none;
    position: absolute; 
    top:30px;
    left:0;
    padding: 25px 30px;
    box-sizing: border-box;
    z-index: 2;
    word-break: keep-all;
    text-align: left;
    border-radius: 5px;
    border: 1px solid var(--color-primary80);
    font-weight: 400;
    background: rgba(255, 255, 255, 1);
} */
/* .dashboard .col .title{font-size: 17px;font-weight: 400;} */

/* .dashboard .col .chart > div{width: 100%;height:100%;} */

/* .dashboard .col .menu-more-wrap{float:right;} */
.dashboard .add-box{background-color: #f1f1f1;}
.dashboard .add-box:hover {background-color: #e6e3e3;}
.dashboard .add-box .btn-card-add {display: block; margin-top: 25px; padding: 40px 0; text-align: center;}
.dashboard .add-box .btn-card-add span{display: block;color:#464646;color:rgba(70,70,70,0.7);}
.dashboard.my-data-lab .add-box .btn-card-add{margin-top:0;}

.dashboard .table-wrap.scroll{height:215px;}

.dashboard .total-two {display: table; width: 100%;}
.dashboard .total-two > div {display: table-cell; vertical-align: middle; box-sizing: border-box;}
.dashboard .total-two.vertical-top > div{vertical-align: top;}
.dashboard .total-two .left-total {padding-right: 5%; width: 50%;}
.dashboard .total-two .right-total {padding-left: 5%; width: 50%;}
.dashboard .total-two .right-total.border-left{border-left: 1px solid #cbc3c3;}

.dashboard .big-total .title,
.dashboard .chart-search .big-total .title {display:block; margin-bottom: 10px; font-weight:500; font-size: 16px;}
.dashboard .big-total li{line-height: 230%;}
.dashboard .big-total .number {font-size: 30px; font-weight: 500; line-height: 35px;}
.dashboard .big-total .number span {font-size: 20px;}
.dashboard .big-total .number .text{margin-left:5px ; font-size: 20px;}
.dashboard .big-total .text {display: inline-block; font-size: 20px;font-weight: 400;}

.dashboard .big-total1 .title,
.dashboard .chart-search .big-total1 .title {display:block; margin-bottom: 10px; font-weight:500; font-size: 16px;}
.dashboard .big-total1 li{line-height: 230%;}
.dashboard .big-total1 .number {font-size: 25px; font-weight: 500; line-height: 35px; margin: 0px 10px;}
.dashboard .big-total1 .number span {font-size: 20px;}
.dashboard .big-total1 .number .text{margin-left:5px ; font-size: 20px;}
.dashboard .big-total1 .number_span { 
	text-align: right;
    width: 100%;
    display: block;
}
.dashboard .big-total1 .text {display: inline-block; font-size: 20px;font-weight: 400;}

.dashboard .middle-total .number {
    display: inline-block;
    width: 70%;
    font-size: 19px;
    vertical-align: middle;
    font-weight: 500;
    text-align: right;
}
.dashboard .middle-total .title,
.dashboard .chart-search .middle-total .title {display: inline-block; width: 28%; font-weight:500; font-size: 16px; vertical-align: middle;}
.dashboard .middle-total .text {font-size: 16px; font-weight: 400;}
.dashboard .middle-total .total {margin-bottom: 5px; width: 100%;}

.analysis-wrap{padding:0 30px; word-break:keep-all;}
.analysis-wrap .ul-tit {
	margin-top: 50px;
    color: var(--color-primary80);
    font-weight: 500;
    font-size: 19px;
    letter-spacing: 0px;
    line-height: 1.6;
}
.analysis-wrap .ul-list2 {
    margin-top: 10px;
    margin-left: 20px;
    letter-spacing: 0px;
    line-height: 1.6;
}
.analysis-wrap .ul-list2 li {
	font-weight: 300;
	letter-spacing: 0px;
	line-height: 1.6;
}
.analysis-wrap .ul-list2 > li {
    margin-bottom: 30px;
    letter-spacing: 0px;
    line-height: 1.6;
}
.analysis-wrap .ul-list2 .tit1 {
    font-weight: 500;
    font-size: 17px;
    letter-spacing: 0px;
    line-height: 1.6;
}
.analysis-wrap .ul-list2 .bullet-list{
    margin-left: 20px;
    margin-top: 10px;
    letter-spacing: 0px;
    line-height: 1.6;
}
.analysis-wrap .bullet-list>li {
    list-style-type: '·';
    padding-left: 10px;
    margin-bottom: 10px;
    font-weight: 300;
    letter-spacing: 0px;
    line-height: 1.6;
}
.analysis-wrap .bullet-list>li.notice {
    list-style-type: '※';
    margin-top: 30px;
    letter-spacing: 0px;
    line-height: 1.6;
}
.analysis-wrap .bullet-list>li.notice2 {
    list-style-type: '※';
    /*margin-top: 30px;*/
    letter-spacing: 0px;
    line-height: 1.6;
}

.analysis-wrap .bullet-list>li.hyphen {
    list-style-type: '-';
    letter-spacing: 0px;
    line-height: 1.6;
}
.analysis-wrap .bullet-list>li.circle, .circle-list>li {
    list-style-type: circle;
    margin-left: 30px;
    padding-left: 0;
    letter-spacing: 0px;
    line-height: 1.6;
}
.analysis-wrap .decimal-list>li {
    list-style-type: decimal;
    letter-spacing: 0px;
    line-height: 1.6;
}
.analysis-wrap .ul-list2 .decimal-list {
    margin-left: 15px;
    font-size: 15px;
    letter-spacing: 0px;
    line-height: 1.6;
}
.analysis-wrap .ul-list2 .notice-list>li {
    list-style-type: '※';
    padding-left: 5px;
    margin-left: 10px;
    letter-spacing: 0px;
    line-height: 1.6;
}
.analysis-wrap .ul-list2 .hyphen-list {
    margin-left: 15px;
    font-size: 15px;
    letter-spacing: 0px;
    line-height: 1.6;
}
.analysis-wrap .ul-list2 .hyphen-list>li {
    list-style-type: '-';
    padding-left: 10px;
    margin-bottom: 5px;
    letter-spacing: 0px;
    line-height: 1.6;
}
.analysis-wrap .ul-list2 .star {
    list-style-type: '*' !important;
    font-size: 14px;
    margin-top: 5px;
    letter-spacing: 0px;         
    line-height: 1.6;
}
.analysis-wrap .bullet-list>li.disclosure-closed {list-style-type: '▶';}
.analysis-wrap .bullet-list>li.disclosure-closed::marker {font-size: 0.8rem;}
.analysis-wrap .bullet-list>li.disclosure-closed-s {list-style-type: '▶';}
.analysis-wrap .bullet-list>li.disclosure-closed-s::marker {font-size: 0.5625rem;}
.analysis-wrap .notice-box{padding: var(--space9); margin: var(--space8); background-color: var(--color-gray5); border-radius: var(--border-radius5); box-sizing: border-box;}
.analysis-wrap .notice-box .decimal-list {margin: 0 var(--space8);}

/* 대시보드 - 마이데이터랩 */
/* .dashboard.my-data-lab:not(.home) .row{
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	justify-content:flex-start;
	margin-left:-36px;
} */
.dashboard.my-data-lab:not(.home) .row{
	margin-left:-36px;
}
.dashboard.my-data-lab .col-wrap {
    float: left;
}
.dashboard.my-data-lab .col-wrap .col {
    margin: 0 !important;
}
.dashboard.my-data-lab .col-wrap{margin-left:36px; margin-bottom:25px;}
.dashboard.my-data-lab .col-wrap:after{content:'';display:block;clear:both;}
/* .dashboard.my-data-lab .col{height:300px;} */
.dashboard.my-data-lab .col .table-wrap {height: calc(100% - 45px);}
.dashboard.my-data-lab .col .table-wrap table{width: 100%; table-layout: fixed;}

/* .dashboard.my-data-lab .col-wrap:first-child{margin-right: 36px;} */
/* .dashboard.my-data-lab .col.type-2 .chart{width: 563px;height:215px;} */


/* 마이 데이터랩 페이지  */
.dashboard.my-data-lab.home {margin-top: 30px;}
/* .dashboard.my-data-lab.home .recomm-templet {margin: 0 10px;} */
.dashboard.my-data-lab.home .recomm-templet .topic-title {margin-bottom: 16px;}

.dashboard.my-data-lab.home .banner-wrap {position:relative; padding:0; width: 100%; border-radius: 5px;}
.dashboard.my-data-lab.home .banner .text-wrap {
    position: absolute;
    top: 50%;
    right: 100px;
    transform: translateY(-50%);
    text-align: right;
}
.dashboard.my-data-lab.home .banner .text-wrap p {font-size: 17px; font-weight: 300; color: #fff; letter-spacing: 0;}
.dashboard.my-data-lab.home .banner .text-wrap .title {font-size: 35px; font-weight: 500; letter-spacing: -2px;}
/*.dashboard.my-data-lab.home .card-group .item{width:170px} */
.dashboard.my-data-lab.home .card-group .slick-slide {font-size: 0;}
.dashboard.my-data-lab.home .card-group .slick-slide li{display:inline-block; /*width: 170px;*/ width:31.5%;}
.dashboard.my-data-lab.home .card-group .slick-initialized .slick-slide:nth-child(3n+1) {clear: both;}
.dashboard.my-data-lab.home .card-group .slick-list{padding-bottom: 24px; width:100%;}
.dashboard.my-data-lab.home .card-group .slick-slide li {margin-left: 2.7%;}
.dashboard.my-data-lab.home .card-group .slick-slide li:first-child, 
.dashboard.my-data-lab.home .card-group .slick-slide li:nth-child(3n+1) {margin-left: 0;}
.dashboard.my-data-lab.home .card-group .slick-slide li:nth-child(-n+3) {margin-bottom: 15px;}
/* .dashboard.my-data-lab.home .card-group .slick-dots li {height: 8px;} */
.dashboard.my-data-lab.home .card-group .btn{width: 100%; height: 53px; text-align: center; padding: 0.5rem 1rem; word-break: keep-all;}
.dashboard.my-data-lab.home .card-group .button {padding: 0 10px; width: 100%; height: 53px; /* vertical-align: middle; */ line-height: 47px;}
.dashboard.my-data-lab.home .card-group .button:hover {text-decoration: underline; color: var(--color-primary80); border: 1px solid var(--color-primary80);}
.dashboard.my-data-lab.home .card-group .button.on {text-decoration: underline; color: var(--color-primary80); border: 1px solid var(--color-primary80);}
.dashboard.my-data-lab.home .card-group .button span {display: inline-block; color: #000000; vertical-align: middle; line-height: 19px; font-size: 15px; word-break: keep-all;} 
.dashboard.my-data-lab.home .card-group .button span .on{color:var(--color-primary80); border:1px solid var(--color-primary80);text-decoration:underline;}

.tab-wrap.my-data-lab .btn-card-add{display: none;}
.tab-wrap.my-data-lab .tabs.tab-arrow ul {position: relative; max-width: 980px;white-space: nowrap; overflow: hidden;}
.tab-wrap.my-data-lab .tabs.tab-arrow ul:after {content: ''; position: absolute; width: 10px; height: 100%; right: 0; background-image: linear-gradient( to right, transparent, rgba(95, 95, 95, 0.4));}
.tab-wrap.my-data-lab .tabs .tab-select{
	display:inline-block;
	padding: 0 30px 10px 30px;
	text-align:center;
	font-size:20px;
	border-bottom:2px solid var(--color-primary80);
	background-color:#fff;
}
.tab-wrap.my-data-lab .tabs .tab-select:after{margin-left:30px; content:url('/images/portal/button/arrow_open.png');}


.ul-list li{border-bottom:1px solid #E4E4E4;}
.ul-list li:last-child{border-bottom: 0 none;}
.ul-list li a{display: inline-block;width:100%;background-repeat: no-repeat;background-position: right 8px center; background-image:url('/images/portal/icon/icon_forward.svg'); transition: all 0.3s;box-sizing: border-box;padding: 10px;padding: 16px 48px 16px 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ul-list li:hover a {background-position: right 0 center;text-decoration: underline;}
.ul-list li .li-categori {display:inline-block; width:95px; text-align:center; background-color: gray; color:#fff; border-radius: 30px; margin-right: 10px;}

.ul-list3.line-two>li {margin-left: 5%; margin-bottom: 4%; width: 47%;}
.ul-list3.line-two>li, .area-data-lab .ul-list3.line-two>li {margin-left: 5%; margin-bottom: 4%; width: 47%;}
.ul-list3.line-two>li:nth-child(2n+1),
.ul-list3.line-two>li:first-child {margin-left: 0;}

.card-list ul {display: flex; flex-wrap: nowrap; gap: var(--space8);}
.card-list li {flex: 1;   }
.card-list li > a {display: flex; flex-direction: column; gap: var(--space10); height: 100%; padding: 20px 20px; box-sizing: border-box;  border-radius: 10px;border: 1px solid var(--color-gray10); background-color: #fff;}
.card-list .title {font-size: var(--ft-title4); font-weight: 700;}
.card-list .title a{font-size: inherit; font-weight: inherit;}
.card-list .link .title-wrap {display: flex; gap: 20px; align-items: center;}
.card-list .link .title-wrap:after{content:''; display:block; width: 1em; height: 1em; background: url('/images/portal/icon/icon_arrow_forward.svg') no-repeat center; background-size:contain;}
.card-list .text-wrap p{font-size: var(--ft-body1); line-height: 1.5;}

.card-list li .img:before{content:''; display:block; width: 64px; height: 64px; background-repeat: no-repeat; background-position: left top; background-size: 64px;}
.card-list .card-visitor .img:before{background-image:url(/images/portal/icon/icon_explore_orange.svg);}
.card-list .card-stay .img:before{background-image:url(/images/portal/icon/icon_bed_orange.svg);}
.card-list .card-card .img:before{background-image:url(/images/portal/icon/icon_card_orange.svg);}
.card-list .card-car .img:before{background-image:url(/images/portal/icon/icon_car_orange.svg);}
.card-list .card-map .img:before{background-image:url(/images/portal/icon/icon_map_orange.svg);}

.dashboard .col .card-list{margin-top:20px;}

.my-data-lab.home .ul-list li a{display: block;}


.division-list{font-size:0;}
.division-list li{display: inline-block; vertical-align: top;}
.division-list li:before{content: ''; display:inline-block;margin:0 5px;width:1px;height:12px;vertical-align: middle;background-color: #949393;}
.division-list li:first-child:before{display: none;}
.division-list li a:hover{text-decoration: underline;}
.division-list li.on a{color:#2ca4d2}

/* .card-add-group */
.card-add-group ul {display: flex; flex-direction: row; flex-wrap: wrap;}
.card-add-group li {display: inline-block; padding: 10px 20px; border: 1px solid #b9b9b9; vertical-align: top; box-sizing: border-box;}
.card-add-group li:first-child {margin-left: 0;}
.card-add-group li:hover {border: 1px solid #2eb1e1;}
.card-add-group li:hover .title{text-decoration: underline;}

.card-add-group .division {font-size: 14px;color: #59757F;}
.card-add-group .title {display: block;margin: 5px 0;font-size: 17px;/*line-height: 18px;*/padding: 0; word-break: keep-all;}
.card-add-group .text {color: #9a9a9a;font-size: 14px;line-height: 19px;word-break: keep-all;}

.card-add-group .thum-img {display: block; margin-top: 10px; font-size: 13px;}
.card-add-group .thum-img img {display: inline-block; margin: 0 5px; max-width: 90px; vertical-align: middle;}

.card-add-group.type-3 li {margin-left: 1.5%; margin-top: 1.5%; padding:0;}
.card-add-group.type-3 li button{width:100%; height:100%; /*min-height: 120px;*/ padding:10px 20px; line-height: 1; box-sizing:border-box; background-color:#fff;}

.dashboard-change {width: 100%;}
.dashboard-change .row {margin-left: -1.5%; width: 100%;}
.dashboard-change .row:after {content:''; display:block; clear:both;}
.dashboard-change .col{float:left; display: flex; flex-direction: column; justify-content: flex-start; margin-left: 1.5%; margin-bottom: 1.5%; padding: 10px; height:170px; border: 1px solid #cecece; border-radius: 10px; box-sizing: border-box;}
.dashboard-change .card-title {display: block; padding: 5px 10px;   font-weight: 400;}
.dashboard-change .card-text {color: #9a9a9a; padding: 5px 10px; font-size: 14px;line-height: 19px;word-break: keep-all; margin-bottom: 10px;}
.dashboard-change .col .thum-img {text-align: center; overflow: hidden;}
/* .dashboard-change .col .thum-img img{height: 90px;} */

.dashboard-change .col > .top {flex: 1;}
.dashboard-change .col .top .title { font-size: 18px; font-weight: 500; line-height: 1.2; word-break: keep-all;}
.dashboard-change .col > .thum-img {flex: auto;}

.dashboard-change .type-1 {width: calc(100% - 1.5%);}
.dashboard-change .type-2 {width: 48.5%;}
.dashboard-change .type-3 {width: 31.8%;}
.dashboard-change .type-4 {width: 65%;}
.dashboard-change .rowtype-1 {height: 344px;}
.dashboard-change .rowtype-2 {height: 170px;}


/* more menu */
.menu-more-wrap .menu-more,
.tab-menu-more {
    display: none;
    position: absolute;
    width: 250px;
    min-width: 150px;
    max-width: 250px;
    width: max-content;
    /* height: 500px; */
    top: 25px;
    right: 0;
    background-color: #fff;
    border: 1px solid #e4e4e4;
    box-sizing: border-box;
    z-index: 5;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}
.menu-more-wrap .menu-more li,
.tab-menu-more li {padding: 8px 10px; border-top: 1px solid #e4e4e4;}
.menu-more-wrap .menu-more li:first-child,
.tab-menu-more li:first-child {border-top: 0 none;}
.menu-more-wrap .menu-more a,
.tab-menu-more a {font-size: 15px;}
.menu-more-wrap .menu-more a:hover,
.tab-menu-more a:hover {text-decoration: underline;}
.menu-more-wrap .menu-more p,
.tab-menu-more p {line-height: 135%;}
.menu-more-wrap .menu-more li.menu-close a,
.tab-menu-more .menu-close .tab-more-close{
	color: #007bab;
	font-weight: 500;
}


.menu-more-wrap{
    position: relative;
}
.menu-more-wrap .btn-menu-more{
    display: block;
    margin-top: 10px;
    width: 15px;
    /* height: 3px; */
    height: 15px;
    font-size: 0; 
    background-image: url(/images/portal/icon/more.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
}


/* list update, list notice */
.list-item a:hover{text-decoration: underline;}
.list-item .sort-wrap {margin-bottom: 13px;}

.list-update .list-item .subject,
.list-notice .list-item .subject{float:left;font-size:var(--ft-body1);display: block;width: 82%;width: calc(100% - 70px);text-overflow: ellipsis;overflow: hidden;}
.list-update .list-item .date,
.list-notice .list-item .date {float:right;display: block;width: 65px;font-size:var(--ft-body2);color:var(--color-gray50);}

.list-update .list-location {clear: both; float: left; display: block; margin-top: 4px; font-size: var(--ft-body2); color: var(--color-gray50);}
.list-update .list-location .current{color:var(--color-gray60); font-size:var(--ft-body1); text-decoration:underline; text-underline-position:under;}
.list-update .list-item{padding: 16px 0 8px; border-top:1px solid var(--color-gray10)}
.list-update .list-item:first-child{border-top:0 none;}
.list-update .list-item:after {content:'';display:block;clear:both;} 
.list-update .list-item .sort {
    display: inline-block;
    padding: 0 10px;
    height: 27px;
    font-size: var(--ft-body2);
    color: #fff;
    line-height: 27px;
    border-radius: 4px;
    background-color: #467f85;
}

.list-update .list-item .subject{white-space: nowrap;}

.list-notice li {padding: 10px; height: 58px; line-height: 58px; border-bottom:1px solid #E4E4E4;}
.list-notice li:after{content: '';display: block;clear: both;}
.list-notice li:last-child{border-bottom: 0 none;}
.list-notice .list-item .subject{ position: relative;float: none; display: inline-block; margin-right: -1em; padding-right: 1em; width: 85%;max-height: 3em; line-height: 1.5em; vertical-align: middle; box-sizing: border-box;}
.list-notice .list-item .subject:before {content: '···'; position: absolute; right: 0; bottom: 0; letter-spacing: 0.1em;}
.list-notice .list-item .subject:after {content: ''; position: absolute; right: 0; margin-top: 0.2em; width: 1.1em; height: 1em; background: white;}
.list-notice .list-item .date {
    float: none;
    display: inline-block;
    width: 17%;
    text-align: right;
    /* padding-right: 10px; */
    box-sizing: border-box;
}

.my-data-lab.home .list-update {margin-top: -13px;}
.my-data-lab.home .list-notice {margin-top: -20px;}


/*한국관광 데이터랩이란?*/
.intro .inner {margin: 0 auto !important;}
.intro .title {font-size: 50px; letter-spacing: -2px;}
.intro .title>.bold {letter-spacing: -2px; font-weight: 600;}
.intro .title2 {font-weight: 400;font-size: 35px;}
.intro .title2>span {font-size: 35px;}

.intro .section1 {
	margin-top:10px;
	padding: 120px 0 150px;
	background: url(/images/portal/sub/intro_section1.png) no-repeat center top;
	background-size:cover;
}
.intro .section1 p {
    margin-top: 30px;
    font-size: 18px;
    line-height: 35px;
    font-weight: 300;
}
.intro .section1 ul{
	position:relative;
	margin-top:150px;
	height:435px;
}
.intro .section1 ul>li{
	display:table;
	width:435px;
	height:435px;
	border-radius:100%;
	background-color:rgba(255,255,255,0.8);
}
.intro .section1 ul>li .text {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.intro .section1 ul>li .text p {
    font-size: 18px;
    line-height: 35px;
    font-weight: 300;
}
.intro .section1 ul>li .text p:nth-child(1) {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: -2px;
}

/* .intro .section2 {
    background-image: url(/images/portal/sub/intro_section2.png);
    background-attachment: fixed;
    height: 600px;
    padding-top: 80px;
    box-sizing: border-box;
}
.intro .section2 ul {
    position: relative;
    height: 100%;
    border: 1px solid yellow;
}
.intro .section2 ul>li {
    display: table;
    position: absolute;
    width: 435px;
    height: 435px;
    border-radius: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}
.intro .section2 ul>li:nth-child(1) {}
.intro .section2 ul>li:nth-child(2) {left: 50%; transform: translateX(-50%);}
.intro .section2 ul>li:nth-child(3) {right: 0;}
.intro .section2 ul>li .text {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.intro .section2 ul>li .text p {
    color: #fff;
    font-size: 18px;
    line-height: 35px;
    font-weight: 300;
}
.intro .section2 ul>li .text p:nth-child(1) {
    font-size: 30px;
    font-weight: 500;
    letter-spacing: -2px;
}
.intro .section2 ul>li .text span {
    display: inline-block;
    background-color: #fff;
    width: 40px;
    height: 4px;
    margin: 30px 0;
} */
.intro .section3 {
    text-align: center;
    padding: 150px 0;
}
.intro .section3 ul {
    position: relative;
    height: 70px;
    margin-top: 50px;
}
.intro .section3 ul>li {
    position: absolute;
    width: 35%;
    padding: 20px 0;
    background-color: rgba(128, 128, 128, 0.748);
    color: #fff;
    border-radius: 50px;
    font-size: 20px;
}
.intro .section3 ul>li:nth-child(1) {background-color: rgba(30, 150, 196, 0.8);}
.intro .section3 ul>li:nth-child(2) {background-color: rgba(255, 120, 53, 0.8); left: 50%; transform: translateX(-50%); z-index: 1;}
.intro .section3 ul>li:nth-child(3) {background-color: rgba(0, 56, 77, 0.8); right: 0;}

.intro .section4 {
    height: 400px;
    background-color: #f7f7f7;
    background-image: url(/images/portal/sub/intro_section4.png);
    background-repeat: no-repeat;
    background-position: left center;
    text-align: right;
    padding-top: 90px;
    box-sizing: border-box;
}
.intro .section4 p {
    margin-top: 30px;
    font-size: 18px;
    line-height: 35px;
    font-weight: 300;
}
.intro .section5 {padding: 100px 0;}
.intro .section5 ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.intro .section5 ul>li{
    border: 1px solid #e0e0e0;
    width: 46%;
    border-radius: 5px;
    overflow: hidden;
    padding: 90px 0 60px 0;
    position: relative;
}
.intro .section5 ul>li .title {
    width: 100%;
    font-size: 18px;
    background-color: #7f7f7f;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 0;
    padding: 10px 0;
}
.intro .section5 ul>li img {
    float: left;
    margin: 0 50px;
}
.intro .section5 ul>li .text {
    font-size: 18px;
    line-height: 35px;
    font-weight: 300;
}
.intro .section6 {}
.intro .section6>.inner {
    background-color: #e7f7fc;
    padding: 50px 0;
}
.intro .section6 p {
    font-size: 18px;
    line-height: 35px;
    font-weight: 300;
}
.intro .section6 img {
    float: left;
    margin: 0 100px;
}
/*이용방법안내*/
.intro-use {}
.intro-use-list,
.thumbnail-list {display: flex; flex-wrap: wrap; gap: 24px;}
.thumbnail-list {justify-content: flex-start;}
.intro-use-list {justify-content: space-between;}
.intro-use-list>li,
.thumbnail-list>li {width: calc(50% - 24px); padding: 32px; border: 1px solid var(--color-gray10); border-radius:12px; box-sizing: border-box;}
.intro-use-list>li .thumbnail,
.thumbnail-list>li .thumbnail {display: block; margin-bottom: 24px; width: 100%; height: 340px; background: url('/images/portal/common/logo-landscape_white.svg') no-repeat var(--color-primary80) center / 215px; overflow: hidden;}
.thumbnail-list>li .thumbnail_no {display: block; margin-bottom: 24px; width: 100%; height: 340px; background: none; overflow: hidden;}
.intro-use-list>li .thumbnail>img,
.thumbnail-list>li .thumbnail>img {display: block; width: auto !important; height: 100% !important;}
.intro-use-list>li .title,
.thumbnail-list>li .title {font-size: var(--ft-title4); font-weight: 700;}
.intro-use-list>li .title:hover,
.thumbnail-list>li .title:hover {text-decoration: underline;}
.intro-use-list>li p,
.intro-use-list>li .list_date,
.thumbnail-list>li p,
.thumbnail-list>li .list_date {margin-top: 12px; font-size: 1rem; color: var(--color-gray60);}


/* 박스 3개씩 - 스타일 1 */
.intro-use-list>li.mid-box,
.thumbnail-list>li.mid-box{width: calc(33.333% - 16px);}
.intro-use-list>li.mid-box .thumbnail,
.thumbnail-list>li.mid-box .thumbnail{height: 200px;}

/* 박스 3개씩 - 스타일 2 */
.thumbnail-list.three-list>li{margin-left:1.5%; width: 31%;}
.thumbnail-list>li .thumbnail {position: relative;}
.thumbnail-list>li .thumbnail img {position: absolute; top: 0; left: 50%; transform: translateX(-50%);}

/**/
/* #area-select {
    display: inline-block;
    text-align: center;
    padding: 0 30px 10px 30px;
    border-bottom: 2px solid #007bab;
    font-size: 20px;
}
#area-select:after {
    content: url(/images/portal/button/arrow_open.png);
    margin-left: 30px; 
}
#area-select.no-select:after{display:none;} */
/* chart */
.chart {position: relative;}
.chart-example {
    background-color: rgb(236, 236, 236);
}
.chart-top {
    position: relative;
    /* overflow: hidden; */
    margin-bottom: 20px;
}
.chart-top:after{content: '';display: block; clear: both;}
.chart-top .sort{
    display: inline-block;
}
.chart-top .btn-wrap{float:right; /*margin-top:-10px;*/}


.chart-location + .number, 
.chart-location + .number span {font-size: 20px; font-weight: 500;}
.chart-top .mark {position: absolute; top: 0; right: 55px; text-align: center;}
.chart-top .mark .text {margin-top: 14px; font-size: 15px; line-height: 19px;}

.chart-location ul {font-size: 0;}
.chart-location ul:before,
.chart-bullet:before{content: ''; display: inline-block; margin-right: 7px; width: 4px;height: 15px;vertical-align: middle; background-color: #ff7835;}
.chart-bullet {font-size: 18px;font-weight: 500;}
.chart-bullet:before {vertical-align: baseline;}
.chart-location li {display:inline-block; vertical-align: middle; font-size: 17px;}
.chart-location li:after {content: '>'; margin:0 3px;}
.chart-location li:last-of-type{font-weight:500; font-size: 18px;}
.chart-location li:last-of-type:after {content: '';margin:0;}
.chart-location + .number {padding-left: 12px;}


/* .chart-top .sort strong,
.chart-top .sort label.title,
.chart-wrap strong,
.chart-wrap h3,
.chart-wrap h4,
.chart-wrap h5,
.chart-wrap .chart-top .title{
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    vertical-align: middle;
} */
.chart-wrap .sort.left-line:before {margin: 0 10px;} 
/* .chart-wrap .sort select{
    margin-left: 10px;
    padding: 0 30px 0 5px;
} */
/* .chart-wrap .chart-box {
    clear: both;
    margin-top: 35px;
    padding: 25px 30px;
    width: 100%;
    box-sizing:border-box;
    border:1px solid #e8e8e8;
    background-color: #fff;
    border-radius: 10px;
} */
.chart-wrap .chart-box:after{content:''; clear: both; display: block;}
.chart-wrap .chart-box .chart {width: 100%;}
.chart-wrap .chart-box .chart:after{content:'';display:block;clear:both;}
/* .chart-wrap .chart-box .sort {float: right;margin-bottom: 20px;} */

/* .chart-wrap.box-shadownone {padding: 25px 30px; border:1px solid #e8e8e8; border-radius: 10px;}
.chart-wrap.box-shadownone .chart-box {padding: 0; box-shadow: none; border:none;} */

/* .chart-box.chart-two,
.chart-box.chart-three{display: table; width:100%;}
.chart-box.chart-two .chart,
.chart-box.chart-three .chart {display:table-cell; box-sizing: border-box;} */
/* .chart-box.chart-two .chart,
.dashboard .chart-box.chart-two .chart{width: 50%; padding:0 5%; vertical-align: middle;}
.chart-box.chart-three .chart{width:33.333%; padding:0 3%;vertical-align: top;}
.chart-box.chart-three .chart{width:30%; padding:0 3%; vertical-align: top;}
.chart-box.chart-three .chart:first-child,
.chart-box.chart-three .chart:last-child{padding:0} */

.total-two + .chart-box.chart-three{width: calc(100% - 200px - 36px);}

/* .chart-btn{margin-top:30px; text-align: center;} */
.chart-btn .button {margin-bottom: 10px;}

.chart-btn{margin-bottom: 30px;}
.chart-box ~ .chart-btn{margin-top: 0; margin-top: 30px;}

.chartbox {display: none;}
.chartbox1 {display: block;}

.chart .title {font-size: 18px;/*  font-weight: 500; */}
.chart .chart-popup {
    display: none;
    position: absolute;
    top: 30px;
    right: -50px;
    background-color: rgba(238,238,238,0.9);
    border: 1px solid #e6e6e6;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    padding: 20px;
}
.chart .chart-popup ul {}
.chart .chart-popup ul>li {overflow: hidden;}
.chart .chart-popup ul>li p:nth-child(1) {float: left; margin-right: 30px;}
.chart .chart-popup ul>li p:nth-child(2) {float: right;}

/*chart-list*/
.list-title {
    display: block;
    font-weight: 400;
    margin-bottom: 10px;
}
.list-title:before {
    content: url('/images/portal/sub/list-title.png');
    margin-right: 10px;
}

.chart-list {
    display: inline-block;
    text-align: center;
}
.chart-list>li {
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    box-sizing: border-box;
    margin-bottom: 5px;
    cursor: pointer;
}
.chart-list>li a{display:block; padding: 4px 5px;}
.chart-list>li.on {
    color: var(--color-primary80);
    border: 1px solid var(--color-primary80);
}
.chart-list>li.on a{color: var(--color-primary80);}
.chart-list2 {
    text-align: left;
}
.chart-list2>li a{
    padding: 10px 15px;
}
.chart-a {
    display: inline-block;
    font-size: 15px;
    color: #8d8d8d;
}
.chart-a:after {
    content: url(/images/portal/icon/chart_a.png);
    margin-left: 3px;
    margin-top: -3px;
}
.chart-list3 {border-top: 1px solid #e6e6e6;}
.chart-list3>li {
    border-bottom: 1px solid #e6e6e6;
    padding: 8px 50px 8px 8px;
}
.chart-list3>li:after {content: '';clear: both;display: block;}
.chart-list3>li .text {float: left; width: 50%;}
.chart-list3>li .kpi {float:right;width: 50%; text-align: right;}



	
/* 지역별 데이터랩 */
.area-data-lab  .chart .chart-popup {display: block;}

.area-data-lab .ul-list1 {
    border-top: 1px solid #E4E4E4;
}
.area-data-lab .ul-list1>li {
    padding: 10px 0px;
    border-bottom: 1px solid #E4E4E4;
    /*overflow: hidden;*/
}
.area-data-lab .ul-list1>li:after{content:'';display:block;clear:both;}
.area-data-lab .ul-list1>li p:nth-child(1) {float: left;}
.area-data-lab .ul-list1>li p:nth-child(2) {float: right;}
.area-data-lab .ul-list1.type2 li {display: flex; align-items: center;}
.area-data-lab .ul-list1.type2 li p {float:none; display:inline-block; word-break: keep-all;}
.area-data-lab .ul-list1.type2 li .left-item,
.area-data-lab .ul-list1.type2 li .right-item {padding: 0 5px; width: 50%; box-sizing: border-box;}

.area-data-lab .ul-list2>li {
    width: 300px;
    background-color: #f0f0f0;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
    border:1px solid #e6e6e6;
    border-radius: 5px;
    padding: 15px 20px;
    box-sizing: border-box;
    margin-bottom: 30px;
}

.areadb-travel .ul-list3 {display: flex; flex-wrap: wrap;}
.area-data-lab .ul-list3>li,
.areadb-travel .ul-list3>li{
    display: inline-block;
    /* width: 18%; */
    background-color: #f0f0f0;
    /* margin-bottom: 30px; */
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
    border:1px solid #e6e6e6;
    border-radius: 5px;
    padding: 15px 20px;
    box-sizing: border-box;
    word-break: keep-all;
}
.area-data-lab .ul-list3>li{width: 18%;margin-bottom: 30px;}
.area-data-lab .ul-list3>li>p:nth-child(1),
.areadb-travel .ul-list3>li>p:nth-child(1) {
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 10px;
}
.area-data-lab .ul-list3>li>p>a,
.area-data-lab .ul-list3.three-list .title {
    display: block;
    font-size: 18px;
    background-image: url(/images/portal/icon/arrow_right.png);
    background-repeat: no-repeat;
    background-position: right center;
    transition: all 0.5s;
}
.area-data-lab .ul-list3>li>p>a:hover,
.area-data-lab .ul-list3.three-list li:hover .title{
    background-position: 98% center;
}
.area-data-lab .ul-list3.three-list>li{width:32%; margin-bottom: 0; margin-top: 30px;}
.area-data-lab .ul-list3.three-list>li:nth-of-type( -n + 3) {margin-top: 0;}
.area-data-lab .ul-list3.three-list > li .explain-txt{display:block; float:none;}
.area-data-lab .ul-list3.three-list > li > a {display: block; padding: 15px 20px;}
.area-data-lab .ul-list3.three-list > li {padding: 0;}
.area-data-lab .ul-list3.three-list .title{margin-bottom:15px; font-weight:500;}

.area-data-lab .ul-list4 {margin-top: 5px;}
.area-data-lab .ul-list4>li {
    display: inline-block;
    text-align: center;
    width: 23%;
    font-size: 16px;
    background-color: #1e95c417;
    /* box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); */
    /* border:1px solid #e6e6e6; */
    border-radius: 5px;
    padding: 15px 0px;
    box-sizing: border-box;
    position: relative;
}
.area-data-lab .ul-list4>li:after {
    position: absolute;
    content: '';
    background: url(/images/portal/icon/arrow_right.png) center center no-repeat;
    background-size: 100%;
    width: 7px;
    height: 13px;
    right: -12px;
    top: 50%;
    transform: translateY(-50%);
    /* content: url(/images/portal/icon/arrow_right.png); */
}
.area-data-lab .ul-list4>li:last-child::after {background: none;}

.explain-txt {margin-bottom: 8px; color:var(--color-gray60); font-size: var(--ft-body2) !important;font-weight: 400 !important;}
.title-explain {display: inline-block; color:var(--color-gray60);font-size: 1rem !important;font-weight: 400 !important;margin-left: 10px;}
.title-explain.ft-oran2 {opacity: 1;}
p.title-explain {display: inline-block; vertical-align: middle;}


.morebtn-txt {/* margin-top: -20px; margin-bottom: 20px; */ overflow:hidden;}
.morebtn-txt .morebtnimg {vertical-align:middle; width:15px; margin: 0.5px;}
/* .morebtn-txt img {vertical-align:middle; width:15px;margin: 0 5px;} */

.kpi.up{color:#cf3c04;}
.kpi.up:after{content:''; display:inline-block; margin-left:5px; vertical-align:text-top; border:7px solid transparent; border-bottom: 11px solid #ff8549;}
.kpi.down{color:#0d7fab;}
.kpi.down:after{content:''; display:inline-block; margin-left:5px; vertical-align:text-bottom; border:7px solid transparent; border-top: 11px solid #42b8e4;}
.kpi.middle{color: #717070;}
.kpi.middle:after{content:'';display:inline-block;margin-left:5px;vertical-align:middle;width: 14px;height: 1px;background-color: #b9b7b7;}


.kpi-list {display: flex; gap: 12px;}
.kpi-list > li {display: flex; flex-direction: column; justify-content: space-between; align-items: center; width: 145px; height: 219px; padding: 24px 14px 40px; border-radius: 12px; box-sizing: border-box; background-color: var(--color-gray5);}
.kpi-list li > .img-wrap {width: 48px; height: 48px; text-align: center;}
.kpi-list .title {display: block; margin-bottom: 8px; word-break: keep-all; font-weight: 700; font-size: var(--ft-title4);}
.kpi-list .text {text-align: center;}

/* .kpi-list li{
    padding: 15px;
    width: 145px;
    height: 210px;
    border-radius: 5px;
    background-color: #eee;
    box-sizing: border-box;
}
.kpi-list .title{display: block; margin-bottom: 10px; font-size: var(--ft-title4); color: #464646; font-weight: 700;}
.kpi-list > li {display: table;}
.kpi-list li > .text{display: table-row; height:50px;}
.kpi-list li > .img-wrap{display: table-cell; vertical-align: middle; text-align: center;}
.kpi-list li > .img-wrap img{width: auto;} */
/* .kpi-list .two-kpi {margin-top: 5px; width: 100%;}
.kpi-list .two-kpi .item .title.color1 {color: #909090;}
.kpi-list .two-kpi .item .title.color2 {color: #34a5d2;}
.kpi-list .two-kpi .item .text >span {font-size: 15px;}
.kpi-list .two-kpi .img-wrap {margin: 10px 0; text-align: center;} */

/*board*/
/* .board .table-wrap .guide-box p:nth-of-type(1) {line-height: 40px;} */
/* .table-search {
    padding: 0 5px;
    width:230px;
    height: 29px;
    border-radius: 5px;
    border: 1px solid #E6E6E6;
    margin-left: 5px;
    background: url('/images/portal/button/btn_search.png') no-repeat #fff 95% center;
} */
.guide-box + .table-search-wrap {margin-top:55px;}
.table-search-wrap:after {content:''; display:block; clear:both;}
.table-search-wrap .page-txt{float:left;}
.table-search-wrap .table-search{float:right;}
.table-search .search-input{padding: 0 5px;margin-right:0;width:80%;width: calc(100% - 60px); height: 2.25rem;}
/* .table-search .search-input:focus {border: 2px dashed #222;} */
.table-search .input-wrap {
    display: inline-block;
    margin-left: 5px;
    width: 300px;
    height:30px;
    vertical-align: top;
    font-size: 0;
    /* border-radius: 5px; */
    /* border: 1px solid #E6E6E6; */
    /* overflow: hidden; */
}
.table-search .btn-search{float:right; margin-right:0;width:55px;height:30px;/* font-size:0;border:0 none;background: url('/images/portal/button/btn_search.png') no-repeat #fff center center; */ font-size:17px; background-color:#fff; box-sizing: border-box; cursor:pointer; transition: all 0.5s;}


/* .board .table-search select,
.board .table-search .input-wrap,
.board .table-search .search-input,
.board .table-search .btn-search {height: 35px;} */
.table-search .btn-search {
    border-radius: 0.3rem;
    font-size: 0.9rem;
    font-weight: normal;
    padding: 0;
    text-align: center;
}

.board table td {font-size: var(--ft-body1); /*padding: 20px;*/}
.board table td .lock:before{content: url(/images/portal/icon/icon_rock.png); margin-right: 10px;}
.board table .table-division {
    display: inline-block;
    padding: var(--space3) var(--space5);
    line-height: 1;
    min-width: 140px;
    width: auto;
    box-sizing: border-box;
    text-align: center;
}
.board .table-type1 thead th {/* font-size: 16px; */ /*padding: 20px;*/background-color: var(--color-gray5);}

.board-list table{table-layout: fixed;}

.board-view .table-wrap .table-content {padding: var(--space8); box-sizing: border-box; text-align:initial;}
.board-view .table-wrap .table-content .table-text1{
    border: 1px solid #d3d3d3;
    padding: var(--space10);
    margin: var(--space10) 0 var(--space10) var(--space14);
    width: 85%;
}
.board-view .table-wrap .table-content .table-text1 a {font-size: inherit;}

.board-view .table-wrap .table-type2 thead th.title  {background-color: #f7f7f7;} 
.board-view .table-wrap .table-type2 thead {border-top:1px solid #888888;}

/* editor */
.board-view .table-wrap .table-content * {font-family: 'Nanum Gothic'; font-size:inherit;}
.board-view .table-wrap .table-content a{word-break: break-all;}

.board-view .table-wrap .table-content ol,
.tableBox table.view ol {margin-right: 0px; padding: 0 40px;/*  font-size: 0; */ list-style:inherit; word-break: break-all;}
.board-view .table-wrap .table-content ul,
.tableBox table.view ul {margin-right: 0px; padding: 0 40px; /* font-size: 0; */ list-style:inherit; word-break: break-all;}
.board-view .table-wrap .table-content dl,
.tableBox table.view dl {margin-right: 0px; padding: 0 40px; /* font-size: 0; */ word-break: break-all;}
.board-view .table-wrap .table-content ul li,
.tableBox table.view ul li {list-style-type: inherit; display: list-item;}
.board-view .table-wrap .table-content ol li,
.tableBox table.view ol li {list-style-type: inherit; display: list-item;}
.board-view .table-wrap .table-content h1,
.tableBox table.view h1 {font-weight: normal;line-height: 1.2;}
.board-view .table-wrap .table-content h2,
.tableBox table.view h2 {font-weight: normal;line-height: 1.2;}
.board-view .table-wrap .table-content h3,
.tableBox table.view h3 {font-weight: normal;line-height: 1.2;}
.board-view .table-wrap .table-content h4,
.tableBox table.view h4 {font-weight: normal;line-height: 1.2;}
.board-view .table-wrap .table-content h5,
.tableBox table.view h5 {font-weight: normal;line-height: 1.2;}
.board-view .table-wrap .table-content h6,
.tableBox table.view h6 {font-weight: normal;line-height: 1.2;}
.board-view .table-wrap .table-content p,
.tableBox table.view p {display: block; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px;}


/* 수정 중  */
.board-view .table-wrap .table-content ol{margin-right: 0px; padding: 0 40px; /* font-size: 0; */ /*list-style:inhert;*/ word-break: break-all;}
.board-view .table-wrap .table-content ul{margin-right: 0px; padding: 0 40px; /* font-size: 0; */ /*list-style:inhert;*/ word-break: break-all;}
.board-view .table-wrap .table-content dl{margin-right: 0px; padding: 0 40px; /* font-size: 0; */ word-break: break-all;}
.board-view .table-wrap .table-content ul li{list-style-type: inherit; display: list-item;}
.board-view .table-wrap .table-content ol li{list-style-type: inherit; display: list-item;}
.board-view .table-wrap .table-content h1,
.board-view .table-wrap .table-content h2,
.board-view .table-wrap .table-content h3,
.board-view .table-wrap .table-content h4,
.board-view .table-wrap .table-content h5,
.board-view .table-wrap .table-content h6{
	font-weight: normal;
	line-height: 1.2;
	margin-inline-start: 0px; 
	margin-inline-end: 0px;
}
.board-view .table-wrap .table-content h1{
	font-size: 2em;
	margin-block-start: 0.67em; 
	margin-block-end: 0.67em; 
}
.board-view .table-wrap .table-content h2{
	font-size: 1.5rem;
	margin-block-start: 0.83em; 
	margin-block-end: 0.83em; 
}
.board-view .table-wrap .table-content h3{
	font-size: 1.17em;
	margin-block-start: 1em; 
	margin-block-end: 1em; 
}
.board-view .table-wrap .table-content h4{
	margin-block-start: 1.33em; 
	margin-block-end: 1.33em; 
}
.board-view .table-wrap .table-content h5{
	font-size: 0.83em;
	margin-block-start: 1.67em; 
	margin-block-end: 1.67em; 
}
.board-view .table-wrap .table-content h6{
	font-size: 0.67em;
	margin-block-start: 2.33em; 
	margin-block-end: 2.33em; 
}
.board-view .table-wrap .table-content p{display: block; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px;}
.board-view .table-wrap .table-content blockquote{
	font-style: italic;
	font-family: Georgia, Times, "Times New Roman", serif;
	margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 40px;
    margin-inline-end: 40px;
	padding: 2px 0;
	border-style: solid;
	border-color: #ccc;
	border-width: 0;
}
.board-view .table-wrap .table-content hr{
	border: 0px;
	border-top: 1px solid #ccc;
}
.board-view .table-wrap .table-content img.right{
	border: 1px solid #ccc;
	float: right;
	margin-left: 15px;
	padding: 5px;
}
.board-view .table-wrap .table-content img.left{
	border: 1px solid #ccc;
	float: left;
	margin-right: 15px;
	padding: 5px;
}
.board-view .table-wrap .table-content pre{
	/* white-space: pre-wrap; CSS 2.1 */
	white-space: normal; /* 공백 1개로 처리 */
	word-wrap: break-word; /* IE7 */
	-moz-tab-size: 4;
	tab-size: 4;
}
.board-view .table-wrap .table-content .marker{background-color: Yellow;}
.board-view .table-wrap .table-content span[lang]{font-style: italic;}
.board-view .table-wrap .table-content figure{
	text-align: center;
	border: solid 1px #ccc;
	border-radius: 2px;
	background: rgba(0,0,0,0.05);
	padding: 10px;
	margin: 10px 20px;
	display: inline-block;
}
.board-view .table-wrap .table-content figure > figcaption{
	text-align: center;
	display: block; /* For IE8 */
}
.board-view .table-wrap .table-content a > img{
	padding: 1px;
	margin: 1px;
	border: none;
	outline: 1px solid #0782C1;
}
.board-view .table-wrap .table-content em{
	font-style: italic;
}
.board-view .btn{min-width: 100px;}
/* //수정중 */

/* .notice table .table-division {padding: 0 10px;} */
.paging {display: flex; justify-content: center; gap: 8px; text-align: center;}
.paging a {display: block; width: 32px; height: 32px; padding: 4px 0; line-height: 1.4; text-align: center; border-radius: 6px; box-sizing: border-box; background-color: #fff;}
.paging a:hover{background-color: var(--color-blue);}
.paging a.on {color: #fff; background-color: var(--color-primary80);}
.paging a.table-back,
.paging a.table-prev,
.paging a.table-forward,
.paging a.table-next{background-repeat: no-repeat; background-position: center center; font-size: 0;}
.paging a.table-back {background-image: url(/images/portal/button/table-back.png);}
.paging a.table-prev {background-image: url(/images/portal/button/table-prev.png);}
.paging a.table-forward {background-image: url(/images/portal/button/table-forward.png);}
.paging a.table-next {background-image: url(/images/portal/button/table-next.png);}

.board .table-wrap .noti {
    background-color: #676767;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
}
.board .table-wrap .board-file {
    border-top: 1px solid #d1d1d1;;
}
.board .table-wrap .board-file .inner {padding: 15px 25px; display:flex;flex-direction:row;}
.board .table-wrap .board-file .title {display:inline-block; margin-top:5px; width:60px;color: #7f7f7f; letter-spacing: 0px; vertical-align:top; font-weight: 400;}
.board .table-wrap .board-file .file-list{display:inline-block; width:calc(100% - 60px); vertical-align:top; }
.board .table-wrap .board-file .file-list li {display: inline-block; margin: 5px 0; word-break: break-all; vertical-align: top;}
.board .table-wrap .board-file .file-icon {padding: 0px 0px 5px 30px ; margin-left: 30px; background-repeat:no-repeat;}
.board .table-wrap .board-file .file-icon:hover {text-decoration: underline;}
.file-icon.pdf {background-image: url(/images/portal/icon/icon_pdf.png);}
.file-icon.csv {background-image: url(/images/portal/icon/icon_csv.png);}
.file-icon.etc {background-image: url(/images/portal/icon/icon_etc.png);}
.file-icon.hwp {background-image: url(/images/portal/icon/icon_hwp.png);}
.file-icon.jpg {background-image: url(/images/portal/icon/icon_jpg.png);}
.file-icon.png {background-image: url(/images/portal/icon/icon_png.png);}
.file-icon.ppt {background-image: url(/images/portal/icon/icon_ppt.png);}
.file-icon.txt {background-image: url(/images/portal/icon/icon_txt.png);}
.file-icon.word {background-image: url(/images/portal/icon/icon_word.png);}
.file-icon.xlsx {background-image: url(/images/portal/icon/icon_xlsx.png);}

.board .table-wrap .board-btm li {padding: 15px 25px; width: 100%; opacity: 0.8; font-size: 0; border-bottom: 1px solid #d1d1d1; box-sizing: border-box;}
.board .table-wrap .board-btm li>span {display: inline-block; margin-right: 50px; width:50px; vertical-align: top;}
.board .table-wrap .board-btm li>a {display: inline-block; width: calc(100% - 100px); text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 16px; font-weight: 300; line-height: 1.5; vertical-align: top;}
.board .table-wrap .board-btm li>a:hover {text-decoration: underline;}
	

.board .table-wrap h4 {color:var(--color-primary80); font-size: 20px; font-weight: 500; margin:0px 0 20px 0;}

/* mice 통계 */
.mice .search-wrap.type1 .title {width: auto;}
/* .mice .tab-panel .chart-wrap{height: 566px;} */
.mice .tab-panel .chart-wrap {margin: 35px 10px 10px 10px; padding: 20px 10px; border:1px solid #e8e8e8; box-sizing:border-box;}
.mice .tab-panel .chart-wrap .chart-box {width: calc(100% - 20px);border:0 none; box-shadow: none;}

.mice .chart-wrap  > .chart {display: none;}
.mice .chart-wrap > .chart-1 {display: block;}
.mice .chart-wrap .tab-box {margin-top: 25px;}
.mice .chart-wrap .chart-title {padding:25px 30px;}
.mice .chart-wrap .chart-title .sort {margin-bottom: 15px;}


/* mice 경제적 파급효과 계산기 */
.mice-dom3top {margin-bottom: 8px;}
.mice-dom3top span {margin-right: 4px;}
.mice .mice-ul-list {border-top: 1px solid var(--color-gray10);}
.mice .mice-ul-list>li {display: flex; align-items: center; padding: var(--space6) var(--space2); overflow: hidden; border-bottom: 1px solid var(--color-gray10);}
.mice .mice-ul-list>li label {flex-shrink: 0; width: 150px;}
.mice .mice-ul-list>li label.import::after {content: "*"; margin-left: 5px; color: var(--color-red);}
.mice .mice-ul-list>li label .ft-gray{font-size: var(--ft-body2); color: var(--ft-gray);}
.mice .mice-ul-list>li input {width: 100%;}
.mice .mice-ul-list>li input[name="event_total_cost"] {width: 250px;}
.mice .mice-ul-list>li .date input[type="text"] {width: 150px;}
.mice .mice-ul-list>li div {display: flex; align-items: center;}
.mice .mice-ul-list>li div:nth-of-type(1) {width: 400px;}
.mice .mice-ul-list>li div:nth-of-type(2) {margin-left: 100px; flex-grow: 1;}
.mice .mice-ul-list.type2>li label {width: 450px;}
.mice .mice-ul-list.type2>li label + input {width: calc(100% - 460px);}
.mice .mice-ul-list.type2 > li > .title {/*display:inline-block;*/ width: 500px; font-weight: 700;}
.mice .mice-ul-list.type2 > li > .title + input,
.mice .mice-ul-list.type2 > li > .title + .text{/*display:inline-block;*/ width: calc(100% - 510px);}
.mice .mice-ul-list.type2 > li .input-point {color: var(--color-red); border: 1px solid var(--color-red); letter-spacing: 0;}

/* mice popup */
#myDataCalcPopup .box-two,
#popEcnmyEffCalcClose .box-two,
#popEcnmyEffCalc .box-two{display: block;}

.mice .btn-mice {
    width: 113px;
    height: 37px;
    font-size: 17px;
    line-height: 31px;
    color: #fff;
    border-radius: 5px;
    border-color: #6a6969;
    background-color: #6a6969;
    cursor: pointer;
    transition: all 0.3s;
}
.mice .btn-mice.view {background-color: var(--color-primary80);}
.mice .btn-mice.view:hover {background-color: #1789b5;}
.mice .btn-mice:hover{border-color:#8c8989;background-color:#8c8989;}

.mice > .line-blue {margin-bottom: 0;}
.search-box-mini {padding: 15px 15px !important;border: 1px solid var(--color-gray10);border-radius: 12px;}
.search-box-mini .paging a {border: 1px solid var(--color-gray10);}
.search-box-mini .lookup-wrap {flex-grow: 1;}
.search-box-mini .lookup-wrap .title {}
.search-box-mini .lookup-wrap .title-wrap {/* font-size: 1rem; */}
.search-box-mini .lookup-wrap .title-wrap .title {font-size: 1em; margin-bottom: 0;}
/* .search-box-mini .lookup-wrap {display: table; margin-top: 5px; width: calc(100% - 150px);} */
/* .search-box-mini .lookup-wrap + .btn-wrap { width: 150px; text-align: right; box-sizing: border-box;} */
/* .search-box-mini .lookup-wrap > div {display: table-cell; vertical-align: middle;} */
/* .search-box-mini .lookup-wrap .search-custom{text-align:right;}
.search-box-mini .lookup-wrap .search-custom input {width: 20%;}
.search-box-mini .lookup-wrap .search-custom span {vertical-align: middle;} */
.search-box-mini .lookup-wrap .search-custom .title {font-weight: 700;}
.search-box-mini {display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 32px 0;}
.search-box-mini .lookup-wrap {display: flex; flex-wrap: nowrap; align-items: center; gap: 24px;}
.search-box-mini .lookup-wrap input[type="text"] {width: 120px; margin: 0 8px;}
.search-box-mini .lookup-wrap .radio-wrap {flex-shrink: 0;}
.search-box-mini .lookup-wrap + .btn-wrap {flex-shrink: 0;}


/* .search-box-mini .radio-wrap {display: inline-block; width: 40%; vertical-align: middle;} */
.search-box-mini .radio-wrap label {letter-spacing: -1.5px;}
.search-box-mini .radio-wrap .radio-list input[type=radio] {width: 15px; height: 15px;}
.search-box-mini .radio-wrap .radio-list li {margin-right: 10px;}
.search-box-mini .radio-wrap .radio-list li:last-of-type {margin-right: 0;}

.search-box-mini .lookup-wrap > div {display: flex;gap: 16px;align-items: center;}
.search-box-mini .lookup-wrap .search-custom {display: flex; gap: 0 4px; align-items: center;}
.search-box-mini .lookup-wrap .input-wrap input[type="text"] {width: 100%; margin: 0;}
.search-box-mini .lookup-wrap .con-inner {display: flex; gap: 8px;}

.search-box-mini > .search-filter,
.search-box-mini + .search-filter {display: flex; flex-wrap: wrap; align-items: center; gap: 24px;}
.search-box-mini > .search-filter .title-wrap,
.search-box-mini + .search-filter .title-wrap {font-size: 1rem;}
.search-box-mini > .search-filter .title,
.search-box-mini + .search-filter .title {margin-bottom: 0; font-size: 1em;}

.modal .search-box-mini .lookup-wrap.column {flex-direction: column; align-items: flex-start;}
.modal .search-box-mini .lookup-wrap.column + .btn-wrap {align-self: flex-end;}
.modal .search-box-mini .lookup-wrap.column .title-wrap {width: 70px;}

.modal .search-box-mini,
.dashboard .col .search-box-mini {justify-content: flex-start; padding: 0 !important; border: 0 none; border-bottom: 1px solid var(--color-gray10); padding-bottom: 32px !important;}
.modal .search-box-mini{ margin: 16px 0; padding-bottom: 16px !important;}
.modal .search-box-mini .lookup-wrap {flex-grow: 0;}
.modal .search-box-mini + .search-filter{gap: 16px; margin-bottom: 24px;}
.modal .search-box-mini + .search-filter .title-wrap {flex-shrink: 0; width: 110px;}
.modal .search-box-mini + .search-filter .box.box-two {gap: 14px; width: calc(50% - 12px); align-items: center;}
.modal .search-box-mini + .search-filter .box-con {flex-grow: 1}

.modal .modal-body .body-top {margin-bottom: var(--space5);}

.dashboard .col .search-box-mini {margin-bottom: 0;}
.dashboard .col.type-2 .search-box-mini input[type="text"] {width: 220px; margin: 0;}


.summary { margin: 30px 0;/*  padding: 30px; */ padding: 30px 30px 30px 50px; border-radius: 10px; background-color: #f8f8f8;}
.summary>li {/* text-indent: -5px; */list-style: disc; line-height: 30px;}
.summary>li::marker {font-size: 11px;}
/* .summary>li::before {content: '· ';display: inline-block;margin-right: 5px;vertical-align: baseline;} */


/*관광지별 대시보드*/
.areadb-travel {}
.areadb-travel .array-tab {}
.areadb-travel .array-tab>li {display: inline-block;}
.areadb-travel .array-tab>li.border-left:before{content:'';display:inline-block;margin:0 10px;width:1px;height:15px; vertical-align: middle; background-color:#464646;}
.areadb-travel .array-tab>li a {color:#6c6a6a; transition: all 0.3s;}
.areadb-travel .array-tab>li a:hover {font-weight: 500; color:#444;}
.areadb-travel .array-tab>li.on a {font-weight: 500; color:#444;}

.areadb-travel .travel-top .location-wrap{float:left;}
.areadb-travel .travel-top .array-wrap{float:right; margin-top:30px;}

.areadb-travel .travel-list {border-top: 1px solid #E4E4E4; margin-top:10px;}
.areadb-travel .travel-list>li {
    position: relative;
    padding: 30px;
    border-bottom: 1px solid #E4E4E4;
    transition: all 0.5s;
    overflow: hidden;
}
.areadb-travel .travel-list>li:hover {background: #d3eaf351;}
.areadb-travel .travel-list>li>a{position:absolute; top:0; left:0; right:0; bottom:0; font-size:0;z-index: 1;}
.areadb-travel .travel-list>li div {float: left;}
.areadb-travel .travel-list>li div .title {font-size: 25px; color: var(--color-primary80); font-weight: 600;}
.areadb-travel .travel-list>li div .title:hover {text-decoration: underline;}
.areadb-travel .travel-list>li>div:nth-of-type(1) {width: 200px;}
.areadb-travel .travel-list>li>div:nth-of-type(2) {padding-top: 5px;}
.areadb-travel .travel-list>li .hashtag {}
.areadb-travel .travel-list>li .hashtag span{margin-left: 10px;}
.areadb-travel .travel-list>li .hashtag span:nth-child(1){margin-left: 0px;}
.areadb-travel .travel-list>li .arrow {
    background:url('/images/portal/icon/arrow_right.png') no-repeat right;
    width: 20px;
    height: 16px;
    transition: 0.8s;
    
    position: absolute;
    right: 5%;
    top: 50%;
    transform: translateY(-50%);
}
.areadb-travel .travel-list>li:hover .arrow {
    background-position: left;
}
.areadb-travel .ul-list{width:300px; word-break: keep-all;}


/* 관광지대시보드 */
/* 관광지별 대시보드 토글 버튼 추가 0127 */
.view-list {position: relative;}
.view-list:after {content:''; display:block; clear:both;}
.view-list .filter {
    float: left;
    margin-right:2%;
    padding: 10px;
    width: 18%;
    min-height: 400px;
    /* max-height: 100px; */
    border: 1px solid #e8e8e8;
    border-radius: 10px 0px 10px 10px;
    box-sizing: border-box;
    /* overflow: auto;*/
    transition: 0.5s;
    opacity : 1;
}
.view-list .filter + .table-wrap {
    float: right; 
    width: 78%;
    transition: 0.5s;
}
.view-list .filter > .title {font-size: 18px; font-weight: 500;}
.view-list .filter > .item {margin-top: 10px; margin-left: 10px;}
.view-list .filter > .item > .title {display: block; margin-top: 20px; margin-bottom: 5px; font-size: 17px; font-weight: 500;}

.view-list .filter-list.hidden{overflow:hidden;}
.view-list .filter-list.visible{overflow:visible;}
.view-list .filter-list input[type=checkbox] {margin-right: 5px; vertical-align: baseline;}
.view-list .filter-list .btn-toggle{display:block; position:relative; cursor: pointer;}
.view-list .filter-list .btn-toggle:after{content:' ▶'; position:absolute; top:0;right: 0; font-size: 15px; transition: all 0.5s;}
.view-list .filter-list .btn-toggle.on:after{transform: rotate(90deg);}
.view-list .filter-list .btn-toggle label {font-size: 17px; font-weight: 500;color: #222;}

.view-list .small-filter-list {display: none;}
.view-list .small-filter-list label {font-size: 15px; color: #646464;}
.view-list .filter > .item .filter-list {margin-left: 10px;}
.view-list .filter > .item .small-filter-list {margin: 5px 0 15px 10px;}

/* 관광지별 대시보드 토글 버튼 추가 0127 */
.view-list .filter-toggle {
    position: absolute;
    top: 0;
    display: block;
    width: 30px;
    height: 30px;
    left: 18%;
    border: 1px solid #e8e8e8;
    border-left: none;
    border-radius: 0px 5px 5px 0;
    font-size:0;
    background: url(/images/portal/button/slide-toggle-left.png) no-repeat center center #fff;
    transition: 0.5s;
}
.view-list.on .filter-toggle{
    left: 0;
    background: url(/images/portal/button/slide-toggle-right.png) no-repeat center center #fff;
    transition: 0.5s;
}
.view-list.on .filter{
    /* margin-left: -227px; */ 
    margin-left: -260px; 
    transition: 0.5s;
    /* opacity: 0;  */
    opacity: 1; 
    
}
.view-list.on .filter + .table-wrap {
    /* width: 96%; */
    width: 100%;
    transition: 0.5s;
}



/* 관광진단 지표현황 (대시보드 - 펼쳐보기) */
.dashboard .quick-menu {
    padding: 10px;
    background-color: #d3eaf3;
    transition: all 0.5s;
}
.dashboard .quick-menu.active {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 5;
    margin-top: 0 !important;
}
.dashboard .quick-menu.active ul {margin: 0 auto; width:100%; max-width: 1240px;}
.dashboard .quick-menu ul>li {
    width: 150px;
    display: inline-block;
    border:1px solid #fff;
    border-radius: 5px;
    margin-right: 5px;
    text-align: center;
    transition: all 0.5s;
    background-color: #fff;
}
.dashboard .quick-menu ul>li:last-child {margin-right:0;}
.dashboard .quick-menu ul>li.on {border: 1px solid var(--color-primary80); box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);}
.dashboard .quick-menu ul>li a{
    display: block;
    padding: 10px;
    transition: all 0.5s;
}
.dashboard .quick-menu ul>li a:hover {color: var(--color-primary80);}
.dashboard .quick-menu ul>li.on a {color: var(--color-primary80); text-decoration:underline;}

.dashboard .col.col-here {box-shadow: 0 0 14px rgba(201, 228, 229, 0.8);}
.col-spread {
    position: relative; 
    height: auto !important;
    transition: all 0.5s;
}
.col-spread:after{content:'';display:block;clear:both;}
.col-spread .ul-list {
    float: left;
}
.col-spread .right-chart {
    width: 1100px;
    float: right;
    /* border: 1px solid red; */
}
.col-spread .right-chart .title {margin-bottom: 5px;}
.col-spread .right-chart .top .title{margin-bottom: 0;}
.col-spread .chartbox .chart{
    /* border: 1px solid blue; */
    margin-bottom: 30px;
}
.col-spread .half{
    width: 48%;
    float: left;
}
/* .col-spread .half.half-type1{width: 660px;}
.col-spread .half.half-type2{width: 400px;} */
.col-spread .half.half-type1 {width: 60%;}
.col-spread .half.half-type2 {width: calc(40% - 30px);}
.col-spread .half.half-type2 .chart-list3 {width: 100%;} 
.col-spread .half.half-type2 .chart-list3 li {padding-right: 8px;}

.col-spread .ul-list>li {border: none;}
.col-spread .spread-btn{
    width: 100px;
    position: absolute; left: 22px; bottom: 20px; 
    color: #fff;
    border: 1px solid var(--color-primary80);
    background-color: var(--color-primary80);
    background-image: url(/images/portal/icon/arrow_bot_w.png);
    background-repeat: no-repeat;
    background-position: 75px center;
} 
.col-spread .spread-btn.on {
    color: #fff;
    background-color: var(--color-primary80);
    background-image: url(/images/portal/icon/arrow_top_w.png);
}
.col-spread .spread-btn:hover {border-color: #1789b5; background-color: #1789b5;}
.col-spread .invisible {display: none;}
.col-spread .visible {display: block;}

.dashboard .col.col-compare {padding-bottom: 70px;}
.dashboard .col.col-compare .right-chart {margin-top: 20px; width: 100%;}
.dashboard .col.col-compare.col-spread .half{width:100%;}
.dashboard .col.col-compare .chartbox{margin-top:10px;}
.dashboard .col.col-compare.col-spread .half.ml30 {margin-left: 0 !important;}

/* popup-check */
.icons-wrap{
    width: 100px;
    height: 100px;
    position: relative;
    top: 50%;
    left: 50%;
    transform:translateX(-50%)
}
.icons-animation{
    position: relative;
}
.icons-animation svg{
    position: absolute;
    /* top: 50%; */
    left: 50%;
    transform: translateX(-50%);
    transform-origin: center
}

/* Explosion animation */
.explosion{z-index: 3;}
.explosion circle{
    animation: circle-explosion 1s forwards;
    transform-origin: center;
    opacity: 0;
}

@keyframes circle-explosion {
    0% {
        opacity: 1;
        stroke-width: 40;
        transform: scale(0)
    }
    100%{
        opacity: 1;
        stroke-width: 2;
        transform: scale(1)
    }
}
.explosion path{
    animation: path-explosion 2s forwards;
    transform-origin: center;
    stroke-dasharray: 1, 40;
    stroke-dashoffset: 0;
    opacity: 0;
}
@keyframes path-explosion {
    0%,12%{
        opacity: 0;
    }
    12.5%{
        stroke-dasharray: 15, 40;
        stroke-dashoffset: -40;
        opacity: 1;
        stroke-width: 3;
        transform: rotate(0)
    }
    50%,100% {
        stroke-dasharray: 1, 40;
        stroke-dashoffset: 2;
        stroke-width: 0;
        transform: rotate(0);
    }
}
.explosion .check{
    animation: check 2s forwards;
    animation-delay: .25s;
    stroke-dasharray: 1, 40;
    stroke-dashoffset: 0;
}
@keyframes check {
    0%,12%{
        opacity: 0;
    }
    12.5%{
        stroke-dasharray: 40, 40;
        stroke-dashoffset: 40;
        opacity: 1;
    }
    50%,100% {
        stroke-dasharray: 40, 40;
        stroke-dashoffset: 0;
        opacity: 1;
    }
}


/* 국가별 데이터 */
.chart-search {margin-top: 20px;}
.chart-search:after {content: ''; display: block; clear: both;}

.country-report  .text-wrap strong{display:inline-block; margin-bottom:10px; font-size: 20px; font-weight: 500;}
.country-report  .text-wrap .text{word-break: keep-all;}

.country-report .col > .text-wrap{margin-top:50px;}
.country-report .col > .text-wrap .text{padding:10px; background-color: #eee;}

.confirmed span {font-size: 20px; font-weight: 500;}
.confirmed .count_num {display:inline-block; width: 132px; margin-left: 10px; font-size: 25px;}

/*국가별 데이터랩 - 방한외래관광- 국가개요*/
.dboard-summary {
    overflow: hidden;
    /* padding-top: 30px; */
    padding: 30px;
}
.dboard-summary .tab-wrap {float: left;}
.dboard-summary .vertical-tabs {
    width: 190px;
    background-color: #f6f6f6;
    padding: 10px;
    box-sizing: border-box;
}
.dboard-summary .vertical-tabs li {
    border-bottom: 1px solid #e4e4e4;
    padding: 10px;
}
.dboard-summary .vertical-tabs li:last-child {
    border: none;
}
.dboard-summary .vertical-tabs li>a {
    width: 100%;
    display: block;
    background-image: url(/images/portal/icon/arrow_right.png);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 7px;
}
.dboard-summary .vertical-tabs li.on>a {
    color: var(--color-primary80);
    font-weight: 500;
    background-image: url(/images/portal/icon/arrow_right_b.png);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 7px;
}
.dboard-summary .vertical-panel {
    width: 1030px;
    float: right;
}
.dboard-summary .country-con {}
.dboard-summary .country-con .tit{
    display: table;
    width: 100%;
    background: black;
    text-align: center;
    height: 200px;
    margin-bottom:30px;
}
.dboard-summary .country-con .tit>span {
    display: table-cell;
    vertical-align: middle;
    color:#fff;
    font-weight: 400;
    font-size: 23px;
}
.dboard-summary .country-con .tit>span>b {
    color:#fff;
    font-weight: 400;
    font-size: 23px;
}
.dboard-summary .country-con .origin-txt {
    opacity: 0.7;
    font-size: 15px;
}
.dboard-summary .item_box {
    margin-bottom: 30px;
}
.dboard-summary .text-box{margin:20px 0;}
.dboard-summary .text-box .title{font-size:18px; font-weight:500;}
.dboard-summary .text-box .text{margin-top:5px;}

/* 통계 - 무슬림 방한 통계 */
.stat-map{position: relative;}
.ranking-wrap{
    position: absolute;
    top: 30%; left: -8%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 1;
    /*bottom: 30px; left: 35px;*/
    
    background-color: #fff;
    box-shadow: 0 0 6px rgb(151 151 151 / 40%);
    padding: 10px; 
    text-align: left;
}
.ranking-wrap>ul,
.ranking-wrap .main-nav > ul {
    margin-top: 10px;
}
.ranking-wrap>ul>li,
.ranking-wrap .main-nav > ul > li {
    background-color: #e8e8e8;
    margin-bottom: 5px;
    /* padding: 3px 15px; */
    padding:0;
    cursor: pointer;
    transition: all 0.5s;
    box-sizing:border-box;
}
.ranking-wrap>ul>li a,
.ranking-wrap .main-nav > ul > li a{
	display: block;
	padding: 3px 15px;
	border:1px solid #e8e8e8;
    border-radius: 5px;
	transition: all 0.5s;
	box-sizing:border-box;
}
.ranking-wrap>ul>li:hover a,
.ranking-wrap .main-nav > ul > li:hover a{
	text-decoration: underline; color:var(--color-primary80);border: 1px solid var(--color-primary80);
}
.ranking-wrap>ul>li.on,
.ranking-wrap .main-nav > ul > li.on {
    background-color: var(--color-primary80);
    color: white;
}
.ranking-wrap>ul>li.on a,
.ranking-wrap .main-nav > ul > li.on a{color: white;}
.ranking-wrap>ul>li .text,
.ranking-wrap .main-nav >ul >li .text{display: none;}
.ranking-wrap li a{display: inline-block;width:100%;/* background-repeat: no-repeat; *//* background-position: 99% center; *//* background-image: url('/images/portal/icon/arrow_right.png'); */transition: all 0.3s;box-sizing: border-box;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ranking-wrap li:hover a {text-decoration: underline; color:var(--color-primary80);border: 1px solid var(--color-primary80);}


/* member */
.login h3,
.join h3,
.mypage h3,
.location-none h3 {margin-bottom: 48px; text-align: center; font-size: var(--ft-title2); font-weight: 400;}

/* tourism statistice */
.location-none{}

/*로그인*/
.login {padding-top: 80px;}
.login .inner {position: relative;}
/* .login .inner:before{content:'';display: block;position:absolute;width:1px;height:100%;background-color:#e6e6e6;left: 50%;} */
.login .login-box {width: 500px; margin: 0 auto;}
.login-wrap {position: relative; width: 500px; margin: 0 auto;}
.login-wrap>input,
.member-wrap .input-box input[type=password] {display: inline-block; width: 370px; margin-bottom: 10px;}
.member-wrap .input-box .wake-up-id {display: block; width: 370px; padding: 10px 20px; margin-bottom: 10px; background-color: #f1f1f1; border: none; box-sizing: border-box; border-radius: 6px;}
.login-wrap .btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 105px;
    height: 90px;
    line-height: 90px;
    padding: 0;
    cursor: pointer;
    transition: all 0.5s;
}
.login-wrap .btn:hover {
}
.login-wrap ul>li a{padding: 0 0 0 7px;}
.login-wrap ul li a:hover{
    color: var(--color-primary80);
    text-decoration: underline;
}
/* 투어원패스 적용 시 */
.login .tour-onepass {width: 500px; text-align: center;}
.login .tour-onepass h3 {margin-bottom: 30px;}
.login .tour-onepass h3 img {height: 50px;}
.login .tour-onepass .btn {margin-top: 30px; cursor: pointer;}
@media screen and (max-width: 1300px){
	.login .login-box,
	.login .tour-onepass {width: 48%;}
}
@media screen and (max-width: 1023px){
	.login .login-box, 
	.login .tour-onepass {float: none !important; width: 100%;}
	.login .tour-onepass{ margin-top:50px; padding-top:50px; border-top:1px solid #e6e6e6;}
	.login .inner:before {display: none;}
}
@media screen and (max-width: 340px){
	.login .tour-onepass p{word-break: keep-all;}
	.login .tour-onepass p br {display: none;}
}

.mypage .member-wrap {margin-top: 60px;}
.member-wrap .input-box {margin: 50px 0;}
.member-wrap .input-box ul {font-size: 0;}
.member-wrap .input-box li {vertical-align: top; text-align: center;}
.member-wrap .input-box input[type=password] {margin-left: 10px; display: inline-block;}
.member-wrap .input-box .wake-up-id {margin-left: 10px; display: inline-block;}
.member-wrap .input-box label {display: inline-block; min-width: 130px; text-align: left;}

.member-wrap .input-box ul {display: inline-block;}
.mypage .member-wrap .input-box {text-align: center;}
.mypage .member-wrap .input-box li {margin-bottom:10px; text-align: left;font-size:0; }
.mypage .member-wrap .input-box .descWrap {display: block; margin-left: 145px; }
.mypage .member-wrap .input-box li:last-of-type .descWrap {margin-bottom: 0;}

.modal .qna-list {margin-top: 20px;}

.modal-myplus .guide {padding: 32px; background-color: #F1F1F1;}
.modal-myplus .text-box {word-break: keep-all; text-align: center;}
.modal-myplus #dashboard-name{width: 265px;}

/*검색결과*/
.search-title {
    text-align: center;
    font-size: 21px;
}
.search-title>span {font-size: 21px; color: #e20312; font-weight: 500;}
.search-menu {
    width: 100%;
    /* float: left; */
}
.search-menu a:hover{text-decoration: underline;}
.search-menu .title {margin-bottom: 10px;}
.search-menu>ul {
    background-color: #F1F1F1;
    padding: 20px;
}
.search-menu>ul>li {line-height: 30px; font-weight: 300;}
.search-menu>ul>li span {color: #e20312; font-weight: 500;}
.search-menu>ul>li::before {content: "·"; margin-right: 5px;}
.search-keyword  {
    /* width: 0%; */
    /* float: right; */
}
.search-keyword .title {margin-bottom: 10px;}
.search-keyword ul {display: flex; flex-wrap: wrap; gap: var(--space5); padding: var(--space6); background-color:  #F1F1F1;}
.search-keyword ul {}
.search-keyword ul .keyword {
    position: relative;
    /* display: inline-block; */
    display: inline-flex;
    align-items: center;
    column-gap: var(--space3);
    /* padding: 0 40px 0 10px; */
    padding: 0 var(--space4);
    /* margin-right: var(--space5); */
    /* height: 30px; */
    height: 2.5rem;
    /* line-height: 27px; */
    font-size: var(--ft-body1);
    border: 1px solid var(--color-gray10); 
    border-radius: var(--space3);
    background-color: #fff;
    box-sizing: border-box;
}
.search-keyword ul .keyword > p {
    display: inline-flex;
    align-items: center;
    column-gap: var(--space3);
}
.search-keyword .keyword .btn-delete {
    /* position: absolute;
    top: 50%;
    right: 10px; */
    display: inline-block;
    /* margin-top: -10px; */
    width: 20px;
    height: 20px;
    font-size: 0;
    background: url('/images/portal/icon/icon_close.svg') no-repeat center;
    background-size: 20px;
    border-radius: var(--border-radius2);
}
.search-result {}
.search-result>li {border-bottom: 1px solid #E4E4E4; padding: 30px; overflow: hidden;}
.search-result>li:hover {background: #d3eaf351; transition: 0.5s;}
.search-result>li .title {font-size: 20px; margin-bottom: 10px; font-weight: 500; color: #464646;}
.search-result>li p {color: #7f7f7f; font-weight: 300;}
.search-result>li .button {float: right;}

/* 20230421 수정 */
.search-result-list ul{border-top: 1px solid var(--color-primary80);}
.search-result-list li{padding: 20px; border-bottom: 1px solid #E4E4E4;}
.search-result-list li .small-title {font-size: 15px; color: #989898;}
.search-result-list li .date {margin-top: 5px; color: #8d8d8d;}
.search-result-list li .title {margin: 5px 0; font-size: 20px;}
.search-result-list li .title * {font-size: 20px;}
.search-result-list li:hover a {text-decoration: none;}
.search-result-list li:hover{background-color: #f3f9fc;}
.search-result-list em{color:#e20312 !important; font-weight: 500;}
/*.search-result-list .point{color:#e20312 !important; font-weight: 500;}*/
.search-result-list .btn-more {display: block; margin: 15px auto 0; padding: 5px 0; width: 110px; text-align: center; border: 1px solid #E6E6E6; border-radius: 5px; box-sizing: border-box; box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); transition: all 0.5s;}
.search-result-list .btn-more:hover {text-decoration: none; box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);}

/* 회원가입 */
.checkbox-wrap input[type=checkbox] {margin-right: 10px;}

.join-box {margin-top: var(--space10);}
.join-box > .title { margin-bottom: var(--space13); font-size: var(--ft-title3); word-break:keep-all;}
.agree-box .agree {
    padding: var(--space6) var(--space8);
    height: 180px;
    border: 1px solid #dcdcdc;
    overflow-y: scroll;
    
}
.agree-box .agree .bold{font-size: 21px; font-weight: bold; text-decoration:underline;}
.agree-box .checkbox-wrap {margin-top: 5px; margin-left: 5px;}
.agree-box .checkbox-wrap label {font-size: 17px;}
.agree-box .checkbox-wrap.right .radio-list {justify-content: flex-end;}

/* 202409 추가 */
.agree-box.type2{ border: 1px solid #dcdcdc;}
.agree-box.type2 .title-wrap{ display: flex; justify-content: flex-start; padding: 15px 20px; border-bottom: 1px solid #dcdcdc;}
.agree-box.type2 .title-wrap .title{flex-grow: 0; flex-shrink: 1; margin: 0;}
.agree-box.type2 .title-wrap .radio-list{flex-grow: 1; text-align: right; justify-content: flex-end;}
.agree-box.type2 .agree{border: 0 none;}
.agree-box.type2 ~ .agree-box.type2{ margin-top: 25px;}
.agree-box.type2 .title-wrap .point {display: inline-block; padding: 0 5px; margin-left: 10px; font-weight: 400;}
.agree-box.type2 .title-wrap .point.point-blue {color: #fff; background-color: #36a2ca;}
.agree-box.type2 .title-wrap .point.point-gray {color: #fff; background-color: #767676;}

@media screen and (max-width:840px) {
    .join-box > .title {position: inherit;}
    .agree-box.type2 .title-wrap {flex-wrap: wrap; gap: var(--space2);}
    .agree-box.type2 .title-wrap .title {position: inherit;}
    .agree-box.type2 .title-wrap .radio-list {width: 100%;}
}

.join-box.agree-box + .btn-wrap {margin-top:40px;}
.join-box.email-box {text-align: center;}
.join-box.email-box .inner {display: inline-block; width: 340px;}
.join-box.email-box .item input, 
.join-box.email-box .item .button {width: 100%;}
.join-box.email-box .item > input[type=text] {margin-bottom: 20px;}
.join-box.email-box .item > .btn-wrap {margin-bottom: 40px;}
.join-box.email-box .item > .btn-wrap .btn {flex-grow: 1;}
.join-box.email-box .item > .btn-wrap .text {flex-grow: 1; margin-top: 20px; text-align: center;}
.join-box.email-box .item > .btn-wrap .text span{font-weight: 500;}

.join-box.form-box table input {padding: 5px 10px; /*vertical-align: top; */}
.join-box.form-box table input[readonly] {color: #6e6e6e; background-color: #eee;}
.join-box.form-box table input::placeholder {font-size: 15px;}
.join-box.form-box table input + #keyShow2 {margin-top: 10px;}

.join-box.form-box table .checkbox-wrap {
    margin-top: 10px;
    font-size: 0;
}

.join-box.form-box table .checkbox-wrap input[type=checkbox] {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.join-box.form-box table .checkbox-wrap label {
    display: inline-block;
    vertical-align: middle;
}

.join-box.form-box table .checkbox-wrap .desc {
    margin-top: 5px;
    font-size: 15px;
}

.join-box.form-box table td > .desc {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    font-weight: 500;
}
.join-box.form-box table td > .notice {
    margin-top: 5px;
    font-weight: 500;
}
.join-box.form-box table .button,
.join-box.form-box table select {height: 2.5rem; line-height: 1.5;}
.join-box.form-box .button.bg-gray2 {margin-left: 5px; border-radius: 0;}
.join-box .btn-search{width: 40px; font-size: 0; background: url('/images/portal/button/btn_search_w.png') no-repeat center center;}

.list-tablest{ border-top:2px solid var(--color-primary80);}
.list-tablest li{border-bottom: 1px solid #e4e4e4; box-sizing: border-box;}
.list-tablest li:last-cihld{border-bottom: 0 none;}
.list-tablest .table{ display:table; width: 100%; background-color: #fff;}
.list-tablest .table .cell{display: table-cell; padding:5px 10px; border-right: 1px solid #e4e4e4; box-sizing: border-box;}
.list-tablest .table .cell:last-child{border-right:0 none;}

.join-box.join-end{background: url(/images/portal/sub/whale_img_new.png) no-repeat center top;}
.join-box.join-end {
    padding-top: 190px;
}

.join-box.join-end .title {
    font-size: 23px;
    color: var(--color-primary80);
    font-weight: 400;
}

.join-box.join-end > .text {
    width: 263px;
    margin: 10px auto 40px;
    color: #767676;
    word-break: keep-all;
    font-size: 17px;
}

/* faq */
.acc-list {border-top: 2px solid var(--color-primary80);}
.acc-list li {border-bottom: 1px solid var(--color-gray10);}
.acc-list li > .title{/* display: block; */display: flex; align-items: center; column-gap: 16px; padding: 32px 80px 32px 40px; font-size: var(--ft-title3); font-weight: 700; background-image: url('/images/portal/icon/icon_down.svg'); background-repeat: no-repeat; background-position: right 22.5px center; background-size: 45px;}
.acc-list li .faq-q {flex-shrink: 0; display: inline-block;width: 35px;height: 35px;/* margin-right: 16px; */line-height: 1.6;font-size: font-size: var(--ft-title3);font-weight: 700;color: #fff;vertical-align: middle;text-align:center;border-radius: 100%;/* color: #8d8d8d; */background-color: var(--color-gray50);}
.acc-list li .acc-con{display: none; padding: 32px 40px 32px 100px;line-height: 1.8; background-color: var(--color-gray5);}
.acc-list li .acc-con *:not(caption){font-size: var(--ft-title4);}

.acc-list li.on > .title{background-image: url('/images/portal/icon/icon_up_blue.svg');}
.acc-list li.on .faq-q {background-color: var(--color-primary80);}
.acc-list li.on .acc-con{display: block;}
.acc-list li.on .acc-con a {margin: 0 4px; text-decoration: underline; font-weight: 400; transition: all 0.3s;}
.acc-list li.on .acc-con a:hover {background-color: #fff; border-radius: 4px;}

.acc-list li.on .acc-con a{display:inline-flex; align-items: center; padding: 5px 8px; text-underline-position: under;}
.acc-list li.on .acc-con a[href^="https"]:after,
.acc-list li.on .acc-con a[href^="mailto"]:after{content:''; margin-left: 5px; width:15px; height:15px; background:url('/images/portal/icon/icon_blank.svg') no-repeat center center;background-size: contain;}
.acc-list li.on .acc-con a:after,
.acc-list li.on .acc-con a[href^="https://datalab.visitkorea.or.kr"]:after{content:''; margin-left: 5px; width:15px; height:15px;  background:url('/images/portal/icon/icon_forward.svg') no-repeat center center;background-size: contain;}

.acc-list li.point > .title{background-color: var(--color-blue);}
.acc-list li.point > .title span{display: inline-block; padding: 4px 16px; border-radius: 4px; background-color: var(--color-primary80); font-size: 1em; font-weight: normal; color:#fff;}

.txt-box + .acc-list{margin-top: 40px;}

/* 데이터 설명 */
.accordion {width: 100%; margin: calc(50px - 36px) 0 70px;}
.accordion .btn-accordion{ width: 100%; padding: 20px 30px; border-radius: 0.9375rem; font-size: var(--ft-title2); text-align: left; font-weight: 700; background-image:var(--ft-title2); background-image: url('/images/portal/icon/icon_down.svg'); background-color: var(--color-tertiary70); background-repeat:no-repeat; background-position: right 30px center; background-size: 40px;}
.accordion .btn-accordion.on{background-image: url('/images/portal/icon/icon_up.svg');}
.accordion .accordion-panel[hidden]{display: none;}

.accordion .box.info-meta > .title {display: block;margin-bottom: 16px;font-size: 18px;font-weight: 700;}

.notice-text{}
.notice-text .text{padding: 30px 40px;background-color:#f9f9f9;border-top:2px solid var(--color-primary80);}
.notice-text .text,
.notice-text .text span{font-size:18px; font-weight:500;}
.notice-text ul{margin:0 20px;}
.notice-text li{font-size:17px; line-height:30px; word-break:keep-all;}
.notice-text > ul{margin-top:20px;}

/*--------------------------이용약관 */
.getUsgGuidInfo .tit{
    font-weight: 500;
    margin-top: 50px;
    color: var(--color-primary80);
    font-size: 19px;
}
.getUsgGuidInfo .mini-tit{
    margin-top: 20px;
    font-weight: 400;
    margin-bottom: 5px;
    font-size: 17px;
    color: #464646;
}
.getUsgGuidInfo p {
    font-weight: 300;
    line-height: 30px;
    color: #5f5f5f;
}


/* grid */
.e-grid .e-gridheader tr th {text-align:center !important;} 
.e-grid .e-headercelldiv{text-align:center !important;}
.e-grid .e-headercell, .e-grid .e-detailheadercell {box-sizing: border-box !important;}
.e-pivotview .e-grid .e-headercelldiv, 
.e-pivotview .e-grid .e-columnsheader {padding-left: 4px !important; padding-right: 4px !important; padding-top: 4px !important; padding-bottom: 4px !important;}
.e-pivotview .e-grid .e-headercelldiv,
.e-pivotview .e-grid .e-columsheader,
#grid .e-pivotview .e-grid .e-headercelldiv, 
#grid .e-pivotview .e-grid .e-columnsheader{padding:4px !important;}
.e-grid.e-wrap .e-stackedheader .e-columnheader .e-stackedheadercelldiv, 
.e-grid.e-wrap .e-stackedheader .e-columnheader .e-headercelldiv {padding: 0 !important;}
.e-grid.e-wrap .e-columnheader .e-headercelldiv, 
.e-grid .e-columnheader.e-wrap .e-headercelldiv {margin-bottom: 0 !important;}
.e-grid.e-wrap .e-stackedheader .e-columnheader .e-stackedheadercelldiv, .e-grid.e-wrap .e-stackedheader .e-columnheader .e-headercelldiv {line-height: 33px !important;}
.e-pivotview .e-grouping-bar .e-pivot-button, 
.e-pivotview .e-group-rows .e-pivot-button{background-color:var(--color-primary80) !important;}
.e-pivotview .e-grouping-bar .e-pivot-button:hover, 
.e-pivotview .e-group-rows .e-pivot-button:hover{border-color:#279dca !important; background-color:#279dca !important;}


/* 2022 과거데이터 */
#rightBanner{display:block; width:180px; box-sizing:border-box;}
#rightBanner h3{font-size:0;}
#rightBanner li img{width:100%;}
.rightbnn_wrap{
	display:none;
	position:absolute;
	top:265px;
	right:-108px;
	z-index:3;
	transition-duration:0.3s;
}
.rightbnn_wrap.active{display:block; right:0;}
.btn_rightbnn{
	display:none;
	position:absolute;
	top:0;
	left:-40px;
	width:40px;
	height:40px;
	text-indent:-9999px;
	font-size:0;
	background-color:var(--color-primary80);
	background-position:center center;
	background-repeat:no-repeat;
	background-image:url('/images/portal/common/icon_leftmenu_on.png');
}
.rightbnn_wrap.active .btn_rightbnn{background-image:url('/images/portal/common/icon_leftmenu.png');}

/* 인구감소지역 */
.population-dashboard .map-wrap {float: left; width: calc(100% - 480px)}
.population-dashboard .float-chart {float: right; width: 470px;}
.population-dashboard .float-chart .col.type-3 {width: 100%;}

.population-dashboard .float-chart .col {margin: 0 auto !important;}
.population-dashboard .float-chart .col:first-child {margin-bottom: 30px!important;}

/* 관광 데이터 활용 교육 - 달력 이미지 */
.calendar-wrap .img{width:100%; max-height: 450px; overflow: hidden;}
.calendar-wrap .img.sample-img{width:100%; height:450px; background-color: #e8e8e8;}
.calendar-wrap .img img{width: 100%;}


        /* @media screen and (max-width:1060px) {
            .search-wrap .btn-wrap {
                display: block;
                width: 100%;
                margin-top: 20px;
                float: none !important;
            }
            .search-wrap .btn-wrap button {
                width: 100%;
            }
        }
        @media screen and (max-width:1023px) {
            .ml20 {margin: 0 !important;}
            .search-wrap .search-custom {margin-left: 0px;}
            .search-wrap.type1 .btn-search {
                margin: 30px 0 !important;
            }
            .wrap-box {margin-top: 20px !important;}
        } */
        
/*22.12.27 유용한 데이터사이트 모음*/
.useful_sites {min-height: 1000px; background-image: url(/images/portal/sub/useful_background.png); background-repeat: no-repeat;}
.useful_sites .inner {margin: 0 auto; padding: 30px 0;}
.useful_sites .title {
    display: block;
    margin: 100px 0 80px 0;
    font-size: 35px;
    color: #fff;
    text-align:center;
    text-shadow: 0 0 5px #000;
} 
.useful_sites .table-wrap {
    margin: 0 auto;
    padding: 10px;
    width: 100%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    border: 1px solid #f4f4f4;
    border-radius: 10px;
    box-sizing: border-box;
    background-color: #fff;
}
.useful_sites .table-wrap table{margin: 50px auto; width: 95%;}

/**23.02.01 관광통계 추가*/
.tr-toggle {display: none; background-color: #f7f7f7;}
.tr-toggle.on {display: revert;}
.tr-toggle-btn {
    float: left;
    margin-top: 5px;
    width: 15px;
    height: 15px;
    font-size: 0;
    vertical-align: middle;
    background-image:url(/images/portal/button/menu_2depth_toggle_off.png);
    background-position: center center;;
    background-color:#fff;
    background-size: cover;
}
.tr-toggle-btn.on {background-image: url(/images/portal/button/menu_2depth_toggle_on.png);}
/* 제주 관광 빅데이터 서비스 플랫폼 추가 - 23.03.06*/
.tab-panel.jeju {padding: 50px 0; text-align: center;}
.tab-panel.jeju p {margin-bottom: 30px; font-size:17px;}
.tab-panel.jeju h3 {margin-bottom:30px; text-align: center; font-size: 30px;}
.tab-panel.jeju img {margin-top: 50px; max-width: 100%;}
.tab-panel.jeju .btn_go {
    display: inline-block;
    position: relative;
    padding: 15px 90px 15px 50px;
    font-family: 'NanumSquare';
    font-size: 20px;
    color: #fff;
    border-radius: 3px;
    background-color: var(--color-primary80);
}
.tab-panel.jeju .btn_go:after {
    display: inline-block;
    content: '';
    position: absolute;
    top: 50%;
    right: 35px;
    margin-top: -6px;
    width: 32px;
    height: 8px;
    background: url(/images/portal/sub/icon_social_arrow.png) center no-repeat;
    box-sizing: border-box;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.tab-panel.jeju .btn_go:hover {
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
}
.tab-panel.jeju .btn_go:hover:after {
    right: 25px;
}
@media screen and (max-width:1400px) and (min-width:1024px) {
	.dashboard .col.type-1 {width: 100%;}
	.dashboard .col.type-2 {width: calc(50% - 20px);}
	.quick-menu-wrap3{display: block;}
    .dashboard.visit-dashboard .col.type-2{width: calc(50% - 10px);}
    .dashboard.visit-dashboard .col.type-2.col-small{width:calc(37% - 6.66px);height: 370px !important;}
    .dashboard.visit-dashboard .col.type-2.col-big{width:calc(62% - 6.66px);height: 370px !important;}
    .dashboard.visit-dashboard .col.type-2:first-of-type{margin-left: 0;}

    .dashboard.visit-dashboard .col.type-3.col-small{width:calc(27% - 6.66px);height: 370px !important;}
    .dashboard.visit-dashboard .col.type-3.col-mid{width: calc(32% - 6.66px);height: 370px !important;}
    .dashboard.visit-dashboard .col.type-3.col-big{width: calc(41% - 6.66px);height: 370px !important;}
    
    /* 2022.11 추가 */
    .region-modal3{width:90% !important;}
    .modal .box-three .region-box .btn-list > div {width: 115px;}
    .modal .box-three .region-box .btn-list.type2 > .button{width:115px;}
}
@media screen and (max-width:1320px) and (min-width:1024px) {
	.dashboard .col.type-4 {width: 100%;height: auto !important;}
	.dashboard .col.type-4 + .type-3 {margin-left: 0; margin-top: 20px;}
	.dashboard .col.type-4 ~ .type-3 {width: calc(50% - 18px);}	
	
	.dashboard .col.type-1{height:auto !important;}
	.dashboard .col.type-1 > .col-con{overflow-x:auto;}
    .dashboard .col.type-1 > .col-con::-webkit-scrollbar{width:3px; height:3px; border-radius:1.5rem; background-color:#ebebeb;}
	.dashboard .col.type-1 > .col-con::-webkit-scrollbar-thumb{border-radius:1.5rem; background-color:#999;}
	.dashboard .col.type-1 > .col-con::-webkit-scrollbar-thumb-track{border-radius:1.5rem; background-color:#ebebeb;}
    .dashboard .col.type-1 > .col-con > .col-inner{width:100%; max-width:1240px;}
    .dashboard .col.type-1 > .col-con .chart-box.chart-two {flex-wrap: nowrap;}
    .dashboard .col.type-1 > .col-con .chart-box.chart-two > div {flex-shrink: 0;}
    
	.chart-box.chart-two, 
	.chart-box.chart-three {display: flex; width: 100% !important; overflow: auto;}
	.chart-box.chart-two::-webkit-scrollbar, 
	.chart-box.chart-three::-webkit-scrollbar{width:3px; height:3px; border-radius:1.5rem; background-color:#ebebeb;}
	.chart-box.chart-two::-webkit-scrollbar-thumb, 
	.chart-box.chart-three::-webkit-scrollbar-thumb{border-radius:1.5rem; background-color:#999;}
	.chart-box.chart-two::-webkit-scrollbar-thumb-track, 
	.chart-box.chart-three::-webkit-scrollbar-thumb-track{border-radius:1.5rem; background-color:#ebebeb;}
	/* .chart-box.chart-two .chart, 
	.chart-box.chart-three .chart {display: block; width: 500px !important;} */
	
	.dashboard .col.type-3 {width: calc(50% - 18px);}
	.dashboard .col.type-3:nth-of-type(3) {margin-left: 0; margin-top: 20px;}
    .dashboard.visit-dashboard .col.type-3:nth-of-type(3){margin-top:0;}
	
	.dashboard .col.type-5{width:100%;}
	.dashboard .col.type-5.row-span-2 .col{width: calc(50% - 18px);}
	.dashboard .col.type-5.row-span-2 .col:last-of-type{float:right; margin-top:0;}
	.dashboard .col.type-6{margin-left:0; margin-top:25px; width:100%;}
	
	.mice #chart_01,
	.mice #chart_11 {width: 100% !important;}
	
	.col-spread {padding-bottom: 80px !important;}
	.col-spread .right-chart {width: 100%;}
	

	.dashboard .col.type-2 .chart-box.chart-two .chart {width: auto !important; display: table-cell;}
	.dashboard .col.type-2 .chart-box.chart-two .chart-list3 {width: 240px;}

    .population-dashboard .float-chart .col.type-3 {width: 100% !important;}
	
    
    .search-wrap.type1 .region-wrap.region-spot .region-list .btn-wrap {float: none;display: block;margin-top: 10px;margin-bottom: 20px;text-align: right;}
 
    .search-box-mini .lookup-wrap{margin-top:0;}
    .search-box-mini .radio-wrap {width: 32%;}
}
@media screen and (max-width:1200px) and (min-width:1024px) {
	.intro .section1 ul>li {transition: all 0.5s;}
	.intro .section1 ul>li:nth-child(2) {z-index: 1;}
	
	/* .table-wrap.table-scroll {height: 270px !important;} */
	
	.country-content .dashboard .col.row-span-2 ~ .col .table-wrap {height: 225px !important;}

}
@media screen and (max-width:1200px) and (min-width:1101px) {
	.intro .section1 ul>li {width: 400px; height: 400px;}
	
	
}
@media screen and (max-width:1100px) and (min-width:1024px) {
	.intro .section1 ul>li {width: 380px; height: 380px;}
}

@media screen and (max-width:1300px) {
    /* 20230103 한중일여행 추가 */
    .dashboard.graphimg img {width: 100%;}
    /* .contents > .inner, 
    .contents > article > .inner{width:95%;} */
    
    /* .location ul{width:95%;} */
    /* .page-title-wrap{width:95%} */


    .chart img{width: 100%;}
    
    .dashboard .col:not(.type-1) #chart_01,
	.dashboard .col:not(.type-1) #chart_02,
    .dashboard .col:not(.type-1) #chart_03,
    .dashboard .col:not(.type-1) #chart_04,
    .dashboard .col:not(.type-1) #chart_05,
    .dashboard .col:not(.type-1) #chart_06,
    .dashboard .col:not(.type-1) #chart_07,
    .dashboard .col:not(.type-1) #chart_08,
	.dashboard .col:not(.type-1) #chart_09,
    .dashboard .col:not(.type-1) #chart_10,
	.dashboard .col:not(.type-1) #chart_11,
    .dashboard .col:not(.type-1) #chart_12,
	.dashboard .col:not(.type-1) #chart_13,
	.dashboard .col:not(.type-1) #chart_14{width: 100% !important;}
	
	.chart-wrap #chart_01,
	.chart-wrap #chart_02,
    .chart-wrap #chart_03,
	.chart-wrap #chart_04,
    .chart-wrap #chart_05,
    .chart-wrap #chart_06,
    .chart-wrap #chart_07,
	.chart-wrap #chart_08,
	.chart-wrap #chart_09,
    .chart-wrap #chart_10,
	.chart-wrap #chart_11,
    .chart-wrap #chart_12,
	.chart-wrap #chart_13,
	.chart-wrap #chart_14,
	.chart-wrap #chart_16,
	.chart-wrap #chart_17,
	.chart-wrap #chart_21,
	.chart-wrap #chart_22,
	.chart-wrap #chart_23,
	.chart-wrap #chart_31,
	.chart-wrap #chart_32,
	.chart-wrap #chart_33{width: 100% !important;}


}
@media screen and (max-width:1200px) {
    
    /* .gnb.pc .depth2 > ul {padding-left: 167px;} */
    
    /* .dashboard .col .top .title .title-explain{display:block; margin-left:0; font-size:1rem;} */	

    .btn-print {
        display: none !important;
    }
}

@media screen and (max-width: 1050px) {
    .search-wrap.type1.type1-1 > div {width: 100%;}
    .search-wrap.type1.type1-1 .box {display: block; margin-top: 20px;margin-left: 0;}
    .search-wrap.type1.type1-1 .titles {margin-left: 0;}
    .search-wrap.type1.type1-1 .titles + .search-custom {margin-left: 0;}
    .search-wrap.type1.type1-1 .btn-wrap{display: block;margin-top:20px;width:100%;}
    .search-wrap.type1.type1-1 .btn-search{margin-left: 0 !important;}
}
@media screen and (max-width: 1050px) {
    .population-dashboard .map-wrap {float: none; width: 100% !important;}
    .population-dashboard .float-chart {float: none; margin-top: 30px; width: 100%;}
}
@media screen and (min-width:1024px) {
	.intro .section1 ul>li{position:absolute;}
	.intro .section1 ul>li:nth-child(2) {left: 50%; transform: translateX(-50%);}
	.intro .section1 ul>li:nth-child(3) {right: 0;}
	
	.modal .country-box .btn-list a:nth-of-type(5n+1){margin-left:0;}

    /* login */
    .login-wrap .login-save {
        position: absolute;
        left: 0;
        bottom: -2.1875rem;
    }
    .login-wrap ul {
        float: right;
        margin-top: 0px;
    }
    .login-wrap ul>li {
        display: inline-block;
    }
    .login-wrap ul>li a {
        position: relative;
        padding: 0 0 0 7px;
        margin-left: 2px;
    }
    .login-wrap ul>li a::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -6px;
        width: 1px;
        height: 14px;
        background-color: #aaa;
    }
    .login-wrap ul>li a:nth-of-type(1)::before {
        content: none;
    }
    
    .modal.global .modal-body {overflow: visible;}
    .modal.global .global-box .btn-list {height: 150px; overflow: auto;}
    .modal.global .global-box .btn-list::-webkit-scrollbar{width:6px; height:6px; border-radius:1.5rem; background-color: #b5dbea; background-color: rgba(181, 219, 234, 0.5);}
    .modal.global .global-box .btn-list::-webkit-scrollbar-thumb{border-radius:1.5rem; background-color:var(--color-primary80);}
    .modal.global .global-box .btn-list::-webkit-scrollbar-thumb-track{border-radius:1.5rem; background-color: #b5dbea; background-color: rgba(181, 219, 234, 0.5);}
    .modal.global .modal-body .input-wrap .title {display: inline-block;}
    
    
    /* 마이데이터랩 */
    .card-add-group.type-3 li{width: 32%;}
    .card-add-group.type-3 li:nth-child(3n+1) {margin-left: 0;}
    .card-add-group.type-3 li:nth-child(-n+3) {margin-top: 0;}
    
    .thumbnail-list.three.list>li:nth-of-type(3n+1) {margin-left: 0;}
}
@media screen and (min-width:1023px) {
    /* 2022.11 추가 */
    .modal .box-three .region-box .btn-list.type2 > .button:nth-of-type(5n+1) {margin-left: 10px;}
    .modal .box-three .region-box .btn-list.type2 > .button:nth-of-type(1), 
    .modal .box-three .region-box .btn-list.type2 > .button:nth-of-type(2n+1) {margin-left: 0;}
    
    /* 2023.01.04 지역선택 팝업 수정 */
    .modal .btn-list.type3:not(.btn-list-three) .button:nth-of-type(2n+1) {margin-left: 0;}
    .modal .btn-list.type3.btn-list-three .button:nth-of-type(3n+1){margin-left:0;}
}
@media screen and (max-width:1023px) {
    /* .contents{padding-top:65px;} */
    #location_nav{padding-top:65px;}
    .contents.event-con{padding-top:65px;}
    .contents > .inner, 
    .contents > article > .inner {margin-top: 2.5rem;}
    
    
    .chart-a {font-size: 0.9rem;}

    li.bullet, 
    p.bullet {padding-left: 0.9rem; text-indent: -0.5rem;}
    
    .big-title {font-size: 1.5rem;}
	
    /* location */
    /* .location ul {width: 90%; line-height: 2.5rem;}
    .location li {font-size: 0.9rem;}
    .location li:after {margin: 0.3rem;}
    .location li a {font-size: 0.9rem;}
    .location .home {margin-right: 0.8rem;} */
    
    .location ul{width: 100%;}
    
    /* page title */
    /* .page-title-wrap{width: 90%;} */

    /* .select-type2 {padding: 0 1.2rem 0 0.7rem; height: 1.7rem; vertical-align: top; font-size: 1rem; line-height: 1rem; border-radius: 0.3rem;} */

    /* tab */
    /* .tab {display: table; margin: 0 auto; border-radius: 0.3rem;} */
    /* .tab>li {float: none; display: table-cell; padding: 0.3rem 0.5rem; line-height: 1.3;} */
    /* .tab>li a {padding: 0.3rem 1rem; word-break:keep-all;} */
    .tab-wrap .tabs.tabs-pr {padding-right: 0;}
    

    /* board */
    .table-search .input-wrap {margin-left: 0.2rem; width: 14rem; height: 1.7rem; line-height: 1.7rem;}
	.table-search .search-input {width: calc( 100% - 3.5rem); height: 1.7rem;}
	.table-search .btn-search {width: 3rem; font-size: 1rem;  }
	
    .board .table-search select, 
    .board .table-search .input-wrap, 
    .board .table-search .search-input, 
    .board .table-search .btn-search {height: 1.7rem;}

	/* .board .table-type1 thead th{padding: 0.8rem; font-size: 1rem;} */
	
    /* .table-search-wrap{width:auto; hegiht:2rem;} */
    /* .table-search {margin-left: 0.3rem; width: 12rem; height: 1.7rem;border-radius: 0.3rem;   } */
    /* .table-search .input-wrap {padding: 0 0.3rem; width: calc(100% - 1.7rem);}
    .table-search .btn-search {padding:0 0.5rem;width: 1.7rem; height: 100%; font-size:1rem; background-size: 40%;} */
    .guide-box + .table-search-wrap{margin-top:2.5rem;}

    /* .board table td{font-size: 0.9rem;} */
    .board table td{word-break: break-all;}
    .board-list table .table-division {width: 6rem; min-width: 100%; word-break: break-all;}

    /* .board table td{word-break: break-all;} */

    .board .table-wrap {overflow-x: auto;}
    .board .table-wrap h4 {margin: 0 0 0.5rem 0; font-size: 1.1rem;}
    .board .table-wrap .noti {padding: 0.2rem 0.4rem;}
    .board .table-wrap .board-file li {padding: 0.8rem 1rem;}
    .board .table-wrap .board-file .inner {padding: 0.8rem 1rem;}
	.board .table-wrap .board-file .title {margin-top: 0; width: 5rem;}
	.board .table-wrap .board-file .file-list {width: calc(100% - 5rem);}
	.board .table-wrap .board-file .file-icon {margin-left: 1.2rem; padding: 0 0 0.3rem 1.3rem; background-position: left center;}
    .board .table-wrap .board-btm li {padding: 0.8rem 1rem; }
	.board .table-wrap .board-btm li>a {width: calc(100% - 5rem); font-size: 0.9rem;}
    .board .table-wrap .board-btm li>span {display: inline-block; margin-right: 2rem; width: 3rem; font-size: 0.9rem; font-weight: 500; vertical-align: text-bottom;}
    
    
    /* .board .select-type2{height:1.7rem; line-height:1.7rem;} */

    .board-list .table-wrap table {width: 100%; max-width:1240px;}
    /* .board-list .select-type{height:35px;}   */
	

    /* .paging a {width: 1.5rem; height: 1.5rem; font-size: 0.9rem; line-height: 1.5rem;} */

    /* .table-btn {padding: 0.5rem 1.5rem; font-size: 1rem; border-radius: 0.3rem;} */
    /* .btn-wrap .table-btn {margin-left: 0.5rem;} */

    
    
    /* guide-box */
    .guide-box {padding: 6rem 2rem 2rem 2rem; background-position: center 2rem;}
    .guide-box p {font-size: 1.1rem; line-height: 1.5;}
    .guide-box span {font-size: 1.1rem;}
    .guide-box strong {margin-bottom: 0.7rem; font-size: 1.4rem;}

    /* chart-top */
    .chart-wrap .chart-box {margin-top: 1.2rem;}
    .chart-top {margin-bottom: var(--space4);}
    .chart-list>li {margin-bottom: 0.3rem; border-radius: var(--border-radius2);}
    .chart-list>li a {padding: 0.3rem;}
    .tab-panel .chart-wrap .chart-box .menu-more-wrap{margin-top: var(--space4);}

    /* intro */
    .intro .title {font-size: 1.8rem; letter-spacing: -0.2rem;}
    .intro .title>.bold {letter-spacing: -0.1rem;}
    .intro .title2 {font-size: 1.2rem; letter-spacing: -0.1rem;}
    .intro .title2>span {font-size: 1.4rem;}
    
    .intro .section1 {padding: 5rem 0;}
    .intro .section1 p {margin-top: 1rem; font-size: 1rem; line-height: 1.8; word-break: keep-all;}
    /* .intro .section1 p br {display: none;} */
    
    .intro .section1 ul {margin-top: 7rem; height: auto;}
	.intro .section1 ul>li {margin: -2rem auto 0; width: 20rem; height: 20rem;}
	.intro .section1 ul>li .text p {font-size: 0.9rem; line-height: 1.7;}
	.intro .section1 ul>li .text p:nth-child(1) {font-size: 1.6rem; letter-spacing: -0.1rem;}
    
    .intro .section2 { padding: 3rem 0; height: auto;}
    .intro .section2 ul>li {position: inherit; margin: 0 auto; width: 20rem; height: 20rem;}
    .intro .section2 ul>li:nth-child(2) {left: auto; margin: -2rem auto; transform: none;}
    .intro .section2 ul>li .text span {margin: 0.5rem 0; width: 1.5rem;}
    .intro .section2 ul>li .text p {line-height: 1.8;font-size: 1rem;}
    .intro .section2 ul>li .text p:nth-child(1) {font-size: 1.3rem; letter-spacing: -0.1rem;}
    
    .intro .section3 {padding: 5rem 0;}
    .intro .section3 ul {margin-top: 1.5rem; height: auto;}
    .intro .section3 ul>li {position: inherit; margin: 0 auto; padding: 1rem 1rem; width: 55%; font-size: 1rem; border-radius: 2.5rem;}
    .intro .section3 ul>li:nth-child(2) {left: auto; margin: 0.5rem auto; transform: none;}
    .intro .section3 .title2>span {display: block;}
    
    .intro .section4 {padding: 2rem 0; height: auto; background-image: none;}
    .intro .section4:before {content: '';background-image: url(/images/portal/sub/intro_section4.png);width: 90%;margin: 0 auto 1rem;height: 10rem;display: block;background-size: cover;background-repeat: no-repeat;background-position: center top;}
    .intro .section4 p {margin-top: 0.5rem; line-height: 1.5; font-size: 1rem;}
    .intro .section4 > .inner {padding: 0 3rem; box-sizing: border-box;}
    
    .intro .section5 {padding: 5rem 0;}
    .intro .section5 ul>li {margin: 0 auto; padding: 0 0 1.5rem 0; width: 70%; border-radius: 0.3rem;}
    .intro .section5 ul>li:nth-child(2) {margin: 2.5rem auto 0;}
    .intro .section5 ul>li img {float: none; display: block; margin: 0 auto 0.5rem;}
    .intro .section5 ul>li .title {position: inherit; margin-bottom: 1.5rem; padding: 0.5rem 0; font-size: 1.2rem; letter-spacing: -0.1rem;}
    .intro .section5 ul>li .text {padding: 0 1rem; text-align: center; line-height: 1.5; font-size: 1rem; box-sizing: border-box;}
    
    .intro .section6 img {display: block; float: none; margin: 0 auto 2rem; width: 13rem;}
    .intro .section6 p {font-size: 1rem; line-height: 1.7;}
    .intro .section6>.inner { padding: 2rem 0; width: 100%;}
    .intro .section6 .text {padding: 0 10%; text-align: center; word-break: keep-all;}


    .intro-use-list>li .title,
    .thumbnail-list>li .title {font-size: 1.1rem;}

    /* search */
    /* .search-wrap .input-wrap {height: 2rem; line-height: 1.4rem; font-size: 1rem; border-radius: 0.3rem;}
    .search-wrap .input-wrap input {margin-top: 0; padding: 0 1.2rem 0 0.7rem; width: 5.6rem; height: 2rem;}
    .search-wrap .date-wrap input {width: 7rem;} */
    /* .search-wrap .search-custom { margin-top: 0.3rem;}
    .search-wrap .search-custom span {margin: 0 0.3rem;} */
	/* .search-wrap .select-type1 {height: 2rem;} */
	
	.search-wrap .nation-list li {margin-right: 0.5rem; margin-bottom: 0.5rem; width: 30%;}
	.search-wrap .search-custom.width100 {width: 100% !important;}
	
	/* 20221123 비교지역 추가 */
    .search-wrap .morebtn-txt {float: none;}
    /* .search-wrap .search-filter {margin-top: 1rem;padding-top: 1rem; text-align: center; border-top: 1px solid #ecebeb;} */
    /* .search-wrap .search-filter .title{ margin: 0 0.8rem 0.5rem; vertical-align:middle; font-size: 1rem;} */
    .search-wrap .search-filter .region-wrap {width: 100%;}
    .search-wrap .search-filter .region-wrap .region-list li{text-align:left;}
    .search-wrap .search-filter .region-wrap .region-list .region {display:block; padding: 0.3rem 2rem 0.3rem 0.7rem; height: auto; font-size:1rem; line-height: 1.5; border-radius:0.3rem;}
    .search-wrap .search-filter .region-wrap .region-list .region .btn-delete{right: 0.5rem; margin-top: -0.5rem; width: 1rem; height: 1rem;}

    .search-wrap.type1 {margin-bottom: 2rem; padding: 1.5rem 1.2rem;}
    .search-wrap.type1 .title,
    .search-wrap.type1 .titles {display: block; margin-right: 0.5rem; margin-bottom: 0.5rem; /*width: 3rem;*/width: auto; font-size: 1rem;}
    .search-wrap.type1 .box,
    .search-wrap.type1.type1-1 .box {margin-top: 1.2rem;}
    .search-wrap.type1 .box > select {margin-right: 0.3rem;}
    .search-wrap.type1 .box > select + .title {margin-top: 1rem;}
    .search-wrap.type1 .button, 
    .search-wrap.type1 .region {padding: 0 1.2rem 0 0.7rem;height: 1.7rem;line-height: 1.6rem;font-size: 1rem;border-radius: 0.3rem;}
    .search-wrap.type1 .button {margin-left: 0.3rem; margin-bottom:0.3rem;}
    .search-wrap.type1 .date-wrap {margin-top: 0.5rem; margin-left: 0; width: 100%;}
    .search-wrap.type1 .date-wrap .button:first-child {margin-left: 0;}
    .search-wrap.type1 .info-box:not(.info-wrap .info-box) {top: -1rem; left: 1rem; padding: 0 0.5rem; line-height: 1.8rem; border-radius: 0.3rem;}
    .search-wrap.type1 .btn-search {float: none; margin-top: 1rem; width: 100%; height: 2rem; font-size: 1rem; line-height: 1.3rem; border-radius: 0.3rem;}
    
    
    .search-wrap.type1 .button,
    .search-wrap.type1 .region{height:2rem; line-height:1.9rem;} 

    .search-wrap.type1 .region-wrap .region-list li {margin-top: 1rem;}
    .search-wrap.type1 .region-list .region {display: block; min-width: 11rem; max-width:100%; padding-right: 2rem;}
    .search-wrap.type1 .region-list .btn-wrap {margin-top: 0.5rem;}
    .search-wrap.type1 .region-list .button:first-child {margin-left: 0;}
    
    .search-wrap.type1 .btn-wrap .button:first-of-type {margin-left: 0;}
	.search-wrap.type1 .region-wrap.region-spot .region-list select:nth-of-type(1) {width: 6rem;}
	.search-wrap.type1 .region-wrap.region-spot .region-list select:nth-of-type(2) {width: 9rem;}
	.search-wrap.type1 .region-wrap.region-spot .region-list select:nth-of-type(3) {display: block;margin-top: 0.5rem;width: 100%;}
	.search-wrap.type1 .region-wrap.region-spot {margin-bottom: 0.5rem; width: 100%;}
	.search-wrap.type1 .region-wrap.region-spot .region-list .btn-wrap {float: none; margin-left: 0 !important; width: 100%; text-align: right;}
	.search-wrap.type1 .region-wrap.region-spot .region-list li {margin-top: 1.5rem;}
	.search-wrap.type1 .region-wrap.region-spot .region-list li:first-of-type {margin-top: 0.5rem;}


    .search-wrap.type1 .region-spot {width: 100%;}
    .search-wrap.type1 .region-spot > input {margin-bottom: 0.5rem; width: 100%; height: 2rem;}
    .search-wrap.type1 .region-spot > .button {float: right; margin-left: 0 !important; margin-bottom: 0 !important;}
    .search-wrap.type1 .region-spot:after {content: ''; clear: both;display:block;}

	.mice .search-wrap.type1 .title{width:auto;}

    .search-wrap.type2 {padding: 2rem 0 1rem;}
    .search-wrap.type2 .lookup-wrap {float: none; padding-bottom:0.7rem; text-align: center; white-space: nowrap; overflow-x: auto;}
	.search-wrap.type2 .lookup-wrap::-webkit-scrollbar{width:3px; height:3px; border-radius:1.5rem; background-color:#ebebeb;}
	.search-wrap.type2 .lookup-wrap::-webkit-scrollbar-thumb{border-radius:1.5rem; background-color:#999;}
	.search-wrap.type2 .lookup-wrap::-webkit-scrollbar-thumb-track{border-radius:1.5rem; background-color:#ebebeb;}
	
    .search-wrap.type2 .lookup-wrap .title {margin-right: 0.8rem; font-size: 1rem;}
    
    .search-wrap.type2 .btn-wrap{float: none; margin-top:0.8rem; padding-top:1.2rem; border-top:1px solid #ecebeb; text-align: center; white-space: nowrap; overflow-x: auto;}
	.search-wrap.type2 .btn-wrap::-webkit-scrollbar{width:3px; height:3px; border-radius:1.5rem; background-color:#ebebeb;}
	.search-wrap.type2 .btn-wrap::-webkit-scrollbar-thumb{border-radius:1.5rem; background-color:#999;}
	.search-wrap.type2 .btn-wrap::-webkit-scrollbar-thumb-track{border-radius:1.5rem; background-color:#ebebeb;}
    .search-wrap.type2 .btn-search{float: none; margin-left: 0.5rem; width:4rem; height:1.7rem; font-size:1.1rem;}
    .search-wrap.type2 .search-custom{margin-top:0;}
    .search-wrap.type2 .lookup-wrap,
    .search-wrap.type2 .lookup-wrap select,
    .search-wrap.type2 .lookup-wrap input,
    .search-wrap.type2 .lookup-wrap .title{vertical-align: middle;}
    .search-wrap.type2 .lookup-wrap .select-wrap,
    .search-wrap.type2 .lookup-wrap .date-wrap{margin-left:0.8rem;}
    .search-wrap.type2 + .tab-wrap{padding-top:0;}
    
    .search-wrap.type2 .lookup-wrap .input-question-wrap .input-question-all{width:800px; height:2rem; font-size:1rem;}
    .search-wrap.type2 .lookup-wrap .input-question-wrap .input-question{width:520px; height:2rem; font-size:1rem;}
    .search-wrap.type2 .lookup-wrap .input-question-wrap .input-item{width:104px; height:2rem; font-size:1rem;}

    
    
    .search-wrap.type2 .btn-wrap .button, 
    .search-wrap.type2 .btn-wrap .region {margin-bottom: 0.7rem; height: 2.5rem; line-height: 2.5rem;}
	
    
    /* input */
    .input-wrap input {margin-right: 0.3rem;}

    /* select */
    /* .select-type1 {padding: 0 1.2rem 0 0.7rem; height: 1.7rem; font-size: 1rem; line-height: 1rem; border-radius: 0.3rem;} */
    
    /* scroll */
    #warningModal::-webkit-scrollbar,
	#metaDataPopup .table-wrap::-webkit-scrollbar,
	.modal-body > .region-box.right::-webkit-scrollbar,
	.modal-body::-webkit-scrollbar,
	.dashboard.my-data-lab .table-wrap::-webkit-scrollbar,
	.modal .card-add-group::-webkit-scrollbar{width:3px; height:3px;}
	.modal-add-card .card-add-group,
	.modal-add-card .tab-con2 .box-two{height: auto;overflow:hidden;max-height: none;}
	
	#modalFindTar .modal-body {height: auto; overflow: visible;}
	
	/* grid */
	#Grid,
	#Grid2,
	#Grid3,
	#Grid4{overflow:auto;}
	#Grid::-webkit-scrollbar,
	#Grid2::-webkit-scrollbar,
	#Grid3::-webkit-scrollbar,
	#Grid4::-webkit-scrollbar{width:3px; height:3px; border-radius:1.5rem; background-color:#ebebeb;}
	#Grid::-webkit-scrollbar-thumb,
	#Grid2::-webkit-scrollbar-thumb,
	#Grid3::-webkit-scrollbar-thumb,
	#Grid4::-webkit-scrollbar-thumb{border-radius:1.5rem; background-color:#999;}
	#Grid::-webkit-scrollbar-thumb-track,
	#Grid2::-webkit-scrollbar-thumb-track,
	#Grid3::-webkit-scrollbar-thumb-track,
	#Grid4::-webkit-scrollbar-thumb-track{border-radius:1.5rem; background-color:#ebebeb;}
	
	#Grid td span, 
	#Grid2 td span {font-size: 14px;}
    
    /* tab */
    .contents > .inner > .tab-wrap,
    .contents > .inner > .print-div > .tab-wrap,
    .contents.crus-content .tab-panel .tab-wrap {margin-top: 3.5rem;/*  padding-top: 4rem; */}
    .tab-wrap .btn-wrap .button, 
    .tab-panel .btn-wrap .button {margin-bottom:1rem; height: 2.5rem; line-height: 2.5rem;}
    .tab-wrap .btn-wrap {top: 0;}
    .tab-wrap .tabs ul {font-size: 0;}
    .tab-wrap .tabs li {margin-left: 0.3rem; border-radius: 0.3rem 0.3rem 0 0;}
    .tab-wrap .tabs li a {padding: 0 1rem; min-width: 4rem; height: 2.5rem; line-height: 2.5rem; font-size: 1rem;}

    .tab-panel > .top {padding: 1.5rem 0;}
    /* .tab-panel > .top .btn-wrap.floatright {float: none !important; margin-bottom: 1rem;} */
    
    /* button */
    /* .button {height: 2rem; font-size: 1rem; line-height: 1.9rem; border-radius: 0.3rem;} */
    .button.btn-shadow {padding: 0 1rem 0;}
    .button.btn-arrow-blue, 
    .button.btn-arrow-white {padding: 0 2rem 0 1rem;}
    
    .btn-wrap select {height: 2.5rem; line-height: 2.5rem; font-size: 1rem; border-radius: 0.3rem;}
    .btn-wrap .button {margin-left: 0.8rem; min-width: 4rem;}

	.btn-wrap.btn-option {margin-bottom: 0.5rem; text-align: right;}
    .btn-wrap.btn-option.floatright {float: none !important;}
    .btn-wrap.btn-option .button{margin-bottom:10px;}
    .search-wrap.type1.type1-1 .btn-wrap.btn-option{margin-top:3rem;}

    .btn-card-change{display: none;}

    .btn-h30 {height: 2rem !important; line-height: 1.9rem !important;}
	.btn-h40 {height: 2.5rem !important; line-height: 2.5rem !important;}


    .title-explain {margin-left: 0.6rem;}
    .chart-bullet {font-size: 1.2rem;}

    .chart-wrap.box-shadownone {padding: 1.5rem;}
    
    .chart-top .sort strong,
	.chart-top .sort label.title,
	.chart-wrap strong,
	.chart-wrap h3,
	.chart-wrap h4,
	.chart-wrap h5,
	.chart-wrap .chart-top .title {font-size: 1.2rem;}
	
    
    /* .chart-box.chart-two .chart {padding: 0 2%;} */
    .dashboard .col:not(.type-1) .chart-box.chart-three .chart{padding:3% 0; }
    .dashboard .col:not(.type-1) .chart-box.chart-two .chart,
    .dashboard .col:not(.type-1) .chart-box.chart-three .chart{display:block; width:100%;}
    /* .chart-box.chart-two .chart, 
	.dashboard .chart-box.chart-two .chart {padding: 5%;}
    .chart-box.chart-two .chart:first-of-type, 
	.dashboard .chart-box.chart-two .chart:first-of-type {padding: 0 5%;} */
    
    .chart-box.chart-two .chart > div,
    .chart-box.chart-three .chart > div{width:100% !important;}
    .chart-box.chart-two .chart{display:block; width:100%;}

    .chart-wrap .chart-box.chart-two > div,
    .dashboard .chart-box.chart-two .chart,
    .chart-wrap .chart-box.chart-three .chart,
    .dashboard .chart-box.chart-three .chart{width: 100% !important;}

    .modal .input-btn {margin-bottom: var(--space5);}
    .modal .input-btn input[type="text"] {width: calc(100% - (65px + 65px)); box-sizing: border-box;}
    .modal .input-btn input[type="text"] ~ .btn {margin: 0 !important; padding: 0; width: 60px; min-width: auto; }
    
    .chart-btn {clear: both; margin-top: 1.5rem; white-space: nowrap;overflow-x: auto;}
    .chart-btn::-webkit-scrollbar{width:3px; height:3px; border-radius:1.5rem; background-color:#ebebeb;}
	.chart-btn::-webkit-scrollbar-thumb{border-radius:1.5rem; background-color:#999;}
	.chart-btn::-webkit-scrollbar-thumb-track{border-radius:1.5rem; background-color:#ebebeb;}
    .chart-btn .button {margin-bottom: 0.5rem;}
    .chart-wrap .chart-top + .chart-btn {margin: 1rem 0 !important;}

    .mark img {width: 1.5rem;}
    .mark .text {margin-top: 0.5rem; font-size: 0.8rem; line-height: 1rem;}
    .chart-top .mark {right: 0;}
    .chart-top .chart-location + .number {margin-bottom: 2.5rem;}

    .chart-location ul:before, 
    .chart-bullet:before {margin-right: 0.5rem; height: 0.8rem;}
    .chart-bullet:before {vertical-align: middle;}
    .chart-location li {font-size: 1rem;}
    .chart-location li:after {margin: 0 0.2rem;}
    .chart-location li:last-of-type {font-size: 1.1rem;}
    .chart-location + .number {padding-left: 0.8rem;}
    .chart-location + .number, 
    .chart-location + .number span {font-size: 1.1rem;}
    
    .chart-search{margin-top:1.1rem;}

    /* .region {margin-right: 0.5rem; padding: 0 1.5rem 0 0.5rem; height: 2rem; line-height: 1.9rem; font-size: 1rem; border-radius: 0.3rem;}
    .region .btn-delete {right: 0.1rem; margin-top: -0.3rem; width: 0.6rem; height: 0.6rem; background-size: contain;} */

    

    /* modal */
    .modal {padding:1.5rem; top:90px; width: 80% !important; /* height:auto;*/ /*height:100%; max-height: 80%;*/ max-height: calc( (var(--vh) * 90) - 65px); box-sizing:border-box; transform:translateX(-50%);}
    .modal .table-wrap table {width: 1200px;}
    .modal .select-region a {margin-right: 0.5rem; margin-bottom: 0.3rem;}
    .modal .select-region .region {margin-bottom: 0.3rem;}
    .modal .btn-list .button {margin-bottom: 0.8rem; padding: 0 0.5rem;}
    .modal .region-box .btn-list .button {display: block; padding: 0.3rem 0.5rem; min-height: 2rem; height: auto; line-height: 1.2;}
    
    .modal .guide-box{padding: 1.5rem 1.5rem 1.5rem 7rem;}
    /* .modal input[type=text]{padding:0 1.5rem 0 0.5rem; height:2rem; font-size:1rem; line-height:1.8rem; border-radius:0.3rem;} */
    
    .modal .btn-wrap .button {margin-bottom: 0;}
    
    /* .modal .btn-list.type2 > .button {display: inline-block; margin-left: 2.5%; width: 23.1%;}
    .modal .btn-list.type2 > .button:nth-of-type(4n+1) {margin-left: 0;}
    .modal .btn-list.type2 > .button:nth-of-type(5n+1) {margin-left: 2.5%;} */

    .modal .btn-list.type2 > .button {display: inline-block; margin-left: 3%; width: 48%;}
    .modal .btn-list.type2 > .button:nth-of-type(1), 
    .modal .btn-list.type2 > .button:nth-of-type(5n+1){margin-left: 3%;}
    .modal .btn-list.type2 > .button:nth-of-type(2n+1) {margin-left: 0;}
    /* .modal .btn-list.type2 > .button:nth-of-type(5n+1) {margin-left: 2.5%;} */
    
    /* 2023.01.04 지역선택 팝업 수정 */
    .modal .region-box .btn-list.type3 .button {display: inline-block; width:48%;}
    .modal .region-box .btn-list.type3 .button:nth-of-type(2n+1){margin-left:0;}
	
	.modal .region-wrap .search-wrap > .box-two {margin-right: 0; width: 100%;}

    .modal-body .search-wrap .box .input-wrap {height: 2rem;}

    .modal-body.region-wrap > .title {margin-bottom: 0.8rem; font-size: 1.3rem;}
    .modal-body.region-wrap .search-wrap.type2 .btn-search {height: 2rem;}
    .modal-body.region-wrap .search-wrap .box {margin-bottom: 0.6rem;}

    .modal-body.region-wrap .search-wrap .box > .title {width: auto;}
    .modal-body.region-wrap .search-wrap .box.box-one > .title {margin-right: 1rem;}
    .modal-body.region-wrap .search-wrap .box.box-two > .title {width: 25%;}
    .modal-body.region-wrap .search-wrap .radio-list li {margin-right: 0.5rem;}
    
    .modal .box-two .box {width: 100%;}
    .modal .box-two .left-big,
    .modal .box-two .left-big + .box {width: 100%;}
    .modal .box-two .region-box.region-one{width:100% !important;}
    .modal .box-two .region-box.left {width: 48%;}
    .modal .box-two .region-box.right {width: 48%;}
    .modal .box-two .region-box.right .btn-list:after {content: '';display: block;clear: both;}
    .modal .box-two .region-box.right .btn-list > div {float: left;}
    .modal .box-two .region-box .btn-list > div:nth-child(3) {clear: both; margin-left: 0;}
    .modal .box-two .btn-list > div {margin-left: 3%; width: 48%;}
    .modal .box-two .region-box .btn-list > div{width: 100%;}
    .modal .box-two .region-box .btn-list > div{margin-left: 0;}
    
    /* 2022.11 추가 */
    .modal .box-three {flex-wrap: wrap;}
    .modal .box-three .region-box:first-of-type {width: 35%;}
    .modal .box-three .region-box:last-of-type {width: 100%;}
    .modal .box-three .region-box:last-of-type .btn-list.type2 > .button {width: 25%;}
    
    /* 2022.12.23 수정 */
    .modal .box-three .region-box.region-si{width: 62%;}
    .modal .box-three .region-box.big-box,
    .modal .box-three.tourist-box .region-box.big-box{width: 100%;}
    .modal .box-three.tourist-box .region-box{width: 48%;}
    .modal .box-three.tourist-box .region-box:first-of-type{width: 48%;}
    
    .modal .box-three .region-box.region-si {width: 62%;}
    .modal .box-three .region-box.region-si .btn-list > div {width: 48%;}
    .modal .box-three .region-box .btn-list > div {width: 100%;}
    .modal .box-three .region-box .btn-list .button {word-break: keep-all;}

	.modal-head {min-height: 28px; height: 2rem;}
    .modal-head .title {margin-bottom: 0.7rem; font-size: 1.2rem;}
    .modal-head .notice, 
    .modal-head .notice li {font-size: 0.8rem; line-height: 1.3;}
    .modal-head .notice {margin-bottom: 1.1rem;}
    .modal-head .notice .bullet:before {margin: 0 0.5rem 0 0;}
    
    /* .modal-body{padding-top: 1.1rem; height: calc(100% - 156px); height: calc(100% - 5.1rem); max-height:none; box-sizing:border-box; overflow:auto;} */
    /* .modal-body {padding: 1.1rem 0.5rem 0; height: calc(100% - 5.1rem); max-height:none; box-sizing:border-box; overflow:auto;} */
    .modal-body {padding: 1.1rem 0.5rem 0; height: calc(100% - 5.1rem); max-height: calc( (var(--vh) * 70) - 5.1rem);  box-sizing:border-box; overflow:auto;}
	.modal-body::-webkit-scrollbar{width:3px; height:3px; border-radius:1.5rem; background-color:#ebebeb;}
	.modal-body::-webkit-scrollbar-thumb{border-radius:1.5rem; background-color:#999;}
	.modal-body::-webkit-scrollbar-thumb-track{border-radius:1.5rem; background-color:#ebebeb;}
    /* .modal-body .title{margin-bottom: 0.8rem; padding:0.3rem 0.8rem;} */
    .modal-body .qna-list ul{margin-left:2.5rem;}
    .modal-body .qna-list input[type=radio]{margin-right:0.3rem;}
    .modal-body .qna-list input[type=text]{margin-left:0.6rem; width:70%;}
    .modal-body .qna-list .title{font-size:1.2rem;}
    .modal-body .qna-list .title span{margin-right:0.5rem; font-size:1.2rem; vertical-align:text-bottom;}
    
    .modal-foot {margin-top: 0; padding-top: 1rem; height: 3.5rem;}
    .modal-foot .btn_area .btn{font-size:1rem;}
    .modal-body .modal-inmodal{padding: 1.8rem;}
    .modal-body .modal-inmodal>p{font-size:1.2rem; word-break: keep-all;}
    .modal-body .modal-inmodal>p br{display: none;}
    
    /* 지역 추가 팝업 (동까지 리스트) - 높이 수정 중 */
    .modal-region .modal-body {height: 50% !important;}

    /* 지역 추가 팝업 (구까지만 리스트) - 높이 수정 중 */
    .modal-region-select .modal-body{height: 60%;}
    
    /* .modal-myplus,
    #warningModal{height:auto;} */
    .modal-myplus .guide{padding:1.2rem; word-break:keep-all;}
    /* .modal-myplus #dashboard-name{margin-top:1.2rem;} */
    
    
    .modal .search-wrap.type3 label.title {font-size: 1.2rem;}
	.modal .search-wrap.type3 label.title input {margin-top: 1rem;}
	
	.modal-foot .foot-link {margin-top: 0.5rem; line-height: 1.3;}
	.modal-foot .foot-link a {font-size: 0.9rem;}
	
	.modal.modal-search .modal-body {max-height: calc( (var(--vh) * 70) - 8.5rem);}
	.modal.modal-search .modal-foot {height: 5.5rem;}

    /* 대륙 선택 팝업 */
    .modal.global .modal-body .input-wrap input[type=text] {width: calc(100% - 4.5rem);}
    .modal.global .modal-body .input-wrap .title {display: block;}
    .modal.global .modal-body .input-wrap .button {width: 4rem;}
    .modal.global .btn-list .button {padding: 0.3rem; height: auto;min-height: 2rem; line-height: 1.2rem;}
    .modal.global .box-one .btn-list {display: flex; flex-flow: wrap;}

    /* 관광지 선택 팝업 - 테이블 */
    .modal.modal-region-spot .table-wrap {height: auto; overflow: visible;}
    .modal.modal-region-spot .table-wrap table {width: 100%;}
    .modal.modal-region-spot .table-wrap colgroup {display: none;}
    .modal.modal-region-spot .table-wrap th, 
    .modal.modal-region-spot .table-wrap td {display: block; width: 100%; box-sizing: border-box;}
    .modal.modal-region-spot .table-wrap th {padding: 10px 10px 5px;}
    .modal.modal-region-spot .table-wrap td {padding: 5px 10px 10px;}
    .modal.modal-region-spot .table-wrap .input-btn input[type=text]{margin-right: 0.5rem; width: calc( 100% - 5rem);}
    .modal.modal-region-spot .table-wrap .input-btn .button {width: 4.5rem;}

    /* tooltip */
    .modal .info-box {left: auto; padding: 10px;width: 250px;}

    /* pdf-viewer */

	.pdf-head {min-height: 28px; height: 2rem;}
    .pdf-head .title {margin-bottom: 0.7rem; font-size: 1.2rem;}
    .pdf-head .notice, 
    .pdf-head .notice li {font-size: 0.8rem; line-height: 1.3;}
    .pdf-head .notice {margin-bottom: 1.1rem;}
    .pdf-head .notice .bullet:before {margin: 0 0.5rem 0 0;}
    
    .pdf-body {padding: 1.1rem 0.5rem 0; height: calc(100% - 5.1rem); max-height: calc( (var(--vh) * 70) - 5.1rem);  box-sizing:border-box; overflow:auto;}
	.pdf-body::-webkit-scrollbar{width:3px; height:3px; border-radius:1.5rem; background-color:#ebebeb;}
	.pdf-body::-webkit-scrollbar-thumb{border-radius:1.5rem; background-color:#999;}
	.pdf-body::-webkit-scrollbar-thumb-track{border-radius:1.5rem; background-color:#ebebeb;}
    
    .pdf-foot {margin-top: 0; padding-top: 1rem; height: 3.5rem;}
    .pdf-foot .btn_area .btn{font-size:1rem;}
    
	
	.pdf-foot .foot-link {margin-top: 0.5rem; line-height: 1.3;}
	.pdf-foot .foot-link a {font-size: 0.9rem;}
	

    /* mice */
    .mice-dom3top span {line-height: 3rem;}
    .mice-dom3top .button {height: 2.5rem; line-height: 2.5rem;}

    /* .mice .mice-ul-list>li {padding: 1rem 0.5rem; font-size: 0;} */
    .mice .mice-ul-list>li {flex-direction: column; align-items: flex-start; gap:var(--space6) var(--space2);}
    .mice .mice-ul-list>li label {width: 8.5rem; vertical-align: middle; line-height: 1.5;}
    .mice .mice-ul-list>li label .ft-gray {font-size: 0.8rem;}
    .mice .mice-ul-list>li input {display: inline-block; padding: 0.3rem; width: 20rem; box-sizing: border-box;}
    .mice .mice-ul-list>li input + .ft-gray {display: block; margin-left: 8.5rem !important; font-size: 0.8rem;}
    /* .mice .mice-ul-list>li div {float: none;} */
    .mice .mice-ul-list>li div:nth-of-type(1){width: 100%;}
    .mice .mice-ul-list>li div:nth-of-type(2){margin-left: 0; width: 100%;}
    /* .mice .mice-ul-list>li div:nth-of-type(1) {margin-bottom: 1rem; width: 100%;}
    .mice .mice-ul-list>li div:nth-of-type(2) {margin-left: 0; width:100%;} */
    .mice .mice-ul-list>li .date-wrap {margin-bottom: 0 !important; height: 2rem; font-size: 1rem; border-radius: 0.3rem;}
    .mice .mice-ul-list>li .date-wrap .date {padding: 0.3rem 0.5rem; width: 7rem; line-height: 1rem;}
    .mice .btn-mice {width: 6.5rem; height: 2.3rem; font-size: 1.1rem; line-height: 2rem; border-radius: 0.3rem;}

    .mice .mice-ul-list.type2 > li label {width: 100%;}
    .mice .mice-ul-list.type2 > li label + input {margin-top: 10px; width: 100%;}
    
    .mice .tab-panel .chart-wrap .chart-box .select-type1 {margin-bottom: 1rem;}
    
    .search-box-mini {padding: 1.5rem 1rem !important;}
    .search-box-mini .lookup-wrap { margin-top: 0; width: 100%;}
    .search-box-mini .lookup-wrap + .btn-wrap {margin-top: 0; width: 100%; text-align: right; border-top: 0 none;}
    .search-box-mini .lookup-wrap + .btn-wrap .button {margin-bottom: 0;}
    .search-box-mini .lookup-wrap > div {display: block; width: 100%; text-align: left;}
    .search-box-mini .lookup-wrap .search-custom input {width: 25%; height: 2rem;}
    .search-box-mini .lookup-wrap .search-custom {/*margin-top: 1rem;*/ margin-left: 0;}
    .search-box-mini .radio-wrap .radio-list li {margin-right: 2rem;}
    
    .search-box-mini {flex-direction: column;}
    .search-box-mini .lookup-wrap {flex-direction: column;}
    .search-box-mini .lookup-wrap + .btn-wrap {justify-content: flex-end;}

    .search-mini {align-items: flex-start; flex-direction: column;}
    .search-mini > div { width: 100%;}
    .search-mini .search{width: 100%;}

    .area-data-lab .col .search-box-mini {flex-direction: row; flex-wrap: wrap;}
    .area-data-lab .col .search-box-mini .lookup-wrap {display: flex; flex-wrap: wrap; width: auto;}
    .area-data-lab .col .search-box-mini .lookup-wrap > div {display: flex; width: auto;}
    .area-data-lab .col .search-box-mini .lookup-wrap + .btn-wrap {width: auto;}
    .dashboard .col.type-2 .search-box-mini input[type="text"] {width: 100%;}

 
    /* cahrt */
    .stat-map .chart-map {display: none;}
    .ranking-wrap {position: inherit; left: auto; padding: 0; width: 100%; bottom: auto; box-sizing: border-box; box-shadow: none; transform: none;}
    .ranking-wrap>ul {margin-top: 0.8rem;}
    .ranking-wrap>ul>li {margin-bottom: 0.3rem; border-bottom: 0.3rem;}
    .ranking-wrap>ul>li a {padding: 0.5rem 0.9rem;}
    .ranking-wrap>ul>li .text {display: block; float: right; font-size: 0.9rem;}
    .ranking-wrap>ul>li .text p {font-size: 0.9rem; line-height: 1.3;}
    .ranking-wrap>ul>li .text .percent {display: inline-block; margin-left: 0.5rem; font-size: 0.9rem; color:#ff8549;}
    .ranking-wrap>ul>li.on .text p {color: #fff;}
    .ranking-wrap>ul>li.on .text .percent {color: #fff;}

    /* dashboard */
    /* .dashboard .row {margin-top: 2rem;} */
    /* .dashboard .col {margin-top: 2rem; margin-left: 0; padding: 2rem; height: auto !important;} */
    /* .dashboard .col:first-of-type {margin-top: 0;} */
    
    .dashboard .col.type-1 {width: 100%;}
    /* .dashboard .col.type-1 .scroll-x-mo{height: 450px;} */
    .dashboard.my-data-lab:not(.home) .row {display: block; margin-left: 0;}
    .dashboard.my-data-lab .col-wrap{margin-left:0; margin-bottom:2rem; width:100%;}
    .dashboard.my-data-lab .col.templet-card {display: none;}
	.dashboard.my-data-lab .col.templet-card + .col {margin-top: 0;}
	.dashboard.my-data-lab.home {margin-top: 0;}


    .intro-use-list>li.mid-box, 
    .thumbnail-list>li.mid-box {width: calc(50% - 16px);}
    
    /* .dashboard .col .top > div.info-btn {position:absolute; right: 25px; top: -0.6rem; line-height: 15px; } */
    
    .dashboard .col.type-1 .scroll-x-mo .mCSB_container> .inner,
    .dashboard .col.type-4 .scroll-x-mo .mCSB_container> .inner {/* width: 1240px; */ width: 1290px;}

    .dashboard .col.type-3 {width: 100%;}
    .dashboard .col.type-4 {width: 100%; height: auto !important;}

    /* .dashboard .col .top .title {width: 12rem; font-size: 1.1rem;} */
    
    .dashboard .col .top .title span{font-size:1.1rem;}
    .dashboard .col .top .title.ellipsis{max-width:23rem;}
    .dashboard .col .top .title span.ellipsis{display:inline-block; max-width:13rem;}

    /* .dashboard .col .tab {margin: 1rem auto 0;} */
    
    .dashboard .col.row-span-2 .table-wrap{max-height: 30rem !important;}
    
    .dashboard .col.type-5{width:100%;}
    .dashboard .col.type-5.row-span-2 .col{width:100%;}
    .dashboard .col.type-5.row-span-2 .col:last-of-type{float:left;}
    .dashboard .col.type-6{margin-left:0; margin-top:25px; width:100%;}
    
    .dashboard .col .top + .search-wrap .title{font-size:0.9rem;}
    
	.country-content .dashboard .col.row-span-2 ~ .col .table-wrap {max-height: 30rem !important; height: auto !important;}

    .dashboard.visit-dashboard .col.type-2 {margin-left:0 !important; width: 100% !important;}
    .dashboard.visit-dashboard .col.type-3 {margin-left:0 !important; width: 100% !important;}

    /* .menu-more-wrap {position: absolute; top: 0; right: 0;} */
    
    /* #area-select {padding: 0 1.5rem 0.3rem 1.5rem; font-size: 1.3rem;}
    #area-select:after {margin-left: 1.5rem;} */


    .title.bullet:before{margin-right:0.5rem; width:0.2rem; height:0.8rem; vertical-align: baseline;}
    
    
    .dashboard .quick-menu {padding-bottom: 0; /* height: 66px; */ height: 74px; }
    .dashboard .quick-menu.active{top:65px;}
    .dashboard .quick-menu {overflow: auto;}
    .dashboard .quick-menu::-webkit-scrollbar{width:3px; height:3px; border-radius:1.5rem; background-color:rgba(181, 219, 234, 0.5);}
    .dashboard .quick-menu::-webkit-scrollbar-thumb{border-radius:1.5rem; background-color:var(--color-primary80);}
    .dashboard .quick-menu::-webkit-scrollbar-thumb-track{border-radius:1.5rem; background-color:rgba(181, 219, 234, 0.5);}    
	
	.dashboard .quick-menu.active ul {width: 100%;white-space: nowrap;}
	.dashboard .quick-menu.active li:last-child {margin-right: 1rem;}
    
    .quick-menu .mCSB_container_wrapper{margin-bottom: 0;}
    .quick-menu .mCSB_container_wrapper > .mCSB_container {padding-bottom: 0;}
    
    /* .dashboard .chartbox .chart{float:none !important; margin-left:0 !important;} */
    .dashboard .chartbox .chart > img{margin: 0 auto; width:90%;}
    .dashboard .chartbox .chart + .ul-list2{float:none !important;}
    
    
    /* .dashboard .col .top{margin-bottom:1.5rem;width:100%;padding-right: 25px;box-sizing: border-box;} */
    /* .dashboard .col .top > div{position:absolute; top: -1rem; right:0;} */
    /* .dashboard .col .top .title .title-explain{display:block; margin-left:0; font-size:1rem;} */
    .dashboard .col .top .chart-search{position:inherit; top:0;}
    /* .dashboard .col.type-1 > div:not(.top){width:1240px;} */
    /* .dashboard .col.type-1 > div:not(.top){overflow-x:auto;}
    .dashboard .col.type-1 > div:not(.top) > .inner{width:1240px;} */
    .dashboard .col.type-1 > .col-con{overflow-x:auto;}
    .dashboard .col.type-1 > .col-con::-webkit-scrollbar{width:3px; height:3px; border-radius:1.5rem; background-color:#ebebeb;}
	.dashboard .col.type-1 > .col-con::-webkit-scrollbar-thumb{border-radius:1.5rem; background-color:#999;}
	.dashboard .col.type-1 > .col-con::-webkit-scrollbar-thumb-track{border-radius:1.5rem; background-color:#ebebeb;}
    .dashboard .col.type-1 > .col-con > .col-inner{width:1240px;}
    .dashboard .col.type-1 > div.right-chart{width:100%;}
    .dashboard .col.type-1 > .col-con .chart-box.chart-two {flex-wrap: nowrap;}
    .dashboard .col.type-1 > .col-con .chart-box.chart-two > div {flex-shrink: 0;}
    
    
    .dashboard .col.type-1 > .chartbox > .chart {width: 1240px;}
    
    .dashboard .col.type-2{width:100%;}
    .dashboard .col.type-2 .table-scroll table {width: 1240px;}
    
    .dashboard .col.type-2 .top .title.ellipsis{max-width:100%; white-space:normal;}
    
    .dashboard .col-spread .right-chart .chartbox{margin-top:1.5rem;}
    .col-spread .right-chart .title{margin-top:0; margin-bottom:2.5rem;}
    /* .col-spread .half{float:none; margin-left:0 !important; width:100%;} */
	.dashboard .col.col-spread {padding-bottom: 105px;}
	.dashboard .col.col-spread .top .title {font-size: 1.2rem;}

    .dashboard .row > div {width: 100%;}

	.col-spread .spread-btn {width: auto;  padding-right: 2rem; background-position: 90% center;}
	.col-spread .chartbox .chart {display: block;}
	.col-spread .right-chart .title {display: block; margin-left: 2rem;}
	.col-spread .col.type-1 .chartbox .title {margin-left: 2rem;}

    
    .dashboard .chatbox #chart_16{float:none !important; margin:0 auto; width:90% !important;}
    
    .dashboard .chartbox .ul-list2 li{width:48%;}
    .dashboard .chartbox .ul-list2 li:nth-child(2n){margin-left:2%;}
    .dashboard .chartbox .ul-list2 li:nth-child(-n + 2){margin-top:0;}
    /* .dashboard .chartbox .chart{margin-top:1.5rem;} */
    
    .dashboard .tab-box-area .inner > div{float:none !important; margin-top:1.5rem; margin-right: 0 !important; width:100%;}
    .dashboard .tab-box-area .inner > div:first-of-type{margin-top:0;}
    
    .dashboard .big-total .number {font-size: 1.5rem;}
	.dashboard .big-total .text {font-size: 1.1rem;}
    .dashboard .total-two .left-total{padding-right:0; padding-bottom:5%; width:100%;}
    .dashboard .total-two > div{display:block;}
    .dashboard .total-two .right-total{padding-left:0; /*padding-top:5%;*/ width:100%;}
    .dashboard .total-two .right-total.border-left{border-left:0 none; border-top: 1px solid #cbc3c3;}
    
    .area-data-lab .ul-list2{font-size:0;}
    .area-data-lab .ul-list2>li{display:inline-block; margin-top:1.2rem; margin-bottom:0; vertical-align:top;}
    
    /* .area-data-lab .chartbox .chart-list{float:none !important;} */
    .area-data-lab .col:not(.type-1) .chartbox .chart-list{float:none !important;}
    .area-data-lab .chartbox .chart-list + .chart{clear:both; margin-top:1rem;}
    .area-data-lab .chartbox .chart-list + .chart > div:first-of-type{margin-top:0;}
    
    .dashboard .col.type-1 .chart-list2 li {display: block; width: auto;}
    
    /* .area-data-lab .col.type-1 .chartbox .chart {float: left !important;margin-top: 0;margin-left: 2rem !important;clear: none;} */
    .area-data-lab .col.type-1 .chartbox .chart-list {display: block; float: left !important; width: auto;}
    .dashboard .col.type-1 .chart-box.chart-two .chart > div,
    .dashboard .col.type-1 .chart-box.chart-three .chart > div {width: auto !important;}
    .dashboard .col.type-1 .chart-box.chart-three .chart,
    .dashboard .col.type-1 .chart-box.chart-three .chart {width: auto !important;}
    
    .area-data-lab .col.type-2 .chartbox .chart > div,
    .area-data-lab .col.type-3 .chartbox .chart > div,
    .area-data-lab .col.type-4 .chartbox .chart > div{float: none !important; margin-left: 0 !important; width: 100% !important;}
    .area-data-lab .col.type-4 .chartbox .chart-list + .chart > div img{width:100%;}

    
    
    .chart .title{margin-bottom:0.3rem; font-size:1.1rem; line-height:1.2;}
    .chart-list > li a{padding: 0.5rem; line-height:1.3; word-break:keep-all;}
    
    .chart-list2{display:flex; flex-wrap: wrap; justify-content:flex-start; width:100%; font-size:0;}
    .chart-list2 li{display:inline-block; margin-left:2%; width:32%; vertical-align:top;}
    .chart-list2 li:first-child, 
    .chart-list2 li:nth-child(3n+1){margin-left:0;}
    
    .kpi-list li{padding: 1rem; height:225px; border-radius:0.3rem;}
    .ul-list li .li-categori {width: 5rem;}
    
    .areadb-travel .dashboard .col.type-1 > .chart{margin-top:1.5rem; width:100%;}
    
    .contents > .inner > .tab-wrap.my-data-lab,
    .contents > .inner > .print-div > .tab-wrap.my-data-lab{margin-top:0; padding-top:0;}
    .my-data-lab .tabs{text-align:center;}
    /* .tab-wrap.my-data-lab .tabs .tab-select{margin:0 auto 1.5rem; padding:0; width:10.5rem; height:2.3rem; font-size:1.3rem; text-align:center; box-sizing:border-box;} */
    .tab-wrap.my-data-lab .tabs .tab-select{display:inline-block !important; margin:0 auto 1.5rem; padding:0 1.2rem 0.5rem 1.2rem; font-size:1.2rem; box-sizing:border-box;}
    .tab-wrap.my-data-lab .tabs .tab-select:after{margin-left:1.2rem;}
    
    .tab-wrap.my-data-lab .btn-wrap{display:none;}
    .tab-wrap.my-data-lab .tabs{overflow:visible;}
    .tab-wrap.my-data-lab .tabs:before {display: none;}
    .tab-wrap.my-data-lab .tabs ul{
    	display:none;
    	position:absolute;
    	top:2.3rem;
    	left:50%;
    	padding:0.5rem 0 1rem;
    	width:14rem;
    	background-color:#fff;
    	z-index:1;
    	transform: translateX(-50%);
    	box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    	box-sizing:border-box;
    }
    .tab-wrap.my-data-lab .tabs li{display:block; margin-left:0; border-radius:inherit; text-align:left;}
    .tab-wrap.my-data-lab .tabs li a{height:auto; line-height:2.5; background-color:#fff;}
    .tab-wrap.my-data-lab .tabs li.on a{color:var(--color-primary80); background-color:#fff;}
    .tab-wrap.my-data-lab .tabs li.home a{font-size:1rem; background-image:none;}
    .tab-wrap.my-data-lab .tabs li.tab-add{display:none;}    
    

    .tab-wrap .tabs2 > ul > li a{padding:0.9rem; font-size:1rem;}
    .tab-wrap.my-data-lab .tabs .tabselect{width:auto;}
    
    .dashboard.my-data-lab.home .temple-card{display:none;}
    .dashboard.my-data-lab.home .temple-card + .col{margin-top:0;}
    
    .tab-wrap.mo-btns .btn-wrap {overflow:auto;width: 100%;white-space:nowrap;}
    .tab-wrap.mo-btns .btn-wrap::-webkit-scrollbar{width:3px; height:3px; border-radius:1.5rem; background-color:#ebebeb;}
	.tab-wrap.mo-btns .btn-wrap::-webkit-scrollbar-thumb{border-radius:1.5rem; background-color:#999;}
	.tab-wrap.mo-btns .btn-wrap::-webkit-scrollbar-thumb-track{border-radius:1.5rem; background-color:#ebebeb;}	

    
    /* join */
    .login h3,
    .join h3,
    .mypage h3,
    .location-none h3{margin-bottom:2rem; font-size:1.2rem;}
    .contents.join > .inner > .tab-wrap{padding-top:0;}
    
    .join-box.form-box table .checkbox-wrap .desc{margin-top: 0.2rem; font-size:0.9rem;}
    .agree-box .agree *{font-size:16px;}

    .login-wrap .login-save {
        margin-bottom: 0.5rem;
    }
    .login-wrap ul {
        text-align: right;
        margin-top: 0.2rem;
    }
    /* .login-wrap ul>li {
        display: block;
    } */
    .login-wrap ul>li:after {
        content: '';
        display: block;
        clear: both;
    }
    .login-wrap ul>li a {
        display: block;
        float: right;
        margin-left: 0.3rem;
    }
    .login-wrap ul>li a:nth-of-type(1):before {
        content: '';
        display: inline-block;
        margin-right: 0.5rem;
        margin-top: -6px;
        width: 1px;
        height: 14px;
        background-color: #aaa;
    }
    
    
    
    
    /* mypage */
    .button.btn-border {padding: 0 1rem 0;}
    /* .radio-list li {margin-left: 0.5rem;} */
    
   	.join-box.form-box table input {padding: 0.5rem 0.6rem; }
	.join-box.form-box table input::placeholder {font-size: 1rem;}    
	.join-box.form-box table td > .notice {margin-top: 0.5rem;}


	.join-box.form-box .button.bg-gray2 {margin-left: 0.5rem;}
	/* .join-box.form-box table .button, 
	.join-box.form-box table select {height: 2.6rem; line-height: 2.6rem;} */



    /* tourism statistice */
	.location-none {padding-top: 65px;}

    
    /* login */
    /* .login{padding-top:2rem;} */
    .login{padding-top:65px;}
    .login-wrap{width:100%;}
    
	.contents.login > .inner{width:80%;}
	
	.login-wrap > input,
	.member-wrap .input-box input[type=password]{width:100%;}
	.login-wrap .btn{position:inherit; width:100%; height:50px; line-height:50px;}
	
	/* cvd */
	.notice-text ul {margin: 0 1.2rem;}
	.notice-text > ul {margin-top: 1.5rem;}
	.notice-text li {font-size: 0.95rem; line-height: 1.5;}
	.notice-text .text {padding: 1.5rem 2rem; word-break: keep-all;}
	.notice-text .text,
	.notice-text .text span {font-size: 1.1rem;}
	
	
	.confirmed {margin-top: 1rem;}
	.confirmed span {font-size: 1.2rem;}
	.confirmed .count_num {margin-left: 0.5rem; width: auto; font-size: 1.5rem;	}
	
	
	/* qna */
	.acc-list li > .title {position: relative; padding: 1rem 3rem 1rem 3.5rem; font-size: 1rem; word-break: keep-all;}
	.acc-list li .acc-con {padding: 1.5rem 2em;}
	.acc-list li .faq-q {
	    position: absolute;
	    left: 1.5rem;
	    margin: 0;
	    width: 1.5rem;
	    height: 1.5rem;
	    font-size: 0.9rem;
	    line-height: 1.5;
	}
	 .modal-body.region-wrap .search-wrap .box > .title{display: block;}
    .modal-body.region-wrap .search-wrap .box > .box-con{display: block; width:100%;}
    .modal-body.region-wrap .search-wrap .box > .box-con .select-type1{margin-bottom: 0.5rem;}
    .modal-body.region-wrap .search-wrap .box > .box-con .select-type1 ~ .date-wrap .search-custom {margin-left: 0;}
    .modal-body.region-wrap .search-wrap .box > .box-con .select-type1 ~ .date-wrap .search-custom .input-wrap {margin-bottom: 0.5rem; line-height: inherit;}
    .modal-body.region-wrap .search-wrap .box.box-one > .title{width:100%;}
    .modal-body.region-wrap .search-wrap .box.box-two > .title {width: 100%;}
    .modal-body.region-wrap .search-wrap.type2 .btn-search {float: right; margin-left: 0;margin-top: 0.5rem;}	
	
	/* .acc-list li .acc-con *  */
    .acc-list li .acc-con *:not(caption){font-size: var(--ft-body1); word-break: keep-all;}
	
	.getUsgGuidInfo {padding: 0 1rem;}
	.getUsgGuidInfo p {line-height: 1.5;}
	.getUsgGuidInfo .tit {margin-top: 2rem; font-size: 1.2rem; text-indent: -1rem;}
	.getUsgGuidInfo .mini-tit {margin-top: 1.2rem; margin-bottom: 0.5rem; font-size: 1rem;line-height: 1;}
	
	
	/* 마이데이터랩 */
    .card-add-group.type-3 li {width: 49%;}
    .card-add-group.type-3 li:nth-child(2n+1) {margin-left: 0;}
    .card-add-group.type-3 li:nth-child(-n+2) {margin-top: 0;}
	

    /* 관광지대시보드 */
    /* 관광지별 대시보드 토글 버튼 추가 0127 */
    .view-list .filter {padding: 0.8rem; width: 23%;}
    .view-list .filter-toggle {left: 23%;}
    .view-list .filter > .title {font-size: 1rem;}
    .view-list .filter > .item {margin-top: .8rem; margin-left: 0.8rem;}
    .view-list .filter > .item > .title {margin-top: 1.2rem; margin-bottom: 0.25rem; font-size: 0.95rem;}
    .view-list .filter > .item .small-filter-list {margin: 0.25rem 0 0.8rem 0.8rem;}
    .view-list .filter + .table-wrap {width: 72%;}
    .view-list.on .table-wrap {width: 95%;}
    
    .view-list .filter-list .btn-toggle label {font-size: 0.95rem;}
    .view-list .filter-list .btn-toggle:after {font-size: 0.8rem;}

    .view-list .small-filter-list label {font-size: 0.8rem;}
    
}
@media screen and (max-width:1023px) and (min-width:721px) {
	.modal .country-box .btn-list a[role=button] {width: 49%;}
	.modal .country-box .btn-list a:nth-of-type(2n+1) {margin-left: 0;}
	
    /* 2023.01.04 지역선택 팝업 수정 */
    .modal .box-three .region-box:first-of-type .btn-list.type3 .button {margin-left: 0; width: 100%;}
	
	.thumbnail-list.three-list>li{width: 48%;margin-left: 4%;}
	.thumbnail-list.three-list>li:nth-of-type(2n-1){margin-left: 0;}
}	
/* 관광지별 대시보드 토글 버튼 추가 0127 */
@media screen and (max-width:940px) {
    .view-list .filter {
        position: inherit;
        width: 100%;
        margin-left: 0;
    }
    .view-list.on .filter {margin-left: 0;}
    .view-list .filter-toggle {display: none;}
    .view-list .filter + .table-wrap {
        position: inherit;
        margin-top: 30px;
        width: 100%;
    }
}

@media screen and (max-width:720px) {
	/* .contents > .inner, 
	.contents > article > .inner {width: 90%;} */
	
	
	/* .location li:last-child:after{display: none;} */
	/* .location li:last-child:before {content: '>'; margin-right: 3px; font-weight: 500;} */
	
	/* .tab {display: block; border: 0 none; font-size: 0;}
	.tab>li {margin: 0.1rem;display: inline-block;border: 1px solid #c6c6c6;}
	.tab>li:last-of-type {border: 1px solid #c6c6c6;}	
	.tab>li a {height: 100%;} */
	
	.guide-box{padding:7rem 1rem 2rem 1rem; background-position:center 1.5rem;}
	
	/* .modal{top:90px; max-height:70%; transform:translateX(-50%);} */
	.modal{top:90px; transform:translateX(-50%);}
	.modal .guide-box{
		padding:4.5rem 1.5rem 1rem 1.5rem;
		text-align:center;
		background-size:3.5rem;
		background-position: center 1rem;
	}
	
	.modal .country-box .btn-list a[role=button] {width: 48%;}
	.modal .country-box .btn-list a:nth-of-type(2n+1) {margin-left:0;}	
	
	.modal .search-wrap.type3 label.title {word-break: keep-all;}
	.modal .search-wrap.type3 label.title input {display: block; width: 100%;}
	
	/* 2022.11 추가 */
    .modal .box-three .region-box .btn-list > div {width:48%;}
    .modal .box-three .region-box:first-of-type{width:100%;}
    
    /* 2022.12.23 수정 */
    .modal .box-three .region-box.region-si,
    .modal .box-three .region-box.big-box {width: 100%;}
    .modal .box-three.tourist-box .region-box,
    .modal .box-three.tourist-box .region-box:first-of-type{width:100%;}
    
    .modal .box-three .region-box.region-si {width: 100%;}
    .modal .box-three .region-box .btn-list > div {display: flex; flex-wrap: wrap; justify-content: space-between;}
    .modal .box-three .region-box.region-si .btn-list > div {width: 98%;}
    .modal .box-three .region-box.region-si .btn-list .button {width: 47%;}
    .modal .box-three .region-box:last-of-type .btn-list.type2 > .button {width: 30%;}
    .modal .box-three .region-box:last-of-type .btn-list.type2 > .button:nth-of-type(1){margin-left: 0;}
	
	.modal-body .qna-list ul{margin-left:2rem;}
	.modal-body .qna-list .title{padding-left:2rem; text-indent:-0.9rem;}
	.modal-body .qna-list input[type=text]{width: calc(100% - 1.5rem);}
	.modal-foot .btn_area {
	    margin: 0;
	}
	.modal-foot .btn_area .btn {
	    min-width: auto;
	    padding: 0 2rem;
	    height: 3rem;
	    line-height: 3rem;
	    font-size: 1rem;
	}
		
	
	/* .dashboard .col {padding: 1.5rem;} */
	.dashboard .col .top .top-link {position: inherit; top: 0; float: none; margin-right: 0; }
	.dashboard .col .top .title{width:100% !important;}
	
	.dashboard .col .top .top-bottom {margin-top: 1rem;}
	.dashboard .col .top .top-bottom .input-wrap .title span {width: auto !important;}
	.dashboard .col .top > .input-wrap .title + ul, 
	.dashboard .col .top .top-bottom .input-wrap .title + ul {margin-left: 0; margin-top: 0.3rem;}
	
	/* .dashboard .info-btn {position: absolute; right: 25px;} */
	/* .dashboard .info-box {width: 100%; top: 30px; left: auto; right: 0;} */
	/* .dashboard .info-wrap,
	.chart-wrap .info-wrap,
	.search-wrap .info-wrap {position:absolute;right:25px;} */
	.dashboard .info-box,
	.chart-wrap .info-box,
	.search-wrap .info-box {width: 280px; top: 40px; left: auto; right: 0;}
	 

    .area-data-lab .ul-list1.type2 li{display:block;}
    .area-data-lab .ul-list1.type2 li > div .info-wrap {position:relative;right:auto;}
    .area-data-lab .ul-list1.type2 li > div .info-box {left: 50%; right: auto; transform: translateX(-50%);}
    .area-data-lab .ul-list1.type2 li > .left-item{padding-bottom:10px;}
    .area-data-lab .ul-list1.type2 li > .left-item,
    .area-data-lab .ul-list1.type2 li > .right-item{width:100%;}
    
	
	.chart-box.chart-two .chart, 
    .chart-box.chart-three .chart {margin-top: 1rem;}
    .col:not(.type-1) .chart-box.chart-two .chart {width: 100%;}
    .col:not(.type-1) .chart-box.chart-two .chart, 
    .col:not(.type-1) .chart-box.chart-three .chart {display: block;}
    .col:not(.type-1) .chart-box.chart-two .chart:first-child, 
    .col:not(.type-1) .chart-box.chart-three .chart:first-child {margin-top: 0;}
    /* .col.type-2 .table-wrap.table-scroll table {width: 600px;} */
    
    .ul-list li a {padding: 0.8rem 1.5rem 0.8rem 0;}
	.ul-list li .li-categori {margin-right: 0.3rem;}
	
	
    .tab-wrap.mo-btns {padding-top: 5rem !important;}
    .tab-wrap .tabs2 > ul{display:flex; flex-direction:row;}
    .tab-wrap .tabs2 > ul > li a{height: 100%; box-sizing:border-box; line-height:1.3;}
    .join .tab-wrap .tabs2 > ul > li a{word-break: keep-all;}
    
    .join .form-box .table-type1 tbody th,
    .join .form-box .table-type1 tbody td,
    .mypage .table-type1 tbody th,
    .mypage .table-type1 tbody td{display:block; width:100%; box-sizing:border-box;}
    .join .form-box .table-type1 colgroup,
    .mypage .table-type1 colgroup{display:none;}
    .join .form-box .table-type1 tbody th,
    .mypage .table-type1 tbody th{padding-bottom:0;}
    
    .mypage .btn-wrap .button{margin-left:0; margin-bottom:1rem; width:100%;}
    .mypage .btn-wrap .btn{width:100%;}

    .join .tab-wrap .tabs2>ul>li{border-bottom: 1px solid var(--color-gray10);}
    .join .tab-wrap .tabs2>ul>li.on{border-bottom: 4px solid var(--color-primary80);}
    
    .join-box.email-box .inner{width:100%; max-width:340px;}
    .join-box.form-box table input[type=text]{width: calc(100% - (5.625rem + 1rem) ); box-sizing:border-box;}
    .join-box.form-box table input[type=text] + .btn{width: 5.625rem;}
    .join-box.form-box table select + select,
    .join-box.form-box table select + input{margin-top: var(--space3);}
    
    .member-wrap .input-box input[type=password]{margin-left:0;}
    
    /* 과거데이터 */
    .rightbnn_wrap{top:105px;}
    .btn_rightbnn{display:block;}
    
    /* search */
    .search-wrap.type1 .title{width:100%;}
    .search-wrap.type1 .region-wrap.region-spot .region-list select:nth-of-type(3) {background-position: 98% center;}
    
    .search-wrap.type2 .title {font-size: 1.2rem !important;}
	.search-wrap.type2 .lookup-wrap select, 
	.search-wrap.type2 .lookup-wrap input,
	.search-wrap.type2 .lookup-wrap .button,
	.search-wrap.type2 .input-wrap{height: 2.5rem; line-height: 2.5rem; vertical-align:top;}
	
	.search-wrap.type2 .input-wrap .input-question-wrap .input-question, 
	.search-wrap.type2 .input-wrap .input-question-wrap .input-question-all, 
	.search-wrap.type2 .input-wrap .input-question-wrap .input-item,
	.search-wrap.type2 .lookup-wrap .input-question-wrap .input-question,  
	.search-wrap.type2 .lookup-wrap .input-question-wrap .input-item	{height: 2.5rem;}
	
	.title-explain {display: block; margin-left: 0;}
	
	.dashboard .col .top .top-btnlist{display:block; margin:5px 0; width:100%;}
	.dashboard .col .top .top-btnlist img{margin:0 auto; width:25px; height:25px;}

    .table-type1 tbody td a, .table-type1-1 tbody td a{font-size: 16px;}
   

	/* intro */
	.intro .title {letter-spacing: -0.1rem;}
	.intro .section1 {padding: 4rem 0;}
	.intro .section1 > .inner > p br {display: none;}
	.intro .section1 > .inner > p {line-height: 2;}
	.intro .section1 ul>li{transition:all 0.5s}
	
	/* chart */
	
	
	/* 이용방법 */
	.intro-use-list,
    .thumbnail-list{flex-direction: column;}
	.intro-use-list>li,
    .thumbnail-list>li{/*margin-bottom: 2rem;*/ width: 100%;}
	.intro-use-list>li .thumbnail,
    .thumbnail-list>li .thumbnail{margin-bottom: 1rem; height: 13rem;}

    .intro-use-list>li.mid-box, .thumbnail-list>li.mid-box{width: 100%;}

    .thumbnail-list.three-list>li{margin-left:0; width: 100%;}
	
	.mice .mice-ul-list>li input{width:100% !important;}
	
	.mice .mice-ul-list.type2 > li > .title {width: 100%;}
    .mice .mice-ul-list.type2 > li > .title + input, 
    .mice .mice-ul-list.type2 > li > .title + .text {width: 100%;}

    .search-box-mini .lookup-wrap {display: block;}
    .search-box-mini .lookup-wrap .search-custom input {height: 2rem; line-height: 2rem;}
    .search-box-mini .lookup-wrap .search-custom .title {font-size: 1rem !important;}
    .search-box-mini .radio-wrap .radio-list li {display: block;}
    .search-box-mini .radio-wrap .radio-list input[type=radio] {width: 1rem; height: 1rem; line-height: 1rem; vertical-align: middle;}
    
	.notice-text ul {margin: 0 0.5rem;}
	.notice-text ul li {margin-top: 0.5rem;}
	.notice-text ul li:first-child {margin-top: 0;}
	.notice-text > ul {margin: 1rem 0 0 0;}	
	.notice-text .text {padding: 1rem 0.5rem;}
	
	
	.chart-box.chart-two .chart #chartdiv2:first-of-type {margin-bottom: 2rem !important;}

	
	.quick-menu-wrap3{display: none;}
	
	/* 20221214 관광지대시보드수정 */
    .view-list .filter {
        float: none;
        width: 100%;
        max-width: 420px;
        min-height:auto;
        max-height: 400px;
        overflow: auto;
    }
    .view-list .filter + .table-wrap {
        float: none;
        margin-top: 1rem;
        width: 100%;
    }
	
}
@media screen and (max-width:720px) and (min-width:341px) {
    /* 2022.11 추가 */
    .modal .box-three .region-box:last-of-type .btn-list.type2 > .button:nth-of-type(3n + 1) {margin-left: 0;}
}

@media screen and (max-width:520px){
    /* 2023.01.04 지역선택 팝업 수정 */
    .modal .region-box .btn-list.type3 .button{margin-left:0; width:100%;}
    .modal .box-three .region-box.region-si .btn-list.type3 .button{width:100%;}
}

@media screen and (max-width:480px) {
    .search-wrap.type1 .button{margin-bottom: 0.5rem;}
    
    .modal-myplus .modal-body label {display: block; margin-bottom: 0.5rem;}
	.modal-myplus #dashboard-name {width: 100%; margin-left: 0 !important;}
	
	.intro .section1 ul>li {width: 18rem; height: 18rem;}
	
	/* board */
	.table-search-wrap .table-search {float: none; margin-top: 1.5rem;}
	.table-search-wrap .page-txt {float: none;}
	.table-search .input-wrap {width: 11rem;}
	
    .areadb-travel .ul-list3>li {margin-left: 0; width: 100%;}
    
    .search-wrap.type1 .box > select{max-width:100%;}
}
@media screen and (max-width:460px) {
	.intro .section3 ul>li {width: 70%;}
	
	.search-wrap .nation-list li {width: 49%;margin-right: 1%;}
	.search-wrap .nation-list li:nth-of-type(2n) {margin-right: 0;}
	/*     .tab-wrap.mo-btns {padding-top: 7rem !important;}	 */	

    /* 마이데이터랩 */
    .card-add-group.type-3 li{margin-left:0; width: 100%;}
    .card-add-group.type-3 li:nth-child(-n+2) {margin-top: 1.5%;}

    /* tooltip */
    .modal .info-box {left:-100px}
}
@media screen and (max-width:440px) {
    .radio-wrap.type2 li {display: block; width: 100%; overflow: hidden;}

}
@media screen and (max-width:360px) {
    .search-wrap.type1 .button{margin-bottom:0.5rem;}
    
    .search-wrap .date-wrap.date-day input{margin: 0; width: 6rem;}
	.search-wrap .date-wrap.date-day span,
	.search-wrap.type1 .date-wrap.date-month span{margin: 0;}
	
    .join .tab-panel .btn-wrap .button{margin: 0.3rem 0; width:100%;}
    .join .tab-panel .btn-wrap .btn{width:100%;}
    
    .modal .country-box .btn-list a[role=button] {margin-left: 0; width: 100%;}
    .modal .btn-wrap .button {padding: 0 1.5rem; min-width: auto;}
    
    .search-wrap.type1 .region-wrap.region-spot .region-list select:nth-of-type(3) {background-position: 98% center;}
	.search-wrap.type1 .region-wrap.region-spot > .btn-wrap .button {padding: 0 0.8rem 0 0.5rem;}
	.search-wrap.type1 .region-wrap.region-spot .region-list select:nth-of-type(1) {display: block; margin-bottom: 0.5rem;}
    .search-wrap.type1 .region-list .region {height: auto;}
    .search-wrap.type1 .region-list .region p {word-break: keep-all;}
    .search-wrap.type1 .btn-delete {
        top: 0.5rem;
        margin-top: 0;
    }
	
	#modalFindTar .search-wrap.type3 input[type=text] {
	    width: calc(100% - 4.3rem);
	    height: 2.5rem;
	    line-height: 2.5rem;
	}
	
	#modalFindTar .search-wrap.type3 input[type=text] + .button {
	    margin-left: 0.3rem;
	    padding: 0;
	    width: 4rem;
	    height: 2.6rem;
	    line-height: 2.6rem;
	}
	#modalFindTar .search-wrap.type3 {margin-bottom: 1.5rem; height: 2.8rem;}
	#modalFindTar ul.searh-result li > .button {padding: 0.5rem 1rem; word-break: keep-all;}
	#modalFindTar .searh-result {height: calc( (var(--vh) * 55) - 4.3rem);}

}
@media screen and (max-width:330px) {
	.btn-wrap .button {margin-left: 0.5rem;}
	
	
	
	/* .search-wrap.type2 .lookup-wrap .date-wrap {margin-left: 0;}
	.search-wrap.type2 .lookup-wrap .title {margin-right: 0;} */
	
	.intro .section1 ul>li {width: 15rem; height: 15rem;}
	.intro .section1 ul>li .text p {margin-top: 0.5rem;}
	.intro .section1 ul>li .text p:nth-child(1) {font-size: 1.4rem;}
	
	#area-select {
	    padding: 0 2rem 0.3rem 1rem;
	    word-break: keep-all;
	    width: 90%;
	    box-sizing: border-box;
	    position: relative;
	}	
	#area-select:after {
	    position: absolute;
	    right: 0.8rem;
	    top: 50%;
	    transform: translateY(-50%);
	}
	
	.search-wrap.type1 .date-wrap.date-month input {margin:0; width: 5.5rem;}
	.search-wrap.type1 .region-wrap.region-spot .region-list select:nth-of-type(3) {background-position: 98% center;}
	.search-wrap.type1 .region-wrap.region-spot > .btn-wrap .button {padding: 0 0.8rem 0 0.5rem;}
	.search-wrap.type1 .region-wrap.region-spot .region-list select:nth-of-type(1) {display: block; margin-bottom: 0.5rem;}
	
	.modal-foot .btn_area .btn {padding: 0 1.5rem; height:2.5rem; line-height:2.5rem;}
	
}

@media screen and (max-width:320px){
    /* 2023.01.04 지역선택 팝업 수정 */
    .modal .box-one .region-box .btn-list.type3 .button{margin-left:0; width:100%}
}

@media screen and (max-width:300px) {
	.modal .btn-wrap .button {padding: 0 1rem;}
}




/* 20220217 1023 수정중 */
@media screen and (max-width: 1023px) {
	.areadb-travel .tab-wrap .table-search {
	    position: absolute;
	    left: 0;
	    top: -2.5rem;
	    width: 100%;
	}
	
	.areadb-travel .tab-wrap .tabs {
	    overflow: visible;
	}
	
	
	
	.areadb-travel .tab-wrap .table-search .input-wrap {
	    width: auto;
	}
	
	.areadb-travel .tab-wrap .table-search .btn-search {margin-left:1.5rem; width: 3rem; height:1.7rem;}
	
	.areadb-travel .tab-wrap .table-search .search-input {
	    width: calc(100% - 3.5rem);
	}
	.areadb-travel .tab-wrap .tabs ul {
	    overflow-x: auto;
	    width: 100%;
	}
	.areadb-travel .tab-wrap .tabs ul::-webkit-scrollbar{width:3px; height:3px; border-radius:1.5rem; background-color:#ebebeb;}
	.areadb-travel .tab-wrap .tabs ul::-webkit-scrollbar-thumb{border-radius:1.5rem; background-color:#999;}
	.areadb-travel .tab-wrap .tabs ul::-webkit-scrollbar-thumb-track{border-radius:1.5rem; background-color:#ebebeb;}

	.areadb-travel .travel-list>li>div:nth-of-type(1) {width: 13rem;}	
	.areadb-travel .travel-list>li>div:nth-of-type(2) {width: calc( 100% - 15.3rem);}
	.areadb-travel .travel-list>li>div p {word-break: keep-all;}
	.areadb-travel .travel-list>li div .title {font-size: 1.3rem;}
	
	

}
@media screen and (max-width: 720px) {
	.areadb-travel .travel-list>li {padding: 1.3rem;}
	.areadb-travel .travel-list>li>div {display: block; float: none; width: 100%;}
	.areadb-travel .travel-list>li>div:nth-of-type(2) {margin-left: 0 !important; padding-top: 1rem; width: 100% !important;}
	
}


.info-title {
    display: inline-block;
    padding:0px 10px;
    width:300px;
    height:48px;
    color:#000000;
    text-align: center;
    font-weight: bold;
    line-height:22px;
    border-radius:4px;
    border:1px solid var(--color-primary80);
}

[data-tooltip]:before{
    position: relative;
    content: attr(data-tooltip);
    opacity: 0;
    background-color: dimgray;
    color: white;
    padding: 5px;
    border-radius: 5%;
    top: 0%;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 1px;
    font-family: 'Noto Sans KR', sans-serif;
    float:right;
}

[data-tooltip]:hover:before{
	opacity: 1;
}

[data-tooltip]:not([data-tooltip-persistent]):before{
	pointer-events:none;
}

/* 관광 데이터 활용 교육 - 달력 이미지 */
.calendar-wrap .img{width:100%; max-height: 709px; overflow: hidden;}
.calendar-wrap .img.caledar-img{width:100%; height:709px; background-color: #e8e8e8;}
.calendar-wrap .img img{width: 100%;}


/* 20230130 스마트 관광 도시 수정 */
.left-info {float: left; margin-top: 10px;}
.left-total-top{margin-top: 50px;}
/*.chart-info { margin-top: 50px;}*/
.chart-info { margin-top: 10px;}
.chart-info .big-total1 {margin-bottom: 20px;}
.chart-info .big-total1 > div .text{font-size:15px;}
.chart-info .big-total1{padding-left:15px;}

.chart-info .big-total1 strong.title{margin-left:-15px;}

/* 자동화리포트 페이지 2023.03 작업 */
.list-number li{
	list-style: decimal;
	letter-spacing: 0px;
}

.template-area{position:relative; width:100%; height: 100%;}
.template-box{
    position: relative;
    width:100%;
    height:100%;
    min-height: 860px;
    background-repeat:repeat;
    background-attachment:scroll;
    background-image: none;
    background-position:0 0;
    box-sizing: border-box;
}
.template-box.template-bg *{color:#ffffff;}
.template-main.template-bg:before{
    content: '';
    position: absolute;
    right:50px;
    bottom:40px;
    width:150px;
    height: 50px;
    
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    /*background-image: url('/images/portal/common/1.svg');*/
}
.template-main.template-bgnone:before{
    content: '';
    position: absolute;
    right:50px;
    bottom:40px;
    display: block;
    width:150px;
    height: 50px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url('/images/portal/common/datalab_logo.png');
}


.onepass-wrap{display:inline-block; vertical-align:middle; margin-left:10px;}
.onepass-wrap .btn-sync{
    padding: 5px 10px 5px 75px;
    vertical-align: middle;
    line-height: 1.1;
    border:2px solid #fd640e;
    border-radius: 5px;
    word-break: keep-all;
    box-sizing: border-box;
    background:url(/images/portal/icon/icon_touronepass.png) no-repeat transparent 10px center;
}
.onepass-wrap .btn-sync:hover{color: #fd640e; text-decoration: underline;}
.onepass-wrap .onepass-clear{display:inline-block;vertical-align: middle;}
.onepass-wrap .onepass-clear .btn-style{
    display: inline-block;
    padding: 0 10px;
    vertical-align: middle;
    line-height: 1.5;
    border:2px solid #fd640e;
    border-radius: 5px;
    box-sizing: border-box;
}
.onepass-wrap .onepass-clear .btn-style span {display: inline-block; vertical-align: middle;}
.onepass-wrap .onepass-clear .btn-add{
    margin:5px 0;
    padding-left: 40px;
    vertical-align: middle;
    color:#7c7c7c;
    background: url(/images/portal/icon/icon_add.png) no-repeat transparent 10px center;
}
.onepass-wrap .onepass-clear .btn-add:hover{color:#222; text-decoration: underline;}
.onepass-wrap .btn-clear{
    margin-right:5px;
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    font-size: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent;
}
.onepass-wrap .btn-clear.icon-naver{background-image: url(/images/portal/icon/icon_naver.png);}
.onepass-wrap .btn-clear.icon-kakao{background-image: url(/images/portal/icon/icon_kakao.png);}
.onepass-wrap .btn-clear.icon-facebook{background-image: url(/images/portal/icon/icon_facebook.png);}
.onepass-wrap .btn-clear.icon-google{background-image: url(/images/portal/icon/icon_google.png);}
.onepass-wrap .btn-clear.icon-apple{background-image: url(/images/portal/icon/icon_apple.png);}
@media screen and (max-width: 1024px) {
    .onepass-wrap{margin-left:0;}
}

.template-box.template-main{padding:100px; text-align: center;}

.template-main .title-wrap .title{display: block; font-size: 45px; font-weight: 500;}
.template-main .title-wrap .deco-title{display: block; margin-bottom: 10px; font-size:35px; font-weight:400;}
.template-main .title-wrap .text p{ letter-spacing: 2px;}

.template-main.template-cover .title-wrap{margin-top:100px;}
.template-main.template-cover .title-wrap .text{margin-top: 250px;}
.template-main.template-cover .title-wrap .text p{margin: 10px 0; font-size: 30px;}

.template-main.template-index .title-wrap .text{margin-top: 20px;}
.template-main.template-index .title-wrap .text p{font-size: 25px;}
.template-main.template-index .title-wrap{margin-top:30px; margin-bottom: 50px;}
.template-main.template-index .index-wrap .title{display: block; margin-bottom: 30px; font-size:45px; font-weight: 400;}
.template-main.template-index .index-wrap ul li{padding-left:5px; font-size: 25px; text-align: left;}

/*231016 추가 - 마이페지*/
.myPagesTab {margin: 0;}
.myPagesTab > .tabBtn {margin-bottom: 40px;}
.myPagesTab > div:last-child {margin-bottom: 0;}
.tabBtn {display: flex;flex-wrap: wrap; font-weight: normal; font-size: var(--ft-body1);color: #eee;border: 1px solid var(--color-gray10);border-radius: 8px;overflow: hidden;}	
.tabBtn label {flex: 1;padding: 12px 16px; color: #222; box-sizing: border-box;background-color: #fff;cursor: pointer;text-align: center;border-right: 1px solid var(--color-gray10);}
.myPage {padding: 10px 0;}
.myPage.tab1,
.myPage.tab2,
.myPage.tab3,
.myPage.tab4,
.myPage.tab5,
.myPage.tab6 { display: none;}
input[name=tabmenu] {display: none;}
input[id=tab1]:hover ~ .tabBtn label[for=tab1],
input[id=tab2]:hover ~ .tabBtn label[for=tab2],
input[id=tab3]:hover ~ .tabBtn label[for=tab3],
input[id=tab4]:hover ~ .tabBtn label[for=tab4],
input[id=tab5]:hover ~ .tabBtn label[for=tab5],
input[id=tab6]:hover ~ .tabBtn label[for=tab6]{ background-color: #f9f9f9;}
input[id=tab1]:checked ~ .tabBtn label[for=tab1],
input[id=tab2]:checked ~ .tabBtn label[for=tab2],
input[id=tab3]:checked ~ .tabBtn label[for=tab3],
input[id=tab4]:checked ~ .tabBtn label[for=tab4],
input[id=tab5]:checked ~ .tabBtn label[for=tab5],
input[id=tab6]:checked ~ .tabBtn label[for=tab6]{color: #fff;border: none;font-weight: 700;background-color: var(--color-primary80);}	
input[id=tab1]:checked ~ .myPage.tab1,
input[id=tab2]:checked ~ .myPage.tab2,
input[id=tab3]:checked ~ .myPage.tab3,
input[id=tab4]:checked ~ .myPage.tab4,
input[id=tab5]:checked ~ .myPage.tab5,
input[id=tab6]:checked ~ .myPage.tab6 {display: block;}
input[id=tab2]:checked ~ .myPage.tab1, .myPage.tab3, .myPage.tab4, .myPage.tab5, .myPage.tab6
input[id=tab3]:checked ~ .myPage.tab1, .myPage.tab2, .myPage.tab4, .myPage.tab5, .myPage.tab6
input[id=tab4]:checked ~ .myPage.tab1, .myPage.tab2, .myPage.tab3, .myPage.tab5, .myPage.tab6
input[id=tab5]:checked ~ .myPage.tab1, .myPage.tab2, .myPage.tab3, .myPage.tab4, .myPage.tab6
input[id=tab6]:checked ~ .myPage.tab1, .myPage.tab2, .myPage.tab3, .myPage.tab4, .myPage.tab5 {display: none;}

.mp_con02 {
	width: 100%;
}
.mp_con02 .mpBox {
	box-sizing: border-box;
    border: 1px solid #e8e8e8;
    border-radius: 10px;
	padding: 30px 20px;
	text-align: center;
}
.mp_con02 .mpBox h4 {
	font-size: 28px;
	font-weight: 600;
	color: #333;
	margin-bottom: 15px;
}
.mp_con02 .mpBox .txtMore {
	width: 120px;
	margin: 0 auto;
}
.mp_con02 .mpBox .txtMore a {
	margin: 30px;
	font-size: 12px;
	font-weight: 400;
	display: block;
	color: #47b5d1;
}
.mp_con02 .mpBox .txtMore a:hover {
	color: #4785d1;
}
.mp_con02 .con2Bottom {
	margin: 50px 0 30px 0;
	text-align: center;
}
.mp_con02 .con2Bottom p {
	font-size: 18px;
	font-weight: 400;
	color: #333;
}
.mp_con02 .con2Bottom img {
	margin: 40px;
}
.mp_con02 .con2Bottom button {
	font-size: 18px;
	font-weight: 400;
	color: #fff;
	background-color: #e94232;
	border: none;
	border-radius: 10px;
	padding: 15px 50px;
	cursor: pointer;
	display: block;
	margin: 0 auto;
}
.mp_con02 .con2Bottom button:hover {
	background-color: #b22315;
}

.mp_con03_List {
	position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    box-sizing: content-box;
	gap: 17px;
    flex-wrap: wrap;
}
.mp_con03_List .listBox {
	position: relative;
	border: 1px solid var(--color-gray10);
	border-radius: 12px;
	padding: 24px;
	min-width: 240px;
	min-height: 282px;
	/* box-shadow: 0px 0px 8px rgba(65, 81, 112, 0.1); */
	word-break: keep-all;
}
.mp_con03_List .listBox .boxClose a {
	background: url('/images/portal/icon/icon_close.svg') no-repeat center center;
	font-size: 0;
	display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 20px;
    top: 20px;
}
.mp_con03_List .listBox .txtTile {
	padding-right: 25px; height: 75px;
	border-bottom: 1px solid var(--color-gray10);
}
.mp_con03_List .listBox .txtTile h4 {
	font-size: var(--color-title4);
	font-weight: 700;
	/* width: 132px; */
	line-height: 1.5;
}
.mp_con03_List .listBox .txtP {
	margin-top: 20px;
	height: 120px;
    position: relative;
}
.mp_con03_List .listBox .txtP p {
	font-size: 14px;
	font-weight: 400;
	color: #818181;
	letter-spacing: -0.7px;
}
.mp_con03_List .listBox .txtP p.txtBold {
	font-weight: 500;
	color: #333;
	margin-top: 10px;
	position: absolute;
    bottom: 0;
}
.mp_con03_List .listBox button {
	border: 1px solid #a8d1e1;
    width: 240px;
    position: absolute;
    bottom: 30px;
    padding: 10px;
    border-radius: 5px;
    background-color: #fff;
    font-size: 14px;
    font-weight: 500;
    color: #48546c;
    letter-spacing: -0.7px;
}
.mp_con03_List .listBox button:hover {
	background-color: #f9f9f9;
}
.addTxt {
	margin-top: 50px;
	text-align: center;
}
.addTxt p {
	font-size: 14px;
	font-weight: 400;
	color: #333;
}
.addTxt p.addCount {
	font-weight: 500;
}
.addTxt p.addCount span {
	font-size: 14px;
	color: #ff0606;
	margin-left: 5px;
}
.addList {
	margin: 30px auto 50px;
	width: 240px;
}
.addList a {
	display: block;
    font-size: 14px;
    font-weight: 500;
    color: #363f50;
    border: 1px solid #a8d1e1;
    background-color: #cde7f1;
    padding: 10px;
    border-radius: 3px;
    text-align: center;
}
.addList a:hover {
	background-color: #007bab;
	color: #fff;
}
.modal_wrap .modal_content .boxType1 {
	box-sizing: border-box;
}
	.modal_wrap .modal_content .boxType2 {
	box-sizing: border-box;
}

@media screen and (max-width: 1023px) {
	.tabBtn {
		white-space: nowrap;
		overflow-x: auto;
		flex-wrap: nowrap;
	}
	.mp_con03_List {
		overflow-x: auto;
    	flex-wrap: nowrap;
	}
	.modal_wrap .modal_content .boxType1 {
	box-sizing: content-box;
	}
	.modal_wrap .modal_content .boxType2 {
	box-sizing: border-box;
	}
}
@media screen and (max-width: 720px) {
		
}
@media screen and (max-width: 580px) {
	#modal_data_util_exmn {
        word-break: keep-all;
    }

    .modal_wrap.small.mobile_modal {
        left: 50%;
        margin-left: -174px;
        padding: 30px 30px;
        width: 90% !important;
    }

    #modal_data_util_exmn.modal_wrap .modal_title .btn_modal_close {
        right: -30px;
    }
		
}


.title h2 {font-size: var(--ft-title1); line-height: 1.3;}

.l_wrapper {width: auto; max-width: 1240px; margin: 0 auto;}
/* .l_wrapper .banner-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--space7);
    height: 150px;
    background-color: #E6E6E6;
    border-radius: var(--border-radius6);
    overflow: hidden;
    box-sizing: border-box;
} */
/* 2025 새로 변경 */
/* 내용 아래 내용으로 완전 변경 - .l_wrapper .banner-container */
		.l_wrapper .banner-container {display: flex; justify-content: center; align-items: center; position: relative; min-height: 150px; padding: var(--space7); border-radius: var(--border-radius6); box-sizing: border-box; overflow: hidden; background-color: #E6E6E6;}

		.l_wrapper .banner-container .link {padding: 0 var(--space10); border-radius: var(--border-radius7); font-size: var(--ft-body2); font-weight: 700; color: #fff; line-height: 2.5; background: #77ad3d; z-index: 1;}
		.l_wrapper .banner-container .bottom{display: flex; justify-content: center; align-items: center; gap: var(--space8); margin-top: var(--space8);}
		.l_wrapper .banner-container .bottom > .title { display: flex; align-items: center; font-size: var(--ft-title3); font-weight: 500;}
		.l_wrapper .banner-container .bottom > .title:after{content:''; display: inline-block; width: 24px; height: 24px; background: url(/images/portal/icon/icon_forward.svg) no-repeat center center;}
		.l_wrapper .banner-container .btn-wrap{justify-content: center; align-items: center;}

		@media screen and (min-width: 841px){
			.l_wrapper .banner-container .logos {position: absolute; top: 1.25rem; left: 1.25rem;}
			.l_wrapper .banner-container .images {position: absolute; right: 0; bottom: 0;}
		}
		@media screen and (max-width: 840px){
			.l_wrapper .banner-container .bottom {flex-direction: column;}
			.l_wrapper .banner-container .btn-wrap > .title {flex-grow: 1; width: 100%; text-align: center;}
		}



.l_wrapper .banner-container .logos {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 220px;
    margin-bottom: auto;
}
.l_wrapper .banner-container .knto {width: 100px;}
.l_wrapper .banner-container .datalab {width: 110px;}
.l_wrapper .banner-container .title h2 {margin: 0; font-weight: normal; text-align: center;    color: #1B1464;}
.l_wrapper .banner-container .title h2 span{font-size: 1em !important;}
.l_wrapper .banner-container .anchor {
    margin: var(--space3) auto 0;
    display: block;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    width: 90px;
    padding: var(--space3);
    border-radius: var(--border-radius7);
    background: linear-gradient(90deg, rgba(39, 141, 185, 1) 0%, rgba(170, 207, 71, 1) 100%);
    color: #fff;
    font-size: var(--ft-detail1);
    font-weight: 700;
}
.l_wrapper .banner-container .arrow {
    width: 12px;
    margin-top: 3px;
    margin-left: 5px;
}
.l_wrapper .banner-container .images {display: flex;}
.l_wrapper .banner-container .whale {
    position: relative;
    width: 120px;
    bottom: -10px;
    right: -50px;
    mix-blend-mode: multiply;
    opacity: 0.8;
}
.l_wrapper .banner-container .graph {position: relative; top: 10px; width: 200px;}

/* Mediaquries */
@media screen and (max-width: 930px) and (min-width: 841px){
    .l_wrapper .banner-container .graph {width: 160px;}
    .l_wrapper .banner-container .datalab {width: auto; height: 20px;}
    .l_wrapper .banner-container .knto {width: auto; height: 20px;}
    .l_wrapper .banner-container .logos {width: 200px;}
    .l_wrapper .banner-container .whale {width: 90px;}
}
@media screen and (max-width: 840px){
    .l_wrapper .banner-container {flex-direction: column; position: relative; height: auto;}
    .l_wrapper .banner-container .whale {position: absolute; top: 50%; right: 20px; bottom: auto; transform: translateY(-50%);}
    .l_wrapper .banner-container .logos {width: 100%; justify-content: space-between;}
    .l_wrapper .banner-container .knto {width: 80px;}
    .l_wrapper .banner-container .datalab {width: 80px;}
    .l_wrapper .banner-container .graph {display: none;}
}


/* 2024.03.04 관광유형 추가 */ 
/*240206 추가*/
.btnDown {
	float: right;
}
.btnDown a {
    display: block;
    background-color: #1182ca;
    padding: 2px 12px 3px;
    border-radius: 3px;
	font-size: 14px;
	color: #fff;
	font-weight: 400;
	cursor: pointer;
}
.btnDown a:hover {
	background-color: #0c507b;
}
.boxContents {
	width: 100%;
	display: flex;
	justify-content: space-between;
	gap: 24px;
}
.boxContents div {
	width: 100%;
	padding: 28px 15px;
	text-align: center;
	border-radius: 12px;
	background-color: var(--color-gray5);

}
.boxContents div h3 {
	display: inline-block;
	padding: 4px 24px;
	font-size: var(--ft-title4);
    font-weight: 700;
    color: #fff;
    background-color: var(--color-primary80);
    border-radius: 100px;
}
.boxContents div p {
	font-size: var(--ft-title1);
	color: #000;
	font-weight: 700;
	margin-top: 28px;
}
.boxContents .sBox01 h3 {
	background-color: var(--color-primary80);
}
.boxContents .sBox02 h3 {
	background-color: var(--color-secondary70);
}
.boxContents .sBox03 h3 {
	background-color: #e96e1c;
}
.boxContents span {
	margin: 0 2.5px;
}
.areaGPT {
	margin: 30px 0;
	padding: 30px 20px;
	border: 1px solid #e8e8e8;
	border-radius: 10px;
	height: 550px;
	text-align: center;
	overflow: auto;
}
@media screen and (max-width: 1023px) {
	.boxContents {
		width: 100%;
		display: inline-block;
	}
	.boxContents div {
		box-sizing: border-box;
		margin-bottom: 20px;
	}
	.boxContents div:last-child {
		margin-bottom: 0;
	}
}

/* 버튼 a link 이벤트 관련 부분 추가 : 로딩전 비활성 클래스 추가 */
.disabled{
	pointer-events : none;
	cursor: default;
	background-color: #dadedf !important;
	border-color: var(--color-color-gray30) !important; 
}




/* 202410 수정 */
/* .chart-wrap .chart-box {margin-bottom: 32px;} */
.chart-wrap .top{position: relative; /* margin-bottom:10px */margin-bottom:32px; display:flex; flex-direction: column; gap: 15px;}
.chart-wrap .top .title-wrap {display: flex;}
.chart-wrap .top .title {flex-grow: 1; font-size: var(--ft-title2);  font-weight: 700; }
.chart-wrap .top .title.mid-title {font-size: var(--ft-body1);}
.chart-wrap .top .title span{font-size: 1em; font-weight:500;}
.chart-wrap .top .title.ellipsis{display:inline-block; vertical-align:bottom;}
.chart-wrap .top .title .a-go {float: right;}
.chart-wrap .top .top-etc{display:flex; gap: 15px;}
.chart-wrap .top .top-etc .text-box{flex-shrink:0;}
.chart-wrap .top .top-etc .text-box p,
.chart-wrap .top .top-etc .text-box span,
.chart-wrap .top .top-etc .text-box strong{color: var(--ft-gray); font-size: var(--ft-body2);}
.chart-wrap .top .top-etc .btn-wrap {flex-grow: 1; display: flex; justify-content: flex-end; gap: 5px; flex-wrap: wrap;}
.chart-wrap .top .top-etc .btn-wrap .sort {flex-grow: 1;}
.chart-wrap .top .tab{align-self: flex-start; margin-bottom: -20px;}
.chart-wrap .top .sort{margin-bottom: -20px;}


.chart-wrap.chart-group {margin-bottom: 32px; padding: 32px; border-radius: 15px; border: 1px solid var(--color-gray10);}
.chart-wrap.chart-group .chart {padding: 0; border-radius: 0; border: 0;}

/* .chart-wrap .chart-box > .chart{padding:32px; box-sizing: border-box; border:1px solid var(--color-gray10); border-radius: 15px;}
.chart-wrap .chart-box.chart-two, .chart-box.chart-three{display: flex; gap: 32px; flex-wrap: wrap;}
.chart-wrap .chart-box.chart-two .chart,
.dashboard .chart-box.chart-two .chart{width: calc( 50% - 32px );}
.chart-wrap .chart-box.chart-three .chart{width: calc( 30% - 32px );} */

.chart-wrap .chart{padding:32px; box-sizing: border-box; border:1px solid var(--color-gray10); border-radius: 15px;}
.chart-box.chart-two, .chart-box.chart-three{display: flex; gap: 0 32px; flex-wrap: wrap;}
.chart-wrap .chart-box .chart{margin-bottom: 32px;}
.chart-box.chart-two .top-etc, .chart-box.chart-three .top-etc{flex-direction: column;} /* column-reverse */
.chart-box.content-center{justify-content: center; align-items: center;}
.chart-wrap .chart-box.chart-two > div,
.dashboard .chart-box.chart-two .chart{width: calc( 50% - 16px );}
.chart-wrap .chart-box.chart-three .chart,
.dashboard .chart-box.chart-three .chart{width: calc( 33.333% - 22px );}

.chart .chart-title {margin-bottom: 16px; font-size: 1rem; font-weight: 700; word-break: keep-all;}
.chart .chart-title.title-height-min {min-height: 60px;}
.chart .chart-title .title{font-size: 1em; font-weight: inherit;}

.chart-wrap .chart-box.chart-two .big-chart,
.dashboard .chart-box.chart-two .big-chart{width: calc(65% - 16px);}
.chart-wrap .chart-box.chart-two .small-chart,
.dashboard .chart-box.chart-two .small-chart{width: calc(35% - 16px);}

.btn-metainfo{position: absolute; top: 150px; right: calc( -109px - 60px ); /* position: fixed; top: 150px; right: 0; */ width: 109px; height: 109px; background-color: #ffa000; border-radius: 100%; box-shadow: 0 4px 4px rgba(0,0,0,0.25); z-index:999; transition: background 0.3s;}
.btn-metainfo:hover{background-color: #ff7700;}
.btn-metainfo:before{
	content: '';
	display: block;
	width: 32px;
	height: 32px;
	margin: 0 auto;
	background: url(/images/portal/button/btn_floating.svg) no-repeat center center;
}
.btn-metainfo:after{content: '';display:block; width:20px; height: 20px; margin: 0 auto; background: url(/images/portal/icon/icon_down.svg) no-repeat center center; background-size: 35px;}



/* .in-chart {
	border-top: 1px solid #e4e4e4;
	margin-top: 30px;
	padding-top: 30px;
}

.in-chart .chart {
	width: 48%;
	float: left;
}

.in-chart .chart .title {
	display: block;
	width: auto !important;
	margin-right: 10px;
} */



/* input 검색만 있는 검색 박스 추가 */
.search-mini {display: flex; gap: 12px; align-items: center;}
.search-mini .title-wrap{font-size: var(--ft-body1); font-weight: 700;}
.search-mini .title-wrap .title{margin: 0; font-size: 1em; font-weight: inherit;}
.search-mini .search{height: 2.5rem;border-radius: 6px;border: 1px solid var(--color-gray40);background-color: #fff;position: relative; box-sizing: border-box;}
.search-mini .search [type="text"]{padding: 0 2.5rem 0 1rem;line-height: 1.5;font-size: var(--ft-body1);border:0 none;background-color: transparent;min-width: 340px;}
.search-mini .search [type="text"]::placeholder{color: var(--color-gray60);}
.search-mini .search .btn-search{position: absolute;right: 0;bottom: 0;font-size: 0;width: 2.5rem;height: 2.5rem;background: url('/images/portal/icon/icon_search.svg') no-repeat transparent center;border-radius: 6px; border: 0;}

.modal .search-mini{margin-bottom: 24px;}


/* 데이터 설명 */
.meta-table-wrap table.info {width: 100% !important;}
.meta-table-wrap table.info th,
.meta-table-wrap table.info td {width: auto !important;}
.meta-table-wrap table.info div {width: auto !important; height: auto !important; box-sizing: border-box;}
.meta-table-wrap table.info .indent1 {text-indent: -10px;}
.meta-table-wrap .table-wrap > p > .title {display: inline-block; margin-bottom: 10px; font-size: var(--ft-title4); font-weight: 700;}


.dashboard.my-data-lab .table-wrap .table-division {
    
    word-break: keep-all;
    width: 90px;width: 90px; padding: 4px; box-sizing: border-box; font-size: var(--ft-body2);
}

.dashboard.my-data-lab .table-wrap .table-state {
    width: auto;
    padding: 4px;
    max-width: 70px;
    min-width: 55px;
    font-size: var(--ft-body2);
}
.dashboard.my-data-lab .table-wrap .subject {padding: 8px; box-sizing: border-box;}
.dashboard.my-data-lab .table-wrap td {padding: 8px 0;}

.modal.modal-add-card .search-mini {margin-top: 24px;}

.modal.modal-add-card .search-mini {margin-top: 24px;}
.modal.modal-add-card .modal-body {overflow: hidden;}

.modal.modal-add-card .modal-body .card-add-group {overflow: auto;}
.modal.modal-add-card .modal-body .card-add-group {max-height: 230px;}

.modal-add-card .tab-con2 .region-wrap::-webkit-scrollbar{width:6px; height:6px; border-radius:1.5rem; background-color: #b5dbea; background-color: rgba(181, 219, 234, 0.5);}
.modal-add-card .tab-con2 .region-wrap::-webkit-scrollbar-thumb{border-radius:1.5rem; background-color:var(--color-primary80);}
.modal-add-card .tab-con2 .region-wrap::-webkit-scrollbar-thumb-track{border-radius:1.5rem; background-color: #b5dbea; background-color: rgba(181, 219, 234, 0.5);}

.modal.modal-add-card .tab-con2 .btn-list:not(.btn-list-three) > div {
    width: calc( 50% - 6px);
}

.modal.modal-add-card .tab-con2 .btn-list > div .btn {
    margin-bottom: 12px;
    padding: 0;
}

.modal.modal-add-card .tab-con2 .btn-list > div {
    width: calc( 33.333% - 12px);
    margin: 0;
}



/* info box */
.info-modal-wrap{position: relative;}
.info-modal-wrap .btn-info{}
.info-modal-wrap .btn-close{
    position: absolute;
    top: 12px;
    right: 12px;
    width: 20px;
    height: 20px;
    font-size: 0;
    background:url('/images/portal/icon/icon_close.svg') no-repeat center center;
    /* transition: all 0.5s; */
}
.info-modal-wrap .btn-info {
    font-size: 0;
    vertical-align: middle;
    /* width: 20px; */
    /* height: 20px; */
    display: inline-flex;
    color: var(--color-gray90);
    border: 1px solid var(--color-gray10);
    background: url('/images/portal/icon/icon-modal.svg') no-repeat #fff center center / 1rem;
    /* padding: 0 1rem; */
    width: 2.25rem;
    height: 2.25rem;
    box-sizing: border-box;
    border-radius: 0.5rem;
}

.info-modal-wrap {
    position: relative;
    display: inline-block;
    /* height: 2.25rem; */
    vertical-align: top;
}

.btn + .info-modal-wrap {
    margin: 0 0.3125rem;
}

.table-wrap .btn.size-s {
    padding: 0 0.5rem;
}

.info-modal-wrap .btn-info:hover {
    background-color: var(--color-gray5);
    border-color: var(--color-gray20);
    text-decoration: none;
}
.info-modal-wrap .info-box {
    display: none;
    position: absolute;
    right: 0;
    background-color: #fff;
    position: absolute;
    top: calc(2.25rem + 3px);
    right: 0;
    padding: 24px;
    min-width: 270px;
    box-sizing: border-box;
    z-index: 2;
    word-break: keep-all;
    text-align: left;
    border-radius: 0.75rem;
    border: 1px solid var(--color-gray10);
    font-weight: 400;
    background: rgba(255, 255, 255, 1);
}

.info-modal-wrap .info-box.on {
    display: block;
}
.info-modal-wrap .info-box:before,
.info-modal-wrap .info-box:after{
    content: '';
    top: -15px;
    right: 13px;
    position: absolute;
    border-top: 8px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 7px solid transparent;
    border-bottom-color: var(--color-gray10);
}

.info-modal-wrap .info-box:after {
    top: calc(-15px + 2px);
    border-bottom-color: #fff;
}
.info-modal-wrap .info-box .title-wrap {
    font-size: var(--ft-body1);
    margin-bottom: 20px;
}

.info-modal-wrap .info-box .title-wrap .title {
    font-size: 1em;
}

.info-modal-wrap .info-box .btn {
    width: 100%;
    padding: 0 1rem;
}

.info-modal-wrap .info-box li:not(:first-of-type) {
    margin-top: 10px;
}
.toggle-tab .tab {
    height: 2.5rem;
    background-color: #fff;
    font-size: var(--ft-body1);
    padding: 0 24px;
    border-radius: 0;
    border: 0;
    line-height: 1;
    border-radius: 100px;
    box-sizing: border-box;
    transition: padding 0.3s;
}

.toggle-tab {
    margin: 0 auto 40px;
    text-align: center;
}

.toggle-tab ul {
    border: 1px solid var(--color-gray10);
    display: inline-flex;
    border-radius: 100px;
    align-items: center;
}

.toggle-tab .on .tab {
    background-color: var(--color-primary80);
    border-radius: 100px;
    color: #fff;
    padding: 0 30px;
    /* height: calc(2.5rem + 30px); */
    /* position: absolute; */
    position: relative;
    
}

.toggle-tab .on .tab:before {
    content: '';
    width: calc( 100% - (5px / 2));
    height: calc( 100% - (4px / 2));
    position: absolute;
    top: -3px;
    left: -3px;
    border: 4px solid var(--color-primary80);
    border-radius: 100px;
}

.toggle-tab .on li {
    position: relative;
}

.toggle-tab .on ~ li {
}

.toggle-tab li:last-of-type:not(.on) .tab {
    padding: 0 24px 0 12px;
}

.toggle-tab li:first-of-type:not(.on) .tab {
    padding: 0 12px 0 24px;
}

.tab-panel + .accordion {
    margin-top: 50px;
}

.login-wrap > .input-wrap,
.member-wrap .input-box .input-wrap {margin-bottom: var(--space4); width: 370px; position: relative;}
.login-wrap > .input-wrap > input,
.member-wrap .input-box .input-wrap > input{width: 100%;}
.login-wrap #mbrPw {padding-right: 2.8125rem;}
.member-wrap .input-box .input-wrap {display: inline-block;}
.member-wrap .input-box .input-wrap > input {padding-right: 45px; margin-left: 0; margin-bottom: 0; box-sizing: border-box;}

/* 로그인 페이지 */
#keyShow,
#keyShow2,
#keyShow3 {position: absolute; top: 50%; right: 0.75rem; width: 1.5rem; height: 1.5rem; transform: translateY(-50%); cursor: pointer;}
#CapsLockMsg {color: red;}




/* 서비스 가이드 - 왼쪽 탭 */
.left-tab-wrap{width: 334px; margin-right: 20px; box-sizing: border-box;}
.left-tab-wrap .tab{display: flex; width: 100%; padding: var(--space13) var(--space11); font-size: var(--ft-title3); text-align: left; font-weight: 700; word-break: keep-all; background-color: var(--color-gray5); box-sizing: border-box;}
.left-tab-wrap .tab br {display: none;}
.left-tab-wrap li:not(:first-of-type) .tab{margin-top: 10px;}
.left-tab-wrap .on .tab{position: relative; height: 242px; color: #fff; font-size: var(--ft-title2); background-color: var(--color-primary80);}
.left-tab-wrap .on .tab:after,
.left-tab-wrap .on .tab:before{
	content: ''; position: absolute; top: 1.25rem; right: -1rem;
	border-right: var(--space3) solid transparent;
	border-left: var(--space3) solid transparent;
	border-top: var(--space3) solid transparent;
	border-bottom: var(--space3) solid transparent;
	border-left-color: var(--color-primary80);
}
.left-tab-wrap .on .tab br.tab-active {display: block;}
.left-tab-wrap ~ .tab-panel{padding: var(--space11) var(--space9); width: calc(100% - 334px - 20px); background-color: #fff; border-radius: var(--space5); border: 1px solid var(--color-gray10); box-sizing: border-box;}


/* 서비스 가이드 */
.service-guide > .inner{display: flex; justify-content: space-between;}
.service-guide .title-wrap{display: flex; justify-content: space-between; margin-bottom: var(--space7); font-size: var(--ft-title3); font-weight: normal;}
.service-guide .title-wrap .title{font-size: 1em; font-weight: 700;}
.service-guide .title-wrap ~ .title-wrap{margin-top: var(--space13);}
.service-guide .menu-location{margin-bottom: var(--space2);}
.service-guide .menu-location li{display: inline-flex; align-items: center;}
.service-guide .menu-location li:not(:last-of-type):after{content: ''; display: inline-block; width: 1rem; height: 1rem; background: url('/images/portal/icon/icon_forward.svg') no-repeat center center; background-size: contain;}
.service-guide .menu-location li:last-of-type{font-weight: 700;}
.service-guide .menu-location + .guide-txt p{color: var(--color-gray60);}
.service-guide .menu-location + .guide-txt p:before{content: '*';}
.service-guide .guide-txt p ~ p {margin-top: var(--space3);}
.service-guide .img-wrap{margin-top: var(--space11); text-align: center;}


/* 신규 반응형 - 24.11 */
@media screen and (max-width: 1240px){
    .contents > .inner, 
    .contents > article > .inner{padding: 0 var(--space7); box-sizing: border-box;}
    .location ul{padding: 0 var(--space7); box-sizing: border-box;}

    .page-title-wrap{padding: 0 var(--space7); box-sizing: border-box;}

    .btn-metainfo{right: var(--space7);}

    .l_wrapper .banner-container {margin: 0 var(--space7);}
}
@media screen and (max-width: 1023px){
	.login-wrap > .input-wrap{width: 100%;}
    
    .title-wrap .a-go {align-self: flex-end;}

    .dashboard .col .top .title-wrap {flex-direction: column;}
    .dashboard .col .top .top-etc {flex-direction: column;}
    .dashboard .col .top .tab{margin-bottom: 0;}

    .dashboard .col .chart{width: 100% !important;}
    .dashboard .col.type-1 > .top .top-etc .btn-wrap {align-self: flex-end;}
    .dashboard .col.type-1 .chart {width: auto !important;}

    .card-list ul{flex-wrap: wrap;}


    .modal .box + .tourist-box {margin-top: var(--space7);}
}
@media screen and (max-width: 930px) and (min-width: 841px){
    
}
@media screen and (max-width: 840px){

}
@media screen and (max-width: 780px){
	.contents > .inner, 
    .contents > article > .inner{padding: 0 var(--space8);}

    .location ul{padding: 0 var(--space8);}
    .location li {display: none;}
	.location li:last-of-type {display: inline-flex;}
    .location li:last-of-type:before {content: ''; display:inline-block; width: 15px; height: 15px; background: url('/images/portal/icon/icon_forward.svg') no-repeat center center; background-size: contain;}
    .page-title-wrap{padding: 0 var(--space8);}

    .search-box .filter-form {width: 100%;}
    .search-box .filter-form .title{margin-bottom: var(--space3);}
    .search-box .search-filter{flex-direction: column; align-items: flex-start; gap: var(--space12);}
    .search-box .search-filter > .btn-wrap{width: 100%;}
    .search-box .search-filter > .btn-wrap .btn{min-width: 100%; width: 100%;}
    .search-box .filter-form .lookup-wrap {flex-wrap: wrap;}

    .board-list table .table-division{padding: var(--space3); width: auto;}

    
    
    .left-tab-wrap {width: 100%; margin-right: 0; margin-bottom: var(--space8);}
    .left-tab-wrap .on .tab {height: auto;}
    /* .left-tab-wrap .on .tab:after,
    .left-tab-wrap .on .tab:before {right: var(--space3-minus);} */
    .left-tab-wrap ~ .tab-panel {width: 100%;}
    .service-guide > .inner {flex-direction: column;}
    .left-tab-wrap .on .tab:after,
    .left-tab-wrap .on .tab:before {top: auto; right: auto; bottom: calc( var(--space4-minus) * 2 ); left: 1rem; border-left-color: transparent; border-top-color: var(--color-primary80); border-width: var(--space4); }


    .btn-metainfo {width: 5rem; height: 5rem; font-size: var(--ft-body2);}
    .btn-metainfo:before {width: 1.5625rem; height: 1.5625rem; background-size: 1.4375rem;}
    .btn-metainfo:after {width: 0.9375rem; height: 0.9375rem; background-size: 1.5625rem;}
    
    .txt-box {flex-direction: column;}

    .card-list li {flex: auto;width: 100%;}

    .contents-top {flex-direction: column-reverse; align-items: flex-start; gap: var(--space7);}
    .contents-top .btn-options {align-self: flex-end;}

    .mid-title-wrap {flex-direction: column;}
    
    
    
    .modal .search-box-mini .lookup-wrap.column .search-custom {flex-flow: column; align-items: flex-start;}
	.modal .search-box-mini .lookup-wrap.column .search-custom:not(:first-of-type) {margin-top: 10px;}
	.modal .modal-body > div:first-of-type.search-box-mini {margin: 0;}

}
@media screen and (max-width: 620px){
	.modal .btn-list.type3:not(.btn-list-three) .btn {width: 100%;}
	.modal .btn-list.type3.btn-list-three .btn {width: 100%;}
}

/* 230807 내가찾은검색어 색인 hover 추가 */
.li_mySearch:hover, .li_mySearch:active { color:#4bbbd2;  text-decoration:none; } 

/* print */
@page{size: A4 landscape;/* margin:0;*/ margin:10mm;page-break-inside:auto; print-color-adjust:exact;page-break-after: auto;}
@media print{	
	#printDiv{
		display:block;	    
	    width: 100%;
	    height: 100%;
	    position: relative;
	    zoom:80%;
	    print-color-adjust:exact;
	}
	#printDiv .chart-wrap .chart-box{display:block;page-break-inside:avoid; page-break-after: avoid;print-color-adjust:exact;}
	/* #printDiv > .tab-panel {margin: 0 20px;} */
	.dashboard .col{page-break-inside:avoid; page-break-after: avoid;print-color-adjust:exact;}
	#printDiv .dashboard .col,
	#printDiv.dashboard .col{overflow:hidden;}
}
.chart_tooltipHtml{
	text-align: center; 
	padding: 0px 5px;
	font-size: 12px;
}
.chart_tooltipHtml_highlight{
	text-align: center; 
	padding: 0px 5px;
	text-align: center; 
	padding: 0px 5px;
	/*color: #000000;
	text-shadow: -1px 0px #ff0000, 0px 1px #ff0000, 1px 0px #ff0000, 0px -1px #ff0000;*/
	text-decoration: underline;
	font-size: 12px;
}
.amChartBox:hover {
	position: relative;
	/*-webkit-backface-visibility: visible;
   	backface-visibility: visible;
   	overflow: visible;*/
	z-index : 20000 !important;
}

.imgSign { display: inline-block; }
.imgSign img.up{
	content: '';
    display: block;
    width: 15px;
    height: 15px;
    margin: 0 auto;
    content: url('/images/portal/icon/icon_count_up.svg');
}
.imgSign img.down{
	content: '';
    display: block;
    width: 15px;
    height: 15px;
    margin: 0 auto;
    content:url('/images/portal/icon/icon_count_down.svg');
}
.imgSign img.equal{
	content: '';
    display: block;
    width: 15px;
    height: 15px;
    margin: 0 auto;
    content:url('/images/portal/sub/bg_acco_on.png');
}