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


.top_util 																{ background:var(--color-white); border-bottom-color:rgba(0,0,0,.1); transition:all ease 0.1s }
.top_util *																{ color:rgba(22,22,22,.84); }
.top_util .login [data-util="family_site"] .link>li::before				{ background:rgba(33,33,33,.45); }
.top_util .login [data-util="family_site"] .link>li>a:hover,
.top_util .login [data-util="family_site"] .link>li>a:focus				{ color:rgba(22,22,22,1); }
#wrap:has(.header.active) .top_util										{ top:calc(var(--size) - (var(--size) * 2)); }
.top_util .login .btn_family .icon::before,
.top_util .login .btn_family::after										{ filter:inherit; }






#container														{ position:relative; margin-top:130px; display:flex; justify-content:flex-start; align-items:flex-start; --sizeLnbW:280px;margin-bottom: 5em; }
#container::before												{ position:absolute; width:100%; left:50%; top:0; height:220px; content:''; background:#ebf1fb url('/resource/farm/images/sub/bg_sub.jpg') no-repeat center right / cover; z-index:-1; transform:translateX(-50%); }

@media all and (max-width:1280px){
    #container                                                  { margin-top:120px; }
    #container::before											{ background:none;}
}


@media all and (max-width:768px){
    #container                                                  { margin-top:110px; }
}

@media all and (max-width:468px){
}



#container .con_inner { display:flex; }
/************************************************************

						lnb
 
************************************************************/
.lnb_wrap														{ flex:none; width:var(--sizeLnbW);  }
.lnb_wrap .h2_title												{ position:relative;width:100%; border-radius:30px 100px 30px 30px; background:var(--color-point); color:var(--color-white); font-size:1.875em; font-family:var(--font-TTWanju); z-index: 1; left:-30px; height: 240px; padding:40px 0 0 50px; margin-top:30px}
.lnb_wrap .h2_title::before										{ content:'';position:absolute;display:block;width:100%;height:100%;left:0;bottom:0;background:url('/resource/farm/images/sub/bg_symbol_w.png') no-repeat center / cover;opacity:.05;}
.lnb_wrap .h2_title	span										{ display:block;margin-top:.25em;}
.lnb_wrap .lnb													{ position: relative; width:100%; z-index: 2; top:-120px; background: var(--color-white); padding:20px 30px 50px 20px; border-radius: 30px; border:1px solid var(--color-line);}
.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; font-size:1.188em; font-weight:400; height:50px; color:var(--color-base); transition:var(--trans-ani);  }
.lnb_wrap .lnb .list>li>a:after                                 { content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#dfdfdf; transition:0.2s; }
.lnb_wrap .lnb .list>li>a:hover::after,
.lnb_wrap .lnb .list>li>a:focus::after                          { height:2px; background:var(--color-point);}
.lnb_wrap .lnb .list>li:has(ul)>a::before					    { position:absolute; width:24px; height:24px; right:0px; top:50%; transform:translateY(-50%); content:'';background:transparent url(/resource/farm/images/sub/icon_plus.svg) no-repeat center / auto 12px; }
.lnb_wrap .lnb .list>li>a:hover,
.lnb_wrap .lnb .list>li>a:focus                                 { border-color:var(--color-point); color:var(--color-black); font-weight:700 }
.lnb_wrap .lnb .list>li.active>a                                { color:var(--color-black); font-weight:700}
.lnb_wrap .lnb .list>li.active>a:after					        { height:2px; background:var(--color-point);}
.lnb_wrap .lnb .list>li>a:hover:before,
.lnb_wrap .lnb .list>li>a:focus:before							{ ; }	
.lnb_wrap .lnb .list>li:has(ul).active>a::before			    { background-image:url(/resource/farm/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"] span::after{content:""; display:inline-block; transition:all .4s; margin-left:5px; vertical-align:middle; width:16px; height:16px; 
																	background:url(/resource/farm/images/common/icon_newtab.svg) no-repeat 50% 50%;margin-top:-3px;} 
.lnb_wrap .lnb .list>li.active>a[target="_blank"] span::after,
.lnb_wrap .lnb .list>li>a[target="_blank"]:hover span::after,
.lnb_wrap .lnb .list>li>a[target="_blank"]:focus span::after{filter:invert(1);}
.lnb_wrap .lnb .list>li>ul										{ display:none;padding:15px; }
.lnb_wrap .lnb .list>li.active>ul								{ display:block; background:#f9fafc; border-bottom:1px solid var(--color-line);}
.lnb_wrap .lnb .list>li>ul>li>a									{ position:relative; display:block; padding:5px 0; transition:var(--trans-ani);color:#444; line-height: 1.176;}
.lnb_wrap .lnb .list > li > ul > li > a::before                 { content: ""; display: inline-block; width: 4px; height: 4px;  background-color: #bebebf; border-radius: 50%; margin-right: 10px;  vertical-align: middle;}
.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::before						{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::before,
.lnb_wrap .lnb .list>li>ul>li>a:focus span::before,
.lnb_wrap .lnb .list>li>ul>li.active>a span::before			{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:1280px){
    .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:4.5em;}





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

@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;  z-index:2; width: 100%; height:220px; display:flex; justify-content: center; align-items: center}

/* title */
.location_wrap .title_wrap                                      { text-align:center;}
.location_wrap .title_wrap  .lco													{ display:flex; flex-wrap:wrap; align-items:center; margin-bottom:1.25em; font-size:1.125em; justify-content:center}
.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/farm/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.5em;font-weight:normal;font-family:var(--font-TTWanju);margin-bottom:1.563rem;line-height:1; color:var(--color-black)}

/* 공유 */
.location_wrap  .page_util										{ position: absolute; right:0; bottom:30px; --sizeHig:40px; display:flex; gap: 5px}
.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:30px;}
.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>button:hover,
.location_wrap .page_util>li>button:focus                       { background:var(--color-point); }
.location_wrap  .page_util>li>button:hover:before,
.location_wrap  .page_util>li>button:focus:before               { filter: invert(1); opacity:1;}

.location_wrap  .page_util>li .share_bt:before					{ background-image:url(/resource/farm/images/sub/ico_share.svg); background-size:16px;}
.location_wrap  .page_util>li>button.copy:before				{ background-image:url(/resource/farm/images/sub/ico_copy_link.svg);}
.location_wrap  .page_util>li>button.print:before				{ background-image:url(/resource/farm/images/sub/ico_print.svg); background-size:17px 16px;}
.location_wrap  .page_util>li>button.braille:before				{ background-image:url(/resource/farm/images/sub/ico_bx_link.svg); background-size:18px 13px;}
.location_wrap  .page_util>li>button.braille_down:before			{ background-image:url(/resource/farm/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: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/farm/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/farm/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/farm/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/farm/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/farm/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/farm/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/farm/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/farm/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:1280px){

	.location_wrap																			{ padding:2.375em; width:100%; border-radius:30px; background:#ebf1fb; height:180px; flex-direction:column;}
    .location_wrap:before                                                                   { content:''; position:absolute; top:0; left:0; width:100%; height:100%;  background:url('/resource/farm/images/sub/bg_sub_m.png') no-repeat center / cover;  opacity: .3; z-index: -1}
	.location_wrap .title_wrap .h3_title													{ font-size: 1.875em;margin-bottom:10px;}
    .location_wrap .page_util																{ position:relative; --sizeHig:35px;  right:inherit; bottom:inherit;}
  	.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:1024px){
    .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; }
}

@media all and (max-width:768px){
	.location_wrap																			{ padding:1.75em 1em; height:auto}
    .location_wrap .title_wrap .h3_title                                                    { font-size:1.5em; }

}


/* 3차 메뉴스타일 */
.area_snb										{ position:relative; margin-bottom:30px; border-radius:10px; padding:15px; background:#e6efee}
.area_snb .snb									{ display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; gap:5px}
.area_snb .snb > li								{ display:flex; flex:auto;  justify-content:center; align-items:center;}
.area_snb .snb > li > a,
.area_snb .snb > li > button					{ display:flex; justify-content:flex-start; align-items:center; position:relative; width:100%; box-sizing:border-box; padding:20px 40px 20px 20px; border-radius:8px; text-align:center; 
													transition:var(--trans-ani); background:var(--color-white); letter-spacing:-.045em; }
.area_snb .snb > li > a>span,
.area_snb .snb > li > button>span				{ opacity:.84; font-size:1.03em; line-height:1.15; }
.area_snb .snb > li > a::after,
.area_snb .snb > li > button::after				{ content:''; display:block; position:absolute; width:7px; height:7px; right:20px; top:50%; border-style:solid; border-color:var(--color-base); opacity:.84; border-width:1px 1px 0 0; 
													transform:translateY(-50%) rotate(45deg); transition:var(--trans-ani);}
.area_snb .snb > li > a[target="_blank"]::after{width: 12px;height: 12px;top: 50%;background: url(/resource/farm/images/common/icon_blank.svg) no-repeat 50% 50%;border: none;transform: translateY(-50%);filter:invert(6%) sepia(11%) saturate(176%) hue-rotate(315deg) brightness(98%) contrast(84%);}
.area_snb .snb > li.active > a,
.area_snb .snb > li.active > button				{ background:var(--color-point); color:var(--color-white);  }
.area_snb .snb > li.active > a::after,
.area_snb .snb > li.active > button::after		{ border-color:#fff; }
.area_snb .snb > li.active > a>span,
.area_snb .snb > li.active > button>span		{ opacity:1; }
.area_snb .btn_snb_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_snb .btn_snb_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_snb .btn_snb_mob.active:after				{ transform:translateY(-40%) rotate(-135deg);}		

/* 컨텐츠 안에 탭 */
.area_tab										{ padding:0 !important; background:none  !important; display:flex; justify-content:center; position:relative }
.area_tab .list									{ width:fit-content; background:var(--color-white); padding:0 2em}
.area_tab .list > li							{  }
.area_tab .list > li > a, 
.area_tab .list > li > button					{ border-radius:80px!important; padding-left:22px !important }
.area_tab::before								{ position:absolute; width:100%; height:1px; background:var(--color-point); left:0; top:50%; content:'';  transform:translateY(-50%); z-index:-1 }


@media all and (max-width:1568px) {
	.area_snb																	{ padding:12px; margin-bottom:1.5em }
	.area_snb .snb > li > a, 
	.area_snb .snb > li > button												{ padding:17px 37px 17px 17px }
	.area_snb .snb > li > a::after, 
	.area_snb .snb > li > button::after											{ right:17px; transform:translateY(-55%) rotate(45deg); }
}
@media all and (max-width:1368px) {
	.area_snb																	{ padding:10px; }
	.area_snb .snb > li > a, 
	.area_snb .snb > li > button												{ padding:15px 37px 15px 15px }
	.area_snb .snb > li > a::after, 
	.area_snb .snb > li > button::after											{ right:15px; transform:translateY(-55%) rotate(45deg); }
}

@media all and (max-width:768px) {
	.area_snb														{ margin-bottom:1.5em }
	.area_snb .btn_snb_mob											{ display:flex; font-size:.95rem; }
	.area_snb .btn_snb_mob.active									{ border-radius:8px 8px 0 0; }
	.area_snb .snb													{ display:none; overflow-y:auto; position:absolute; left:10px; top:var(--sizeMob); 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); z-index:1;}
	.area_snb .snb > li												{ height:auto; max-width:inherit; }
	.area_snb .snb > li+li											{ margin-top:5px; }
	.area_snb .snb > li > a,
	.area_snb .snb > li > button									{ padding:12px 15px; }
	.area_snb .snb > li > a:after,
	.area_snb .snb > li > button:after								{ right:15px;  }
	.area_snb .snb > li > a>span,
	.area_snb .snb > li > button>span								{ font-size:.95rem; }
}
@media all and (max-width:468px) {
	.area_tab .list									{ padding:0 10px }
	.area_tab .list > li > a, 
	.area_tab .list > li > button					{ padding:.75em 2em .72em .95em!important}
	.area_tab .list > li > a>span, 
	.area_tab .list > li > button>span				{ font-size:.88rem; }
}