@charset "utf-8";

@import url('font.css');
@import url('common.css');
@import url('slick.css');
@import url('jquery-ui.css');
@import url('jquery.mCustomScrollbar.min.css');
@import url('sumoselect.min.css');

/* 공통 변수 관리 */
:root {
	--point-black-color:#191D31;
	--point-blue-color:#4762F0;
	--basic-blue-color:#007AFF;
	--basic-black-color:#343839;
	--white-color:#fff;
	--click-color:#203BC6;
	--navy-color:#3D4570;
	--gray-navy-color:#676B83;
	--gray-color:#9BA4AB;
	--page-tit-color:#0E0F11;
	--lightgray-color:#DBDBEE;
	--lightblue-opacity-color:rgba(141,156,208,20%);
	--lightblue-color:#8D9CD0;

	--font-KjchulGothic:'KimjungchulGothic';

}


body {overflow:hidden; -ms-overflow-style:none; scrollbar-width:none;}
body::-webkit-scrollbar {display:none;}
body.overflow {overflow:visible;}

.bg {background:#EEEEF6;}

/* loading DIV */
#loadingField {width: 100%; height: 100%; top: 0px; left: 0px; position: fixed; display: block; opacity: 0.7; background-color: #fff; z-index: 9999999999999; text-align: center;}
#loadingIcon {position: absolute; top: 40%; left: 45%; z-index: 100;}

/* 버튼 공통 스타일 */
.btn_style {display:inline-block; text-align:center; vertical-align:top; color:var(--white-color); line-height:1; text-align:center; border-radius:8px; border:1px solid transparent; background:var(--point-blue-color);}
.btn_style.empty {border-color:var(--white-color); background:transparent; transition:all .3s ease;}
.btn_style.empty:hover {border-color:var(--point-blue-color); color:var(--white-color); background-color:var(--point-blue-color);}


/* 온보딩 화면 */
.blue_carbon:before {content:''; position:fixed; z-index:-1; top:0; left:0; width:100%; height:100%; background:url(../images/bg/bg_sea.jpg) no-repeat center; background-size:cover;}
.blue_carbon:after {content:'Blue \A Carbon'; position:fixed; bottom:124px; right:55px; font-size:163px; font-weight:800; opacity:0.2; line-height:0.8; text-align:right; white-space: pre; background: linear-gradient(180deg, var(--lightgray-color) 0%, #02D1FF 100%); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.blue_carbon {position:relative; z-index:1; width:100%; height:100vh;}
.blue_carbon .con {position:absolute; z-index:1; top:calc(50% - 20px); left:0; padding:0 156px; color:var(--white-color); transform:translateY(-50%);}
.blue_carbon .con h1 {margin-bottom:15px; font-size:33px; font-weight:500;}
.blue_carbon .con h1 strong {display:block; margin-bottom:10px; font-size:78px; font-weight:800;}
.blue_carbon .con > p {font-size:18px; font-weight:500; line-height:1.6;}
.blue_carbon .con ul {margin-top:16px;}
.blue_carbon .con ul li:before {content:''; position:absolute; z-index:1; top:12px; left:0; width:5px; height:5px; border-radius:50%; background:var(--white-color);}
.blue_carbon .con ul li {position:relative; padding-left:18px; font-size:18px; font-weight:300; line-height:1.7;}
.blue_carbon .con .tag {margin-top:58px; margin-bottom:-8px; font-size:0;}
.blue_carbon .con .tag span {display:inline-block; padding:10px 20px; margin-right:8px; margin-bottom:8px; color:var(--point-blue-color); font-size:16px; vertical-align:top; line-height:1; border-radius:30px; background:var(--white-color);}
.blue_carbon .con .btn_box {margin-top:55px;}
.blue_carbon .con .btn_box a {padding:15px 10px; margin-right:18px; min-width:180px;}
.blue_carbon .con .btn_box a:last-child {margin-right:0;}

.blue_carbon .cooperation {display:flex; position:absolute; z-index:1; bottom:64px; left:0; width:100%; height:48px; justify-content:center; align-items:center;}
.blue_carbon .cooperation p {margin:0 25px;}
.blue_carbon .cooperation p:first-child {margin-left:0;}
.blue_carbon .cooperation p:last-child {margin-right:0;}

/* 디지털 정보도 리스트 화면 */
header {position:fixed; z-index:9990; top:0; left:0; width:100%;}
header.hd_type01 {display:flex; height:112px; margin:0 42px; width:calc(100% - 84px); max-width:100%; border-bottom:1px solid var(--lightgray-color); align-items:center; background:#EEEEF6;}
header.hd_type01 h1 {position:absolute; z-index:1; bottom:30px; left:50%; width:300px; transform:translateX(-50%);}
header .home_btn {display:block; width:66px; height:66px; border-radius:50%; text-indent:-9999px; background:#BBBBD7 url(../images/ico/ico_home.svg) no-repeat center; background-size:32px;}

/* .top 수정 필요 */
header.hd_type02 .top {display:flex; position:relative; height:50px; padding:0 42px 0; background:var(--point-black-color); justify-content:space-between; align-items:center;}
header.hd_type02 .top h1 {width:226px; height:28px; text-indent:-9999px; background:url(../images/ico/ico_program_logo.png) no-repeat center; background-size:100%;}
header.hd_type02 .top h2 {display:none; position:absolute; z-index:1; top:0; right:5px; width:50px; height:100%; text-indent:-9999px; background:url(../images/ico/ico_mb_menu.svg) no-repeat center; background-size:30px;}
header.hd_type02 .top .hd_tit {position:absolute; z-index:1; /* bottom:14px;  */left:50%; color:var(--white-color); font-size:22px; font-weight:600; transform:translateX(-50%);}
header.hd_type02 .top .hd_etc .menu_close {display:none; width:100%; height:48px; border-bottom:1px solid var(--lightgray-color); text-indent:-9999px;  background:url(../images/ico/ico_hd_menu_close.svg) no-repeat center left 20px; background-size:20px;}
header.hd_type02 .top .hd_etc a {display:inline-block; width:28px; height:28px; text-indent:-9999px; background-repeat:no-repeat;}
header.hd_type02 .top .hd_etc a + a {margin-left:18px;}
header.hd_type02 .top .hd_etc a.bookmark {background-image:url(../images/ico/ico_bookmark.svg)}
header.hd_type02 .top .hd_etc a.bookmark_big {background-image:url(../images/ico/ico_bookmark_big.svg)}
header.hd_type02 .top .hd_etc a.bookmark_big:hover {background-image:url(../images/ico/ico_bookmark_on.svg)}
/* header.hd_type02 .top .hd_etc a.bookmark:hover {background-image:url(../images/ico/ico_bookmark_on.svg)} */
header.hd_type02 .top .hd_etc a.more {background-image:url(../images/ico/ico_more.svg)}
header.hd_type02 .top .hd_etc a.more:hover {background-image:url(../images/ico/ico_more_on.svg)}
header.hd_type02 .top .hd_etc a.close {background-image:url(../images/ico/ico_field_logout.svg);/* background-image:url(../images/ico/ico_pageclose.svg) */}
header.hd_type02 .top .hd_etc .mb_close {display:none;}

/* 더보기 버튼 없애고 추가 */
header.hd_type02 .top .hd_etc a.ico_digital {background-image:url(../images/ico/ico_go_menu.svg)}
header.hd_type02 .top .hd_etc a.ico_digital:hover {background-image:url(../images/ico/ico_go_menu_on.svg)}
header.hd_type02 .top .hd_etc a.ico_main {background-image:url(../images/ico/ico_go_home.svg)}
header.hd_type02 .top .hd_etc a.ico_main:hover {background-image:url(../images/ico/ico_go_home_on.svg)}

/* top 에서 얼마나 내려올지 수정 필요 */
.map_etc {position:fixed; z-index:888; top:50px; left:0; width:100%; padding:8px 10px; box-shadow:0px 7px 10px 0px rgba(60, 66, 97, 0.20); background:#EEEEF6;}
.map_etc .map_btntop_wrap {position:relative; display:flex; justify-content:space-between;}
.map_etc .map_btntop_wrap .map_shape .etc_btn {display:inline-block; margin-right:20px; vertical-align:top;}
.map_etc .map_btntop_wrap .map_shape .etc_btn button.feature {margin-left:20px;}
.map_etc .map_btntop_wrap .map_shape .etc_btn:last-of-type {margin-right:0;}
.map_etc .map_select {display:flex; position:absolute; z-index:1; top:10px; left:50%; max-width:1115px; transform:translateX(-50%);}
.map_etc .map_select .select {display:flex; margin-right:50px; align-items:center;}
.map_etc .map_select .select:last-child {margin-right:0;}
.map_etc .map_select .select .tit {display:inline-block; margin-right:15px; font-weight:500; flex-shrink:0;}
.map_etc .map_select .select select {width:294px; height:36px; padding:0 20px 0 10px; font-size:15px; border-radius:6px; background:var(--white-color) url(../images/ico/ico_select_arw_s.svg) no-repeat center right 10px;}

.map_etc .map_select .select select[disabled] {background:#ccc url(../images/ico/ico_select_arw_s.svg) no-repeat center right 10px;}
.map_etc .map_select .select input {width:294px; height:36px; padding:0 20px 0 10px; font-size:15px; border-radius:6px; background:#fff}
.map_etc .map_select .select input[disabled] {background:#ccc;}

.map_etc .map_control .trash {margin-left:20px;}
.map_etc [class^="ico_sp"] {display:inline-block; width:42px; height:42px; border-radius:8px; border:0; text-indent:-9999px; background-repeat:no-repeat; background-position:center; background-size:100%; background-color:transparent; transition:background-color .3s ease;}
.map_etc [class^="ico_sp"]:hover:not(.ico_sp03[disabled], .ico_sp04[disabled], .ico_sp05[disabled], .ico_sp06[disabled], .ico_sp07[disabled], .ico_sp08[disabled], .ico_sp09[disabled], .ico_sp10[disabled]) {background-color:#D6D6EE;}
/* .map_etc [class^="ico_sp"]:hover {background-color:#D6D6EE;} */
.map_etc .ico_sp01 {background-image:url(../images/ico/ico_map_sp01.svg);}
.map_etc .ico_sp02 {background-image:url(../images/ico/ico_map_sp02.svg);}
.map_etc .ico_sp03 {background-image:url(../images/ico/ico_map_sp03.svg);}
.map_etc .ico_sp04 {background-image:url(../images/ico/ico_map_sp04.svg);}
.map_etc .ico_sp05 {background-image:url(../images/ico/ico_map_sp05.svg);}
.map_etc .ico_sp06 {background-image:url(../images/ico/ico_map_sp06.svg);}
.map_etc .ico_sp07 {background-image:url(../images/ico/ico_map_sp07.svg);}
.map_etc .ico_sp08 {background-image:url(../images/ico/ico_map_sp08.svg);}
.map_etc .ico_sp09 {background-image:url(../images/ico/ico_map_sp09.svg);}
.map_etc .ico_sp10 {background-image:url(../images/ico/ico_map_sp10.svg);}
.map_etc .ico_sp03[disabled] {background-image:url(../images/ico/ico_map_sp03_before.svg);}
.map_etc .ico_sp04[disabled] {background-image:url(../images/ico/ico_map_sp04_before.svg);}
.map_etc .ico_sp05[disabled] {background-image:url(../images/ico/ico_map_sp05_before.svg);}
.map_etc .ico_sp06[disabled] {background-image:url(../images/ico/ico_map_sp06_before.svg);}
.map_etc .ico_sp07[disabled] {background-image:url(../images/ico/ico_map_sp07_before.svg);}
.map_etc .ico_sp08[disabled] {background-image:url(../images/ico/ico_map_sp08_before.svg);}
.map_etc .ico_sp09[disabled] {background-image:url(../images/ico/ico_map_sp09_before.svg);}
.map_etc .ico_sp10[disabled] {background-image:url(../images/ico/ico_map_sp10_before.svg);}
/* .map_etc .ico_sp01:hover {background-image:url(../images/ico/ico_map_sp01_ov.svg);}
.map_etc .ico_sp02:hover {background-image:url(../images/ico/ico_map_sp02_ov.svg);}
.map_etc .ico_sp03:hover {background-image:url(../images/ico/ico_map_sp03_ov.svg);}
.map_etc .ico_sp04:hover {background-image:url(../images/ico/ico_map_sp04_ov.svg);}
.map_etc .ico_sp05:hover {background-image:url(../images/ico/ico_map_sp05_ov.svg);}
.map_etc .ico_sp06:hover {background-image:url(../images/ico/ico_map_sp06_ov.svg);}
.map_etc .ico_sp07:hover {background-image:url(../images/ico/ico_map_sp07_ov.svg);}
.map_etc .ico_sp08:hover {background-image:url(../images/ico/ico_map_sp08_ov.svg);}
.map_etc .ico_sp09:hover {background-image:url(../images/ico/ico_map_sp09_ov.svg);}
.map_etc .ico_sp10:hover {background-image:url(../images/ico/ico_map_sp10_ov.svg);} */
.map_etc .ico_sp01:hover, .map_etc .ico_sp01.on {background-image:url(../images/ico/ico_map_sp01_ov.svg);}
.map_etc .ico_sp02:hover, .map_etc .ico_sp02.on {background-image:url(../images/ico/ico_map_sp02_ov.svg);}
.map_etc .ico_sp03:hover:not(.ico_sp03[disabled]), .map_etc .ico_sp03.on {background-image:url(../images/ico/ico_map_sp03_ov.svg);}
.map_etc .ico_sp04:hover:not(.ico_sp04[disabled]), .map_etc .ico_sp04.on {background-image:url(../images/ico/ico_map_sp04_ov.svg);}
.map_etc .ico_sp05:hover:not(.ico_sp05[disabled]), .map_etc .ico_sp05.on {background-image:url(../images/ico/ico_map_sp05_ov.svg);}
.map_etc .ico_sp06:hover:not(.ico_sp06[disabled]), .map_etc .ico_sp06.on {background-image:url(../images/ico/ico_map_sp06_ov.svg);}
.map_etc .ico_sp07:hover:not(.ico_sp07[disabled]), .map_etc .ico_sp07.on {background-image:url(../images/ico/ico_map_sp07_ov.svg);}
.map_etc .ico_sp08:hover:not(.ico_sp08[disabled]), .map_etc .ico_sp08.on {background-image:url(../images/ico/ico_map_sp08_ov.svg);}
.map_etc .ico_sp09:hover:not(.ico_sp09[disabled]), .map_etc .ico_sp09.on {background-image:url(../images/ico/ico_map_sp09_ov.svg);}
.map_etc .ico_sp10:hover:not(.ico_sp10[disabled]), .map_etc .ico_sp10.on {background-image:url(../images/ico/ico_map_sp10_ov.svg);}

.map_etc.show .mb_popbtn.top_type span {background: rgba(214, 214, 238, 0.70) url(../images/ico/ico_mb_popbtn_top_close.svg) no-repeat center;}


.blue_smtab {margin-bottom:20px; text-align:center;}
.blue_smtab li {display:inline-block; min-width:80px; margin:0 2px; text-align:center;}
.blue_smtab li a {display:block; width:100%; height:100%; padding:8px 0; color:rgba(71,98,240,0.7); font-size:14px; line-height:1; border-radius:30px; border:1px solid rgba(71,98,240,0.7); transition:all .3s ease;}
.blue_smtab li:hover a:hover,
.blue_smtab li.on a {color:var(--white-color); background:var(--point-blue-color);}

.digital_wrap {padding:134px 44px 0; max-width:1922px; margin:0 auto;}
.digital_infolist {width:calc(100% + 20px); height:calc(100vh - 186px); overflow-y:auto; overflow-x:hidden;}
.digital_infolist ul {display:flex; margin:0 -17.5px -35px; padding-bottom:200px; flex-wrap:wrap;}
.digital_infolist ul li {width:calc(16.66% - 35px); margin:0 17.5px 35px; text-align:center;}
.digital_infolist ul li a {display:block; width:100%; height:100%;}
.digital_infolist ul li .thumb {position:relative;}
.digital_infolist ul li .thumb .box:before {content:''; position:absolute; z-index:2; top:0; left:0; width:100%; height:100%; opacity:0; background:rgba(71,98,240,0.2); transition:all .3s ease;}
.digital_infolist ul li .thumb .box {position:relative; width:100%; height:276px; border-radius:20px; border:2px solid var(--lightgray-color); box-shadow:4px 4px 3px 0px rgba(68,73,100,0.10); overflow:hidden; background:var(--white-color);}
.digital_infolist ul li .thumb .like {position:absolute; z-index:4; bottom:8px; right:10px; width:50px; height:50px; text-indent:-9999px; overflow:hidden; background:url(../images/ico/ico_thumb_like.png) no-repeat center; background-size:35px;}
.digital_infolist ul li .thumb .like.on {background-image:url(../images/ico/ico_thumb_like_on.png);}
.digital_infolist ul li .thumb .box img {width:100%; position:absolute; z-index:1; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%,-50%); transition:all .3s ease;}
.digital_infolist ul li .tit {display:-webkit-box; margin-top:14px; font-size:18px; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

.digital_infolist ul li.new .thumb .box {box-shadow:none; border:0; border: 2px dashed var(--point-blue-color);}
.digital_infolist ul li.new .thumb .box:after {content:''; position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; background:url(../images/ico/ico_new_plus.svg) no-repeat center; background-size:36px;}
.digital_infolist ul li.empty .thumb .box {box-shadow:none; border:0; background:rgba(255,255,255,0.40);}

.digital_infolist .mCSB_scrollTools {bottom:110px;}

/* 리스트 마우스 오버시 */
.digital_infolist ul li:not(.empty,.new) a:hover .thumb .box {box-shadow: 0px 7px 10px 0px rgba(60, 66, 97, 0.20);}
.digital_infolist ul li:not(.empty,.new) a:hover .thumb .box img {transform:translate(-50.5%,-50.5%) scale(1.1);}
.digital_infolist ul li:not(.empty,.new) a:hover .thumb .box:before {opacity:1;}
.digital_infolist ul li:not(.empty,.new) a:hover .thumb:after {content:''; position:absolute; z-index:1; top:0; left:0; width:calc(100% - 10px); height:calc(100% - 10px); border-radius:20px; border:5px solid var(--point-blue-color);}
.digital_infolist ul li:not(.empty,.new) a:hover .tit {color:var(--point-blue-color); font-weight:600;}

.etc_btmbtn {position:fixed; z-index:999; bottom:40px; min-width:610px; left:50%; text-align:center; transform:translateX(-50%);}
.etc_btmbtn ul {display:flex; padding:12px; border-radius:16px; box-shadow:0px 7px 10px 0px rgba(60, 66, 97, 0.20); justify-content:center; background:var(--white-color);}
.etc_btmbtn a:before {content:''; display:inline-block; width:20px; height:20px; margin-right:10px; vertical-align:middle; background-size:100%;}
.etc_btmbtn li {flex:1; margin-right:6px;}
.etc_btmbtn a {display:block; padding:11px 0; color:#BBBBD7; font-size:15px; font-weight:500; text-align:center; line-height:1; border-radius:8px; background:#EEEEF6; transition:all .2s ease;}
.etc_btmbtn li:last-child {margin-right:0;}
.etc_btmbtn li a:hover {color:var(--white-color); background:var(--point-black-color);}
.etc_btmbtn li a.etc_list:before {background-image:url(../images/ico/ico_list.svg);}
.etc_btmbtn li a.etc_sch:before {background-image:url(../images/ico/ico_sch.svg);}
.etc_btmbtn li a.etc_like:before {background-image:url(../images/ico/ico_heart.svg);}

.etc_btmbtn li a.etc_list:hover:before {background-image:url(../images/ico/ico_list.svg);}
.etc_btmbtn li a.etc_sch:hover:before {background-image:url(../images/ico/ico_sch.svg);}
.etc_btmbtn li a.etc_like:hover:before {background-image:url(../images/ico/ico_heart.svg);}

.sch_wrap {display:block; position:absolute; z-index:1; top:0; left:50%; width:0; height:100%; opacity:0; border-radius:16px; background:var(--white-color); visibility:hidden; overflow:hidden; transform:translateX(-50%);}
.sch_wrap.show {width:100%; opacity:1; visibility:visible; transition:width .4s ease , opacity .4s ease;}
.sch_wrap.hide {width:0; visibility:hidden; overflow:hidden; transition:all .4s ease;}
.etc_btmsearch {display:flex; height:100%; padding:0 12px 0 12px; align-items: center; background:var(--white-color);}
.etc_btmsearch > * {height:42px; margin-right:8px; border-radius:8px;}
.etc_btmsearch > *:last-child {margin-right:0;}
.etc_btmsearch input[type="search"] {width:100%; padding:0 16px; flex:auto; border:0; font-size:15px; background-color:#EEEEF6;}
.etc_btmsearch input[type="search"]::placeholder {color:#BBBBD7; font-size:15px;}
.etc_btmsearch .sch_btn:before {content:''; display:inline-block; width:20px; height:20px; margin-right:10px; vertical-align:middle; background:url(../images/ico/ico_sch_w.svg) no-repeat center; background-size:100%;}
.etc_btmsearch .sch_btn {width:105px; color:var(--white-color); font-weight:600; font-size:15px; line-height:1; flex-shrink:0; background-color:var(--point-black-color);}
.etc_btmsearch .close_btn {width:44px; text-indent:-9999px; flex-shrink:0; background:var(--point-blue-color) url(../images/ico/ico_close_w.svg) no-repeat center; background-size:20px;}

/* 프로그램 */
.bg_map {position:fixed; z-index:1; top:0; left:0; width:100vw; height:100vh; overflow:hidden; background:url(../images/bg/bg_map.jpg) no-repeat center; background-size:cover;}
.bg_map02 {position:fixed; z-index:1; top:0; left:0; width:100vw; height:100vh; overflow:hidden; background:url(../images/bg/bg_map02.jpg) no-repeat center; background-size:cover;}

/* 팝업 공통 */
.popup_wrap {display:none; position:fixed; z-index:9990; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.50);}
.popup {position:absolute; z-index:9999; top:50%; left:50%; width:calc(100% - 32px); max-width:400px; padding:26px 16px; border-radius:20px; border:4px solid var(--point-blue-color); background:var(--white-color); transform:translate(-50%,-50%);}
.popup .pop_tit {padding-bottom:14px; font-size:20px; font-weight:700; /*border-bottom:1px solid var(--lightgray-color);*/}
.popup .pop_tit.ico {padding-left:46px; background-repeat:no-repeat;}
.popup .pop_tit.arw {background-position:top 5px left 20px; background-size:17px; background-image:url(../images/ico/ico_pop_tit01.svg);}
.popup .pop_tit.login {background-position:top 5px left 17px; background-size:17px; background-image:url(../images/ico/ico_login_pop.svg);}
.popup .pop_con {padding:22px 14px;}
.popup .pop_con .divi_list {padding:0 20px;}
.popup .pop_con .divi_list dt {float:left; width:50px; padding-top:6px; margin-right:20px; color:#696F85; font-size:15px;}
.popup .pop_con .divi_list dt.spacing {display:flex; justify-content:space-between;}
.popup .pop_con .divi_list dd:after {content:''; display:block; clear:both;}
.popup .pop_con .divi_list dd {padding-left:70px; padding-bottom:10px;}
.popup .pop_con .divi_list dd input {width:100%; height:34px; padding:0 10px; font-size:14px; border-radius:6px; font-size:14px;}
.popup .pop_con .divi_list dd input::placeholder {color:#9A9DAC; font-size:14px;}
.popup .pop_con .divi_list dd select {width:100%; height:34px; padding:0 10px; font-size:14px; border-radius:6px; background:var(--white-color) url(../images/ico/ico_select_arw_s.svg) no-repeat center right 10px;}
.popup .pop_con .divi_list dd:last-of-type {padding-bottom:0;}
.popup .pop_btn {margin-top:22px; text-align:center;}
.popup .pop_btn a {display:inline-block; padding:7px 0; min-width:120px; color:var(--white-color); font-size:15px; font-weight:600; vertical-align:top; border-radius:8px; line-height:1; background:var(--point-black-color);}
.popup .pop_btn a.ico:before {content:''; display:inline-block; width:20px; height:20px; margin-right:10px; vertical-align:middle; background-repeat:no-repeat; background-position:center; background-size:100%;}
.popup .pop_btn a.new_btn:before {background-image:url(../images/ico/ico_chk_w.svg);}
.popup .pop_btn.blue a {color:var(--white-color); font-size:13px; border:1px solid transparent; background:var(--point-blue-color);}
.popup .pop_btn.blue a.empty {color:var(--point-blue-color); border-color:var(--point-blue-color); background:var(--white-color);}
.popup .pop_close {position:absolute; z-index:1; top:12px; right:25px; width:50px; height:50px; text-indent:-9999px; background:url(../images/ico/ico_popclose.svg) no-repeat center; background-size:22px;}

/* s : 2024-08-05 추가 */
.popup.type02 {/*padding:30px 20px;*/ border:0;}

.popup .mCSB_inside>.mCSB_container {padding-right:0;}

.popup .pop_tit.md {color:var(--navy-color); font-size:28px;}
.popup .pop_tit.note {padding-left:28px; padding-right:40px; background-position:top 5px left 0; background-size:20px; background-image:url(../images/ico/ico_pop_tit_note.svg);}

.popup .pop_close.blue {top:-7px; right:-5px; background-image:url(../images/ico/ico_popclose_blue.svg);}
#research_pop .popup {max-width:985px; height:600px;}
/* e : 2024-08-05 추가 */

/* 텍스트 팝업일 경우 */
#feature_pop, #feature_pop2 {display:none;}
#common_pop {display:none;}
.popup_text .popup {max-width:310px; border:0; padding:18px 20px 36px; border-radius:10px; box-shadow:0px 7px 10px rgba(60,66,97,0.20);}
.popup_text .popup .pop_tit {padding-bottom:8px; color:#BBBBD7; font-size:12px;}
.popup_text .popup .txt_con {padding:30px 0 0; text-align:center;}
.popup_text .popup .txt_con .tit {margin-bottom:12px; color:var(--point-blue-color); font-weight:500;}
.popup_text .popup .txt_con .txt {display:block; color:#525252; font-size:13px;}
.popup_text .popup .pop_btn a {min-width:80px; padding:8px 0; margin:0 5px; border-radius:5px;}
.popup_text .popup .pop_close {top:1px; right:2px; background-size:16px;}

/* 프로그램 화면 팝업 - 더보기 눌렀을 경우 나오는 팝업 */
.more_pop {display:none; position:absolute; z-index:1; top:68px; right:20px; width:300px; font-weight:600; background:var(--white-color);}
.more_pop.show {display:block;}
.more_pop .tit {padding:15px 15px 15px 54px; color:var(--white-color); font-size:18px; font-weight:600; line-height:1; background:var(--point-blue-color);}
.more_pop ul li .depth_tit {padding:16px 40px 16px 48px; font-weight:600;}
.more_pop ul li .depth_tit.active {color:var(--white-color); background:var(--point-black-color);}
.more_pop ul li .depth_tit.ico_layer.active{background-image:url(../images/ico/ico_more_pop_layer_w.svg); background-repeat:no-repeat; background-position:center left 18px;}
.more_pop .depth_hide {display:none;}
.more_pop .depth_layer li a {display:block; width:100%; height:100%; padding:9px 46px; font-size:15px; font-weight:500;}
.more_pop [class^="ico_more_"] {background-repeat:no-repeat;}
.more_pop .ico_more_md {background-size:24px; background-position:center left 20px;}
.more_pop .ico_more_sm {background-size:18px; background-position:center left 18px;}
.more_pop .ico_more_sm.ico_digital  {background-image:url(../images/ico/ico_more_pop_menu_sm.svg);}
.more_pop .ico_more_sm.ico_main		{background-image:url(../images/ico/ico_more_pop_home.svg)}
.more_pop .ico_more_sm.ico_plus		{background-image:url(../images/ico/ico_more_pop_plus.svg)}
.more_pop .ico_more_sm.ico_layer	{background-image:url(../images/ico/ico_more_pop_layer.svg)}
.more_pop .ico_more_sm.ico_layer	{background-image:url(../images/ico/ico_more_pop_layer.svg)}
.more_pop .ico_more_md.ico_more		{background-image:url(../images/ico/ico_more_pop_menu_dot.svg)}
.more_pop .ico_more_md.ico_vari {background-image:url(../images/ico/ico_more_pop_menu_w.svg);}
.more_pop .ico_right_go {position:relative;}
.more_pop .ico_right_go:after {content:''; position:absolute; z-index:1; top:50%; right:20px; width:15px; height:15px; background:url(../images/ico/ico_more_pop_arw_r.svg) no-repeat center; background-size:100%; transform:translateY(-50%);}
.more_pop .ico_right_go_big {position:relative;}
.more_pop .ico_right_go_big:after {content:''; position:absolute; z-index:1; top:50%; right:20px; width:24px; height:24px; background:url(../images/ico/ico_more_pop_arw_d.svg) no-repeat center; background-size:100%; transform:translateY(-50%);}
.more_pop .ico_right_go_big.active:after {background-image:url(../images/ico/ico_more_pop_arw_d_w.svg)}

/* 프로그램 화면 팝업 - 피쳐 괸련 팝업 */
.feature_pop {position:fixed; z-index:9988; top:132px; left:12px; width:430px; height:64px; min-width:430px; max-width:calc(100% - 110px); border:1px solid transparent; /* border:1px solid transparent; overflow:hidden; */ }
.feature_pop.active {transition:all .3s ease;}
.feature_pop .tit_btn {position:relative; width:100%; height:64px; padding:0 0 0 52px; color:var(--point-blue-color); font-size:19px; font-weight:600; border-radius:10px; text-align:left; box-shadow:4px 4px 3px rgba(68,73,100,.10); border:1px solid var(--lightgray-color); background:var(--white-color) url(../images/ico/ico_receipt.svg) no-repeat center left 20px;}
.feature_pop .tit_btn:after {content:''; position:absolute; z-index:1; top:50%; right:20px; width:20px; height:20px; background:url(../images/ico/ico_arw_r_b.svg) no-repeat center; background-size:100%; transform:translateY(-50%);}
.feature_pop .con {display:none; padding:0 25px; height:100%; /* padding-bottom:100px; */}
/* .feature_pop .con form > div + div {margin-top:18px;} */
/* .feature_pop .ui-resizable-e {display:none !important;} */

.feature_pop.show {border-radius:10px; height:calc(100% - 150px); background:var(--white-color); border:1px solid var(--lightgray-color); box-shadow: 4px 4px 3px 0px rgba(68, 73, 100, 0.10);}
.feature_pop.show .con {display:block;}
.feature_pop.show .tit_btn {border-color:transparent; box-shadow:none;}
.feature_pop.show .tit_btn:after {transform:scaleX(-1) translateY(-10px); transform-origin:center;}
.feature_pop.show .ui-resizable-e {display:block !important;}
.feature_pop .con .top_box {display:flex; margin-bottom:12px; align-items:center; justify-content:right; /* justify-content:space-between; */}
.feature_pop .con .top_box strong {padding-left:32px; color:var(--point-blue-color); font-size:20px; font-weight:600; flex-shrink:0; line-height:1; background:url(../images/ico/ico_receipt.svg) no-repeat center left; background-size:24px;}
.feature_pop .con .top_box .count {font-size:15px; font-weight:600; text-decoration-line: underline;}
.feature_pop .con .top_box .count span {color:#E94E1B; text-decoration-line: underline;}
.feature_pop .con .fe_list {padding:0 0 15px; margin-bottom:18px; border-bottom: 1px solid var(--lightgray-color);}
.feature_pop .con .fe_list .label_box {display:flex; align-items:center;}
.feature_pop .con .fe_list .label_box + .label_box {margin-top:12px;}
.feature_pop .con .fe_list .label_box > p {width:58px; font-size:15px; flex-shrink:0;}
.feature_pop .con .fe_list .label_box .form_box {display:flex; width:100%; max-width:420px;}
.feature_pop .con .fe_list .label_box .form_box p {flex:1;}
.feature_pop .con .fe_list .label_box .form_box input {width:100%; height:36px; border-radius:6px; font-size:14px;}
.feature_pop .con .fe_list .label_box .form_box input::placeholder {font-size:14px;}
.feature_pop .con .fe_list .label_box .form_box button:before {content:''; display:inline-block; width:18px; height:18px; margin-right:2px; vertical-align:middle; background:url(../images/ico/ico_sch_w.svg) no-repeat center; background-size:100%;}
.feature_pop .con .fe_list .label_box .form_box button {width:94px; margin-left:8px; font-size:14px; flex-shrink:0; line-height:1; border-radius:6px;}
.feature_pop .con .fe_list .label_box .form_box.datepicker p {margin-right:18px;}
.feature_pop .con .fe_list .label_box .form_box.datepicker p:first-child {position:relative;}
.feature_pop .con .fe_list .label_box .form_box.datepicker p:first-child:after {content:'~'; position:absolute; z-index:1; top:50%; right:-14px; color:var(--point-black-color); font-size:15px; transform:translateY(-50%);}
.feature_pop .con .fe_list .label_box .form_box.datepicker p:last-child {margin-right:0;}
.feature_pop .con .fe_list .label_box .form_box.datepicker input {background:url(../images/ico/ico_calendar.svg) no-repeat center right 10px;}

.feature_pop .con .fe_data {font-size:12px;}
.feature_pop .con .fe_data .flex_table {text-align:center; font-size: 13px; border: none; background-color: transparent;}
.feature_pop .con .fe_data .flex_table .thead {display:flex; color:var(--white-color); border-radius:8px; overflow:hidden; background:var(--basic-black-color);}
.feature_pop .con .fe_data .flex_table .thead .th {padding:9px 4px; flex:1;}
.feature_pop .con .fe_data .flex_table .tbody_wrap {/* width:calc(100%); padding-bottom:20px; */ overflow-y:auto}
.feature_pop .con .fe_data .flex_table .tbody .tr {margin-top:5px; border-radius:8px; overflow:hidden; transition:all .3s ease;}
.feature_pop .con .fe_data .flex_table .tbody .tr a {display:flex; align-items:center;}
.feature_pop .con .fe_data .flex_table .tbody .tr .td {flex:1; padding:7px 2px; line-height:1.3; text-align:center;}
.feature_pop .con .fe_data .flex_table .tbody .tr:nth-child(even) {background:rgba(219, 219, 238, 0.30);}
.feature_pop .con .fe_data .flex_table .tbody .tr:hover {background:#C8D0FB;}
.feature_pop .con .fe_data .flex_table .mCSB_scrollTools {bottom:1px; right:6px;}

/*소화 주석처리*/
.fe_data .tabulator .tabulator-tableholder .tabulator-table { background-color: transparent; }
.fe_data .tabulator .tabulator-header { border-radius:8px; background:#343839; border:0;}
.fe_data .tabulator .tabulator-header .tabulator-col { border: 0; color:#fff; background: none; padding: 3px 0px; text-align: center; }
.fe_data .tabulator .tabulator-header .tabulator-col.tabulator-sortable.tabulator-col-sorter-element:hover{
	background-color: transparent;
}
.fe_data .tabulator-row.tabulator-row-even {background:rgba(219, 219, 238, 0.30);}
.fe_data .tabulator-row.tabulator-selectable { margin-top:5px; border-radius:8px; transition:all .3s ease; }
.fe_data .tabulator-row.tabulator-selectable:hover {
	background:#C8D0FB;;
}
.fe_data .tabulator-row.tabulator-selected {
    background-color: var(--point-blue-color) !important; #9abcea;
    color: white;
}

.fe_data .tabulator-row .tabulator-cell { border: 0; padding: 7px 2px; }
#tb_field_invest .tabulator-tableholder::-webkit-scrollbar {
    width: 6px;  /*스크롤바의 너비(y축)*/
    height: 6px; /*스크롤바의 높이(x축)*/
}

#tb_field_invest .tabulator-tableholder::-webkit-scrollbar-thumb {
    background-color: #DBDBEE; /*스크롤바 색상*/
    border-radius: 5px;     /*스크롤바 모서리 둥글기*/
}

#tb_field_invest .tabulator-tableholder::-webkit-scrollbar-thumb:hover {
    background-color: #C8D0FB;  /*스크롤바 hover 상태의 색상*/
}

#tb_field_invest .tabulator-tableholder::-webkit-scrollbar-track {
    background-color: transparent;  /*스크롤바 트랙 배경 색상*/
    border-radius: 5px;         /*스크롤바 트랙 모서리 둥글기*/
}
/* Tabulator 스타일 변경 */
.fe_data .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
	border-bottom: 6px solid #666;
}
.fe_data .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=descending] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
	border-top: 6px solid #fff;
}
.fe_data .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=ascending] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
	border-bottom: 6px solid #fff;
}

.fe_data .tabulator.tabulator .tabulator-header .tabulator-col .tabulator-col-content {
    padding: 4px;
}
.fe_data .tabulator .tabulator-footer { border: none; background-color: transparent; }
.fe_data .tabulator .tabulator-footer .tabulator-paginator {	text-align: center; }
.fe_data .tabulator .tabulator-footer .tabulator-page { border: none; }
.fe_data .tabulator .tabulator-footer .tabulator-page.active { color: #E94E1B; }

/* 기본 화살표 스타일 */
.fe_data .tabulator-arrow {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #666; /* 기본 상태 화살표 색상 */
    margin-left: auto;
    margin-right: auto;
    display: inline-block; /* 중앙 정렬 */
}

/* 내림차순 화살표 스타일 */
.fe_data .tabulator-col-sorter[aria-sort="descending"] .tabulator-arrow {
    border-bottom: 5px solid #fff; /* 내림차순 화살표 색상 */
    transform: rotate(180deg); /* 화살표 회전 */
}

/* 오름차순 화살표 스타일 */
.fe_data .tabulator-col-sorter[aria-sort="ascending"] .tabulator-arrow {
    border-bottom: 5px solid #fff; /* 오름차순 화살표 색상 */
}

/* 화살표가 보이지 않는 문제 해결을 위해 필수 추가 */
.fe_data .tabulator-col-sorter {
    display: flex;
    justify-content: center; /* 중앙 정렬 */
    align-items: center; /* 수직 중앙 정렬 */
}

/* 현장조사 페이징 padding 조절 */
#tb_field_invest .tabulator-footer .tabulator-footer-contents {
	padding: 5px 10px 0px 10px;
}


/* 하단 레이어 목록 팝업 */
.layer_list {position:fixed; z-index:8; bottom:20px; right:18px; width:190px; padding-bottom:42px; box-shadow: 4px 4px 3px 0px rgba(68, 73, 100, 0.10);}
.layer_list > button {position:absolute; z-index:1; bottom:0; left:0; width:100%; height:42px; color:var(--white-color); font-size:15px; font-weight:600; border-radius:8px; box-shadow:0px 4px 4px 0px rgba(0,0,0,0.25); background:var(--point-blue-color);}
.layer_list > button:before {content:''; display:inline-block; width:20px; height:20px; margin-right:10px; vertical-align:middle; background:url(../images/ico/ico_list_w.svg) no-repeat center; background-size:100%;}
.layer_list ul {display:none; height:208px; overflow-y:auto; background:var(--white-color);}
.layer_list ul li {padding:15px; border-bottom:1px solid var(--lightgray-color);}
.layer_list ul li .top {position:relative; display:flex; justify-content: space-between;}
.layer_list ul li .top > strong {font-size:14px; font-weight:500; max-width: 100px;}
.layer_list ul li .top .switch {position:relative; display:inline-block; width:26px; height:14px; margin-right:28px;}
.layer_list ul li .top .switch input {opacity: 0;width: 0;height: 0;}
.layer_list ul li .top .slider {position:absolute; cursor:pointer; top:0; left:0; right:0; bottom:0; background-color:#ccc; border-radius:10px; transition:.4s;}
.layer_list ul li .top .slider:before {position: absolute;content: "";height:12px;width:12px;left:1px;bottom:1px; border-radius:50%; background-color:white;transition: .4s;}
.layer_list ul li .top input:checked + .slider {background-color:var(--point-blue-color);}
.layer_list ul li .top input:checked + .slider:before {transform:translateX(12px);}
.layer_list ul li .top .trp_btn {position:absolute; z-index:1; top:-4px; right:0; width:20px; height:20px; text-indent:-9999px; background:url(../images/ico/ico_toggle_arw.svg) no-repeat center; background-size:100%;}
.layer_list ul li .transparency:after {content:''; display:block; clear:both;}
.layer_list ul li .transparency {display:none; padding:8px 0 0; align-items:center;}
.layer_list ul li .transparency > strong {float:left; width:44px; color:#696F85; font-size:11px; flex-shrink:0;}
.layer_list ul li .transparency #slider-range-min {float:left; position:relative; top:4px; width:calc(100% - 44px); height:5px; border:0; background-color:var(--lightgray-color);}
.layer_list ul li .transparency .ui-slider-horizontal .ui-slider-range-min {background-color:var(--point-blue-color);}
.layer_list ul li .transparency .ui-slider .ui-slider-handle {top:-4px; width:12px; height:12px; margin-left:-6px; border-radius:50%; border:0; box-shadow:0px 0px 10px 0px rgba(0,0,0,0.25); background:var(--white-color);}
.layer_list .mCSB_scrollTools {top:8px; right:3px; width:3px;}
.layer_list .mCSB_inside>.mCSB_container {padding-right:0;}

.layer_list.active {border-radius:8px; overflow:hidden; background:var(--white-color);}
.layer_list.active > button {background:var(--point-black-color);}
.layer_list.active ul {display:block;}


/* 소화 추가 */
.ol-custom-overviewmap,
.ol-custom-overviewmap.ol-uncollapsible {
	bottom: 63px;
    left: auto;
    right: 36px;
    top: auto;
}


.ol-custom-overviewmap:not(.ol-collapsed)  {
	background: #3c3c3c;
	right:35px;
	bottom:66px;
}

.ol-custom-overviewmap .ol-overviewmap-box {
	border: 2px solid red;
	overflow:hidden;
}

.ol-custom-overviewmap:not(.ol-collapsed) button{
	bottom: 1px;
	left: 2px;
	background: #2c2c2c;
}

.ol-custom-overviewmap button{
	background: #2c2c2c !important;
}

.ol-control {
    position: absolute;
    border-radius: 4px;
    padding: 2px;
}

.ol-unselectable, .ol-viewport {
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

.ol-overviewmap .ol-overviewmap-map {
    border: 1px solid #7b98bc;
    height: 126px;
    margin: 2px;
    width: 126px;
}

/* overviewmap.ol-uncollapsible { */
/* 	width:133px; */
/* 	height:133px; */
/*     bottom: 65px; */
/*     right: 35px; */
/* } */

.ol-overviewmap-map .ol-viewport .ol-unselectable .ol-layer canvas{
	width:123px;
	height:123px;
}
/* */


/* 우상단 지도 관련 컨트롤 */
.mapfix_control {position:fixed; z-index:9986; top:132px; right:17px;}
.mapfix_control.up {transition:all .3s ease;}
.mapfix_control > * + * {margin-top:10px;}
.mapfix_control button {display:block; width:45px; height:45px; border-radius:5px; text-indent:-9999px; border:0; box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.25); background-color:var(--white-color); background-size:100%;}
.mapfix_control button.ico_maps.on,
.mapfix_control button.ico_info.on, 
.mapfix_control button:hover,
.mapfix_control button.active {background-color:var(--point-blue-color);}
.mapfix_control button.ico_maps {background-image:url(../images/ico/ico_maps.svg)}
.mapfix_control button.ico_list {background-image:url(../images/ico/ico_map_list.svg)}
.mapfix_control button.ico_zoomin {background-image:url(../images/ico/ico_zoomin.svg)}
.mapfix_control button.ico_zoomout {background-image:url(../images/ico/ico_zoomout.svg)}
.mapfix_control button.ico_info {background-image:url(../images/ico/ico_info.svg);}
.mapfix_control button.ico_info.on {background-image:url(../images/ico/ico_info_on.svg);}
.mapfix_control button.ico_maps.on,
.mapfix_control button.ico_maps:hover {background-image:url(../images/ico/ico_map_list_on.svg);}
.mapfix_control button.ico_list:hover {background-image:url(../images/ico/ico_maps_on.svg)}
.mapfix_control button.ico_zoomin:hover {background-image:url(../images/ico/ico_zoomin_on.svg)}
.mapfix_control button.ico_zoomout:hover {background-image:url(../images/ico/ico_zoomout_on.svg)}
.mapfix_control button.ico_info.on,
.mapfix_control button.ico_info:hover {background-image:url(../images/ico/ico_info_on.svg)}
.mapfix_control .zoom_btn {border-radius:5px; box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.25); overflow:hidden;}
.mapfix_control .zoom_btn button {box-shadow:none; border-radius:0;}
.mapfix_control .zoom_btn button + button {border-top:1px solid #768c9d;}
.mapfix_control .map_select {display:none; position:absolute; z-index:1; top:0; right:52px; padding:3px; border-radius:5px; margin-top:0; background:var(--white-color);}
.mapfix_control .map_select.show {display:flex;}
.mapfix_control .map_select a {position:relative; width:40px; height:40px; margin-right:3px; border-radius:5px; overflow:hidden; white-space:nowrap; background-repeat:no-repeat; background-position:center; background-size:cover;}
.mapfix_control .map_select a.map_sel01 {background-image:url(../images/bg/bg_map_sel01.jpg);}
.mapfix_control .map_select a.map_sel02 {background-image:url(../images/bg/bg_map_sel02.jpg);}
.mapfix_control .map_select a.map_sel03 {background-image:url(../images/bg/bg_map_sel03.jpg);}
.mapfix_control .map_select a.map_sel04 {background-image:url(../images/bg/bg_map_sel04.jpg);}
.mapfix_control .map_select a.map_sel05 {background-image:url(../images/bg/bg_map_sel05.jpg);}
.mapfix_control .map_select a.active {border: 2px solid blue;}
.mapfix_control .map_select a.hybrid {letter-spacing:-1.5px;}
.mapfix_control .map_select a:last-child {margin-right:0;}
.mapfix_control .map_select a p {position:absolute; z-index:1; bottom:0; left:0; width:100%; padding:2px 0; color:var(--white-color); font-size:10px; text-align:center; line-height:1; background:var(--point-black-color);}

/* background 투명도를 정보도와 현장조사 프로그램에서1 수정 필요 */
.ui-widget.ui-widget-content.ui-tooltip {padding:5px; border:0; box-shadow:none; border-radius:5px; background: rgba(71, 98, 240, 0.20);}
.ui-widget.ui-widget-content.ui-tooltip .ui-tooltip-content {font-size:14px; font-weight:500; font-family:'Pretendard'; line-height:1;}


.mb_popbtn {display:none; position:absolute; z-index:1; width:50px; height:50px;}
.mb_popbtn span {display:block; text-indent:-9999px; border-radius:8px;}
.mb_popbtn.top_type {left:50%; bottom:-50px; transform:translateX(-50%);}
.mb_popbtn.top_type span {width:50px; height:24px; margin:6px auto 0; background:rgba(214, 214, 238, 0.70) url(../images/ico/ico_mb_popbtn_top.svg) no-repeat center;}
.mb_popbtn.right_type {top:50%; right:-50px; transform:translateY(-50%);}
.mb_popbtn.right_type span {width:24px; height:50px; margin-left:15px; background:var(--white-color) url(../images/ico/ico_mb_popbtn_right.svg) no-repeat center;}
.mb_popbtn.right_type.type02 span {background-color:rgba(238,238,246,0.8)}

/* 스크롤바 공통 */
.mCSB_inside>.mCSB_container {padding-right:20px; margin-right:0;}
.mCSB_scrollTools {width:6px; right:5px; opacity:1;}
.mCSB_scrollTools .mCSB_draggerRail {width:100%; background:transparent;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width:100%; background:var(--lightgray-color);}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background:var(--lightgray-color);}
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {background:var(--lightgray-color);}
.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp {background:var(--lightgray-color);}


/*** s : 2024-08-04 페이지 추가 시작 ***/
.blue_carbon:before {position:absolute;}
.blue_carbon:after {position:absolute;}
.blue_carbon .lang_btn:before {content:''; display:inline-block; position:relative; top:-1px; width:35px; height:21.5px; margin-right:7px; vertical-align:middle; background:url(../images/ico/ico_main_lang_en.png); background-size:100% !important;}
.blue_carbon .lang_btn.kr:before {background:url(../images/ico/ico_main_lang_kr.png);}
.blue_carbon .lang_btn {position:absolute; z-index:1; top:48px; right: 105px;/* right:44px; */ width:105px; height:44px; text-indent:0; color:var(--white-color); font-size:16px; font-weight:700; border:1px solid var(--white-color); border-radius:15px; background:rgba(255,255,255,.15) !important; font-family:var(--font-KjchulGothic); transform:rotate(-0.03deg)} 

.blue_carbon .logout:before {
	content: '';
	display: inline-block;
	position: relative;
	top: 3px;
    left: 5px;
	width: 35px;
	height: 35px;
	vertical-align: middle;
	background: url(../images/ico/ico_field_logout.svg);
	background-size: 100% !important;
}

.blue_carbon .logout {
	position: absolute;
	z-index: 1;
	top: 48px;
	right:44px;
	width: 46px;
	height: 44px;
	text-indent: 0;
	border: 1px solid var(--white-color);
	border-radius: 15px;
	background: rgba(255, 255, 255, .15) !important;
	transform: rotate(-0.03deg)
}

.scroll_conwrap {padding:53px 70px; background:#E0F2FF;}
.scroll_conwrap .scr_con {min-height:1000px;}
.scroll_conwrap .scr_con .page_tit {display:block; padding-bottom:35px; text-align:center; font-family:'KimjungchulGothic'; border-bottom:1px solid #AFB6BB; transform:rotate(-0.03deg)}
.scroll_conwrap .scr_con .con {margin-top:35px;}
.scroll_conwrap .scr_con .con img {vertical-align:top;}

.scroll_conwrap .scr_con .page_tit {color:var(--page-tit-color);}
.scroll_conwrap .scr_con .page_tit.big {font-size:42px; line-height:1.35;}
.scroll_conwrap .scr_con .page_tit.md {font-size:22px;}
.scroll_conwrap .scr_con .page_tit.sm {font-size:18px; line-height:1.35;}

.scroll_conwrap .scr_tab {display:flex; width:auto; margin-bottom:65px; justify-content:center;}
.scroll_conwrap .scr_tab li {min-width:240px; margin-right:-1px; text-align:center;}
.scroll_conwrap .scr_tab li button {width:100%; height:100%; padding:14px 0; color:var(--point-blue-color); font-weight:600; border:1px solid var(--point-blue-color);}
.scroll_conwrap .scr_tab li button:before {content:''; display:inline-block; width:24px; height:24px; margin-right:8px; vertical-align:middle; background-repeat:no-repeat; background-position:center; background-size:100%;}
.scroll_conwrap .scr_tab li.greet button:before {background-image:url(../images/ico/ico_scr_tab_greet.svg);}
.scroll_conwrap .scr_tab li.greet:hover button:before,
.scroll_conwrap .scr_tab li.greet.active button:before {background-image:url(../images/ico/ico_scr_tab_greet_w.svg)}
.scroll_conwrap .scr_tab li.result button:before {background-image:url(../images/ico/ico_scr_tab_result.svg);}
.scroll_conwrap .scr_tab li.result:hover button:before,
.scroll_conwrap .scr_tab li.result.active button:before {background-image:url(../images/ico/ico_scr_tab_result_w.svg)}
.scroll_conwrap .scr_tab li:first-child:hover button:after,
.scroll_conwrap .scr_tab li:first-child.active button:after,
.scroll_conwrap .scr_tab li:first-child button {border-radius:18px 0 0 18px;}
.scroll_conwrap .scr_tab li:last-child:hover button:after,
.scroll_conwrap .scr_tab li:last-child.active button:after,
.scroll_conwrap .scr_tab li:last-child button {border-radius:0 18px 18px 0;}
.scroll_conwrap .scr_tab li:hover button:after,
.scroll_conwrap .scr_tab li.active button:after {content:''; position:absolute; z-index:1; top:-2px; left:-1px; width:100%; height:100%; border:2px solid var(--white-color);}
.scroll_conwrap .scr_tab li:hover button,
.scroll_conwrap .scr_tab li.active button {position:relative; color:var(--white-color); background:url(../images/bg/bg_scr_tab.jpg) no-repeat center; background-size:cover; box-shadow:4px 7px 20px 0px rgba(60,66,97,40%);}

.scroll_conwrap .inner_tab {display:flex; padding-bottom:55px;}
.scroll_conwrap .inner_tab li {flex:1; height:66px; text-align:center; box-shadow:inset -1px -2px 9px 0px rgba(71,98,240,30%); background:rgba(141,156,208,20%); transition:background .3s ease;}
.scroll_conwrap .inner_tab li button {width:100%; height:100%; color:var(--lightblue-color); font-size:22px; font-weight:500; background:transparent; transition:color .2s ease;}
.scroll_conwrap .inner_tab li:hover ,
.scroll_conwrap .inner_tab li.active {background:var(--white-color);}
.scroll_conwrap .inner_tab li:hover button,
.scroll_conwrap .inner_tab li.active button {color:var(--click-color); font-weight:600;}

.scroll_conwrap .sch_inp {display:flex; margin-bottom:28px; justify-content:flex-end;}
.scroll_conwrap .sch_inp > * {height:48px; border-radius:8px; box-shadow:4px 4px 3px 0px rgba(68,73,100,10%);}
.scroll_conwrap .sch_inp input {width:533px; padding:0 16px; font-size:17px; border:0; margin-right:9px;}
.scroll_conwrap .sch_inp input::placeholder {color:#BBBBD7; font-size:17px;}
.scroll_conwrap .sch_inp button:before {content:''; display:inline-block; width:20px; height:20px; margin-right:10px; vertical-align:middle; background:url(../images/ico/ico_scr_tab_greet_w.svg) no-repeat center; background-size:100%;}
.scroll_conwrap .sch_inp button {width:105px; color:var(--white-color); font-size:18px; font-weight:600; background-color:var(--point-black-color);}

.scroll_conwrap .research_li {display:flex; margin:0 -13px; flex-wrap:wrap;}
.scroll_conwrap .research_li li {width:calc(20% - 26px); margin:0 13px 26px; background:linear-gradient(180deg, rgba(255, 255, 255, 95%) 0%, rgba(255, 255, 255, 57%) 100%); border-radius:16px; box-shadow:0px 5px 5px 0px rgba(0, 0, 0, 5%);}
.scroll_conwrap .research_li li a {display:block; position:relative; width:100%; height:100%; padding:15px 15px 20px;}
.scroll_conwrap .research_li li a:after {content:''; position:absolute; z-index:1; bottom:0; right:0; width:100%; height:100px; background:url(../images/bg/bg_glow.png) no-repeat center; background-size:cover;}
.scroll_conwrap .research_li li .thumb {height:300px; margin-bottom:14px; border-radius:18px; overflow:hidden;}
.scroll_conwrap .research_li li .thumb img {width:100%; height:100%; object-fit:cover;}
.scroll_conwrap .research_li li .txt_box > strong {display:-webkit-box; height:57px; padding:0 10px; margin-bottom:14px; color:var(--navy-color); font-size:24px; font-weight:600; line-height:1.2; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.scroll_conwrap .research_li li .txt_box .etc {display:flex; padding:0 10px; color:var(--gray-navy-color); font-size:14px; justify-content:space-between;}
.scroll_conwrap .research_li li .txt_box .etc .ico {position:relative; padding-left:17px;}
.scroll_conwrap .research_li li .txt_box .etc .ico:before {content:''; position:absolute; z-index:1; top:2px; left:0; width:14px; height:14px;}
.scroll_conwrap .research_li li .txt_box .etc .date:before {background-image:url(../images/ico/ico_date_gray.svg)}
.scroll_conwrap .research_li li .txt_box .etc .view:before {background-image:url(../images/ico/ico_view_gray.svg)}
.scroll_conwrap .research_li li .txt_box .etc .view span {color:var(--point-blue-color); font-weight:700;}

.scroll_conwrap .btm_etc {position:relative;}
.scroll_conwrap .btm_etc .right {position:absolute; z-index:1; top:0; right:0;}
.scroll_conwrap .btm_etc .right button:before {content:''; display:inline-block; width:20px; height:20px; margin-right:10px; vertical-align:top; background-size:100%; background-position:center; background-repeat:no-repeat;}
.scroll_conwrap .btm_etc .right button {width:195px; height:48px; font-size:18px; font-weight:500; line-height:1; box-shadow:4px 4px 3px 0px rgba(68,73,100,10%);}
.scroll_conwrap .btm_etc .regist_btn:before {background-image:url(../images/ico/ico_btn_note.svg);}

.scroll_conwrap .greet_img_2 {display: none;}

.pager {display:flex; margin-top:8px; justify-content:center; align-items:center;}
.pager > button {width:24px; height:24px; margin-right:4px; border-radius:50%; text-indent:-9999px; background-color:rgba(155,164,171,0.2); background-size:12px; background-position:center; background-repeat:no-repeat;}
.pager > button.prev {background-image:url(../images/ico/ico_pager_prev.svg);}
.pager > button.next {background-image:url(../images/ico/ico_pager_next.svg);}
.pager > button.db_prev {background-image:url(../images/ico/ico_pager_db_prev.svg);}
.pager > button.db_next {background-image:url(../images/ico/ico_pager_db_next.svg);}
.pager ol {display:flex; margin-left:4px; margin-right:8px; align-items:center;}
.pager ol li {width:24px; height:24px; margin:0 2px; text-align:center; line-height:24px;}
.pager ol li a {display:block; width:100%; height:100%; color:var(--page-tit-color);}
.pager ol li:hover a,
.pager ol li.active a {color:var(--basic-blue-color); font-weight:600;}
.pager ol li a.active {
	background-color: var(--basic-blue-color);
	color: #fff;
	border-radius: 50%;
	width: 24px;
	height: 24px;
	display: inline-block;
	text-align: center;
	font-weight: 600;
}

.board_divi {display:flex; padding:8px 0; margin-bottom:3px; font-size:14px; border-bottom:1px solid var(--lightgray-color); background:rgba(155,164,171,10%);}
.board_divi dt:before {content:''; position:absolute; z-index:1; top:0; left:0; width:18px; height:18px; background-size:100%; background-repeat:no-repeat;}
.board_divi dt {position:relative; padding-left:23px; margin-right:10px; color:var(--navy-color); font-weight:600;}
.board_divi dd {margin-right:30px; color:var(--page-tit-color); font-weight:500;}
.board_divi dt.divi:before {background-image:url(../images/ico/ico_bdivi_divi.svg);}
.board_divi dt.writer:before {background-image:url(../images/ico/ico_bdivi_writer.svg);}
.board_divi dt.regist:before {background-image:url(../images/ico/ico_bdivi_date.svg);}
.board_divi dt.view:before {background-image:url(../images/ico/ico_bdivi_view.svg);}
.board_divi dt.view + dd {color:var(--point-blue-color);}

.board_view .tit {padding:6px 20px; color:var(--point-blue-color); border-bottom:1px solid var(--point-blue-color);}
.board_view .txt {padding:8px 20px; margin-bottom:8px; color:var(--navy-color); line-height:1; border-bottom:1px solid var(--lightgray-color);}
.board_view .two {display:flex;}
.board_view .two > div {flex:1; width:50%;}

/* 202408 digital_Infoscreen */
.lang_btn {display:block; position:relative; width:24px; height:24px; text-indent:-9999px; /* background:url(../images/ico/ico_lang_en.svg) no-repeat center; */}
.lang_btn.kr {/* background-image:url(../images/ico/ico_lang_ko.svg); */}

.mo_br {display:none;}

header.hd_screen {z-index:8888;}
header.hd_screen .top {position:relative; padding:0; justify-content:center;}
header.hd_screen .top h1 {width:auto; height:auto; padding-left:58px; color:var(--white-color); font-size:22px; text-indent:0; font-family:'KimjungchulGothic'; font-weight:700; white-space:nowrap; background:url(../images/ico/ico_program_logo.svg) no-repeat left center/48px;}
header.hd_screen .top .hd_tit {font-family:'KimjungchulGothic'; transform:rotate(-0.03deg) translateX(-50%)}
header.hd_screen .top .hd_etc {display:flex; align-items:center; position:absolute; z-index:1; right:25px; top:50%; transform:translateY(-50%);}
header.hd_screen .top .hd_etc a {width:23px; height:22px;}
header.hd_screen .top .hd_etc a + a {margin-left:13px;}
header.hd_screen .top .hd_etc a.close {background-image:url(../images/ico/ico_logout.svg);}
header.hd_screen .top .hd_etc .go_main {background-image:url(../images/ico/ico_go_main.svg)}
/* header.hd_screen .top .hd_etc .lang_btn {position:relative; width:24px; margin-right:13px; height:24px; color:var(--white-color);} */
header.hd_screen .top .hd_etc .lang_btn {position:relative; width:31px; margin-right:13px; height:24px; color:var(--white-color); text-indent:0; line-height: 24px;}

.info_maintab_wrap {position:fixed; z-index:888; top:50px; left:0; width:100%; background:#EEEEF6;}
.info_maintab {display:flex; height:44px; justify-content:center;}
.info_maintab li {width:250px; text-align:center;}
.info_maintab li button {position:relative; width:100%; height:100%; color:var(--gray-navy-color); font-family:'KimjungchulGothic';}
.info_maintab li button:before,
.info_maintab li button:after {content:''; position:absolute; z-index:-1; left:0; bottom:0; width:100%; opacity:0; transition:all .3s ease;}
.info_maintab li button:before {height:3px; background:var(--point-blue-color);}
.info_maintab li button:after {height:100%; background:linear-gradient(180deg, rgba(238, 238, 246, 30%) 63%, rgba(71, 98, 240, 30%) 100%);}
.info_maintab li button:hover:before,
.info_maintab li button:hover:after,
.info_maintab li.active button:before,
.info_maintab li.active button:after {opacity:1;}
.info_maintab li:hover button,
.info_maintab li.active button {color:var(--point-blue-color); font-weight:700;}


/* 이 페이지 개별 공통 속성 __ 여기서부터 왼쪽 팝업 */
.pb0 {padding-bottom:0 !important;}

.feature_pop.leftrsch_pop {top:inherit; left:15px; bottom:14px; width:404px; height:calc(100% - 120px); min-width:404px; border-radius:33px 33px 8px 8px; box-shadow:4px 7px 20px 0px rgba(60,66,97,40%); border:0 !important; background:linear-gradient(180deg, var(--white-color) 0%, #F2F2F8 100%); }
.feature_pop.leftrsch_pop .con {display:none !important; position:relative; padding:0; opacity:0; border-radius:0 0 8px 8px; overflow:hidden;}
.feature_pop.leftrsch_pop .con.show {display:block !important; opacity:1;}
.feature_pop.leftrsch_pop .con.pt {padding-top:44px;}
/*위에 버튼이 없을 경우에!*/
.feature_pop.leftrsch_pop .con.no_btn > .leftrsch_dt > .mCustomScrollBox > .mCSB_scrollTools {top:27px;}
.feature_pop.leftrsch_pop .con .leftrsch_dt {height:100%;}
.feature_pop.leftrsch_pop .con .leftrsch_dt > .mCustomScrollBox > .mCSB_container {padding-top:20px; padding-bottom:80px;}
/*컨텐츠 배경 타이틀 공통*/
.rsch_bgtit {display:block; /*width:calc(100% + 50px);*/ padding:7px 20px; line-height:1.3; /*margin-left:-25px;*/ font-size:15px; font-weight:600; border-bottom:1px solid var(--lightgray-color); border-top:1px solid var(--lightgray-color); background:rgba(155,164,171,0.1);}
.rsch_bgtit.mb {margin-bottom:11px;}
.rsch_bgtit.mb02 {margin-bottom:20px;}
.rsch_bgtit.ico {position:relative; padding-left:43px;}
.rsch_bgtit.ico:before {content:''; position:absolute; z-index:1; top:8px; left:20px; width:18px; height:18px; vertical-align:top; background-position:center; background-size:100%; background-repeat:no-repeat;}
.rsch_bgtit.ico.layer:before {top:7.5px; background-image:url(../images/ico/ico_rsch_tit_layer.svg);}
.rsch_bgtit.expand {cursor:pointer; background-repeat:no-repeat; background-image:url(../images/ico/ico_rsch_tit_expand_hd.svg); background-position:center right 20px; background-size:18px;}
.rsch_bgtit.expand.hide {background-image:url(../images/ico/ico_rsch_tit_expand.svg);}
.rsch_bgtit.ico.area:before {background-image:url(../images/ico/ico_rsch_tit_area.svg);}
.rsch_bgtit.ico.up {font-size:14px;}
.rsch_bgtit.ico.up:before {top:50%; transform:translateY(-50%); background-image:url(../images/ico/ico_rsch_tit_up.svg);}
.rsch_bgtit.ico.clip_chck:before {background-image:url(../images/ico/ico_clip_chck.svg);}
.rsch_bgtit.ico.clip_list:before {background-image:url(../images/ico/ico_clip_list.svg);}
.rsch_bgtit.ico.sel_gr:before {background-image:url(../images/ico/ico_rsch_tit_gr.svg);}
.rsch_bgtit .pos_r_txt {position:absolute; z-index:1; top:50%; right:20px; color:var(--page-tit-color); font-size:10px; font-weight:500; transform:translateY(-50%);}
.leftrsch_pop .rsch_bgtit .sm_btn {top:5px;}

.leftrsch_pop .slick_tabbtn {display:flex; position:absolute; z-index:2; top:0; left:0; width:100%; padding:5px; border-radius:30px; background:var(--point-blue-color); box-shadow:4px 7px 20px 0px rgba(60, 66, 97, 40%);}
.leftrsch_pop .slick_tabbtn button {position:relative; height:34px; flex:1; margin-right:5px; color:var(--lightgray-color); font-size:15px; font-weight:500; text-align:center; border-radius:30px; background:rgba(141,156,208,20%);}
.leftrsch_pop .slick_tabbtn button:after {content:''; position:absolute; z-index:1; top:0; left:0; width:calc(100% - 6px); height:calc(100% - 6px); border:3px solid var(--click-color); border-radius:16px; opacity:0;}
.leftrsch_pop .slick_tabbtn button:last-child {margin-right:0;}
.leftrsch_pop .slick_tabbtn button.active {color:#000; font-weight:700; background:var(--white-color);}
.leftrsch_pop .slick_tabbtn button.active:after {opacity:1;}

.leftrsch_pop .tabbtn_slider {position:absolute; z-index:2; top:0; left:0; width:100%; padding:5px; border-radius:30px; background:var(--point-blue-color); box-shadow: 4px 7px 20px 0px rgba(60, 66, 97, 40%);}
.leftrsch_pop .tabbtn_slider .slick-list {margin:0 20px;}
.leftrsch_pop .tabbtn_slider .slick-slide {position:relative; height:34px; line-height:34px; flex:1; margin-right:5px; color:var(--lightgray-color); font-size:15px; font-weight:500; text-align:center; border-radius:30px; background:rgba(141,156,208,20%);}
.leftrsch_pop .tabbtn_slider .slick-slide:after {content:''; position:absolute; z-index:1; top:0; left:0; width:calc(100% - 5px); height:calc(100% - 5px); border:3px solid var(--click-color); border-radius:16px; opacity:0;}
.leftrsch_pop .tabbtn_slider .slick-slide.active {color:#000; font-weight:700; background:var(--white-color);}
.leftrsch_pop .tabbtn_slider .slick-slide.active:after {opacity:1;}
.leftrsch_pop .tabbtn_slider .slick-arrow {position:absolute; top:6px; width:18px; height:30px; text-indent:-9999px; background-repeat:no-repeat; background-position:center;}
.leftrsch_pop .tabbtn_slider .slick-arrow.slick-prev {left:5px; background-image:url(../images/ico/ico_slick_prev.svg)}
.leftrsch_pop .tabbtn_slider .slick-arrow.slick-next {right:5px; background-image:url(../images/ico/ico_slick_next.svg)}
.leftrsch_pop .tabbtn_slider .slick-arrow.slick-disabled {opacity:0;}
.leftrsch_pop .tabbtn_slider.not_slide .slick-list {display:flex; margin:0 -2.5px !important;}
.leftrsch_pop .tabbtn_slider.not_slide .slick-slide {width:auto !important; flex:1 !important; margin:0 2.5px !important}
.leftrsch_pop .tabbtn_slider.not_slide .slick-list .slick-track {display:flex; width:100% !important; transform:inherit !important;}
.leftrsch_pop .tabbtn_slider div{cursor:pointer;}

.leftrsch_pop .expand_con {padding-bottom:20px;}

.leftrsch_pop .radio_box .chkradio {position:relative; padding-left:20px; margin-right:8px;}
.leftrsch_pop .radio_box .chkradio input {position:absolute; opacity:0; cursor:pointer; height:0; width:0;}
.leftrsch_pop .radio_box .chkradio input + i {position:absolute; z-index:1; top:2px; left:0; width:16px; height:16px; border:1px solid #AFB6BB; border-radius:50%;}
.leftrsch_pop .radio_box .chkradio input + i:after {content:''; position:absolute; z-index:1; top:50%; left:50%; width:8px; height:8px; border-radius:50%; margin-top:-4px; margin-left:-4px; background:var(--point-blue-color); opacity:0;}
.leftrsch_pop .radio_box .chkradio span {color:var(--basic-black-color); font-size:14px; font-weight:300;}
.leftrsch_pop .radio_box .chkradio input:checked + i {border-color:var(--point-blue-color);}
.leftrsch_pop .radio_box .chkradio input:checked + i:after {opacity:1;}
.leftrsch_pop .radio_box .chkradio input:checked ~ span {font-weight:600;}

.leftrsch_pop .form .tit:before {content:''; display:inline-block; width:18px; height:18px; margin-right:6px; vertical-align:middle; background-position:center; background-size:100%; background-repeat:no-repeat; background-image:url(../images/ico/ico_chat_dots.svg);}
.leftrsch_pop .form .tit {margin-bottom:8px; font-size:14px; font-weight:600;}
.leftrsch_pop .form .tit .tooltip:after {content:''; display:inline-block; width:14px; height:14px; margin-left:5px; vertical-align:middle; background:url(../images/ico/ico_tooltip_gp.svg) no-repeat center; background-size:100%;}
.leftrsch_pop .form .form_li > li + li {margin-top:12px;}
.leftrsch_pop .form .form_li > li.row {display:flex; align-items:center; justify-content:space-between;}
.leftrsch_pop .form .form_li > li.row .tit {margin-bottom:0;}
.leftrsch_pop .form .b_ft:not(select) {color:var(--basic-black-color); text-align:right !important;}
.leftrsch_pop .form select,
.leftrsch_pop .form input {width:100%; height:33px; padding:0 12px; color:#676B83; font-size:14px; border-radius:6px; border-color:var(--gray-color);}
.leftrsch_pop .form select {text-align:left; background:var(--white-color) url(../images/ico/ico_select_arw_s.svg) no-repeat top 7px right 12px;}
.leftrsch_pop .form textarea {width:100%; padding:10px; color:var(--basic-black-color); font-size:12px; font-weight:300; border-radius:6px; border-color:var(--gray-color);}
.leftrsch_pop .form select::placeholder,
.leftrsch_pop .form input::placeholder {color:#77838D; font-size:14px;}
.leftrsch_pop .form textarea::placeholder {color:#77838D; font-size:12px; font-weight:300;}
.leftrsch_pop .form .inp_wrap {display:flex;}
.leftrsch_pop .form .inp_wrap .inp {display:flex; flex:1; margin-right:14px; align-items:end;}
.leftrsch_pop .form .inp_wrap .inp:last-child {margin-right:0;}
.leftrsch_pop .form .inp_wrap .inp > p {margin-left:8px; font-size:14px; font-weight:300;}
.leftrsch_pop .form .inp_wrap input {text-align:left;}
.leftrsch_pop .form .analyze_btn {display:flex; padding:0 30px 10px; margin-top:20px;}
.leftrsch_pop .form .analyze_btn button:before {content:''; display:inline-block; width:14px; height:14px; margin-right:5px; vertical-align:middle; background-size:100%;}
.leftrsch_pop .form .analyze_btn button {height:34px; flex:1; margin-right:15px; color:var(--point-blue-color); font-size:12px; font-weight:600; border-radius:6px; line-height:1.6; box-shadow:0px 4px 4px 0px rgba(0,0,0,25%); background:linear-gradient(180deg, var(--white-color) 0%, #F2F2F8 100%);}
.leftrsch_pop .form .analyze_btn.one {justify-content:center;}
.leftrsch_pop .form .analyze_btn.one button {width:140px; flex:inherit;}
.leftrsch_pop .form .analyze_btn button:last-child {margin-right:0;}
.leftrsch_pop .form .analyze_btn button:hover {color:var(--white-color); background:#203BC6;}
.leftrsch_pop .form .analyze_btn .layer_regist:before {background-image:url(../images/ico/ico_a_layer_regist.svg);}
.leftrsch_pop .form .analyze_btn .layer_regist:hover:before {background-image:url(../images/ico/ico_a_layer_regist_w.svg);}
.leftrsch_pop .form .analyze_btn .redraw:before {background-image:url(../images/ico/ico_a_redraw.svg);}
.leftrsch_pop .form .analyze_btn .redraw:hover:before {background-image:url(../images/ico/ico_a_redraw_w.svg);}
.leftrsch_pop .form .analyze_btn .save:before {background-image:url(../images/ico/ico_a_save.svg);}
.leftrsch_pop .form .analyze_btn .save:hover:before {background-image:url(../images/ico/ico_a_save_w.svg);}
.leftrsch_pop .form .analyze_btn .run:hover:before {background-image:url(../images/ico/ico_a_run_w.svg);}
.leftrsch_pop .form .analyze_btn .run:before {background-image:url(../images/ico/ico_a_run.svg);}
.leftrsch_pop .form .SumoSelect>.CaptionCont {height:34px; padding:8px 12px 0; font-size:14px;}

.leftrsch_pop .sm_btn {position:absolute; z-index:1; top:0; right:20px; height:24px; line-height:23px; padding:0 10px 0 25px; font-size:11px; font-weight:600; color:var(--point-blue-color); 
border:1px solid var(--point-blue-color); border-radius:30px; cursor:pointer; transition:background .3s ease;}
.leftrsch_pop .sm_btn:before {content:''; position:absolute; z-index:1; left:10px; top:5px; width:12px; height:12px; margin-right:3px; vertical-align:top; background:url(../images/ico/ico_plus_blue.svg) no-repeat center; background-size:100%;}
.leftrsch_pop .sm_btn:hover:before {background-image:url(../images/ico/ico_plus_blue_w.svg);}
.leftrsch_pop .sm_btn:hover {color:var(--white-color); background:var(--point-blue-color);}

/* 스크롤이 있는 테이블일 경우 */
.scroll_table .mCSB_horizontal.mCSB_inside>.mCSB_container {margin-bottom:15px;}
.scroll_table table {width:400px; min-width:100%;}
/* .sg_rsch_tabcon .scroll_table .mCSB_horizontal.mCSB_inside>.mCSB_container{width:550px !important;} */

.leftrsch_pop .both_pd {padding-left:14px; padding-right:16px; padding-bottom:11px;}
.leftrsch_pop .mCSB_container {padding:0;}
.leftrsch_pop .mCSB_scrollTools .mCSB_draggerContainer {top:0;}
.leftrsch_pop .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {height:95%;}

/*탄소흡수프로세스 연관 레이어 목록일때*/
.leftrsch_pop .carbon_aslayer_list .aslayer_list{height:48px;}
/**/
.leftrsch_pop .aslayer_list {height:113px;}
.leftrsch_pop .aslayer_list .mCSB_container {padding:0;}
.leftrsch_pop .aslayer_list li.as_list {display:flex; justify-content:space-between; align-items:center; padding:6px 20px; border-bottom:1px solid var(--lightgray-color);}
.leftrsch_pop .aslayer_list li.as_list > p:before {content:''; position:absolute; z-index:1; top:0; left:0; width:18px; height:18px; background:url(../images/ico/ico_note_black.svg) no-repeat center; background-size:100%;}
.leftrsch_pop .aslayer_list li.as_list > p {position:relative; padding-left:23px; color:var(--basic-black-color); font-size:13px; font-weight:500;}
.leftrsch_pop .aslayer_list li.as_list .switch {position:relative; display: inline-block; width:30px; height:18px; flex-shrink:0;}
.leftrsch_pop .aslayer_list li.as_list .switch input {opacity:0; width:0; height:0;}
.leftrsch_pop .aslayer_list li.as_list .slider {position:absolute; cursor: pointer; top:0; left:0; right:0; bottom:0; border-radius:34px; background-color:#D9D9D9; transition:.4s;}
.leftrsch_pop .aslayer_list li.as_list .slider:before {position:absolute; content:''; height:13px; width:13px; left:3px; bottom:3px; border-radius:50%; box-shadow:0px 4px 4px 0px rgba(0,0,0,25%); background-color:var(--white-color); transition:.4s;}
.leftrsch_pop .aslayer_list li.as_list input:checked + .slider {background-color:var(--point-blue-color);}
.leftrsch_pop .aslayer_list li.as_list input:focus + .slider {box-shadow:0 0 1px #2196F3;}
.leftrsch_pop .aslayer_list li.as_list input:checked + .slider:before {transform:translateX(10px);}
.leftrsch_pop .aslayer_list li.as_list .as_con {display:flex; align-items:center;}
.leftrsch_pop .aslayer_list li.as_list .as_con > * + * {margin-left:12px;}

/* 더보기 눌렀을 때 팝업 */
.detail_popwrap {position:fixed; z-index:9987; left:0; bottom:14px; width:380px; height:calc(100% - 130px); opacity:0; visibility:hidden; background:transparent; transition:left .3s ease, opacity .3s ease,visibility .3s ease, background .3s ease;}
.detail_popwrap.type_sm_pop {width:300px;} /* 3번째 작은 팝업*/
.detail_popwrap.show {left:380px; opacity:1; visibility:visible;}
.detail_popwrap a {position:absolute; z-index:9998; top:0; right:0;}
.detail_popwrap .more_close {top:50px; background:red;}
.detail_popwrap .more_dt {position:absolute; z-index:1; top:20px; right:15px; width:18px; height:18px; text-indent:-9999px; background:url(../images/ico/ico_popclose_blue.svg) no-repeat center;}

.detail_pop {position:absolute; z-index:9987; left:0; bottom:0; width:100%; height:100%; padding:20px 0 23px 56px; border-radius:33px 8px 8px 8px; box-shadow:4px 7px 20px 0px rgba(60,66,97,40%); background:linear-gradient(180deg, var(--white-color) 0%, #F2F2F8 100%);}
.detail_pop .dt_con_wrap  {height:100%;}
.detail_pop .dt_con_wrap .con {height:100%; overflow:hidden;}
.detail_pop .dt_con_wrap .con:not(:nth-child(1)) {display:none;}
.detail_pop .dt_con_wrap .scr_wrap {height:100%;}
.detail_pop .dt_con_wrap .scr_wrap .mCustomScrollBox {padding-right:16px;}
.detail_pop .dt_con_wrap .scr_wrap .mCSB_scrollTools {right:5px;}
.detail_pop .dt_con_wrap .txt_con {padding-bottom:10px;}
.detail_pop .mCSB_inside>.mCSB_container {padding-right:0;}

.detail_pop .dt_poptit {display:block; position:relative; padding-left:23px; padding-right:40px; margin-bottom:10px; font-size:19px; font-weight:700; line-height:1.4; letter-spacing:-1px;}
.detail_pop .dt_poptit:before {content:''; position:absolute; z-index:1; top:4.5px; left:0; width:18px; height:18px; background:url(../images/ico/ico_chart_b.svg) no-repeat center; background-size:100%;}

.detail_pop .rsch_bgtit {width:100%; margin-bottom:10px; margin-left:0;}
.detail_pop .rsch_bgtit.ico:before {left:10px;}
.detail_pop .rsch_bgtit.ico {padding-left:33px;}
.detail_pop .rsch_bgtit.ico.up {padding-left:28px;}
.detail_pop .rsch_bgtit.ico.up:before {left:5px;}
.detail_pop .rsch_dottit + .txt {padding-left:14px;}

.detail_pop .img {margin-top:10px;}
.detail_pop .img img {width:100%;}
.detail_pop .img.bor {border-radius:0 0 12px 12px; overflow:hidden;}
.detail_pop .txt {font-size:15px; line-height:1.6; letter-spacing:-1.6px;}
.detail_pop .txt li {position:relative;}
.detail_pop .txt li:before {content:'-'; position:absolute; z-index:1; top:-1px; left:0;}
.detail_pop ul.txt li {padding-left:10px;}
.detail_pop ol.txt {counter-reset:order;}
.detail_pop ol.txt.order li:before {top:0; counter-increment:order; content:counter(order) ". "; font-size:15px;}
.detail_pop ol.txt.order li {padding-left:18px;}
.detail_pop .basic_table {border-bottom:2px solid var(--point-blue-color);}
.detail_pop .basic_table tbody td {padding:8px 0;}
.detail_pop .more_close {display:none;} /* 모바일 닫기 잠시 숨김 */
.detail_pop .step_tit {position:relative; padding-top:4px; padding-left:63px; margin:10px 0; font-size:15px; font-weight:600; color:var(--point-blue-color); counter-increment:step-counter;}
.detail_pop .step_tit::before {content: "STEP " counter(step-counter); display:inline-block; position:absolute; left: 0; top:0; width:53px; height:24px; line-height:24px; font-weight:600; font-size:11px; color:var(--point-blue-color); text-align:center; border:1px solid var(--point-blue-color); border-radius:30px; background:var(--white-color);}

.mCSB_horizontal.mCSB_inside>.mCSB_container {margin-bottom:10px;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {height:5px;}

.select_grid {}
.select_grid .mCustomScrollBox {width:538px;}
.select_grid .mCSB_container > div {display:flex; padding:0 20px; height:34px;}
.select_grid .mCSB_container > div + div {border-top:1px solid var(--lightgray-color)}

.select_grid p:before {content:''; display:inline-block; position:relative; top:1px; width:14px; height:14px; margin-right:6px; border-radius:4px; background:url(../images/ico/ico_minus_sq.svg); flex-shrink:0;}
.select_grid p {display:flex; width:128px; padding:8px 0; padding-right:18px; color:var(--basic-black-color); font-size:13px; font-weight:500; cursor:pointer;}

.best_site > strong {display:block; padding:7px 0; text-align:center; font-size:12px; font-weight:600; line-height:1; border-bottom:1px solid var(--point-blue-color);}
.best_site > div {height:159px; overflow-y:auto;}
.best_site p {position:relative; padding:7px 12px; padding-left:38px; font-size:12px; border-bottom:1px solid var(--lightgray-color); line-height:1.4; cursor:pointer;}
.best_site p:hover {background:#E1E5FB;}
.best_site p:before {content:''; position:absolute; z-index:1; top:8px; left:12px; width:14px; height:14px; margin-right:6px; border-radius:4px; background:url(../images/ico/ico_minus_sq.svg); flex-shrink:0;}

.basic_table tbody td.best_site {position:relative; padding:7px 12px; padding-left:38px; font-size:12px; border-bottom:1px solid var(--lightgray-color); line-height:1.4; cursor:pointer; text-align:left;}
.basic_table tbody td.best_site:hover {background:#E1E5FB;}
.basic_table tbody td.best_site:before {content:''; position:absolute; z-index:1; top:8px; left:12px; width:14px; height:14px; margin-right:6px; border-radius:4px; background:url(../images/ico/ico_minus_sq.svg); flex-shrink:0;}

/*연구설명*/
.rsch_box {position:relative; /*min-height:168px;*/}
.leftrsch_pop .rsch_box.both_pd {padding-bottom:30px; padding-left: 18px;}
.rsch_box.scroll {height:350px;}
.rsch_box.scroll .sm_btn {right:0;}
.leftrsch_pop .rsch_box .mCSB_container {padding:0;}
.rsch_box.mCustomScrollbar {padding-right:0;}
.rsch_box.mCustomScrollbar .mCustomScrollBox {padding-right:25px;}
.leftrsch_pop .just_con.both_pd.scroll {padding-right:0; padding-bottom:20px; padding-left: 18px;}
.rsch_box .rsch_tit {display:block; position:relative; /* padding-left:29px; */ margin-bottom:12px; font-size:18px; font-weight:700; font-family:var(--font-KjchulGothic); line-height:1.33; transform:rotate(-0.03deg)}
/* .rsch_box .rsch_tit:before {content:''; position:absolute; z-index:1; left:0; top:0; width:24px; height:24px; vertical-align:middle; background:url(../images/ico/ico_computer.svg) no-repeat center; background-size:100%;} */
.rsch_box .rsch_tit.edit_btn {margin-top:21px; margin-bottom:-13px;}
.rsch_box .rsch_tit.edit_btn:before {background-image:url(../images/ico/ico_rash_tit_edit.svg)}
.rsch_box .main_txt {color:var(--navy-color); font-size:14px; font-weight:500; line-height:1.4; letter-spacing:-1px;}
.rsch_box .main_txt + .sub_txt {margin-top:6px;}
.rsch_box .sub_txt {color:var(--basic-black-color); font-size:14px; line-height:1.4; letter-spacing:-1px;}
.rsch_box .sm_ft {font-size:12px;}
.rsch_box .img {margin-top:12px;}
.rsch_box .dot_style {padding:0 8px; margin-top:8px;}
.rsch_box .dot_style p {position:relative; padding-left:14px;}
.rsch_box .dot_style p + p {margin-top:6px;}
.rsch_box .dot_style p:before {content:''; position:absolute; z-index:1; top:7px; left:0; width:3px; height:3px; border-radius:50%; background:var(--basic-black-color);}
.rsch_box .img_txt {display:flex; margin-top:12px;}
.rsch_box .img_txt .thumb {width:80px; margin-right:12px; flex-shrink:0;}

.rsch_tabwrap > ul {display:flex;}
.rsch_tabwrap > ul li {width:100%; height:34px; flex:1; box-shadow: 0px -4px 4px 0px rgba(141, 156, 208, 19%); background:rgba(155, 176, 229, 0.2);}
.rsch_tabwrap > ul li button {position:relative; width:100%; height:100%; color:var(--lightblue-color); font-size:14px;}
.rsch_tabwrap > ul li button:before {content:''; position:absolute; z-index:1; top:0px; left:0; width:100%; height:2px; opacity:0; background:var(--click-color); transition:all .3s ease;}
.rsch_tabwrap > ul li:hover button:before,
.rsch_tabwrap > ul li.active button:before {opacity:1;}
.rsch_tabwrap > ul li:hover button,
.rsch_tabwrap > ul li.active button {color:var(--point-blue-color); font-weight:600;}
.rsch_tabwrap > ul li.active {background:rgba(255,255,255,0.3);}

.rsch_tabwrap > ul.type02 {flex-wrap:wrap; margin-top:-5px; margin-bottom:15px;}
.rsch_tabwrap > ul.type02 li {flex:auto; width:33.33%;}
.rsch_tabwrap > ul.type02 li button {letter-spacing:-1px;}

/*테이블공통*/
.basic_table {color:var(--point-black-color);}
.basic_table .line_lp {border-color:#A1A1BC;} /* 라이트퍼플 색상 */
.basic_table .line_blue {border-color:var(--point-blue-color);}
.basic_table .sm_ft {font-size:10px;}
.basic_table .smb_ft {font-weight:500; font-size:11px;}
.basic_table .blue_t {color:var(--point-blue-color)}
.basic_table .bg_lp {background:#E1E4F2;} /* 라이트퍼플 색상 */
.basic_table .bg_lg {background:rgba(141,156,208,0.1);} /* 라이트그레이 색상 */
.basic_table .bg_lg02 {background:rgba(141,156,208,0.2);}
.basic_table .table_btn button {width:24px; height:24px; text-indent:-9999px; border-radius:5px; background-color:transparent; background-repeat:no-repeat; background-position:center; transition:all .3s ease;}
.basic_table .table_btn button:hover {background-color:var(--lightblue-opacity-color);}
.basic_table .table_btn .edit {background-image:url(../images/ico/ico_tbbtn_edit.svg);}
.basic_table .table_btn .remove {background-image:url(../images/ico/ico_tbbtn_remove.svg);}
.basic_table.td_type tbody td {padding:6px 0;}
.basic_table.bdn {border-bottom:0;}

.basic_table thead th {height:26px; padding:4px 0; color:#171717; font-size:12px; font-weight:600; border-bottom:1px solid var(--point-blue-color);}
.basic_table thead.type02 th {font-size:11px;}
.basic_table tbody td {height:25px; padding:3px 5px;font-size:12px; text-align:center; border-bottom:1px solid var(--lightgray-color);}

.rsch_dottit:before {content:''; position:absolute; z-index:1; top:9px; left:0; width:2px; height:2px; border-radius:50%; background:var(--navy-color);}
.rsch_dottit {display:block; position:relative; padding-left:7px; margin-bottom:11px; color:var(--navy-color); font-size:14px; font-weight:700;}
.rsch_dottit.sm:before {top:8px; width:4px; height:4px;}
.rsch_dottit.sm {padding-left:14px; font-size:16px; line-height:1.6; margin-bottom:0;}

.select_custom {position:relative; width:100px; min-width:100px; cursor:pointer;}
.select_custom > span:after {content:''; position:absolute; z-index:1; top:6px; right:12px; width:14px; height:14px; background:url(../images/ico/ico_select_arw_s.svg) no-repeat center right; background-size:100%;}
.select_custom > span {display:block; position:relative; height:28px; padding:5px 26px 0 12px; color:var(--basic-black-color); font-size:12px; font-weight:500;  border:1px solid var(--gray-color); border-radius:6px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background:linear-gradient(173deg, rgba(255, 255, 255, 17%) 61%, rgba(153, 153, 153, 24%) 100%);}
.select_custom.active .dropdown-menu {display:block;}
.select_custom .dropdown_menu {display:none; position:absolute; z-index:2; top:32px; left:0; width:100%; height:140px; overflow-y:auto; border:1px solid var(--gray-color); border-radius:6px; background:#fff;}
.select_custom .dropdown_menu li {position:relative; background:linear-gradient(173deg, rgba(255, 255, 255, 17%) 61%, rgba(153, 153, 153, 24%) 100%);}
.select_custom .dropdown_menu li + li {border-top:1px solid var(--gray-color);}
.select_custom .dropdown_menu li label {display:block; width:100%; padding:6px 0; padding-left:35px; color:var(--basic-black-color); font-size:12px; font-weight:500;}
.select_custom .dropdown_menu li label input { position:absolute; height:0; width:0; opacity:0;}
.select_custom .dropdown_menu li label span {position:absolute; z-index:1; top:7px; left:14px; width:14px; height:14px; background:url(../images/ico/ico_sort_chk.svg) no-repeat center; background-size:100%;}
.select_custom .dropdown_menu li label input:checked ~ span {background-image: url(../images/ico/ico_sumoSelect_on.svg);}

.select_custom.sm {width:80px; min-width:80px;}
.select_custom.sm > span {height:22px; padding:0 26px 0 12px; line-height:20px;}
.select_custom.sm > span:after {top:3px; right:11px;}
.select_custom.sm .dropdown_menu li label {padding:3px 0; padding-left:30px;}
.select_custom.sm .dropdown_menu li label span {top:4px; left:12px;}

.selectchk_wrap {display:flex; padding-top:11px;}
.selectchk_wrap > div {display:flex; margin-right:10px; flex-grow:0; align-items:center;}
.selectchk_wrap > div:last-child {margin-right:0;}
.selectchk_wrap .tit {position:relative; padding-left:18px; margin-right:12px; color:var(--basic-black-color); font-size:14px; font-weight:500; flex-shrink:0; line-height:1.15; letter-spacing:-1px;}
.selectchk_wrap .tit:before {content:''; position:absolute; z-index:1; left:0; top:50%; width:12px; height:16px; transform:translateY(-50%);}
.selectchk_wrap .tit.admin:before {background-image:url(../images/ico/ico_selectchk_adm.svg);}
.selectchk_wrap .tit.species {padding-left:23px;}
.selectchk_wrap .tit.species:before {width:18px; height:18px; background-image:url(../images/ico/ico_selectchk_spec.svg);}
.selectchk_wrap + .basic_table ,
.selectchk_wrap + .scroll_table {margin-top:10px;}
.selectchk_wrap .calc_btn{height: 28px; flex: 1; color: var(--white-color); font-size: 12px; font-weight: 600; border-radius: 6px; line-height: 1.6; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 25%); background: linear-gradient(180deg, var(--point-blue-color) 0%, #203bc6 100%);}
.selectchk_wrap .calc_btn:hover{height: 28px; flex: 1; color: var(--point-blue-color); font-size: 12px; font-weight: 600; border-radius: 6px; line-height: 1.6; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 25%); background: linear-gradient(180deg, var(--white-color) 0%, #F2F2F8 100%);}
.SelectBox {height:28px; padding:5px 12px 0;}
.SumoSelect {width:100%; min-width:80px;}
.SumoSelect>.CaptionCont>span.placeholder {color:var(--basic-black-color);}
.SumoSelect>.CaptionCont {font-size:12px; font-weight:500; border-radius:6px; border-color:var(--gray-color); background:linear-gradient(173deg, rgba(255, 255, 255, 17%) 61%, rgba(153, 153, 153, 24%) 100%);}
.SumoSelect>.CaptionCont>span.placeholder {font-style:normal;}
.SumoSelect .select-all>span i, .SumoSelect>.optWrapper.multiple>.options li.opt span i {width:11px; height:11px; border-color:var(--lightblue-color); box-shadow:none; background:transparent;}
.SumoSelect>.optWrapper {border-radius:6px; border-color:var(--gray-color);}
.SumoSelect .select-all>span, .SumoSelect>.optWrapper.multiple>.options li.opt span {left:3px; margin-left:0;}
.SumoSelect .CaptionCont>label>i {background-image:url(../images/ico/ico_select_arw_s.svg)}
.SumoSelect>.optWrapper>.options li {position:relative; padding-left:28px; font-size:12px; font-weight:500;}
.SumoSelect>.optWrapper>.options li.opt {border-color:var(--gray-color);}
.SumoSelect>.optWrapper.multiple>.options li.opt {padding-left:30px;}
.SumoSelect .select-all.partial>span i, .SumoSelect .select-all.selected>span i, .SumoSelect>.optWrapper.multiple>.options li.opt.selected span i {background-image:url(../images/ico/ico_sumoSelect_on.svg); border:0; background-color:transparent; background-size:100%;}
.SumoSelect.open>.CaptionCont, 
.SumoSelect:focus>.CaptionCont, 
.SumoSelect:hover>.CaptionCont {box-shadow:none; border-color:var(--gray-color);}
.SumoSelect i[class^="color_"] {display:block; position:absolute; z-index:1; top:8px; left:12px; width:9px; height:9px;}
.SumoSelect .color_red {background:#ff0000;}
.SumoSelect .color_orange {background:#ff8000;}
.SumoSelect .color_yellow {background:#ffff00;}
.SumoSelect .color_green {background:#00ff00;}
.SumoSelect .color_blue {background:#0000ff;}
.SumoSelect .color_purple {background:#8000ff;}
.SumoSelect>.optWrapper>.options li i[class^="color_"] {display:block;}
.color_select + .optWrapper>.options li.opt {padding-left:28px;}
.leftrsch_pop .form .SumoSelect>.CaptionCont {background:#fff;}
.leftrsch_pop .form .SumoSelect>.CaptionCont.color_select {padding-left:28px;}
.leftrsch_pop .form .SumoSelect>.CaptionCont.color_select i[class^="color_"] {top:12px;}

.rsch_tabcon .select_btncon {display:flex; padding-top:12px; padding-bottom:12px; align-items:center;} 
.rsch_tabcon .select_btncon button:before {content:''; display:inline-block; width:14px; height:14px; margin-right:8px; vertical-align:middle; background-position:center; background-size:100%; background-repeat:no-repeat;}
.rsch_tabcon .select_btncon button {position:relative; width:100px; height:34px; margin-right:20px; color:var(--basic-black-color); font-size:12px; font-weight:500; border:1px solid var(--gray-color); border-radius:6px; flex-shrink:0; background:linear-gradient(to bottom, rgba(255, 255, 255, 16%) 53%, rgba(153, 153, 153, 21%) 100%);}
.rsch_tabcon .select_btncon button:hover {color:var(--point-blue-color);}
.rsch_tabcon .select_btncon .btn_gr:before {background-image:url(../images/ico/ico_btn_gr.svg);}
.rsch_tabcon .select_btncon .btn_shape:before {background-image:url(../images/ico/ico_btn_shape.svg);}
.rsch_tabcon .select_btncon .btn_gr:hover:before {background-image:url(../images/ico/ico_btn_gr_on.svg);}
.rsch_tabcon .select_btncon .btn_shape:hover:before {background-image:url(../images/ico/ico_btn_shape_on.svg);}
.rsch_tabcon .select_btncon button:hover:after {opacity:1;}
.rsch_tabcon .select_btncon button:after {content:''; position:absolute; z-index:1; top:-1px; left:-1px; width:calc(100% - 3px); height:calc(100% - 3px); border:3px solid var(--click-color); border-radius:6px; opacity:0;}
.rsch_tabcon .select_btncon p {width:100%; padding-right:30px; color:#676B83; font-size:12px; background:url(../images/ico/ico_danger_square_p.svg) no-repeat center right; line-height:1.4; letter-spacing:-1px;}

.rsch_tabcon .total_area {display:flex; padding-top:21px; padding-bottom:8px; justify-content:space-between; align-items:center; padding-left: 18px;}
.rsch_tabcon .total_area > strong {position:relative; /* padding-left:26px; */ font-size:18px; font-family:'KimjungchulGothic'; line-height:1.35;}
/* .rsch_tabcon .total_area > strong:before {content:''; position:absolute; z-index:1; left:0; top:50%; width:21px; height:24px; margin-right:5px; vertical-align:middle; background:url(../images/ico/ico_total_area_w_new.svg) no-repeat center; background-size:100%; transform:translateY(-50%);} */
.rsch_tabcon .total_area p {font-size:12px; font-weight:500; color:#0E0F11;}
.rsch_tabcon .total_area p strong {color:var(--point-blue-color); font-weight:900; font-size:18px;}

.shape_tool {display:flex; padding-bottom:12px; justify-content:space-between;}
.shape_tool button {text-indent:-9999px; background-repeat:no-repeat; background-position:center;}
.shape_tool .combi {padding:0 20px; border-radius:9px; box-shadow:inset -1px -2px 9px 0px rgba(71, 98, 240, 30%); background-color:rgba(141,156,208,20%);}
.shape_tool div:not(.combi) button {width:40px; height:32px; margin-right:4px; border-radius:9px; box-shadow:inset -1px -2px 9px 0px rgba(71,98,240,30%); background-color:rgba(141,156,208,20%);}
.shape_tool div:not(.combi) button:last-child {margin-right:0;}
.shape_tool .combi button {width:32px; height:32px;}
.shape_tool .ico_sp01 {background-image:url(../images/ico/ico_layer_sp01.svg);}
.shape_tool .ico_sp02 {background-image:url(../images/ico/ico_layer_sp02.svg);}
.shape_tool .ico_sp03 {background-image:url(../images/ico/ico_layer_sp03.svg);}
.shape_tool .ico_sp_r01 {background-image:url(../images/ico/ico_sp_r01.svg)}
.shape_tool .ico_sp_r02 {background-image:url(../images/ico/ico_sp_r02.svg)}
.shape_tool .ico_sp_r03 {background-image:url(../images/ico/ico_sp_r03.svg)}
.shape_tool .ico_sp_r04 {background-image:url(../images/ico/ico_sp_r04.svg)}
.shape_tool .ico_sp_r05 {background-image:url(../images/ico/ico_cs_draw_btn.svg)}
.shape_tool .ico_sp01:hover, .shape_tool .ico_sp01.on {background-image:url(../images/ico/ico_layer_sp01_on.svg);}
.shape_tool .ico_sp02:hover, .shape_tool .ico_sp02.on {background-image:url(../images/ico/ico_layer_sp02_on.svg);}
.shape_tool .ico_sp03:hover, .shape_tool .ico_sp03.on {background-image:url(../images/ico/ico_layer_sp03_on.svg);}
.shape_tool .ico_sp04:hover, .shape_tool .ico_sp04.on {background-image:url(../images/ico/ico_layer_sp04_on.svg);}
/* .shape_tool .ico_sp_r01:hover {background-image:url(../images/ico/ico_sp_r01_on.svg)}
.shape_tool .ico_sp_r02:hover {background-image:url(../images/ico/ico_sp_r02_on.svg)}
.shape_tool .ico_sp_r03:hover {background-image:url(../images/ico/ico_sp_r03_on.svg)}
.shape_tool .ico_sp_r04:hover {background-image:url(../images/ico/ico_sp_r04_on.svg)} */

.bar_graph {display:flex; padding:10px 20px; align-items:center; border-bottom:1px solid var(--lightgray-color);}
.bar_graph > p {width:55px; flex-shrink:0; color:#000; font-size:12px;}
.bar_graph > p.txt_idt {letter-spacing:19px;}
.bar_graph > p.txt_idt02 {letter-spacing:4px;}
.bar_graph .bar_wrap {position:relative; width:100%; height:22px; border:1px solid var(--lightgray-color); border-radius:5px; background:linear-gradient(180deg, var(--white-color) 0%, #F2F2F8 100%);}
.bar_graph .bar_wrap .bar {position:absolute; z-index:1; top:2px; left:0; height:16px; border-radius:0 5px 5px 0; background:#35C2AD;}
.bar_graph .bar_wrap .bar:before {content:''; position:absolute; z-index:1; top:4px; right:-5px; width:4px; height:4px; border:2px solid var(--click-color); border-radius:50%; background:var(--white-color);}
.bar_graph .bar_wrap .bar span {position:absolute; z-index:1; top:1px; right:-63px; width:52px; color:var(--point-blue-color); font-size:12px; font-weight:700;}
.bar_graph .bar_wrap .bar span.up {right:0;}

.user_custom {display:none; margin-top:20px;}
.user_custom .custom_con.form li .tit:before {background-image:url(../images/ico/ico_copy_plus.svg)}
.user_custom li .shape_tool {padding:0 20px;}
.user_custom li .shape_tool .combi {padding:0;}
.user_custom .btn {display:flex; border-radius:12px; margin-bottom:10px; overflow:hidden;}
.user_custom .btn button {height:34px; flex:1; color:var(--lightblue-color); font-size:15px; font-weight:500; background:var(--lightblue-opacity-color);}
.user_custom .btn button:before {content:''; display:inline-block; width:18px; height:18px; margin-right:8px;      vertical-align:bottom; line-height:1;}
.user_custom .btn button.active {color:var(--white-color); font-weight:600; box-shadow:4px 4px 3px 0px rgba(68,73,100,10%); background:var(--point-blue-color);}
.user_custom .btn button.input_btn:before {background-image:url(../images/ico/ico_cs_input_btn.svg);}
.user_custom .btn button.draw_btn:before {background-image:url(../images/ico/ico_cs_draw_btn.svg);}
.user_custom .btn button.input_btn.active:before {background-image:url(../images/ico/ico_cs_input_btn_w.svg);}
.user_custom .btn button.draw_btn.active:before {background-image:url(../images/ico/ico_cs_draw_btn_w.svg);}
.user_custom .file_box {display:flex;}
.user_custom .file_box input[type="file"] {display:none;}
.user_custom .file_box .upload_btn:before {content:''; display:inline-block; width:18px; height:18px; margin-right:4px;  vertical-align:middle; background:url(../images/ico/ico_upload_w.svg) no-repeat center; background-size:100%;}
.user_custom .file_box .upload_btn {width:80px; line-height:34px; margin-left:8px; border-radius:6px; color:var(--white-color); text-align:center; font-size:14px; font-weight:700; cursor:pointer; background:var(--click-color); flex-shrink:0;}


/*우측 레이어 목록*/
.digital_layerlist {position:fixed; z-index:30; top:106px; right:17px; height:auto;}
.digital_layerlist .mCSB_scrollTools {right:4px;}
.digital_layerlist .main_btn {text-align:right;}
.digital_layerlist .main_btn button:before {content:''; display:inline-block; position:relative; top:-1px; width:20px; height:20px; margin-right:10px; vertical-align:middle; background:url(../images/ico/ico_navy_list.svg) no-repeat center; background-size:100%;}
.digital_layerlist .main_btn button {position:relative; width:160px; height:42px; padding:0 16px; color:var(--white-color); text-align:left; line-height:1; font-size:15px; font-weight:500; border-radius:8px; box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 25%); background:#29388A;}
.digital_layerlist .main_btn button:after {content:''; position:absolute; z-index:1; top:12px; right:16px; width:18px; height:18px; background:url(../images/ico/ico_layer_list_ny_arw.svg) no-repeat center; background-size:100%; transition:transform .3s ease;}
.digital_layerlist.open {height:calc(100% - 174px);}
.digital_layerlist.open .main_btn button {width:266px; border-radius:8px 8px 0 0; box-shadow:none;}
.digital_layerlist.open .main_btn button:after {transform:rotate(180deg);}
.digital_layerlist.open .layer_wrap {display:block; box-shadow: 4px 7px 20px 0px rgba(60, 66, 97, 40%);}
.digital_layerlist .layer_wrap {display:none; width:266px; height:100%; background:linear-gradient(180deg, var(--white-color) 0%, #F2F2F8 100%);}
.digital_layerlist .layer_wrap .tab_btn {display:flex; height:34px; border-bottom:1px solid #D8DCDE; background:rgba(155,176,229,20%);}
.digital_layerlist .layer_wrap .tab_btn button {position:relative; flex:1; height:100%; color:var(--lightblue-color); font-size:14px; font-weight:500; text-align:center;}
.digital_layerlist .layer_wrap .tab_btn button:after {content:''; position:absolute; z-index:1; bottom:-1px; left:0; width:100%; height:3px; opacity:0; background:var(--point-blue-color);}
.digital_layerlist .layer_wrap .tab_btn button.active {color:var(--point-blue-color); background:var(--white-color);}
.digital_layerlist .layer_wrap .tab_btn button.active:after {opacity:1;}
.digital_layerlist .layer_wrap .sch_con {padding:16px 10px;}
.digital_layerlist .layer_wrap .sch_con .inp {position:relative; height:40px; border:1px solid var(--gray-color); border-radius:40px;}
.digital_layerlist .layer_wrap .sch_con .inp input {width:100%; height:100%; padding-left:14px; padding-right:40px; font-size:13px; font-weight:200; border:0; background:transparent;}
.digital_layerlist .layer_wrap .sch_con .inp input::placeholder {color:#77838D; font-size:13px; font-weight:200;}
.digital_layerlist .layer_wrap .sch_con .inp button {position:absolute; z-index:1; top:0; right:0; width:40px; height:100%; text-indent:-9999px; background:url(../images/ico/ico_sch_btn_g.svg) no-repeat center; background-size:18px;}
.digital_layerlist .layer_con {height:calc(100% - 106px); padding-top:1px; background:url(../images/bg/bg_line_gr.svg) no-repeat center top;}
.digital_layerlist .layer_con > div {height:100%;}
.digital_layerlist .layer_con .mCSB_inside>.mCSB_container {padding-right:0;}
.digital_layerlist .layer_con .is_empty {display:flex; padding-top:278px; color:var(--lightblue-color); font-size:20px; font-weight:500; justify-content:center;}
.digital_layerlist .layer_con #sortable li {position:relative; border:0; background-image:url(../images/ico/ico_sort_btn.svg); background-position:top 11px left 10px;  background-size:12px; background-repeat:no-repeat; background-color:transparent; transition:background .3s ease;}
.digital_layerlist .layer_con #sortable li:hover {background-color:#E5E8F4;}
.digital_layerlist .layer_con #sortable li label {position:relative;}
.digital_layerlist .layer_con #sortable li > span {display:block; position:relative; padding:8px 0; padding-left:50px; padding-right: 20px; color:var(--point-black-color); font-size:14px; font-weight:300;}
.digital_layerlist .layer_con #sortable li > span:after {content:''; position:absolute; z-index:1; top:7px; right:10px; width:18px; height:18px; background:url(../images/ico/ico_all_layer_arw.svg) no-repeat center; background-size:100%;}
.digital_layerlist .layer_con #sortable li.open > span:after {transform:rotate(-180deg);}
.digital_layerlist .layer_con #sortable li .check + i {position:absolute; z-index:1; top:9px; left:28px; width:14px; height:14px; background:url(../images/ico/ico_sort_chk.svg) no-repeat center; background-size:100%; }
.digital_layerlist .layer_con #sortable li .check {display:none;}
.digital_layerlist .layer_con #sortable li .check:checked + i {background-image:url(../images/ico/ico_sort_chk_on.svg);}
.digital_layerlist .layer_con #sortable li .tool {display:none; padding:6px 30px 10px; border-top:1px solid transparent; border-image: linear-gradient(to left, #E6E9F5 0%,var(--lightblue-color) 52%,#E6E9F5 100%); border-image-slice:1;}
.digital_layerlist .layer_con #sortable li .tool > div {display:flex; align-items:center;}
.digital_layerlist .layer_con #sortable li .tool > div + div {margin-top:8px;}
.digital_layerlist .layer_con #sortable li .tool > div strong {width:54px; margin-right:16px; color:#3D4570; font-size:12px; font-weight:400; text-align:right; flex-shrink:0;}
.digital_layerlist .layer_con #sortable li .tool #slider-range-min {width:100%;}
.digital_layerlist .layer_con #sortable li .tool #slider-range-min {float:left; position:relative; width:calc(100% - 44px); height:5px; border:0; background:linear-gradient(180deg, var(--white-color) 0%, #F2F2F8 100%); box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 25%);}
.digital_layerlist .layer_con #sortable li .tool #slider-range-min .ui-slider-range-min {background-color:var(--point-blue-color);}
.digital_layerlist .layer_con #sortable li .tool #slider-range-min .ui-slider-handle {top:-2px; width:9px; height:9px; margin-left:-3px; border-radius:50%; border:0; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 25%); background:var(--white-color);}
.digital_layerlist .layer_con #sortable li .tool .layer button {width:24px; height:24px; margin-right:-1px; border-radius:5px; background-color:rgba(141,156,208,20%); background-position:center;}
.digital_layerlist .layer_con #sortable li .tool .layer .layer_btn01 {background-image:url(../images/ico/ico_layerbtn01.svg);}
.digital_layerlist .layer_con #sortable li .tool .layer .layer_btn02 {background-image:url(../images/ico/ico_layerbtn02.svg);}
.digital_layerlist .layer_con #sortable li .tool .layer .layer_btn03 {background-image:url(../images/ico/ico_layerbtn03.svg);}
.digital_layerlist .layer_con #sortable li .tool .layer .layer_btn04 {background-image:url(../images/ico/ico_layerbtn04.svg);}
.digital_layerlist .layer_con #sortable li .tool .layer .layer_btn05 {background-image:url(../images/ico/ico_layerbtn05.svg);}

.all_layer .chkbox input[type="checkbox"] {display:none;}
.all_layer .chkbox {display:flex; align-items:center; cursor:pointer;}
.all_layer .chkbox i {display:inline-block; position:relative; width:14px; height:14px; background:url(../images/ico/ico_sort_chk.svg) no-repeat center; background-size:100%; vertical-align:middle; margin-right:3px; flex-shrink:0;}
.all_layer .chkbox input[type="checkbox"]:checked + i {background-image:url(../images/ico/ico_sort_chk_on.svg);}
.all_layer .chkbox span {color:var(--basic-black-color); font-size:12px; font-weight:500;}

.all_layer > li > .chkbox.btn {display:block; position:relative; width:100%; padding:7px 10px; border-bottom:1px solid var(--lightgray-color); background:linear-gradient(180deg, var(--white-color) 0%, #F2F2F8 100%);}
.all_layer > li > .chkbox.btn input[type="button"] {position:absolute; z-index:1; top:0; right:10px; width:18px; height:100%; border:0; background:url(../images/ico/ico_all_layer_arw.svg) no-repeat center; background-size:18px;}
.all_layer > li.hide > .chkbox.btn input[type="button"] {transform:rotate(-180deg);}
.all_layer > li > .chkbox.btn span {color:var(--page-tit-color); font-weight:600; font-size:14px;}
.all_layer .detail > .chkbox:before {content:''; position:absolute; z-index:1; top:0; left:24px; width:1px; height:calc(100% - 15px); background:#AFB6BB;}
.all_layer .detail > .chkbox:after {content:''; position:absolute; z-index:1; top:50%; left:25px; width:8px; height:1px; background:#AFB6BB;}
.all_layer .detail > .chkbox {position:relative; padding:8px 24px; padding-left:43px; background:rgba(141, 156, 208, 20%);}
.all_layer .detail > .chkbox i {margin-right:6px;}
.all_layer .detail > .chkbox span {font-size:13px; font-weight:500;}
.all_layer .detail > .chkbox + ul {margin-left:50px;}
.all_layer .detail ul:before {content:''; position:absolute; z-index:1; top:0; left:0; width:1px; height:calc(100% - 24px); background:#AFB6BB;}
.all_layer .detail ul {position:relative; margin-left:24px;}
.all_layer .detail ul li:after {content:''; position:absolute; z-index:1; top:0; left:0; width:1px; height:50%; background:#AFB6BB;}
.all_layer .detail ul li:before {content:''; position:absolute; z-index:1; top:50%; left:0; width:8px; height:1px; background:#AFB6BB;}
.all_layer .detail ul li {position:relative; display:flex; align-items:center; padding-left:17px; padding-right:11px; min-height:32px;}
.all_layer .detail ul li .chkbox span {color:var(--point-black-color); font-size:12px; font-weight:300;}
.all_layer .detail ul li .chkbox input[type="checkbox"]:checked + i {background-image:url(../images/ico/ico_sort_chk_on_type02.svg);}
.all_layer .detail ul li .chkbox i {margin-right:6px;}
.all_layer .detail ul li .chkbox .sm_ft {font-size:11px;}

.mapfix_control.type02 {display:flex; z-index:10; top:inherit !important; right:18px; bottom:170px; align-items:flex-end; flex-direction:column;}
.mapfix_control.type02 button {width:40px; height:40px; box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 25%); }
.mapfix_control.type02 .zoom_btn button + button {border-top:0;}
.mapfix_control.type02 .ico_maps {background-image:url(../images/ico/ico_maps_b.svg),linear-gradient(180deg, var(--white-color) 0%, #F2F2F8 100%);}
.mapfix_control.type02 .ico_ruler {background-image:url(../images/ico/ico_ruler_b.svg),linear-gradient(180deg, var(--white-color) 0%, #F2F2F8 100%);}
.mapfix_control.type02 .ico_chart {background-image:url(../images/ico/ico_chart_sb.svg),linear-gradient(180deg, var(--white-color) 0%, #F2F2F8 100%);}
.mapfix_control.type02 .ico_list {background-image:url(../images/ico/ico_list_b.svg),linear-gradient(180deg, var(--white-color) 0%, #F2F2F8 100%);}
.mapfix_control.type02 .ico_zoomin {background-image:url(../images/ico/ico_zoomin_b.svg),linear-gradient(180deg, var(--white-color) 0%, #F2F2F8 100%);}
.mapfix_control.type02 .ico_zoomout {background-image:url(../images/ico/ico_zoomout_b.svg),linear-gradient(180deg, var(--white-color) 0%, #F2F2F8 100%);}
.mapfix_control.type02 .ico_maps:hover {background-image:url(../images/ico/ico_maps_on_r.svg); background-color:var(--point-blue-color);}
.mapfix_control.type02 .ico_ruler:hover {background-image:url(../images/ico/ico_ruler_on_r.svg); background-color:var(--point-blue-color);}
.mapfix_control.type02 .ico_chart:hover {background-image:url(../images/ico/ico_chart_on_r.svg); background-color:var(--point-blue-color);}
.mapfix_control.type02 .ico_list:hover {background-image:url(../images/ico/ico_list_on_r.svg); background-color:var(--point-blue-color);}
.mapfix_control.type02 .ico_zoomin:hover {background-image:url(../images/ico/ico_zoomin_on_r.svg);}
.mapfix_control.type02 .ico_zoomout:hover {background-image:url(../images/ico/ico_zoomout_on_r.svg);}
.mapfix_control.type02 .ico_info_circle {background-image:url(../images/ico/ico_info_circle.svg), linear-gradient(180deg, var(--white-color) 0%, #F2F2F8 100%);}
.mapfix_control.type02 .ico_info_circle:hover {background-image:url(../images/ico/ico_info_circle_on.svg);}
.mapfix_control.type02 .ico_info_circle.on {background-image:url(../images/ico/ico_info_circle_on.svg); background-color:var(--point-blue-color);}
.mapfix_control.type02 .map_view {width:123px; height:123px; margin-top:18px;}
/*** e : 2024-08-04 페이지 추가 시작 ***/


.layer_more {width:15px; height:18px; text-indent:-9999px; background:url(../images/ico/ico_layer_more.svg) no-repeat center;}
.layer_popup {position:fixed; z-index:9999; left:0; top:0; width:100%; height:100%; margin-left:0 !important; background:rgba(0,0,0,0.3);}
.layer_popup .ly_popup {position:absolute; z-index:1; left:407px; top:358px; width:180px; padding:8px; border-radius:8px; background:linear-gradient(to bottom, #fff 0%, #f2f2f8 100%); box-shadow:4px 7px 20px 0 rgba(60,66,97,0.4)}
.layer_popup .ly_popup .pop_head {display:flex; justify-content:space-between; margin-bottom:8px; padding:8px 10px; border-bottom:1px solid #DBDBEE;}
.layer_popup .ly_popup .pop_head strong {position:relative; padding-left:23px; font-size:14px; font-weight:600; color:#0E0F11; background:url(../images/ico/ico_popup_layer.svg) no-repeat left center;}
.layer_popup .ly_popup .pop_head button.close {width:18px; height:18px; text-indent:-9999px; background:url(../images/ico/ico_popup_layer_close.svg) no-repeat center;}
.layer_popup .ly_popup .pop_con {height:125px;}
.layer_popup .ly_popup .pop_con .year_select {display:flex; flex-direction:column;}
.layer_popup .ly_popup .pop_con .year_select label {position:relative;  display:block; width:100%; padding:5px 10px 5px 38px;}
.layer_popup .ly_popup .pop_con .year_select label input {position:absolute; z-index:-1; left:0; top:0; width:0px; 
height:0px; clip:rect(0,0,0,0); overflow:hidden;}
.layer_popup .ly_popup .pop_con .year_select label input + i {position:absolute; z-index:1; left:10px; top:3px; width:18px; height:18px; background:url(../images/ico/ico_layer_pop_chk.svg) no-repeat center/100%;}
.layer_popup .ly_popup .pop_con .year_select label input:checked + i {background-image:url(../images/ico/ico_layer_pop_chk_on.svg);}
.layer_popup .ly_popup .pop_con .year_select label span {display:block; font-size:12px; line-height:1.25;}

.layer_two .layer_popup .ly_popup {top:556px;}

/* 신규팝업 */
.info_popup { flex-direction:column; position:fixed; z-index:9999; left:50%; top:50%; padding:20px; background:linear-gradient(to bottom, #fff, #f2f2f8); border-radius:7px; overflow:hidden; box-shadow:4px 7px 20px 0 rgba(60,66,97,0.4)}
.info_popup.size_sm {width:250px; max-height:300px;}
.info_popup.size_md {width:450px; height:480px; /*margin-left:-225px; margin-top:-240px;*/}
.info_popup.size_lg {width:600px; height:435px; /*margin-left:-300px; margin-top:-217px;*/}
.info_popup .pop_head {flex-shrink:0; display:flex; align-items:center; justify-content:space-between;}
.info_popup .pop_head .tit {flex-grow:1; padding-left:24px; font-size:18px; font-weight:700; line-height:1; color:var(--navy-color); background:url(../images/ico/ico_infopop_title.svg) no-repeat left top;}
.info_popup .pop_head .close {flex-shrink:0; width:22px; height:22px; text-indent:-9999px; background:url(../images/ico/ico_infopop_close.svg);}
.info_popup .pop_con {flex-grow:1; margin-top:10px; overflow-y:auto;}

.info_popup .info_table {margin-top:-2px; font-size:14px; line-height:1;}
.info_popup .info_table th {white-space: break-spaces; height:32px; padding:12px 10px 7px; font-weight:500; border-bottom:1px solid var(--point-blue-color); text-align:left; color:var(--point-blue-color);}
.info_popup .info_table td {height:32px; padding:12px 6px 7px 20px; text-align:left; border-bottom:1px solid var(--lightgray-color); color:var(--navy-color);}

.info_popup .info_table02 {border-bottom:2px solid var(--point-blue-color);}
.info_popup .info_table02 thead th {height:26px; font-size:12px; font-weight:600; color:var(--basic-black-color); border-bottom:1px solid var(--point-blue-color);}
.info_popup .info_table02 tbody td {height:25px; text-align:center; font-size:12px; color:var(--basic-black-color); border-bottom:1px solid var(--lightgray-color);}

.info_popup .flex_con {display:flex; flex-direction:column; justify-content:space-between;}
.info_popup .flex_con .scroll {flex-grow:1; width:100%; max-height:calc(100% - 80px); overflow:auto; padding:0px 5px;}
.info_popup .search_form {display:flex; flex-shrink:0; justify-content:space-between;}
.info_popup .search_form select {flex-shrink:0; max-width: calc(100% - 450px);/* width:150px; */ height:28px; padding:0 26px 0 12px; font-size:12px; color:var(--basic-black-color); border-radius:6px; border:1px solid var(--gray-color); background:url(../images/ico/ico_infopop_select.svg) no-repeat right 12px center; margin-right: 10px;}
.info_popup .search_form input[type="text"] {flex-grow:1; /* max-width:calc(100% - 245px); */ font-size:12px; border-radius:6px; border:1px solid var(--gray-color); margin-right: 10px;}
.info_popup .search_form input[type="text"]::placeholder {font-size:12px; color:#77838D;}
.info_popup .search_form .search {flex-shrink:0; min-width:77px; padding:0 18px 0 36px; font-size:13px; color:#fff; font-weight:600; text-align:left; border-radius:6px; background:var(--point-blue-color) url(../images/ico/ico_infopop_search.svg) no-repeat left 14px center; margin-right: 10px;}
.info_popup .info_total {display:flex; align-items:center; justify-content:space-between;}
.info_popup .info_total p {font-size:10px; color:var(--basic-black-color);}
.info_popup .info_total p em {color:var(--point-blue-color);}
.info_popup .info_total .down_btn {height:28px; padding:0 12px 0 31px; font-size:13px; color:#fff; border-radius:6px; background:#0D7B42 url(../images/ico/ico_infopop_down.svg) no-repeat 12px center;}

.info_popup .mCSB_container_wrapper {margin-right:12px; margin-bottom:16px;}		
.info_popup .mCSB_container_wrapper>.mCSB_container {padding-right:12px; padding-bottom:16px;}	

/********************************************************************************************************************************************************************************************************************************************************/
@media all and (max-width:1833px){ 
	.digital_infolist ul li {width:calc(25% - 35px);}

	.map_etc .map_btntop_wrap .map_shape .etc_btn {margin-right:0;}
	.map_etc .map_select {width:50%;}
	.map_etc .map_select .select {width:33.33%; margin-right:20px;}
	.map_etc .map_select .select select {width:100%;}
	.map_etc .map_select .select input {width:100%;}
}

@media all and (max-width:1500px){ 
	.scroll_conwrap .research_li li {width:calc(33.33% - 26px);}
}

@media all and (max-width:1199px){ 
	.blue_carbon:after {bottom:30px; opacity:0.15;}
	.blue_carbon {height:auto;}
	.blue_carbon .con {position:static; padding:130px 40px 150px; transform:inherit;}
	.blue_carbon .cooperation {bottom:34px; height:auto;}

    header .home_btn {width:40px; height:40px; background-size:24px;}

    header.hd_type01 {height:90px;}
    header.hd_type01 h1 {width:250px;}

	header.hd_type02 .top {padding:0 16px;}
	header.hd_screen .top {padding:0;}
	.map_etc {padding:8px 10px;}
	.map_etc .map_select {left:54%;}
	.map_etc .map_select .select .tit {font-size:14px;}

	/******************************** 202408 new ********************************/
	/**** 202408 index_new ****/
	/* 상단바 높이 따라서 바텀 줄지 말지 수정 필요 */
	header.hd_type02 .top .hd_tit {/* bottom:17px; */ font-size:19px;}

    .blue_carbon .lang_btn:before {top:-1px;}
	.blue_carbon .lang_btn {top:30px; right:40px; font-size:14px;}
	.blue_carbon .logout {top:80px; right:40px; font-size:14px;}

	.scroll_conwrap {padding:60px 40px;}
	.scroll_conwrap .scr_con .page_tit.big {font-size:36px;}
	
	.scroll_conwrap .inner_tab {padding-bottom:40px;}
	.scroll_conwrap .inner_tab li {height:56px;}
	.scroll_conwrap .inner_tab li button {font-size:20px;}

	.scroll_conwrap .sch_inp input {width:100%;}

	.scroll_conwrap .research_li li .txt_box > strong {height:48px; padding:0; font-size:20px;}
	.scroll_conwrap .research_li li .txt_box .etc {padding:0;}

	.detail_popwrap {width:335px;}

	.detail_pop .dt_poptit:before {top:2px;}
	.detail_pop .dt_poptit {font-size:16px;}
	.detail_pop .txt {font-size:14px;}
	.detail_pop ol.txt.order li:before {font-size:14px;}
	.detail_pop .rsch_dottit {font-size:15px;}
}

@media all and (max-width:1024px){ 
	.mb_is_hide {display:none !important;}


	.blue_carbon:after {display:none;}
	.blue_carbon .con h1 strong {font-size:60px;}

	.digital_infolist ul {padding-bottom:150px; margin:0 -10px -35px;}
	.digital_infolist ul li {width:calc(33.33% - 20px); margin:0 10px 35px;}
	.digital_infolist ul li .thumb .box {height:240px;}	
	.digital_infolist ul li .tit {font-size:16px;}

	.etc_btmbtn {left:16px; width: calc(100% - 32px); bottom:20px; min-width:auto; transform:inherit;}
    .etc_btmbtn ul {display:flex; width:100%; padding:6px;}
    .etc_btmbtn li {flex:1; min-width:auto;}
	.etc_btmsearch {padding:6px;}
	


	.map_etc {top:0; transform:translateY(-49px)}
	.map_etc.show {transition:transform .3s ease; /*transform:translateY(60px)*/}
	.map_etc.hide {transition:transform .3s ease;}
	.map_etc .map_btntop_wrap {/* justify-content:inherit; */ justify-content:space-between;}
	.map_etc .map_btntop_wrap > div {display:inline-block; vertical-align:top;}
	.map_etc .map_btntop_wrap .map_control {margin-left:10px;}
	.map_etc .map_select {position:static; width:100%; margin-top:15px; transform:translate(0);}
	/* 헤더 정보도와 현장조사프로그램 수정 필요 */
	header.hd_type02.hd_screen .top h1 {display:block;} /* 정보도 일 때 */
	header.hd_type02:not(.hd_screen) .top h1 { /* 현장조사 프로그램 */
		position:relative;
		top:0px;
		width:50px;
		height:50px;
		background-image:url(../images/ico/ico_program_logo_m.png);
		background-size:40px;
		background-position:center left;
	}
	header.hd_type02 .top h2 {display:block;}
	/* hd_etc 수정 필요 */
	header.hd_type02 .top .hd_etc {display:block; position:fixed; z-index:9999; top:0; right:-100%; width:46%; height:100%; border-left:1px solid var(--lightgray-color); box-shadow:-4px 0px 3px 0px rgba(68, 73, 100, 0.20); background:var(--white-color); transform:translateY(0);}
	header.hd_type02 .top .hd_etc.show {right:0; transition:right .3s ease;}
	header.hd_type02 .top .hd_etc.hide {transition:right .3s ease;}
	header.hd_type02 .top .hd_etc .menu_close {display:block;}
	header.hd_type02 .top .hd_etc a {display:block; position:relative; width:100%; height:auto; padding:15px 15px 15px 44px; text-indent:inherit; border-bottom:1px solid var(--lightgray-color); background-position:center left 20px; background-size:14px;}
	header.hd_type02 .top .hd_etc a:after {content:''; position:absolute; z-index:1; top:50%; right:20px; width:14px; height:14px; background:url(../images/ico/ico_sm_arw_bb.svg) no-repeat center; background-size:100%; transform:translateY(-50%);}
	header.hd_type02 .top .hd_etc a + a {margin-left:0;}
	header.hd_type02 .top .hd_etc a.go_main {display:none;}
	header.hd_type02 .top .hd_etc a.close {display:none;}
	header.hd_type02 .top .hd_etc .mb_close {display:block;}
	header.hd_type02 .top .hd_etc a.bookmark {background-image:url(../images/ico/ico_bookmark_m.svg)}
	
	/* header.hd_type02 .top .hd_etc a.bookmark:hover {background-image:url(../images/ico/ico_bookmark_m.svg)} */
	header.hd_type02 .top .hd_etc a.more {background-image:url(../images/ico/ico_more_hdm.svg)}
	header.hd_type02 .top .hd_etc a.more:hover {background-image:url(../images/ico/ico_more_hdm.svg)}
	header.hd_type02 .top .hd_etc a.mb_close {background-image:url(../images/ico/ico_pageclose_m.svg)}
	
	.feature_popwrap {position:relative; position:fixed; z-index:9988; top:50px; left:-100%; width:100%; height:calc(100% - 60px) !important;}
	.feature_popwrap.show {left:0; transition:left .3s ease; background:transparent;}
	.feature_popwrap.show .mb_popbtn.right_type {right:0;}
	.feature_popwrap.show .mb_popbtn.right_type span {background-image:url(../images/ico/ico_mb_popbtn_right_close.svg);}
	.feature_popwrap.hide {transition:left .3s ease;}
	.feature_pop {position:static; width:calc(100% - 45px) !important; min-width:inherit; max-width:100%; height:100%; overflow:hidden; box-shadow: 4px 4px 3px 0px rgba(68, 73, 100, 0.10); border-radius:0px 10px 10px 0px; border:1px solid var(--lightgray-color); background:var(--white-color);}
	.feature_pop.show {height:100%;}
	.feature_pop .tit_btn {border:0; border-radius:6px 6px 0 0; box-shadow:none; pointer-events:none;}
	.feature_pop .tit_btn:after {transform: scaleX(-1) translateY(-10px); transform-origin: center;}
	.feature_pop:not(.leftrsch_pop) .con {display:block !important;}

	.more_pop {display:block !important; position:fixed; z-index:9997; top:0; right:inherit; left:-100%; width:54%; height:100%; background:rgba(255,255,255,0.90);}
	.more_pop.mb_show {left:0; transition:left .3s ease;}
	.more_pop.hide {transition:left .3s ease;}

	.mb_popbtn {display:block;}

	#feature_pop, #feature_pop2 {position:fixed; z-index:99999; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.50);}
	#common_pop {position:fixed; z-index:99999; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.50);}

	/******************************** 202408 new ********************************/
	/**** 202408 index_new ****/
	.scroll_conwrap .scr_con {min-height:600px;}
	.scroll_conwrap .scr_con .page_tit.big {font-size:30px;}
	.scroll_conwrap .scr_con .page_tit {padding-bottom:18px;}

	.scroll_conwrap .scr_tab {width:100%;}
	.scroll_conwrap .scr_tab li {flex:1; min-width:auto;}
	.scroll_conwrap .scr_tab li button {padding:10px 0;}
	.scroll_conwrap .scr_tab li button:before {width:20px; height:20px;}
	.scroll_conwrap .scr_tab li:last-child:hover button:after, 
	.scroll_conwrap .scr_tab li:last-child.active button:after, 
	.scroll_conwrap .scr_tab li:last-child button {border-radius:0 8px 8px 0;}
	.scroll_conwrap .scr_tab li:first-child:hover button:after, 
	.scroll_conwrap .scr_tab li:first-child.active button:after, 
	.scroll_conwrap .scr_tab li:first-child button {border-radius:8px 0 0 8px;}

	.scroll_conwrap .inner_tab li {height:46px;}
	.scroll_conwrap .inner_tab li button {font-size:18px;}
	
	.scroll_conwrap .sch_inp > * {height:42px;}
	.scroll_conwrap .sch_inp button {font-size:14px;}
	.scroll_conwrap .sch_inp button:before {width:18px; height:18px; margin-right:6px;}
	.scroll_conwrap .sch_inp input {font-size:15px;}
	.scroll_conwrap .sch_inp input::placeholder {font-size:15px;}

	.scroll_conwrap .research_li li .thumb {height:200px;}
	.scroll_conwrap .research_li li .txt_box > strong {height:43px; font-size:18px;}
	.scroll_conwrap .research_li li .txt_box .etc {display:block;}
	.scroll_conwrap .research_li li .txt_box .etc p + p {margin-top:8px;}

	.scroll_conwrap .btm_etc .right {position:static; margin-top:20px; text-align:right;}

	#research_pop .popup {width:90%; height:70vh;}
	
	.popup .pop_tit.md {font-size:24px;}

	.board_view .two {display:block;}
	.board_view .two > div {width:100%;}

	/**** 202408 digital_Infoscreen ****/
	header.hd_screen .top .hd_etc .lang_btn {position:absolute; z-index:1; top:12px; right:16px; text-indent:-9999px; padding:0 0 0 32px; margin-right:0; color:var(--point-black-color); border-bottom:0; background-size:auto; background-position:center;}
	header.hd_screen .top .hd_etc .lang_btn:before {top:5px; width:27px; height:16.5px;}
	header.hd_screen .top .hd_etc .lang_btn:after {display:none;}
	
	.info_maintab li button {font-size:15px;}

	.digital_layerlist {top:115px; right:8px;}
	.digital_layerlist .main_btn button:after {display:none;}
	.digital_layerlist .main_btn button {width:auto;}
	.digital_layerlist.open {top:104px; right:0; height:calc(100% - 104px);}
	.digital_layerlist.open .main_btn button:after {display:block;}
	.digital_layerlist.open .main_btn button {border-radius:0;}
	.digital_layerlist .layer_con {height:calc(100% - 150px);}
	.digital_layerlist .layer_con .mCustomScrollBox {padding-bottom:40px;}
	.digital_layerlist .layer_con .is_empty {padding-top:258px; font-size:16px;}

	.mapfix_control.type02 {right:8px !important;}
	.mapfix_control.type02 .map_view {display:none;}
	.mapfix_control.type02 button {width:38px; height:38px;}
	
	.feature_pop.leftrsch_pop {min-width:calc(100% - 50px); height:100%; border-radius:0;}
	.feature_pop.leftrsch_pop .con.no_btn > .leftrsch_dt > .mCustomScrollBox > .mCSB_scrollTools {top:0;}
	
	.leftrsch_pop .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {height:100%;}
	.leftrsch_pop .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {height:5px;}
	.leftrsch_pop .slick_tabbtn {top:0; border-radius:0;}
	.leftrsch_pop .tabbtn_slider {border-radius:0;}

	.rsch_dottit.sm:before {top:7px;}
	.rsch_dottit.sm {padding-left:12px; font-size:14px;}
	
	.is_sm_pop {display:none;}
	.is_big_pop {display:none;}

	
	.detail_popwrap {left:0; bottom:-2000px; width:100%; height:100%; opacity:0; background:rgba(0,0,0,.5); transition:none;}
	.detail_popwrap.show {bottom:0; }
	.detail_popwrap.show .detail_pop {height:70%; bottom:-2000px; width:100%; left:0; opacity:1; visibility:visible;}
	.detail_popwrap.show {transition:opacity .3s ease,visibility .3s ease,background .3s ease; left:0; bottom:-2000px; width:100%; height:100%;}
	.detail_popwrap.show.show02 {transition:opacity .3s ease,visibility .3s ease,background .3s ease; left:0; bottom:0; width:100%; height:100%;}
	.detail_popwrap.show02 {transition:opacity .3s ease,visibility .3s ease,background .3s ease !important;}
	.detail_popwrap.show.show02 .detail_pop {bottom:0; transition:all .3s ease;}
	.detail_popwrap.show.show02 .is_big_pop {display:block;}
	.detail_popwrap.show.show02.type_sm_pop .detail_pop {width:calc(100% - 84px); height:80vh; bottom:inherit; top:50%; left:50%; border-radius:34px; transform:translate(-50.5%,-50.5%); transition:none;}
	.detail_popwrap.mb_hide {transition:none;}
	.detail_popwrap.mb_hide .detail_pop {transition:none;}
	.detail_pop {position:fixed; z-index:9987; left:0; bottom:-2000px; width:100%; height:70%; padding:0; border-radius:33px 33px 0 0; background:var(--white-color); opacity:0; visibility:hidden; transition:all .3s ease;}
	.detail_pop .dt_con_wrap .scr_wrap .mCustomScrollBox {padding:0 20px 50px;}
	
	.detail_pop .dt_poptit:before {top:3px;}
	.detail_pop .dt_poptit {margin:20px 20px 10px; font-size:16px;}
	.detail_pop .rsch_bgtit {padding:7px 20px; font-size:14px;}
	.detail_pop .rsch_bgtit br {display:none;}
	.detail_pop .txt {font-size:13px; line-height:1.4;}
	.detail_pop .txt li + li {margin-top:2px;}
	.detail_pop ol.txt.order li {padding-left:16px;}
	.detail_pop ol.txt.order li:before {font-size:13px;}
	.detail_pop .step_tit::before {top:-2px;}
	.detail_pop .step_tit {font-size:13px;}
	.detail_pop .img {width:600px; max-width:100%;}

    .select_custom {width:70px !important; max-width:100%; min-width:70px}
    .select_custom.lg {width:120px !important;}
    .select_custom.sm {min-width:70px;}
	.select_custom.lg.msm {width:70px !important;}
    .selectchk_wrap > div {margin-right:15px;}
    .select_custom .dropdown_menu li label {padding-left:30px;}
    .select_custom .dropdown_menu li label span {left:10px;}
	
	.layer_popup .ly_popup {left:50%; top:50% !important; transform:translate(-50%,-50%);}
	
	.info_popup.size_md,
	.info_popup.size_lg {left:0; width:90% !important; margin-left:5%;}
	.info_popup .pop_head {padding:2px 0;}
	.info_popup .pop_head .tit {padding-top:2px; font-size:15px; min-height:18px;}
	.info_popup .search_form select {width:80px; font-size:12px;}
	.info_popup .search_form input[type="text"] {max-width:calc(100% - 170px); font-size:12px;}
	.info_popup .search_form input[type="text"]:placeholder {font-size:12px;}
	.info_popup .search_form .search {font-size:12px;}
}

@media all and (max-width:768px){
	.digital_infolist ul li {width:calc(50% - 20px); margin:0 10px 30px;}
	.digital_infolist ul li .thumb .box {height:200px;}

	/******************************** 202408 new ********************************/
	/**** 202408 index_new ****/
	.scroll_conwrap {padding:60px 24px;}
	.scroll_conwrap .sch_inp {margin-bottom:20px;}

	.scroll_conwrap .research_li {margin:0 -10px;}
	.scroll_conwrap .research_li li {width:calc(50% - 20px); margin:0 10px 20px;}
	.scroll_conwrap .research_li li .thumb {border-radius:8px;}
	.scroll_conwrap .btm_etc .right button:before {width:17px; height:16px; margin-right:10px;}
	.scroll_conwrap .btm_etc .right button {width:140px; height:40px; font-size:14px;}

	.pager ol li a {font-size:14px;}
	
	.scroll_conwrap .greet_img {
        display: none;
    }
    
    .scroll_conwrap .greet_img_2{
        display: block;
    }
    .scroll_conwrap .greet_img_2 img{
    	width:100%;
    }	
	
}

@media all and (max-width:640px){
	.blue_carbon .con h1 {margin-bottom:12px;}
	.blue_carbon .con h1 strong {margin-bottom:5px; font-size:40px;}
	.blue_carbon .con h1 {font-size:30px;}
	.blue_carbon .con > *:not(.btn_box) {padding:0 14px;}
	.blue_carbon .con > p {font-size:12px; line-height:1.9;}
	.blue_carbon .con ul li:before {top:9px; width:2px; height:2px;}
	.blue_carbon .con ul li {padding-left:10px; font-size:12px;}
	.blue_carbon .con .tag {margin-top:30px;}
	.blue_carbon .con .tag span {padding:8px 20px; font-size:12px;}
	.blue_carbon .con .btn_box {margin-top:44px;}
	.blue_carbon .con .btn_box a {width:100%; min-width:100%;}
	.blue_carbon .con .btn_box a + a {margin-top:20px;}
	.blue_carbon .cooperation {padding:0 30px;}
	.blue_carbon .cooperation p {margin:0 14px;}

    header.hd_type01 {width:100%; height:66px; margin:0; padding:0 16px;}
    header.hd_type01 h1 {width:200px; bottom:17px;}
	header .home_btn {width:34px; height:34px; background-size:18px;}
	
    .digital_wrap {padding:90px 20px 0;}

    
	.blue_smtab li {min-width:88px;}
	.blue_smtab li a {padding:8px 0; font-size:12px;}
	.digital_infolist {height:calc(100vh - 66px);}
	.digital_infolist ul {padding-bottom:190px;}
	.digital_infolist ul li .thumb .box {height:135px; border-radius:12px;}
    .digital_infolist ul li .thumb .like {right:2px; bottom:0; width:36px; height:36px; background-size:19px;}
    .digital_infolist ul li:not(.empty,.new) a:hover .thumb:after {width:calc(100% - 6px); height:calc(100% - 6px); border-radius:12px; border-width:3px;}

    .etc_btmbtn {left:0; bottom:0; width:100%; min-width:100%; transform:inherit;}
    .etc_btmbtn ul {padding:6px; border-radius:0;}
    .etc_btmbtn a {font-size:12px;}
    .etc_btmbtn a:before {width:14px; height:14px; margin-right:6px;}
	
	.etc_btmsearch .sch_btn:before {width:16px; height:16px; margin-right:6px;}
	.etc_btmsearch .sch_btn {width:70px; font-size:12px;}
	.etc_btmsearch > * {height:36px;}
	.etc_btmsearch input[type="search"] {font-size:14px;}
	.etc_btmsearch input[type="search"]::placeholder {font-size:14px;}

	.popup {width:286px; min-width:286px; max-width:100%; border-width:2px;}
	.popup .pop_con .divi_list dt {width:38px; margin-right:14px; font-size:12px;}
    .popup .pop_tit {padding-bottom:8px; font-size:18px;}
    .popup .pop_tit.ico {padding-left:32px; background-position:bottom 11px left 10px;}
    .popup .pop_con {padding:18px 18px;}
    .popup .pop_con .divi_list {padding:0;}
	.popup .pop_con .divi_list dd {padding-left:52px; padding-bottom:14px;}
	.popup .pop_con .divi_list dd select {height:28px; font-size:11px;}
	.popup .pop_con .divi_list dd input {height:28px; font-size:11px;}
	.popup .pop_con .divi_list dd input::placeholder {font-size:11px;}
	.popup .pop_btn {margin-top:0;}
	.popup .pop_btn a.ico:before {width:15px; height:15px;margin-right:5px;}
	.popup .pop_btn a {min-width:80px; font-size:12px;}
    .popup .pop_close {top:18px; right:10px; width:40px; height:40px; background-size:16px;}

	header.hd_type02 .top {height:48px;}
	header.hd_type02 .top .hd_tit {font-size:15px;}
	header.hd_type02 .top h1 {position:relative; top:0; height:48px; font-size:14px; padding-left:40px; line-height:47px; background-size:34px;}
	header.hd_type02 .top h2 {right:0; background-size:20px;}
	header.hd_type02 .top .hd_etc a {padding:13px 15px 13px 44px; font-size:14px;}
	header.hd_type02 .top .hd_etc .menu_close {background-size:14px; background-position:center left 18px;}
	.more_pop [class^="ico_more_"] {background-size:14px;}
	.more_pop .ico_right_go_big:after {right:14px; width:14px; height:14px;}
	.more_pop .ico_right_go:after {right:14px; width:14px; height:14px;}

	.map_etc.show {transition:all .3s ease;}
	.map_etc .map_btntop_wrap > div {display:flex; flex-grow:1;}
	.map_etc .map_btntop_wrap > div > * {flex-grow:1;}
	.map_etc .map_btntop_wrap .map_shape .etc_btn {display:flex;}
	.map_etc .map_btntop_wrap .map_shape .etc_btn > * {flex-grow:1;}
	.map_etc [class^="ico_sp"] {width:32px; height:32px; background-size:32px;}
	.map_etc .map_select .select {margin-right:10px;}
	.map_etc .map_select .select .tit {margin-right:5px; font-size:11px;}
	.map_etc .map_select .select select {height:22px; font-size:10px;}
	.map_etc .map_select .select input {height:22px; font-size:10px;}

	.feature_popwrap {top:48px; height:calc(100% - 48px) !important;}
	.feature_pop {border-radius:0 10px 10px 0; border:1px solid var(--lightgray-color); box-shadow: 4px 4px 3px 0px rgba(68, 73, 100, 0.10);}
	.feature_pop .tit_btn {padding-left:40px; font-size:15px; background-size:17px; background-position:center left 15px;}
	.feature_pop .con .top_box strong {padding-left:26px; background-size:17px;}
	.feature_pop .con .top_box .count {font-size:11px;}
	.feature_pop .con .fe_list .label_box > p {width:42px; font-size:12px;}
	.feature_pop .con .fe_list .label_box .form_box {flex:auto;}
	.feature_pop .con .fe_list .label_box .form_box input {height:28px; font-size:10px;}
	.feature_pop .con .fe_list .label_box .form_box input::placeholder {font-size:10px;}
	.feature_pop .con .fe_list .label_box .form_box button:before {width:15px; height:15px;}
	.feature_pop .con .fe_list .label_box .form_box button {font-size:12px;}
	.feature_pop .con .fe_list .label_box .form_box.datepicker input {background-size:14px; background-position:center right 10px;}
	.feature_pop .con .top_box strong {font-size:15px;}
	.feature_pop .con {padding:0 15px 100px;}
	.feature_pop .con .fe_data .flex_table .thead .th {padding:10px 4px; font-size:11px;}
	.feature_pop .con .fe_data .flex_table .tbody_wrap {width:calc(100% + 15px);}
	.feature_pop .con .fe_data .flex_table .tbody .tr .td {font-size:11px;}
	.feature_pop .con .fe_data .flex_table .mCSB_scrollTools {right:8px; bottom:0;}
	.feature_pop.show {border-radius:0 10px 10px 0;}
	.feature_pop .tit_btn {border-color:transparent; border-radius:0; box-shadow:none;}
	.feature_pop .tit_btn:after {right:15px; transform: scaleX(-1) translateY(-10px); transform-origin:center;}
	.feature_pop .con .fe_data .flex_table .mCSB_inside>.mCSB_container {padding-right:15px;}

	.layer_list {width:120px;}
	.layer_list > button:before {width:15px; height:15px;}
	.layer_list > button {height:36px; font-size:13px;}
	.layer_list ul {height:162px;}
	.more_pop .tit {padding:14px 14px 14px 44px; font-size:14px;}
	.more_pop ul li .depth_tit {padding:14px 40px 14px 44px;}
	.more_pop ul li .depth_tit {font-size:13px;}
	.more_pop .depth_layer li a {padding:9px 40px 9px 40px; font-size:11px;}

	.mb_popbtn.top_type span {width:30px; height:18px;}
	.mb_popbtn.right_type span {width:18px; height:30px;}

	.mapfix_control {right:10px;}
	.mapfix_control button {width:43px; height:43px;}
	.mapfix_control .map_select {right:50px;}
	.mapfix_control .map_select a {width:38px; height:38px;}

	.layer_list {bottom:12px; right:12px;}
	.layer_list ul li {padding:10px 10px 8px;}
	.layer_list ul li .top .switch {width:23px; height:12px; margin-right:24px;}
	.layer_list ul li .top .trp_btn {width:20px; height:20px; background-size:12px;}
	.layer_list ul li .top .slider:before {width:10px; height:10px;}
	.layer_list ul li .top > strong {font-size:13px; font-weight:500;}
	.layer_list ul li .top input:checked + .slider:before {transform:translateX(11px);}
	
	.popup_text .popup {padding:18px 10px 28px; max-width:286px;}
	.popup_text .popup .pop_tit {padding:0 10px 8px;}
	.popup_text .popup .txt_con {padding:25px 0 0;}
	.popup_text .popup .txt_con .tit {margin-bottom:10px; font-size:12px;}
	.popup_text .popup .txt_con .txt {font-size:10px;}
	.popup_text .popup .pop_btn {margin-top:20px;}
	.popup_text .popup .pop_btn a {min-width:72px;}
	.popup_text .popup .pop_close {top:6px;}

	.mCSB_scrollTools {width:3px;}
	.digital_infolist .mCSB_scrollTools {right:8px; bottom:150px;}
	.digital_infolist .mCSB_inside>.mCSB_container { padding-right:18px;}

	.ui-widget.ui-widget-content.ui-tooltip {padding:4px;}
	.ui-widget.ui-widget-content.ui-tooltip .ui-tooltip-content {font-size:10px;}
	.layer_list ul li .transparency #slider-range-min {top:5px; height:3px;}
	.layer_list ul li .transparency .ui-slider .ui-slider-handle {width:10px; height:10px; margin-left:-8px;}

	/******************************** 202408 new ********************************/
	/**** 202408 index_new ****/
	.blue_carbon .lang_btn:before {width:31px; height:17.5px;}
	.blue_carbon .lang_btn {right:20px; width:98px; height:34px; border-radius:8px;}
	
	.blue_carbon .logout:before {width: 24px; height: 24px;}
	.blue_carbon .logout {top: 73px; right:20px; width:35px; height:34px; border-radius:8px;}
	
	.scroll_conwrap .scr_tab {margin-bottom:40px;}
	.scroll_conwrap .scr_tab li button {padding:10px 0; font-size:15px;}
	.scroll_conwrap .scr_tab li button:before {width:19px; height:19px;}

	.scroll_conwrap .scr_con .page_tit.big {font-size:24px;}

	.scroll_conwrap .inner_tab li {height:40px;}
	.scroll_conwrap .inner_tab li button {font-size:15px;}

	.scroll_conwrap .research_li li .thumb {height:150px;}
	.scroll_conwrap .research_li li .txt_box > strong {height:38px; font-size:16px;}
	.scroll_conwrap .research_li li .txt_box .etc p {font-size:12px;}
	.scroll_conwrap .research_li li .txt_box .etc .ico:before {top:0;}

	.popup .pop_tit.md {font-size:20px;}

	#research_pop .popup .pop_con {padding:0;}
	#research_pop .popup .pop_tit.ico {padding-left:22px; background-position:top 5px left 0; background-size:16px;}
	.board_divi {display:block; padding:14px; font-size:12px;}
	.board_divi dt {float:left;}
	.board_divi dt:before {width:15px; height:15px;}
	.board_divi dd {padding-bottom:10px; margin-right:0;}
	.board_divi dd:last-of-type {padding-bottom:0;}
	.board_view {font-size:14px;}
	.board_view .tit {padding:8px 0;}
	.board_view .txt {padding:8px 0;}
	
	/**** 202408 digital_Infoscreen ****/
	.mo_br {display:block;}

    .info_maintab_wrap {top:48px;}
	.info_maintab li button {font-size:12px;}
	
	.digital_layerlist.open {top:92px; height:calc(100% - 92px);}
	.digital_layerlist {top:104px;}
	.digital_layerlist .main_btn button:before {width:15px; height:15px; margin-right:3px;}
	.digital_layerlist .main_btn button:after {top:7px; right:12px;}
	.digital_layerlist .main_btn button {height:32px; padding:0 12px; font-size:13px; line-height:1.2;}
	.digital_layerlist .layer_wrap .tab_btn {height:28px;}
	.digital_layerlist .layer_wrap .tab_btn button {font-size:12px;}
	.digital_layerlist .layer_wrap .tab_btn button:after {height:2px;}
	.digital_layerlist .layer_wrap .sch_con .inp input {font-size:12px;}
	.digital_layerlist .layer_wrap .sch_con .inp input::placeholder {font-size:12px;}
	.digital_layerlist .layer_con .is_empty {font-size:14px;}

	.rsch_tabwrap > ul li {height:32px;}
	.rsch_tabwrap > ul li button {font-size:13px;}
	.rsch_tabwrap > ul.type02 li button {font-size:12px;}
	
	.rsch_bgtit {padding:8px 20px; font-size:13px;}
	.rsch_bgtit.ico {padding-left:35px;}
	.rsch_bgtit.ico:before {left:15px; top:9px; width:15px; height:15px;}
	.rsch_bgtit.ico.layer:before {top:9px;}
	
	.rsch_box .rsch_tit:before {width:20px; height:20px; margin-right:5px;}
	.rsch_box .rsch_tit {font-size:15px; padding-left:25px;}
	.rsch_box .rsch_tit.edit_btn {margin-top:13px; font-size:14px; margin-bottom:-20px; background-size:16px;}
	.rsch_box .main_txt {font-size:13px;}
	.rsch_box .main_txt + .sub_txt {margin-top:4px;}
	.rsch_box .sub_txt {font-size:12px;}
	.rsch_box .dot_style p {padding-left:10px;}
	.rsch_box .dot_style p:before {top:6px;}
	.rsch_box.mCustomScrollbar .mCustomScrollBox {padding-right:15px;}

	.rsch_tabcon .select_btncon p {font-size:11px;}
	.rsch_tabcon .select_btncon button {margin-right:15px;}

	.leftrsch_pop .form .analyze_btn {padding-left:0; padding-right:0;}

	.feature_pop.leftrsch_pop .con.pt {padding-top:38px;}
	.feature_pop.leftrsch_pop .con .leftrsch_dt > .mCustomScrollBox > .mCSB_container {padding-top:15px;}
	
	.leftrsch_pop .both_pd {padding-left:15px; padding-right:15px;}
	.leftrsch_pop .sm_btn {right:15px;}
	.leftrsch_pop .tabbtn_slider .slick-slide {height:28px; font-size:14px; line-height:28px;}
	.leftrsch_pop .tabbtn_slider .slick-arrow {top:4px;}
	.leftrsch_pop .slick_tabbtn button {height:28px; font-size:14px;}
	.leftrsch_pop .slick_tabbtn button:after {border-radius:12px;}

	.leftrsch_pop .aslayer_list li.as_list {padding:7px 15px;}
	.leftrsch_pop .aslayer_list li.as_list > p:before {width:15px; height:15px;}
	.leftrsch_pop .aslayer_list li.as_list > p {padding-left:20px; font-size:12px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

	.leftrsch_pop .expand_con.both_pd {padding-left:20px; padding-right:20px;}

	.basic_table thead th {font-size:11px;}
	
	.select_grid p {font-size:12px;}
	
	.selectchk_wrap .tit {font-size:13px;}

	.shape_tool {padding-bottom:0;}
	.shape_tool .combi {padding:0 14px;}
	.shape_tool .combi button {width:25px; height:30px; margin:0 -1px; background-size:28px}
	.shape_tool div:not(.combi) button {width:30px; height:30px; background-size:15px;}

	.leftrsch_pop .form .tit:before {width:15px; height:15px;}
	.leftrsch_pop .form .tit {font-size:12px;}
	.leftrsch_pop .form select {background-size:14px;}
	.leftrsch_pop .form select::placeholder,
	.leftrsch_pop .form input::placeholder {font-size:12px;}
	.leftrsch_pop .form select, .leftrsch_pop .form input {height:28px; font-size:12px;}
	.leftrsch_pop .form .inp_wrap .inp > p {font-size:11px;}
	.leftrsch_pop .form .SumoSelect>.CaptionCont {height:28px; padding:7px 12px 0; font-size:11px;}
	.leftrsch_pop .form .SumoSelect>.CaptionCont.color_select i[class^="color_"] {top:8px;}
	.leftrsch_pop .radio_box .chkradio {padding-left:21px;}
	.leftrsch_pop .radio_box .chkradio span {font-size:13px;}
	.leftrsch_pop .radio_box .chkradio input + i {top:3px;}

	.user_custom .file_box .upload_btn:before {width:15px; height:15px;}
	.user_custom .file_box .upload_btn {line-height:28px; font-size:11px;}

	.rsch_tabcon .total_area {padding-top:14px; padding-left:15px; padding-bottom:14px;}
	.rsch_tabcon .total_area > strong:before {width:15px; height:16px;}
	.rsch_tabcon .total_area > strong {padding-left:20px; font-size:14px; line-height:1.5;}
	.rsch_tabcon .total_area p {font-size:10px;}
	.rsch_tabcon .total_area p strong {font-size:18px;}

    .all_layer .detail ul li {min-height:28px;}
    .all_layer > li > .chkbox.btn span {font-size:13px;}
    .all_layer .detail > .chkbox span {font-size:12px;}

    .digital_layerlist .layer_wrap .sch_con .inp {height:38px;}
    .digital_layerlist .layer_wrap .sch_con .inp input {font-size:12px;}
    .digital_layerlist .layer_wrap .sch_con .inp input::placeholder {font-size:12px;}
    .digital_layerlist .layer_con #sortable li > span {font-size:13px;}
    .digital_layerlist .layer_wrap .sch_con .inp button {background-size:15px;}
	
	.info_popup.size_md,
	.info_popup.size_lg {left:0 !important; top:initial !important; bottom:0 !important; width:100% !important; margin-left:0 !important; border-radius:8px 8px 0 0;}   
	
	.info_popup.size_md {height:490px;}
    
}

@media all and (max-width:480px){
    header.hd_type01 h1 {width:180px;}

    .digital_infolist ul li .tit {font-size:12px;}
}

@media all and (max-width:359px){
	.map_etc .map_btntop_wrap .map_control {margin-left:0;}

	.map_etc [class^="ico_sp"] {width:28px; height:28px;}

	.feature_pop .con .fe_list .label_box {display:block;}
	.feature_pop .con .fe_list .label_box > p {margin-bottom:10px;}

	/******************************** 202408 new ********************************/
	/**** 202408 index_new ****/
	.scroll_conwrap .research_li {margin:0;}
	.scroll_conwrap .research_li li {width:100%; margin:0 0 20px;}

	.leftrsch_pop .tabbtn_slider .slick-slide {font-size:13px;}
	.leftrsch_pop .slick_tabbtn button {font-size:13px;}

	.shape_tool .combi {padding:0;}

    .selectchk_wrap {display:block;}
    .selectchk_wrap .tit {width:70px;}
    .selectchk_wrap > div {margin-right:0;}
    .selectchk_wrap > div + div {margin-top:6px;}
}


/* 240902 개발 추가 */
.rsch_tabcon .select_btncon button.active:after {
    opacity: 1; /* 클릭 상태 고정 */
}
.rsch_tabcon .select_btncon button.active {
    color: var(--point-blue-color); /* 클릭 상태의 텍스트 색상 */
}
.rsch_tabcon .select_btncon .btn_shape.active:before {
    background-image: url(../images/ico/ico_btn_shape_on.svg); /* 클릭 상태의 이미지 변경 */
}

.shape_tool .ico_sp01[disabled] {background-image:url(../images/ico/ico_layer_sp01_bef.svg);}
.shape_tool .ico_sp02[disabled] {background-image:url(../images/ico/ico_layer_sp02_bef.svg);}
.shape_tool .ico_sp03[disabled] {background-image:url(../images/ico/ico_layer_sp03_bef.svg);}
.shape_tool .ico_sp_r01[disabled] {background-image:url(../images/ico/ico_sp_r01_bef.svg)}
.shape_tool .ico_sp_r02[disabled] {background-image:url(../images/ico/ico_sp_r02_bef.svg)}
.shape_tool .ico_sp_r03[disabled] {background-image:url(../images/ico/ico_sp_r03_bef.svg)}
.shape_tool .ico_sp_r04[disabled] {background-image:url(../images/ico/ico_sp_r04_bef.svg)}








/* 특정 테이블에 대한 스타일 적용 (id로 선택) */
/* #tabulator-table .scroll_table table { */
/*     width: 400px; */
/*     min-width: 100%; */
/* } */

/* #tabulator-table .basic_table { */
/*     color: var(--point-black-color); */
/* } */

/* #tabulator-table table { */
/*     width: 100%; */
/*     border-spacing: 0; */
/*     border-collapse: collapse; */
/*     color: #343839; */
/*     table-layout: fixed; */
/* } */

/* .tabulator-header { */
/*     display: table-header-group; */
/*     vertical-align: middle; */
/*     unicode-bidi: isolate; */
/*     border-color: inherit; */
/* } */

/* .tabulator-table{ */
/*     display: table-row-group; */
/*     vertical-align: middle; */
/*     unicode-bidi: isolate; */
/*     border-color: inherit; */
/* } */

.shape_tool .ico_sp_r04[disabled] {background-image:url(../images/ico/ico_sp_r04_bef.svg)}

/* 레이어 메타정보/속성정보 팝업 */
#layer_meta_infor, #property_infor {max-width:650px; /*height:400px;*/}
#property_infor {height:400px;}
.layerInfoPop.popup .pop_con {padding:22px 0;}

.layerInfoPop .board_view .tit {padding:10px 20px; color:var(--point-blue-color); line-height:1; border-bottom:1px solid var(--lightgray-color);}
.layerInfoPop .board_view .txt {padding:10px 20px; margin-bottom:0px; color:var(--navy-color); line-height:1; border-bottom:1px solid var(--lightgray-color);}

/* 해안조성 의사결정지원 - 평가기준 테이블 input */
.eval_tb_align {
	display: flex;
	justify-content: center;
	align-items: center;
}
.eval_tb_align span {
	width: 18px;
}

#tbl_evl_std_slope tbody input, #tbl_evl_std_wave tbody input, #tbl_evl_std_flood tbody input {width: 35%; height: 18px; font-size: 13px; text-align:center; }
#tbl_evl_std_slope td.eval_tb_align span:not(:nth-child(2))
, #tbl_evl_std_wave td.eval_tb_align span:not(:nth-child(2))
, #tbl_evl_std_flood td.eval_tb_align span:not(:nth-child(2)) {
	width: 35%;
}

/* 해안조성 의사결정지원 - 시나리오 목록 */
#tbl_scnr.basic_table thead th {height:26px;padding:0px 0;color:#171717;font-size:12px;font-weight:600;border-bottom:1px solid var(--point-blue-color);}
#tbl_scnr.basic_table tbody td {height:25px; padding:3px 0; font-size:12px; text-align:center; border-bottom:1px solid var(--lightgray-color);}
.scnr_table .mCSB_container_wrapper {
	margin-right: 0px;
	margin-bottom: 0px;
}
.scnr_table .mCSB_container {
	padding-bottom: 15px;
}

/* 시나리오 수정 완료 버튼 */
.leftrsch_pop .form .analyze_btn .save {margin-right: 0;}
.leftrsch_pop .form .analyze_btn .modify:before {background-image:url(../images/ico/ico_a_save.svg);}
.leftrsch_pop .form .analyze_btn .modify:hover:before {background-image:url(../images/ico/ico_a_save_w.svg);}

.dataTables_scrollBody::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #F2F2F8;
}

.dataTables_scrollBody::-webkit-scrollbar-track {
   	display:none;
    border-radius: 10px;
}

.dataTables_scrollBody::-webkit-scrollbar-thumb {
    background-color: #DBDBEE;
    border-radius: 10px;
}

.dataTables_scrollBody::-webkit-scrollbar-corner {
    background-color: transparent; /* 원하는 배경색 설정 */
}

/* 최적후보지 */
#eval_grid tbody tr:hover, #eval_grid tbody tr.on{background: #E1E5FB;}
#eval_grid tbody tr:hover, #eval_grid tbody tr.on td{color: var(--point-black-color) !important;}
/* #eval_grid tbody td {
	
} */
#eval_grid .dataTables_info {
	font-size: 12px;
}
#eval_grid .mCustomScrollBox {
    padding-right: 0px;
}


/* .layerInfor>.con {padding-left:15px; padding-top:20px; height:250px; overflow-y:auto; border-bottom:1px solid #cecece;}
.layerInfor>.con>ul.explain>li {padding:5px 0;}
.layerInfor>.con>ul.explain>li:first-child {padding-top:0;}
.layerInfor>.con>ul.explain>li+li {border-top:1px solid #cecece;}
.layerInfor>.con>ul.explain>li>div {overflow:hidden;}
.layerInfor>.con>ul.explain>li>div>* {display:inline-block; vertical-align:top; float:left; line-height:1.4;}
.layerInfor>.con>ul.explain>li>div>span {
    width:40%;
    color: #2A2B2E;
    font-size: 13px;
    font-weight: bold;
}
.layerInfor>.con>ul.explain>li>div>p,
.layerInfor>.con>ul.explain>li>div>ul {width:calc(100% - 60px); font-size:13px; color:#808080;}
.layerInfor>.con>ul.explain>li>div>ul>li {position:relative; padding-left:8px; padding-right:20px;}
.layerInfor>.con>ul.explain>li>div>ul>li:before {
    position:absolute; top:6px; left:0;
    display:block; content:"";
    width:4px; height:4px; background:#808080; border-radius:50%;
}

.layerInfor>.con>ul.explain>li>div.tag p {color: #007FE6;}

.custom-popup-wrap .layer-con {background-color:#fff;}
.custom-popup-wrap .layer-con div[class*="conWrap-"] {overflow-y:auto;}
.custom-popup-wrap .layer-con .conWrap-1 {height:calc(250px - 25px);}
.custom-popup-wrap .layer-con .conWrap-2 {height:185px;}
.custom-popup-wrap .layer-con .conWrap-3 {height:155px;} */



/*범례팝업 추가*/
#legend_popup .popup{
	width:200px;
	height:300px;
	border:0;
	z-index: 9999;
    top: 600px;
    left: 91%;
    max-width: 400px;
    padding: 18px 16px;
    border-radius: 20px;
    background: var(--white-color);
    transform: translate(-50%, -50%);
}
#legend_popup .mCSB_scrollTools {right:4px;}

#legend_popup .popup_text .popup .txt_con {
     padding: 0; 
     text-align: left; 
}

#legend_popup .popup .pop_con {
    padding: 0;
}

#legend_popup .tit{
	border-bottom: 1px solid blue;
}


/* 연관레이어 디자인 */
.leftrsch_pop .aslayer_list li.as_list .chkbox2 {
	display: flex;
    align-items: center;
    cursor: pointer;
}
.leftrsch_pop .aslayer_list li.as_list .chkbox2 i {
	display: inline-block;
    position: relative;
    width: 14px;
    height: 14px;
    background: url(../images/ico/ico_sort_chk.svg) no-repeat center;
    background-size: 100%;
    vertical-align: middle;
    margin-right: 3px;
    flex-shrink: 0;
}
.leftrsch_pop .aslayer_list li.as_list .chkbox2 input[type="checkbox"] {
    display: none;
}
.leftrsch_pop .aslayer_list li.as_list .chkbox2 input[type="checkbox"]:checked + i {background-image:url(../images/ico/ico_sort_chk_on_type02.svg);}
.leftrsch_pop .aslayer_list li.as_list .chkbox2 span{
	color: var(--basic-black-color);
    font-size: 13px;
    font-weight: 500;
    padding-left: 5px;
}

.leftrsch_pop .aslayer_list li.as_list span.detail_con {
	color: var(--basic-black-color);
    font-size: 13px;
    font-weight: 500;
}

.ssi_legend {
	width: 15px;
    height: 15px;
    margin: auto;
    border: 1px solid;
}

.ssi_legend.score_0 { background: #FF0000; }
.ssi_legend.score_1 { background: #FF5500; }
.ssi_legend.score_2 { background: #FFFF00; }
.ssi_legend.score_3 { background: #73FFDF; }
.ssi_legend.score_4 { background: #55FF00; }


/*면적 table 우측 padding 없애기 - 소화추가 */
.stms_basic_table tbody td{padding:3px 0px;}
.sg_basic_table tbody td{padding:3px 0px;}
.gridArea_table tbody td{padding:3px 0px;}

/*alert창 - 소화추가*/
#yetAlert{display:none;position: fixed; top:6px; right:172px; background: #fff; color: #333; padding: 10px; border-radius: 5px; z-index: 10000; font-size:15px; font-weight:600;}


/* 조회버튼 디자인 */
.selectchk_wrap .grid_calc_btn {
	flex: none;
	width: 40px;
}

.selectchk_wrap .grid_calc_btn:hover {
	flex: none;
	width: 40px;
}

/* 정보조회 팝업 */
#searchInfoPop .pop_li {
	display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 20px;
    border-bottom: 1px solid var(--lightgray-color);
}

#searchInfoPop .pop_head .tit, #searchInfoDetailPop .pop_head .tit {
	line-height: unset;
	font-size: 15px;
}

#searchInfoDetailPop tbody {
	font-size: 12px;
}

#searchInfoDetailPop .mCSB_inside>.mCSB_container {
    padding-right: 5px;
    margin-right: 0;
    padding-bottom: 3px;
}

#searchInfoDetailPop .info_table td {
    padding: 12px 6px 7px 10px;
}

#searchInfoDetailPop .flex_con {
	height: 100%;
}

#searchInfoDetailPop .flex_con .mCSB_scrollTools {
	right: 0;
}

#searchInfoPop, #searchInfoDetailPop {
    position: static;
}