@charset "utf-8";

/*
 * combine_sub.css
 * 상하단 공통영역 + 대표 외 사이트 스타일가이드
 * root 설정은 각각의 common에서
 */
@font-face {
	font-family:'paperlogy';    
	font-style: normal;    
	font-weight:800;
	src: url('/resource/common/fonts/PAPERLOGY-8EXTRABOLD.woff2') format('woff2'),
         url('/resource/common/fonts/PAPERLOGY-8EXTRABOLD.woff') format('woff');
	font-display: swap;
}
:root	{
	--font-paper:'paperlogy', Sans-serif;
	--trans-ani:0.3s ease 0s;
	--color-tab-bg:#e8f2f5;
	--color-nav-bg:#f0f4f7;
	--color-gray:#f2f2f2;
	--color-base3:#444;
	--color-line:#ddd;
	--color-light-blue:#e5f7ff;
}

.point_bg 											{ background:var(--color-light-point) !important; }
body.mobShow										{ overflow:hidden; position:fixed; width:100%;}
*													{ -webkit-text-size-adjust:none; -webkit-font-smoothing:antialiased; backface-visibility:hidden; }
#boardWrap											{ font-family:var(--font-pretendard); }
#boardWrap .view_con								{ font-family:inherit; }
body.noneSCroll										{ overflow:hidden; }

/* 부서소개 */
[data-subarea="department"] .basic_table .tal		{white-space: pre-line;}

/* 지도 */
.wrap_btn_zoom										{ z-index:1 !important; }

/* 게시판 달력 */
#ui-datepicker-div									{ z-index:9999 !important; }


/* 이미지 */
img,
#content img										{ max-width:100%; }
picture												{ display:block;}


/* 텍스트 정렬 */
.tar												{ text-align:right !important;}
.tal												{ text-align:left !important;}
.tac												{ text-align:center !important;}						
.basic_table.tac tbody td 							{ text-align:center !important; }

/* 폰트 */
.small_text											{ font-size:.9rem; }

/* 여백 */
.mt0						{ margin-top:0px !important;}
.mt10						{ margin-top:10px !important;}
.mt20						{ margin-top:20px !important;}
.mt30						{ margin-top:30px !important;}
.mt40						{ margin-top:40px !important;}
.mb60						{ margin-bottom:60px !important;}
.ml25						{ margin-left:25px !important; }
.ml20						{ margin-left:20px !important; }
.ml10						{ margin-left:10px !important; }
.ml0						{ margin-left:0 !important; }
.mb0						{ margin-bottom:0 !important; }
.mb10						{ margin-bottom:10px !important; }
.mb20						{ margin-bottom:20px !important; }
.pl20						{ padding-left:20px; }
.pb10						{ padding-bottom:10px; }
@media all and (max-width:668px){
	.mt20					{ margin-top:15px !important;}
	.mt30					{ margin-top:20px !important;}
	.mt40					{ margin-top:30px !important;}
  	.mb60					{ margin-bottom:40px !important;}
}

/* 점자이미지노출예시 */
.box_layer_img							{ position:fixed; top:0px; left:0px; z-index:90; width:100%; height:100%; background:rgba(0,0,0,0.4);}
.box_layer_img > div					{ position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}

.box_info_top.zoom 						{ overflow:hidden; position:relative; touch-action:none; }
.box_info_top.zoom img 					{ cursor:grab; transition:transform 0.3s ease; transform-origin:center center; position:relative; user-select:none; -webkit-user-drag:none;}
.box_info_top.zoom img.zoomed 			{ cursor:grabbing;}
.mob_text								{ display:none; }
@media all and (max-width:768px){
	.pc_text							{ display:none; }
	.mob_text							{ display:flex;  align-items:center; gap:5px; }
	.icon_mob_zoom						{ display:flex; width:22px; height:18.8759px; position:relative; opacity:.64 }
	.icon_mob_zoom::before				{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; background:url(/resource/common/images/common/icon_zoom.svg) no-repeat 50% 50% / contain; }
}




/***************************************************************************

							상단 공통 영역

***************************************************************************/
/* 커튼 배너 */
.top_banner_wrap													{ position:relative; width:100%; margin:0; --sizeHig:170px; height:var(--sizeHig); display:none !important}
.top_banner_wrap .swiper-slide										{ position:relative; width:100%; height:var(--sizeHig); }
.top_banner_wrap .swiper-slide img									{ object-fit:cover; width:100%; height:100%; }
.top_banner_wrap .swiper-slide a span[data-alt]						{ opacity:0; overflow:hidden; display:block; position:absolute; top:50%; left:50%; z-index:2; width:98%; height:95%; border:2px solid #000;  outline:1px solid #fff; text-indent:100%; 
																		white-space:nowrap; transform:translate(-50%, -50%);}
.top_banner_wrap .swiper-slide a:focus span[data-alt]				{ opacity:1; }
.top_banner_wrap .swiper_prev,
.top_banner_wrap .swiper_next										{ position:relative; width:30px; height:30px; filter:inherit; display:flex; justify-content:center; align-items:center; z-index:3; }
.top_banner_wrap .swiper_prev.swiper-button-disabled,
.top_banner_wrap .swiper_next.swiper-button-disabled				{ opacity:.5; }
.top_banner_wrap .swiper_prev::before,
.top_banner_wrap .swiper_next::before								{ position:absolute; width:8px; height:8px; border-style:solid; background:none; border-width:2px 2px 0 0; border-color:#fff; transform:rotate(45deg); content:''; }
.top_banner_wrap .swiper_next::before								{ margin-left:-4px; }
.top_banner_wrap .swiper_prev::before								{ border-width:0 0 2px 2px; margin-right:-2px }
.top_banner_wrap .control											{ position:absolute; min-width:188px; bottom:5px; background:rgba(0,0,0,.8); left:calc(50% + 800px - 188px); padding:0 7px 0 5px; border-radius:30px; height:30px; display:flex;
    																	align-items:center; justify-content:center; z-index:3; width:max-content; }
.top_banner_wrap .control .swiper_page								{ width:auto; display:flex; justify-content:center; align-items:center; font-size:.8rem; margin:0; line-height:1; color:#fff; gap:5px; padding-top:2px;}
.top_banner_wrap .control .swiper-pagination-current				{ font-weight:bold; color:var(--color-white) }
.top_banner_wrap .control .swiper-pagination-total					{ font-weight:300; opacity:.9 }
.top_banner_wrap .control .swiper_page i							{ position:relative; display:inline-block; width:3px; height:3px; background:rgba(255,255,255,.5); vertical-align:middle; border-radius:100%; margin-top:-2px }
.top_banner_wrap .control .swiper_page i::after						{ display:none; }
.top_banner_wrap .label												{ position:relative; display:flex; align-items:center; font-size:.75rem; gap:10px; font-weight:300; letter-spacing:-.025em; color:#fff; line-height:30px; margin-right:10px; }
.top_banner_wrap .label .check_label								{ position:relative;  padding-left:22px; cursor:pointer; color:#fff; opacity:.7 }
.top_banner_wrap .label .check_input 								{ position:absolute; width:1px; height:1px; opacity:0; }
.top_banner_wrap .label .check_label::before 						{ content: ""; position:absolute; top:50%; left:0; width:20px; height:20px; background:url(/resource/common/images/common/icon_check.svg) no-repeat 50% 50% / auto 7px !important; 
																		transform:translateY(-50%); 
																		z-index:2; filter:invert(1); opacity:.5 }
.top_banner_wrap .label .check_input:checked + .check_label::before,
.top_banner_wrap .label .check_input:checked + .check_label			{ opacity:1 }

.top_banner_wrap .top_banner_close									{ position:relative; width:20px; height:20px; background:#fff; border-radius:100%; }			
.top_banner_wrap .top_banner_close::before							{ content: ""; position:absolute; top:0; left:0; width:100%; height:100%; background:url(/resource/common/images/common/icon_close.svg) no-repeat 50% 50% / auto 8px; }
@media all and (max-width:1668px){
	.top_banner_wrap .control										{ left:inherit; right:1.5%; }
}
@media all and (max-width:1024px){
	.top_banner_wrap												{ --sizeHig:120px; }
}
@media all and (max-width:668px){
	.top_banner_wrap												{ --sizeHig:100px; }
	.top_banner_wrap .control										{ bottom:3px; height:28px; padding:0 5px}
	.top_banner_wrap .swiper_prev, 
	.top_banner_wrap .swiper_next									{ width:25px; height:25px; }
}
@media all and (max-width:668px){
	.top_banner_wrap												{ --sizeHig:80px; }
}


/* 공통 상단 */
.top_util															{ position:relative; display:flex; align-items:center; border-bottom:1px solid #dedede; --size:40px; height:var(--size); background:#f0f4f7; }
.top_util>.con_inner												{ display:flex; align-items:center; justify-content:end; }
.top_util .login													{ display:flex; gap:0 30px; align-items:center; font-size:.94rem; font-weight:500; }
/* 인구 */
.top_util .login [data-util="population"],
.top_util .login [data-util="population"] a							{ display:flex; gap:0 5px; align-items:center; }
.top_util .login [data-util="population"] .icon						{ display:flex; width:24px; height:17px; align-items:center; position:relative; }
.top_util .login [data-util="population"] .icon::before				{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; background:url(/resource/www/images/common/icon_population.svg) no-repeat 50% 50% / contain; }
.top_util .login [data-util="population"] dl						{ display:flex; gap:0 10px; align-items:center; font-size:.94em;}
.top_util .login [data-util="population"] dl>dt						{ font-weight:600; }
.top_util .login [data-util="population"] dl>dd						{ font-weight:400; display:flex; gap:0 3px; align-items:center;  }
.top_util .login [data-util="population"] dl>dd>em					{ font-weight:700; color:var(--color-point); font-size:1rem }
.top_util .login [data-util="population"] .base_date				{ display:flex; font-size:.88em; position:relative; gap:3px; color:var(--color-point); opacity:.84; }
.top_util .login [data-util="population"] .base_date::before		{ display:inline-block; content:'（'; margin-left:-10px; }
.top_util .login [data-util="population"] .base_date::after			{ display:inline-block; content:'）'; }

/* 주요누리집 */
.top_util .login [data-util="family_site"]							{ position:relative; }
.top_util .login [data-util="family_site"] .link					{ display:flex; align-items:center; }
.top_util .login [data-util="family_site"] .link>li					{ position:relative; padding-right:18px; margin-right:14px; }
.top_util .login [data-util="family_site"] .link>li:last-child		{ padding-right:0; margin-right:0; }
.top_util .login [data-util="family_site"] .link>li>a				{ display:flex; transition:var(--trans-ani); height:var(--size); align-items:center; padding-top:2px  }
.top_util .login [data-util="family_site"] .link>li>a:hover,
.top_util .login [data-util="family_site"] .link>li>a:focus			{ color:var(--color-point); }
.top_util .login [data-util="family_site"] .link>li:last-child::before,
.top_util .login [data-util="family_site"] .link>li.none			{ display:none; }
.top_util .login [data-util="family_site"] .link>li::before			{ position:absolute; width:4px; height:4px; border-radius:100%; content:''; right:0; top:calc(50% - 2px); background:rgba(33,33,33,.45); }
.top_util .login .btn_family										{ position:relative; align-items:center; gap:0 7px; line-height:1; display:none; height:var(--size) }
.top_util .login .btn_family .icon									{ position:relative; width:13px; height:14px; }
.top_util .login .btn_family .icon::before							{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; background:url(/resource/common/images/common/icon_btn_family.svg) no-repeat 50% 50% / contain;  }
.top_util .login .btn_family::after									{ display:inline-block; vertical-align:middle; width:7px; height:7px; border-style:solid; border-width:0 1px 1px 0; border-color:rgba(0,0,0,.74); 
																		transform:translateY(-30%) rotate(45deg); content:''; transition:all ease 0.2s; margin-left:3px; }
.top_util .login .btn_family.active::after							{ transform:translateY(20%) rotate(225deg); }
.top_util .login .family_box ul										{ display:flex; flex-flow:column; gap:3px;  }
.top_util .family_box 												{ display:none; position:absolute; min-width:120px; left:50%; transform:translatex(-50%); border:1px solid #e5e5e5; border-radius:10px; top:calc(var(--size) + 8px); 
																		background:var(--color-white); padding:1em; z-index:91; }
.top_util .login .family_box ul>li.none								{display:none;}
.top_util .login .family_box ul>li>a[target='_blank']::after		{ content:""; display:inline-block; opacity:.8; transition:all .4s; margin-left:7px; vertical-align:middle; width:12px; height:11px; transition:var(--trans-ani);
																				background:url(/resource/common/images/common/icon_blank.svg) no-repeat 50% 50% / auto 11px; margin-top:-2px; transition:var(--trans-ani); }
.top_util .login .family_box ul>li>a[target='_blank']:hover,
.top_util .login .family_box ul>li>a[target='_blank']:focus			{ color:var(--color-point); transition:var(--trans-ani); font-weight:700; }
.top_util .login .family_box ul>li>a[target='_blank']:hover::after,
.top_util .login .family_box ul>li>a[target='_blank']:focus::after	{ filter:invert(35%) sepia(80%) saturate(547%) hue-rotate(149deg) brightness(97%) contrast(93%); }


/* 언어선택 */
.top_util .login [data-util="lang"]									{ position:relative; }
.top_util .login .btn_lang											{ display:flex; align-items:center; gap:0 10px; line-height:1; height:var(--size) }
.top_util .login .btn_lang:hover,
.top_util .login .btn_lang:focus									{ outline-offset:-2px; }
.top_util .login .btn_lang::after									{ display:inline-block; vertical-align:middle; width:7px; height:7px; border-style:solid; border-width:0 1px 1px 0; border-color:rgba(0,0,0,.74); 
																		transform:translateY(-30%) rotate(45deg); content:''; transition:all ease 0.2s; margin-left:3px; }
.top_util .login .btn_lang.active::after							{ transform:translateY(20%) rotate(225deg); }
.top_util .login .btn_lang .icon									{ position:relative; width:15px; height:15px; font-size:0; text-indent:-9999em; }
.top_util .login .btn_lang .icon::before							{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; background:url(/resource/common/images/common/icon_language.svg) no-repeat 50% 50% / contain; opacity:.74 }
.top_util .login .btn_lang .txt										{ padding-top:2px; }
.top_util .lang_box													{ position:absolute; display:none; width:100%; min-width:100px; left:50%; transform:translatex(-50%); border:1px solid #e5e5e5; border-radius:10px; top:calc(var(--size) + 8px); 
																		padding:10px; z-index:91; background:#fff; }
.top_util .lang_box>ul												{ display:flex; flex-flow:column; align-items:center; }
.top_util .lang_box>ul>li>a											{ display:inline-block; text-align:center; position:relative; padding:5px 10px; transition:all ease 0.2s }
.top_util .lang_box>ul>li>a::before									{ position:absolute; width:0; height:2px; background:var(--color-point); left:50%; bottom:0; content:''; transform:translateX(-50%); transition:all ease 0.2s}
.top_util .lang_box>ul>li>a:hover,
.top_util .lang_box>ul>li>a:focus									{ color:var(--color-point); font-weight:700; }
.top_util .lang_box>ul>li>a:hover::before,
.top_util .lang_box>ul>li>a:focus::before							{ width:100%; }



@media all and (max-width:1968px) {
	.top_util .login											{ gap:0 20px; }
}

@media all and (max-width:1568px) {
	.top_util .login											{ gap:0 15px; }
	.top_util .login [data-util="family_site"] .link>li			{ padding-right:16px; margin-right:12px; }
}
@media all and (max-width:1368px) {
	.top_util .login											{ font-size:.9rem; }
	.top_util .login .btn_lang									{ gap:0 7px; }
	.top_util .login .btn_lang .icon							{ width:14px; height:14px; }
	.top_util .login .btn_lang .icon::before					{ top:-1px; }
	.top_util .login .btn_lang .txt								{ padding-top:0; }
	.top_util .login .btn_lang::after							{ transform:translateY(-25%) rotate(45deg); }
	.top_util .login .btn_lang.active::after					{ transform:translateY(25%) rotate(225deg); }
}
@media all and (max-width:1268px) {
	.top_util .login [data-util="population"] dl>dt,
	.top_util .login [data-util="population"] .base_date		{ display:none; }
}
@media all and (max-width:568px) {
	.top_util .login [data-util="family_site"] .link			{ display:none; }
	.top_util .login .btn_family								{ display:flex; }
}



/************************************************************

							 하단
 
************************************************************/
.footer															{ position:relative; }


/* 배너모음 */
.footer	.slide_banner											{ display:flex; align-items:center; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; --sizeHig:75px; width:100%;  }
.footer	.slide_banner .con_inner								{ position:relative; display:flex;  height:var(--sizeHig); justify-content:space-between; align-items:center; overflow:hidden; z-index:1 }
.footer	.slide_banner .con_inner::before						{ content:''; display:block; position:absolute; right:0; top:0px; z-index:10; width:185px; height:100%; background-image:linear-gradient(270deg, #fff 80%, rgba(255,255,255,0));}
.footer	.slide_banner .con_inner em								{ position:relative; width:137px;  font-size:1.13em; font-weight:800; color:var(--color-base); font-family:var(--font-paper) } 
.footer	.slide_banner .mySwiper									{ width:calc(100% - 147px); margin:0 -25px; }
.footer .slide_banner .swiper-slide								{ display:flex; width:auto; padding:0 25px; height:var(--sizeHig); align-items:center;}
.footer .slide_banner .swiper-slide	a							{ display:block; font-weight:500; color:#666; line-height:1.4; }
.footer .slide_banner .swiper-slide	a:hover,
.footer .slide_banner .swiper-slide	a:focus						{ color:var(--color-point); }
.footer .slide_banner .swiper_control							{ position:relative; z-index:10; display:flex; justify-content:flex-end; align-items:center; }
.footer .slide_banner .swiper_next::before,						
.footer .slide_banner .swiper_prev::before,						
.footer .slide_banner .swiper_auto::before,						
.footer .slide_banner .swiper_auto.paused::before				{ filter:invert(.3); }
.footer .slide_banner .swiper_prev::before						{ display:inline-block; width:8px; height:14px; background:url(/resource/common/images/common/icon_prev.svg) no-repeat 50% 50% / auto 14px; content:''; }	
.footer .slide_banner .swiper_next::before						{ display:inline-block; width:8px; height:14px; background:url(/resource/common/images/common/icon_next.svg) no-repeat 50% 50% / auto 14px; content:''; }	
.footer .slide_banner .swiper_auto.paused::before				{ background-image:url(/resource/common/images/common/icon_play.svg); background-size:7px 11px; }		
.footer .slide_banner .swiper_auto::before						{ background-image:url(/resource/common/images/common/icon_stop.svg); background-size:7px 11px; }	
.footer .slide_banner .swiper_prev								{ width:25px; height:25px; display:flex; cursor:pointer; align-items:center; justify-content:center; }
.footer .slide_banner .swiper_next								{ width:25px; height:25px; display:flex; cursor:pointer; align-items:center; justify-content:center; }
.footer .slide_banner .swiper_auto								{ position:relative; display:flex; width:25px; height:25px;  }
.footer .slide_banner .swiper_auto::before						{ content:''; position:absolute; width:100%; height:100%; left:0; top:0; background-position:center; background-repeat:no-repeat; background-size:8px 10px; }
.footer .slide_banner .swiper_control .more						{ position:relative; display:block; width:35px; height:35px; border-radius:100%; background:#eee; margin-left:10px; transition:var(--trans-ani);}
.footer .slide_banner .swiper_control .more::before				{ position:absolute; width:100%; height:100%; background:url(/resource/common/images/common/icon_plus.svg) no-repeat 50% 50% / auto 12px; content:''; right:0; top:0; 
																	transition:var(--trans-ani); opacity:.6;  }
.footer .slide_banner .swiper_control .more:hover,
.footer .slide_banner .swiper_control .more:focus				{ border-color:var(--color-point); background:var(--color-point) }
.footer .slide_banner .swiper_control .more:hover::before,
.footer .slide_banner .swiper_control .more:focus::before		{ filter:invert(100); transform:rotate(180deg); }

/* 카피라이터 */
.footer .copyright															{ margin-top:2.8em; }
.footer .f_logo_wrap,
.footer .address															{ display:flex; flex-wrap:wrap; gap:10px 2rem; align-items:center; justify-content:space-between; }
.footer .address															{ margin-top:.75em; }
.footer .f_logo_wrap .f_logo,
.footer .f_logo_wrap .sns_icon												{ display:flex; flex-wrap:wrap; }	
.footer .f_logo_wrap .f_logo												{ gap:30px; --sizeHig:40px; }
.footer .f_logo_wrap .f_logo .logo											{ display:flex; width:126px; height:var( --sizeHig); font-size:0; text-indent:-9999em; background:url(/resource/common/images/common/img_logo.svg) no-repeat 50% 50% / contain }
.footer .f_logo_wrap .f_logo .wa_mark										{ display:flex; width:auto; height:var( --sizeHig);  }
.footer .f_logo_wrap .f_logo .wa_mark[target='_blank']::after				{ display:none; }
.footer .f_logo_wrap .sns_icon												{ gap:5px; }
.footer .f_logo_wrap .sns_icon [data-footer-sns]							{ display:flex; width:32px; height:32px; position:relative; font-size:0; text-indent:-9999em }
.footer .f_logo_wrap .sns_icon [data-footer-sns]::before					{ position:absolute; width:100%; height:100%; content:''; background-size:cover; background-position:50%; background-repeat:no-repeat; opacity:.5; 
																				-webkit-filter:grayscale(100%) brightness(50%); filter:grayscale(100%) brightness(50%); filter:grayscale(100%); filter:gray; -webkit-filter:grayscale(1); }
.footer .f_logo_wrap .sns_icon [data-footer-sns="youtube"]::before			{ background-image:url(/resource/common/images/common/icon_youtube.svg); }
.footer .f_logo_wrap .sns_icon [data-footer-sns="blog"]::before				{ background-image:url(/resource/common/images/common/icon_blog.svg); opacity:.8; }
.footer .f_logo_wrap .sns_icon [data-footer-sns="facebook"]::before			{ background-image:url(/resource/common/images/common/icon_facebook.svg); }
.footer .f_logo_wrap .sns_icon [data-footer-sns="instagram"]::before		{ background-image:url(/resource/common/images/common/icon_instagram.svg); }
.footer .address .list														{ display:flex; gap:0 35px; flex-wrap:wrap; margin-top:1.88em; font-size:.94rem; font-weight:400; opacity:.9 }
.footer .address .list>li													{ display:flex; gap:0 5px; flex-wrap:wrap; }
.footer .address .list>li strong											{ font-weight:bold; }
.footer .family_list														{ position:relative; display:flex; gap:5px; --sizeHig:40px;}
.footer .family_list>li														{ position:relative; }
.footer .family_list>li .family_btn											{ position:relative; display:flex; min-width:200px; height:var( --sizeHig); align-items:center; padding:0 15px; background:#eee; border-radius:5px; font-size:.94rem; 
																				font-weight:500; z-index:1; }
.footer .family_list>li .family_btn span									{ position:relative; width:100%; display:flex; align-items:center; color:var(--color-base); opacity:.84 }
.footer .family_list>li .family_btn span::before							{ position:absolute; width:9px; height:9px;  content:''; right:0; top:50%; background:url(/resource/common/images/common/icon_plus.svg) no-repeat 50% 50% / contain;
																				 transform:translateY(-50%); transition:var(--trans-ani); }
.footer .family_list>li .family_box											{ position:absolute; display:none; width:100%; left:0; bottom:calc(var( --sizeHig) + 1px); padding:1em; border:1px solid #e7e7e7; border-radius:10px; 
																				background:var(--color-white); z-index:20;}
.footer .family_list>li .family_btn.active span::before						{ transform:translateY(-50%) rotate(-135deg); }
.footer .family_list>li .family_box ul										{ display:flex; gap:5px 20px; flex-flow:column; }
.footer .family_list>li .family_box ul>li a									{ position:relative; display:flex; padding-left:10px; font-size:.9rem; opacity:.94; align-items:center; color:var(--color-base); word-break:break-all; }
.footer .family_list>li .family_box ul>li a::before							{ position:absolute; left:0; top:.6rem; width:3px; height:3px; background:rgba(0,0,0,.5); border-radius:100%; content:''; transition:var(--trans-ani);}
.footer .family_list>li .family_box ul>li a[target='_blank']::after			{ content:""; display:inline-block; opacity:.8; transition:all .4s; margin-left:7px; vertical-align:middle; width:12px; height:11px; transition:var(--trans-ani);
																				background:url(/resource/common/images/common/icon_blank.svg) no-repeat 50% 50% / auto 11px; margin-top:-.5px;min-width:12px;}
.footer .family_list>li .family_box ul>li a:hover,
.footer .family_list>li .family_box ul>li a:focus							{ color:var(--color-point); opacity:1;}
.footer .family_list>li .family_box ul>li a[target='_blank']:hover::after,
.footer .family_list>li .family_box ul>li a[target='_blank']:focus::after	{ filter:invert(35%) sepia(80%) saturate(547%) hue-rotate(149deg) brightness(97%) contrast(93%); }
.footer .family_list>li .family_box ul>li a:hover::before,
.footer .family_list>li .family_box ul>li a:focus::before					{ background:var(--color-point); }
.footer .copyright .link													{ display:flex; gap:0 40px; flex-wrap:wrap; margin-top:2.5em; border-top:1px solid #e5e5e5; --sizeHig:55px; height:var(--sizeHig) }
.footer .copyright .link a													{ display:flex; font-size:.94rem; align-items:center; justify-content:center; height:100%; opacity:.9;}
.footer .copyright .link strong												{ font-weight:bold; color:var(--color-point); }
.footer .copyright .link li.last											{ display:flex; flex:auto; align-items:center; justify-content:center; justify-content:end; height:100%; opacity:.6; font-size:.88rem }









/* 맨위로 */
#btn_top																	{ opacity:0; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; position:fixed; right:2%; bottom:2%; z-index:5; border-radius:100%;
																				 width:60px; height:60px; background:linear-gradient(180deg, #128fae 1%, #046383 100%);  font-size:12px; font-weight:500; color:#fff; transition:var(--trans-ani); }
#btn_top:before																{ content:''; display:block; width:11px; height:7px; margin-bottom:5px; background:url(/resource/common/images/common/icon_top.svg) no-repeat 50% 50%; background-size:auto; 
																				transform:translateY(0px); transition:all 0.3s;  }
#btn_top span																{ display:block; width:100%; text-align:center; line-height:1em;}
#btn_top:hover:before														{ opacity:1; transform:translateY(-5px);}
#btn_top.active																{ opacity:1;}

@media all and (max-width:1768px){
	.footer .slide_banner										{ --sizeHig:70px; }
	.footer .slide_banner .con_inner em							{ font-size:1.067em; }
	.footer .slide_banner .swiper-slide							{ font-size:.98rem; }
	#btn_top													{ width:55px; height:55px; right:1%; }
}
@media all and (max-width:1368px){
	.footer .slide_banner										{ --sizeHig:65px; }
	.footer .slide_banner .con_inner::before					{ width:165px; }
	.footer .slide_banner .con_inner em							{ font-size:1.03em; }
	.footer .slide_banner .swiper-slide							{ font-size:.95rem; padding:0 20px; }
	.footer .copyright											{ margin-top:2em; }
	.footer .copyright .link									{ gap:0 30px; margin-top:2em; }
	.footer .address .list										{ margin-top:0; }
	.footer .f_logo_wrap .f_logo								{ gap:25px; --sizeHig:35px; }
	.footer .f_logo_wrap .f_logo .logo							{ width:108px; }
}
@media all and (max-width:968px) {
	.footer .slide_banner .swiper_control .more					{ width:30px; height:30px; }
	.footer .f_logo_wrap .f_logo								{ gap:20px; --sizeHig:30px; }
	.footer .f_logo_wrap .f_logo .logo							{ width:93px; }
	.footer .address .list										{ gap:0 25px; }
	.footer .copyright .link									{ height:inherit; padding:15px 0; gap:3px 25px }
	.footer .copyright .link li.last							{ flex:100%; width:100%; justify-content:flex-start; }
}
@media all and (max-width:668px) {	
	#btn_top													{ width:45px; height:45px; bottom:10px; }
	.footer .slide_banner .swiper_control .more::before			{ background-size:auto 10px; }
	
	#btn_top span												{ font-size:.72rem; }
	#btn_top:before												{ width:10px; height:6px; }
	#btn_top:hover:before										{ transform:translateY(-3px) rotate(0deg); }
	.footer .copyright											{ margin-top:1.5em; }
	.footer .f_logo_wrap .sns_icon [data-footer-sns]			{ width:28px; height:28px; }
}
@media all and (max-width:468px) {
	.footer .slide_banner .con_inner em							{ display:none }
	.footer .slide_banner .mySwiper								{ width:100%;margin:0;}
	.footer .slide_banner .swiper-slide							{ font-size:.85rem; }
  	.footer .family_list										{ flex-wrap:wrap; width:100%; }
  	.footer .family_list>li										{ width:100%; }
	.footer .family_list>li .family_btn							{ min-width:inherit; width:100%; }
	.footer .slide_banner .swiper-slide							{ font-size:.9rem; padding:0 10px; }
}
@media all and (max-width:368px) {
	.footer .family_list										{ flex-wrap:wrap; gap:5px; }
	.footer .family_list>li 									{ width:100%; }
	.footer .family_list>li .family_btn							{ min-width:160px; width:100%; }
	.footer .f_logo_wrap .f_logo								{ gap:10px; --sizeHig:28px; }
	.footer .f_logo_wrap .f_logo .logo							{ width:87px; }
}


/***************************************************************************

							컨텐츠 공통 영역

***************************************************************************/
/* 제목 */
.title_h4									{ position:relative; margin-top:1.54em; margin-bottom:10px; font-size:1.63em; color:var(--color-point); font-weight:700; line-height:1.28; }
.title_h4:first-child                     	{ margin-top:0; }
.title_h5									{ position:relative; margin-top:1.44em; margin-bottom:.5em; padding-top:.65em; font-size:1.25em; color:var(--color-base); font-weight:700; line-height:1.28;}
.title_h5:before							{ content:''; display:block; position:absolute; width:23px; height:7px; top:0; left:0px;  box-sizing:initial; background:url(/resource/common/images/common/icon_logo_dt.svg) no-repeat 50% 50% / contain; }
.title_h6									{ position:relative; margin-top:1.05em; margin-bottom:.4em; padding-top:.53em; font-size:1.19em; color:var(--color-base); font-weight:700; line-height:1.28;}
.title_h6:before,
.title_h6:after								{ content:''; display:block; position:absolute; left:0; top:0; width:6px; height:6px; box-sizing:initial; background:var(--color-green); border-radius:100%; }
.title_h6:after								{ background:var(--color-point); left:9px; }
@media all and (max-width:1368px) {
	/* 제목 */
	.title_h4								{ font-size:1.6em; }
	.title_h5								{ font-size:1.22em; }
	.title_h6								{ font-size:1.16em; }
}	
@media all and (max-width:868px) {
	/* 제목 */
	.title_h4								{ font-size:1.367rem; line-height:1.2 }
	.title_h5								{ font-size:1.167rem; padding-top:.55em; line-height:1.2 }
	.title_h6								{ font-size:1.067rem; line-height:1.2 }
	.title_h6:before,
	.title_h6:after							{ width:5px; height:5px; }	
	.title_h6:after							{ left:8px; }
}	
	
	
	
/* 기본 텍스트 */
.basic_p									{ font-size:1.06em; font-weight:400; color:var(--color-base); line-height:1.6; }
.basic_p>strong								{ font-weight:700; }
@media all and (max-width:1368px) {
	/* 기본 텍스트 */
	.basic_p								{ font-size:1.03em;  }
}



/* 아이콘 박스 */
.box_info_top							{ position:relative; display:flex; justify-content:flex-start; align-items:center; padding:50px; background:var(--color-nav-bg); border-radius:20px; }
.box_info_top .icon						{ overflow:hidden; flex:none; display:flex; justify-content:center; align-items:center; width:120px; height:120px; box-sizing:border-box; margin-right:50px; padding:8px;
    										background:var(--color-nav-deep-bg); border-radius:100%; }
.box_info_top .icon img					{ max-width:100%;}
.box_info_top h4,
.box_info_top h5						{ margin:0 0 20px 0; font-size:1.5em; font-weight:700; color:var(--color-base); line-height:1.3}
.box_info_top p							{ line-height:1.6; font-size:1.13em; color:var(--color-base3); font-weight:400; word-break:keep-all;}
.box_info_top strong					{ font-weight:700; color:var(--color-base); font-size:1.267em; line-height:1.3 }
.box_info_top .bg						{ position:relative; flex:none; display:flex; justify-content:end; align-items:center; width:175px;  box-sizing:border-box; margin-right:30px; }
.box_info_top .bg::before				{ position:absolute; width:120px; height:120px; left:0; top:50%; border-radius:100%; content:''; background:var(--color-nav-deep-bg); transform:translateY(-50%); border-radius:100%;}
.box_info_top .bg img					{ position:relative; z-index:2; width:150px; }
.box_info_top:has(span.bg)  h4			{ margin-bottom:10px; }
.box_info_top .box_white				{ width:100%; padding:2em; border-radius:15px; background:var(--color-white); }
.box_info_top:has(.box_white)			{ flex-flow:column; align-items:flex-start; padding:20px; }
.box_info_top:has(.box_white) .small_text	{ font-size:.85rem; opacity:.84; }
@media all and (max-width:1568px) {
	/* 아이콘 박스 */
	.box_info_top							{ padding:40px; }
	.box_info_top .icon						{ margin-right:40px; }
	.box_info_top h4,
	.box_info_top h5						{ font-size:1.45em; }
	.box_info_top p							{ font-size:1.1em; }
}
@media all and (max-width:1368px) {
	/* 아이콘 박스 */
	.box_info_top							{ padding:30px; }
	.box_info_top .icon						{ width:110px; height:110px; margin-right:30px;  }
	.box_info_top h4,
	.box_info_top h5						{ margin:0 0 15px 0; font-size:1.35em; }
	.box_info_top p							{ font-size:1.067em; }

}
@media all and (max-width:1024px) {
	/* 아이콘 박스 */
	.box_info_top p							{ word-break:break-all }
}
@media all and (max-width:968px) {
	/* 아이콘 박스 */
	.box_info_top							{ border-radius:15px; }
}
@media all and (max-width:868px) {
	/* 아이콘 박스 */
	.box_info_top							{ padding:20px; flex-flow:column; gap:15px; align-items:flex-start; }
	.box_info_top .icon						{ width:100px; height:100px; margin-right:20px; }
	.box_info_top h4,
	.box_info_top h5						{ font-size:1.25em; }
  	.box_info_top strong					{ font-size:1.167em;  }
}




/* 단순 박스 스타일 */
[class*="box_text_"]					{ padding:1.25em; border-radius:10px; }
.box_text_gray							{ background:var(--color-gray); font-size:1.06em; color:var(--color-base3); line-height:1.6; font-weight:400}
.box_text_line							{ border:1px solid #dddddd; font-size:1.06em; color:var(--color-base3); line-height:1.6; font-weight:400 }
.box_text_tab_bg						{ background:var(--color-tab-bg); }
.box_text_gray strong					{ font-weight:700; }
@media all and (max-width:1368px) {
	/* 단순 박스 스타일 */
	.box_text_gray,							
	.box_text_line							{ font-size:1.03em;}
}
@media all and (max-width:968px) {
	[class*="box_text_"]					{ padding:1em; border-radius:8px; }
	.box_text_gray,
	.box_text_line							{ line-height:1.4; }
}



/* 단순 박스 정렬 */
.box_flex								{ display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start; }
.box_flex.between						{ justify-content:space-between; align-items:center; }
.box_flex.between.start					{ align-items:flex-start; }
.box_flex.titleh4						{ margin-top:2.81em; margin-bottom:.63em; align-items:baseline; gap:10px; }
.box_flex.titleh5						{ margin-top:.94em; margin-bottom:.63em; align-items:baseline; gap:10px; }
.box_flex.titleh6						{ margin-top:.63em; margin-bottom:.63em; align-items:baseline; gap:10px; }
.box_flex .title_h4,
.box_flex .title_h5,
.box_flex .title_h6						{ margin-top:0; margin-bottom:0px; }
.box_flex h4 + p,
.box_flex h5 + p,			
.box_flex h6 + p,	
.box_flex ul + p						{ display:flex; align-items:baseline; gap:5px; font-size:1.06em; color:var(--color-base); opacity:.6; line-height:1.3  } 
.box_flex h4 + p::before,
.box_flex h5 + p::before,
.box_flex h6 + p::before,
.box_flex ul + p::before				{ display:inline-block; width:8px; height:2px; background:var(--color-base);  opacity:.6; content:''; vertical-align:middle;  }
.box_flex.between h4 + p::before,
.box_flex.between h5 + p::before,
.box_flex.between h6 + p::before,
.box_flex.between ul + p::before		{ display:none; }
.box_flex.col02>div						{ width:calc((100% - 1em) / 2); }
.tar.op6								{ opacity:.6; font-size:1.06em; }
@media all and (max-width:1368px) {
	/* 단순 박스 정렬 */
	.box_flex h4 + p, 
	.box_flex h5 + p, 
	.box_flex h6 + p,
  	.box_flex ul + p					{ font-size:1em; }
	.tar.op6							{ font-size:1em; }
}
@media all and (max-width:868px) {
	/* 단순 박스 정렬 */
	.box_flex h4 + p, 
	.box_flex h5 + p, 
	.box_flex h6 + p,
  	.box_flex ul + p					{ font-size:.85rem; }
	.tar.op6							{ font-size:.85rem; }
}	
	
	
	
/* 컨텐츠 안 탭메뉴 */
.area_tab										{ position:relative; margin-bottom:1.88em; border-radius:10px; padding:.94em; background:var(--color-gray)}
.area_tab .list									{ display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; gap:5px}
.area_tab .list > li							{ display:flex; flex:auto; justify-content:center; align-items:center;}
.area_tab .list > li > a,
.area_tab .list > li > button					{ display:flex; justify-content:flex-start; align-items:center; position:relative; width:100%; box-sizing:border-box; padding:1.06em 2.5em 1.06em .94em; border-radius:8px; text-align:center; 
													transition:var(--trans-ani); background:var(--color-white); letter-spacing:-.045em; border:1px solid var(--color-line) }
.area_tab .list > li > a>span,
.area_tab .list > li > button>span				{ opacity:.84; font-size:1.03em; line-height:1.15; }
.area_tab .list > li > a::after,
.area_tab .list > li > button::after			{ content:''; display:block; position:absolute; width:7px; height:7px; right:1em; top:50%; border-style:solid; border-color:#4d4d4d; border-width:1px 1px 0 0; 
													transform:translateY(-50%) rotate(45deg); transition:var(--trans-ani);}
.area_tab .list > li > a.active,
.area_tab .list > li > button.active			{ background:var(--color-point); color:var(--color-white); border-color:var(--color-point)  }
.area_tab .list > li > a.active::after,
.area_tab .list > li > button.active::after		{ border-color:#fff; }
.area_tab .list > li > a.active>span,
.area_tab .list > li > button.active>span		{ opacity:1; }
.conts_tab										{ display:none; }
.conts_tab.active								{ display:block; }
@media all and (max-width:968px) {
	.area_tab									{ border-radius:8px; margin-bottom:1.25em; }
	.area_tab .list > li > button				{ border-radius:6px; }
}
@media all and (max-width:668px) {
	.area_tab .list > li > button::after		{ transform:translateY(-65%) rotate(45deg); }
}



/* list text */
.basic_ul									{ margin-top:7px;}
.basic_ul>li								{ position:relative; padding-left:.78em; line-height:1.28; font-size:1.13rem; color:var(--color-base)}
.basic_ul>li.between						{ display:flex; flex-wrap:wrap; gap:5px 1em; justify-content:space-between; }
.basic_ul>li+li								{ margin-top:7px; }
.basic_ul>li strong							{ font-weight:bold;}
.basic_ul>li:before							{ content:''; display:block; position:absolute; left:0px; top:8px; width:5px; height:5px; background:var(--color-point); border-radius:100%;}
.basic_ul>li>ul,
.line_dot									{ margin-top:7px;}
.li_none:before,
.none:before								{ background:none !important; }
.basic_ul>li>ul>li+li,
.line_dot>li+li								{ margin-top:7px; }
.basic_ul>li>ul>li,
.line_dot>li								{ position:relative; padding-left:.71em; font-size:1.06rem;}
.basic_ul>li>ul>li::before,
.line_dot>li::before						{ content:''; display:block; position:absolute; left:0; top:9px; width:6px; height:2px; background:var(--color-base); opacity:.6}
.basic_ul>li>.list_num						{ counter-reset:title; margin-top:10px; color:var(--color-base)}
.basic_ul>li>.list_num>li					{ position:relative; font-size:1.06rem; font-weight:400; padding-left:28px; line-height:1.28;}
.basic_ul>li>.list_num>li+li				{ margin-top:10px;}
.basic_ul>li>.list_num>li:before			{ counter-increment:title; content:counter(title) " "; display:flex; justify-content:center; align-items:center; position:absolute; left:0px; top:0; width:20px; height:20px; background:none; 
												box-sizing:border-box; border-radius:100%; border:1px solid var(--color-base); line-height:20px; font-size:.75rem; font-weight:400; text-align:center; color:var(--color-base); opacity:.8}
.basic_ul>li>.list_num.point>li:before		{ border-color:var(--color-point); color:var(--color-point); }
.basic_ul>li>ul>li>ul,
.small_dot									{ margin-top:7px; }
.basic_ul>li>ul>li>ul>li+li,
.small_dot>li+li							{ margin-top:5px; }
.basic_ul>li>ul>li>ul>li,
.small_dot>li								{ position:relative; padding-left:11px; font-size:1rem; }
.basic_ul>li>ul>li>ul>li::before,
.small_dot>li::before						{ content:''; display:block; position:absolute; left:0; top:7px; width:4px; height:4px; background:var(--color-base); border-radius:100%; opacity:.3 }
/*
article:not([data-subarea="labeling"]) .basic_ul>li .button										{ position:relative; color:var(--color-point); font-size:1rem; /*padding:0 5px;}
article:not([data-subarea="labeling"]) .basic_ul>li .button::before								{ position:absolute; width:100%; height:4px; background:var(--color-point); left:0; bottom:0; opacity:.2; content:''; }
article:not([data-subarea="labeling"]) .basic_ul>li .button[target="_blank"] span:after   		{ content:''; opacity:1; display:inline-block; width:13px; height:11px; margin-left:7px; background:url(/resource/common/images/common/icon_blank.svg) no-repeat 50% 50%; background-size:100%;
   																								vertical-align:middle; transition:opacity var(--trans-ani); filter:invert(35%) sepia(80%) saturate(547%) hue-rotate(149deg) brightness(97%) contrast(93%); margin-top:-3px;}
*/																								
[data-subarea="labeling"] .basic_ul>li .button										{ position:relative; color:var(--color-point); font-size:1rem; /*padding:0 5px;*/}
[data-subarea="labeling"] .basic_ul>li .button::before								{ position:absolute; width:100%; height:4px; background:var(--color-point); left:0; bottom:0; opacity:.2; content:''; }
[data-subarea="labeling"] .basic_ul>li .button[target="_blank"] span:after   		{ content:''; opacity:1; display:inline-block; width:13px; height:11px; margin-left:7px; 
																						background:url(/resource/common/images/common/icon_blank.svg) no-repeat 50% 50%; background-size:100%; vertical-align:middle; 
																						transition:opacity var(--trans-ani); filter:invert(35%) sepia(80%) saturate(547%) hue-rotate(149deg) brightness(97%) contrast(93%); margin-top:-3px;}																								
.basic_ul>li table.basic_table				{ margin-top:10px; }

.basic_ul>li>.basic_btn >.button[target="_blank"] span:after { filter:invert(1); }

@media all and (max-width:1368px) {
	/* list text */
	.basic_ul>li								{ font-size:1.1rem; }
	.basic_ul>li:before							{ top:7.5px; }
	.line_dot>li,
	.basic_ul>li>ul>li							{ font-size:1rem;}
	.line_dot>li::before,
	.basic_ul>li>ul>li::before					{ top:8.5px; }
	.small_dot>li,
	.basic_ul>li>ul>li>ul>li					{ font-size:.95rem; }
	.small_dot>li::before,
	.basic_ul>li>ul>li>ul>li::before			{ top:6px; }
}
@media all and (max-width:1024px) {
	/* list text */
	.basic_ul>li								{ font-size:1.03rem; }
	.basic_ul>li:before							{ top:6.5px; width:5px; height:5px; }
	.basic_ul>li>ul>li,
	.line_dot>li								{ font-size:.98rem;}
	.basic_ul>li>ul>li::before,
	.line_dot>li::before						{ top:7.5px;  }
	.small_dot>li,
	.basic_ul>li>ul>li>ul>li					{ font-size:.9rem; }
	.small_dot>li::before,
	.basic_ul>li>ul>li>ul>li::before			{ top:5px; }
}
@media all and (max-width:868px) {
	/* list text */
	.basic_ul>li								{ font-size:1rem; }
	.basic_ul>li:before							{ top:6px; }
	.basic_ul>li>ul>li,
	.line_dot>li								{ font-size:.95rem;}
	.basic_ul>li>ul>li>ul>li,
	.small_dot>li								{ font-size:.88rem; }
	.basic_ul>li>ul>li>ul>li::before,
	.small_dot>li::before						{ top:6px; }
	.list_num>li								{ font-size:1rem; }
}


/* list number */
.list_num									{ counter-reset:title; margin-top:10px; color:var(--color-base)}
.list_num>li								{ position:relative; font-size:1.13rem; font-weight:400; padding-left:31px; line-height:1.28;}
.list_num>li+li								{ margin-top:10px;}
.list_num>li:before							{ counter-increment:title; content:counter(title) " "; display:flex; justify-content:center; align-items:center; position:absolute; left:0px; top:.5px; width:23px; height:23px; 
												box-sizing:border-box; border-radius:100%; border:1px solid var(--color-base); line-height:23px; font-size:.8rem; font-weight:400; text-align:center; color:var(--color-base); opacity:.8}
.list_num.point>li:before					{ border-color:var(--color-point); color:var(--color-point); }

.list_num.flex 								{ display:flex; flex-wrap:wrap;gap:.5em 1em; margin-bottom:15px; }
.list_num.flex>li+li						{ margin-top:0; }
.list_num.row								{ display:flex; flex-wrap:wrap; gap:10px 1em; }
.list_num.row>li							{ flex:auto; }
.list_num.row>li+li							{ margin-top:0; }
.list_num>li.between						{ display:flex; flex-wrap:wrap; gap:5px 1em; justify-content:space-between; }

.list_num>li>ul								{ margin-top:7px;}
.list_num>li>ul>li+li						{ margin-top:7px; }
.list_num>li>ul>li							{ font-size:1.06rem;}


@media all and (max-width:1368px) {

	/* list number */
	.list_num>li								{ font-size:1.1rem; padding-left:28px; }
	.list_num>li:before							{ width:20px; height:20px; line-height:20px; font-size:.75rem; padding-right:1px}
	.list_num>li>ul>li							{ font-size:1rem;}
}

@media all and (max-width:1024px) {
	/* list number */
	.list_num>li								{ font-size:1.03rem; padding-left:25px; }
	.list_num>li:before							{ font-size:.7rem;  }
	.list_num>li>ul>li							{ font-size:.98rem;}
}
@media all and (max-width:868px) {
	.list_num>li								{ font-size:1rem;  }
	.list_num>li:before							{ width:18px; height:18px; line-height:18px; font-size:.65rem; padding-right:1px; top:.3px}
	.list_num>li>ul>li							{ font-size:.95rem;}
}

/* list imgTitle */
.list_imgTitle								{ display:flex;  flex-direction:column; flex-wrap:wrap; gap:20px; }
.list_imgTitle > li							{ position:relative; display:flex; justify-content:flex-start; align-items:flex-start; --sizeMargin:40px; padding:0 30px 30px 30px; }
.list_imgTitle > li::before					{ position:absolute; width:100%; height:calc(100% - (var(--sizeMargin) * 2.4)); background:var(--color-tab-bg); border-radius:20px; left:0; bottom:0; content:''; z-index:-1 }
.list_imgTitle .img							{ order:2; flex:1 0 var(--imgSize); overflow:hidden; display:block; border-radius:15px;}
.list_imgTitle .txt							{ order:1; flex:auto; width:100%; box-sizing:border-box; margin-right:var(--sizeMargin); padding-right:calc(var(--sizeMargin) * 1.5); font-size:1.06em}
.list_imgTitle .txt .basic_p>strong			{ display:flex; font-weight:700; }
.list_imgTitle .txt>h5						{ margin-bottom:var(--sizeMargin); margin-top:var(--sizeMargin); }
.list_imgTitle > li:nth-child(2n) .img		{ order:1; }
.list_imgTitle > li:nth-child(2n) .txt		{ order:2;  margin-right:0; margin-left:var(--sizeMargin); }
@media all and (max-width:1368px) {
	/* list imgTitle */
	.list_imgTitle > li							{ --sizeMargin:30px; padding:0 25px 25px 25px; }
	.list_imgTitle .txt							{ padding-right:calc(var(--sizeMargin) * 1); font-size:1.03em; }
	.list_imgTitle > li::before					{ height:calc(100% - (var(--sizeMargin) * 2.8)); border-radius:15px; }
}
@media all and (max-width:1024px) {
	/* list imgTitle */
	.list_imgTitle > li							{ --sizeMargin:30px; padding:0 20px 20px 20px; }
	.list_imgTitle .txt							{ padding-right:calc(var(--sizeMargin) * .8); font-size:.95rem }
	.list_imgTitle > li::before					{ height:calc(100% - (var(--sizeMargin) * 2.5)); }
}
@media all and (max-width:868px) {
	/* list imgTitle */
	.list_imgTitle > li 						{ --sizeMargin:25px; align-items:baseline; }
	.list_imgTitle > li::before					{ height:calc(100% - (var(--sizeMargin) * 2.7)); }
	.list_imgTitle .img							{ width:35%; flex:inherit }
	.list_imgTitle .txt							{ width:calc(100% - 35% - 30px); }
}
@media all and (max-width:668px) {
	.list_imgTitle > li 						{ --sizeMargin:15px;  flex-wrap:wrap;  padding:0 15px 15px 15px;}
	.list_imgTitle .img							{ order:1; width:100%; flex:inherit }
	.list_imgTitle .img img						{ width:100%; }
	.list_imgTitle .txt							{ order:2; width:100%; }
	.list_imgTitle > li:nth-child(2n) .txt		{ margin-left:0; }
	.list_imgTitle .txt>h5						{ margin-top:calc(var(--sizeMargin) * 1.5); }
}



/* 이미지리스트 3개 기본, 4개 col04 */
.image_list									{ display:flex; flex-wrap:wrap; gap:2em; }
.image_list li								{ width:calc((100% - 4em) / 3); position:relative; padding:0 20px 20px 20px }
.image_list li::before						{ position:absolute; width:100%; height:calc(100% - 10%); background:var(--color-tab-bg); border-radius:20px; left:0; bottom:0; content:''; z-index:-1 }
.image_list img								{ width:100%; border-radius:20px; position:relative; }
.image_list li:has(figcaption) img			{ border-radius:20px; }
.image_list figcaption						{ text-align:center; font-weight:700; font-size:1.1em; padding-top:20px }
.image_list.col04 li						{ width:calc((100% - 6em) / 4); }
@media all and (max-width:968px) {
    .image_list								{ gap:1em; }
    .image_list li							{ width:calc((100% - 2em) / 3); padding:0 15px 15px 15px }
	.image_list li::before,
	.image_list img,
	.image_list li:has(figcaption) img		{ border-radius:15px; }
	.image_list figcaption					{ padding-top:15px }
}
@media all and (max-width:768px) {
    .image_list li							{ flex:auto; width:calc((100% - 1em) / 2); }
	.image_list.col04 li					{ width:calc((100% - 1em) / 2); }
}
@media all and (max-width:568px) {
    .image_list li							{ width:100%; }
	.image_list.col04 li					{ width:100%; }
}



/* 테이블 */
table													{ border-spacing:0; border-collapse:collapse; color:var(--color-base);}
table.basic_table										{ width:100%; margin-top:20px; border-top:2px solid var(--color-point);}
table.basic_table thead th								{ padding:15px 10px; background:#f3f3f3; border:1px solid #ddd; font-weight:600; font-size:1.06rem}
table.basic_table thead tr:nth-of-type(1) th			{ border-top-width:0px; }
table.basic_table thead tr.none th						{ border-bottom-width:0px;}
table.basic_table thead tr.none + tr th					{ border-top:1px solid var(--color-line);}
table.basic_table thead th[rowspan]						{ border-right:1px solid var(--color-line);}
table.basic_table tbody th								{ background-color:#f8f9fa; border:1px solid var(--color-line); }
table.basic_table th,


table.basic_table td									{ padding:15px 10px; letter-spacing:-0.5px; line-height:1.4; word-break:keep-all; }
table.basic_table td .small								{ font-size:.75rem; }
table.basic_table td.bg_light_blue						{ background:var(--color-light-blue); }
table.basic_table td strong								{ font-weight:700 }
table.basic_table th									{ text-align:center; }
table.basic_table strong.flex							{ display:flex; width:fit-content; align-items:center; gap:5px; flex-wrap:wrap; line-height:23px; }
table.basic_table strong.flex .num						{ width:23px; height:23px; line-height:23px; font-size:.8rem; margin-top:-2px; }
table.basic_table strong.flex.mauto						{ margin-left:auto; margin-right:auto; }
/* tbody */
table.basic_table thead + tbody tr td					{ text-align:center;}
table.basic_table tbody td								{ background:#fff; border:1px solid #ddd;text-align:left; border-top:none; font-size:1rem}
table.basic_table tbody tr td:nth-of-type(1),
table.basic_table tbody tr th:nth-of-type(1),
table.basic_table thead tr th:nth-of-type(1)			{ border-top-width:0px; border-left-width:0;}
table.basic_table tbody tr td:nth-last-of-type(1),
table.basic_table tbody tr th:nth-last-of-type(1),
table.basic_table thead tr th:nth-last-of-type(1)		{ border-right-width:0;}
table.basic_table tbody th								{ background:#fafafa; font-weight:400 }
table.basic_table tbody tr th:nth-of-type(1)			{ border-right-width:1px; }
table.basic_table tbody tr th:nth-of-type(2):nth-last-of-type(1) { border-right-width: 1px;  border-top-width: 0;}


/* table total */
table.basic_table .total th,
table.basic_table .total td								{ background-color:#f6fbff; font-weight:600;}
table.basic_table .total th								{ font-weight:700;}
table.basic_table tbody td:has(.basic_ul)				{ text-align:left }
table.basic_table .basic_ul,
table.basic_table .list_num								{ margin-top:0;}
table.basic_table .basic_ul>li,
table.basic_table .list_num>li							{ font-size:1rem; }
table.basic_table .basic_ul>li+li,
table.basic_table .list_num>li+li						{ margin-top:5px; }
table.basic_table .basic_ul>li>ul,
table.basic_table .line_dot,
table.basic_table .list_num>li>ul						{ margin-top:7px;}
table.basic_table .basic_ul>li>ul>li,
table.basic_table .list_num>li>ul>li,
table.basic_table .line_dot>li							{ font-size:.94rem;}
table.basic_table .basic_ul>li>ul>li+li,
table.basic_table .list_num>li>ul>li+li,
table.basic_table .line_dot>li+li						{ margin-top:5px;}
table.basic_table .basic_ul>li:before					{ top:6px; }
table.basic_table .list_num>li							{ padding-left:28px; }
table.basic_table .list_num>li::before					{ width:20px; height:20px; line-height:20px; top:-1px; }
table.basic_table .ul_center							{ display:flex; justify-content:center; align-items:center; }

table.basic_table td > table.basic_table thead th,
table.basic_table td > table.basic_table tbody th		{ font-size:.98rem; padding:10px; }
table.basic_table td > table.basic_table tbody td		{ font-size:.9rem; padding:10px }
table.basic_table td > table.basic_table tbody tr td:nth-last-of-type(1), 
table.basic_table td > table.basic_table tbody tr th:nth-last-of-type(1), 
table.basic_table td > table.basic_table thead tr th:nth-last-of-type(1)	{ border-right-width:0; }
table.basic_table .brL				{ border-right-width:1px !important; } 

/* table scroll mobile */
#content .scrollTable,
#boardWrap .scrollTable									{ width:100%;}
#content  .mob_info,
#boardWrap .mob_info									{ display:none; position:relative; width:100%; box-sizing:border-box; margin-top:10px; padding:10px; font-size:.9rem; background:var(--color-nav-bg); border-radius:5px; gap:5px; 
																align-items:center; line-height:1 }
#content .mob_info:before,
#boardWrap .mob_info:before								{ content:''; display:inline-block; width:15.5px; height:15px; background:url(/resource/common/images/common/img_drag.svg) no-repeat 50% 0; background-size:100%; opacity:.64; margin-top:-2px;}

/* 내용이 긴 table */
table.basic_table.break-all thead th,
table.basic_table.break-all tbody td					{ word-break:break-all;}
@media all and (max-width:1024px) {
	/* 테이블 */
	table.basic_table tbody th, 
	table.basic_table td						{ font-size:.92rem; }
    #content .scrollTable,
  	#boardWrap .scrollTable						{ overflow:auto;}
    #content .scrollTable>.basic_table,
  	#boardWrap .scrollTable>.basic_table,
    #boardWrap .scrollTable>table				{ width:1024px; margin-top:0px; position:relative;}
	table.basic_table thead th					{ font-size:1rem; }
	table.basic_table tbody td					{ font-size:.95rem; }
	table.basic_table td > table.basic_table thead th,
	table.basic_table td > table.basic_table tbody th		{ font-size:.95rem; padding:8px; }
	table.basic_table td > table.basic_table tbody td		{ font-size:.85rem; padding:8px; }

    #content .mob_info,
  	#boardWrap .mob_info						{ display:flex; margin-bottom:5px;}
    table.basic_table thead th					{ padding:13px 9px;}
	table.basic_table .basic_ul>li,
	table.basic_table .list_num>li				{ font-size:.92rem; }
	table.basic_table .basic_ul>li+li,
	table.basic_table .list_num>li+li			{ margin-top:5px; }
	table.basic_table .basic_ul>li:before		{ top:6px; }
	
	table.basic_table strong.flex				{ line-height:20px; }
	table.basic_table strong.flex .num			{ width:20px; height:20px; line-height:20px; font-size:.65rem; }
}


/* 일반 링크 */
.basic_newtab{display:inline-block; position:relative; color:var(--color-point); margin-right:5px;}
.basic_newtab:after{ content:''; opacity:1; display:inline-block; width:13px; height:11px; margin-left:7px; background:url(/resource/common/images/common/icon_newtab.svg) no-repeat 50% 50%; background-size:100%;}
i.small>.basic_newtab:after	{ width:11px; height:9px; margin-top:1px; vertical-align:middle; }

/* button */
.basic_btn												{ margin-top:20px;}
.basic_btn.center										{ margin-top:40px; text-align:center;}
.basic_btn.flex											{ display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center;}
.basic_btn a,
.basic_btn button                               		{ overflow:hidden; display:inline-flex; position:relative; min-width:130px; height:50px; box-sizing:border-box; margin:2px; padding:0 20px; border:1px solid transparent; border-radius:10px;
    														background-color:var(--color-point); color:#fff; vertical-align:middle; transition:var(--trans-ani); font-weight:500; position:relative; align-items:center; justify-content:center; }					
.basic_btn span											{ display:flex; flex-flow:row wrap; justify-content:center; align-items:center; position:relative; z-index:2; height:100%; line-height:1.2em; color:var(--color-white); transition:var(--trans-ani);}
.basic_btn .lg											{ min-width:195px; height:60px; font-size:1.13em;}
.basic_btn .sm											{ min-width:110px; height:40px; font-size:.88rem; border-radius:8px;}
.basic_btn .sm02										{ min-width:110px; height:30px; font-size:.88rem; border-radius:5px;}
.basic_btn a:hover,
.basic_btn button:hover,
.basic_btn a:focus,
.basic_btn button:focus									{ box-shadow:0 5px 5px rgba(0,0,0,0.15);}
.basic_btn .white										{ background-color:#fff; border-color:#dddddd;}
.basic_btn .white span									{ color:var(--color-base);}
.basic_btn .white:hover,
.basic_btn .white:focus									{ border-color:#222;}
.basic_btn .white::after								{ filter:invert(100%) }
.basic_btn .black										{ background:#222; border-color:#222;}
.basic_btn .gray										{ background:#efefef;  font-weight:500;}
.basic_btn .gray span									{ color:var(--color-base);}
.basic_btn .gray:hover,
.basic_btn .gray:focus									{ border-color:#999}
.basic_btn .gray::after									{ filter:invert(100%) }
.basic_btn a[target="_blank"] span:after,
.basic_btn button[target="_blank"] span:after   		{ content:''; opacity:1; display:inline-block; width:13px; height:11px; margin-left:7px; background:url(/resource/common/images/common/icon_blank.svg) no-repeat 50% 50%; background-size:100%;
   															vertical-align:middle; transition:opacity var(--trans-ani); filter:invert(100%) sepia(98%) saturate(0%) hue-rotate(356deg) brightness(102%) contrast(103%)}
.basic_btn .download span:after							{ content:''; opacity:1; display:inline-block; width:14px; height:13px; margin-left:7px; background:url(/resource/common/images/common/icon_dowload.svg) no-repeat 50% 50%; background-size:100%; 
															vertical-align:middle; transition:opacity var(--trans-ani);   filter:invert(100%) sepia(98%) saturate(0%) hue-rotate(356deg) brightness(102%) contrast(103%);}
.basic_btn .view span:after								{ background-image:url(/resource/common/images/bbs/icon_search.svg) !important; height:13px !important }												
.basic_btn .white[target="_blank"] span:after,
.basic_btn .gray[target="_blank"] span:after,
.basic_btn .download.white span:after,
.basic_btn .download.gray span:after					{ filter:inherit; }
.basic_btn a[target="_blank"]:hover::after,
.basic_btn a[target="_blank"]:focus::after,
.basic_btn .download:hover::after,
.basic_btn .download:focus::after						{ display:none; }
.basic_btn a.sm[target="_blank"] span:after,
.basic_btn button.sm[target="_blank"] span:after		{ margin-top:0; }

.basic_btn .list										{ display:flex; flex-wrap:wrap; gap:10px 20px; }
.basic_btn .list>li										{ width:calc((100% - 20px) / 2); flex:auto; padding:10px 10px 10px 25px; border-radius:8px; background:var(--color-tab-bg); }
.basic_btn .list>li>dl									{ display:flex; align-items:center; justify-content:space-between; width:100%; gap:10px 15px; flex-wrap:wrap; }
.basic_btn .list>li>dl>dt								{ font-weight:700; color:var(--color-point); line-height:1 }
@media all and (max-width:1468px) {
	.basic_btn .list>li									{ width:100%; padding:10px; }
}
@media all and (max-width:1024px) {
	.basic_btn .list>li>dl>dt							{ font-size:.95rem; }
}
@media all and (max-width:968px) {
	/* 버튼 */
	.basic_btn .lg										{ min-width:175px; height:55px; font-size:1.067em; min-height:55px; }
	.basic_btn a, 
	.basic_btn button									{ min-width:110px; height:45px; min-height:45px;}
	.basic_btn .sm										{ min-width:80px; }
	.basic_btn a::after,
	.basic_btn button::after							{ margin-left:25px; }
	.basic_btn .list>li>dl>dt							{ line-height:1.2; }
}
@media all and (max-width:668px) {
	/* 버튼 */
	.basic_btn .lg										{ min-width:155px; height:50px; font-size:1.067em }
	.basic_btn a, 
	.basic_btn button									{ min-width:100px; height:inherit !important; min-height:40px; padding:7px 15px 5px 15px; }
	.basic_btn .sm										{ min-width:70px; height:36px; min-height:36px }
	.basic_btn span										{ flex-flow:row; line-height:1.3 }
	.basic_btn a[target="_blank"] span:after,
	.basic_btn button[target="_blank"] span:after,
	.basic_btn a[target="body"] span:after,
	.basic_btn button[target="body"] span:after,	   		
	.basic_btn .download span:after						{ min-width:13px; }
	.basic_btn .list>li span							{ line-height:1; }
	.basic_btn .list>li .download.white span:after,
	.basic_btn .list>li a.sm[target="_blank"] span:after, 
	.basic_btn .list>li button.sm[target="_blank"] span:after	{ margin-top:-2px; }
}
@media all and (max-width:568px) {
	.basic_btn .list>li>dl								{ flex-flow:column; align-items:flex-start; gap:5px;}
}
/* 다이어그램 */
.area_diagram									{ margin-top:15px; }
.area_diagram .list								{ display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; --sizePadding:25px; margin-right:calc(var(--sizePadding) * -1);}
.area_diagram .list > li						{ position:relative; flex:0 1 20%; box-sizing:border-box; position:relative; margin-top:0px; margin-bottom:10px; padding-right:var(--sizePadding); }
.area_diagram .list > li span					{ position:relative; display:flex; flex-flow:column; justify-content:center; align-items:center; min-height:140px; height:100%; box-sizing:border-box; padding:var(--sizePadding); background:#fff;
    												border:1px solid var(--color-point); border-radius:10px; text-align:center; font-size:1.06em; font-weight:500; word-break:keep-all; color:var(--color-base) }
.area_diagram .list > li span:before			{ position:absolute; width:51%; height:5px; background:var(--color-point); content:''; top:0; left:50%; border-radius:0 0 8px 8px; z-index:1; transform:translateX(-50%) }	
.area_diagram .list > li .small					{ font-size:.85rem; font-weight:400; line-height:1.3; color:var(--color-base); opacity:.8; line-height:1.3;}
.area_diagram .list > li:last-child:before		{ display:none; }
.area_diagram .list > li:before					{ width:16px; height:11px; background:url(/resource/common/images/common/icon_diagram_arr.svg) no-repeat 50% 50% / contain; transform:translateY(-50%); right:10px; z-index:2}
.area_diagram .list > li:before					{ content:''; display:block; position:absolute; top:50%; }

/* 한줄 갯수 4개 6개 */
.area_diagram .list.col03 > li					{ flex:0 1 33%; }
.area_diagram .list.col04 > li					{ flex:0 1 25%; }
.area_diagram .list.col06 > li					{ flex:0 1 calc(100% / 6); }

/* 한줄 5개로 두줄처리 */
.area_diagram .list.row							{ margin-right:0px; }



@media all and (max-width:1568px) {
	/* 다이어그램 */
	.area_diagram .list							{ --sizePadding:20px; }
	.area_diagram .list > li span,
	.area_diagram_type02 .list > li dt			{ font-size:1.03em; line-height:1.3 }
	.area_diagram .list > li:before				{ right:5px; }
}
@media all and (max-width:968px) {
	/* 다이어그램 */
    .area_diagram .list							{ width:100%; }
    .area_diagram .list > li					{ flex:0 1 33.333% }
	
	/* 한줄 갯수 4개 6개 */
	.area_diagram .list.col03 > li				{ flex:0 1 33%; }
	.area_diagram .list.col04 > li				{ flex:0 1 33%; }
	.area_diagram .list.col06 > li				{ flex:0 1 calc(100% / 3); }
}
@media all and (max-width:668px) {
	/* 다이어그램 */
    .area_diagram .list > li					{ flex:0 1 50% }
	/* 한줄 갯수 4개 6개 */
	.area_diagram .list.col03 > li				{ flex:0 1 50%; }
	.area_diagram .list.col04 > li				{ flex:0 1 50%; }
	.area_diagram .list.col06 > li				{ flex:0 1 calc(100% / 2); }
}
@media all and (max-width:468px) {
	/* 다이어그램 */
    .area_diagram .list > li					{ flex:100%; padding-right:0; padding-bottom:var(--sizePadding); }
	.area_diagram .list > li:before				{ top:inherit; bottom:-3px; right:inherit; left:50%; transform: translateX(-50%) rotate(90deg); width:19px; height:30px; }
	.area_diagram .list > li span				{ min-height:inherit; }
	/* 한줄 갯수 4개 6개 */
	.area_diagram .list.col03 > li				{ flex:100%; }
	.area_diagram .list.col04 > li				{ flex:100%; }
	.area_diagram .list.col06 > li				{ flex:100%; }
}




/* 다이어그램 디자인 다른타입 */
.area_diagram_type02								{ margin-top:15px;}
.area_diagram_type02 .list							{ display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; --sizePadding:40px; gap:1em 0; }
.area_diagram_type02 .list:has(> li:nth-child(3):last-child):not(:has(> li:nth-child(4))),
.area_diagram_type02 .list.col04,
.area_diagram_type02 .list.col05                    { margin-right: calc(var(--sizePadding) * -1); }
.area_diagram_type02 .list > li						{ flex:none; width:calc(100% / 3); box-sizing:border-box; position:relative; padding-right:var(--sizePadding);}
.area_diagram_type02 .list > li:after,
.area_diagram_type02 .list > li:before				{ content:''; display:block; position:absolute; top:50%; right:calc(var(--sizePadding) / 2 - 0px); width:8px; height:8px; border-style:solid; border-width:1px 1px 0 0; border-color:var(--color-point); 
														transform:translateY(-50%) rotate(45deg);}
.area_diagram_type02 .list > li:before				{ right:calc(var(--sizePadding) / 2 - 4px); }
.area_diagram_type02 .list > li dl					{ overflow:hidden; display:flex; flex-flow:row wrap; justify-content:center; align-items:flex-start; min-height:150px; height:100%; border:1px solid var(--color-point); border-radius:10px; 
														background-color:var(--color-point); position:relative; }
.area_diagram_type02 .list > li dl::before			{ position:absolute; width:30%; height:5px; left:50%; bottom:0; border-radius:8px 8px 0 0; background:var(--color-point); content:''; z-index:2; transform:translateX(-50%); }												
.area_diagram_type02 .list > li dt					{ flex:0 1 100%; display:flex; flex-flow:row wrap; justify-content:center; align-items:center; box-sizing:border-box; padding:10px 25px; margin-bottom:auto; min-height:75px; 
														font-size:1.06em; font-weight:bold; color:#fff; word-break:keep-all; text-align:center }
.area_diagram_type02 .list > li dd					{ flex:0 1 100%; display:flex; flex-flow:row wrap; justify-content:center; align-items:center; box-sizing:border-box; padding:10px 25px; margin-bottom:auto; min-height:130px; 
														background-color:#fff; word-break:keep-all; text-align:center; border-radius:10px; color:var(--color-base) }
.area_diagram_type02 .list > li dd .small            { display:flex; flex-wrap:wrap; flex:0 1 100%; background:#f4f4f4; border-radius:5px; align-items:center; justify-content:center; padding:.5em; font-size:.9em; margin-top:.5em }
.area_diagram_type02 .list > li:last-child:before,
.area_diagram_type02 .list > li:last-child:after	{ display:none;}
/* 다이어그램 디자인 다른타입 - 4개 출력 */
.area_diagram_type02 .list.col04 > li				{ width:calc(100% / 4); }
.area_diagram_type02 .list.col05 > li				{ width:calc(100% / 5); }
@media all and (max-width:1568px) {
	/* 다이어그램 */
	.area_diagram_type02 .list							{ --sizePadding:30px; }
	.area_diagram_type02 .list.col04 > li,
	.area_diagram_type02 .list.col05 > li   			{ width:calc(100% / 3); }	
	.area_diagram_type02 .list > li dt br,
	.area_diagram_type02 .list > li dd:not(.tal) br		{ display:none; }
}
@media all and (max-width:968px) {
	/* 다이어그램 */
	.area_diagram_type02 .list:has(> li:nth-child(3):last-child):not(:has(> li:nth-child(4))),
  	.area_diagram_type02 .list.col04, 
	.area_diagram_type02 .list.col05                    { margin-right:0; }
	.area_diagram_type02 .list > li,
	.area_diagram_type02 .list.col04 > li,
	.area_diagram_type02 .list.col05 > li               { width:calc(100% / 2); }
}
@media all and (max-width:668px) {
	/* 다이어그램 */
	.area_diagram_type02 .list							{ --sizePadding:20px; }
}
@media all and (max-width:468px) {
	/* 다이어그램 */
	.area_diagram_type02 .list > li, 
	.area_diagram_type02 .list.col04 > li,
	.area_diagram_type02 .list.col05 > li       { width:100%; }
	.area_diagram_type02 .list > li				{ padding-right:0; padding-bottom:var(--sizePadding); }
	.area_diagram_type02 .list > li:after, 
	.area_diagram_type02 .list > li:before		{ top:inherit; bottom:1px; right:inherit; left:50%; transform:translate(-50%, -50%) rotate(135deg)}
	.area_diagram_type02 .list > li:before		{ bottom:-4px; }
	.area_diagram_type02 .list > li dl			{ min-height:inherit; height:auto; }
	.area_diagram_type02 .list > li dt,			
	.area_diagram_type02 .list > li dd			{ min-height:inherit; padding:20px 10px; }
}


/* 다이어그램 디자인 세로타입 */
.area_diagram_type03								{ margin-top:15px; counter-reset:title; }
.area_diagram_type03 .list							{ display:flex;  flex-direction:column; gap:10px; }
.area_diagram_type03 .list>li						{ position:relative; width:100%; border-radius:15px; padding:10px 10px 10px 100px; border:1px solid var(--color-point) }
.area_diagram_type03 .list>li::before				{ position:absolute; width:14.4px; height:6.5px; background:url(/resource/common/images/common/icon_diagram03_arr.svg) no-repeat 50% 50% / contain; left:-1px; top:50%; transform:translateY(-50%); content:''; z-index:1 }
.area_diagram_type03 .list>li:after					{ counter-increment:title; content:counter(title) " "; display:flex; justify-content:center; align-items:center; position:absolute; left:10px; top:50%; width:80px; height:100%; 
														font-size:1.88em; font-weight:700; text-align:center; color:var(--color-point); transform:translateY(-50%);}
.area_diagram_type03 .list>li>dl					{ display:flex; flex-direction:row; flex-wrap:wrap; gap:10px 60px; align-items:center; }
.area_diagram_type03 .list>li>dl>dt					{ width:17%; font-size:1.06em; font-weight:700; line-height:1.2; color:var(--color-point) }
.area_diagram_type03 .list>li>dl>dd					{ width:calc(100% - 17% -  60px); display:flex; flex-direction:column; border-radius:10px; gap:7px; background:var(--color-tab-bg); padding:1.88em }
.area_diagram_type03 .list>li>dl>dd>span			{ width:100%; font-size:1rem; line-height:1.2; }
.area_diagram_type03 .list>li>dl>dd>span .small		{ font-size:.85rem; opacity:.8; }

.area_diagram_type03 .list50>li>dl>dt{width:50%}
.area_diagram_type03 .list50>li>dl>dd{width:calc(100% - 50% -  60px);}

@media all and (max-width:1568px) {
	/* 다이어그램 디자인 세로타입 */
	.area_diagram_type03 .list>li					{ padding-left:80px; }
	.area_diagram_type03 .list>li:after				{ width:70px; }
	.area_diagram_type03 .list>li>dl				{ gap:10px 20px; }
	.area_diagram_type03 .list>li>dl>dt				{ width:25%; }
	.area_diagram_type03 .list>li>dl>dd				{ width:calc(100% - 25% - 20px); padding:1.5em; }
}
@media all and (max-width:1024px) {
	.area_diagram_type03 .list>li:after				{ font-size:1.6rem; }
	.area_diagram_type03 .list>li>dl>dt				{ font-size:1.03rem; }
	.area_diagram_type03 .list>li>dl>dd>span		{ font-size:.95rem; }
}
@media all and (max-width:968px) {
	/* 다이어그램 디자인 세로타입 */
	.area_diagram_type03 .list>li					{ border-radius:12px; }
	.area_diagram_type03 .list>li>dl>dd				{ border-radius:8px; }
}
@media all and (max-width:968px) {
	/* 다이어그램 디자인 세로타입 */
	.area_diagram_type03 .list>li					{ padding-left:10px; padding-top:15px; }
	.area_diagram_type03 .list>li:after				{ font-size:1.5rem; left:inherit; right:15px; top:13px; height:inherit; transform:inherit; width:fit-content; line-height:1; opacity:.14 }
	.area_diagram_type03 .list>li>dl>dt				{ width:100%; padding:0 30px 0 10px; }
	.area_diagram_type03 .list>li>dl>dd				{ width:100%; padding:1.5em; }
}


/* 플러스 다이어그램 */
.area_diagram_type04							{ margin-top:15px; --sizePadding:40px; gap:1em 0; }
.area_diagram_type04 .list						{ display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; gap:2em 4em }
.area_diagram_type04 .list > li					{ flex:none; width:calc((100% - 8em) / 3); box-sizing:border-box; position:relative; padding:1.5em; border:1px solid var(--color-point); border-radius:10px; }
.area_diagram_type04 .list > li+li::before		{ position:absolute; width:4rem; left:-4rem; top:0; height:100%; display:flex; justify-content:center; align-items:center; font-size:2.8em; font-weight:700; color:var(--color-point); content:'+'; text-align:center }
.area_diagram_type04 .list > li > dl			{ overflow:hidden; display:flex; flex-flow:column; justify-content:center; align-items:center; min-height:100px; height:100%; position:relative; width:100%; }
.area_diagram_type04 .list > li > dl > dt,
.area_diagram_type04 .list > li > dl > dd		{ width:100%; height:50%; display:flex; justify-content:center; align-items:center; line-height:1.2; text-align:center}										
.area_diagram_type04 .list > li > dl > dt		{ font-size:1.06em; font-weight:700; line-height:1.2; color:var(--color-point); }														
.area_diagram_type04 .list > li > dl > dd		{ font-size:1.03em; opacity:.84; border-top:1px solid var(--color-line) }		
.area_diagram_type04 .list > li > strong		{ width:100%; height:100%; display:flex; justify-content:center; align-items:center; font-size:1.06em; font-weight:700; line-height:1.2; color:var(--color-point); }	
.area_diagram_type04 .list.col04 > li			{ width:calc((100% - 12em) / 4); }
@media all and (max-width:1368px) {
	.area_diagram_type04 .list					{ gap:2em 3em; }
	.area_diagram_type04 .list > li				{ width:calc((100% - 6em) / 3);  padding:1em;}
	.area_diagram_type04 .list.col04 > li		{ width:calc((100% - 9em) / 4); }
	.area_diagram_type04 .list > li+li::before	{ width:3rem; left:-3rem; font-size:2.5rem; }
	.area_diagram_type04 .list>li>dl>dt			{ font-size:1.03rem; }
	.area_diagram_type04 .list>li>dl>dd			{ font-size:.95rem; }
}
@media all and (max-width:968px) {
	.area_diagram_type04 .list					{ gap:3em; }
	.area_diagram_type04 .list > li				{ width:100%; }
	.area_diagram_type04 .list.col04 > li		{ width:100%; }
	.area_diagram_type04 .list > li+li::before	{ width:100%; left:0; top:-3rem; height:3rem }
	.area_diagram_type04 .list > li > dl		{ min-height:inherit; }
	.area_diagram_type04 .list > li > dl > dt,
	.area_diagram_type04 .list > li > dl > dd	{ padding:10px 0; }
}

									

/* 공공누리, 담당자정보 */
#aside											{  box-sizing:initial; margin-top:60px; padding:20px 15px 18px 15px; border:1px solid var(--color-line); border-radius:10px; }
.open_license									{ display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; gap:10px 0 }
.open_license > p								{ margin-bottom:5px;}
.open_license .license_mark						{ margin-right:15px; }
.open_license .license_mark a					{ display:inline-block;}
.open_license .license_mark img					{ max-width:100%;}
.open_license .license_txt						{ display:flex; flex-flow:row wrap; gap:5px; align-items:center; color:var(--color-base);  font-weight:400 }
.open_license .license_txt a					{ display:inline-block; padding:7px 10px; border:1px solid #e0e0e0; border-radius:8px; line-height:1.1; color:var(--color-point); font-weight:bold;}
.open_license .license_txt a[target="_blank"]::after{display:none;}					
.box_foot_divz									{ margin-top:15px; background:#f3f3f3; border-radius:10px; padding:20px 15px; font-size:.94rem;}
.box_foot_divz #satibox							{ position:relative; display:flex; flex-wrap:wrap; justify-content:space-between; border-bottom:1px solid #dadada; padding-bottom:15px; margin-bottom:15px; gap:15px }
.box_foot_divz #satibox	.icon::before			{ content:''; background-position:center; background-repeat:no-repeat; background-size:contain; }
.box_foot_divz #satibox ul,
.box_foot_divz .sati_form						{ display:flex; flex-wrap:wrap; flex-flow:row wrap; justify-content:flex-start; align-items:center;}
.box_foot_divz #satibox ul > li					{ display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; }
.box_foot_divz #satibox ul > li:first-child		{ min-width:140px; display:flex; flex-flow:row wrap; gap:10px; align-items:center; line-height:1}
.box_foot_divz #satibox ul > li strong			{ font-weight:bold; color:var(--color-base) }
.box_foot_divz .icon::before					{ content:''; display:inline-block; background-position:center; background-repeat:no-repeat; background-size:contain; }
.box_foot_divz #satibox ul > li .icon::before	{ width:20px; height:18px; background-image:url(/resource/common/images/common/icon_sati_info.svg); margin-top:1px; }
.box_foot_divz #satibox ul > li dl,
.box_foot_divz #satibox .mod					{ display:flex; flex-wrap:wrap; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start; margin-right:50px;  font-weight:400 }
.box_foot_divz #satibox ul > li dl>dt,
.box_foot_divz #satibox .mod dt					{ font-weight:bold; color:var(--color-base);  margin-right:12px; }
.box_foot_divz #satibox ul > li dl>dd,
.box_foot_divz #satibox .mod dd					{ position:relative; padding-left:16px; color:#535353; }
.box_foot_divz #satibox ul > li dl>dd::before,
.box_foot_divz #satibox .mod dd::before			{ position:absolute; width:5px; height:5px; top:8px; left:0; border-radius:100%; background:#c2c2c2; content:'';  }
.box_foot_divz #satibox .mod					{ margin-right:0; }
.box_foot_divz #satibox .mod dt					{ display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; gap:10px; }
.box_foot_divz #satibox .mod dt .icon::before	{ width:20px; height:18px; background-image:url(/resource/common/images/common/icon_sati_mod.svg); margin-bottom:-2px; }

.box_foot_divz .sati_form>strong				{ min-width:140px; display:flex; flex-flow:row wrap; gap:10px; align-items:center; line-height:1; font-weight:bold; color:var(--color-base) }
.box_foot_divz .sati_form>strong .icon::before	{ width:18px; height:18px; background-image:url(/resource/common/images/common/icon_sati.svg); margin-top:1px; }
.box_foot_divz .sati_form ul					{ display:flex; gap:0 40px; flex-wrap:wrap;}
.box_foot_divz .sati_form ul>li					{ display:flex;  align-items:center; color:var(--color-base); font-weight:400 }
.box_foot_divz .sati_form ul>li.basic_btn		{ margin-top:0; margin-left:10px; }
.box_foot_divz .sati_form input					{ width:22px; height:22px; margin-right:10px;  }
@media all and (max-width:1568px) {
	/* 공공누리, 담당자정보 */
  	#aside										{ margin-top:50px; }
	.box_foot_divz #satibox ul > li dl			{ margin-right:25px; }
	.box_foot_divz .sati_form ul				{ gap:0 25px }
	.box_foot_divz .sati_form ul>li.basic_btn	{ margin-left:5px; }
}
@media all and (max-width:1068px) {
	/* 공공누리, 담당자정보 */
	#aside										{  margin-top:40px; }
	.box_foot_divz #satibox						{ flex-flow:column; }
	.box_foot_divz #satibox .mod				{ gap:10px 0; }
	.box_foot_divz #satibox .mod dt				{ min-width:140px; margin-right:0; }
	.box_foot_divz #satibox .mod dd				{ padding-left:0; }
	.box_foot_divz #satibox .mod dd::before		{ display:none;}
}
@media all and (max-width:868px) {
	/* 공공누리, 담당자정보 */
	#aside										{ position:relative;  margin-top:30px;}
	.box_foot_divz #satibox ul,
	.box_foot_divz .sati_form					{ flex-flow:column; align-items:flex-start; gap:10px; }
	.box_foot_divz .sati_form					{ gap:3px 0; }
	.box_foot_divz #satibox .mod				{ gap:0; position:absolute; right:0; top:0; }
	.box_foot_divz #satibox .mod dt				{ min-width:inherit; margin-right:12px; }
	.box_foot_divz #satibox .mod dd				{ padding-left:16px; }
	.box_foot_divz #satibox .mod dd::before		{ display:block;}
	.box_foot_divz								{ padding:15px; font-size:.9rem;}
	.box_foot_divz #satibox ul > li dl			{ margin-right:20px; }
	.box_foot_divz .sati_form ul				{ gap:5px 20px; }
	.box_foot_divz .sati_form ul>li.basic_btn	{ margin-left:0; }
}
@media all and (max-width:468px) {
	/* 공공누리, 담당자정보 */
	.box_foot_divz #satibox .mod				{ position:initial; }	
}


/* box_img */
.box_img_wrap                           { display: flex; flex-wrap: wrap; gap: 20px;}
.box_img_wrap .box_img                  { flex: 1 1 100%; position:relative; text-align:center;}
.box_img_wrap .box_img img              { display:block; margin:0 auto; max-width:100%; height:auto;}
.box_img_wrap.two .box_img              { flex: 1 1 calc(50% - 10px); }
.box_img.line                           { border:1px solid #ddd; border-radius:20px; padding:20px;}
.box_img                                { position:relative; text-align:center; }
.box_img img                            { margin:0 auto; width:auto !important; max-width:100% !important; border-radius: 15px;}
.box_img .none                          { border-radius:0 }
.box_img .img_zoom                      { display:none; position:absolute; right:0; bottom:0; z-index:1; width:42px;height:42px; background:rgba(0, 0, 0, 0.8);}
.box_img .img_zoom a                    { display:block; height:100%; font-size:0;}
.box_img .img_zoom a:before             { content:'';display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:18px; height:18px; margin:auto; background:url(/resource/www/images/common/icon_search.svg) no-repeat; filter:brightness(100);}

.box_img_inner                          { padding:30px;border-radius: 20px;background:#f6f6f6; text-align:center;}
.box_img_inner02 {  padding: 30px; background: var(--color-white);  border: 1px solid #ddd;   border-radius: 20px;  text-align:center;}

.box_img_inner img,
.box_img_inner02 img { display:block; margin:0 auto; max-width:100%; height:auto;}

.box_img.left                           { text-align:left }
.box_img img.w100  {width:100% !important;}


@media all and (max-width: 1024px) {
    .box_img_wrap .box_img              { flex: 1 1 100%;}
    .box_img_wrap .box_img img,
    .box_img_inner img                  { width: 100%; height: auto;}
}
@media all and (max-width:768px) {
    .box_img .img_zoom                  { display:block;}
}


/* 업다운 컨텐츠 */
.updown_list								{ position:relative; width:100%; }
.updown_list+.updown_list					{ margin-top:10px; }
.updown_list>button							{ display:flex; width:100%; border-radius:10px; height:75px; padding:10px; background:var(--color-tab-bg); align-items:center; transition:var(--trans-ani); }
.updown_list>button>span					{ position:relative; display:flex; width:100%; height:100%; border-radius:8px; background:var(--color-white); transition:var(--trans-ani); align-items:center; padding:15px 2em 15px 20px; font-size:1.03rem; 
												font-weight:500; text-align:left }
.updown_list>button>span::after				{ content:''; display:block; position:absolute; width:7px; height:7px; right:20px; top:50%; border-style:solid; border-color:var(--color-base); border-width:0 1px 1px 0; 
												transform:translateY(-70%) rotate(45deg); transition:var(--trans-ani); }
.updown_list.active>button>span::after		{ transform:translateY(-30%) rotate(-135deg); border-color:var(--color-white);}	
.updown_list.active>button>span				{ background:var(--color-point); color:var(--color-white); }
.updown_list.active>button					{ border-radius:10px 10px 0 0; }

.updown_list .updown_cont					{ position:relative; padding:2em; display:none }
.updown_list .updown_cont::before			{ position:absolute; width:100%; height:100%; left:0; top:0; content:'';  border-radius:0 0 10px 10px; background:var(--color-tab-bg); z-index:-2 }
.updown_list .updown_cont::after			{ position:absolute; width:calc(100% - 20px); height:calc(100% - 10px); left:10px; top:0; background:var(--color-white);  border-radius:10px; z-index:-1; content:''; }
.updown_list .updown_cont .title_h4			{ font-size:1.43rem; }
@media all and (max-width:1368px) {
	.updown_list>button						{ height:70px; }	
	.updown_list>button>span				{ font-size:1rem; }
	.updown_list .updown_cont .title_h4		{ font-size:1.33rem; }
}
@media all and (max-width:868px) {
	.updown_list>button						{ height:inherit; }	
	.updown_list>button>span				{ font-size:.98rem; padding:12px 1.5em 12px 15px; }
	.updown_list .updown_cont .title_h4		{ font-size:1.23rem; }
	.updown_list .updown_cont				{ padding:1.88em; }
}
@media all and (max-width:668px) {
	.updown_list>button>span				{ font-size:.95rem; }
	.updown_list .updown_cont .title_h4		{ font-size:1.167rem; }
	.updown_list .updown_cont				{ padding:1.5em 1.88em; }
}


/* 그래프 */
.vertical_chart_box									{ position:relative; min-width:450px; background:var(--color-nav-bg); padding:1em; border-radius:10px; box-sizing:border-box;}
.vertical_chart_box	.base_date						{ display:flex; justify-content:flex-end; font-size:.9rem; }
.vertical_chart_box .info							{ display:flex; gap:0 20px; justify-content:flex-end; font-size:.85rem; }
.vertical_chart_box .info>li						{ display:flex; align-items: center; line-height:1 }
.vertical_chart_box .info span						{ display:inline-block; width:20px; height:15px; margin-right:7px; vertical-align:middle;  }
.vertical_chart_box .chart_box						{ position:relative; padding-bottom:25px; padding-left:52px; box-sizing:border-box; height:250px; overflow:hidden; margin-top:10px; }
.vertical_chart_box .axis_y							{ display:-webkit-flex; display:-ms-flex; display:-o-flex; display:flex; flex-direction:column-reverse; justify-content:space-between; position:absolute; top:0; left:0;
    													margin:0; width:52px; padding-right:20px; height:calc(100% - 25px); font-size:.85em; text-align:right;  box-sizing:border-box; font-size:13px;}
.vertical_chart_box .axis_y:before					{ content:''; position:absolute; top:5px; bottom:10px; right:0; width:1px; background:var(--color-gray3); }
.vertical_chart_box .axis_y>li						{ position:relative; }
.vertical_chart_box .axis_y>li+li::before			{ position:absolute; width:100vw; left:52px; height:1px; top:10px; content:''; background:var(--color-gray3); }
.vertical_chart_box .axis_x							{ display:-webkit-flex; display:-ms-flex; display:-o-flex; display:flex; justify-content:center; position:relative; padding:0; box-sizing:border-box; height:calc(100% - 10px); 
														border-bottom:1px solid var(--color-gray3); }
.vertical_chart_box .axis_x .item					{ flex:1; position:relative; }
.vertical_chart_box .axis_x .item strong			{ display:flex; justify-content:center; font-size:.9rem; line-height:1.1; margin-top:7px; word-break:break-all; text-align:center; width:100%;}
.vertical_chart_box .axis_x .text_box				{ position:absolute; bottom:-25px; width:90%; left:50%; text-align:center; transform:translate(-50%,0); }
.vertical_chart_box .axis_x .item .day				{ display:block; line-height:1.2; letter-spacing:-.065em }
.vertical_chart_box .axis_x .time					{ display:block; margin-top:3px; font-size:12px; }
.vertical_chart_box .graph							{ display:flex; gap:10px; position:relative; margin:0 auto; padding:0; width:90px; height:100%; overflow:hidden; align-items:end; justify-content:center; }
.vertical_chart_box .graph .bar						{ flex:auto; max-width:calc((100% - 10px) / 2); border-radius:5px 5px 0 0; box-sizing:content-box; display:flex; justify-content:center; }
.vertical_chart_box .graph .bar>i					{ font-size:.85rem; color:var(--color-white); }
.vertical_chart_box .bar1							{ background:var(--color-point); }							
.vertical_chart_box .bar2							{ background:var(--color-green); }	
.vertical_chart_box .bar3							{ background:var(--color-red); }	
@media all and (max-width:968px) {
  .vertical_chart_box								{ min-width:360px; }
	.vertical_chart_box .axis_y						{ padding-right:10px; width:40px; }
	.vertical_chart_box .axis_y>li					{ font-size:.75rem; }
	.vertical_chart_box .axis_y>li+li::before		{ left:40px; }
	.vertical_chart_box .chart_box					{ padding-left:40px; }
	.vertical_chart_box .graph						{ width:60px; gap:2px; }
	.vertical_chart_box .graph .bar					{ max-width:calc((100% - 2px) / 2); }
	.vertical_chart_box .graph .bar>i				{ font-size:.7rem; }
	.vertical_chart_box .axis_x .item strong		{ font-size:.85rem; padding:0 5px }
}

/* 이미지 확대보기 */
.box_zoom											{ position:relative; }
.box_zoom .icon_zoom								{ position:absolute; z-index:1; width:max-content; left:50%; bottom:-17.5px; height:35px; display:flex; background-color:var(--color-point); align-items:center; justify-content:center; 
														border-radius:20px; padding:0 20px; gap:0 10px; font-size:.85rem; color:var(--color-white); transform:translateX(-50%); line-height:35px; }
.box_zoom .icon_zoom::before						{ display:flex; width:13px; height:13px; content:''; background:url(/resource/common/images/bbs/icon_zoom.svg) no-repeat 50% 50% / auto; filter:invert(1); }
@media all and (max-width:468px) {
	.box_zoom .icon_zoom							{ height:30px; bottom:-15px; padding:0 12px; font-size:.8rem; gap:0 7px; line-height:30px;}
	.box_zoom .icon_zoom::before					{ width:11px; height:11px; }
}


/* 박스 */
.box_round										{ display:flex; flex-wrap:wrap; gap:.94em }
.box_round>li									{ flex:0 1 calc((100% - 3.76em) / 5); padding:1.88em; background:var(--color-gray); border-radius:10px; }
.box_round>li dl								{ display:flex; flex-flow:column; gap:1.56em; line-height:1 }
.box_round>li dl>dt								{ font-size:1.25em; font-weight:700; }
.box_round>li dl>dd								{ line-height:1.4; opacity:.84; }
.box_round.col03>li  							{ flex: 0 1 calc((100% - 1.88em) / 3); }
.box_round.col04>li  							{ flex: 0 1 calc((100% - 2.82em) / 4); }

@media all and (max-width:1468px){
	.box_round										{ gap:.7em }
    .box_round>li									{ flex:0 1 calc((100% - 2.8em) / 5); padding:1.5em; }
    .box_round>li dl									{ gap:1em; }
    .box_round>li dl>dt								{ font-size:1.2em; }
}

@media all and (max-width:968px){
	.box_round>li,
	.box_round.col03>li,
	.box_round.col04>li								{ flex:auto; min-width:calc((100% - 1.4em) / 3)}
}

@media all and (max-width:668px){
	.box_round>li,
	.box_round.col03>li,
	.box_round.col04>li								{ flex:100%; min-width:inherit}
  	.box_round>li dl>dt								{ font-size:1.167em; }
}

/************** 2026.03.03 익산시청 팝업 레이어 css 추가
/* 단일 레이어 팝업 */
#popup_layer 																{ position:fixed; top:0; left:0; z-index:10000; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.4);}
.popup_box																	{ position:relative; top:50%; left:50%; width:max-content; max-width:700px; transform:translate(-50%, -50%); z-index:1002; box-sizing:border-box; background:#fff; 
																				box-shadow:2px 5px 10px 0px rgba(0,0,0,0.35); -webkit-box-shadow:2px 5px 10px 0px rgba(0,0,0,0.35); -moz-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35); }
.popup_box .popup_cont 														{ line-height:1.4rem; max-width:700px; font-size:14px; word-break: break-word; overflow-y:auto; max-height: calc(100svh - 100px);}
.popup_box .popup_btn 														{ display:flex; flex-wrap:wrap; width:100%; height:3em;word-break:break-word; }
.popup_box .popup_btn>li													{ position:relative; width:calc(100% / 2) }
.popup_box .popup_btn .closePop 											{ position:relative; display:flex; align-items:center; justify-content:center; width:100%; height:100%; color:#fff; font-size:.987em; text-align:center; 
																				vertical-align:middle; text-decoration:none; background:var(--color-point);}
.popup_box .popup_btn .closePop:before										{ content:''; display:block; position:absolute; top:.8em; right:29px; width:1px; height:21px; background:#fff; -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);
    																			-ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg);}
.popup_box .popup_btn .closePop:after										{ content:''; display:block; position:absolute; top:.8em; right:29px; width:1px; height:21px; background:#fff; -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg);
   															 					-ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);}
.popup_box .popup_btn>li input[type="checkbox"]								{ position:absolute; width:100%; height:100%; opacity:0; }
.popup_box .popup_btn>li .close_day											{ position:relative; width:100%; height:100%; cursor:pointer; color:#fff; display:flex; align-items:center; justify-content:center; font-size:.987em; }
.popup_box .popup_btn>li:has(.close_day) 									{ background:#222;}
.popup_box .popup_btn>li .closePop:focus									{ outline-offset:-2px; outline:2px dotted var(--color-white) !important}	
.popup_box .popup_btn > li:has(input[type="checkbox"]:focus) .close_day 	{ outline-offset:-2px; outline:2px dotted var(--color-white) !important;}
.popup_box .popup_btn > li:focus-within .close_day 							{ outline-offset:-2px; outline:2px dotted var(--color-white) !important; }
.popup_overlay																{ position:fixed;top:0px;right:0;left:0;bottom:0;z-index:1001;background:rgba(0,0,0,0.5); }
.popup_box .popup_btn>li .close_day::before									{ content:""; display:inline-block; width:25px; height:25px; overflow:hidden; background:url(/resource/common/images/common/icon_check.svg) no-repeat 50% 50% / auto 10px; 
																				opacity:.74; margin-right:5px; filter:invert(1);  }
.popup_box .popup_btn>li input[type="checkbox"]:checked + .close_day::before{ opacity:1; }

.popup_box .popup_btn>li input[type="checkbox"]:focus + .close_day::before	{ outline-offset:2px; outline:2px dotted #000 !important}

@media all and (max-width:768px) {
  .popup_box						{ width:94%; }
  .popup_box .popup_cont			{ width:100% !important; height:inherit!important; } 
}

/* 슬라이드 */
.layer_popup_wrap																{ position:fixed; top:0; left:0; right:0; bottom:0; z-index:2000; color:#fff}
.layer_popup_cont 																{ position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:1000; max-height:calc(100svh - 5em); overflow:hidden }
.layer_popup_cont .tit 															{ font-size:1.563rem; font-weight:700; position:relative; display:inline-flex; padding-top:15px; line-height:1 }
.layer_popup_cont .tit:before 													{ content:''; position:absolute; top:8px; right:-10px; width:8px; height:8px; border-radius:100%; background-color:var(--color-point); }
.layer_popup_cont .layerPopSwiper												{ width:calc(100% + 30px); margin-left:-15px; margin-right:-15px; margin-top:15px; }
.layer_popup_cont .layerPopSwiper .swiper-slide									{ width:33.333%; }
.layer_popup_cont .layerPopSwiper .swiper-slide>a								{ display:flex; width:calc(100% - 30px); margin-left:15px; margin-right:15px; }
.layer_popup_cont .layerPopSwiper .swiper-slide .img							{ position:relative; width:100%; height:0; padding-top:100%; overflow-y:auto; overflow-x:hidden }
.layer_popup_cont .layerPopSwiper .swiper-slide .img::-webkit-scrollbar 		{ -webkit-appearance:none; width:4px;} 
.layer_popup_cont .layerPopSwiper .swiper-slide .img::-webkit-scrollbar-thumb 	{ background-color:var(--color-white); border-radius:5px; } 
.layer_popup_cont .layerPopSwiper .swiper-slide .img::-webkit-scrollbar-track 	{ border-radius:5px; background-color:rgba(255,255,255,.5); }
.layer_popup_cont .layerPopSwiper .swiper-slide .img img						{ position:absolute; top:0; left:50%; min-width:100%; min-height:100%; transform:translateX(-50%); -ms-transform:translateX(-50%);
   																	 				-webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); object-fit:cover; -o-object-fit:cover;}
.layer_popup_cont .swiper_bottom												{ position:absolute; right:0; top:0; display:flex; justify-content:center; align-items:center; gap:20px; }
.layer_popup_cont .swiper_bottom .control button								{ position:relative; width:30px; height:30px; display:flex; justify-content:center; align-items:center;}
.layer_popup_cont .swiper_bottom .control										{ display:flex; justify-content:center; align-items:center; height:40px; background:var(--color-point); border-radius:40px; padding:0 10px 0 20px; }
.layer_popup_cont .swiper_bottom  .swiper_prev::before,
.layer_popup_cont .swiper_bottom  .swiper_next::before							{ position:absolute; width:8px; height:8px; border-style:solid; background:none; border-width:2px 2px 0 0; border-color:#fff; transform:rotate(45deg); content:'';filter: inherit; }
.layer_popup_cont .swiper_bottom  .swiper_next::before							{ margin-left:-4px; }
.layer_popup_cont .swiper_bottom  .swiper_prev::before							{ border-width:0 0 2px 2px; margin-right:-2px }
.layer_popup_cont .swiper_bottom .swiper_page									{ width:auto; display:flex; justify-content:center; align-items:center; font-size:.9rem; margin:0; line-height:1; color:#fff; gap:7px; margin-right:10px;}
.layer_popup_cont .swiper_bottom .swiper-pagination-current						{ font-weight:bold; color:var(--color-white);}
.layer_popup_cont .swiper_bottom .swiper-pagination-total						{ font-weight:300; opacity:.9;color:var(--color-white);}
.layer_popup_cont .swiper_bottom .swiper_page i									{ position:relative; display:inline-block; width:4px; height:4px; background:rgba(255,255,255,.5); vertical-align:middle; border-radius:100%;  }
.layer_popup_cont .swiper_bottom .swiper_page i::after							{ display:none; }
.layer_popup_cont .swiper_bottom .swiper_auto::before							{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; background-position:50% 50%; background-repeat:no-repeat; background-size:auto 10px; filter:invert(1); }
.layer_popup_cont .swiper_bottom .swiper_auto::before							{ background-image:url(/resource/common/images/bbs/icon_stop.svg); }
.layer_popup_cont .swiper_bottom .swiper_auto.paused::before					{ background-image:url(/resource/common/images/bbs/icon_play.svg); }
.layer_popup_cont .layer_popup_btn												{ display:flex; justify-content:center; align-items:center; gap:10px;}
.layer_popup_cont .layer_popup_btn>li											{ position:relative; display:flex; justify-content:center; align-items:center;}
.layer_popup_cont .layer_popup_btn>li input[type="checkbox"]					{ position:absolute; width:100%; height:100%; opacity:0; }
.layer_popup_cont .layer_popup_btn>li label										{ position:relative; padding-left:35px; cursor:pointer; font-size:.95rem; }
.layer_popup_cont .layer_popup_btn>li input 									{ position:absolute; width:1px; height:1px; opacity:0; }
.layer_popup_cont .layer_popup_btn>li label::after								{ position:absolute; width:22px; height:22px; border:1px solid var(--color-white); border-radius:100%; content:''; left:0; top:0; }
.layer_popup_cont .layer_popup_btn>li label::before 							{ content: ""; position:absolute; top:4px; left:8px; width:6px; height:10px; overflow:hidden; border-style:solid; border-width:0 2px 2px 0;
																					 border-color:var(--color-white); opacity:0; transform:rotate(45deg);}
.layer_popup_cont .layer_popup_btn>li input:checked + label::before 			{ opacity:1; }
.layer_popup_cont .layer_popup_btn .popup_close_button 							{ display:flex; position: relative; width:46px; height:46px; transition:all ease 0.3s }
.layer_popup_cont .layer_popup_btn .popup_close_button::before					{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; background:var(--color-point); opacity:.5; border-radius:100%; }
.layer_popup_cont .layer_popup_btn .popup_close_button::after					{ position:absolute; width:calc(100% - 16px); height:calc(100% - 16px); left:8px; top:8px; content:''; background:var(--color-point); border-radius:100%; }
.layer_popup_cont .layer_popup_btn .popup_close_button>em						{ position:relative; width:100%; height:100%; transition:all ease 0.3s }
.layer_popup_cont .layer_popup_btn .popup_close_button>em::before				{ position:absolute; width:2px; height:14px; left:50%; top:50%; background:var(--color-white); transform:translate(-50%,-50%) rotate(45deg); content:''; z-index:3}
.layer_popup_cont .layer_popup_btn .popup_close_button>em::after				{ position:absolute; width:2px; height:14px; left:50%; top:50%; background:var(--color-white); transform:translate(-50%,-50%) rotate(-45deg); content:''; z-index:3}
.layer_popup_cont .layer_popup_btn .popup_close_button:hover					{ transform:rotate(180deg); }	
.layer_popup_bg 																{ position:absolute; top:0; left:0; right:0; bottom:0; background:rgb(0, 0, 0, 0.9); }
@media all and (max-width:1368px){
	.layer_popup_cont .layerPopSwiper											{ width:calc(100% + 20px); margin-left:-10px; margin-right:-10px;  }
	.layer_popup_cont .layerPopSwiper .swiper-slide>a							{ width:calc(100% - 20px); margin-left:10px; margin-right:10px; }
}
@media all and (max-width:1024px){
	.layer_popup_cont .layerPopSwiper .swiper-slide								{ width:50%;  }
	.layer_popup_cont .swiper_bottom .control									{ height:36px; }
	.layer_popup_cont .layer_popup_btn .popup_close_button 						{ width:42px; height:42px; }
	.layer_popup_cont .layer_popup_btn>li label									{ padding-left:30px; font-size:.9rem; }
	.layer_popup_cont .tit														{ padding-top:10px; }
	.layer_popup_cont .tit:before												{ width:6px; height:6px; right:-8px; top:4px; }
}
@media all and (max-width:768px){
	.layer_popup_cont															{ padding-bottom:52px; }
	.layer_popup_cont .swiper_bottom											{ position:initial; }
	.layer_popup_cont .swiper_bottom .control									{ position:absolute; right:0; top:2px; }
	.layer_popup_cont .layer_popup_btn											{ position:absolute; width:max-content; left:50%; bottom:0; transform:translateX(-50%); }
	.layer_popup_cont .tit														{ padding-top:8px; }
	.layer_popup_cont .tit:before												{ width:6px; height:6px; right:-8px; top:0; }
}
@media all and (max-width:568px){
	.layer_popup_cont .layerPopSwiper .swiper-slide								{ width:100%;  }
}
@media all and (max-width:468px){
	.layer_popup_cont .tit 														{ font-size:1.363rem; }
	.layer_popup_cont .swiper_bottom .control									{ height:32px; padding:0 5px 0 15px }
	.layer_popup_cont .swiper_bottom .swiper_page								{ font-size:.85rem; margin-right:5px; }
	.layer_popup_cont .swiper_bottom .control button							{ width:25px; height:25px; }
	.layer_popup_cont .layerPopSwiper											{ margin-top:15px; }
} 
@media all and (max-width:320px){
	.layer_popup_cont .tit>span													{ display:none; }
}