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

#container														{ margin-bottom:9em; }
@media all and (max-width:1568px){
    #container													{ margin-bottom:8em; }
}
@media all and (max-width:1268px){
    #container													{ margin-bottom:7em; }
}
@media all and (max-width:868px){
    #container													{ margin-bottom:6em; }
}
@media all and (max-width:468px){
    #container													{ margin-bottom:5em; }
}

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

 							location 

**********************************************************************/
.location_wrap													{ width:100%; border-style:solid; border-width:1px 0 1px 0; border-color:#e5e5e5; background:#f7f7f7;}
.location_wrap .con_inner										{ display:flex; align-items:center; justify-content:space-between; --sizeHig:53px; height:var(--sizeHig) }

/* 위치 */
.location_wrap .lco												{ display:flex; align-items:center; border-left:1px solid #e5e5e5 }
.location_wrap .lco>li											{ position:relative; border-right:1px solid #e5e5e5; padding:0 20px }
.location_wrap .lco [data-location="home"] a					{ display:flex; font-size:0px; width:var(--sizeHig); height:var(--sizeHig); opacity:.7 }
.location_wrap .lco [data-location="home"] a::before			{ content:''; display:block; width:100%; height:100%; background:url(/resource/stone/images/sub/icon_home.svg) no-repeat 50% 50%; background-size:auto 14.5px;
    opacity:1; }
.location_wrap .lco>li>button									{ display:flex; height:var(--sizeHig); align-items:center; padding-right:3.75em; opacity:.7; }
.location_wrap .lco>li>button::before							{ position:absolute; right:0; top:50%; width:7px; height:7px; border-style:solid; border-width:0 1px 1px 0; border-color:#575757; transform:translateY(-80%) rotate(45deg);
    transition:var(--trans-ani); content:''; vertical-align:middle;  top:50%; right:30px; }
.location_wrap .lco>li>button span 								{ max-width:200px }
.location_wrap .lco>li.active>button::before					{ transform:translateY(-40%) rotate(225deg); }
.location_wrap .lco>li:not(:has(button))						{ padding:0;  }
.location_wrap .lco>li .loc_wrap								{ position:absolute; display:none; left:-1px; z-index:112; width:calc(100% + 2px); padding:1.25em; background:var(--color-white); border:1px solid #e5e5e5; border-radius:0 0 10px 10px }
.location_wrap .lco>li .loc_wrap li > a							{ display:inline-flex; justify-content:flex-start; align-items:center; padding:5px 0px; color:var(--color-base); transition:color var(--trans-ani); opacity:.64; line-height:1.2;
    word-break: break-all; }
.location_wrap .lco>li .loc_wrap li a[target='_blank']::after	{ content:""; display:inline-block; opacity:.8; transition:all .4s; margin-left:7px; vertical-align:middle; width:11px; height:10px;
    background:url(/resource/stone/images/common/icon_blank.svg) no-repeat 50% 50% / auto 10px; }
.location_wrap .lco>li .loc_wrap li > a:hover,
.location_wrap .lco>li .loc_wrap li > a:focus					{ opacity:1; font-weight:600;}

.lnb_wrap_title  												{ position: relative; display: flex; justify-content: flex-end; align-items: center; margin: 3.75em 0 3.25em 0; gap: 20px;}

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

 							공유 

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

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


@media all and (max-width:1368px){
    .location_wrap .con_inner										{ --sizeHig:48px; }
    .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){
    .lnb_wrap_title  												{ margin:1.5em 0; }
    .location_wrap .con_inner										{ --sizeHig:45px; }
    .location_wrap .lco>li>button									{ font-size:.9rem; }
    .location_wrap .lco>li .loc_wrap								{ padding:1em; }
    .location_wrap .lco>li											{ padding:0 1em; }
    .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										{ --sizeHig:42px; }
    .location_wrap .lco>li>button									{ padding-right:1.75em; }
    .location_wrap .lco>li>button span								{ white-space:nowrap; text-overflow:ellipsis; overflow:hidden }
    .lnb_wrap_title .page_util>li:not(.share)						{ display:none; }
}
@media all and (max-width:668px){
    .location_wrap														{padding:12px 0;border:none; }
    .location_wrap .con_inner										{ height:auto; }
	.location_wrap .lco													{border-width:0;}
	.location_wrap .lco>li												{border-right:none;}
    .location_wrap .lco>li+li											{ padding-left:10px; margin-left:10px; }
	.location_wrap .lco												        { flex-wrap:wrap; }
	.location_wrap .lco>li											        { padding:0; }
	.location_wrap .lco [data-location="home"] a					{width: 16px;height: 15px;}
	.location_wrap .lco>li+li										    { padding-left:10px; margin-left:10px; }
	.location_wrap .lco>li+li::before								{ position:absolute; left:-5px; top:50%; width:7px; height:7px; border-style:solid; border-width:1px 1px 0 0; border-color:#575757; 
																		transform:translateY(-50%) rotate(45deg); content:'';  }
																		
	.location_wrap .lco>li>button									{ height:inherit; padding-right:0; pointer-events:none; }
  	.location_wrap .lco>li>button span								{ max-width:inherit; white-space: normal; text-overflow:inherit; overflow:inherit;}
	.location_wrap .lco>li>button::before							{ display:none; }
	.location_wrap .lco>li:last-child>button::before				{ display:none; }
}
@media all and (max-width:568px){
    .lnb_wrap_title .page_util>li>button							{width:40px;height:40px;}
}



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

 							title 

**********************************************************************/
.title_h2														{position: absolute;  left: 50%; transform: translateX(-50%); white-space: nowrap; font-size: 2.813em; font-weight: 700; line-height: 1; font-family: var(--font-paperlogy);}

.title_h4														 {font-size:2em;padding-left:40px;padding-top:0;}
.title_h4:before, .title_h4:after								{ width: 18px;height: 18px;top:50%;transform:translateY(-50%);}
.title_h4:before												{opacity:.8;} 
.title_h4:after													{opacity:.4;background: var(--color-point);left: 12px;}

.title_h5:before												 {border-radius:4px;}	

@media all and (max-width:1368px){
    .title_h2													{ font-size:2.2em; }
  	.title_h4													{ font-size:1.75em; padding-left:38px;}
    .title_h4:before, .title_h4:after							{ width: 16px;height: 16px;}
    .title_h4:after												{left: 10px;}

}

@media all and (max-width:1024px){
  .title_h4													{ padding-left:34px;}
}

@media all and (max-width:768px){
    .title_h2													{ font-size:1.8em; }
	.title_h4													{ font-size:1.43em;padding-left:30px; }
    .title_h4:before, .title_h4:after							{ width: 14px;height: 14px;}
    .title_h4:after												{left: 8px;}
}

@media all and (max-width:468px){
  .title_h2													{ font-size:1.6em; }
}

@media all and (max-width:368px){
  .title_h2														{left:0;transform: translateX(0);white-space: wrap;margin-right:40px;}
}

.section_middle													{ position:relative;}


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

 						4차 메뉴 tab

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


.snb										{position:relative;margin-bottom:30px;border-radius: 10px;}
.snb .list									{display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:stretch;gap: 18px;}
.snb .list > li								{ display:flex; flex:auto;  justify-content:center; align-items:center;}
.snb .list > li > a							{display:flex;justify-content:flex-start;align-items:center;position:relative;width:100%;box-sizing:border-box;padding:24px 44px 24px 24px;border-radius: 10px;line-height:1.15;color:#565656;text-align:center;transition:var(--trans-ani);font-size: 1.1em;font-weight:400;background: #e8e7ef;letter-spacing:-.045em}
.snb .list > li > a:after					{ content:''; display:block; position:absolute; width:7px; height:7px; right:20px; top:50%; border-style:solid; border-color:#4d4d4d; border-width:1px 1px 0 0; 
													transform:translateY(-50%) rotate(45deg); transition:var(--trans-ani);}
.snb .list > li > a.active					{border: 2px solid var(--color-point);background: #ffffff;color: var(--color-point);box-shadow: 4px 5px 10px rgba(24,14,94,.2);}
.snb .list > li > a.active:after			{border-color: var(--color-point);}


@media all and (max-width:1368px) {
	.snb										{ margin-bottom:20px; }
	.snb .list									{gap:12px;}
	.snb .list > li > a							{ padding:15px 30px 15px 15px;border-radius:8px;font-size: 1.03em;  }
	.snb .list > li > a:after					{ right:15px; transform:translateY(-60%) rotate(45deg); }
}

@media all and (max-width:868px) {
	.snb .list									{gap:10px;}
	.snb .list > li > a							{ padding:12px 20px 12px 12px; }
	.snb .list > li > a:after					{ right:12px; }
}