@charset "utf-8";
/****** 프로젝트 스킨 콘텐츠, 게시판 공통 스타일 *****/
.ctt_admin{text-align:right;}
.manage_btn_box > a {
    padding:8px 10px;
}

.gap-50{
	grid-gap:50px !important;
}

/* 프로젝트 카테고리 정의 */
.cate_group_outer{
	position:relative;
	display: inline-flex;
	align-items: center;
	height:50px;
	background-color:#053876;
	padding:2px;
	border-radius:6px;
	z-index:2;	
}
.cate_group_outer .cate_select_titbox_label{
	font-family:'Gmarket Sans';
	color:#ffffff;
	display:block;
	padding:0 20px;
}
.cate_group_outer .cate_select_titbox{
	position:relative;
	font-size:1.0625rem;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	cursor:pointer;
	font-family:'Gmarket Sans';
	background-color:#ffffff;
	height:100%;
	font-weight:bold;
	color:#053876;
	padding:0 40px;
	border-radius:4px;
}
.cate_group_outer .cate_select_titbox:before{
	content:'\f105';
	display:block;
	position:absolute;
	font-family:'Font Awesome 6 Free';
	top:50%;
	transform:translateY(-50%);
	right:10px;
	color:#053876;
	font-weight:bold;
}
.cate_group_outer .cate_select_titbox.on:before{
	content:'\f107';
}
.cate_group_outer .cate_group_box{
	display: flex;
	flex: 1;
}
.cate_group_outer .cate_group_list{
	display:none;
	position:absolute;
	z-index:-1;
	left:0;
	top:48px;
	width:100%;
	border-top:1px solid #053876;
}
.cate_group_outer .cate_select_btn{
	display:block;
	cursor:pointer;
	padding:0 20px;
	color:#053876;
	text-align:center;
	line-height:1.2;
	border:1px solid #053876;
	background-color:#fff;
	height:50px;
	padding:0 1rem;
	width: 100%;
	border-radius:0;
	display:flex;
	justify-content:center;
    align-items: center;
	border-top:0px;
}
.cate_group_outer .cate_group_box.on .cate_select_btn,
.cate_group_outer .cate_group_box.active .cate_select_btn{
	background-color:#053876;color:#fff;border-color:#053876;

}

/* 프로젝트 게시물 제목을 버튼화 */
.cate_content_outer .project_tab {
	display:none;
	padding:1em 0;
}
.cate_content_outer .project_tab.on {display:block;}
.cate_content_outer .project_tab .cate_tab_flex{
	display: grid;
	/*grid-template-columns: repeat(6,1fr);*/
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	grid-gap:5px;
	align-items: stretch;
    justify-items: stretch;
}
.cate_content_outer .project_tab > .cate_tab_flex > a {
	display: block;
	position:relative;
	color:#333333;
	border: 1px solid #b5c4dc;
	border-width:1px 1px 1px 1px;
    background-color: #eff5fa;
    padding: 10px 48px 10px 24px;
	border-radius:0px;
	transition: all 0.5s;
}
.cate_content_outer .project_tab > .cate_tab_flex > a:first-child{
	border-left-width:1px;
}
.cate_content_outer .project_tab > .cate_tab_flex > a:hover {
	background-color:#ffffff;
	color:#0d53a9;
	border-color:#b5c4dc;
	transition: all 0.5s;
}
.cate_content_outer .project_tab > .cate_tab_flex > a.on{
	background-color:#ffffff;
	color:#0d53a9;
	font-weight:700;
}
.cate_content_outer .project_tab > .cate_tab_flex > a.on:before{
	content:'\f105';
	display:block;
	position:absolute;
	font-family:'Font Awesome 6 Free';
	top:50%;
	transform:translateY(-50%);
	right:10px;
	color:#053876;
	font-weight:bold;
	display:none !important;
}
.cate_content_outer .project_tab > .cate_tab_flex > a > span{
    height: 100%;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}


.tab_box_outer{
	position:relative;
}





/* 프로젝트 내용 { */
.flex_full{width:100% !important;}
.content_board_container{position:relative;margin:0 auto 3rem auto;line-height:1.4rem;}
.content_board_container .tit_box{position:relative;padding: 2rem 0 2rem 0;transition:all 0.5s;}
.content_board_container .tit_box h2{position:relative;width:100%;font-size: 1.875rem;font-weight: 600;color: #000000;line-height: 1.2em;padding-left:13px;letter-spacing:-0.05em;}
.content_board_container .tit_box h2::before{content:'';width:10px;height:10px;background-color:#0945ae;position: absolute;display: block;top: -20px; left:0px;border-radius:50%;}
.content_board_container .tit_box h2 > span{position:relative;z-index:1;display:inline-block;padding:0 15px 0 0;background-color:#ffffff;}
.content_board_container .tit_box h2:after{content:'';height:10px;width:95%;background-repeat:repeat;position:absolute;top:50%;right:0;transform:translateY(-50%);background-image:url(../img/common/ptt_gray.gif);display:block;position:absolute;}


/* 프로젝트용 게시판글 */
.content_board_container #bo_v_file h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.content_board_container #bo_v_file ul {margin:0;list-style:none}
.content_board_container #bo_v_file li {padding:15px;position:relative;margin:10px 0;border:1px solid #dfdfdf;border-radius:5px;
	-webkit-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%);
	-moz-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%);
	box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%)}
.content_board_container #bo_v_file li i {float:left;color:#b2b2b2;font-size:2.35em;margin-right:20px}
.content_board_container #bo_v_file a {float:left;display:block;text-decoration:none;word-wrap:break-word;color:#000}
.content_board_container #bo_v_file a:focus, .content_board_container #bo_v_file li:hover a, .content_board_container #bo_v_file a:active {text-decoration:underline;color:#3a8afd}
.content_board_container #bo_v_file img {float:left;margin:0 10px 0 0}
.content_board_container #bo_v_file .bo_v_file_cnt {color:#b2b2b2;font-size:0.92em}
.content_board_container #bo_v_file li:hover {border-color:#bed4f4;color:#bed4f4}
.content_board_container #bo_v_file li:hover i {color:#3a8afd}
.content_board_container #bo_v_file li:hover .bo_v_file_cnt {color:#99c2fc}


.content_board_container #bo_v_link h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.content_board_container #bo_v_file ul {margin:0;list-style:none}
.content_board_container #bo_v_link li {padding:15px;position:relative;margin:10px 0;border:1px solid #dfdfdf;border-radius:5px;
	-webkit-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%);
	-moz-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%);
	box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%)}
.content_board_container #bo_v_link li i {float:left;color:#b2b2b2;font-size:2.35em;margin-right:20px}
.content_board_container #bo_v_link a {float:left;display:block;text-decoration:none;word-wrap:break-word;color:#000}
.content_board_container #bo_v_link a:focus, .content_board_container #bo_v_link li:hover a, .content_board_container #bo_v_link a:active {text-decoration:underline;color:#3a8afd}
.content_board_container #bo_v_link .bo_v_link_cnt {color:#b2b2b2;font-size:0.92em}
.content_board_container #bo_v_link li:hover {border-color:#bed4f4;color:#bed4f4}
.content_board_container #bo_v_link li:hover i {color:#3a8afd}
.content_board_container #bo_v_link li:hover .bo_v_link_cnt {color:#99c2fc}

.content_board_container .c_board_content img{max-width:100%;margin:0 auto;display:inherit;}

/* 프로젝트 내용 공통 스타일 */
.page_section_wrap{
	--title-w:345px;
}
.page_section{
	display:flex;
}
.page_title_area{
	width:var(--title-w);
	position:relative;
	padding:35px 50px 35px 13px;
}
.page_title_area:before{
	content:'';
	width:100%;
	height:3px;
	position:absolute;
	background-color:#000000;
	left:0;
	top:0;
	z-index:1;
	display:block;
}
.page_content_area{
	padding:35px 0px;
	position:relative;
	width:100%;
}
.page_content_area:before{
	content:'';
	width:100%;
	height:1px;
	position:absolute;
	background-color:#c8c8c8;
	left:0;
	top:0;
	z-index:1;
	display:block;
}

.page_title_area h3{font-size:1.7rem;letter-spacing:-0.05em !important;word-break:keep-all;text-align:left;font-weight:500;line-height: 1.5em;}

.icon_mix_linebox{
	display:flex;
	background-color:#f4f5f9;
	margin-bottom:10px;
	border-radius:10px;
	padding:10px 30px;
	font-size:20px;
	align-items: center;
    justify-content: flex-start;
	gap:14px;
}
.icon_mix_linebox .icon{display:block;width:60px;height:60px;line-height:60px;background-color:#406dc9;color:#ffffff;border-radius:100%;text-align:center;}
.icon_mix_linebox .icon > i{font-size:1.5em;line-height:60px;}
.icon_mix_linebox .tit{
	color:#1a55ce;
	width:140px;
	font-weight:500;
}
.icon_mix_linebox .list{
	color:#333333;
	width:auto;
	flex:1;
}
.icon_mix_linebox .list > ul{
	font-size:0.85em;	
}
.icon_mix_linebox .list > ul > li{
	line-height:1.6em;
	font-size:1em;
}

.content_round_box{
	border:1px solid #bcc1d5;
	background-color:#f4f5f9;
	border-radius:12px;
	padding:30px;
}
.content_round_box > ul{
	font-size:17px;
}
.content_round_box > ul > li{
	font-size:1em;
	color:#333;
	position:relative;
	line-height:1.5em;
	padding-left:13px;
	margin-bottom:5px;	
}
.content_round_box > ul > li:before{
	content:'';
	width:7px;
	height:7px;
	display:block;
	background-color:#1a55ce;
	position:absolute;
	border-radius:50%;
	left:0;
	top:0.5em;
}

.r_tit_box{
	text-align:center;
	max-width:80%;
	margin:15px auto 25px auto;
}
.r_tit_box h3{
	color:#ffffff;
	font-size:26px;
	display:inline-block;
	background-color:#355993;
	line-height:1.5em;
	padding:13px 40px;
	border-radius:40px;
	
}
.content_image_box{
	text-align:center;
	padding:25px 0;
}
.content_image_box img{
	max-width:100%;
}

.graph_box{
	display:grid;
	gap:20px;
}
.graph_box.ea4{
	display:grid;
	grid-template-columns:repeat(4,1fr);
}

.graph_box .graph_cnt{
	display:flex;
	flex-direction:column;
	height:100%;
	border-radius:15px;
	border:1px solid #b2b2b250;
	box-shadow:0px 0px 5px rgba(42,100,200,0.4);
	padding:25px;
	background-color:#ffffff;
}
.graph_box .graph_cnt .graph_txt{
	height:80%;
}
.graph_box .graph_cnt .graph_txt dl{
	font-size:16px;
}
.graph_box .graph_cnt .graph_txt dt{
	font-weight:500;
	font-size:1.025em;
	position:relative;
	padding-left:10px;
}
.graph_box .graph_cnt .graph_txt dt:before{
	content:'';
	display:block;
	width:5px;
	height:5px;
	border-radius:50%;
	background-color:#1a55ce;
	position:absolute;
	left:0;
	top:8px;
}
/* 가로 박스 불렛 색상 */
.graph_box .graph_cnt .graph_txt dl.bu_blue dt:before{background-color:#1a55ce;}
.graph_box .graph_cnt .graph_txt dl.bu_red dt:before{background-color:#b21023;}
.graph_box .graph_cnt .graph_txt dl.bu_green dt:before{background-color:#59ad8f;}
.graph_box .graph_cnt .graph_txt dl.bu_black dt:before{background-color:#333333;}
.graph_box .graph_cnt .graph_txt dl.bu_gray dt:before{background-color:#888888;}
.graph_box .graph_cnt .graph_txt dl.bu_yellow dt:before{background-color:#e8ba02;}
.graph_box .graph_cnt .graph_txt dl.bu_orange dt:before{background-color:#f56712;}
.graph_box .graph_cnt .graph_txt dl.bu_ocean dt:before{background-color:#5ba8b4;}

.ncs_cont_grid{
	display:grid;
	align-content: stretch;
	justify-content:center;
}
.ncs_cont_grid.ea3{grid-template-columns:repeat(3,1fr);grid-gap:64px;}
.ncs_cont_grid.ea6{grid-template-columns:repeat(auto-fill, 145px);grid-gap:2%;} 

.content_board_container .cont_item{
	background-color:#ffffff;
	padding:20px 16px;
	border-width:5px;
	border-style:solid;
	border-color:#ddd;
	border-radius:8px;
}
.content_board_container .cont_item h3{
	display:block;
	text-align:center;
	font-size:22px;
}

.content_board_container .cont_item h3:after{
	display:block;
	content:'';
	height:1px;
	margin:15px 0;
	background-color:#ccc;
}

.content_board_container .cont_item ul{
	text-align:left;
	padding:0 10px;
}
.content_board_container .cont_item ul li{position:relative;padding-left:10px;line-height:1.4em;margin-bottom:5px;}
.content_board_container .cont_item li:before{
	content:'';
	display:block;
	width:5px;
	height:5px;
	border-radius:50%;
	background-color:#ccc;
	position:absolute;
	left:0;
	top:8px;
}

/* 박스 제목 색상 */
.content_board_container .cont_item.bu_blue   h3{color:#16629f;}
.content_board_container .cont_item.bu_green  h3{color:#1a995f;}
.content_board_container .cont_item.bu_ocean  h3{color:#1d8990;}
.content_board_container .cont_item.bu_darkblue  h3{color:#284da6;}

/* 박스 제목 보더 색상 */
.content_board_container .cont_item.bu_blue   h3:after{background-color:#64a7dc;}
.content_board_container .cont_item.bu_green  h3:after{background-color:#59ad8f;}
.content_board_container .cont_item.bu_ocean  h3:after{background-color:#5ba8b4;}
.content_board_container .cont_item.bu_darkblue  h3:after{background-color:#5773b4;}

/* 박스 보더 색상 */
.content_board_container .cont_item.bu_blue  {border-color:#64a7dc;}
.content_board_container .cont_item.bu_green {border-color:#59ad8f;}
.content_board_container .cont_item.bu_ocean {border-color:#5ba8b4;}
.content_board_container .cont_item.bu_darkblue {border-color:#5773b4;}

/* 박스 목록 불릿 색상 */
.content_board_container .cont_item.bu_blue  li:before{background-color:#64a7dc;}
.content_board_container .cont_item.bu_green  li:before{background-color:#59ad8f;}
.content_board_container .cont_item.bu_ocean  li:before{background-color:#5ba8b4;}
.content_board_container .cont_item.bu_darkblue  li:before{background-color:#5773b4;}

.graph_box .graph_cnt .graph_txt dd{
	font-weight:400;
	position:relative;
	padding-left:10px;
	font-size:1em;	
	margin-left:0px;
}
.graph_box .graph_cnt .graph_txt dd:before{
	content:'- ';
	position:absolute;
	top:0;
	left:0;
}
.graph_box .graph_cnt .graph_icon{
	height:20%;
	display:flex;
	flex-direction:column;
	align-items: flex-end;
}
.graph_box .graph_cnt .graph_icon > i{
	color:#b3d2ee;
	font-size:3rem;
}


/* 프로젝트 테이블 스타일 */
.content_table_box{
	position:relative;
}
.content_table_box table{
	table-layout:auto;
	border-collapse:collapse;
}

.content_table_box table th,.content_table_box table td{
	border:1px solid #bcc1d5;
}
.content_table_box table thead{
	
}
.content_table_box table thead th{
	border-top:2px solid #406dc9;
	background-color:#e6e8f8;
	color:#1542a0;
	font-size:16px;
	text-align:center;
	padding:10px;
}
.content_table_box table tbody th,.content_table_box table tbody td{
	padding:10px;
	font-size:16px;
}
.content_table_box table tbody th{
	background-color:#f4f5f9;
	color:#333333;
	font-weight:500;
	text-align:center;
	line-height:1.6em;
}
.content_table_box table tbody td{
	background-color:#ffffff;
	color:#333;
	font-weight:400;
	text-align:left;
	line-height:1.6em;
}

.content_table_box table tbody td > ul > li{
	font-size:1em;
	position:relative;
	padding-left:10px;
	margin-bottom:8px;
	line-height:1.4em;
}
.content_table_box table tbody td > ul > li:before{
	content:'';
	position:absolute;
	width:4px;
	height:4px;
	border-radius:50%;
	background-color:#444e5b;
	display:block;
	left:0px;
	top:8px;
}

.table_descript{
	margin:15px 0;
	position:relative;
	padding-left:20px;
}
.table_descript:before{
	content:'※';
	display:block;
	position:absolute;
	left:0;
	top:0;
	color:#b21023;
}
.content_table_box table.vert_tbl tbody th{
	background-color:#e6e8f8;
	color:#1542a0;
	font-weight:500;
	text-align:center;
}
.content_table_box table.vert_tbl tbody tr:first-child th,.content_table_box table.vert_tbl tbody tr:first-child td{
	border-top:2px solid #406dc9;
}
.extner_btn{
	text-align:center;
	padding:15px;
}
.extner_btn > a{
	display:inline-block;
	font-size:1.125rem;
	color:#ffffff;
	padding:10px 15px;
	background-color:#406dc9;
	border-radius:8px;
	border:2px solid #406dc9;
}
.extner_btn > a:hover{
	color:#406dc9;
	padding:10px 15px;
	background-color:#ffffff;
	border-radius:8px;
}

/* 페이지 상단 설명 박스 */
.page_infobox{
	flex:1;
	font-size:16px;
	padding:25px;
	box-shadow:0px 0px 10px rgba(59,116,231,0.4);
	background-color:#ffffff;
	margin:40px 10px;
	/* 그림자 두께 마큼 좌우 마진이 있어야 함 */
}
.page_infobox h3{
	color:#0945ae;
	font-size:1.6em;
	line-height:1.4em;
	margin-bottom:15px;
}
.page_infobox p{
	color:#666666;
	font-size:1.1em;
	line-height:1.7em;
}
.page_infobox .link_btn > a{
	display:inline-block;
	background-color:#284da6;
	color:#ffffff;
	border-radius:6px;
	padding:8px 15px;
	border:1px solid #284da6;
}
.page_infobox .link_btn > a:hover{
	color:#284da6;
	background-color:#ffffff;
}

a.link_btn {
	display:inline-block;
	background-color:#284da6;
	color:#ffffff;
	border-radius:6px;
	padding:4px 15px;
	border:1px solid #284da6;
	font-size:0.75em;
	margin-left:8px;
}
a.link_btn:hover{
	color:#284da6;
	background-color:#ffffff;
}

.ncs_graph_box{
	background-image:url(/page/img/ncs_graph_bg.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}

.hexagon {
    width: 245px;
    height: 245px;
    background-image:url(/page/img/svg_hexagon_2.svg);
    background-position:center center;
    background-size:100%;
    background-repeat:no-repeat;
    padding:50px;
    margin:0 auto;
    position:relative;
    display: inline-flex;
}

.hexagon_txt{
	display:flex;
	flex-direction:column;
	align-items:center;
	width: 100%;
	justify-content: center;
}
.hexagon_txt > div:nth-child(1){
	font-size:2.5em;
	color:#114d82;
	line-height:1.4em;
}
.hexagon_txt > div:nth-child(2){
	font-size:1.25em;
	line-height:1.4em;
	color:#114d82;
}

.updown_flex{
	display:flex;
	width:100%;
	gap:20px;
	flex-direction:column;
	margin:0 0 25px 0;
}
.updown_flex:last-child{
	margin-bottom:0px;
}
.updown_flex h3{
	width:100%;
	color:#1a55ce;
	font-size:20px;
}
.updown_flex .dot_cont_box{
	background-color:#ffffff;
	border:1px dashed #bcc1d5;
	padding:20px;
	text-align:left;
}
.updown_flex .dot_cont_box > ul{
	border-bottom:1px dashed #bcc1d5 !important;
	padding-bottom:10px !important;
	margin-bottom:25px !important;
}
.updown_flex .dot_cont_box > ul:last-child{
	border-bottom:0px !important;
	padding-bottom:0px !important;
	margin-bottom:0px !important;	
}

.content_board_container .ul_list01{
	font-size: 17px;
}
.content_board_container .ul_list01 > li{
	font-size:1em;
	color:#333;
	position:relative;
	line-height:1.5em;
	padding-left:13px;
	margin-bottom:5px;	
}
.content_board_container .ul_list01:not(ol) > li:before{
	content:'';
	width:7px;
	height:7px;
	display:block;
	background-color:#1a55ce;
	position:absolute;
	border-radius:50%;
	left:0;
	top:0.5em;
}
.content_board_container .ul_list01 > li > strong{
	color:#1a55ce;
}

.content_board_container .ul_list01 > li ol,.content_board_container .ul_list01 > li ul{

}

.content_board_container .ul_list01 > li ol li,.content_board_container .ul_list01 > li ul li{
	margin-top:8px;
	padding-left:1.2em;
	margin-bottom:8px;
	font-size:.95em;
}
.content_board_container .ul_list01 ul li:before{
	content:'-';
	position:absolute;
	left:0px;
}
.content_board_container .ul_list01 ol li:before{
	content:'';
	position:absolute;
	left:0px;
}
.content_board_container .ul_list01 ol li:nth-child(1):before{content:'①';}
.content_board_container .ul_list01 ol li:nth-child(2):before{content:'②';}
.content_board_container .ul_list01 ol li:nth-child(3):before{content:'③';}
.content_board_container .ul_list01 ol li:nth-child(4):before{content:'④';}
.content_board_container .ul_list01 ol li:nth-child(5):before{content:'⑤';}
.content_board_container .ul_list01 ol li:nth-child(6):before{content:'⑥';}
.content_board_container .ul_list01 ol li:nth-child(7):before{content:'⑦';}
.content_board_container .ul_list01 ol li:nth-child(8):before{content:'⑧';}
.content_board_container .ul_list01 ol li:nth-child(9):before{content:'⑨';}
.content_board_container .ul_list01 ol li:nth-child(10):before{content:'⑩';}
.content_board_container .ul_list01 ol li:nth-child(11):before{content:'⑪';}
.content_board_container .ul_list01 ol li:nth-child(12):before{content:'⑫';}
.content_board_container .ul_list01 ol li:nth-child(13):before{content:'⑬';}
.content_board_container .ul_list01 ol li:nth-child(14):before{content:'⑭';}
.content_board_container .ul_list01 ol li:nth-child(15):before{content:'⑮';}

.content_board_container ol.ul_list01 > li{
	margin-top:8px;
	padding-left:1.2em;
	margin-bottom:8px;
	font-size:.95em;
}
.content_board_container ol.ul_list01 > li:before{
	content:'';
	position:absolute;
	left:0px;
}
.content_board_container ol.ul_list01 li:nth-child(1):before{content:'①';}
.content_board_container ol.ul_list01 li:nth-child(2):before{content:'②';}
.content_board_container ol.ul_list01 li:nth-child(3):before{content:'③';}
.content_board_container ol.ul_list01 li:nth-child(4):before{content:'④';}
.content_board_container ol.ul_list01 li:nth-child(5):before{content:'⑤';}
.content_board_container ol.ul_list01 li:nth-child(6):before{content:'⑥';}
.content_board_container ol.ul_list01 li:nth-child(7):before{content:'⑦';}
.content_board_container ol.ul_list01 li:nth-child(8):before{content:'⑧';}
.content_board_container ol.ul_list01 li:nth-child(9):before{content:'⑨';}
.content_board_container ol.ul_list01 li:nth-child(10):before{content:'⑩';}
.content_board_container ol.ul_list01 li:nth-child(11):before{content:'⑪';}
.content_board_container ol.ul_list01 li:nth-child(12):before{content:'⑫';}
.content_board_container ol.ul_list01 li:nth-child(13):before{content:'⑬';}
.content_board_container ol.ul_list01 li:nth-child(14):before{content:'⑭';}
.content_board_container ol.ul_list01 li:nth-child(15):before{content:'⑮';}


.content_board_container .ul_list02{
	font-size: 17px;
}
.content_board_container .ul_list02 > li{
	font-size:1em;
	color:#333;
	position:relative;
	line-height:1.5em;
	padding-left:13px;
	margin-bottom:8px;	
}
.content_board_container .ul_list02 > li:before{
	content:'';
	width:7px;
	height:7px;
	display:block;
	background-color:#1a55ce;
	position:absolute;
	border-radius:50%;
	left:0;
	top:0.5em;
}
.content_board_container .ul_list02 > li > strong{
	color:#000;
	font-weight:500;
}


.no_border,.no_border:before,.no_border:after{border:0px !important;background-color:transparent !important;}
/* 육각 순서 박스 */
.content_board_container .hexagon_flex{
	--width:200px;
	--height:180px;
	--top:80px;
	--gap:8vw;
	display:grid;
	grid-gap:var(--gap);
	position:relative;
	margin-top:var(--top);
	align-content: stretch;
	justify-content: center;
}

.content_board_container .hexagon_flex.vert{
	--width:200px;
	--height:180px;
	--top:0;
	--gap:20px;
	display:flex;
	flex-direction:column;
	grid-gap:var(--gap);
	position:relative;
	margin-top:var(--top);
	align-content: stretch;
	justify-content: center;
}
.content_board_container .hexagon_flex.ea2{
	grid-template-columns:repeat(auto-fill, 380px);
	grid-gap:2%;
}
.content_board_container .hexagon_flex.ea3{
	grid-template-columns:repeat(3,1fr);
}
.content_board_container .hexagon_flex.ea4{
	grid-template-columns:repeat(4,1fr);
	--gap:4vw;
}
.content_board_container .hexagon_flex .hexagon_grp .hexagon_icon{
	height:50%;
	position: absolute;
	top: calc(-1 * (var(--height)/2));
	width: 100%;
	text-align: center;
	z-index:1;
}
.content_board_container .hexagon_flex.vert .hexagon_grp .hexagon_icon{
	height:50%;
	position: relative;
	top:initial;
	width:auto;
	text-align: center;
	z-index:initial;
	margin-right:30px;
}
.content_board_container .hexagon_flex .hexagon_grp .hexagon_icon h3{
	font-size:1.5em;
	color:#ffffff;
}
.content_board_container .hexagon_flex .hexagon_grp .hexagon_icon > .icon{
	width:var(--width);
	height:var(--height);
	background-position:center center;
	background-size:100%;
	background-repeat:no-repeat;
	display: inline-flex;
	flex-direction:column;
	align-items: center;
	justify-content: center;
	gap:20px;	
	transition:all 0.5s;
}

.content_board_container .hexagon_flex.vert{
	--gap:20px !important;
}

.content_board_container .hexagon_flex .hexagon_grp .hexagon_icon > .icon > img{
	width:40%;
	height:40%;
}
.content_board_container .hexagon_flex .hexagon_grp.bu_blue .hexagon_icon > .icon{
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='uuid-6015ef54-f3f3-453c-9e21-8be8257d2bdd' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200.1 180'%3E%3Cg id='uuid-84c73c0a-ef77-4c5e-bf1c-7b3755b07949'%3E%3Cpath d='M140.7,0H59.3c-6.6,0-12.8,3.6-16.1,9.3L2.4,80.8c-3.2,5.7-3.2,12.7,0,18.3l40.9,71.5c3.3,5.8,9.4,9.3,16.1,9.3h81.4c6.6,0,12.8-3.6,16.1-9.3l40.9-71.5c3.2-5.7,3.2-12.7,0-18.3L156.8,9.3c-3.3-5.8-9.4-9.3-16.1-9.3Z' style='fill:%23078cc8; stroke-width:0px;'/%3E%3C/g%3E%3C/svg%3E");
}
.content_board_container .hexagon_flex .hexagon_grp.bu_ocean .hexagon_icon > .icon{
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='uuid-6015ef54-f3f3-453c-9e21-8be8257d2bdd' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200.1 180'%3E%3Cg id='uuid-84c73c0a-ef77-4c5e-bf1c-7b3755b07949'%3E%3Cpath d='M140.7,0H59.3c-6.6,0-12.8,3.6-16.1,9.3L2.4,80.8c-3.2,5.7-3.2,12.7,0,18.3l40.9,71.5c3.3,5.8,9.4,9.3,16.1,9.3h81.4c6.6,0,12.8-3.6,16.1-9.3l40.9-71.5c3.2-5.7,3.2-12.7,0-18.3L156.8,9.3c-3.3-5.8-9.4-9.3-16.1-9.3Z' style='fill:%2350b4d2; stroke-width:0px;'/%3E%3C/g%3E%3C/svg%3E");
}
.content_board_container .hexagon_flex .hexagon_grp.bu_darkblue .hexagon_icon > .icon{
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='uuid-6015ef54-f3f3-453c-9e21-8be8257d2bdd' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200.1 180'%3E%3Cg id='uuid-84c73c0a-ef77-4c5e-bf1c-7b3755b07949'%3E%3Cpath d='M140.7,0H59.3c-6.6,0-12.8,3.6-16.1,9.3L2.4,80.8c-3.2,5.7-3.2,12.7,0,18.3l40.9,71.5c3.3,5.8,9.4,9.3,16.1,9.3h81.4c6.6,0,12.8-3.6,16.1-9.3l40.9-71.5c3.2-5.7,3.2-12.7,0-18.3L156.8,9.3c-3.3-5.8-9.4-9.3-16.1-9.3Z' style='fill:%23284da6; stroke-width:0px;'/%3E%3C/g%3E%3C/svg%3E");
}

.content_board_container .hexagon_flex .hexagon_grp.bu_deepblue .hexagon_icon > .icon{
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='uuid-6015ef54-f3f3-453c-9e21-8be8257d2bdd' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200.1 180'%3E%3Cg id='uuid-84c73c0a-ef77-4c5e-bf1c-7b3755b07949'%3E%3Cpath d='M140.7,0H59.3c-6.6,0-12.8,3.6-16.1,9.3L2.4,80.8c-3.2,5.7-3.2,12.7,0,18.3l40.9,71.5c3.3,5.8,9.4,9.3,16.1,9.3h81.4c6.6,0,12.8-3.6,16.1-9.3l40.9-71.5c3.2-5.7,3.2-12.7,0-18.3L156.8,9.3c-3.3-5.8-9.4-9.3-16.1-9.3Z' style='fill:%23284da6; stroke-width:0px;'/%3E%3C/g%3E%3C/svg%3E");
}

.content_board_container .hexagon_flex .hexagon_grp.bu_green .hexagon_icon > .icon{
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='uuid-6015ef54-f3f3-453c-9e21-8be8257d2bdd' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200.1 180'%3E%3Cg id='uuid-84c73c0a-ef77-4c5e-bf1c-7b3755b07949'%3E%3Cpath d='M140.7,0H59.3c-6.6,0-12.8,3.6-16.1,9.3L2.4,80.8c-3.2,5.7-3.2,12.7,0,18.3l40.9,71.5c3.3,5.8,9.4,9.3,16.1,9.3h81.4c6.6,0,12.8-3.6,16.1-9.3l40.9-71.5c3.2-5.7,3.2-12.7,0-18.3L156.8,9.3c-3.3-5.8-9.4-9.3-16.1-9.3Z' style='fill:%231a995f; stroke-width:0px;'/%3E%3C/g%3E%3C/svg%3E");
}

.content_board_container .hexagon_flex .hexagon_grp.bu_pupple .hexagon_icon > .icon{
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='uuid-6015ef54-f3f3-453c-9e21-8be8257d2bdd' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200.1 180'%3E%3Cg id='uuid-84c73c0a-ef77-4c5e-bf1c-7b3755b07949'%3E%3Cpath d='M140.7,0H59.3c-6.6,0-12.8,3.6-16.1,9.3L2.4,80.8c-3.2,5.7-3.2,12.7,0,18.3l40.9,71.5c3.3,5.8,9.4,9.3,16.1,9.3h81.4c6.6,0,12.8-3.6,16.1-9.3l40.9-71.5c3.2-5.7,3.2-12.7,0-18.3L156.8,9.3c-3.3-5.8-9.4-9.3-16.1-9.3Z' style='fill:%23726cdd; stroke-width:0px;'/%3E%3C/g%3E%3C/svg%3E");
}

.content_board_container .hexagon_flex .hexagon_grp {
	display:flex;
	flex-direction:column;
	height:100%;
	position: relative;
}

.content_board_container .hexagon_flex.vert .hexagon_grp {
	display:flex;
	flex-direction:row;
	height:100%;
	position: relative;
	align-items:center;
}

.content_board_container .hexagon_flex .hexagon_cnt{
	background-color:#ffffff;
	padding: calc(var(--height)/2 + 20px) 16px 20px 16px;
	border-width:5px;
	border-style:solid;
	border-color:#ddd;
	border-radius:8px;
	display:flex;
	flex-direction:column;
	height:100%;
	position:relative;
}

.content_board_container .hexagon_flex.vert .hexagon_cnt{
	background-color:#ffffff;
	padding: 20px 16px 20px 16px;
	border-width:5px;
	border-style:solid;
	border-color:#ddd;
	border-radius:8px;
	display:flex;
	flex-direction:column;
	height:100%;
	position:relative;
	width:calc(100% - var(--width));
}

.content_board_container .hexagon_flex .hexagon_grp .hexagon_cnt:after{
	content:'';
	width:60px;
	height:70px;
	display:block;
	position:absolute;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23e8eaed'%3E%3Cpath d='M24 24H0V0h24v24z' fill='none' opacity='.87'/%3E%3Cpath d='M7.38 21.01c.49.49 1.28.49 1.77 0l8.31-8.31c.39-.39.39-1.02 0-1.41L9.15 2.98c-.49-.49-1.28-.49-1.77 0s-.49 1.28 0 1.77L14.62 12l-7.25 7.25c-.48.48-.48 1.28.01 1.76z'/%3E%3C/svg%3E");
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center;
	top:50%;
	right:calc(-1 * (var(--gap)/2 + (60px/2)));
	transform:translateY(-50%);
	display:none;
}

.content_board_container .hexagon_flex.vert .hexagon_grp .hexagon_cnt:after{
	display:none;
}

.content_board_container .hexagon_flex.no_arrow .hexagon_grp .hexagon_cnt:after{
	display:none;
}


.content_board_container .hexagon_flex .hexagon_cnt h3{
	display:block;
	text-align:center;
	font-size:20px;
	line-height:1.4em;
	color:#141414;
}
.content_board_container .hexagon_flex.vert .hexagon_cnt h3{
	text-align:left;
	color:#141414;
}

.content_board_container .hexagon_flex .hexagon_cnt ul{
	text-align:left;
	padding:0 10px;
}

.content_board_container .hexagon_flex .hexagon_cnt ul:before{
	display:block;
	content:'';
	height:1px;
	margin:15px 0;
	background-color:#ccc;
}
.content_board_container .hexagon_flex .hexagon_cnt ul li{position:relative;padding-left:10px;line-height:1.4em;margin-bottom:5px;}
.content_board_container .hexagon_flex .hexagon_cnt li:before{
	content:'';
	display:block;
	width:5px;
	height:5px;
	border-radius:50%;
	background-color:#ccc;
	position:absolute;
	left:0;
	top:8px;
}

/* 박스 제목 색상 */
.content_board_container .hexagon_flex .hexagon_grp.bu_blue		.hexagon_cnth3{color:#16629f;}
.content_board_container .hexagon_flex .hexagon_grp.bu_green	.hexagon_cnth3{color:#1a995f;}
.content_board_container .hexagon_flex .hexagon_grp.bu_ocean	.hexagon_cnth3{color:#1d8990;}
.content_board_container .hexagon_flex .hexagon_grp.bu_darkblue .hexagon_cnth3{color:#284da6;}
.content_board_container .hexagon_flex .hexagon_grp.bu_pupple   .hexagon_cnth3{color:#726cdd;}


/* 박스 제목 보더 색상 */
.content_board_container .hexagon_flex .hexagon_grp.bu_blue		.hexagon_cnth3:after{background-color:#64a7dc;}
.content_board_container .hexagon_flex .hexagon_grp.bu_green	.hexagon_cnth3:after{background-color:#59ad8f;}
.content_board_container .hexagon_flex .hexagon_grp.bu_ocean	.hexagon_cnth3:after{background-color:#5ba8b4;}
.content_board_container .hexagon_flex .hexagon_grp.bu_darkblue .hexagon_cnth3:after{background-color:#5773b4;}
.content_board_container .hexagon_flex .hexagon_grp.bu_pupple   .hexagon_cnth3:after{background-color:#9995e5;}

/* 박스 보더 색상 */
.content_board_container .hexagon_flex .hexagon_grp.bu_blue		.hexagon_cnt{border-color:#64a7dc;}
.content_board_container .hexagon_flex .hexagon_grp.bu_green	.hexagon_cnt{border-color:#59ad8f;}
.content_board_container .hexagon_flex .hexagon_grp.bu_ocean	.hexagon_cnt{border-color:#5ba8b4;}
.content_board_container .hexagon_flex .hexagon_grp.bu_darkblue .hexagon_cnt{border-color:#5773b4;}
.content_board_container .hexagon_flex .hexagon_grp.bu_pupple   .hexagon_cnt{border-color:#9995e5;}

/* 박스 목록 불릿 색상 */
.content_board_container .hexagon_flex .hexagon_grp.bu_blue		.hexagon_cnt li:before{background-color:#64a7dc;}
.content_board_container .hexagon_flex .hexagon_grp.bu_green	.hexagon_cnt li:before{background-color:#59ad8f;}
.content_board_container .hexagon_flex .hexagon_grp.bu_ocean	.hexagon_cnt li:before{background-color:#5ba8b4;}
.content_board_container .hexagon_flex .hexagon_grp.bu_darkblue .hexagon_cnt li:before{background-color:#5773b4;}
.content_board_container .hexagon_flex .hexagon_grp.bu_pupple   .hexagon_cnt li:before{background-color:#9995e5;}



.r_infobox_updown{
	display:flex;
	flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
	margin:1em 0.5em;
	gap:30px;
	/*
	grid-template-columns: repeat(auto-fit, minmax(370px, 1fr));
	justify-items: center;
	*/
}
.r_infobox_updown .r_infobox_item{
	flex:0 0 275px;
	display:flex;
	flex-direction:column;
	align-items: stretch;
    text-align: center;
	padding:0 20px;
	font-size:20px;
	row-gap:0px;
	/*
	grid-template-columns: repeat(auto-fit, minmax(370px, 1fr));
	justify-items: center;
	*/
}
.r_infobox_updown .r_infobox_item .up_box{padding:10px;font-size:1em;border-radius:30px;border:2px solid #ddd;}
.r_infobox_updown .r_infobox_item .dw_box{padding:10px;font-size:0.85em;border-radius:30px;border:2px solid #ddd;}

.r_infobox_updown .r_infobox_item .ct_box{font-size:1em;border-radius:30px;}
.r_infobox_updown .r_infobox_item .ct_box > i{font-size:1.7em;}

.r_infobox_updown .r_infobox_item.bu_blue  .ct_box > i{color:#64a7dc;}
.r_infobox_updown .r_infobox_item.bu_ocean .ct_box > i{color:#5ba8b4;}
.r_infobox_updown .r_infobox_item.bu_green .ct_box > i{color:#59ad8f;}


.r_infobox_updown .r_infobox_item.bu_blue  .up_box{color:#fff;background-color:#64a7dc;border-color:#64a7dc;}
.r_infobox_updown .r_infobox_item.bu_ocean .up_box{color:#fff;background-color:#5ba8b4;border-color:#5ba8b4;}
.r_infobox_updown .r_infobox_item.bu_green .up_box{color:#fff;background-color:#59ad8f;border-color:#59ad8f;}

.r_infobox_updown .r_infobox_item.bu_blue  .dw_box{border-color:#64a7dc;}
.r_infobox_updown .r_infobox_item.bu_ocean .dw_box{border-color:#5ba8b4;}
.r_infobox_updown .r_infobox_item.bu_green .dw_box{border-color:#59ad8f;}


/* 훈련계시판용 추가 */
.bo_v_img_flex_wrap{
	border:1px solid #ddd;
	margin-bottom:50px;
	padding:10px;
}
.bo_v_img_flex{
	display:flex;
	gap:10px;
}
.bo_v_img_item{
	
}

.bo_v_img_item img{
	display:block;
	border:1px solid #ddd;
	width:100%;
	height:auto !important;
}

/* 페이지 섹션 내부 탭 */
.page_section_wrap .content_tabs{display:flex;gap:10px;margin-bottom:2rem;flex-wrap: wrap;}
.page_section_wrap .content_tabs > a {
    display: flex;
    height: 50px;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    background-color: #ffffff;
    padding: 0 35px;
    font-size: 1.025em;
    border: 1px solid #ccc;
	color:#333;
	border-radius:30px;
}
.page_section_wrap .content_tabs > a.on {
    background-color: #1748a4;
    border-color:#1748a4;
	color:#fff !important;
}
.page_section_wrap .tab_content{
	display:none;
}
.page_section_wrap .tab_content.on{
	display:block;
}

/* 가로형 라운드 아이콘 블럭 박스 */
.circle_flex{
	--bgcolor:#1748a4;
	--circle:140px;
	display:flex;
	flex-direction:column;
	gap:30px;
}
.circle_items{
	display:flex;
	border-radius:10px;
	border:3px solid var(--bgcolor);
	align-items: center;
	padding:15px 20px 15px 15px;
	background-color:#ffffff;
}
.circle_icon{
    width: var(--circle);
    height: var(--circle);
	border:1px solid  var(--bgcolor);
    background-color:  var(--bgcolor);
    border-radius: 70px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
	font-size:1rem;
	margin-left:0;
}

.circle_flex.mycolor .circle_items:nth-child(1){border-color:#0099cc;}
.circle_flex.mycolor .circle_items:nth-child(2){border-color:#50b4d2;}
.circle_flex.mycolor .circle_items:nth-child(3){border-color:#284da6;}
.circle_flex.mycolor .circle_items:nth-child(1) .circle_icon{border-color:#0099cc;background-color:#0099cc;}
.circle_flex.mycolor .circle_items:nth-child(2) .circle_icon{border-color:#50b4d2;background-color:#50b4d2;}
.circle_flex.mycolor .circle_items:nth-child(3) .circle_icon{border-color:#284da6;background-color:#284da6;}

.content_board_container .circle_flex.mycolor .circle_items:nth-child(1) .ul_list01 > li:before{background-color:#0099cc;}
.content_board_container .circle_flex.mycolor .circle_items:nth-child(2) .ul_list01 > li:before{background-color:#50b4d2;}
.content_board_container .circle_flex.mycolor .circle_items:nth-child(3) .ul_list01 > li:before{background-color:#284da6;}

.circle_icon .num{
	text-align:center;
	color:#ffffff;
	font-size:2em;
	font-weight:600;
}
.circle_icon .icon{
	text-align:center;
	color:#ffffff;
	font-size:1em;
	font-weight:600;
}
.circle_icon .icon i,.circle_icon .icon span{
	font-size:3em;
}
.circle_content{
	padding:0px 25px;
}
.circle_content h3{
	background-color:#edeff5;
	padding:5px 25px;
	border-radius:20px;
	display:inline-block;
	margin-bottom:15px;
}


/* 세로형 플러스박스 */
.plus_grid{
	--color:#1748a4;
	--circle:200px;
	--gap:40px;
	--padding:20px;
	display:grid;
	grid-gap:var(--gap);
}
.plus_grid.ea3{
	grid-template-columns: repeat(3, 1fr);
}
.plus_grid.mycolor .plus_items:nth-child(1){border-color:#0099cc;}
.plus_grid.mycolor .plus_items:nth-child(2){border-color:#50b4d2;}
.plus_grid.mycolor .plus_items:nth-child(3){border-color:#284da6;}
.plus_grid.mycolor .plus_items:nth-child(1) .plus_icon .icon{color:#0099cc;}
.plus_grid.mycolor .plus_items:nth-child(2) .plus_icon .icon{color:#50b4d2;}
.plus_grid.mycolor .plus_items:nth-child(3) .plus_icon .icon{color:#284da6;}

.plus_items{
	display: flex;
    align-items: center;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: var(--padding);
    border: 3px solid var(--color);
    border-radius:var(--padding);
	position:relative;
	background-color:#fff;
}

.plus_items:before{
	content:'\e145';
	position:absolute;
	font-family:'Material Icons';
	left:calc(-1.1 * var(--gap));
	width:40px;
	font-size:40px;
	top:50%;
	transform:translateY(-50%);
	color:#a4b7d7;
}

.plus_items:first-child:before{
	display:none;
}
.plus_icon{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
	font-size:1rem;
}
.plus_icon .num{
	text-align:center;
	color:var(--color);
	font-size:2em;
	font-weight:600;
}
.plus_icon .icon{
	text-align:center;
	color:var(--color);
	font-size:1em;
	font-weight:600;
}
.plus_icon .icon i,.plus_icon .icon span{
	font-size:3em;
}
.plus_content{
	padding:15px 25px;
	text-align:center;
	font-size:1.05em;
}
.plus_content h3{
	background-color:#edeff5;
	padding:5px 25px;
	border-radius:20px;
	display:inline-block;
	margin-bottom:15px;
}

ul > li:last-child{
	margin-bottom:0px !important;
}

/* 프로젝트 반응형 스타일 */
@media(max-width:1200px){
	.page_section {
	   display: flex;
	   flex-direction:column;
	}
	.page_section > div {
	   flex:1;
	   /*width:100%;*/
	}
	.page_title_area{
		width:100%;
		padding: 20px 50px 20px 13px;
	}
	.icon_mix_linebox .tit{
		font-size:0.85em;
	}
	.content_board_container .hexagon_flex{
		--top:70px;
		--width:150px;
		--height:135px;
	}
	.content_board_container .hexagon_flex{
		--gap:calc(var(--height) / 1.5) !important;
		grid-gap:var(--gap) !important;
	}
	.content_board_container .hexagon_flex.ea4{
		grid-template-columns:repeat(2,1fr);
	}
}

@media(max-width:960px){
	.content_table_box:before{
		display:block;
		content:'좌우로 스크롤 하세요';
		font-size:13px;
		text-align:center;
		padding:10px;
	}
	.content_table_box{
		overflow:hidden;
		overflow-x:auto;
	}
	.content_table_box > table{
		white-space: nowrap;
	}
	.content_board_container .hexagon_flex{
		--top:60px;
		--width:120px;
		--height:108px;
	}
	.bo_v_img_flex{
		flex-direction:column;
	}
	.content_board_container .hexagon_flex.vert{
		--width:120px;
		--height:108px;
	}
	.page_infobox{
		font-size:15px;
	}
}
@media(max-width:800px){
	.circle_icon {
		font-size: 10px;
	}
	.page_title_area {
		padding: 15px 10px;
	}
	.page_title_area h3{
		font-size:1.4em;
	}
	.content_round_box > ul {
		font-size: 15px;
	}
	.r_tit_box h3{
		font-size:20px;
	}
	.graph_box .graph_cnt .graph_txt dl{
		font-size:15px;
	}
	.graph_box.ea4{grid-template-columns:repeat(2,1fr);}
	.content_board_container .hexagon_flex{
		--gap:70px;
		--top:50px;
		--width:120px;
		--height:108px;
	}

	.content_board_container .hexagon_flex.ea3{
		grid-template-columns:repeat(1,1fr);
	}
	.content_board_container .hexagon_flex{
		grid-template-columns:repeat(1,1fr);
	}
	.content_board_container .hexagon_flex .hexagon_grp .hexagon_cnt:after{display:none;}
	.plus_grid.ea3 {
		grid-template-columns: repeat(1, 1fr);
	}	
	.plus_items:before {        
        left: calc( * var(--gap));
        top: -14%;
	}
	.page_section:has(.page_infobox){
		padding-left:1rem;
		padding-right:1rem;
	}
}
@media(max-width:768px){
	.icon_mix_linebox{
		flex-direction:column;
		justify-content:center;
		align-items:center;
	}
	.icon_mix_linebox .tit{
		width:100%;
		text-align:center;
	}
	.icon_mix_linebox .list > ul > li{text-align:center;}
	.ncs_cont_grid.ea3{
		grid-template-columns:repeat(1,1fr);
		grid-gap:25px;
	}
	.ncs_cont_grid.ea6{
		grid-template-columns:repeat(2,1fr);
		grid-gap:25px;
	}
	.circle_flex{
		--bgcolor:#1748a4;
		--circle:100px;
		gap:20px;
	}
	[class*=ul_list0] > li{
		font-size:0.85em !important;
		margin-bottom:5px !important;
	}
	.content_board_container .hexagon_flex.ea4{
		grid-template-columns:repeat(1,1fr);
	}
	.content_board_container .tit_box h2 {
		font-size: 1.5rem;
	}
}

@media(max-width:500px){
	.page_section_wrap {
		--title-w:100%;
	}
	.graph_box.ea4{grid-template-columns:repeat(1,1fr);}
	.ncs_cont_grid.ea6{
		grid-template-columns:repeat(1,1fr);
		grid-gap:25px;
	}
	.content_board_container .hexagon_flex{
		grid-template-columns:repeat(1,1fr) !important;
	}
	.circle_icon{
		display:none;
	}
	.content_board_container .hexagon_flex.vert {
		--width:0px;
		flex:1;
	}
	.content_board_container .hexagon_flex.vert {
		--gap: 20px !important;
	}
	.content_board_container .hexagon_flex.vert .hexagon_grp .hexagon_icon {
		display:none;
		margin-right: 0px;
	}
	.page_content_area{
		padding:35px 0px;
		position:relative;
		width:100%;
	}
}