@charset "utf-8";
  

/* modal */
.modal_wrap{display:none;position:absolute;top:100px;left:50%;margin-left:-500px;padding:30px 50px;width:1000px;background:#fff;box-sizing:border-box;opacity:0;overflow-y:auto;z-index:-1;-webkit-transition-duration:0.3s;transition-duration:0.3s;}
.modal_wrap.small{left:50%;margin-left:-245px;padding:30px 50px;width:490px;}
.modal_wrap.wide{margin-left:-560px;width:1120px;}
.modal_wrap.active{display:block;top:150px;opacity:1;z-index:999;}
.modal_wrap .modal_title{position:relative;background:#fff;border-bottom:1px solid #e0e0e0;}
.modal_wrap .modal_title h2{display:block;padding:15px 30px 15px 0;font-family:'NanumSquare';font-size:23px;font-weight:700;color:#000;line-height:130%;}
.modal_wrap .modal_title .btn_modal_close{display:block;position:absolute;top:-30px;right:-50px;width:60px;height:60px;text-indent:-9999em;background:url(../../images/portal/common/icon_modal_close.png) no-repeat center center;}
.modal_wrap .modal_content{padding:30px 0;}
.modal_wrap.wide .modal_title{border-bottom:1px solid #333;}
.modal_wrap.search .modal_title{border-bottom:0;}
.modal_wrap.search .modal_content{padding-top:0;}
.modal_wrap .modal_content h3.title{margin-bottom:10px;font-size:18px;}
.modal_wrap .btn_area{margin:20px 0;}
.modal_wrap .view_con{padding:30px;min-height:200px;line-height:180%;background:#f8f8f8;border-radius:7px;box-sizing:border-box;}
.modal_wrap .view_con:after{display:block;content:'';clear:both;}
.modal_wrap .view_con *{line-height:180%;}
.modal_wrap .view_con .desc_img{float:left;margin:0 20px 20px 0;}
.modal_search{position:relative;margin-bottom:30px;padding:0 100px 30px 0;border-bottom:1px solid #e0e0e0;}
.modal_search input[type="text"]{width:100%;}
.modal_search .btn{position:absolute;right:0;top:0;padding:0 10px;width:90px;}
.modal_wrap.window{position:relative;top:inherit;left:inherit;margin-left:0;padding-top:60px;width:auto;opacity:1;z-index:99;}
.modal_wrap.window .modal_title{position:fixed;top:0;left:0;right:0;}
.modal_wrap.window .modal_title h2{padding:0 20px;}
.modal_wrap.window .modal_title .btn_window_Close{display:block;position:fixed;top:0;right:0;width:60px;height:60px;text-indent:-9999em;background:url(../../images/portal/common/icon_modal_close.png) no-repeat center center;}
.modal_wrap .chart_wrap .chart_box{margin:0;}
.modal_wrap.nodata .modal_title{border-bottom:none;}
.modal_wrap.nodata .modal_content{padding:150px 0 0;text-align:center;background:url(../../images/portal/common/icon_nodata_new.png) no-repeat center 35px;}
.modal_wrap.nodata .modal_content p{margin-bottom:10px;font-size:16px;line-height:160%;}
.modal_wrap.nodata .modal_content .top{font-family:'NanumSquare';font-size:24px;color:#000;}
.modal_wrap.nodata .modal_content.well{background-image:url(../../images/portal/common/icon_well_new.png)}
.modal_wrap.nodata .modal_content.well p{margin-bottom:0;font-family:'NanumSquare';font-size:18px;}
.modal_wrap.bigdata .modal_title{border-bottom:none;}
.modal_wrap.bigdata .modal_content{padding:30px 0 10px;}
.modal_wrap.bigdata .modal_content .bigdata_box{padding:170px 10px 40px;line-height:160%;text-align:center;background:#f8f8f8 url(../../images/portal/common/icon_bigdata_new.png) no-repeat center 35px;border-radius:3px;}
.modal_wrap.bigdata .modal_content .bigdata_box p{font-family:'NanumSquare';font-size:18px;color:#222;font-weight:700;}
.modal_wrap.socialdata{padding-top:50px !important;}
.modal_wrap.socialdata .modal_title{border-bottom:none;}
.modal_wrap.socialdata .list li{padding:10px 0;}
.modal_wrap.socialdata .list li .box{padding:20px;line-height:160%;border:1px solid #ddd;border-radius:10px;}
.modal_wrap.socialdata .list li .title{display:block;margin-bottom:10px;}
.modal_wrap.socialdata .list li p{font-size:15px;}
.modal_wrap.socialdata .modal_content{padding:0;height:600px;overflow-y:auto;}
.modal_wrap.socialdata .modal_title .btn_modal_close{top:-45px !important;}
.modal_wrap .modal_content .grid_wrap,
.modal_wrap .modal_content .chart_wrap{width:auto;}

  
/* list */
.list_con > li{padding:2px 0;line-height:150%;}
.list_con.dot > li,
.list_con.minus > li{padding-left:10px;text-indent:0;position:relative;}
.list_con.dot > li:before{display:block;content:'';position:absolute;left:0;top:12px;width:3px;height:3px;background:#4c4c4c;}
.list_con.minus > li:before{display:block;content:'';position:absolute;left:0;top:12px;width:5px;height:1px;background:#4c4c4c;}
.list_con .list_con{padding:5px 0;}
.list_con.num > li{padding-left:18px;text-indent:-18px;}
.list_con.star > li{padding-left:13px;text-indent:-13px;}

/* tooltip */
.tooltip_wrap{position:relative;}
.btn_tooltip{display:inline-block;margin-right:10px;width:25px;height:25px;text-indent:-9999px;background:url(../../images/portal/sub/icon_tool.png) no-repeat center;}
.cont_tooltip{display:none;position:absolute;left:0;padding:20px;width:200px;font-size:13px;background:#f9f9f9;border:1px solid #d2d2d2;border-radius:5px;word-break:keep-all;box-sizing:border-box;z-index:2;}
.cont_tooltip.active{display:block;}

/* loading */
/* #loading{display:none;position:fixed;top:50%;left:50%;width:400px;margin:-70px 0 0 -200px;z-index:1000;}
#loading.active{display:block;}
#loading:after{display:block;content:'';position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:999;}
#loading > div{width:100px;height:100px;border-radius:100%;position:relative;margin:0 auto;background:url(../../images/portal/common/img_loading1.png) no-repeat center;z-index:1001;}
#loading > div:before,
#loading > div:after{content:"";position:absolute;top:-5px;left:-5px;width:100%;height:100%;border-radius:100%;border:5px solid transparent;border-top-color:#1e96c4;}
#loading > div:before{z-index:1001;animation:spin 1s infinite;}
#loading > div:after{border:5px solid #fff;}
#loading p.loading_txt{position:relative;margin-top:20px;line-height:30px;font-family:'NanumSquare';font-size:18px;color:#fff;text-align:center;z-index:1001;}
@keyframes spin{
	0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
	100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
} */
/* loading */
#loading,
.loading-box {display:none; position: fixed;top: 0;left: 0; bottom:0; right:0; background-color: rgba(0,0,0,0.5);z-index: 9999;}
#loading.active,
.loading-box.active{display:block;}
#loading .inner,
.loading-box .inner{
	position:absolute; 
	top:50%; 
	left:50%;
	transform: translate(-50%, -50%); 
}
#loading .loading-bar,
.loading-box .loading-bar {
	margin:0 auto;
	padding:7px;
	width: 100px; 
	height: 100px; 
	border-radius: 100%;
	border:5px solid #fff;
	box-sizing:border-box;
}
#loading .loading-bar .img,
.loading-box .loading-bar .img{width:100%;height:100%;border-radius:100%;background:url(../../images/portal/sub/whale_img_new.png) #fff no-repeat center; background-size:70%; z-index:1001;}
#loading .text,
.loading-box .text {
    margin-top:20px;
    color:#fff; 
    text-align:center;
}

/* #loadingSpin */
#loadingSpin {display:none; position: fixed;top: 0;left: 0;bottom:0;right:0; background-color: rgba(0,0,0,0.5); z-index: 9999;}
#loadingSpin.active{display:block;}
#loadingSpin .inner{
	position:absolute; 
	top:50%; 
	left:50%;
	transform: translate(-50%, -50%); 
}
#loadingSpin .loading-spinbar {
	position: relative;
	margin:0 auto;
	padding: 10px;
	width: 100px;
	height: 100px;
	border-radius: 100%;
	/* border:5px solid #fff; */
	box-sizing:border-box;
}
#loadingSpin .loading-spinbar:after{
	content:'';
	position:absolute;
	top: 50%;
	left:50%;
	width: 110px;
	height: 110px;
	margin-top: -55px;
	margin-left: -55px;
	box-sizing: border-box;
	border-radius:100%;
	border: 6px solid #fff;
	border-top-color:#1e96c4;
	border-right-color:#1e96c4;
	animation:spin 1s infinite;
	z-index:10;
}
#loadingSpin .loading-spinbar .img{width:100%;height:100%;border-radius:100%;background:url(../../images/portal/sub/whale_img_new.png) #fff no-repeat center;background-size:70%;z-index:1001;}
#loadingSpin .text {
    margin-top:20px;
    color:#fff; 
    text-align:center;
}
@keyframes spin{
	0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
	100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
}
    
/* overlay */
#overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:9999;}
#overlay.active{display:block;}

/* error */
#errorWrap{position:absolute;left:0;right:0;top:0;bottom:0;}
.error{position:absolute;left:50%;top:50%;margin-left:-250px;margin-top:-250px;width:500px;height:500px;text-align:center;}
.error .error_top{padding:150px 0 10px;font-family:'NanumSquare';font-size:24px;color:#000;background:url(../../images/portal/common/icon_nodata_new.png) no-repeat center 30px;}
.error p{margin-bottom:10px;font-size:16px;line-height:160%;}

#content #errorWrap{position:static;}
#content #errorWrap .error{position:static;margin:0;margin-top:100px;width:auto;height:auto;}

/* ready */
#readyWrap{position:absolute;left:0;right:0;top:0;bottom:0;}
.ready{position:absolute;left:50%;top:50%;margin-left:-370px;margin-top:-280px;width:740px;height:530px;text-align:center;}
.ready .top{padding:165px 0 30px;font-family:'NanumSquare';font-size:36px;color:#000;font-weight:700;background:url(../../images/portal/common/icon_readybox_new.png) no-repeat center top;}
.ready .box{padding:40px 20px;font-family:'NanumSquare';font-size:18px;line-height:160%;background:#f3f3f3;border:1px solid #ddd;}
.ready .box b{color:#d43333;}
.ready .btm{position:relative;padding:35px 20px 35px 250px;font-size:14px;color:#4b4b4b;text-align:left;line-height:160%;}
.ready .btm a{color:#4b4b4b;}
.ready .btm .logo{position:absolute;left:0;top:35px;width:250px;text-align:center;}

/* 데이터 다운로드 추가 */
.inp_wrap li+li {margin-top: 5px;}
.old-content .inp_wrap li+li {margin-top: 0px;}
.modal_wrap .modal_content .data-summary {
	border: 1px solid #d3eaf3;
	border-radius: 10px;
	padding: 10px;
	margin-top: 15px;
	width: 100%;
}

.data_qna {
	margin-top: 40px;
}

.modal_wrap .summary-th::before {
	content: "";
	display: inline-block;
	position: relative;
	top: -4px;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #000;
	margin-right: 5px;
}

.modal_wrap .summary-th {
	font-weight: 500;
	width: 55px;
}

.data_qna_description {
	margin-top: 15px;
}

.data_answer {
	margin-left: 5px;
}