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

#container														{ position:relative; padding-top:3.125em; display:flex; justify-content:flex-start; align-items:flex-start; --sizeLnbW:300px;margin-bottom: 5em; }
#container::before												{ position:absolute; width:calc(100% + 300px); left:50%; top:0; height:210px; border-radius:30px; content:''; background:#ebf1fb url('/resource/health/images/sub/bg_sub.jpg') no-repeat center right / cover; z-index:-1; transform:translateX(-50%); }

@media all and (max-width:1768px){
    #container													{ --sizeLnbW:280px; padding-top:2.5em;}
    #container::before											{ width:calc(100% + 4%);height:180px;border-radius:26px;}
}
@media all and (max-width:1668px){
    #container													{ --sizeLnbW:260px; }
}
@media all and (max-width:1568px){
    #container													{ --sizeLnbW:250px;  padding-top:2.25em;}
    #container::before											{ height:160px;border-radius:24px; }
}
@media all and (max-width:1368px){
    #container::before											{border-radius:20px;}
}
@media all and (max-width:1268px){
    #container													{ padding-top:0;}
    #container::before											{ display:none; }
}


.area_diagram_type03 .list>li::before							{ background-image:url(/resource/health/images/sub/icon_diagram03_arr.svg); }
.area_diagram .list > li:before									{ background-image:url(/resource/health/images/sub/icon_diagram_arr.svg); }
/************************************************************

						lnb
 
************************************************************/
.lnb_wrap														{ flex:none; width:var(--sizeLnbW); margin-bottom:7.5em; }
.lnb_wrap .h2_title												{ position:relative;width:100%; border-radius:14px 60px 14px 14px; background:linear-gradient(to right, #274d8c, #183b74); color:var(--color-white); font-size:1.875em; font-weight: 700;text-align:center;font-family:var(--font-TTT); padding:2.1em .5em; }
.lnb_wrap .h2_title::before										{content:'';position:absolute;display:block;width:100%;height:100%;left:0;bottom:0;background:url('/resource/health/images/sub/bg_symbol_w.png') no-repeat center / cover;opacity:.03;}
.lnb_wrap .h2_title	span										{display:block;margin-top:.25em;}
.lnb_wrap .lnb													{ width:100%; margin-top:6px;}
.lnb_wrap .lnb .list											{ width:100%; display:flex; flex-flow:column;gap:6px;}
.lnb_wrap .lnb .list>li>a										{ position:relative; display:flex; align-items:center; background:#fff;border:1px solid #e5e5e5;border-radius:14px;font-size:1.125em; font-weight:600; padding:0 20px; height:60px; color:var(--color-base1); transition:var(--trans-ani);  }
.lnb_wrap .lnb .list>li:has(ul)>a::before					{ position:absolute; width:24px; height:24px; border:1px solid #d9d9d9;border-radius:100%; right:20px; top:50%; transform:translateY(-50%); content:'';background:transparent url(/resource/health/images/sub/icon_plus.svg) no-repeat center / auto 10px; }
.lnb_wrap .lnb .list>li>a:hover,
.lnb_wrap .lnb .list>li>a:focus,
.lnb_wrap .lnb .list>li.active>a								{ background:var(--color-point); border-color:var(--color-point);color:var(--color-white);  }
.lnb_wrap .lnb .list>li>a:hover:before,
.lnb_wrap .lnb .list>li>a:focus:before							{filter: brightness(0) invert(1);}	
.lnb_wrap .lnb .list>li:has(ul).active>a::before			{ background-color:var(--color-point);background-image:url(/resource/health/images/sub/icon_minus.svg);border-color:var(--color-white); }																	
.lnb_wrap .lnb .list>li:has(ul).active>a:hover:before,
.lnb_wrap .lnb .list>li:has(ul).active>a:focus:before				{filter: none;}	

.lnb_wrap .lnb .list>li a[target="_blank"]::after			{content:""; display:inline-block; opacity:.7; transition:all .4s; margin-left:6px; vertical-align:middle; width:15px; height:15px; 
																	background:url(/resource/health/images/common/icon_blank.svg) no-repeat 50% 50%;margin-top:-1px;} 
.lnb_wrap .lnb .list>li>ul>li>a[target="_blank"]::after			{margin-left:4px;width:12px; height:12px;} 
.lnb_wrap .lnb .list>li.active>a[target="_blank"]::after,
.lnb_wrap .lnb .list>li>a[target="_blank"]:hover::after,
.lnb_wrap .lnb .list>li>a[target="_blank"]:focus::after{filter:invert(1);}
.lnb_wrap .lnb .list>li.active									{ background: #f8f8f8;border-radius:14px;border: 1px solid #e5e5e5;}

.lnb_wrap .lnb .list>li>ul										{ display:none;border-radius:10px; padding:20px; }
.lnb_wrap .lnb .list>li.active>ul									{display:block;}
.lnb_wrap .lnb .list>li>ul>li>a									{ position:relative; display:block; padding:3px; font-size:1.063em; transition:var(--trans-ani);color:#444; }
.lnb_wrap .lnb .list>li>ul>li>a:hover,
.lnb_wrap .lnb .list>li>ul>li>a:focus,
.lnb_wrap .lnb .list>li>ul>li.active>a							{ color:var(--color-point); }
.lnb_wrap .lnb .list>li>ul>li>a span							{position:relative;}
.lnb_wrap .lnb .list>li>ul>li>a span::after						{content:'';position:absolute;left:0;bottom:-2px;width:0;height:1px;background:var(--color-point);transition:var(--trans-ani);}
.lnb_wrap .lnb .list>li>ul>li>a:hover span::after,
.lnb_wrap .lnb .list>li>ul>li>a:focus span::after,
.lnb_wrap .lnb .list>li>ul>li.active>a span::after			{width:100%;}

@media all and (max-width:1768px){
    .lnb_wrap .h2_title											{ font-size:1.78em; }
    .lnb_wrap .lnb .list>li>a									{ font-size:1.067em; padding:0 15px; height:55px; }
	.lnb_wrap .lnb .list>li:has(ul)>a::before				{right:15px;}
    .lnb_wrap .lnb .list>li>ul									{ padding:15px; }
    .lnb_wrap .lnb .list>li>ul>li>a								{ font-size:1em; }
}
@media all and (max-width:1668px){
    .lnb_wrap .h2_title											{ font-size:1.68em; }
    .lnb_wrap .lnb .list>li>a									{ font-size:1.03em; height:50px; border-radius: 12px; }
    .lnb_wrap .lnb .list>li>ul>li>a								{ font-size:.98em; }
}
@media all and (max-width:1568px){
    .lnb_wrap .h2_title											{ font-size:1.58em; }
    .lnb_wrap .lnb .list>li>a									{ height:48px; border-radius: 10px; }
    .lnb_wrap .lnb .list>li>ul>li>a								{ font-size:.95rem; }
}
@media all and (max-width:1468px){
    .lnb_wrap .h2_title											{ font-size:1.48em; }
    .lnb_wrap .lnb .list>li>a									{ font-size:1rem; height:46px; border-radius: 8px; }
	.lnb_wrap .lnb .list>li:has(ul)>a::before					{width:22px;height:22px;background-size:auto 8px;}
}

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

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

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


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


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

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


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

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

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



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

 							location_wrap

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

.location_wrap															{ position:relative; display:flex; flex-wrap:wrap; gap: 10px 2em;justify-content:space-between;align-items: flex-end; padding-top:2.8125em; z-index:3 }

/* title */
.location_wrap .title_wrap  .lco														{ display:flex; flex-wrap:wrap; align-items:center; gap:3px 0;margin-bottom:1.25em;}
.location_wrap .title_wrap  .lco>li													{ position:relative; line-height:1;color:var(--color-base2);}
.location_wrap .title_wrap  .lco [data-location="home"] a							{ display:flex; font-size:0px; width:16px; height:20px; margin-top:-3.5px ;opacity:.7; }
.location_wrap .title_wrap  .lco [data-location="home"] a::before					{ content:''; display:block; width:100%; height:100%; background:url(/resource/health/images/sub/icon_home.svg) no-repeat 50% 50%; background-size:auto 15px; opacity:1; }
.location_wrap .title_wrap  .lco>li+li												{ padding-left:10px;  }
.location_wrap .title_wrap  .lco>li+li::before										{ display:inline-block; margin-right:10px; width:6px; height:6px; opacity:.5;border-style:solid; border-width:1px 1px 0 0; border-color:#000; transform:rotate(45deg);
    content:''; vertical-align:middle; margin-top:-3.5px;  }

.location_wrap .title_wrap .h3_title											{font-size:2.1875em;font-weight:700;font-family:var(--font-TTT);margin-top:.25em;line-height:1;}

/* 공유 */
.location_wrap  .page_util										{ display:flex; align-items:center;--sizeHig:40px; gap:6px;    flex-wrap: wrap;}
.location_wrap  .page_util>li									{ position:relative;  }
.location_wrap  .page_util>li>button								{ display:flex; width:var(--sizeHig); height:var(--sizeHig); background:var(--color-white);border-radius:8px;}
.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%;opacity:.7; }
.location_wrap  .page_util>li .share_bt:before					{ background-image:url(/resource/health/images/sub/ico_share.svg); background-size:16px;}
.location_wrap  .page_util>li>button.copy:before					{ background-image:url(/resource/health/images/sub/ico_copy_link.svg);}
.location_wrap  .page_util>li>button.print:before				{ background-image:url(/resource/health/images/sub/ico_print.svg); background-size:17px 16px;}
.location_wrap  .page_util>li>button.braille:before				{ background-image:url(/resource/health/images/sub/ico_bx_link.svg); background-size:18px 13px;}
.location_wrap  .page_util>li>button.braille_down:before			{ background-image:url(/resource/health/images/sub/ico_bx_down.svg); background-size:18px 13px; background-position:50% 55%}
.location_wrap  .page_util>li.share .share_drop						{ display:none; position:absolute; top:-1px; left:-2px; z-index:10; width:calc(var(--sizeHig) + 4px); box-sizing:border-box; background-color:var(--color-white);
    border:1px solid #d9d9d9;  text-align:center; border-radius:8px;}
.location_wrap  .page_util > li.share .share_drop ul											{ padding-top:10px; display:flex; flex-flow:column; gap:7px; }
.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:30px; height:30px; background-repeat:no-repeat; background-position:50% 50%; background-size:auto 100%; border-radius:100%;}
.location_wrap  .page_util > li.share .share_drop ul > li[data-share="blog"] a:before		{ background-image:url(/resource/health/images/sub/icon_blog.svg); background-color:#32b44a;}
.location_wrap  .page_util > li.share .share_drop ul > li[data-share="youtube"] a:before		{ background-image:url(/resource/health/images/sub/icon_youtube.svg); background-color:#e03232;}
.location_wrap  .page_util > li.share .share_drop ul > li[data-share="facebook"] a:before	{ background-image:url(/resource/health/images/sub/icon_facebook.svg); background-color:#385691;}
.location_wrap  .page_util > li.share .share_drop ul > li[data-share="instar"] a:before		{ background:url(/resource/health/images/sub/icon_instar.svg) no-repeat 50% 50% / cover, linear-gradient(to bottom right, #4a48e8 20% , #ee3183 60%, #f0c05c 100%);}
.location_wrap  .page_util > li.share .share_drop ul > li[data-share="kakao"] a:before		{ background-image:url(/resource/health/images/sub/icon_kakaoch.svg); background-color:#ffde00; }
.location_wrap  .page_util > li.share .share_drop ul > li[data-share="twitter"] a:before		{ background-image:url(/resource/health/images/sub/icon_twitter.png); background-color:#000;}
.location_wrap  .page_util > li.share .share_drop ul > li[data-share="band"] a:before		{ background-image:url(/resource/health/images/sub/icon_band.png); background-color:#50b748;}
.location_wrap  .page_util > li.share .share_drop ul > li[data-share="copy"] a:before		{ background-image:url(/resource/health/images/sub/icon_copy.svg); background-color:#555555;}
.location_wrap  .page_util > li.share .share_close											{ position:relative; width:30px; height:30px; margin-top:10px; margin-bottom:5px; background:#e5e5e5; border-radius:100%;}
.location_wrap  .page_util > li.share .share_close::before									{ position:absolute; width:1px; height:11px; left:50%; top:50%; transform:translate(-50%,-50%) rotate(45deg); content:''; background:var(--color-base); }
.location_wrap  .page_util > li.share .share_close::after									{ position:absolute; width:1px; height:11px; left:50%; top:50%; transform:translate(-50%,-50%) rotate(-45deg); content:''; background:var(--color-base);}
.location_wrap  .page_util > li.share .share_close:hover										{ transform:rotate(90deg); }


@media all and (max-width:1768px){
	.location_wrap																	{padding-top:2em;}
	.location_wrap .title_wrap .h3_title										{font-size:2em;}
}


@media all and (max-width:1668px){
   .location_wrap																	{padding-top:1.875em;}
   .location_wrap .title_wrap .h3_title											{ font-size:1.875em; }
}

@media all and (max-width:1568px){
	.location_wrap																	{padding-top:1.75em;}
    .location_wrap .title_wrap .h3_title										{ font-size:1.75em; }
}

@media all and (max-width:1468px){
	.location_wrap .title_wrap .lco													{margin-bottom:1.125em;}
    .location_wrap .title_wrap .h3_title											{ font-size:1.625em; }
	.location_wrap .title_wrap  .lco>li												{ font-size:.95em; }
    .location_wrap .title_wrap  .lco [data-location="home"] a						{ margin-top:-5px; }
    .location_wrap .title_wrap  .lco>li+li::before									{ margin-top:-3px; }
}

@media all and (max-width:1368px){
	.location_wrap .page_util																{ --sizeHig:38px;}

}

@media all and (max-width:1268px){
	.location_wrap																			{ padding:2.375em; background:#ebf1fb; width:calc(100% + 6%); margin-left:-3%; margin-right:-3%; }
    .location_wrap .title_wrap  .lco>li														{ font-size:.88rem; }
    .location_wrap .title_wrap  .lco>li+li::before											{ width:5px; height:5px; margin-right:10px; }
    .location_wrap .title_wrap  .lco>li+li													{ padding-left:9px; }
    .location_wrap .title_wrap  .lco [data-location="home"] a								{ margin-top:-3px; }
	.location_wrap .title_wrap .h3_title													{font-size:1.5em;}				
    .location_wrap .page_util																{ --sizeHig:35px;}
  	.location_wrap .page_util>li.share .share_drop											{ width:calc(var(--sizeHig) + 8px); left:-4px; }
	.location_wrap .page_util>li.share .share_drop ul										{ padding-top:7px; gap:5px; }
  	.location_wrap .page_util>li.share .share_drop ul > li[data-share] a:before,
  	.location_wrap .page_util>li.share .share_close											{width:28px; height:28px; }
    .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 11px; }
    .location_wrap .page_util>li>button.braille_down:before									{ background-size:auto 11px; }
  	.location_wrap .page_util>li.share .share_close											{margin-top:8px;}
}

@media all and (max-width:868px){
	.location_wrap																			{ padding:2em;}
}

@media all and (max-width:468px){
	.location_wrap																			{ padding:1.5em;}
}