/* Åë°è ¸ÞÀÎ */

.graph_title_t01 {
width: 1200px;
height: 76px;
line-height: 240%;
border: solid 1px #027024;
background: #027024;
}
.graph_title_sub {display: flex;
width: 100%;
height: 76px;
flex-direction: column;
align-items: center;
justify-content: center;
}
.graph_title_sub_f {font-size:22px; color:white; margin-left:10px;  font-weight:600}
.graph_title_sub_s a {display: inline-flex; align-items: center;font-size:16px; color:white;  font-weight:600; text-decoration:underline}

.graph_cont_c01 {margin-top:15px; display: flex; justify-content: space-between;}
.graph_t01 {width:930px; height:311px;}
.graph_t02 {width:1200px;}
.graph_t02_content {width:1200px; height:250px}
.graph_t02_table {}
.graph_t01_title {display: flex; justify-content: space-between; align-items: center; height:40px}
.graph_t01_title .title_huge {font-size:16px; font-weight:600; letter-spacing:-1px }
.graph_t01_title .title_select {}
.graph_t01_title .title_select select {border-radius:5px 5px;font-size:14px; font-weight:400; border: solid 1px #cccccc; padding:5px 8px}
.graph_t01_sub {border-radius:5px 5px; width:238px; height:fit-content; background:#f3f3f3; padding:5px 5px 0 5px; margin-top:5px}
.graph_t01_sub_table {display:flex; width:92%;margin:0 auto; flex-direction: column; }
.graph_t01_sub_table li {font-weight:600; font-size:14px; height:39.8px; border-bottom:dashed 1px #cccccc; display: inline-flex; justify-content: space-between; align-items: center;}
.graph_t01_sub_table li.title {height:33px;font-size:16px; border-bottom:0; align-items: flex-end; letter-spacing:-1.5px}
.graph_t01_sub_table li.date {height:24px; font-weight: normal; font-size:12px;  border-bottom:solid 1px #cccccc;}
.graph_t01_sub_table li span{ font-size:16px;}
.graph_t01_sub_table li span.fblue {color:blue}
.graph_t01_sub_table li span.fred {color:red}
.graph_t01_sub_table li.nobdbottm {border-bottom:0; }

#canvas {
	width: 900px !important;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}
#v_schterm {font-weight:600; font-size:16px;}
#v_schterm .date_f {font-size:14px; padding:4px 10px; border-radius:5px 5px; background:#e7e9fd;}
#v_schterm .date_s {font-size:14px; padding:4px 10px; border-radius:5px 5px; background:#f3e7fd;}

.graph_t01_content {border-radius:5px 5px; padding:10px 15px; border: solid 1px #cccccc;}
.graph_t01_content .grpterm {float:left; width:40px; font-size:16px; cursor:pointer;}
.graph_t01_content .grpon {color:blue;}

.nack_table {}
.nack_table th, .nack_table td { font-size:16px; height:40px;}
.nack_table th {background:#ebebeb; border-left:solid 1px #cccccc; border-top:solid 1px #cccccc; border-bottom:solid 1px #cccccc;}
.nack_table th:last-child, .nack_table td:last-child {border-right:solid 1px #cccccc;}
.nack_table td {border-left:solid 1px #cccccc; border-bottom:solid 1px #cccccc; text-align:right;padding:0 5px; font-weight:600}
.nack_table td:first-child {text-align: center;}
.nack_table td:last-child {color: red;}
.nack_table td.left {text-align: left;}
.nack_table td.center {text-align: center;}
.nack_table td.tblue {color: blue;}
.nack_table td.tred {color: red;}
.graph_t02_inside {border-radius:5px 5px;display:flex; width: 100%; height:250px; justify-content: space-between; align-items: center; border: solid 1px #cccccc;}
.graph_t02_inside div {}
.graph_t02_contt_a {width:25%; display:inline-flex; justify-content: center; align-items: center;}
.graph_t02_contt_asub {width:20%; height:130px}
.dot_green {width: 15px; height: 15px; background: #00a388; display:inline-block}
.dot_blue {width: 15px; height: 15px; background: #2e6ea6; display:inline-block}
.dot_brown {width: 15px; height: 15px; background: #594b42; display:inline-block}
.dot_red {width: 15px; height: 15px; background: #f27272; display:inline-block}
.dot_yellow {width: 15px; height: 15px; background: #f2ceae; display:inline-block}

.dot_b_pink {width: 15px; height: 15px; background: #d96a93; display:inline-block}
.dot_b_darkblue {width: 15px; height: 15px; background: #32508c; display:inline-block}
.dot_b_yellow {width: 15px; height: 15px; background: #f2ab27; display:inline-block}
.dot_b_skyblue {width: 15px; height: 15px; background: #b7d7d8; display:inline-block}
.dot_b_red {width: 15px; height: 15px; background: #f25835; display:inline-block}
.dot_b_blue {width: 15px; height: 15px; background: #6a8bd9; display:inline-block}
.dot_b_green {width: 15px; height: 15px; background: #6e8c32; display:inline-block}

.graph_t02_contt_bsub {width:30%; height:130px}
.graph_t02_contt_b {border-left: solid 1px #cccccc; width:24%; display:inline-flex; justify-content: center; align-items: center;}
.graph_t02_contt_bsub ul {width: 100%; height: 80px; display: inline-flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start;}
.graph_t02_contt_asub ul li, .graph_t02_contt_bsub ul li  {display: inline-flex; height: 29px; width: 135px;}
.graph_t02_contt_asub ul li span, .graph_t02_contt_bsub ul li span {font-size:16px; font-weight:600}
.graph_t02_contt_asub ul li span:first-child, .graph_t02_contt_bsub ul li span:first-child {margin-right:5px}
.graph_t02_contt_asub ul li span:last-child, .graph_t02_contt_bsub ul li span:last-child {margin-left:auto}
.graph_t02_contt_bsub ul li.mleft {margin-left:10px}


.stat_selectnew, .stat_selectnewdate {
	width:100%;
	max-width:1200px;
    background: #eaf5ff;
    border: solid 1px #bbc6ed;
    border-radius: 5px 5px;
    padding: 10px 20px;
	margin:10px 0px;
	box-sizing: border-box;

}
	.month_btn {
		cursor: pointer;
		padding: 5px 10px;
		border: solid 1px #cccccc;
		border-radius: 4px 4px;
		    background: linear-gradient( to bottom, #fffdf7, #9ba7ff);
	}
		.stat_selectnewdate .month_btn:hover {
			background: linear-gradient( to bottom, #fffdf7, #ff9bb2);
		}
	.stat_selectnew ul {
		display: flex;
		align-items: center;
	}
	.stat_selectnewdate ul {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.stat_selectnewdate ul li {
		display: inline-flex;
		align-items: center;
	}
	.stat_selectnewdate ul li input, .stat_selectnewdate ul li select {
		padding:0;
		margin:0 5px;
		padding: 2px 3px;
		border: 1px solid #cccccc;
		color: #444444;
		border-radius: 3px 3px;
	}
.stat_selectnew ul li, .stat_selectnewdate ul li {margin-right:10px;}
.stat_selectnew ul li.title {font-weight:600;margin-left:20px;}
.stat_selectnew select, .stat_selectnewdate select, .select_bub {
    padding: 4px 8px;
    border: 1px solid #cccccc;
    color: #444444;
    border-radius: 3px 3px;
}

/* data in motion */
.select_period {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
    position: absolute;
    top: -55px;
}
.select_period .upstairs {
    cursor: pointer;
    font-weight: 600;
    font-size: 22px;
    background: linear-gradient(360deg, rgba(192, 0, 0, 0.45) 0%, rgba(255, 255, 255, 0) 70%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.select_period .lobby {
	cursor: pointer;
    font-weight: 600;
    font-size: 22px;
    color: #c00000;
}
.select_period .downstairs {
    cursor: pointer;
    font-weight: 600;
    font-size: 22px;
    background: linear-gradient(180deg, rgba(192, 0, 0, 0.45) 0%, rgba(255, 255, 255, 0) 80%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.select_period .count_stat_list .count {
    font-weight: 600;
    color: #c00000 !important;
    font-size: 18px;
    text-decoration-line: none;
}
.select_period_pop {
display: none;
    background: #fff;
    padding: 10px;
    width: 140px;
    z-index: 333333;
    position: absolute;
    top: -82px;
    text-align: center;
	    box-shadow: 0px 0px 4px 4px #00000026;
		 z-index: 999;
}
.select_period_pop li {
    padding: 5px;
	border-bottom:dashed 1px #ccc;
	cursor: pointer;
}
.select_period_pop li:hover {
    padding: 5px;
	border-bottom:dashed 1px #ccc;
	cursor: pointer;
    background: #c00000;
	 color: #fff;
}
.summary-page .card_box .sum_cont ul li span {

    line-height: 1.8rem;
}
.summary-page .card_box .title_date {
    margin-top: 2rem;
}
.summary-page .card_box .title_head {
    margin-top: 0.1rem;
}
.make_it_cardnews .pannl div {
    width: 32%;
}
.contents-page .card_box_top .cd_box_logo {
    width: 16%;
    padding: 0.7rem 0.85rem;
    border-radius: 0.7rem;
}
.contents-page .card_box .sum_cont .sagun_title,
.contents-page .card_box .sum_cont .sagun_title span,
.contents-page .card_box .sum_cont .sagun_title_sub,
.contents-page .card_box .sum_cont ul li div
{
    font-size: 1rem;
}
.contents-page .card_box_top .cd_box_logo img {
    width: 100%;
}
.nakdate_li {
    width: 13.5%;
	height: 35px;
}
.add_acadm_wrap span.txtb, .select_area_contt select {
    font-size: 1rem;
}
.select_area_contt select {
	padding:5px 10px;
}
.add_acadm_wrap .select_area_contt {
    width: 23%;
}
.long_benefit_wrap .long_benefit_cont {
	height: 420px;
	top: -435px;
}
.benefit_wrap .benefit_cont {
	height: 360px;
	top: -375px !important;
}
#footer {
    width: 1200px;
}
.map_stat_wrap {
    max-width: 1200px;
}
.map_stat_wrap .map_stat_map_box, .map_stat_wrap .map_stat_graph {
border-radius:unset;
}
.com_img {
    background: #fff;
	padding:0;
	margin: 5px;
}
.com_img:hover {
    background: #fff;
}
	.header-content {
    width: 1200px;
}
.gnb-menu {
    width: 1200px;
}
#gnb-nav {   min-width: 1200px;}
#all-submenus-container .submenus-container-box {
   width: 1200px;
}
.header-left img {
    width: 265px;
}
.header-right .text-menu, .case-search .sagunnum-text, .case-search .takyeong-text {
    font-size: 15px;
}
.header-right .text-menu {
margin-left:10px;
}
.gnb-menu li a, .gnb-menu.fixed-gnb-menu li a {
    font-size: 18px;
}
.submenu-column h4.submenu-title {
text-align:left;
}
.submenu-column li a, .submenu-column h4.submenu-title {
    font-size: 17px;
}
.submenu-content {
    gap: 20px;
}
.submenu-column {
    min-width: 160px;
}
.full-menu-category .category-title {
    font-size: 17px;
	text-align:left;
}

h4.category-title {
	margin-left:0;
	padding-left:0;
	}
.full-menu-category .menu-2nd-link {
	text-align:left;
}

	.float_quickmenu_wrap {
		width: 100%;
		display: flex;
		justify-content: right;
		background: #0f2491;
		position: absolute;
		top: 0;
			-webkit-align-items: flex-end !important;
	display: -webkit-flex;
	}
	.float_quickmenu_wrap .quickmenu_wrap {
		width: unset;

	}
	@media screen and (max-width: 1300px) {
    .float_quickmenu_wrap {
        display: none;
        -webkit-appearance: none;
    }
}
.float_quickmenu_wrap .quickmenu_wrap .quickmenu_v24 {
	width:115px !important;
		-webkit-align-items: center;
	display: -webkit-flex;
}
.float_quickmenu_wrap .quickmenu_wrap .quickmenu_v24 .quick_jebo > a,
.float_quickmenu_wrap .quickmenu_wrap .quickmenu_v24 .hadsaw {
	width:100px !important;
}
.gnb-menu.fixed-gnb-menu li {
    padding: 0 5px;
}

				.float_quickmenu_wrap .quickmenu_wrap .quickmenu_v24 .quick_jebo  {

				max-width:95px !important;
				}

/*Ä«µå´º½º 20250826*/
.cardnews_top {text-align:center}
.cardnews_top img {
	border-radius:20px 20px;
	margin:0 auto
}
.make_it_cardnews {
	border-radius:20px 20px;
	display:flex;
	padding:30px 30px;
	border:solid 1px #ccc;
	margin:20px auto 0;
	font-weight:600;
	    flex-direction: column;
		width:1090px;
}
	.make_it_cardnews .ctitle {
		display: flex;
		align-items: center;
			margin-bottom:10px;
	}
		.make_it_cardnews .ctitle span {
			margin-right:5px;
		}
	.make_it_cardnews .pannl {
		display:flex;
		justify-content: space-between;
		width:100%;
		margin-top:10px;
	}
		.make_it_cardnews .pannl div {
			display:flex;
			background:#f7f7f7;
			gap: 10px;
			padding: 30px;
			border-radius: 10px 10px;
			width: 26%;
		}
		.make_it_cardnews .pannl .date {
			display:flex;
			flex-direction: column;
		}
			.make_it_cardnews .pannl .date .smtitle {
				display:flex;
				margin-bottom:10px;
			}
				.make_it_cardnews .pannl .date .smtitle .stept, .make_it_cardnews .pannl .back .smtitle .stept, .make_it_cardnews .pannl .down .smtitle .stept {
					display:flex;
					margin-right:10px;
					color: #0f9ed5;
				}
			.make_it_cardnews .smtitle, .make_it_cardnews .stept {
				font-size: 18px;
			}
			.make_it_cardnews .pannl .date .smcont {
				display:flex;
				flex-direction: column;
				width: 100%;
				justify-content: center;
				align-items: center;
				height: 100px;
			}
			.make_it_cardnews .pannl .date .smcont span {
				font-size: 20px;
			}
			.make_it_cardnews .pannl .date .smcont #changeBtn {
				color:#7f7f7f;
				margin-top:10px;
				cursor:pointer;
			}
			.make_it_cardnews .pannl .back .smtitle {
				display:flex;
				margin-bottom:10px;
			}
			.make_it_cardnews .pannl .back .smcont {
			    display: flex;
				justify-content: space-between;
			}
				.make_it_cardnews .pannl .back .smcont .cont_bgsec {
					display: flex;
					flex-direction: column;
					align-items: center;
				}
					.make_it_cardnews .pannl .back .smcont .cont_bgsec img {
						border:solid 1px #BFBFBF;
					}
					.make_it_cardnews .pannl .back .smcont .cont_bgsec.check img {
						border:solid 1px #0070C0;
					}
						.make_it_cardnews .pannl .back .smcont .cont_bgsec:hover img {
							border:solid 1px #0070C0;
						}
				.make_it_cardnews .pannl .back .smcont .cont_bgsec input {
					cursor:pointer;
					margin-top:10px;
				}
					.make_it_cardnews .pannl .back .smcont .cont_bgsec .bgsec_thum {
						width:80px;
						height:80px;
					}

		.make_it_cardnews .pannl .back {
			display:flex;
			flex-direction: column;
		}
		.make_it_cardnews .pannl .down {
			display:flex;
			flex-direction: column;
		}
			.make_it_cardnews .pannl .down div {
				display:flex;
				flex-direction: column;
				    padding: 0px;
					align-items: center;
					cursor:pointer;
			}
			.make_it_cardnews .pannl .down div:hover img {
			filter: brightness(80%);
			background:#f5f5f5;
			}
			.make_it_cardnews .pannl .down div .txt {
				font-size:14px;
			}
			.make_it_cardnews .pannl .down .smtitle {
				display:flex;
				margin-bottom:10px;
			}
				.make_it_cardnews .pannl .down .smcont {
					display: flex;
					justify-content: center;
					align-items: center;
					height: 100px;
					gap: 20px;
				}
					.make_it_cardnews .pannl .down .smcont .icon_kakao_logo img,
					.make_it_cardnews .pannl .down .smcont .ico_naver_band img {
						width: 60px;
						height: 60px;
						border-radius: 13px;

					}

					.make_it_cardnews .pannl .down .smcont .icon_kakao_logo,
					.make_it_cardnews .pannl .down .smcont .ico_naver_band{
						border:0;
						cursor:pointer;
						padding:0;
						margin:0;
						background:none;
						border-radius: 13px;
					}
					.make_it_cardnews .pannl .down .smcont .download {
						padding:10px;
						background:#7f7f7f;
						border-radius: 13px;
						border:0;
						cursor:pointer;
						width: 60px;
						height: 60px;
						box-sizing:border-box
					}
					.make_it_cardnews .pannl .down .smcont .download:hover {
			background:#5f5f5f;
					}
					.make_it_cardnews .pannl .down .smcont .download .material-symbols-outlined {
						font-size: 40px;
						color:#fff;
					}

	.cardnews_preview {
		display:flex;
		padding: 30px;
	}
		.cardnews_pview_ul {
		    display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			width: 100%;
			gap:20px;
			    justify-content: center;
		}
			.cardnews_pview_ul .cardnews_pview_li {
				width:504px;
				display: flex;
				box-sizing: border-box;
				flex-direction: column;
				align-items: center;
			}
				.cardnews_pview_ul .cardnews_pview_li img {
					box-sizing:border-box;
				    width: 100%;
				}
				.cardnews_pview_li .btn_card_down {
				    margin-top: 10px;
					display: flex;
					align-items: center;
					color:#7f7f7f;
					cursor:pointer;
				}
				.cardnews_pview_li .btn_card_down:hover {
					color:#5f5f5f;
				}

/*.landing-page*/
.landing-page .card_box {
	display:flex;
	flex-direction: column;
	align-items: center;
	background-size: cover
}
.landing-page .card_box .title_top {
	font-weight: 700;
	color: #7f7f7f;
	font-size: 30px;
	margin-top: 6rem;
}
.landing-page .card_box .title_< {
	font-weight: 700;
	color: #000000;
	font-size: 30px;
	margin-top: 1rem;
}
.landing-page .card_box .title_head {
	font-weight: 800;
	color: #0070c0;
	font-size: 65px;
	margin-top: 3rem;
}
.landing-page .card_box .title_sub {
	font-weight: 600;
	color: #7f7f7f;
	font-size: 21px;
	margin-top: 6.6rem;
	margin-bottom: 10px;
}
.cardnews_pview_ul .cardnews_pview_li img {
	box-sizing: border-box;
	width: 170px;
}

/*.summary-page*/
.summary-page .card_box {
	display:flex;
	flex-direction: column;
	align-items: center;
	background-size: cover
}
.summary-page .card_box .title_date {
	font-weight: 700;
	color: #000000;
	font-size: 30px;
	margin-top: 3rem;
}
.summary-page .card_box .title_head {
	font-weight: 800;
	color: #0070c0;
	font-size: 41px;
	margin-top: 1rem;
}
.summary-page .card_box .sum_cont {
	background:#ffffff;
	margin-top: 2rem;
	margin-bottom: 1.5rem;
	width: 80%;
	padding: 2rem 2rem;
}
.summary-page .card_box .sum_cont ul {
	width: 100%;
	margin: 0;
	padding: 0;    line-height: 160%;
}
.summary-page .card_box .sum_cont ul li {
	list-style:none;
	display:flex;
	justify-content: space-between;
	align-items: center;
}
.summary-page .card_box .sum_cont ul li span {
	list-style:none;
	font-size: 20px;
	font-weight: 700;
	line-height: 2.6rem;
}
.summary-page .card_box .sum_cont ul li span:first-child {
	text-align:center;
	display:inline-block;
	width:30%;
}

/*.contents-page*/
.contents-page .card_box {
	display:flex;
	flex-direction: column;
	align-items: center;
	background-size: cover
}
.contents-page .card_box_top {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 85%;
	margin-top: 2rem;
	margin-bottom: 1rem;
}

.contents-page .card_box_top .cd_box_logo{
	width: 16%;
	padding: 1rem;
	background: #ffffff;
	border-radius: 1.2rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
	.contents-page .card_box_top .cd_box_logo img {width:73%;}
	.contents-page .card_box_top .cd_box_title {
	display: flex;
	align-items: center;
	flex-direction: column;
	width: 76%;
}
.contents-page .card_thumb_box {
	display: flex;
	justify-content: space-between;
	width: 85%;
}
.contents-page .card_thumb_box img {
	width:48%;
	height: 125px;
}
.contents-page .card_box .title_date {
	font-weight: 700;
	color: #000000;
	font-size: 16px;
}
.contents-page .card_box .title_head {
	font-weight: 800;
	color: #000000;
	font-size: 36px;
}
.contents-page .card_box .sum_cont {
	background:#ffffff;
	margin-top: 1rem;
	margin-bottom: 1rem;
	width: 85%;
	padding: 2rem 2rem;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.contents-page .card_box .sum_cont .sagun_title {
	font-size: 1.5rem;
	color: #000000;
	font-weight: 700;

}
.contents-page .card_box .sum_cont .sagun_title span {
	font-size: 1.5rem;
	color: #0070c0;
}
.contents-page .card_box .sum_cont .sagun_title_sub {
	font-size: 1.5rem;
	font-weight: 600;
	color: #777777;
}
.contents-page .card_box .sum_cont ul {
	width:100%;
	margin: 1.5rem 0 0 0;
	padding: 0;
}
.contents-page .card_box .sum_cont ul {}
.contents-page .card_box .sum_cont ul li {
	list-style:none;
	display:flex;
	justify-content: space-between;
	align-items: center;
}
.contents-page .card_box .sum_cont ul .nakch {
	padding:5px 0;
	background:#dcf4fc;
}
.contents-page .card_box .sum_cont ul .nakch .nak_price {

	color: #ff0000;
	font-weight: 700;
}
.contents-page .card_box .sum_cont ul li div {
	list-style:none;
	font-size: 1.4rem;
	font-weight: 700;
}
.contents-page .card_box .sum_cont ul li div:first-child {
	text-align:center;
	width:14%;
}
.contents-page .card_box .sum_cont ul li div:nth-child(2) {
	text-align:right;
	display:inline-block;
	width:60%;
}
.contents-page .card_box .sum_cont ul li div:last-child {
	text-align: center;
	display:inline-block;
	width:26%;
	color: #777777;
}

/*.end-page*/
.end-page .card_box {
	display:flex;
	flex-direction: column;
	align-items: center;
	background-size: cover;
	justify-content: center;
}

.end-page .card_box .sum_cont {
	background: #ffffff;
	width: 85%;
	padding: 2rem ;
	border-radius:2rem;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.end-page .card_box .sum_cont .first_line {
	border-radius: 5rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	color: #11a6e2;
	font-size: 30px;
	text-align: center;
	font-weight: 800;
	line-height:3.5rem;
}
.end-page .card_box .sum_cont .first_line.top {
	margin-top: 1rem;
}
.end-page .card_box .sum_cont .second_line {
	border-radius: 5rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	color: #0573c1;
	font-size: 30px;
	text-align: center;
	font-weight: 800;
	line-height:3.5rem;
}
.end-page .card_box .sum_cont .logo_line {
	margin-top: 2rem;
	margin-bottom: 3rem;
	line-height:2.5rem
}

.ui-datepicker {
    width: 18em;
	margin-left:1.7em;
}

.disabled {
    opacity: 0.3;
    pointer-events: none;
    user-select: none;
}