@charset "utf-8";

.inner.contents-block{padding-bottom:130px ; color: #222;}
.tab-step{display: flex; border-radius: 7px; background-color: #F7F7F7; overflow: hidden; margin-bottom: 70px;}
.tab-step a{display: flex;height: 58px; background-color: transparent; align-items: center; width: 360px; padding:0 54px; color: #666666; font-size: 18px; font-weight: 500;  border-radius: 7px; }
.tab-step a p{display: flex; justify-content: space-between; gap: 12px; transition: gap 0.25s ease;}
.tab-step a em{}
/* .tab-step a:hover{background-color: #283e80; color: #fff;} */
.tab-step a:hover p{gap: 24px;}
.tab-step a span{display: flex; align-items: center; gap: 10px; flex: none; color: #939ebf;}
.tab-step a span:after{content: ""; display: flex; width: 1px; height: 13px; background-color: #939ebf; opacity: 0.5; }
.tab-step a:hover span:after{background-color: rgba(147, 158, 191, 0.5);}
.tab-step li.on a{background-color: #283e80; color: #fff;}
.tab-step li.on a p{gap: 24px;}
.tab-step li.on a p span:after{background-color: #939ebf;}
.tab-step.join-step li{width: 25%;}
.tab-step.join-step.leng5 li{width: 20%;}
.tab-step.join-step li a{width: 100%; padding: 0 30px;}
.tab-step.join-step.leng5 li a{padding: 0 15px;}
.tab-step.join-step li a p{width:fit-content;}
.tab-step.join-step li.on a p{gap: 24px;}

.tab-wrap .tab-cont > div{display: none;}
.tab-wrap .tab-cont > div.on{display:block;}

.sub-title{font-size: 20px; color: #222; display: flex; align-items: center; gap: 15px; font-weight: 500; margin-bottom: 20px; justify-content: flex-start;}
.sub-title > span{color: #74839B; font-size: 16px;}
.sub-title em{margin-left: auto; font-size: 16px; display: flex; gap: 5px; align-items: center;}
.form-input-info{display: flex; flex-wrap: wrap; border-top: 1px solid #BFCBDB; border-bottom: 1px solid #BFCBDB; background-color: #E2E8F0; gap: 1px; row-gap: 1px; display:grid; grid-template-columns:1fr 1fr;}
.form-input-info dl{display: flex; background-color: #fff; height: 60px;}
.form-input-info dl dt{width: 170px; padding:0 20px; background-color: #F6F8FB; flex: none; align-items: center; display: flex; color: #74839B;}
.form-input-info dl dt .bulit{margin: -8px 0 0 3px;}
.form-input-info dl dd{flex-grow: 1; padding:0 15px; color: #74839B; display: flex; gap: 10px; align-items: center; padding-right: 60px;}
.form-input-info dl dd input{height: 40px; border-radius: 5px; border: 1px solid #D1D1D1; width: 100%;  padding: 0 10px;}
.form-input-info dl:first-of-type dd input{width:100px;}
.information{margin-top:50px; font-size: 16px; }
.information dt{margin-bottom: 20px; display: flex; gap: 5px; align-items: center;}
.information dd{line-height: 30px;}
.information dd.hasDot{position: relative; padding: 0 0 0 12px;}
.information dd.hasDot:before{content: ""; position: absolute; top: 12px; left: 0; display: block; width: 3px; height: 3px; border-radius: 50%; background-color: #222;}
.information dd:last-of-type{color: #DF2727;}
.information dd .layer_opener{color: #2850fa; text-decoration: underline;}

.btn-line{position: relative; display: flex; justify-content: center; flex-wrap: wrap; gap: 10px;}
.btn-line:has(.btn-hint){flex-wrap: wrap;}
.btn-line.align-left{justify-content: flex-start;}
.btn{display: inline-flex; align-items: center; justify-content: center; gap: 10px; white-space: nowrap; box-shadow: none;}
.btn.btn-sm{height: 36px; font-weight: 400; min-width:auto ; border-radius: 5px; padding: 0 15px; font-size: 14px;}
.btn.btn-md{height: 40px; font-weight: 400; min-width:128px ; border-radius: 7px; padding: 0 25px;}
.btn.btn-lg{height: 46px; font-weight: 500;  border-radius: 5px; padding: 0 20px;}
.btn.btn-gray{background-color: #F6F6F6; color: #2B384F; border: 1px solid #ECECEC; transition: 0.25s;}
.btn.btn-gray:hover{background-color: #555; background-color: #555; color: #fff;}
.btn.btn-blue{background-color: #283E80; color: #fff; transition: 0.25s;}
.btn.btn-blue:hover{color: #283e80; background-color: #fff; box-shadow: inset 0 0 0 1px #283e80;}
.btn.btn-blue:hover img{filter: brightness(0) saturate(100%) invert(22%) sepia(13%) saturate(7127%) hue-rotate(206deg) brightness(88%) contrast(90%);}
.btn.btn-blue-line{border:1px solid #283E80; color: #283E80; }
.btn.btn-light-blue{background-color: #5981D9; color: #fff; transition: 0.25s;}
.btn.btn-light-blue:hover{background-color: #fff; color: #5981D9; box-shadow: inset 0 0 0 1px #5981D9;}
.btn.btn-light-blue:hover img{filter: invert(50%) sepia(32%) saturate(829%) hue-rotate(183deg) brightness(93%) contrast(100%);}
.btn.btn-light-blue-line{background-color: #eaf1fb; box-shadow: inset 0 0 0 1px #d4e4fa; color: #283e80; transition: 0.25s; font-weight: var(--fwm);}
.btn.btn-light-blue-line:hover{background-color: #fff; box-shadow: inset 0 0 0 2px #d4e4fa;}
.btn.btn-light-blue-line img{filter: brightness(0) saturate(100%) invert(22%) sepia(13%) saturate(7127%) hue-rotate(206deg) brightness(88%) contrast(90%);}
.btn.btn-steel-gray{background-color: #74839B; color: #fff; transition: 0.25s;}
.btn.btn-steel-gray:hover{background-color: #fff; color: #74839B; box-shadow: inset 0 0 0 1px #74839B; border: none;}
.btn.btn-round{border: 1px solid #B1C0D8; background-color: #fff; border-radius: 20px; padding: 0 15px;}
.btn.btn-short{min-width: 0;}
.btn.btn-wide{padding:0 75px;}
.btn.btn-link{}
.btn.btn-link span{display: inline-flex; align-items: center; gap: 7px;}
.btn.btn-link span:after{content: ""; display: inline-block; margin-top: -1px; width: 20px; height: 20px; background: url('/src/img/2024/contents/btn-link.png') no-repeat; transition: 0.25s;}
.btn.btn-link:hover span:after{filter: brightness(0) saturate(100%) invert(19%) sepia(49%) saturate(1974%) hue-rotate(206deg) brightness(93%) contrast(90%);;}
.btn.btn-disabled,
.btn.btn-disabled:hover,
.btn[disabled],
.btn[disabled]:hover,
.btn.btn-disabled:hover *,
.btn.btn-disabled:hover *:before,
.btn.btn-disabled:hover *:after{color: #fff !important; background: #74839b !important; box-shadow: none !important; cursor: not-allowed !important;}
.btn.btn-align-left{margin-right: auto;}
.btn.btn-align-right{margin-left: auto;}
.btn.btn-orcf:before{width: 24px; height: 100%; content:''; display:'block'; background: url('/src/img/2024/common/c_ctf01.svg') no-repeat center; background-size: contain;}
.btn.btn-fin:before{width: 24px; height: 100%; content:''; display:'block'; background: url('/src/img/2024/common/c_ctf02.svg') no-repeat center; background-size: contain;}

.btn img{transition: 0.25s;}
.text-center{text-align:center !important;}
.text-right{text-align: right; display: flex; justify-content: flex-end;}
.text-left{text-align: left !important;}
button{background-color: transparent;}
input[type=text], input[type=password]{height: 40px; border-radius: 5px; border: 1px solid #D1D1D1; padding: 0 10px; color: #686868;}
input[type=text]:disabled{background-color: #F9F9F9;}
input[type=text].error,
input[type=password].error{border-color: #F24949;}
input[type=text].datepicker{display: inline-flex; background: url("/src/img/2024/contents/ico-calendar.svg") no-repeat right 8px center !important; width: 180px;}
input[type=text].ym-picker{display: inline-flex; background: url("/src/img/2024/contents/ico-calendar.svg") no-repeat right 8px center !important; width: 180px;}
.select{display: inline-flex; height: 40px; border: 1px solid #D2D8E0; border-radius: 5px; padding:0 35px 0 13px ; min-width: 119px; color: #686868;
  background:#fff url("/src/img/2024/contents/ico-select.svg") no-repeat right 12px center; align-items: center;  }
.select:disabled{background-color: #f9f9f9; color: #888; opacity: 1;}
.search-box .select:disabled{background-color: #fff; color: #bababa; opacity: 1; background-image: url("/src/img/2024/contents/ico-select-disabled.svg");}
.search-box .input-radio:disabled{}
.search-box .input-radio:disabled + label{color: #bababa;}
.search-box.disabled{}
.search-box.disabled .select{background-color: #fff; color: #bababa; opacity: 1; background-image: url("/src/img/2024/contents/ico-select-disabled.svg");}
.search-box.disabled .input-radio + label{color: #bababa;}
.flex-between-line{display: flex; justify-content: space-between; align-items: flex-end;gap: 10px;}
.api-block{min-height: 300px; border: 1px solid #E7E7E7; padding: 20px;}


.research-block{border: 1px solid #EFF2F5; background-color: #F9FAFB; padding: 70px 80px; border-radius: 7px; color: #222; display: flex; flex-direction: column; gap: 50px;}
.research-block dt{display: flex; gap: 5px; align-items: center; margin-bottom: 17px;}
.research-block input[type=text]{height: 50px; border-radius: 5px; border: 1px solid #D1D1D1; width: 100%;  padding: 0 10px;}
.checkbox-list{display: flex; row-gap: 18px; flex-wrap: wrap;}
.checkbox-list li{width: 25%;}
.input-radio{position: absolute; width: 0; height: 0; opacity: 0; overflow: hidden;}
.input-radio+label{display: flex; align-items: center; gap: 10px;}
.input-radio+label::before{content: ""; display: flex; width: 30px; height: 30px; background:url('/src/img/2024/contents/ico-radio.svg') no-repeat 50% 50%; background-size: cover; flex: none;}
.input-radio:checked+label::before{background:url('/src/img/2024/contents/ico-radio-checked.svg') no-repeat 50% 50%; background-size: cover;}

@media (max-width: 1280px){
    #sub_container .inner.contents-block{padding-bottom: 40px;}
    .tab-step{margin-bottom: 40px;}
    .tab-step.join-step.leng5{flex-direction: column;}
    .tab-step li{width: 33.33%;}
    .tab-step.join-step.leng5 li{width: 100%; display: none;}
    .tab-step.join-step.leng5 li.on{display: block;}
    .tab-step.join-step.leng5 li a{padding: 0 30px;}
    .tab-step a{width:100%; padding:0 30px;}
    .tab-step a:hover p{gap: 12px;}
    .tab-step li.on a p{gap: 12px;}
    .tab-step.join-step.leng5 li{width: 100%;}
    .research-block{padding: 40px;}
    .form-input-info dl dd{padding-right: 15px;}
    .checkbox-list li{width: 33.33%;}
    .flex-between-line{flex-direction: column;}

}
@media (width <= 767px) {
    .tab-step{flex-direction: column;}
    .tab-step li{width: 100%; display: none;}
    .tab-step li.on{display: block;}
    .tab-step a{height: 50px; width:100%; padding:0 20px; font-size: 16px;}
    .tab-step a p{width:0%;}
    .tab-step.join-step li{width: 100%;}
    .sub-title{font-size: 16px; margin-bottom: 10px; flex-direction: column; align-items: flex-start; gap: 10px;}
    .sub-title span{font-size: 14px;}
    .form-input-info{display: flex; flex-direction: column; }
    .form-input-info dl{display: flex; flex-direction: column; height:auto; padding-bottom: 15px;}
    .form-input-info dl dt{width:100%; padding:15px; padding-bottom: 5px; background-color:transparent;}
    .form-input-info dl dd{padding-right: 15px;}
    .form-input-info dl:first-of-type dd input{width:100%;}
    .information{margin-top:50px; font-size: 16px; }
    .information dt{margin-bottom: 10px; }
    .information dd{line-height: 20px; font-size: 14px;}
    .information dd.hasDot{padding: 0 0 0 10px;}
    .information dd.hasDot:before{top: 8px; left: 0;}
    .information dd:last-of-type{color: #DF2727;}

    .btn-line{display: flex; justify-content: center; flex-wrap: wrap;}
    .btn{display: flex; align-items: center; justify-content: center;}
    .btn.btn-sm{}
    .btn.btn-md{height: 40px; font-weight: 400; min-width:128px ; border-radius: 7px;}
    .btn.btn-lg{height: 46px; font-weight: 500;  border-radius: 5px; padding: 0 20px;}
    .btn.btn-blue{background-color: #283E80; color: #fff; }
    .btn.btn-full{flex-grow: 1;}
    .btn.btn-md.m-wa{width: auto; min-width: auto;}
    .research-block{padding: 20px; gap: 30px;}
    .research-block dt{display: flex; gap: 5px; align-items: center; margin-bottom: 17px;}
    .research-block input[type=text]{height: 50px; border-radius: 5px; border: 1px solid #D1D1D1; width: 100%;  padding: 0 10px;}
    .checkbox-list{display: flex; flex-direction: column; row-gap: 18px; flex-wrap: wrap;}
    .checkbox-list li{width: 100%;}

}
.info-upload {margin-bottom: 150px;}
.info-upload hr{border-top: 1px dashed #CED1D4; margin: 28px 0;}
.info-upload .number{margin-bottom: 20px; display: flex; gap: 12px; align-items: center;}
.info-upload .number span{display: flex; height: 32px; border-radius: 30px; background-color: #222; color: #fff; font-weight: 600; padding:0 17px; align-items: center; justify-content: center;}
.upload-step{display: grid; grid-template-columns: 1fr 285px 1fr; border-radius: 20px ; border: 1px solid #ECECEC; padding: 40px 0px; align-items: center;}
.upload-step li{flex-grow: 1; display: flex; align-items: center; justify-content: center; padding: 0 20px; flex-direction: column; gap: 12px; font-size: 20px; font-weight: 500; border-right: 1px dashed #CED1D4; position: relative;}
.upload-step li:last-child{border-right: none;}
.upload-step li:after{ width: 46px; height: 46px; content: ""; display: block; background:url('/src/img/2024/contents/ico-arrow.svg') no-repeat 50% 50%; position: absolute; top: 50%; transform: translateY(-50%) translateX(50%); right: 0;}
.upload-step li:last-of-type::after{display: none;}
.upload-step li .hometax{width: 233px; max-width: 80%;}
.upload-info{display: flex; gap: 30px; display: grid; grid-template-columns: 1fr 1fr 1fr;}
.upload-info dl{border: 1px solid #ECECEC; border-radius: 7px; padding: 7px;}

.upload-info dl dt{height: 50px; display: flex; align-items: center; padding: 0 23px; background-color: #EAF1FB; border-radius: 7px; gap: 10px; font-weight: 500; }
.upload-info dl dd{padding: 23px;}
.upload-info dl dd ul{display: flex; flex-direction: column; gap: 10px; font-size: 14px;}
.upload-info dl dd ul li a{color: #74839B;}
.upload-block{border: 1px solid #ECECEC; border-radius: 7px; min-height: 500px;}
.upload-block > iframe{border: none; max-width: 100%; min-width: 380px; overflow-x: auto;}
.scrp_ifr_loading{
    background: url(../../img/common/loading.gif) 50% 50% no-repeat #c7c7c7;
    position: relative;
}

.scrp_ifr_loading:after {
    content: '자료제출 준비중입니다';
    position: absolute;
    top: calc((100% + 80px) / 2);
    left: calc((100% - 180px) / 2);
    display: block;
    font-weight: bold;
    font-size: 21px;
}

@media (width <= 767px) {
    .info-upload {margin-bottom: 40px;}
    .info-upload .number.add-btn{flex-wrap: wrap;}
    .info-upload .number.add-btn a{margin-left: auto;}
    .upload-step{display:flex; flex-direction: column;  padding:0px 0px; align-items: center;}
    .upload-step li{flex-grow: 1; display: flex; align-items: center; justify-content: center; padding: 50px 0; flex-direction: column; gap: 12px; font-size: 20px; font-weight: 500; border-right: 0; position: relative;}
    .upload-step li:last-child{border-right: none;}
    .upload-step li:after{ width: 46px; height: 46px; content: ""; display: block; background:url('/src/img/2024/contents/ico-arrow.svg') no-repeat 50% 50%; position: absolute; top: auto; transform: translateY(50%) translateX(-50%) rotateZ(90deg); right:auto; left:50%; bottom: 0;}
    .upload-info{display: flex; gap: 10px; display:flex; flex-direction: column;}

    .upload-block{border: 1px solid #ECECEC; border-radius: 7px; min-height: 300px; padding: 20px; min-width: 300px; overflow-x: auto;}
}

.basa-caution{border: 1px solid #ECECEC; border-radius: 20px; display: grid; grid-template-columns: 380px 1fr; overflow: hidden;}
.basa-caution .title{background: url("/src/img/2024/contents/bg-basa.png") no-repeat; background-size: cover; flex: none; padding: 52px 40px; text-align: right; display: flex; flex-direction: column; gap: 7px; background-color: #FAFAFA; flex-grow: 1;}
.basa-caution .title dt{font-family: "Poppins", sans-serif; font-size: 50px; color: #2850FA; font-weight: 700; line-height: 100%;}
.basa-caution .caution-block{flex-grow: 1; padding: 60px;}
.basa-caution .caution-block p{color: #2850FA;}
.basa-caution .caution-block ul{display: flex; flex-direction: column; gap: 15px; margin-top: 10px;}
.basa-caution .caution-block ul li{position: relative; padding-left: 26px;}
.basa-caution .caution-block ul li::before{content: ""; display: block; background: url("/src/img/2024/contents/ico-bulit.svg") no-repeat; width: 18px; height: 18px; position: absolute; left: 0; top:3px; }
@media (max-width: 1280px){
    .basa-caution{grid-template-columns: auto 1fr; overflow: hidden;}
    .basa-caution .caution-block{flex-grow: 1; padding: 40px;}
}
@media (width <= 767px) {

    .basa-caution{display: flex; flex-direction: column;}
    .basa-caution .title{background: url("/src/img/2024/contents/bg-basa.png") no-repeat; background-size: cover; flex: none; padding: 20px; text-align: left; display: flex; flex-direction: column; gap: 7px; background-color: #FAFAFA; flex-grow: 1;}
    .basa-caution .title dt{font-size: 24px;}
    .basa-caution .title dd br{display: none;}
    .basa-caution .caution-block{padding: 20px;}
}

.analyze{margin-top: -45px;}
.date-select{display: flex; gap: 8px; align-items: center; position: relative;}
.contents-block .date-select .btn{min-width: 0;}
.analyze-conetents{margin-top: 15px; position: relative;}
.analyze-header{ display: flex; border-radius: 5px 5px 0 0; border: 1px solid #B3B3B3; background-color: #fff; align-items: flex-end; /* overflow: hidden; */}
.analyze-header:before{content: ""; position: absolute; top: -11px; left: -1px; right: -1px; height: 10px; background: #fff;}
.analyze-header button{background-color: transparent; color: #2B384F;}
.analyze-header button br{display: none;}
.analyze-header ul{font-weight: 500;}
.analyze-header ul.tab-01{display: flex; font-size: 18px;  height: 100%; flex-grow: 1;}
.analyze-header ul.tab-01:before{content: ""; position: absolute; top: -3px; left: -5px; display: block; width: 5px; height: 5px; background-color: #fff;}
.analyze-header ul.tab-01:after{content: ""; position: absolute; top: -3px; right: -5px; display: block; width: 5px; height: 5px; background-color: #fff;}
.analyze-header ul.tab-01 li {border-right: 1px solid #B3B3B3; flex-grow: 1;  display: flex;}
.analyze-header ul.tab-01 li:last-child {border-right:none;}
.analyze-header ul.tab-01 li button{display: flex; height: 50px; align-items: center;flex-grow: 1; justify-content: center;}
.analyze-header ul.tab-01 li button.active{position: relative; background-color: #fff;}
.analyze-header ul.tab-01 li button.active:before{content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color: #2850fa;}
.analyze-header ul.tab-02{display: flex; font-size: 16px; margin-left: auto; flex-grow: 1; margin-right: 12px;}
.analyze-header ul.tab-02 li { flex-grow: 1; display: flex;}
.analyze-header ul.tab-02 li + li{margin-left: -1px;}
.analyze-header ul.tab-02 li button{display: flex; height: 40px; align-items: center; background-color: #fff; border: 1px solid #B3B3B3; border-radius: 5px  5px 0 0;flex-grow: 1; justify-content: center; border-bottom: 0;}
.analyze-header ul.tab-02 li button.active{position: relative; background-color: #fff;}
.analyze-header ul.tab-02 li button.active:before{content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color: #2850fa;}
.analyze-view{border: 1px solid #B3B3B3; border-top: none; padding: 0;}
.analyze-view iframe{border: none; max-width: 100%;}

@media (width <= 767px) {
    .analyze{margin-top:0;}
    .date-select{display: flex; gap: 8px; align-items: center; position: relative; margin-top: 20px;}
    .date-select input{flex-grow: 1;}
    .analyze-conetents{margin-top: 15px;}
    .analyze-header{/* flex-direction: column; */}
    .analyze-header button{background-color: transparent; color: #2B384F;}
    .analyze-header ul{width: 100%;}
    .analyze-header ul.tab-01{flex: 0 0 auto; width: 40%; font-size: 15px;}
    .analyze-header ul.tab-01.full{width: 100%; flex: 1;}
    .analyze-header ul.tab-02{flex: 0 0 auto; width: 60%; font-size: 14px; margin-right: -1px;}
    .analyze-header ul.tab-01.leng5 li{width: 20%;}
    .analyze-view{padding:15px;}
}

@media (width <= 560px) {
    .analyze-header button br{display: block;}
    .analyze-header ul.tab-01 li button{height: 75px;}
    .analyze-header ul.tab-02 li button{height: 60px;}
}

.search-box{display: flex; flex-direction: column; background-color: #F9FAFB; border-radius: 5px; border: 1px solid #EFF2F5; padding: 30px 50px; align-items: center; }
.search-box .search-line{display: inline-flex; gap: 10px;}
.search-box .search-line .search{position: relative;}
.search-box .search-line input{width: 470px; padding-right: 43px;}
.search-box .search-line .search button{position: absolute; top: 50%; transform: translateY(-50%); right: 15px; z-index: 10;}
/* .search-box .search-line .btn-detail span{display: flex; width: 18px; height: 18px; background: url("/src/img/2024/contents/ico-search-detail.svg") no-repeat;} */
.search-box .search-line .btn-detail:hover{background-color: #b1c0d8; color: #fff;}
.search-box .search-line .btn-detail span{position: relative; display: flex; width: 18px; height: 18px; background-color: #b1c0d8; border-radius: 50%;}
.search-box .search-line .btn-detail span:before,
.search-box .search-line .btn-detail span:after{content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 10px; height: 2px; background-color: #fff; /*transition: 0.25s;*/}
.search-box .search-line .btn-detail span:after{width: 2px; height: 10px;}
.search-box .search-line .btn-detail:hover span{background-color: #fff;}
.search-box .search-line .btn-detail:hover span:before,
.search-box .search-line .btn-detail:hover span:after{background-color: #b1c0d8;}
.search-box .detail-input{padding: 50px 0 10px; flex-grow: 1; width: 100%; display: none;}
.search-box.active .detail-input{display:block;}
/* .search-box.active .search-line .btn-detail span{background: url("/src/img/2024/contents/ico-search-detail-close.svg") no-repeat;} */
.search-box.active .search-line .btn-detail span:after{display: none;}
.select-search{ display: flex; flex-direction: column; gap: 40px;}
.select-search dl{display: flex; gap: 20px; flex-grow: 1;}
.select-search dl dt{font-size: 18px; font-weight: 600; height: 40px; display: flex; align-items: center;}
.select-search dl dd{display: flex; align-items: center; flex-grow: 1;}
.select-search dl dd ul.search-con{display:flex; gap: 10px; flex-wrap: wrap; row-gap: 10px; grid-template-columns: repeat(7, 1fr); flex-grow: 1;}
.select-search dl dd ul.search-con li{width:; position: relative;}
.select-search dl dd ul.search-con li button{width: 100%;}
.select-search dl dd ul.top{display: flex; align-items: center; gap: 65px;}
.select-search dl dd ul.top li{}
.select-search dl dd ul.top li:nth-child(1){position: relative;}
.select-search dl dd ul.top li:nth-child(1):after{content: ""; position: absolute; top: 6px; right: -30px; width: 1px; height: 20px; background-color: #d2d8e0;}
.select-search dl dd ul.top label{color: #686868;}

.filter-list{display: flex; align-items: center; gap: 5px; margin-top: 50px; flex-wrap: wrap;}
.filter-list li{}
.filter-list li button{color: #74839B; font-weight: 500; display: flex; gap: 10px; background-color:transparent; border-radius: 32px; border: 1px dashed #b1c4dd; line-height: 1.5; padding: 3px 14px; background-color: #eaf1fb;}
.filter-list li button:hover{outline: 2px solid #b1c4dd; outline-offset: -2px;}
.search-box .info-filter{color: #74839B; margin-top: 25px; }
.search-box .btn-reset{margin-top: 20px; text-align: right;}
.search-box .btn-reset button{transition: 0.25s;}
.search-box .btn-reset button:hover{background-color: #b1c0d8; color: #fff;}
.search-box .btn-reset button img{transition: 0.25s;}
.search-box .btn-reset button:hover img{filter: brightness(0) invert(1); transform: rotate(180deg);}
.search-box .btn-reset .btn-dtl{background-color: #283E80; color: #fff; transition: 0.25s;}
.search-box .btn-reset .btn-dtl:hover{border:1px solid #283E80; color: #283E80; background-color: #fff;}

.search-result{margin-top: 40px;}
.result-header{display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 15px;}
.scroll-block{overflow-x:auto; max-width: 100%;}
.table-default{table-layout: fixed; border-top: 1px solid #E2E8F0; border-bottom: 1px solid #E2E8F0; width: 100%;}
.table-default thead tr th{background-color: #F6F8FB; padding:16px 10px; color: #6F7E97; font-weight: 400; text-align: center; border-left: 1px solid #E2E8F0;}
.table-default thead tr th:first-of-type{border-left: none;}
.table-default thead tr:nth-child(n+2) th:first-of-type{border-left: 1px solid #e2e8f0;}
.table-default thead tr:nth-child(n+2) th{border-top: 1px solid #e2e8f0;}
/* .table-default thead tr th button{display: inline-flex; gap: 8px; align-items: center;} */
.table-default thead tr th .align_btns{display: inline-flex; flex-direction: column; vertical-align: middle; gap: 3px}
.table-default thead tr th .align_btns button{display: inline-block; width: 10px; height: 7px; font-size: 0; background-repeat: no-repeat; background-position: center;}
.table-default thead tr th .align_btns button.align_top{background-image: url("/src/img/2024/contents/align_btn_top.svg");}
.table-default thead tr th .align_btns button.align_bot{background-image: url("/src/img/2024/contents/align_btn_bot.svg");}
.table-default thead tr th .align_btns button:hover,
.table-default thead tr th .align_btns button.on{filter: brightness(0) saturate(100%) invert(30%) sepia(82%) saturate(5800%) hue-rotate(229deg) brightness(98%) contrast(100%);}

.table-default tbody tr.checked td{background-color: #F9F9F9;}
.table-default tbody tr th{background-color: #F6F8FB; padding:10px 20px; color: #6F7E97; font-weight: 400; text-align: center; border-bottom: 1px solid #E2E8F0; text-align: left; height: 60px;}
.table-default tbody tr td{border-top: 1px solid #E2E8F0; padding:15px; text-align: center;border-left: 1px solid #E2E8F0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.table-default tbody tr td.brk-space{white-space:break-spaces;}
.table-default.noAbbr tbody tr td{white-space: initial;}
.table-default tbody tr td:first-of-type{border-left: none;}
.table-default tbody tr td .stats{display: inline-flex; height: 26px; padding: 0 6px; border-radius: 3px; font-size: 14px; align-items: center; justify-content: center; width: 70px;}
.table-default tbody tr td .stats.ing{background-color: #E4F1FF; border:1px solid #D6E7F9; color: #003C97;}
.table-default tbody tr td .stats.end{background-color: #EAEAEA; border:1px solid #D4D5D8; color: #666666;}
.table-default tbody tr td .stats.pause{background-color: #FFF0F0; border:1px solid #FCD9D9; color: #F24949;}
.table-default tbody tr td.no-pad{padding: 5px;}

.table-default .img-linker{position: relative; display: block; font-size: 16px; font-weight: var(--fwr); text-align: center;}
.table-default .img-linker img{opacity: 1; transition: 0.1s;}
.table-default .img-linker:before{content: "사이트로 이동"; position: absolute; z-index: 2; top: 50%; left: 50%; transform: translate(-50%, -50%); display: inline-block; padding: 0 20px; line-height: 30px; border-radius: 30px; font-size: 14px; font-weight: var(--fwsb); color: #fff; background-color: #5981d9; opacity: 0; transition: 0.1s;}


.table-default .img-linker:hover{}
.table-default .img-linker:hover img{opacity: 0.2;}
.table-default .img-linker:hover:before{opacity: 1;}
.table-default .bdl{border-left: 1px solid #e2e8f0 !important;}
.table-default .separator{background-color: #f6f8fb;}
.table-default .separator td{padding: 0; height: 10px;}
.table-default .text-wrap{white-space: normal;}

.favorite{display:inline-flex; width: 20px; height: 20px; background: url("/src/img/2024/contents/ico-favo.svg") no-repeat; text-indent: -9999px; overflow: hidden;}
.favorite.active{background: url("/src/img/2024/contents/ico-favo-on.svg") no-repeat;}
.search-info{margin-top: 20px; position: relative; padding-left: 110px;}
.search-info span{position: absolute; left: 0; top: 0; }
@media (width <= 767px) {
    .search-box{padding: 20px;}
    .search-box .search-line{width: 100%;}
    .search-box .search-line .search{position: relative; flex-grow: 1;}
    .search-box .search-line input{width: 100%;}

    .search-box .detail-input{padding: 20px 0 10px;}

    .select-search{ gap: 20px;}
    .select-search dl{display: flex; flex-direction: column; gap: 10px;}
    .select-search dl dt{font-size: 18px; font-weight: 600; height: 40px; display: flex; align-items: center;}
    .select-search dl dd{display: grid; grid-template-columns: 1fr ; gap: 0px; flex-wrap: wrap; row-gap: 10px; flex-grow: 1;}
    .select-search dl dd:first-of-type ul{grid-column: 1 / -1;}
    .select-search dl dd ul.top{display: flex; flex-direction: column; align-items: flex-start; gap:0px; width: 100%;}
    .select-search dl dd ul.top li{height: 40px; display: flex; align-items: center; width: 100%;}
    .select-search dl dd ul.top li:nth-child(1):after{display: none;}
    .select-search dl dd ul.top li:nth-child(1){border-bottom: 1px solid #d2d8e0; padding-bottom: 10px; margin-bottom: 6px;}
    .select-search dl dd ul.search-con{display: grid; grid-template-columns: 1fr 1fr;}
    .select-search dl dd ul.search-con li button{width: 100%;}
    .filter-list{display: flex; align-items: center; row-gap: 10px;}
    .search-box .btn-reset{margin-top: 20px; text-align:center; display: flex;}

    .search-info{margin-top: 20px; position: relative; padding-left: 0px;}
    .search-info span{position: static; display: block; left: 0; top: 0; }
}

#sub_container.full_container{margin-top: 90px; background-color: #FAFAFA; display: flex; padding:20px; }
/*  min-height: calc(100dvh - 90px); */
.stats-wrap{ display: flex; width: 100%; flex-grow: 1; gap: 20px; min-width: 1100px; overflow-x: auto; padding-bottom: 20px;}
.stats-wrap .stats-history{width: 220px; padding: 20px; flex: none; }
.stats-wrap .stats-list{background-color: #fff; border-radius: 10px; box-shadow: 3px 3px 10px rgba(0,0,0,0.1); border: 1px solid #ECECEC; padding: 20px; display: flex; flex-direction: column; height: 100%; }
.stats-wrap .list-01{width: 280px; flex: none;}
.stats-wrap .list-02{width: 370px;flex: none; }
.stats-wrap .list-03{flex-grow: 1; overflow-x: auto; min-width: 500px; }
.stats-wrap .list-full{flex-grow: 1;  padding: 30px 60px; overflow: hidden;}
.stats-wrap h3{font-size: 18px; font-weight:500; display: flex; gap: 7px; align-items: center; margin-bottom: 20px;}
.history-btn{display: flex; margin-top: 12px; justify-content: space-between;}
.history-btn button{display: flex; color: #fff; width: 87px; height: 24px; border-radius: 5px; font-size: 14px; font-weight: 500; align-items: center; justify-content: center; transition: 0.25s;}
.history-btn button:first-of-type{background-color: #5D70AC;}
.history-btn button:first-of-type:hover{background-color: #fff; color: #5d70ac; box-shadow: inset 0 0 0 1px #5d70ac;}
.history-btn button:last-of-type{background-color: #747D99;}
.history-btn button:last-of-type:hover{background-color: #fff; color: #747d99; box-shadow: inset 0 0 0 1px #747d99;}
.search-history-list{margin-top: 20px; display: flex; flex-direction: column;}
.search-history-list .history{font-size: 14px;padding: 20px 0; border-bottom: 1px solid #EDEDED;}
.search-history-list .history button{background: transparent;}
.search-history-list .history:last-of-type{border-bottom: none;}
.search-history-list .history dt a{color: #2B384F;}
.search-history-list .history dd{text-align: right; gap: 10px; display: flex; justify-content: flex-end; margin-top: 5px;}

/* 기업통계 */
.condition_list_wrap{flex-grow: 1; overflow: hidden;}
.indicators_btn {
    height: 35px;
    width: 100%;
    display: flex; align-items: center; justify-content: space-between;
    text-align: left;
    font-size: 16px;
    font-weight: 400;
    transition: color 0.3s;
    padding: 0 15px;
    border-radius: 8px;
  }
.indicators_btn.on {
    background-image: url(../img/sub/ico_datalab_select_on.png);
    color: #283e80;
    font-weight: 900;

  }

  @media (width <= 767px) {
  .stats-wrap{flex-direction: column;gap: 10px; min-width:0; overflow-x: visible; padding-bottom: 20px;}
  .stats-wrap .stats-history{width: 220px; padding: 20px; flex: none; }
  .stats-wrap .stats-list{background-color: #fff; border-radius: 10px; box-shadow: 3px 3px 10px rgba(0,0,0,0.1); border: 1px solid #ECECEC; padding:20px; display: flex; flex-direction: column; height:auto}
  .stats-wrap .list-01{width: 100%; flex: none;}
  .stats-wrap .list-02{width: 100%;flex: none; }
  .stats-wrap .list-03{flex-grow: 1; overflow-x: auto; min-width: 0px; }
  }

  /* 등급분포도 */
  .stat-header{display: flex; align-items: center; background-color: #EAF1FB; border-radius: 10px; padding: 0 35px; height: 70px; margin-top: 15px;}
  .stat-header dl{display: flex; align-items: center; gap: 18px;}
  .stat-header dl dt{font-size: 18px; color: #2B384F; font-weight: 600;}
  .stat-header dl dd{display: flex; align-items: center; gap: 10px;}
  .stat-header dl dd input[type=text].datepicker{background-color: #fff !important; width: 170px;}
  .stat-header .chart-view{display: flex; margin-left: 12px; gap: 12px;}
  .stat-header .chart-view button{width: 36px; height: 36px; border-radius: 12px; background-color: #fff; display: flex; align-items: center; justify-content: center;}
  .stat-header .chart-view button.active{background-color:#5D70AC ;}
  .stat-header .chart-view button.active svg path{stroke:#fff;}
  .stat-header .chart-view button.active img{filter: brightness(0) invert(1);}
  .stat-header .print-menu{margin-left: auto; display: flex; gap: 12px;}
  .stat-header .print-menu button{display: flex; align-items: center; justify-content: center; background-color: #fff; width: 36px; height: 36px; border-radius: 5px; border: 1px solid #DCE5F2;}
  .chart-contents{margin-top: 20px; min-height: 300px;}
  .table-default.table-small{ width: 100%;}
  .table-default.table-small th{height: 40px; padding-top: 0; padding-bottom: 0; white-space: nowrap;}
  .table-default.table-small th.data{width: 100px;}
  .table-default.table-small td{height: auto; padding-top: 10px; padding-bottom: 10px; white-space: wrap; line-height: 120%;}

  @media (max-width: 1280px){
    .stats-wrap .list-full{flex-grow: 1;  padding: 20px;}
    #sub_container.full_container{margin-top: 70px;}
    .stat-header{display: flex; flex-wrap: wrap;  align-items: center; background-color: #EAF1FB; border-radius: 10px; padding: 15px; height: auto; margin-top: 15px; justify-content: space-between; row-gap: 15px; gap: 15px;}
    .stat-header dl{width: 100%;flex-direction: column; align-items: flex-start; gap:5px;}
    .stat-header dl dt{font-size: 18px; color: #2B384F; font-weight: 600;}
    .stat-header dl dd{flex-grow: 1; width: 100%;}
    .stat-header dl dd input[type=text].datepicker{flex-grow: 1; width: auto; min-width: 0;}
    .stat-header .chart-view{display: inline-flex; margin-left: 0px; gap: 5px; flex-grow: 1; justify-content: space-between;}
    .stat-header .chart-view li{flex-grow: 1;}
    .stat-header .chart-view button{width:100%; border-radius: 5px; flex-grow: 1;  border: 1px solid #DCE5F2;}
    .stat-header .print-menu{margin-left: 0; display: inline-flex; gap:5px; flex-grow: 1;}
    .stat-header .print-menu li{flex-grow: 1;}
    .stat-header .print-menu li button{width: 100%;}
  }
  @media (width <= 640px) {
  #sub_container.full_container{margin-top:56px;}
  }
  @media (width <= 767px) {

    .stat-header dl dd{flex-grow: 1; width: 100%; flex-wrap: wrap; justify-content: space-between;}
    .stat-header dl dd input[type=text].datepicker{width: 45%;}
    .stat-header dl dd button{width: 100%;}
    .stats-wrap .stats-history{position: fixed; width: 100%; left: 0; right:0; bottom: 0; padding: 20px; flex: none; z-index: 10; border: 1px solid #cacaca; border-radius: 12px 12px 0px 0px; background-color: #f2f4fb; box-shadow: -10px 0 10px rgba(0,0,0,0.3); }
    .stats-wrap .stats-history.m-hide{display: none;}
    .stats-wrap .stats-history h3 button{margin-left: auto;}
    .stats-wrap .stats-history .m-content{overflow: hidden; height: 0;}
    .stats-wrap .stats-history.active h3 button{transform: rotateZ(180deg);}
    .stats-wrap .stats-history.active  .m-content{height: auto;}
    .history-btn{display: flex; justify-content: space-between; gap: 10px;}
    .history-btn button{display: flex; color: #fff; width:auto; height: 40px; border-radius: 5px; font-size: 14px; font-weight: 500; align-items: center; justify-content: center; flex-grow: 1;}
    .search-history-list{margin-top: 20px; display: flex; flex-direction: column; gap: 10px;}
    .search-history-list .history{font-size: 14px;padding: 10px; border-bottom: 1px solid #EDEDED; display: flex; gap: 20px; align-items: center; background-color: #fff; border-radius: 5px;}
    .search-history-list .history dt{}
    .search-history-list .history dt a{color: #2B384F;}
    .search-history-list .history dd{margin-top: 0px;}
  }

  /* account */
  .caution-account{background-color: #F7F7F7; border-radius: 7px; padding: 25px;}
  .caution-account dt{font-weight:600; margin-bottom: 8px; line-height: 140%;}
  .caution-account dt img{margin: 1px 5px 0 0; vertical-align: top;}
  .caution-account dt.line{font-weight: 400; margin-bottom: 0;}
  .caution-account dt .small{display: block; padding: 0 0 0 23px; font-size: 15px; font-weight: var(--fwr);}
  .caution-account dt .small a{color: #2850fa;}
  .caution-account dd{line-height: 30px; position: relative; padding-left:23px;}
  .caution-account dd::before{content: ""; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: #222; left: 10px; top: 13px; position: absolute;}
  .login-area{display: flex; flex-direction: column; }
  .login-tab{display: inline-flex; justify-content: center; border-radius: 30px; background-color: #F2F2F2; margin: auto;}
  .login-tab li{}
  .login-tab li button{height: 48px; display: flex; align-items: center; justify-content: center; width: 200px; border-radius: 30px; font-weight: 600; color: #7D7D7D;}
  .login-tab li button.on{color: #fff; background-color: #283e80;}
  .login-contents{margin-top: 70px; display: flex; justify-content: center;}
  .login-menu{margin-top: 30px; display: flex; justify-content: center;}
  .login-menu li{display: flex; align-items: center;}
  .login-menu li a{ font-weight: 400; color: #222;}
  .login-menu li::after{margin: 0 10px; content: ""; display: block; width: 1px; height: 14px; background-color: #BFCBDB;}
  .login-menu li:last-child:after{display: none;}
  .login-contents > div{display: none; margin-left: auto; margin-right: auto;}
  .login-contents > div.on{display: inline-flex;}
  .login-contents .login-form{border: 1px solid #BFCBDB; border-radius: 7px; padding: 40px; height: 326px;}
  .login-contents .login-form.type02{height: 386px;}
  .login-contents .login-form hr{width: 1px; height: 100%; background-color: #BFCBDB; margin: 0 25px; height: 245px; border: none;}
  .login-contents .login-form h3{font-size: 18px; font-weight: 600; margin-bottom: 15px;}
  .login-contents .login-form p{flex-grow: 1;}
  .login-contents .login-form .btn{width: 100%;}
  .login-contents .login-form input[type=text],.login-contents .login-form input[type=password]{height: 46px; width: 100%; padding: 0 15px;}
  .login-contents .login-form .check-line{display: flex; gap:20px;}
  .login-form-con{width: 470px; flex-direction: column;}

  @media (width <= 1100px) {
    .login-form-con{width: 350px;}
  }
  @media (width <= 900px) {
    .login-tab{width: 100%;}
    .login-tab li{ width: 50%;}
    .login-tab li button{width: 100%; }

    .login-contents{margin-top: 40px;}
    .login-contents .login-form{flex-direction: column;padding: 20px; height: auto; width: 100%;}
    .login-contents .login-form hr{width: 100%; height: 1px; background-color: #BFCBDB; margin:25px 0; border: none;}
    .login-contents .login-form .check-line{flex-direction: column; display: flex; gap:10px;}
    .login-form-con{width:100%;}
  }

  .account-line{display: flex; gap: 10px;}
  .gap-20{gap: 20px;}

.table-colum{/* table-layout: fixed; */ width: 100%; border-top: 1px solid #E2E8F0; border-bottom: 1px solid #E2E8F0;}
.table-colum thead{}
.table-colum thead tr{}
.table-colum thead tr th{background-color: #F6F8FB; padding:10px 20px; color: #6F7E97; font-weight: 400; border-bottom: 1px solid #E2E8F0; text-align: left; height: 60px; border-left: 1px solid #E2E8F0;}
.table-colum thead tr th:nth-child(1){border-left: none;}
.table-colum tbody tr th{background-color: #F6F8FB; padding:10px 20px; color: #6F7E97; font-weight: 400; border-bottom: 1px solid #E2E8F0; text-align: left; height: 60px; width: 170px; }
.table-colum tbody tr td{border-top: 1px solid #E2E8F0; padding:10px; white-space: nowrap; border-left: 1px solid #E2E8F0; font-size: 14px; color: #686868;}
.table-colum tbody tr td:first-of-type{border-left: none;}
.table-colum tbody tr td:nth-child(4){border-left: none;}
.table-colum tbody tr td.bdl{border-left: 1px solid #E2E8F0 !important;}
.table-colum tbody tr td input[type=text],
.table-colum tbody tr td input[type=password]{width: 300px;}
.table-colum tbody tr td textarea{width: 300px; padding: 0 10px; border: 1px solid #D1D1D1; border-radius: 5px; color: #686868; resize: none;}
.table-colum .form-btn{display: inline-block; font-size: 1rem; font-weight: var(--fwr); font-family: inherit; color: #283e80; background-color: #dbe9ff; border-radius: 5px; text-align: center; padding: 0 10px; line-height: 40px; box-shadow: inset 0 0 0 1px #c7d8f4; transition: 0.25s; min-width: 90px;}
.table-colum .form-btn:hover{color: #fff; background-color: #666; box-shadow: none;}
.table-colum .form-btn-wa{width: auto;}
.table-colum .aster{text-indent: -10px; padding: 0 0 0 10px;}

.supr_layer{
	& .table-colum tbody tr td textarea,
	& .table-colum tbody tr td input[type=text],
	& .table-colum tbody tr td input[type=password]{width: 100%;}
}

@media (width <= 1024px){
  .table-colum .aster{display: block; width: 100%; white-space: initial;}
  .table-colum .aster br{display: none;}
}
@media (width <= 767px) {
    .table-colum {border-bottom: none;}
    .table-colum colgroup{display: none;}
    .table-colum tbody tr {display: flex; flex-direction: column;}
    .account-line{}
    .table-colum tbody tr td input[type=text],
    .table-colum tbody tr td input[type=password]{width:100% !important;}
    .table-colum tbody tr th{width:100%; align-items: center; display: flex; padding: 10px; height: auto; border-bottom: none; gap: 5px;}
    .table-colum tbody tr td{border-bottom: 1px solid #E2E8F0; padding:10px; white-space: nowrap; border-left: 1px solid #E2E8F0;}
    .table-colum tbody tr td .select{width: 100% !important;}
    .table-colum tbody tr td input[type=text].fixedWidth{width: calc(100% - 98px) !important; max-width: none !important;}
}

.policy-block{border: 1px solid #BFCBDB; border-radius: 7px; padding: 25px; display: flex; flex-direction: column; gap: 20px;
    & .policy-con{background-color: #F9F9F9; padding: 15px; max-height: 260px; overflow-y: auto; line-height: 160%; color: #666;}
    & p{display: flex; justify-content: flex-end; gap: 20px;}
}
.bulit{display: inline-flex; width: 6px; height: 6px; border-radius: 50%; background-color: #002367; vertical-align:super;}
.form-line{display: flex; gap: 8px; align-items: center; flex-wrap: wrap;}
.join-complete{display: flex; flex-direction:column; align-items: center; gap: 15px;}
.join-complete dl{text-align: center; color: #2B384F;}
.join-complete dl dt{margin-bottom: 5px; font-size: 18px; font-weight: 600; color: #283E80;}
.join-complete dl dt img{margin: -4px 5px 0 0; vertical-align: middle;}
.join-complete dl dt .blk{color: #222;}
.join-complete dl dd{}
.join-complete dl dd .width_limit{max-width: 560px;}
.m-colum-form{display: flex; gap: 8px; align-items: center;}
.msg-error{display: flex; gap: 8px; align-items: center; color: #F24949;}
.address-line{display: flex; gap: 8px; flex-wrap: wrap;}
.address-line > input[type="text"]{width: auto !important; flex: 1;}
.address-line > .form-btn{flex: 0 0 auto;}
.address-line .address-detail{flex: 0 0 auto; width: 100%; display: flex; gap: 8px; flex-wrap: wrap; flex-direction: column;}
.address-line .address-detail > div{display: flex; align-items: center; gap: 8px; flex-wrap: wrap;}
.address-line .address-detail dt{flex: 0 0 auto; width: 70px; color: #283e80; font-weight: var(--fwm);}
.address-line .address-detail dd{flex: 1;}
.address-line .address-detail dd input{width: 100% !important;}
@media (width <= 1024px){
  .form-line{flex-wrap: wrap;}
}
@media (width <= 767px) {
    .policy-block{padding: 15px;}
    .form-line{display: flex; gap: 8px; align-items: center;}
    .form-line input{width: auto !important; min-width: 80px;}
    .table-colum tbody tr td .form-line input{width: auto !important; min-width: auto;}
    .table-colum tbody tr td .form-line.mail input{flex: 0 0 auto; width: calc((100% - 30px) / 2) !important;}
    .table-colum tbody tr td .form-line.num-set3 input{flex: 0 0 auto; width: calc((100% - 44px) / 3) !important;}
    .table-colum tbody tr td .form-line.num-set2 input{flex: 0 0 auto; width: calc((100% - 22px) / 2) !important;}
    .form-line.m-colum{flex-direction: column; align-items: flex-start;}
    .m-colum-form{flex-direction: column; align-items: flex-start;}
}

.layer .text{color: #2B384F; font-weight: 600;}
.layer .text-re{color: #2B384F; font-weight: 400; line-height: 22px;}
.layer.layer-540{width:540px;}
.layer.layer-830{width:830px;}
.layer.layer-1230{width:1230px;}
.layer .pop-chart{width: 300px; height: 300px; margin: auto; margin-top: 30px; background-color: #EAEAEA;}
.layer .bix5{height: 120px;background-color: #EAEAEA; margin-top: 15px;}

/* 전자약정 팝업 */
.layer.oz_layer .slide_content{position: relative;}
.layer.oz_layer .oz_viewer_layer{background-color: #000; min-height: 564px;}
.layer.oz_layer .control_wrap button{width: 80px; height: 80px; background: rgba(71,71,71,.85); border-radius: 100%; text-align: center; font-size: 16px; line-height: 1; color: #fff; position: absolute; top: 50%; transform: translateY(-50%);}
.layer.oz_layer .control_wrap .ele_slick-prev{left: 7px;}
.layer.oz_layer .control_wrap .ele_slick-next{right: 7px;}
.layer.oz_layer .control_wrap button:after{display: block; content:""; width: 33px; height: 11px; margin: 8px auto 0;}
.layer.oz_layer .control_wrap .ele_slick-prev:after{background: url(../../img/common/prev_arrow.png) no-repeat; background-size: contain;}
.layer.oz_layer .control_wrap .ele_slick-next:after{background: url(../../img/common/next_arrow.png) no-repeat; background-size: contain;}
@media screen and (max-width: 1480px){
  .layer.oz_layer .control_wrap button{width: 54px; height: 54px; font-size: 10px;}
  .layer.oz_layer .control_wrap button:after{width: 22px; height: 7px; background-size: 22px auto; margin-top: 5px;}
}

.flex{display: flex;}
.flex.gap-5{gap: 5px;}

.center-list{display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 25px; margin-bottom: 30px;}
.center-list li{border: 1px solid #BFCBDB; border-radius: 7px; padding: 25px; display: flex; flex-direction: column; background-color: #fff;}
.center-list li .logo_wrap{background-color: #F6F8FB; height: 70px; border-radius: 7px; display: flex; align-items: center; justify-content: center;}
.center-list li p{height: 45px; display: flex; align-items: center; justify-content: center;}
.center-list li a{display: flex;align-items: center; justify-content: center; height:46px; background-color: #283E80; border-radius: 5px; color: #fff; gap:10px; transition: 0.25s;}
.center-list li a:hover{background-color: #fff; color: #283e80; box-shadow: inset 0 0 0 1px #283e80;}
.center-list li a img{transition: inherit;}
.center-list li a:hover img{filter: brightness(0) saturate(100%) invert(19%) sepia(14%) saturate(7241%) hue-rotate(208deg) brightness(96%) contrast(89%);}

.cert-step{border: 1px solid #BFCBDB; border-radius: 7px; padding: 25px; display: flex; justify-content: space-between; gap: 25px; background-color: #fff;}
.cert-menu{flex: none; width: 500px; padding: 25px; background-color: #F6F8FB; display: flex; flex-direction: column; gap: 10px; border-radius: 7px;}
.cert-menu .image{padding: 0 23px;}
.cert-menu .image img{width: 100%; object-fit: cover;}
.cert-menu button{display: flex;align-items: center; justify-content: center; height:46px; background-color: #283E80; border-radius: 5px; color: #fff; gap:10px; transition: 0.25s;}
.cert-menu button:hover{background-color: #fff; color: #283e80; box-shadow: inset 0 0 0 1px #283e80;}
.cert-menu button img{transition: inherit;}
.cert-menu button:hover img{filter: brightness(0) saturate(100%) invert(19%) sepia(14%) saturate(7241%) hue-rotate(208deg) brightness(96%) contrast(89%);}
.cert-step ul{display: flex; flex-direction: column; flex-grow: 1;  justify-content: space-between; gap: 10px;}
.cert-step ul li{display: flex; align-items: center; gap: 10px;}
.cert-step ul li span.num{flex: 0 0 auto; color: #fff; background-color: #222222; width: 25px; height: 25px; border-radius: 50%; align-items: center; justify-content: center; border-radius: 50%; display: flex; line-height: 25px;}
.cert-step ul li span.tag{flex: 0 0 auto; display: flex; width: 80px; height: 25px; border-radius: 7px; border: 1px solid #283E80; color: #283E80; align-items: center; justify-content: center;line-height:25px;}

.cert-step.atFaq{}
.cert-step.atFaq .cert-menu{width: 370px;}
@media (width <= 900px) {
  .center-list li .logo_wrap{padding: 20px;}
  .center-list li .logo_wrap img{max-width: 100%;}
  .cert-step{flex-direction: column; padding: 10px;}
  .cert-menu{flex: none; width:100%; padding:20px 10px;}
  .cert-step.atFaq .cert-menu{width: 100%;}
}
@media (width <= 767px) {
  .center-list{display: grid; grid-template-columns: 1fr 1fr; gap: 10px;}
  .center-list li{padding:10px;}
  .cert-menu .image{padding: 0 23px;}
  .cert-menu .image img{width: 100%; object-fit: cover;}
  .cert-menu button{display: flex;align-items: center; justify-content: center; height:46px; background-color: #283E80; border-radius: 5px; color: #fff; gap:10px;}
  .cert-step .caution-account{padding: 0; background: none;}
}

.project-info{display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 30px; justify-content: space-between;}
.project-info > div{box-shadow: 10px 10px 10px rgba(0,0,0,0.1); border-radius: 15px; height: 470px; display: flex; flex-direction: column; position: relative; padding-top: 40px;}
.project-info > div .num{position: absolute; width: 44px; height: 48px; background: url("/src/img/2024/contents/bg-number.svg") no-repeat; color: #fff; align-items: center; justify-content: center; display: flex; left: 25px; transform:translateY(-50%); font-weight: 600; top: 0; }
.project-info > div .image{margin-top: auto; padding-left: 25px; border-radius: 0 0 15px 0; overflow: hidden; width: 100%;}
.project-info > div .image img{width: 100%;}
.project-info > div:nth-of-type(1){border: 1px solid #DDE7F6; background-color: #EAF1FB;}
.project-info > div:nth-of-type(2){border: 1px solid #D7EBEF; background-color: #EAF8FB;}
.project-info > div:nth-of-type(3){border: 1px solid #D5EFE6; background-color: #E6F9F2;}
.project-info > div h3{text-align: center; font-size: 24px; font-weight: 700; color: #2B384F; line-height: 30px;}
.project-info > div p.sub{text-align: center; padding: 7px; color: #2850FA; font-weight: 700;}
.project-info > div p.text{text-align: center; padding: 20px 40px 0 40px; color: #2B384F; line-height: 23px;}
.project-info > div p.text span{ color: #2850FA;}

@media (width <= 767px) {
  .project-info{display: grid; grid-template-columns: 1fr; gap: 50px; justify-content: space-between;}
}

.Rslt-wrap{display: flex; max-width: 1140px; margin-left: auto; margin-right: auto; padding: 30px; flex-direction: column;}
.Rslt-wrap h2{display: flex; color: #fff; background-color: #5C8AEE; border-radius: 4px; font-size: 28px; font-weight: 600; align-items: center; justify-content:center; height: 58px; width: 100%; }
.Rslt-wrap .date{margin-top: 40px; margin-bottom: 12px; text-align: right; font-size: 14px;}

.rslt-con{display: flex; flex-direction: column; gap: 10px;}
.rslt-block > div{ border-radius: 7px; border: 1px solid #C9DAF0; padding: 14px;}

.rslt-con .dashboard{border-radius: 7px; border: 1px solid #C9DAF0; padding: 20px;}
.rslt-block{display: grid; grid-template-columns: 3fr 2fr;
  grid-template-rows: repeat(3, 1fr); gap: 10px;}
.rslt-block .info{    grid-row: 1 / 1; display: flex; align-items: center; }
.rslt-block .info ul{display: flex; flex-wrap: wrap; row-gap: 10px;}
.rslt-block .info ul li{width: 50%;}
.rslt-block .map-area{grid-row: 1 / 4;}
.rslt-block .chart-area{grid-row: 2 / 4;  display: flex; align-items: center;}
.rslt-block .chart-area p{align-self: flex-start;}
.rslt-block .chart-area .chart-block{width: 220px; height: 235px; background-color: #ccc;}
.rslt-block .chart-area ul{margin-left: 30px;}
.rslt-block .chart-area ul li b{font-size: 25px; color: #2850FA; font-weight: 600; margin-left: 10px;}
.rslt-block .rmk-area{grid-column: span 2; display: flex; align-items: flex-start;}
.rslt-con .round-title{display: inline-flex; width: 110px; height: 32px; align-items: center; justify-content: center; background-color: #EAF1FB; border-radius: 16px; color: #5277B4; margin-right: 15px; }
.rslt-con .map-block{padding: 10px;}
.rslt-con .dashboard .title-line dt{font-size: 22px; margin-bottom: 20px;}
.rslt-con .dashboard .title-line dd{padding-left: 15px;}

@media (width <= 900px) {
  .Rslt-wrap{padding: 10px;}
  .Rslt-wrap .date{margin-top: 10px;}
  .Rslt-wrap h2{font-size: 16px;}
  .rslt-block{display: flex; flex-direction: column;}
  .rslt-block .info ul{flex-direction: column;}
  .rslt-block .info ul li{display: flex; width: 100%; align-items: center;}
  .rslt-block .chart-area{flex-direction: column; align-items: flex-start; gap: 10px;}
  .rslt-block .chart-area .chart-block{width: 100%;}
  .rslt-block .chart-area ul{margin-left: 0px; display: flex; justify-content: space-between; width: 100%;}
  .rslt-block .rmk-area{display: flex; flex-direction: column; gap: 10px;}
  .rslt-con .dashboard{padding: 10px;}
}

.select_content{position: absolute; left: 0; top: 50px; z-index: 10; background-color: #fff; border-radius: 7px; border: 1px solid #D2D8E0; box-shadow: 3px 3px 3px rgba(0,0,0,0.1); display: none; }
.select_content .input_wrap{border: 3px solid #F4F7FA; border-radius: 7px; display: flex; gap:1px; background-color: #F4F7FA;}
.select_content .input_wrap ul{overflow: auto; background-color: #fff;padding: 15px; font-size: 14px; display: flex; flex-direction: column; gap: 5px;}
.select_content .input_wrap ul.list-type-01{height: 350px; width: 250px;  }
.select_content .input_wrap ul.list-type-01 > li{display: none;}
.select_content .input_wrap ul.list-type-01.depth01 > li{display: block;}
.select_content .input_wrap ul.list-type-01 > li > a{}
.select_content .input_wrap ul.list-type-01 > li > a:hover{color: #5981d9;}

.select_content .input_wrap ul.list-type-02{width: fit-content; gap: 10px;}
.select_content .input_wrap ul.list-type-02 li{display: flex; align-items: center; gap:5px;}

.select_content .input_wrap .range-select{background-color: #fff; width: 400px; padding: 40px 20px 20px 20px; position: relative;}
.select_content .input_wrap .range-select .selector-bottom{display: flex; justify-content: space-between; align-items: center;}
.select_content .input_wrap .range-select .selector-bottom p{display: flex; gap: 8px; align-items: center;}
.select_content .input_wrap .range-select .selector-bottom span{display: flex; gap:8px; align-items: center;}
.select_content .input_wrap .range-select .selector-bottom span input{width: 80px;}
.select_content .input_wrap .range-select button.btn{width: fit-content; min-width: 60px;}
.select_content .title{font-weight: 600; color: #2B384F; text-align: center; padding: 15px 0 5px 0; background-color: #fff;display: none;}
.select_content .btn-m{display: none; margin-top: 10px;}
.slider-box{position: relative; border: 1px solid #fff; margin: 0 20px;}
.range-select.type2 .slider-box{margin: 0 35px;}
.slider{margin: 20px 0; position: relative;}
.range-select.type2 .slider{margin: 0 0 30px; border: none !important;}
.ui-slider-horizontal{height: 24px !important; border-radius: 50px !important; background-color: #E1E7ED !important;}
.slider-label {
  position: relative;
  display: inline-block;
  min-width: 50px;
  padding: 0 10px;
  height: 30px;
  background-color: #4285F4;
  color: white;
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  border-radius: 5px;
}
.range-select.type2 .slider-label{height: 20px; line-height: 20px; border-radius: 20px; font-size: 13px; font-weight: var(--fwm); padding: 0 6px;}
/* .range-select.type2 .slider-label:before{content: ""; position: absolute; bottom: 100%; margin-bottom: -1px; left: 50%; transform: translateX(-50%); display: block; width: 0; height: 0; border-style: solid; border-width: 0px 4px 7px 4px; border-color: transparent transparent #4285F4 transparent;} */
.label-1 {
  position: absolute;
  top: -20px;
  transform: translateX(-50%);
  /* margin-left: -25px; */
}
.range-select.type2 .label-1{top: 35px;}
.range-select.type2 .label-1:after{content: attr(data-unit);}
.label-2 {
  position: absolute;
  top: -20px;
  transform: translateX(-50%);
  /* margin-left: -25px; */
}
.range-select.type2 .label-2{top: 35px;}
.range-select.type2 .label-2:after{content: attr(data-unit);}
.ui-slider {
  position: relative;
  height: 24px;
  background: #E1E7ED; /* 슬라이더 바 배경색 */
  border-radius: 50px;
}
.range-select.type2 .label-1.before-text:before{content: attr(data-before-unit);}
.range-select.type2 .label-2.before-text:before{content: attr(data-before-unit);}

.ui-slider .ui-slider-range {
  position: absolute;
  height: 100%;
  background: #4285F4; /* 선택 영역 색상 */
  border-radius: 0px;
}
.ui-widget.ui-widget-content{/* border: none !important; */ border-radius: 5px; border: 1px solid rgb(209, 209, 209) !important;}
.ui-slider .ui-slider-handle {
  position: absolute;
  top: 0px !important; /* 슬라이더 핸들 위치 조정 */
  width: 24px !important;
  height: 24px !important;
  background: #fff !important;
  border: 2px solid #4285F4; /* 핸들 외곽선 */
  border-radius: 50%;
  cursor: pointer;
  border: none !important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.ui-slider .ui-slider-handle:after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  margin: 6px auto;
  background: #4285F4; /* 핸들 내부 색상 */
  border-radius: 50%;
}


@media (width <= 767px) {
  .select_content{/* position:fixed ; bottom: 0; z-index: 10; top: auto; left: 0; width: 100%; box-shadow: -20px 0 20px rgba(0,0,0,0.5); */}
  .select_content{width: calc(200% + 10px);}
  .select-search dl dd ul.search-con li:nth-child(even) .select_content{left: auto; right: 0;}
  .select_content .title{display: block;}
  .select_content .btn-m{display:block;}
  .select_content .input_wrap{border-radius: 7px 7px 0 0; flex-direction: column; position: relative; z-index: 1; gap: 0; background-color: #fff;}
  .select_content .input_wrap ul{overflow: auto; background-color: #fff;padding: 15px; font-size: 14px; display: flex; flex-direction: column; gap: 5px;}
  .select_content .input_wrap ul.list-type-01{height: 150px; width:100%; gap: 0; padding: 0; display: none; margin-top: 15px;}
  .select_content .input_wrap ul.list-type-01 li a{display:flex; width: 100%; height: 35px; align-items: center;}
  .select_content .input_wrap ul.list-type-01 li > a{position: relative;}
  .select_content .input_wrap ul.list-type-01 li > a.selected{color: #5981d9; font-weight: 500;}
  .select_content .input_wrap ul.list-type-01 li > a.selected:before{opacity: 1; border-color: #5981d9;}
  .select_content .input_wrap ul.list-type-01 li > a:before{content: ""; position: absolute; top: 12px; right: 0; display: inline-block; width: 9px; height: 9px; border-top: 2px solid #74839B; border-right: 2px solid #74839B; transform: rotate(45deg); opacity: 0;}
  .select_content .input_wrap ul.list-type-01 li > a:hover:before,
  .select_content .input_wrap ul.list-type-01 li > a:focus:before{opacity: 1;}
  .select_content .input_wrap ul.list-type-01:first-of-type{display: block}
  .select_content .input_wrap ul.list-type-02{height: ; width:100%;}
  .select_content .input_wrap ul.list-type-02 li{display: flex; align-items: center; gap:5px;}

  .select_content .input_wrap .range-select{width: 100%; }
  .select_content .input_wrap .range-select .selector-bottom span input{width: 60px;}
  .select_content .works_list{height: 35px; display: flex; align-items: center; flex: none; padding: 0 10px;}
  .select_content .works_list:hover{background-color: #EAF1FB;}
  .select_content .works_list.active{background-color: #EAF1FB;}
  .select-search dl dd ul.search-con li button.btn-back{position: absolute; left: 10px; top: 15px; width: auto; display: none;}
}

.indicators_list_wrap{ height: 100%; overflow: auto; display:flex; flex-direction: column; gap: 10px;}
.indicators_list02_wrap{max-height: 200px; overflow: auto; display: flex; flex-direction: column; display: none; margin: 10px 0;}
.indicators_btn{ color: #2B384F; font-weight: 600;}
.indicators_btn.active{background-color: #EAF1FB;}
.indicators_btn.active img{transform: rotateZ(180deg);}
.indicators_list02 {width: 100%;}
.indicators_list02 button{font-size: 14px; color: #74839B; display: flex; height: 36px; align-items: center; padding: 0 10px; width: 100%;}
.indicators_list02 button:hover{background-color: #F1F2F3; color: #2B384F;}
.indicators_list02 button.active{background-color: #F1F2F3; color: #2B384F;}

.select-type-02{display: flex; flex-direction: column; gap: 10px; padding-bottom: 10px;}
.select-type-02 dl{}
.select-type-02 dl dt{height: 34px; background-color: #EAF1FB; font-weight: 600; color: #2B384F; display: flex; align-items: center; padding: 0 15px; border-radius: 8px;}
.select-type-02 dl dt img{display: none;}
.select-type-02 dl dd{padding: 10px 0;}
.select-type-02 dl dd ul{height: 120px; overflow-y: auto; padding: 0 15px; display: flex; flex-direction: column; gap: 5px;}
.select-type-02 dl dd ul li {/* display: flex; align-items: center; */}
.select-type-02 dl dd ul li input[type=checkbox]{ border: 1px solid #CED1D4 !important; margin-right: 4px;}
.select-type-02 dl dd ul li input[type=checkbox]+label{font-size: 13px; color: #2B384F;}
.select-type-02 dl dd ul li label{font-size: 13px; color: #2B384F;}
.select-type-02 dl dd ul li button{display: inline-block; width: 13px; height: 8px; background: transparent url('/src/img/2024/contents/arr_stat_toggle.svg') no-repeat;}
.select-type-02 dl dd ul li button.active{transform: rotateX(-180deg);}
.select-type-02 dl dd ul li > ul{overflow: visible; height: auto; gap: 3px; margin-top: 5px; display: none;}

.list-caution{margin-top: 20px; color: #2B384F; margin-bottom: 20px;}
@media (width <= 767px) {
  .select-type-02 dl dd{display: none;}
  .select-type-02 dl:first-of-type dd{display:block;}
  .select-type-02 dl dt{background: none; display: flex; justify-content: space-between;}
  .select-type-02 dl dt img{display: block;}
  .select-type-02 dl dt.active{background-color: #F1F2F3; color: #2B384F;}
  .select-type-02 dl dt.active img{transform: rotateZ(180deg);}
}

.analysis{width: 100%; height: 100vh; position: relative; overflow: hidden;}
.analysis .bg-overay.active{position: absolute; left: 0; top: 0;  width: 100%; height:100vh; background-color: rgba(0,0,0,0.4); z-index:1;}
.analysis .map-area{display: flex; width: 100%; height:100vh;}
.analysis .map-area img{width: 100%; object-fit: cover;}
.analysis .map-area .place-info{position: absolute; top: 50%; left: 50%; width: 276px; transform: translate(-50%, -50%); border-radius: 10px; padding: 16px 19px 20px; background-color: #eaf1fb; border: 1px solid #c3d8f5; font-size: 14px; box-shadow: 4px 4px 10px rgba(0,0,0,0.15);}
.analysis .map-area .place-info:after{content: ""; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); margin: -1px 0 0; width: 19px; height: 13px; background: url("/src/img/2024/contents/place-info-bubbletail.png") no-repeat center;}
.analysis .map-area .place-info-tit{display: flex; flex-wrap: wrap; gap: 7px;}
.analysis .map-area .place-info-tit .pit-name{color: #283e80; font-weight: var(--fwsb);}
.analysis .map-area .place-info-tit .pit-num{color: #74839b;}
.analysis .map-area .place-info-con{}
.analysis .map-area .place-info-con .picon-list{display: flex; flex-wrap: wrap; flex-direction: column; gap: 4px; padding: 6px 0 0 9px;}
.analysis .map-area .place-info-con .picon-list > li{position: relative; padding: 0 0 0 8px; line-height: 1.3;}
.analysis .map-area .place-info-con .picon-list > li:before{content: ""; position: absolute; top: 7px; left: 0; width: 4px; height: 4px; border-radius: 50%; background-color: #8298d9;}
.analysis .map-area .place-info-con .picon-btn-wrap{display: flex; flex-wrap: wrap; justify-content: center; gap: 4px; padding: 13px 0 0;}
.analysis .map-area .place-info-con .picon-btn{color: #fff; letter-spacing: -0.04em; font-weight: var(--fwsb); line-height: 26px; padding: 0 15px; background-color: #283e80; border-radius: 5px; transition: 0.25s;}
.analysis .map-area .place-info-con .picon-btn:hover{box-shadow: inset 0 0 0 1px #283e80; color: #283e80; background-color: #fff;}

/* 비즈맵 팝업 */
.insight-place-info{
  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 10px;
  width: 545px; box-shadow: 2px 2px 10px rgba(0,0,0,0.15);

  &:before{content: ""; position: absolute; top: 100%; margin: -5px 0 0; left: 50%; transform: translateX(-50%); width: 23px; height: 17px; background: url("/gngnet_basa/src/img/2024/contents/insight-place-info-tail.svg") no-repeat center;}

  & .insight-pi-tit{display: flex; flex-wrap: wrap; align-items: flex-end; padding: 21px 30px 18px; background-color: #f5f8fd; border-radius: 10px 10px 0 0; overflow: hidden; border: 1px solid #e2e3e4; border-bottom: none;}
  & .insight-pi-tit .insight-pi-txt{}
  & .insight-pi-tit .insight-pi-txt .name{font-size: 18px; font-weight: var(--fwsb); color: #283e80; line-height: 1.2;}
  & .insight-pi-tit .insight-pi-txt .num{font-size: 14px; color: #74839b; padding: 6px 0 0;}
  & .insight-pi-tit .insight-pi-btn{padding: 0 15px; margin-left: auto; color: var(--white); background: #283e80; line-height: 30px; border-radius: 30px; font-size: 14px; font-weight: var(--fwsb); letter-spacing: -0.04em;}
  & .insight-pi-tit .insight-pi-btn:hover{padding: 0 15px; border:1px solid #283e80; margin-left: auto; color: #283e80; background: white; line-height: 30px; border-radius: 30px; font-size: 14px; font-weight: var(--fwsb); letter-spacing: -0.04em;}
  & .insight-pi-tit .insight-pi-btn span{}

  & .insight-pi-con{padding: 20px 30px 30px; background-color: #fff; border-radius: 0 0 10px 10px; overflow: hidden; border: 1px solid #e2e3e4; border-top: none;}
  & .insight-pi-con .insight-pi-desc{display: flex; flex-direction: column; gap: 11px;}
  & .insight-pi-con .insight-pi-desc > div{display: flex; flex-wrap: wrap; font-size: 14px; letter-spacing: -0.02em;}
  & .insight-pi-con .insight-pi-desc dt{flex: 0 0 auto; width: 106px; position: relative; padding: 0 0 0 32px; font-weight: var(--fwsb); color: #283e80;}
  & .insight-pi-con .insight-pi-desc dt img{position: absolute; top: -3px; left: 0; width: 24px; aspect-ratio: 24 / 26;}
  & .insight-pi-con .insight-pi-desc dt span{}
  & .insight-pi-con .insight-pi-desc dd{flex: 1;}
  & .insight-pi-con .insight-pi-desc dd span{font-weight:bold;}
  & .insight-pi-con .insight-pi-keyword{display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(auto-fill, minmax(50px, auto)); grid-row-gap: 10px; grid-column-gap: 10px; margin: 25px 0 0;}
  & .insight-pi-con .insight-pi-keyword > div{flex: 1; display: flex; flex-direction: column; border-radius: 10px; background-color: #f2f2f2; padding: 10px 10px; font-size: 14px; text-align: center;}
  & .insight-pi-con .insight-pi-keyword > div.blue{background-color: #e2ecfe;}
  & .insight-pi-con .insight-pi-keyword > div.green{background-color: rgba(212, 243, 195, 0.7);}
  & .insight-pi-con .insight-pi-keyword > div.red{background-color: rgba(255, 223, 231, 0.7);}
  & .insight-pi-con .insight-pi-keyword > div.purple{background-color: #e4ecff;}
  & .insight-pi-con .insight-pi-keyword > div.light-blue{background-color: #e8f5ff;}
  & .insight-pi-con .insight-pi-keyword > div.yellow{background-color: #fff9d2;}
  & .insight-pi-con .insight-pi-keyword > div.none{background-color: #f2f2f2;}
  & .insight-pi-con .insight-pi-keyword dt{flex: 0 0 auto; padding: 0 0 6px; font-size: 14px; font-weight: var(--fwsb); line-height: 1.3;}
  & .insight-pi-con .insight-pi-keyword > div.blue dt{color: #1e68f2;}
  & .insight-pi-con .insight-pi-keyword > div.green dt{color: #23b506;}
  & .insight-pi-con .insight-pi-keyword > div.red dt{color: #ff2439;}
  & .insight-pi-con .insight-pi-keyword > div.purple dt{color: #526fff;}
  & .insight-pi-con .insight-pi-keyword > div.light-blue dt{color: #028cef;}
  & .insight-pi-con .insight-pi-keyword > div.yellow dt{color: #ff8a24;}
  & .insight-pi-con .insight-pi-keyword > div.none dt{color: #222;}
  & .insight-pi-con .insight-pi-keyword dt:before{content: ""; display: inline-block; vertical-align: middle; margin: -5px 5px 0 0; width: 8px; height: 6px; border-left: 2px solid #222; border-bottom: 2px solid #222; transform: rotate(-45deg);}
  & .insight-pi-con .insight-pi-keyword > div.blue dt:before{border-color: #1e68f2;}
  & .insight-pi-con .insight-pi-keyword > div.green dt:before{border-color: #23b506;}
  & .insight-pi-con .insight-pi-keyword > div.red dt:before{border-color: #ff2439;}
  & .insight-pi-con .insight-pi-keyword > div.purple dt:before{border-color: #526fff;}
  & .insight-pi-con .insight-pi-keyword > div.light-blue dt:before{border-color: #028cef;}
  & .insight-pi-con .insight-pi-keyword > div.yellow dt:before{border-color: #ff8a24;}
  & .insight-pi-con .insight-pi-keyword > div.none dt:before{display: none;}
  & .insight-pi-con .insight-pi-keyword dt span{}
  & .insight-pi-con .insight-pi-keyword > div.none dt span{position: relative; /*padding: 0 0 0 11px;*/}
/*   & .insight-pi-con .insight-pi-keyword > div.none dt span:before, */
/*   & .insight-pi-con .insight-pi-keyword > div.none dt span:after{content: ""; position: absolute; top: 8px; left: 0; display: block; width: 8px; height: 2px; background-color: #222; transform: rotate(45deg);} */
/*   & .insight-pi-con .insight-pi-keyword > div.none dt span:after{transform: rotate(-45deg);} */
  & .insight-pi-con .insight-pi-keyword dd{flex: 1; display: inline-flex; flex-direction: column; justify-content: center; line-height: 1.45;}
  & .insight-pi-con .insight-pi-keyword dd strong{font-weight: var(--fwsb);}

  & .close-insight-pi{position: absolute; top: 10px; right: 10px; font-size: 0; width: 16px; height: 16px;}
  & .close-insight-pi:before,
  & .close-insight-pi:after{content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-45deg); width: 100%; height: 2px; background-color: #74839b;}
  & .close-insight-pi:after{transform: translate(-50%, -50%) rotate(45deg);}

  @media (width <= 1024px){
    width: clamp(400px,50vw,400px);
  }
  @media (width <= 767px){
    width: 90%;

    & .insight-pi-tit{padding: 15px 20px;}
    & .insight-pi-tit .insight-pi-txt .name{font-size: 17px;}
    & .insight-pi-tit .insight-pi-btn{font-size: 13px;}
    & .insight-pi-con{padding: 20px 20px;}
    & .insight-pi-con .insight-pi-desc{gap: 7px;}
    & .insight-pi-con .insight-pi-keyword{grid-template-columns: repeat(1, 1fr); margin: 15px 0 0;}
    & .insight-pi-con .insight-pi-keyword > div{display: flex; flex-wrap: wrap; align-items: center; flex-direction: row; text-align: left; padding: 6px 20px;}
    & .insight-pi-con .insight-pi-keyword dt{width: 70px; padding: 0;}
  }
}

.map-search{position: absolute; left: 30px; top: 20px; z-index: 10; display: flex; transition: transform 0.25s;}
.map-search.fold{transform: translateX(-100%);}
.map-search .map-search-fold{position: absolute; z-index: 11; left: 100%; top: 50%; transform: translateY(-50%); display: block; width: 36px; height: 55px; border-radius: 0 15px 15px 0; background-color: #96b0fd; font-size: 0; box-shadow: 4px 4px 10px rgba(0,0,0,0.2);}
.map-search .map-search-fold:before{content: ""; position: absolute; top: 50%; left: 50%; display: inline-block; width: 16px; height: 16px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: translate(-35%, -50%) rotate(-135deg);}
.map-search .map-search-fold.on:before{transform: translate(-70%, -50%) rotate(45deg);}
.map-search.stickyLeft{left: 0; top: 0; bottom: 0;}
.search-main{border-radius: 15px; background-color: #fff; border: 1px solid #DBDEE2; box-shadow: 5px 5px 5px rgba(0,0,0,0.2); width: 320px; align-self: flex-start; position: relative; z-index: 10;}
.map-search.stickyLeft .search-main{height: 100%; width: 400px;}
.map-search.bizmap .search-main{width: 390px; display: flex; flex-direction: column;}
.search-header{ display: flex; align-items: center; justify-content: center; height: 50px; border-radius: 10px; background-color: #F3F6F9; justify-content: space-between; padding: 0 15px; font-weight: 600; font-size: 20px; color: #233A80; margin: 7px;}
.search-header p{display: flex; align-items: center;}
.search-header p button{display: flex; align-items: center; width: 40px; height: 40px; justify-content: center; display: none;}
.search-top{display: flex; flex-wrap: wrap; color: #2850fa; font-weight: var(--fwsb); line-height: 1; padding: 15px 15px 10px;}
.search-top .subj{}
.search-top .total{font-size: 14px; margin-left: auto; line-height: 1.3;}
.search-result2{padding: 0px 10px 10px; height: 100%;}
.search-result2 .bix_grid{max-height: calc(100% - 100px);}
.analysis{
	& .marker_circle{width:13px; height:13px; background-color: #F44943; opacity:0.5; border-radius:50%;}
	& .marker_circle.selected{background-color:#FF0000; animation: blink 1s infinite;}
	& .marker_cluster{background-color: #F44943; opacity:0.7; border-radius:50%; width:40px; height:40px; display:flex; align-items:center; justify-content:center; color:white; font-size:12px;}
}

@keyframes blink {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.5);  /* 크기를 1.5배로 확대 */
        opacity: 0.7;  /* 반투명하게 */
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.search-lbs{padding: 19px 15px 26px; height: calc(100% - 154px); background-color: #fff; display: flex; flex-direction: column;}
.search-lbs .lbs-tab{display: flex; flex-wrap: wrap; gap: 6px; padding: 0 0 13px;}
.search-lbs .lbs-tab > li{flex: 1; max-width: calc( (100% - 12px) / 2 );}
.search-lbs .lbs-tab > li .lbs-tab-btn{display: block; width: 100%; line-height: 48px; border-radius: 15px; font-size: 16px; font-weight: var(--fwsb); letter-spacing: -0.05em; background-color: #e2edf8; color: #97a6be; transition: 0.25s;}
.search-lbs .lbs-tab > li .lbs-tab-btn.on{color: #fff; box-shadow: none !important;}
.search-lbs .lbs-tab > li .lbs-tab-btn:hover{box-shadow: inset 0 0 0 1px #97a6be;}
.search-lbs .lbs-tab > li .lbs-tab-btn:before{content: ""; display: inline-block; vertical-align: middle; margin: -2px 5px 0 0; width: 21px; height: 22px; background-color: transparent; background-position: center bottom; background-size: 100% auto;}
.search-lbs .lbs-tab > li .lbs-tab-btn.on:before{background-position: center top;}
.search-lbs .lbs-tab > li:nth-child(1) .lbs-tab-btn:before{background-image: url("/src/img/2024/contents/lbs-tab-ico1.svg");}
.search-lbs .lbs-tab > li:nth-child(2) .lbs-tab-btn:before{background-image: url("/src/img/2024/contents/lbs-tab-ico2.svg");}
.search-lbs .lbs-tab > li:nth-child(3) .lbs-tab-btn:before{background-image: url("/src/img/2024/contents/lbs-tab-ico3.svg");}
.search-lbs .lbs-tab > li .lbs-tab-btn.c1.on{background-color: #446aeb !important;}
.search-lbs .lbs-tab > li .lbs-tab-btn.c2.on{background-color: #e5084e !important;}
.search-lbs .lbs-tab > li .lbs-tab-btn.c3.on{background-color: #ff9500 !important;}

.search-lbs .lbs-filter{display: flex; flex-direction: column; width: 100%; letter-spacing: -0.05em; gap: 6px; padding: 10px 0; border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; margin-bottom:10px;}
.search-lbs .lbs-filter .lf-item{display: flex; flex-wrap: wrap; gap: 7px;}
.search-lbs .lbs-filter .lf-item .lf-name{flex: 0 0 auto;}
.search-lbs .lbs-filter .lf-item .lf-name button{display: block; width: 100%; line-height: 37px; padding: 0 10px; border-radius: 10px; border: 1px solid #e9e9e9; font-size: 16px; font-weight: var(--fwsb); color: #222; transition: 0.25s;}
.search-lbs .lbs-filter .lf-item .lf-name button:before{content: ""; display: inline-block; vertical-align: middle; margin: -2px 6px 0 0; width: 14px; height: 15px; background: url("/src/img/2024/contents/lbs-filter.svg") no-repeat center; background-size: 100% auto;}
.search-lbs .lbs-filter .lf-item .lf-name button:hover{background-color: #e9e9e9;}
.search-lbs .lbs-filter .lf-item .lf-result{flex: 1; padding: 7px 0 0; overflow-x: auto;}
.search-lbs .lbs-filter .lf-item .lf-result .lf-empty{}

.search-lbs .lbs-div-list {height: calc(1000px - 221px); position: relative; width: 100%;}
.search-lbs .search-lbs-result{margin-top: 15px; height: calc(100% - 371px); position: absolute; width: 100%;}
.search-lbs .lbs-result-empty{color: #283e80; font-size: 15px; font-weight: var(--fwm); text-align: center; padding: 30px 0; position: absolute; width: 100%;  margin-top: 45px }
.search-lbs .lbs-result-list{display: flex; flex-direction: column; gap: 8px; overflow-y: auto; overscroll-behavior: contain; height: 100%; position: absolute; width: 100%; margin-top: 45px;}
.search-lbs .lbs-result-list::-webkit-scrollbar{width: 10px;}
.search-lbs .lbs-result-list::-webkit-scrollbar-thumb{border-radius: 4px; background-color: #ececec;}
.search-lbs .lbs-result-list::-webkit-scrollbar-track{background-color: transparent;}


.search-lbs .lbs-result-list > li{}
.search-lbs .lbs-result-list > li > a{}
.search-lbs .lbs-result-list > li > a{}
.search-lbs .lbs-result-item{border-radius: 10px; padding: 10px 20px; font-size: 14px; font-weight: var(--fwsb); background-color: #f9f9f9; transition: 0.25s; cursor: pointer;}
.search-lbs .lbs-result-list > li > a:hover .lbs-result-item{background-color: #f1f1f1;}
.search-lbs .lbs-result-item dt{color: #222;}
.search-lbs .lbs-result-item dt span{}
.search-lbs .lbs-result-item dt span + span{}
.search-lbs .lbs-result-item dd{color: #666;}
.search-lbs .lbs-result-item dd p{ text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.search-lbs .lbs-result-item dd p + p{}

.lbs-btn-wrap{display: flex; flex-wrap: wrap; margin: auto 0 0; gap: 6px; margin-bottom: 10px;}
.lbs-btn-wrap .lbs-btn{flex: 1; display: block; padding: 0 20px; line-height: 42px; border-radius: 10px; font-size: 16px; font-weight: var(--fwm); color: #fff; background-color: #283e80; transition: 0.25s;}
.lbs-btn-wrap .lbs-btn:hover{box-shadow: inset 0 0 0 1px #283e80; color: #283e80; background-color: #fff;}
.lbs-btn-wrap .lbs-btn.gray{box-shadow: inset 0 0 0 1px #ececec; background-color: #f2f2f2; color: #666;}

.lbs-tit{font-size: 16px; font-weight: var(--fwsb); letter-spacing: -0.05em; color: #233a80; line-height: 1.3; margin: 0 0 6px;}
.lbs-tit .shape{position: relative; display: inline-block; vertical-align: middle; margin: -3px 2px 0 0; width: 15px; height: 15px; background-color: #283e80; border-radius: 50%;}
.lbs-tit .shape:before{content: ""; position: absolute; top: 5px; left: 4px; display: inline-block;  width: 6px; height: 4px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(-45deg);}

.lbs-con{}

.lbs-sch{position: relative; z-index: 3;}
.lbs-sch input{font-size: 14px; font-weight: var(--fwm); color: #222; height: 40px; border: 1px solid #d1d1d1; font-family: inherit; border-radius: 40px; padding: 0 20px; width: 100%;}
.lbs-sch input::placeholder{color: #666;}
.lbs-sch input.sch-ip{/* background: url("/src/img/2024/contents/lbs-sch.svg") no-repeat center right 15px; padding-right: 45px; */}
.lbs-sch.shapeChange input.sch-ip{border-radius: 20px 20px 0 0;}
.lbs-sch input.sch-ip + button{position: absolute; top: 0; right: 0; width: 48px; height: 40px; background: url("/src/img/2024/contents/lbs-sch.svg") no-repeat center; font-size: 0;}
.lbs-sch .lbs-sch-dropdown{display: none; position: absolute; z-index: 2; top: 40px; left: 0; width: 100%; height:250px; margin: -1px 0 0; border: 1px solid #d1d1d1; border-radius: 20px; padding: 15px 0; font-size: 14px; color: #555; background-color: #fff; overflow: hidden;}
.lbs-sch.shapeChange .lbs-sch-dropdown{border-radius: 0 0 20px 20px;}
.lbs-sch .lbs-sch-dropdown .lbs-sch-list{max-height: 240px; overflow-y: auto;}
.lbs-sch .lbs-sch-dropdown .lbs-sch-list > li{}
.lbs-sch .lbs-sch-dropdown .lbs-sch-list > li button{position: relative; display: block; width: 100%; padding: 5px 20px; cursor: pointer; text-align: left; font-size:14px;}
.lbs-sch .lbs-sch-dropdown .lbs-sch-list > li button:hover{background-color: #f2f2f2; color: #222; font-weight: var(--fwm);}
.lbs-sch .lbs-sch-dropdown .lbs-sch-list > li button:hover:after{content: ""; position: absolute; top: 7px; right: 10px; display: block; width: 9px; height: 6px; border-left: 2px solid #555; border-bottom: 2px solid #555; transform: rotate(-45deg);}

.removable_list{display: flex; flex-wrap: wrap; gap: 10px;}
.removable_list:has(li){padding: 12px 0;}
.removable_list > li{font-size: 14px; font-weight: var(--fwsb); color: #222; letter-spacing: -0.05em;}
.removable_list > li button{position: relative; display: inline-block; width: 14px; height: 14px; vertical-align: middle; margin: -2px 0 0 4px; border-radius: 3px; background-color: #283e80; font-size: 0;}
.removable_list > li button:before,
.removable_list > li button:after{content: ""; position: absolute; top: 50%; left: 50%; width: 70%; height: 1px; background-color: #fff; transform: translate(-50%, -50%) rotate(45deg);}
.removable_list > li button:after{transform: translate(-50%, -50%) rotate(-45deg);}

/* 신보고객  */
.lf-result-list_cust{display: flex; flex-wrap: wrap; gap: 6px;}
.lf-result-list_cust > li{flex: 0 0 auto; display: inline-block;}
.lf-result-list_cust > li span{border-radius: 10px; padding: 5px 8px; font-size: 16px; font-weight: var(--fwsb); line-height: 1; color: #283e80; background-color: #eaf1fb;}
.lf-result-list_cust > li button{border-radius: 10px; padding: 5px 8px; font-size: 14px; font-weight: var(--fwsb); line-height: 1; color: #283e80; background-color: #eaf1fb;}
.lf-result-list_cust > li button.on{background-color: #283e80; color: #fff;}

.lf-result-list_cust.nowrap{display: block; text-overflow: ellipsis; overflow:hidden; white-space: nowrap;}
.lf-result-list_cust.nowrap > li{font-size: 1rem;}
.lf-result-list_cust.nowrap > li + li{margin-left: 6px;}
.lf-result-list_cust.nowrap > li:nth-child(2){margin-left: 3px;}

/* 고객발굴 */
.lf-result-list_prspt{display: flex; flex-wrap: wrap; gap: 6px;}
.lf-result-list_prspt > li{flex: 0 0 auto; display: inline-block;}
.lf-result-list_prspt > li span{border-radius: 10px; padding: 5px 8px; font-size: 16px; font-weight: var(--fwsb); line-height: 1; color: #283e80; background-color: #eaf1fb;}
.lf-result-list_prspt > li button{border-radius: 10px; padding: 5px 8px; font-size: 14px; font-weight: var(--fwsb); line-height: 1; color: #283e80; background-color: #eaf1fb;}
.lf-result-list_prspt > li button.on{background-color: #283e80; color: #fff;}

.lf-result-list_prspt.nowrap{display: block; text-overflow: ellipsis; overflow:hidden; white-space: nowrap;}
.lf-result-list_prspt.nowrap > li{font-size: 1rem;}
.lf-result-list_prspt.nowrap > li + li{margin-left: 6px;}
.lf-result-list_prspt.nowrap > li:nth-child(2){margin-left: 3px;}

.lbs-chklist{display: flex; flex-wrap: wrap; gap: 5px 20px; color: #2b384f; font-size: 16px; font-weight: var(--fwm); padding: 4px 0 0;}
.lbs-chklist .input-radio+label{gap: 8px;}
.lbs-chklist .input-radio+label:before{width: 26px; height: 26px;}


.lbs-modal{position: absolute; z-index: 4; top: auto; bottom: 0; transform: translateY(100%); left: -1px; right: -1px; height: 94%; opacity: 0; visibility: hidden; background-color: #fff; border: 1px solid #dbdee2; box-shadow: 5px 5px 5px rgba(0,0,0,0.2); border-radius: 15px; padding: 20px 25px; transition: 0.25s;}
.lbs-modal.on{transform: translateY(0%); opacity: 1; visibility: visible;}
/* .lbs-modal#filter-location{left: calc(100% + 20px);} */
/* .lbs-modal#filter-condition{left: calc(200% + 40px);} */
.lbs-modal > form{position: relative; display: block; height: 100%;}

.lbs-modal .lbs-handle{position: relative; width: 100%; height: 30px;}
.lbs-modal .lbs-handle span{position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 40px; height: 4px; border-radius: 10px; background-color: #b6b6b6;}

.lbs-modal .lbs-m-head{display: flex; flex-wrap: wrap; align-items: center; border-bottom: 1px solid #ececec; padding: 0 0 10px;}
.lbs-modal .lbs-m-head .lbs-head-tit{font-size: 16px; font-weight: var(--fwsb); color: #222;}
.lbs-modal .lbs-m-head .lbs-head-tit:before{content: ""; display: inline-block; vertical-align: middle; margin: -2px 6px 0 0; width: 14px; height: 15px; background: url("/src/img/2024/contents/lbs-filter.svg") no-repeat center; background-size: 100% auto;}
.lbs-modal .lbs-m-head .lbs-head-tit.icoFilter{}
.lbs-modal .lbs-m-head .lbs-m-close{margin-left: auto; display: inline-block; width: 16px; height: 16px; background: url("/src/img/2024/contents/lbs-m-close.svg") no-repeat center; font-size: 0;}

.lbs-modal .lbs-m-body{display: flex; flex-direction: column; height: calc(100% - 34px - 30px - 31px); overflow-y: auto; overscroll-behavior: contain;}
.lbs-modal .lbs-m-body::-webkit-scrollbar{width: 10px;}
.lbs-modal .lbs-m-body::-webkit-scrollbar-thumb{border-radius: 4px; background-color: #ececec;}
.lbs-modal .lbs-m-body::-webkit-scrollbar-track{background-color: transparent;}


.lbs-m-sec{padding: 20px 0;}
.lbs-m-sec + .lbs-m-sec{border-top: 1px solid #ececec;}


.search-location{display: flex; height: 40px; border-radius: 20px; background-color: transparent; align-items: center; justify-content: space-between; padding:0 15px; gap: 10px; margin: 25px 25px 45px 25px; border: 1px solid #d1d1d1;}
.search-location input{border: none; flex-grow: 1; background: transparent; color: #222; padding: 0;}
.search-location input::placeholder{color: #666;}
.cate-list{padding: 0 25px; margin-bottom: 70px;}
.cate-list dt{font-size: 18px; color: #233A80; font-weight: 600; display: flex; gap: 5px; align-items: center; margin-bottom: 20px;}
.cate-list dd ul{display: grid; grid-template-columns: repeat(4, 1fr); row-gap: 35px;}
.cate-list dd ul li{display: flex; justify-content: center;}
.cate-list dd ul li button{display: flex; width: 68px; height: 64px;  border-radius: 10px; flex-direction: column; align-items: center; justify-content: center; padding-top: 6px;}
.cate-list dd ul li button span{font-size: 13px; color: #2850FA; display: inline-flex; align-items: center; justify-content: center; height: 24px; border-radius: 10px; background-color: #EAF1FB; padding:0 7px; margin-top: auto; font-weight: 600;}
.cate-list dd ul li.active button{background-color: #446aeb;}
.cate-list dd ul li.active button span{background-color:transparent; color: #fff;}
.cate-list dd ul li.active button svg path{stroke: #fff;}
.selected-cate { height: 55px; display: flex; align-items: center; justify-content: space-between; padding: 0 25px;}
.selected-cate p{background: url("/src/img/2024/contents/ico-map-seleted.svg") no-repeat left center; font-size: 18px; font-weight: 600; color: #233A80; padding-left: 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.cate-sub-list{background-color: #F3F6F9; border-radius: 0 0 12px 12px; overflow: hidden;}
.cate-list dd .addr_list{display: flex; flex-direction: column; gap: 5px 0; max-height: 450px; overflow-y: auto;}
.cate-list dd .addr_list > li{display: block;}
.cate-list dd .addr_list > li a{display: inline; color: #233a80;}
.cate-list dd .addr_list > li a:hover,
.cate-list dd .addr_list > li a:focus{text-decoration: underline;}

.sub-list{padding: 0 25px 25px 25px; width:320px;}
.sub-list dl{background-color: #fff; padding: 10px; border-radius: 5px;}
.sub-list dt{position: relative; font-size: 18px; color: #74839B; font-weight: 500; padding: 5px 10px 5px 14px;}
.sub-list dt:before{content: ""; position: absolute; top: 14px; left: 0; width: 8px; height: 8px; background: url("/src/img/2024/contents/cate-sub-list-tit.svg");}
.sub-list dd{height: 250px; overflow: auto;}
.sub-list dd::-webkit-scrollbar{width: 10px;}
.sub-list dd::-webkit-scrollbar-thumb{border-radius: 4px; background-color: #ececec;}
.sub-list dd::-webkit-scrollbar-track{background-color: transparent;}
.sub-list dd ul{width: 100%;}
.sub-list dd ul li button{display: flex; height: 40px; align-items: center; padding:0 20px ; color: #233A80; font-weight: 500;width: 100%;}
.sub-list dd ul li button:hover{background-color: #EAF1FB;}
.sub-list dd ul li.active button{background-color: #EAF1FB;}
/* .btn-anal{position: absolute; bottom:-160px; display: none; width: 132px; height: 142px; left: 110px;} */
.btn-anal{position: absolute; top: 100%; margin: 25px 0 0; display: none; width: 105px; aspect-ratio: 105 / 120; left: 50%; transform: translateX(-50%); font-size: 18px; font-weight: var(--fwsb); color: #fff; background: url("/src/img/2024/contents/btn_anal.svg") no-repeat center; text-align: center; filter: drop-shadow(4px 4px 10px rgba(0, 0, 0, 0.2));}
.btn-anal button{position: relative; display: block; width: 100%; height: 100%;}
.btn-anal button span{position: absolute; top: 52%; left: 50%; transform: translate(-50%, -50%); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px;}
.btn-anal button span:after{content: ""; display: block; width: 26px; height: 16px; background: url("/src/img/2024/contents/btn_anal_arr.svg") no-repeat center;}
.btn-anal button:hover span:after{animation: arr_move 0.5s ease; animation-delay: 0.25s;}

.sub-list-01{display: none;}
.search-main.sub-list-02{position:relative; margin-top: 447px; display: none;}

.anal-result{display: flex; flex-direction: column; width: 600px; border-radius: 12px; background-color: #fff; align-self: flex-start; flex: none; margin-left:5px;}
.anal-result-header{position: absolute; top: 0; left: 100%; width: 40px; display: flex; flex-direction: column; padding: 20px 0 0;}
.anal-result-header .close{height: 50px; display: flex; align-items: center; justify-content: center; background-color: #283e80; border-radius: 0 6px 6px 0;}
.anal-result-header .close img{filter: brightness(0) invert(1);}
.anal-result-header .result-tab{display: flex; flex-direction: column; overflow: hidden; gap: 5px; width: 100%; margin-top: 5px;}
.anal-result-header .result-tab li{}
.anal-result-header .result-tab li button{display: flex; align-items: center; justify-content: center; width: 100%; background-color: #6993FF; color: #fff; font-size: 18px; border-radius: 0 6px 6px 0; padding: 10px 0; line-height: 1.1; font-size: 15px; font-weight: var(--fwm);}
.anal-result-header .result-tab li.active button{background-color: #fff; color: #222;}
.anal-result-con{padding: 40px 40px 40px 40px; display: flex; flex-direction: column; gap: 20px; height:850px;}
.result-info{display: flex; justify-content: space-between; align-items: center; color: #909090; letter-spacing: -1px; padding-bottom: 15px; border-bottom: 1px dashed #000; gap: 20px;}
.result-info span{color: #222;}
.resulit-contents{height: 720px;}
.resulit-contents.large{height: 590px;}
.btn-result{display: inline-flex; background-color: #2850FA; height: 56px; border-radius: 17px; align-items: center; justify-content: center; color: #fff; font-size: 18px; font-weight: 600; gap: 8px; padding: 0 20px; transition: 0.25s;}
.btn-result:hover{background-color: #fff; color: #2850FA; box-shadow: inset 0 0 0 1px #2850FA;}
.btn-result img{transition: 0.15s;}
.btn-result:hover img{filter: brightness(0) saturate(100%) invert(22%) sepia(91%) saturate(3065%) hue-rotate(228deg) brightness(98%) contrast(101%);}

.anal-detail-header{color: #fff; background-color: #6993FF; display: flex; align-items: center; justify-content: space-between; border-radius:12px 12px 0 0; height: 50px; padding: 0 15px 0 20px; font-size: 20px; margin-bottom: 0;}

.anal-result-header .result-tab .result-tabs.disabled {background: #eee;cursor: default;}
.btn_class {display: block;text-align: center; margin-top:60px;}

.anal-result{}
.anal-result.result{opacity: 0; transition: all 0.4s ease; transform: translateX(-100px); pointer-events: none;}
.anal-result.result.active{opacity:1; transform: translateX(0); pointer-events: all; z-index: 10;}
.anal-result.detail{m:argin-left: 60px; display: none;}
.anal-result.detail.active{display: block;}

.mask-map-search{position: absolute; z-index: -1; opacity: 0; visibility: hidden; left: 0; right: 0; top: 0; bottom: 0; border-radius: 15px; background: rgba(0,0,0,0.4); transition: 0.25s;}
.mask-map-search.on{z-index: 4; opacity: 1; visibility: visible;}

@media (width <= 767px) {
  .map-search{position: relative; z-index:10; left: 0px; top: 0px; right:0; flex-direction: column; bottom: 0; width: 100%; height:64px;/* 추가 */ }
  .map-search.stickyLeft{right: 0; position: relative;}
  .search-main{border-radius:0; width: 100%; border: none;}
  .map-search.stickyLeft .search-main{height: auto; width: 100%;}
  .map-search .map-search-fold{display: none;}
  .search-top{display: none;}
  .search-result2{display: none;}
  .search-main.sub-list-02{height: auto; overflow: visible; margin-top: 0;}
  .anal-result.result{position: fixed;}
  .anal-result.result{transition: all 0.4s ease; transform: translateX(0px);}
  .selected-cate.m-hide{display: none; margin: -20px;}

  .search-header{padding:0 5px 0 15px; font-size: 14px;}
  .search-header p button:first-of-type{display: flex;}
  .search-location{margin: 10px;}
  .cate-list{padding: 0 20px; margin-bottom: 20px;}
  .cate-list dt{font-size: 16px; margin-bottom: 10px; display: none;}
  .cate-list dd ul{row-gap: 10px;}
  .selected-cate {height: 40px;}
  .selected-cate p{font-size: 16px;}
  .sub-list{padding: 0 25px 10px 25px; width:100%;}
  .sub-list dl{background-color: #fff; padding: 5px;}
  .sub-list dt{font-size: 14px;padding: 5px 10px 5px 17px;}
  .sub-list dt:before{top: 11px; left: 4px;}
  .sub-list dd{height: 100px;}
  .sub-list dd ul{width: 100%;}
  .sub-list dd ul li button{display: flex; height: 30px; font-size: 14px;}
  .btn-anal{position: absolute; display: none; left:50%; transform: translateX(-50%); background-size: contain; width: 90px; font-size: 15px;}

  .anal-result{position: fixed; top: 0; left: 0; width: 100%; height: 100%; border-radius: 0px; flex: none; display: flex; flex-direction: column; }
  .anal-result-header{display: flex; justify-content: space-between; position: static; width: auto; flex-direction: row; padding: 0;}
  .anal-result-header .close{flex: 0 0 auto; height: 40px; width: 44px; border-radius: 0;}
  .anal-result-header .result-tab{flex: 1; display: flex; flex-wrap: wrap; flex-direction: row; border-radius: 12px 0 0 0; overflow: hidden; gap: 0; width: auto; margin: 0;}
  .anal-result-header .result-tab li{flex: 1;}
  .anal-result-header .result-tab li button{height: 40px; font-size: 16px; border-radius: 0; padding: 0;}
  .anal-result-header .result-tab li button br{display: none;}
  .anal-result-con{padding: 10px; gap: 20px; flex-grow: 1; overflow-y:auto;}
  .result-info{font-size: 14px;}
  .result-info span{color: #222;}
  .resulit-contents.large{height: 750px; flex-grow: 1;}
  .resulit-contents{height: 800px; flex-grow: 1;}
  .btn-result{display: inline-flex; background-color: #2850FA; height: 40px; border-radius: 5px; align-items: center; justify-content: center; color: #fff; font-size: 14px; font-weight: 600; gap: 8px; padding: 0 20px; width: 100%;}

  .anal-detail-header{display: none;}

  .anal-result{}
  .anal-result.result{opacity: 0; transition: all 0.4s ease; transform: translateX(0px) translateY(-100%); z-index: 20;}
  .anal-result.result.active{opacity:1; transform: translateX(0) translateY(0); pointer-events: all; z-index: 10; margin-left:0px;}
  .anal-result.detail{margin-left: 0px;  z-index: 20; left: 10px; top: 10px;  right: 10px; box-shadow: 0 0 20px rgba(0,0,0,0.8); width: auto; height:calc(100% - 20px); border-radius: 12px; display: flex; flex-direction: column; display: none;}
  .anal-result.detail.active{display: flex;}
  .search-location {display: none;}
  .cate-list,.cate-sub-list {display: none;}

  .search-lbs{display: none; height: calc(100dvh - 64px); background-color: #fff; padding: 0px 7px 7px; overflow: hidden;}
  .search-lbs .lbs-tab{padding: 0 0 8px;}
  .search-lbs .lbs-tab > li .lbs-tab-btn{line-height: 40px; border-radius: 10px; font-size: 14px;}
  .search-lbs .lbs-tab > li .lbs-tab-btn:before{width: 16px; height: 17px;}
  .search-lbs .search-lbs-result{margin-top: 10px; height: calc(100% - 323px);}
  .search-lbs .lbs-result-list{}
  .lbs-modal{position: fixed;}
  .mask-map-search{border-radius: 0;}
  .btn_class {display: flex; text-align: center; margin-top:10px;}
}

.biz-wrap{padding: 0 20px; width: 100%;}
.biz-tab{display: flex; border-bottom: 1px solid #C9DAF0; width: 100%; padding-left: 1px;}
.biz-tab li button{display: flex; align-items: center; justify-content: center; width: 200px; height: 50px; background-color: #EAF1FB; border: 1px solid #C9DAF0; margin-bottom: -1px; margin-left: -1px; color: #2B384F; font-weight: 600;}
.biz-tab li button.on{background-color: #fff; border-bottom: 1px solid #fff;}
.biz-tab li:first-of-type button{border-radius: 7px 0 0 0;}
.biz-tab li:last-of-type button{border-radius:0 7px 0 0;}
.biz-wrap .biz-info{display: grid; display: none; min-height: 120px; border: 1px solid #C9DAF0; background-color: #fff; border-top: none; padding: 30px 0; align-items: center;  grid-template-columns: 1fr 1fr 1fr 1fr;}
.biz-wrap .biz-info.on{display:grid;}
.biz-wrap .biz-info:nth-of-type(1){grid-template-columns: 1fr 1fr;}
.biz-wrap .biz-info:nth-of-type(2){grid-template-columns: 1fr 1fr;}
.biz-info dl{display: flex; align-items: center; gap: 15px; padding: 0 30px; position: relative;}
.biz-info dl:after{ content: ""; display: block; width: 1px; height: 100%; position: absolute; right: 0; top: 0; background-color: #EAF1FB;}
.biz-info dl dt{font-size: 14px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px;}
.biz-info dl dt span{display: inline-flex; height: 26px; border-radius: 13px; padding: 0 12px; background-color: #EAF1FB; color: #2B384F; align-items: center; font-weight: 500; flex-wrap: nowrap; white-space: nowrap;}
.biz-info dl dd{}
.biz-info dl dd ul {font-size: 13px; color: #74839B; display: flex; flex-direction: column; gap: 5px;}
.biz-info dl dd ul li{position: relative; padding-left: 6px;}
.biz-info dl dd ul li::before{content: ""; width: 2px; height: 2px; border-radius: 50%; background-color: #74839B; position: absolute; left: 0; top: 9px;}
.biz-contents-area{border: 1px solid #C9DAF0; background-color: #fff; border-top: none; display: flex;}
.tree-block{display: flex; width: 185px; flex: none; min-height: 600px; flex-direction: column; border-right: 1px solid #C9DAF0;}
.tree-block .tree-js-area{ padding: 10px; flex-grow: 1;}
.search-biz{padding:9px; background-color: #EAF1FB;}
.search-biz p{display: flex; justify-content: space-between; align-items: center; height: 24px; background-color: #fff; border-radius: 4px; padding: 0 7px;}
.search-biz p input{width: 100%; height: 24px; padding: 0; border: none; font-size: 14px;}
.biz-contents{padding: 20px; flex-grow: 1; display: flex; flex-direction: column;}
.biz-contents .biztitle{display: flex; align-items: center; gap: 10px; font-size: 18px; font-weight: 600; color:#2B384F;}
.biz-contents .line-con{display: flex; justify-content: space-between;}
.biz-contents .line-con dl{display: flex; font-size: 14px; color: #2B384F; align-items: center; gap: 10px;}
.biz-contents .line-con dl dt{font-weight: 600;}
.biz-contents .line-con dl dd{display: flex; align-items: center; gap: 10px;}
.biz-contents .line-con dl dd input{height: 28px; width: 125px;}
.biz-contents .msg{color: #3B79ED; font-size: 14px;}
.biz-contents .date{color: #2B384F; font-size: 14px;}
.biz-contents .data-block{flex-grow: 1; margin-top: 15px;}
.bottom-con-area{margin-top: 10px;display: flex; justify-content: space-between; align-items: center;}
.bottom-con-area p{display: flex; gap: 4px;}
.biz-contents button,
.biz-contents a{display: inline-flex; height: 36px; border-radius: 5px; color: #fff; align-items: center; justify-content: center; font-size: 14px; padding:  0 15px; transition: 0.25s;}
.biz-contents button.btn-biz-gray,
.biz-contents a.btn-biz-gray{background-color: #7488A1;}
.biz-contents button.btn-biz-gray:hover,
.biz-contents a.btn-biz-gray:hover{background-color: #fff; color: #7488a1; box-shadow: inset 0 0 0 1px #7488a1;}
.biz-contents button.btn-biz-blue,
.biz-contents a.btn-biz-blue{background-color: #283E80;}
.biz-contents button.btn-biz-blue:hover,
.biz-contents a.btn-biz-blue:hover{background-color: #fff; color: #283e80; box-shadow: inset 0 0 0 1px #283e80;}

.biz-contents-area .biz-contents{display: none;}
.biz-contents-area .biz-contents.on{display:flex;}

.biz-top-wrap{display: flex; flex-wrap: wrap; gap: 4px; justify-content: flex-end; margin: 10px auto;}

@media (width <= 1000px) {
  .biz-wrap{padding: 0px; width: 100%;}
  .biz-tab{display: flex; border-bottom: 1px solid #C9DAF0; width: 100%; padding-left: 1px;}
  .biz-tab li {width: 33.333%;}
  .biz-tab li button{width:100%; height: 40px; font-size: 14px;}

  .biz-wrap .biz-info{display:flex; flex-direction: column; padding: 0; display: none; gap: 0; row-gap: 0px; align-items: flex-start;}
  .biz-wrap .biz-info.on{display:flex;}

  .biz-info dl{display: flex; align-items:flex-start; gap: 15px; padding: 10px; position: relative; border-bottom: 1px solid #C9DAF0; width: 100%; }
  .biz-info dl:last-of-type{border-bottom: none;}
  .biz-info dl:after{display: none;}
  .biz-info dl dt{font-size: 14px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px;}
  .biz-info dl dt span{font-size: 12px;}
  .biz-info dl dd{}
  .biz-info dl dd ul {font-size: 12px; }
  .biz-info dl dd ul li{position: relative; padding-left: 6px;}
  .biz-info dl dd ul li::before{top: 8px;}
  .biz-contents-area{flex-direction: column;}
  .tree-block{display: flex; width: 100%; flex: none; min-height: 400px;border-right:none;}
  .tree-block .tree-js-area{ padding: 10px; flex-grow: 1;}

  .biz-contents{padding: 20px; flex-grow: 1; display: flex; flex-direction: column; border-top: 1px solid #C9DAF0;}
  .biz-contents .biztitle{display: flex; align-items: center; gap: 10px; font-size: 16px; font-weight: 600; color:#2B384F;}
  .biz-contents .line-con{flex-direction: column; gap: 10px;}
  .biz-contents .line-con dl{flex-direction: column; display: flex; font-size: 14px; color: #2B384F; align-items:flex-start; gap: 10px;}
  .biz-contents .line-con dl dt{font-weight: 600;}
  .biz-contents .line-con dl dd{display: flex;  align-items: center; gap:10px; overflow: hidden;}
  .biz-contents .line-con dl dd label{display: none;}
  .biz-contents .line-con dl dd input{height: 28px; width:100%; flex-grow: 1; min-width: 0;}
  .bottom-con-area{flex-direction: column; gap: 10px;}
  .data-block{min-height: 400px}
  .bottom-con-area p {width: 100%; flex-wrap: wrap;}
  .bottom-con-area p button{flex-grow: 1;}
  .biz-contents .date{text-align: right;}
}

.floating-menu{display: flex; flex-direction: column; position: absolute; top: 0; left: -165px; width: 145px; border-radius: 7px; background-color: #fafafa; font-size: 14px; border: 1px solid #E9E9E9; padding: 20px 0 15px 0;}
.floating-menu h3 a{display: flex; align-items: center; color: #747D99; gap: 5px; justify-content: center; line-height: 100%; margin-bottom: 13px; font-weight: var(--fwsb);}
.floating-menu .fm-d1{display: flex; flex-direction: column; font-size: 14px; font-weight: var(--fwsb); color: #2b384f;}
.floating-menu .fm-d1 > li{}
.floating-menu .fm-d1 > li > a{display: block; padding: 9px 20px;}
.floating-menu .fm-d1 > li > a:hover{color: #fff; background-color: #747d99;}
.floating-menu .fm-d2 > li{}
.floating-menu .fm-d2 > li > a{display: block; padding: 9px 20px;}
.floating-menu .fm-d2 > li > a:hover{color: #fff; background-color: #747d99;}
.floating-menu .fm-d2 > li > a:before{content: ""; display: inline-block; vertical-align: middle; margin: -2px 5px 0 0; width: 8px; height: 8px; background: url("/src/img/2024/contents/fm-d2.svg") center; background-repeat: no-repeat;}
.floating-menu .fm-d2 > li > a:hover:before{filter: brightness(0) invert(1);}

@media (width <= 1200px) {
  .floating-menu{display:none;}
}

.select-line-menu{display: flex; margin-top: 20px; flex-wrap: wrap; row-gap: 10px;}
.select-line-menu dl{display: flex;   overflow: hidden; align-items: center;}
.select-line-menu dl dt{color: #74839B; background-color: #EAF1FB; height: 100%; padding: 0 10px; display: flex; align-items: center; border: 1px solid #C9DAF0; border-right: none; border-radius: 4px 0 0 4px; height: 30px; font-size: 14px;}
.select-line-menu dl dd{border: 1px solid #C9DAF0; border-left: none; border-radius:0 4px 4px 0;  height: 30px; align-items: center; display:flex;}
.select-line-menu dl dd.radio{padding: 0 10px;}
.select-line-menu dl dd.radio label{font-size: 14px; margin-left: 5px;     color: #686868;}
.select-line-menu dl:after{content: "";display: block; width: 1px ; height:28px; background: url("/src/img/2024/contents/ico-dot.svg") no-repeat left center; margin: 0 10px; }
.select-line-menu dl:last-of-type::after{display: none;}
.select-line-menu select{border: none; height: 100%; font-size: 14px;}
.select-line-menu select option{height: 30px; line-height: 30px;}
.select-line-menu .btn-biz-gray{margin-left: auto;}
@media (width <= 767px) {
  .select-line-menu{flex-direction: column;}
  .select-line-menu dl{flex-grow: 1; width: 100%;}
  .select-line-menu dl dt{width: 120px;}
  .select-line-menu dl dd{flex-grow: 1;}
  .select-line-menu dl dd select{flex-grow: 1;}
  .select-line-menu dl:after{display: none;}
  .cate-list.search-result{display: block; margin-bottom: 40px;}
  .cate-list.search-result  dt{display: block;}
}

.cate-list dd ul.result{display: flex; flex-direction: column; row-gap: 10px;}
.cate-list dd ul.result li{justify-content: flex-start;}
.cate-list dd ul.result li a{font-size: 16px; color: #233A80;}


.research-block-new {background-color: #F9FAFB; border: 1px solid #EFF2F5; padding: 40px 60px; display: flex; flex-direction: column; gap: 15px;}
.research-block-new dl dd{display:none; margin-top: 15px; padding-bottom: 40px;}
.research-block-new .checkbox-list{row-gap:10px; gap: 10px; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr;}
.research-block-new .checkbox-list li{width: 100%;}
.research-block-new .checkbox-list .input-radio+label{display: flex; height: 36px; align-items: center; justify-content: center; border:1px solid #E2E8F0; background-color: #fff; border-radius: 3px; font-size: 16px;}
.research-block-new .checkbox-list .input-radio:checked+label{ background-color: #5981D9; color: #fff;}
.research-block-new .checkbox-list .input-radio+label::before{display: none;}
.research-block-new .checkbox-list .input-radio+label::after{display: none;}
.research-block-new dd input[type=text]{width: 100% !important;}
@media (width <= 767px) {
  .research-block-new {padding: 20px; gap: 10px;}
  .research-block-new .checkbox-list{grid-template-columns: 1fr 1fr;}
}
@media (width <= 640px){
  .research-block-new .checkbox-list .input-radio+label{font-size: 14px;}
}


@keyframes arr_move{
  0%{transform: translateX(0px);}
  50%{transform: translateX(3px);}
  100%{transform: translateX(0px);}
}