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

#container														{ position:relative; width:100%; margin-bottom:6em; overflow:hidden; }

@media all and (max-width:1568px){
    #container	                                                { margin-bottom:5em; }
}
@media all and (max-width:868px){
    #container	                                        		{ margin-bottom:4em; }
}

.area_diagram_type03 .list>li::before							{ background-image:url(/resource/chief/images/contents/icon_diagram03_arr.svg); }
/**********************************************************************

 							location 

**********************************************************************/
.visual                                                                 { width:100%;height:280px;background-repeat:no-repeat;background-size:cover;background-position:center;}                 
.visual.bg1                                                             { background-image:url("/resource/chief/images/sub/bg_sub01.jpg");}    
.visual.bg2                                                             { background-image:url("/resource/chief/images/sub/bg_sub02.jpg");}  
.visual.bg3                                                             { background-image:url("/resource/chief/images/sub/bg_sub03.jpg");}   
.visual.bg4                                                             { background-image:url("/resource/chief/images/sub/bg_sub04.jpg");}   
.visual.bg5                                                             { background-image:url("/resource/chief/images/sub/bg_sub05.jpg");}       

@media all and (max-width:1568px){
    .visual                                                             { height:260px;}
}

@media all and (max-width:1168px){
    .visual                                                             { height:240px;}
}

@media all and (max-width:668px){
    .visual                                                             { height:200px;}
}

@media all and (max-width:468px){
    .visual                                                             { height:180px;}
}



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

 							title 

**********************************************************************/
.title_h2														{ font-size:3.75em;font-family:var(--font-Tenada);line-height:1; margin-bottom:.66em; }
.title_h2::before                                               { content:'';display:block;width:60px;height:37px;background:url("/resource/chief/images/sub/icon_quote.svg") no-repeat center / 100%;opacity:.15;margin-bottom: .25em;}
.title_h2 span                                                  { display:inline-block; margin-top:-.25em;}
/*
.title_h2 span:first-letter                                     { color:var(--color-point);}
*/
.title_h3														{ font-family:var(--font-Tenada);font-size:1.88em; margin-top:1.64em; margin-bottom:14px; }
.title_h3:first-child                     						{ margin-top:0; }
.title_h3 + .title_h4											{ margin-top:0; }
.box_flex.titleh4												{ margin-top:2em; }
.box_flex.titleh4:has(.basic_btn)								{ align-items:center; line-height:1;  }
.box_flex.titleh4 .basic_btn									{ margin-top:-6px !important; }


@media all and (max-width:1568px){
	.title_h2													{ font-size:3.5em; }
    .title_h2::before                                           { width:56px;height:35px; }
}

@media all and (max-width:1368px){
	.title_h2													{ font-size:3em; }
    .title_h2::before                                           { width:52px;height:33px;}
  
  	.title_h3													{ font-size:1.75em}
}

@media all and (max-width:1024px){
    .title_h2::before                                           { width:50px;height:31px;}
}

@media all and (max-width:868px){
	.title_h2													{ font-size:2.75em; }
    .title_h2::before                                           { width:48px;height:30px;}
  
  	.title_h3													{ font-size:1.5rem;}
}

@media all and (max-width:468px){
	.title_h2													{ font-size:2.25em; }
    .title_h2::before                                           { width:44px;height:27px;}
}


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

 							location 

**********************************************************************/                                                           
.location_wrap													{ position:relative; width:100%; margin-top:-35px;z-index:1;--sizeIcon:40px;}
.location_wrap .con_inner										{ position:relative;display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap;padding:20px 0; }
.location_wrap .con_inner::before                             	{ content:'';position:absolute;top:0;left:0;margin-left: auto;display:block;width:100vw;z-index: -1;background:var(--color-point);border-radius:10px 0 0 40px;height:100%;}


/* 위치 */
.location_wrap .lco												{ display:flex; align-items:center;padding-left:3em;}
.location_wrap .lco>li+li                                       { padding-left: 1em;}
.location_wrap .lco [data-location="home"]                      { margin-right:-.75em;}
.location_wrap .lco [data-location="home"] a					{ display:flex; font-size:0px; width:var(--sizeIcon); height:var(--sizeIcon); }
.location_wrap .lco [data-location="home"] a::before			{ content:''; display:block; width:100%; height:100%; background:url(/resource/chief/images/sub/icon_home.svg) no-repeat 50% 50%; background-size:auto 16px;  }
.location_wrap .lco>li > a                                              {position:relative;display:block;padding-left: 1.25em;color:rgba(255, 255, 255, .84);font-weight:500;transition:var(--trans-ani);}
.location_wrap .lco>li > a:hover,
.location_wrap .lco>li > a:focus                                    {color:var(--color-white);}
.location_wrap .lco>li+li a::before								{ position:absolute; width:4px; height:4px; left:0; top:50%; background:var(--color-white);opacity:.5;border-radius:100%;content:''; transform:translateY(-50%);}

/* 공유 */
.location_wrap  .page_util										{ display:flex; align-items:center;gap:6px; flex-wrap: wrap;}
.location_wrap  .page_util>li									{ position:relative;  }
.location_wrap  .page_util>li>button								{ display:flex; width:var(--sizeIcon); height:var(--sizeIcon); }
.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:.8;}
.location_wrap  .page_util>li .share_bt:before					{ background-image:url(/resource/chief/images/sub/ico_share.svg); background-size:17px 18px;}
.location_wrap  .page_util>li>button.print:before				{ background-image:url(/resource/chief/images/sub/ico_print.svg); background-size:18px 18px;}
.location_wrap  .page_util>li>button.braille:before				{ background-image:url(/resource/chief/images/sub/ico_bx_link.svg); background-size:27px 15px;}
.location_wrap  .page_util>li>button.braille_down:before			{ background-image:url(/resource/chief/images/sub/ico_bx_down.svg); background-size:27px 15px;}
.location_wrap  .page_util>li.share .share_drop						{ display:none; position:absolute; top:-1px; left:-2px; z-index:10; width:calc(var(--sizeIcon) + 4px); box-sizing:border-box; background-color:var(--color-white);
    border:1px solid #d9d9d9;  text-align:center; border-radius:25px;}
.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/chief/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/chief/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/chief/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/chief/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/chief/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/chief/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/chief/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/chief/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:1368px){
  	.location_wrap													{margin-top:-31px;}
	.location_wrap .con_inner										 { padding:18px 0; }
    .location_wrap .con_inner::before                               {border-radius:10px 0 0 34px;}
    .location_wrap .lco                                                 {padding-left:2em;}
	.location_wrap .lco>li>button									{ font-size:.95rem; }
	.location_wrap .lco>li .loc_wrap li > a							{ font-size:.9rem; }
}
@media all and (max-width:1168px){
	.location_wrap .con_inner										 { padding:10px 0; }
    .location_wrap .con_inner::before                               {border-radius:10px 0 0 28px;}
    .location_wrap .lco                                                 {padding-left:1em;}
	.location_wrap .lco>li>button									{ font-size:.9rem; }
	.location_wrap .lco>li>button::before							{ right:1em; }
	.location_wrap .lco>li .loc_wrap li > a							{ font-size:.85rem; }
}
@media all and (max-width:968px){
    .location_wrap .con_inner::before                               {border-radius:10px 0 0 20px;}
	.location_wrap .lco>li>button									{ padding-right:1.75em; }
	.location_wrap .lco>li>button span								{ max-width:80px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden }

}
@media all and (max-width:768px){
    .location_wrap													    { margin-top:0;background:var(--color-point); --sizeIcon: 35px;}
	.location_wrap .con_inner										   { padding:8px 0;}
    .location_wrap .con_inner::before                           		{display:none;}
    .location_wrap .lco                                                     {flex-wrap:wrap;padding-left:0;}
    .location_wrap .lco>li+li                                               {padding-left:.75em;}
    .location_wrap .lco>li > a                                              {padding-left:1em;}
  	.location_wrap .page_util>li.share .share_drop							{ width:calc(var(--sizeIcon) + 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:15px 16px;}
    .location_wrap  .page_util>li>button.print:before						{ background-size:16px 16px;}
    .location_wrap  .page_util>li>button.braille:before						{ background-size:25px 14px;}
    .location_wrap  .page_util>li>button.braille_down:before				{ background-size:25px 14px;}
  	.location_wrap .page_util>li.share .share_close							{margin-top:8px;}
}
@media all and (max-width:568px){
    .location_wrap  .page_util													{ border:none; }
}


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

 							lnb_wrap 

**********************************************************************/
.lnb_wrap														{ margin-top:3.75em; }
.lnb_scroll_wrap												{ position:relative; width:100%; height:var(--sizeHig); overflow-x:scroll; overflow-y:hidden; --sizeHig:50px; }
.lnb_scroll_wrap::-webkit-scrollbar 							{ display:none;}
.lnb_scroll_wrap .list											{ position:absolute; top:0; left:0; overflow-x:scroll; display:flex; justify-content:start; gap:.3125em;scrollbar-width: none;}
.lnb_scroll_wrap .list::-webkit-scrollbar 						{ display:none;}
.lnb_scroll_wrap .list>li										{ display:flex; justify-content:center; align-items:center; border-radius:5px 5px 15px 5px; background:#ededed; transition:var(--trans-ani);}
.lnb_scroll_wrap .list>li>a										{ padding:0 1.58em; display:flex; width:max-content; align-items:center; font-weight:500; font-size:1.1875em; line-height:1; height:var(--sizeHig); letter-spacing:-0.045em;}
.lnb_scroll_wrap .list>li>a[target='_blank']::after				{ content:""; display:inline-block; opacity:.8; transition:all .4s; margin-left:4px; vertical-align:middle; width:15px; height:15px; 
																	background:url(/resource/chief/images/common/icon_blank.svg) no-repeat 50% 50% / auto 15px; }
.lnb_scroll_wrap .list>li>a>span								{ position:relative; display:inline-block; }
.lnb_scroll_wrap .list>li.active>a>span::after					{ display:inline-block; vertical-align:text-top; margin-left:4px; width:4px; height:4px; background:var(--color-white); border-radius:100%; content:''; transition:var(--trans-ani);}
.lnb_scroll_wrap .list>li.active,
.lnb_scroll_wrap .list>li:hover,
.lnb_scroll_wrap .list>li:focus									{ background:var(--color-point); color:var(--color-white) }
.lnb_scroll_wrap .list>li>a[target='_blank']:hover::after,
.lnb_scroll_wrap .list>li>a[target='_blank']:focus::after		{filter:invert(1);}
.lnb_scroll_wrap .list>li>a[target='_blank']:hover>span::after,
.lnb_scroll_wrap .list>li>a[target='_blank']:focus>span::after{display:none;}


@media all and (max-width:1768px){
    .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 .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 .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 .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:1368px){
	.lnb_scroll_wrap											{ --sizeHig:55px; }
	.lnb_scroll_wrap .list>li>a									{ padding:0 1.48em; font-size:1.03em; }
}
@media all and (max-width:1168px){
	.lnb_scroll_wrap											{ --sizeHig:50px; }
	.lnb_scroll_wrap .list>li>a									{ padding:0 1.325em; font-size:1em; }
}
@media all and (max-width:968px){
	.lnb_wrap													{ margin-top:3em; }
	.lnb_wrap .flex												{ flex-flow:column; align-items:flex-start; gap:1em }	
  	.lnb_scroll_wrap .list>li>a[target='_blank']::after			{width:13px;height:13px;background-size:auto 13px;}
}
@media all and (max-width:668px){
	.lnb_scroll_wrap											{ --sizeHig:45px; }
	.lnb_scroll_wrap .list										{ gap:.4em; }
}

@media all and (max-width:468px){
	.lnb_wrap													{ margin-top:2.5em; }
}


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

					section_middle
 
************************************************************/
.section_middle													{ position:relative; margin-top:2.5em;  }

/* 3차 메뉴*/
.section_middle	.snb_wrap										{margin-bottom:2.5em; position:relative; width:100%; height:var(--sizeHig); overflow-x:scroll; overflow-y:hidden; --sizeHig:30px;scrollbar-width: none;}
.section_middle .snb_wrap::-webkit-scrollbar 					{ display:none }

.section_middle	.snb_wrap .list									{  position:absolute; top:0; left:0px; overflow-x:scroll; display:flex; justify-content:start;align-items:center;}
.section_middle	.snb_wrap .list::before                         { content:'';display:block;width:50px;height:1px;background:var(--color-base);}
.section_middle	.snb_wrap .list::-webkit-scrollbar 				{ display:none }	
.section_middle	.snb_wrap .list>li>a							{ position:relative; display:flex; width:max-content; height:var(--sizeHig); align-items:center; line-height:1; font-size:1.0625em; font-weight:500; padding:0 1.588em; 
																	transition:var(--trans-ani);margin-right:4px;}
.section_middle	.snb_wrap .list>li>a[target='_blank']::after	{ content:""; display:inline-block; opacity:.8; transition:all .4s; margin-left:4px; vertical-align:middle; width:12px; height:12px; 
																background:url(/resource/chief/images/common/icon_blank.svg) no-repeat 50% 50% / auto 12px; }
.section_middle	.snb_wrap .list>li.active>a,
.section_middle	.snb_wrap .list>li>a:hover,
.section_middle	.snb_wrap .list>li>a:focus						{ color:var(--color-point); font-weight:700;}	
.section_middle	.snb_wrap .list>li>a span::after                     {content:'';position:absolute;right:-4px;top:50%;transform:translateY(-50%);display:block;width:4px;height:4px;border-radius:100%;background:#cecece;}
.section_middle	.snb_wrap .list>li.active>a span::after,
.section_middle	.snb_wrap .list>li>a:hover span::after,
.section_middle	.snb_wrap .list>li>a:focus span::after           {background:var(--color-point);}	
.section_middle	.snb_wrap .list>li:last-child>a span::after      {display:none;}
.section_middle	.snb_wrap .list>li>a[target='_blank']:hover::after,
.section_middle	.snb_wrap .list>li>a[target='_blank']:focus::after{filter:invert(15%) sepia(40%) saturate(5751%) hue-rotate(211deg) brightness(95%) contrast(99%);}

.section_middle .content										{ width:100%; }

@media all and (max-width:1368px){
    .section_middle .snb_wrap .list::before                     {width:40px;}
	.section_middle	.snb_wrap .list>li>a						{ padding:0 1.375em;}
}

@media all and (max-width:1168px){
    .section_middle	.snb_wrap									{ --sizeHig:28px; }
    .section_middle .snb_wrap .list::before                     {width:30px;}
    .section_middle	.snb_wrap .list>li>a                    {font-size:1em;padding:0 1.25em;}
}

@media all and (max-width:1024px){
    .section_middle	.snb_wrap									{ --sizeHig:26px; }
}

@media all and (max-width:668px){
	.section_middle												{ margin-top:1.5em;  }
    .section_middle .snb_wrap .list::before                     {width:20px;}
	.section_middle	.snb_wrap .list>li>a						{ padding:0 1em;}
}

@media all and (max-width:468px){
    .section_middle .snb_wrap .list::before                     {width:10px;}
    .section_middle	.snb_wrap .list>li>a						{ padding:0 .875em;}
}