@charset "utf-8";
/* CSS Document */

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

						layout
 
************************************************************/
#container														{ position:relative;  }
#container::before											{ position:absolute; width:100%; left:0; top:0; height:150px;  content:''; background:#e7f2fd; z-index:-1;}
#container *													{ box-sizing:border-box; }	

#container > .inr 												{display:flex; justify-content:flex-start; align-items:flex-start; --sizeLnbW:300px;padding-top:30px;}

@media all and (max-width:1768px){
	#container													{ --sizeLnbW:280px; }
}	
@media all and (max-width:1668px){
	#container													{ --sizeLnbW:260px; }
}							

@media all and (max-width:1468px){
	#container::before											{ height:140px; }
}

@media all and (max-width:1368px){
	#container::before											{ height:130px; }
}
@media all and (max-width:1268px){
	#container::before											{ display:none; }
	#container > .inr											{padding-top:0;}
}


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

						lnb
 
************************************************************/
.area_lnb														{ flex:none; width:var(--sizeLnbW); margin-bottom:7.5em; }
.area_lnb .title_h2												{ width:100%; border-radius:20px; background:#2276be; color:var(--color-white); font-size:1.75em; font-weight: 500;text-align:center;font-family:var(--font-TheJamsil); padding:1.88em 1em; box-sizing:border-box; }
.area_lnb .lnb													{ width:100%; margin-top:12px;}
.area_lnb .lnb .list											{ width:100%; display:flex; flex-flow:column;gap:6px;}
.area_lnb .lnb .list>li>a										{ position:relative; display:flex; align-items:center; background:#fff;border:1px solid #e5e5e5;border-radius:12px;font-size:1.13em; font-weight:600; padding:0 20px; height:60px; color:#515151; transition:var(--trans-ani);  }
.area_lnb .lnb .list>li>a::before								{ position:absolute; width:7px; height:7px; border-style:solid; border-width:1px 1px 0 0; border-color:#808080; right:20px; top:50%; transform:translateY(-75%) rotate(45deg); content:''; }
.area_lnb .lnb .list>li:has(ul).active>a::before			{ transform:translateY(-75%) rotate(135deg); }																	
.area_lnb .lnb .list>li.active>a,
.area_lnb .lnb .list>li>a:hover,
.area_lnb .lnb .list>li>a:focus									{ background:#203c6b; border-color:#203c6b;color:var(--color-white);  }
.area_lnb .lnb .list>li.active>a::before,
.area_lnb .lnb .list>li>a:hover::before,
.area_lnb .lnb .list>li>a:focus::before							{ border-color:var(--color-whtie); }
.area_lnb .lnb .list>li a[target="_blank"] span::after{content:""; display:inline-block; opacity:.5; transition:all .4s; margin-left:5px; vertical-align:middle; width:16px; height:16px; 
																	background:url(/images/safe/common/ico_newtab.svg) no-repeat 50% 50%;margin-top:-3px;} 
.area_lnb .lnb .list>li.active>a[target="_blank"] span::after,
.area_lnb .lnb .list>li>a[target="_blank"]:hover span::after,
.area_lnb .lnb .list>li>a[target="_blank"]:focus span::after{filter:invert(1);}
.area_lnb .lnb .list>li.active									{ background: #f9f9f9;border-radius:12px;border: 1px solid #e5e5e5;}
.area_lnb .lnb .list>li>ul										{ display:none;border-radius:10px; padding:20px; }
.area_lnb .lnb .list>li.active>ul									{display:block;}
.area_lnb .lnb .list>li>ul>li>a									{ position:relative; display:block; padding:3px 0 3px 15px; font-size:1.03em; transition:var(--trans-ani); }
.area_lnb .lnb .list>li>ul>li>a::before							{ position:absolute; width:4px; height:4px; left:0; top:.8em; border-radius:100%; background:rgba(0,0,0,.2); content:'';  transition:var(--trans-ani); }
.area_lnb .lnb .list>li>ul>li>a:hover,
.area_lnb .lnb .list>li>ul>li>a:focus,
.area_lnb .lnb .list>li>ul>li.active>a							{ color:var(--color-point); }
.area_lnb .lnb .list>li>ul>li>a:hover::before,
.area_lnb .lnb .list>li>ul>li>a:focus::before,
.area_lnb .lnb .list>li>ul>li.active>a::before					{ background:var(--color-point); }


@media all and (max-width:1668px){
	.area_lnb .title_h2											{ font-size:1.68em; }
	.area_lnb .lnb .list>li>a									{ font-size:1.067em; padding:0 18px;height:55px; }
	.area_lnb .lnb .list>li>ul									{ padding:18px; }
	.area_lnb .lnb .list>li>ul>li>a								{ font-size:1em; }
}

@media all and (max-width:1568px){
	.area_lnb .title_h2											{ font-size:1.58em; }
	.area_lnb .lnb .list>li>ul>li>a								{ font-size:.95rem; }
}

@media all and (max-width:1468px){
	.area_lnb .title_h2											{ font-size:1.48em; }
	.area_lnb .lnb .list>li>a									{ font-size:1rem;height:50px;  }
}

@media all and (max-width:1368px){
	.area_lnb .title_h2											{ border-radius:16px;}
	.area_lnb .lnb .list>li>a									{border-radius:10px;padding:0 16px;}
	.area_lnb .lnb .list>li>ul									{ padding:16px; }
}

@media all and (max-width:1268px){
	.area_lnb													{ display:none; }
}

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

					contents_layout
 
************************************************************/
.section_middle															{ position:relative; width:calc(100% - var(--sizeLnbW)); margin-left:60px; flex:auto; }


@media all and (max-width:1568px){
	.section_middle														{ margin-left:50px; }
}

@media all and (max-width:1468px){
	.section_middle														{ margin-left:40px; }
}

@media all and (max-width:1268px){
	.section_middle														{ width:100%; margin-left:0; }
}	

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

						location
 
************************************************************/																			
.location_wrap															{ position:relative; display:flex; flex-wrap:wrap; gap:10px 2em; justify-content:space-between; padding-top:60px; z-index:3 }
.location_wrap .area_location														{ display:flex; flex-wrap:wrap; align-items:center; gap:3px 0; opacity:.8; }
.location_wrap .area_location>li													{ position:relative; font-size:.98em; line-height:1 }
.location_wrap .area_location [data-location="home"] a							{ display:flex; font-size:0px;  }
.location_wrap .area_location [data-location="home"] a::before					{ content:''; display:block; width:15px; height:20px; background:url(/images/safe/sub/ico_home.svg) no-repeat 50% 50%; background-size:auto 15px; opacity:1; filter:grayscale(100%) brightness(0);}
.location_wrap .area_location>li+li												{ padding-left:12px;  }
.location_wrap .area_location>li+li::before										{ display:inline-block; margin-right:15px; width:7px; height:7px; border-style:solid; border-width:1px 1px 0 0; border-color:#575757; transform:rotate(45deg); 
																			content:''; vertical-align:middle; margin-top:-2px;  }
.location_wrap .page_util												{ display:flex; align-items:center; gap:6px; --sizeBtn:40px; }
.location_wrap .page_util>li											{ position:relative; z-index:2 }
.location_wrap .page_util>li>button										{ display:flex; width:var(--sizeBtn); height:var(--sizeBtn); border-radius:100%; background:var(--color-white);box-shadow:0px 4px 20px rgba(188,204,219,.1); }
.location_wrap .page_util>li>button:before								{ content:''; flex:none; display:block; width:100%; height:100%; margin:0 auto; background-repeat:no-repeat; background-position:50% 50%;background-size:16px;}
.location_wrap .page_util>li .share_bt:before							{ background-image:url(/images/safe/sub/ico_share.svg);  margin-top:-.5px;}
.location_wrap .page_util>li.copy>button:before							{ background-image:url(/images/safe/sub/ico_copy_link.svg);}
.location_wrap .page_util>li.print>button:before						{ background-image:url(/images/safe/sub/ico_print.svg); }
.location_wrap .page_util>li.share .share_drop							{ display:none; position:absolute; top:0px; z-index:10; width:var(--sizeBtn); box-sizing:border-box; background-color:var(--color-white); border:1px solid var(--color-point); border-radius:50rem; box-shadow:0 10px 20px rgba(0,0,0,0.10); text-align:center;}																								
.location_wrap .page_util > li.share .share_drop ul						{ padding-top:10px; }
.location_wrap .page_util > li.share .share_drop ul > li 				{height:var(--sizeBtn);}
.location_wrap .page_util > li.share .share_drop ul > li + li::after	{content:''; display:block; width:23px; height:1px; margin:0 auto; background:#dcdcdc;}
.location_wrap .page_util > li.share .share_drop ul > li a									{ display:flex; justify-content:center; align-items:center; width:100%; height:100%;}
.location_wrap .page_util > li.share .share_drop ul > li[data-share] a:before				{ content:''; display:block; width:16px; height:16px; background-repeat:no-repeat; background-position:50% 50%; background-size:auto 100%}
.location_wrap .page_util > li.share .share_drop ul > li[data-share="blog"] a:before		{ background-image:url(/images/safe/sub/share_b.png); }
.location_wrap .page_util > li.share .share_drop ul > li[data-share="twitter"] a:before		{ background-image:url(/images/safe/sub/share_t.png); }
.location_wrap .page_util > li.share .share_drop ul > li[data-share="facebook"] a:before	{ background-image:url(/images/safe/sub/share_f.png);}
.location_wrap .page_util > li.share .share_drop ul > li[data-share="kakao"] a:before		{ background-image:url(/images/safe/sub//share_k.png); width: 20px;height: 18px; }
.location_wrap .page_util > li.share .share_close											{ width:30px; height:30px; margin-top:10px; margin-bottom:5px; background:#e7edf5 url(/images/safe/sub/btn_close_black.svg) no-repeat 50% 50%; background-size:10px 10px; border-radius:100%;}


@media all and (max-width:1468px){	
	.location_wrap .area_location>li																	{ font-size:.95em; }
	.location_wrap .area_location [data-location="home"] a											{ margin-top:-5px; }
	.location_wrap .area_location>li+li::before														{ margin-top:-3px; }
}
@media all and (max-width:1368px){	
	.location_wrap																			{ padding-top:46px; }
	.location_wrap .page_util																{ --sizeBtn:38px;}
}
@media all and (max-width:1268px){
	.location_wrap																			{ padding:15px 3%; background:#e7f2fd; width:calc(100% + 6%); margin-left:-3%; margin-right:-3%; }
	.location_wrap .area_location>li																	{ font-size:.88rem; }
	.location_wrap .area_location>li+li::before														{ width:5px; height:5px; margin-right:10px; }
	.location_wrap .area_location>li+li																{ padding-left:9px; }
	.location_wrap .area_location [data-location="home"] a											{ margin-top:-3px; }
	.location_wrap .page_util																{ --sizeBtng:35px;}
	.location_wrap .page_util>li .share_bt:before											{ background-size:14px; }
	.location_wrap .page_util>li>button.print:before										{ background-size:auto 14px; }
	.location_wrap .page_util>li>button.braille:before										{ background-size:auto 8px; }
	.location_wrap .page_util>li>button.braille_down:before									{ background-size:auto 11px; }
}	
@media all and (max-width:968px){
	.location_wrap .page_util>li:not(.share)												{ display:none; }
}


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

					section_middle
 
************************************************************/
.section_middle .content												{ width:100%; position:relative; z-index:2; margin-top:4.75em; margin-bottom:3.5em;min-height:400px;}
.section_middle .title_h3												{ font-size:2.19em; line-height:1; font-weight:bold; border-bottom:1px solid #e5e5e5; padding-bottom:.5em; margin-bottom:1.43em;color:var(--color-black1); }
@media all and (max-width:1768px){	
	.section_middle .title_h3											{ font-size:2em; }
}
@media all and (max-width:1668px){	
	.section_middle .content											{margin-top:4.15em;}
	.section_middle .title_h3											{ font-size:1.9em; }
}
@media all and (max-width:1568px){	
	.section_middle .content											{ margin-top:3.75em; }
	.section_middle .title_h3											{ font-size:1.8em; }
}
@media all and (max-width:1468px){	
	.section_middle .content											{ margin-top:3.15em; }
	.section_middle .title_h3											{ margin-bottom:1em }
}

@media all and (max-width:1368px){	
	.section_middle .content											{ margin-top:4em; }
}

@media all and (max-width:1268px){	
	.section_middle .content											{ margin-top:2em; }
	.section_middle .title_h3											{ font-size:1.7em; }
}


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

						title
 
************************************************************/
.title_h4{position:relative; margin-top:40px; margin-bottom:20px; padding-left:20px; font-size:25px; color:var(--color-black1); font-weight:700; line-height:1.3em;}
.title_h4:before,
.title_h4:after{content:''; display:block; position:absolute; left:0px; width:6px; height:6px; background:var(--color-point); border-radius:100%;}
.title_h4:before{top:8px;}
.title_h4:after{top:16px; background:var(--color-green);}
.title_h5{position:relative; margin-top:25px; margin-bottom:15px; padding-left:20px; font-size:20px; color:var(--color-black1); font-weight:700; line-height:1.3em;}
.title_h5:before{content:''; display:block; position:absolute; left:0px; top:8px; width:4px; height:4px; box-sizing:initial; border:3px solid var(--color-point); border-radius:100%;}
.title_h6{position:relative; margin-top:25px; margin-bottom:15px; padding-left:20px; font-size:18px; color:var(--color-black1); font-weight:700; line-height:1.3em;}
.title_h6:before{content:''; display:block; position:absolute; left:0px; top:8px; width:5px; height:5px; box-sizing:initial; border-style:solid; border-color:var(--color-point); border-width:2px 2px 0 0;  transform:rotate(45deg);}

@media screen and (max-width:1024px){
	.title_h4{margin-top:35px;font-size:max(22px, 1.198vw/* 23px */);}
	.title_h5{margin-top:15px; font-size:max(18px, 1.953vw/* 20px */);}
	.title_h5:before{top:7px;}
	.title_h6{margin-top:15px; font-size:max(16px, 1.953vw/* 20px */);}
	.title_h6:before{top:5px;}
}

@media screen and (max-width:420px){
	.title_h4{font-size:20px;}
	.title_h4:before{top:6px;}
	.title_h4:after{bottom:14px;}
}

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

						게시판
 
************************************************************/

#boardWrap .paging a{box-sizing:content-box;}