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

#container														{ position:relative; padding-top:3.125em;margin-bottom: 6em; }

@media all and (max-width:1468px){
    #container													{padding-top:2.75em;margin-bottom: 5em; }
}

@media all and (max-width:1268px){
    #container													{padding-top:2.5em;}
}

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

@media all and (max-width:668px){
    #container													{ padding-top:2em; }
}


@media all and (max-width:468px){
    #container													{ padding-top:1.875em; }
}




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

 							title 

**********************************************************************/
#container > .title                                                            { display:flex;flex-direction: column;align-items: center;}
#container > .title .h2_title												{ font-size:3em; font-family: var(--font-JALNAN);line-height:1; color:#0e0d0d;margin-bottom:3.75rem; }
#container > .title .h2_title:first-letter                                     { color:var(--color-point);}

.area_lnb										                      {position:relative;margin-bottom:4.375em;width: 100%;}
.area_lnb .btn_lnb_mob							                { display:none; justify-content:flex-start; align-items:center; position:relative; width:100%; box-sizing:border-box; padding:15px 20px 15px 15px; border-radius:8px; 
													                    line-height:1.15; color:var(--color-white); text-align:center; transition:var(--trans-ani); font-size:1.03em; font-weight:400; background:var(--color-point); letter-spacing:-.045em }
.area_lnb .btn_lnb_mob:after					                { content:''; display:block; position:absolute; width:7px; height:7px; right:17px; top:50%; border-style:solid; border-color:var(--color-white); border-width:0 1px 1px 0; 
													                    transform:translateY(-70%) rotate(45deg); transition:var(--trans-ani);}
.area_lnb .btn_lnb_mob.active:after				              { transform:translateY(-40%) rotate(-135deg);}		
.area_lnb .lnb_wrap                                               {display:flex;flex-wrap:wrap;background:#f2f2f2;border-radius:35px;overflow:hidden;width:100%;}
.area_lnb .lnb_wrap > li                                          {flex:1 1 14.28%;}
.area_lnb .lnb_wrap > li > a                                   {display:block;text-align:center;font-size:1.25em;font-weight:600;color:#787878;padding:.97em;word-break: break-all;transition:var(--trans-ani);}
.area_lnb .lnb_wrap > li > a:hover,
.area_lnb .lnb_wrap > li > a:focus                            {color:var(--color-point);}
.area_lnb .lnb_wrap > li.active > a                            {background:var(--color-point);color:var(--color-white);border-radius:35px;}
.area_lnb .lnb_wrap > li > a[target='_blank']::after			{content:"";display:inline-block;opacity:.8;transition:all .4s;margin-left:4px;vertical-align:middle;width:13px;height:13px;background:url(/resource/images/common/icon_blank.svg) no-repeat 50% 50% / auto 13px;margin-top: -3px;opacity:.5;}
.area_lnb .lnb_wrap > li > a[target='_blank']:hover::after,
.area_lnb .lnb_wrap > li > a[target='_blank']:focus::after		{opacity:1;filter:invert(28%) sepia(91%) saturate(763%) hue-rotate(83deg) brightness(101%) contrast(99%);}

@media all and (max-width:1468px){
	#container > .title .h2_title								{ font-size:2.75em;margin-bottom:3.5rem; }
    .area_lnb                                                           {margin-bottom:4em;}
    .area_lnb .lnb_wrap > li > a                                   {font-size:1.125em;}
}
@media all and (max-width:1268px){
	#container > .title .h2_title													{ font-size:2.6em;margin-bottom:3rem;}
    .area_lnb                                                           {margin-bottom:3.5em;}
    .area_lnb .lnb_wrap > li > a                                    {font-size:1.063em;padding:.97em .5em;}
}

@media all and (max-width:968px){
  	.area_lnb .lnb_wrap > li > a                                    {padding: .97em .77em;}
    .area_lnb 														  { margin-bottom:2.5em;padding:10px;border-radius:10px;background:var(--color-point-bg);}
	.area_lnb .btn_lnb_mob										{ display:flex;}
	.area_lnb .btn_lnb_mob.active								{ border-radius:8px 8px 0 0; }
	.area_lnb .lnb_wrap												{ display:none; overflow-y:auto; position:absolute; left:10px; top:auto; z-index:2; width:calc(100% - 20px); max-height:300px; box-sizing:border-box; border-radius:0 0 8px 8px;
																		padding:15px; background:var(--color-white); border:1px solid var(--color-point); border-top-color:#dcdcdc; box-shadow:0 10px 30px rgba(0,0,0,0.2);}
	.area_lnb .lnb_wrap > li										{ height:auto; max-width:inherit; }
    .area_lnb .lnb_wrap > li>a                                   {padding:.625em;font-weight:400;font-size:1em;}
    .area_lnb .lnb_wrap > li.active > a                         {border-radius:8px;}
}

@media all and (max-width:868px){
	#container > .title .h2_title								{ font-size:2.375em;margin-bottom:2rem;}
}


@media all and (max-width:668px){
	#container > .title .h2_title								{ font-size:2.25em;margin-bottom:1.5rem; }
    .area_lnb                                                       {margin-bottom:2em;}
    .area_lnb .lnb_wrap                                             {padding:1em;}
    .area_lnb .lnb_wrap > li > a                                   {font-size:1em;padding:.5em;}
}
@media all and (max-width:468px){
	#container > .title .h2_title									{ font-size:2em;margin-bottom:1.375rem;}
    .area_lnb                                                        {margin-bottom:1.5em;}
    .area_lnb .lnb_wrap                                             {padding:.75em;margin-bottom:2em;}
    .area_lnb .lnb_wrap > li>a                                    {padding:.5em;}
}

@media all and (max-width:368px){
    .area_lnb .lnb_wrap > li                                      {flex:1 1 100%;}
}


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

 					        로케이션 & 공유 

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

.pagetitle_wrap                                                     {display:flex;justify-content: space-between;gap:10px 20px;flex-wrap:wrap;margin-bottom:2.5em;}
.pagetitle_wrap  .h3_title                                            {font-size:2.375em;font-weight:600;color:#111;}
.pagetitle_wrap .util_wrap                                      {display:flex;align-items:center;gap:5px 40px;--sizeHig:40px;flex-wrap:wrap;}

.pagetitle_wrap  .lco												{ display:flex; flex-wrap:wrap; align-items:center; gap:3px 0;  }
.pagetitle_wrap  .lco>li											{ position:relative;}
.pagetitle_wrap  .lco>li>a                                          {font-size:1em;color:#282828;font-weight:300;}
.pagetitle_wrap  .lco [data-location="home"] a				{ display:flex; font-size:0px; width:var(--sizeHig); height:var(--sizeHig);margin-right:-8px;}
.pagetitle_wrap  .lco [data-location="home"] a::before		{ content:''; display:block; width:100%; height:100%; background:url(/resource/images/sub/icon_home.svg) no-repeat 50% 50%; background-size:auto 19px; opacity:1; }
.pagetitle_wrap  .lco>li+li											{ margin-left:18px; }
.pagetitle_wrap  .lco>li+li::before									{ display:inline-block; background:url(/resource/images/sub/icon_arrow.svg) no-repeat 50% 50% / auto 10px;margin-right:18px; width:5px; height:10px;  content:'';  }
									
.pagetitle_wrap  .page_util											{ display:flex; align-items:center; gap:6px; justify-content:end; }
.pagetitle_wrap  .page_util>li										{ position:relative; }
.pagetitle_wrap  .page_util>li>button							{ display:flex; width:var(--sizeHig); height:var(--sizeHig); border-radius:100%; background:var(--color-point) ;}
.pagetitle_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%; }
.pagetitle_wrap  .page_util>li .share_bt:before					{ background-image:url(/resource/images/sub/icon_copy.svg); background-size:auto 36px;}
.pagetitle_wrap  .page_util>li>button.print:before				{ background-image:url(/resource/images/sub/ico_print.svg); background-size:18px;}
.pagetitle_wrap  .page_util>li.share .share_drop				{ display:none; position:absolute; top:-1px; left:-3px; z-index:10; width:calc(var(--sizeHig) + 6px); box-sizing:border-box; background-color:var(--color-white); 
																			 border:1px solid #e5e5e5;  text-align:center; z-index:1 ; border-radius:30px;}																								
.pagetitle_wrap  .page_util>li.share .share_drop ul											{ padding-top:10px; display:flex; flex-flow:column; gap:7px; }
.pagetitle_wrap  .page_util>li.share .share_drop ul > li a									{ display:flex; justify-content:center; align-items:center; width:100%; height:100%;}
.pagetitle_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%; }
.pagetitle_wrap  .page_util>li.share .share_drop ul > li[data-share="blog"] a:before			{ background-image:url(/resource/images/sub/icon_blog.svg); background-color:#32b44a;}
.pagetitle_wrap  .page_util>li.share .share_drop ul > li[data-share="youtube"] a:before		{ background-image:url(/resource/images/sub/icon_youtube.svg); background-color:#e03232;}
.pagetitle_wrap  .page_util>li.share .share_drop ul > li[data-share="facebook"] a:before		{ background-image:url(/resource/images/sub/icon_facebook.svg); background-color:#385691;}
.pagetitle_wrap  .page_util>li.share .share_drop ul > li[data-share="instar"] a:before		{ background:url(/resource/images/sub/icon_instar.svg) no-repeat 50% 50% / cover, linear-gradient(to bottom right, #4a48e8 20% , #ee3183 60%, #f0c05c 100%);}
.pagetitle_wrap  .page_util>li.share .share_drop ul > li[data-share="kakao"] a:before		{ background-image:url(/resource/images/sub/icon_kakaoch.svg); background-color:#ffde00; }
.pagetitle_wrap  .page_util>li.share .share_drop ul > li[data-share="twitter"] a:before		{ background-image:url(/resource/images/sub/icon_twitter.png); background-color:#000;}
.pagetitle_wrap  .page_util>li.share .share_drop ul > li[data-share="band"] a:before			{ background-image:url(/resource/images/sub/icon_band.png); background-color:#50b748;}
.pagetitle_wrap  .page_util>li.share .share_drop ul > li[data-share="copy"] a:before			{ background-image:url(/resource/images/sub/icon_copy.svg); background-color:#555555;}
.pagetitle_wrap  .page_util>li.share .share_close											{ position:relative; width:30px; height:30px; margin-top:10px; margin-bottom:5px; background:#e5e5e5; border-radius:100%;}
.pagetitle_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); }
.pagetitle_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);}
.pagetitle_wrap  .page_util>li.share .share_close:hover										{ transform:rotate(90deg); }


@media all and (max-width:1468px){
    .pagetitle_wrap                                                      {margin-bottom:2.25em;}
    .pagetitle_wrap  .h3_title                                          {font-size:2.25em;}

}

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

@media all and (max-width:1268px){
    .pagetitle_wrap                                                      {margin-bottom:2em;}
    .pagetitle_wrap  .h3_title                                          {font-size:2em;}

	.pagetitle_wrap .lco>li>a					                    { font-size:.94rem; }
  	.pagetitle_wrap .lco>li+li										{margin-left:12px;}
    .pagetitle_wrap .lco>li+li::before                              { width:4px; height:8px; background-size:auto 8px;margin-right:12px;}
	.pagetitle_wrap .util_wrap                                          {--sizeHig:36px;}

    .pagetitle_wrap  .page_util>li.share .share_drop            { width: calc(var(--sizeHig) + 8px);left: -4px;}
    .pagetitle_wrap  .page_util>li.share .share_drop ul > li[data-share] a:before,
    .pagetitle_wrap  .page_util>li.share .share_close           {width:28px;height:28px;}
}

@media all and (max-width:1024px){
    .pagetitle_wrap .util_wrap                                   {gap:30px;--sizeHig:34px;}
    .pagetitle_wrap .lco [data-location="home"] a::before{background-size:auto 17px;}
	.pagetitle_wrap .page_util>li .share_bt:before          {background-size:auto 34px;}
    .pagetitle_wrap .page_util>li>button.print:before       {background-size:16px;}
}

@media all and (max-width:868px){
    .pagetitle_wrap                                                  {margin-bottom:1.5em;}
    .pagetitle_wrap  .h3_title                                      {font-size:1.875em;}
}

@media all and (max-width:668px){
    .pagetitle_wrap                                                  {margin-bottom:1.375em;}
    .pagetitle_wrap  .h3_title                                       {font-size:1.75em;}
    .pagetitle_wrap .util_wrap                                       {gap:5px 20px;}
    .pagetitle_wrap .lco>li>a						                { font-size:.88em; }
}

@media all and (max-width:468px){
    .pagetitle_wrap                                                 {margin-bottom:1.25em;}
    .pagetitle_wrap  .h3_title                                   {font-size:1.5em;}
}



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

					contents_layout
 
************************************************************/

.content												{ position:relative; width:100%; }