@charset "utf-8";
/* CSS Document */
.box_info_top::before, .box_info_top::after { background:none !important; }
.img img  {border-radius: 10px; margin:5px 0 }
.title_big { color:var(--color-point); font-family:var(--font-paperlogy); margin-top:1.92em; font-size:1.875em; font-weight:700}
.calendarwhole {z-index:13}

.root_daum_roughmap { border-bottom:1px solid #ddd}
@media all and (max-width: 768px) {
  .root_daum_roughmap { height:400px}
}
/* box_img */
.box_img_wrap                           { display: flex; flex-wrap: wrap; gap: 20px;}
.box_img_wrap .box_img                  { flex: 1 1 100%; position:relative; text-align:center;}
.box_img_wrap .box_img img              { display:block; margin:0 auto; max-width:100%; height:auto;}
.box_img_wrap.two .box_img              { flex: 1 1 calc(50% - 10px);}
.box_img.line                           { border:1px solid #ddd; border-radius:20px; padding:20px; }
.box_img                                { position:relative; text-align:center; }
.box_img img                            { margin:0 auto; width:auto !important; max-width:100% !important; border-radius: 15px;}
.box_img .none                          { border-radius:0 }
.box_img .img_zoom                      { display:none; position:absolute; right:0; bottom:0; z-index:1; width:42px;height:42px; background:rgba(0, 0, 0, 0.8);}
.box_img .img_zoom a                    { display:block; height:100%; font-size:0;}
.box_img .img_zoom a:before             { content:'';display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:18px; height:18px; margin:auto; background:url(/resource/www/images/common/icon_search.svg) no-repeat; filter: invert(10);}

.box_img_inner                          { padding:30px;border-radius: 20px;background:#f6f6f6; text-align:center;}
.box_img_inner img                      { display:block; margin:0 auto; max-width:100%; height:auto;}

.box_img.left                           { text-align:left }
.box_img img.w100  {width:100% !important;}

@media all and (max-width: 1024px) {
    .box_img_wrap .box_img              { flex: 1 1 100%;}
    .box_img_wrap .box_img img,
    .box_img_inner img                  { width: 100%; height: auto;}
}
@media all and (max-width:768px) {
    .box_img .img_zoom                  { display:block;}
}

.img_wrap { display: flex;  gap: 20px;}
.img_wrap img { display: block;  border-radius: 10px; overflow: hidden;}

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

 							인사말

**********************************************************************/
[data-subarea="greetings"]											{ display:flex; flex-wrap:wrap; align-items:flex-start; --sizeImg:410px; }
[data-subarea="greetings"] .greetings_text							{ display:flex; flex-flow:column; gap:25px; max-width:calc(100% - var(--sizeImg) - 70px); margin-right:70px; flex:auto; font-size:1.06em; line-height:1.5; }
[data-subarea="greetings"] .greetings_text>li:nth-child(1)			{ font-size:1.47em; }
[data-subarea="greetings"] .greetings_text>li:nth-child(1) strong	{ display:block; font-size:1.2em; font-weight:bold; }
[data-subarea="greetings"] .greetings_text>li.color_green			{ font-size:1.88em; font-weight:bold; }
[data-subarea="greetings"] .greetings_text>li.sign					{ font-weight:bold; display:flex; align-items:center; gap:.5em; }
[data-subarea="greetings"] .greetings_text>li.sign em				{ font-family:var(--font-InkLip); font-size:2.65em; }
[data-subarea="greetings"] .img										{ flex:none; display:inline-flex; width:var(--sizeImg); border-radius:20px; overflow:hidden; }
@media all and (max-width:1768px){	
	[data-subarea="greetings"]										{ --sizeImg:462px; }
	[data-subarea="greetings"] .greetings_text>li:nth-child(1)		{ font-size:1.37em; }
	[data-subarea="greetings"] .greetings_text>li.color_green		{ font-size:1.78em; }
}
@media all and (max-width:1668px){	
	[data-subarea="greetings"]										{ --sizeImg:442px; }
	[data-subarea="greetings"] .greetings_text						{ font-size:1.03em; }
	[data-subarea="greetings"] .greetings_text>li:nth-child(1)		{ font-size:1.27em; }
	[data-subarea="greetings"] .greetings_text>li.color_green		{ font-size:1.68em; }
}
@media all and (max-width:1568px){	
	[data-subarea="greetings"]										{ --sizeImg:402px; }
	[data-subarea="greetings"] .greetings_text>li:nth-child(1)		{ font-size:1.17em; }
	[data-subarea="greetings"] .greetings_text>li.color_green		{ font-size:1.58em; }
	[data-subarea="greetings"] .greetings_text>li.sign em			{ font-size:2.35em; }
}
@media all and (max-width:1468px){	
	[data-subarea="greetings"]										{ --sizeImg:382px; }
	[data-subarea="greetings"] .greetings_text>li:nth-child(1)		{ font-size:1.1em; }
	[data-subarea="greetings"] .greetings_text>li.color_green		{ font-size:1.48em; }
	[data-subarea="greetings"] .greetings_text>li.sign em			{ font-size:2.25em; }
}
@media all and (max-width:1368px){	
	[data-subarea="greetings"]										{ --sizeImg:342px; }
	[data-subarea="greetings"] .greetings_text						{ gap:20px; font-size:1em; line-height:1.4; max-width:calc(100% - var(--sizeImg) - 50px); margin-right:50px; }
	[data-subarea="greetings"] .greetings_text>li:nth-child(1)		{ font-size:1.1em; }
	[data-subarea="greetings"] .greetings_text>li.color_green		{ font-size:1.48em; }
	[data-subarea="greetings"] .greetings_text>li.sign em			{ font-size:2.25em; }
}
@media all and (max-width:1268px){	
	[data-subarea="greetings"]										{ --sizeImg:322px; }
	[data-subarea="greetings"] .greetings_text						{ gap:15px; max-width:calc(100% - var(--sizeImg) - 40px); margin-right:40px; }
	[data-subarea="greetings"] .greetings_text>li:nth-child(1)		{ font-size:1.067em; }
	[data-subarea="greetings"] .greetings_text>li.color_green		{ font-size:1.38em; }
	[data-subarea="greetings"] .greetings_text>li.sign em			{ font-size:2.15em; }
}
@media all and (max-width:868px){	
	[data-subarea="greetings"] .greetings_text						{ max-width:inherit; flex:100%; order:2; margin-right:0; margin-top:2em }
	[data-subarea="greetings"] .img									{ width:100%; order:1; height:30em; background:url(/resource/farm/images/contents/img_greetings.jpg) no-repeat 50% 2% / cover; }
	[data-subarea="greetings"] .img img								{ display:none; }

}
@media all and (max-width:668px){	
	[data-subarea="greetings"] .img									{ height:25em; }
}
@media all and (max-width:568px){	
	[data-subarea="greetings"] .img									{ height:20em; }
}
@media all and (max-width:414px){	
	[data-subarea="greetings"] .img									{ height:15em; }
}


.box_round										{ display:flex; flex-wrap:wrap; gap:.94em }
.box_round>li									{ flex:0 1 calc((100% - 3.76em) / 5); padding:1.88em; background:#f1f1f1; border-radius:10px; }
.box_round>li dl								{ display:flex; flex-flow:column; gap:1.56em; line-height:1 }
.box_round>li dl>dt								{ font-size:1.25em; font-weight:700; }
.box_round>li dl>dd								{ line-height:1.4; opacity:.84; }
.box_round.col03>li  							{ flex: 0 1 calc((100% - 1.88em) / 3); }
.box_round.col04>li  							{ flex: 0 1 calc((100% - 2.82em) / 4); }

@media all and (max-width:1468px){
	.box_round										{ gap:.7em }
    .box_round>li									{ flex:0 1 calc((100% - 2.8em) / 5); padding:1.5em; }
    .box_round>li dl									{ gap:1em; }
    .box_round>li dl>dt								{ font-size:1.2em; }
}

@media all and (max-width:968px){
	.box_round>li,
	.box_round.col03>li,
	.box_round.col04>li								{ flex:auto; min-width:calc((100% - 1.4em) / 3)}
}

@media all and (max-width:668px){
	.box_round>li,
	.box_round.col03>li,
	.box_round.col04>li								{ flex:100%; min-width:inherit}
  .box_round>li dl>dt								{ font-size:1.167em; }
}

  
/**********************************************************************
 							관련사이트
**********************************************************************/


.quick_link { margin-top:15px; }
.quick_link ul { display: grid; grid-template-columns: repeat(3, 1fr);gap:15px; }
.quick_link ul .quick_item { padding:30px; border:1px solid #d9d9d9; border-radius:17px; transition-timing-function:linear; transition-property:border-color, box-shadow; transition-duration:0.25s; text-align: center}
.quick_link ul .quick_item:hover{border-color:var(--color-point); box-shadow: 0 0 15px 0 rgba(79, 143, 231, 0.15);}
.quick_link ul .quick_item:hover .title { color:var(--color-point); }

.quick_link ul .quick_item .title{display:block; font-size:20px; line-height:26px; color:#282828; transition-timing-function:linear; transition-property:color; transition-duration:0.25s;}
.quick_link ul .quick_item .stitle{ display:block; font-size:inherit; margin-top:10px}
.quick_link ul .quick_item .img { margin:15px 0; border-top:1px dotted #d9d9d9;border-bottom:1px dotted #d9d9d9; padding:15px 0 }

.quick_link ul.col04  {grid-template-columns: repeat(4, 1fr);}

@media all and (max-width:1024px){
	.quick_link ul,
	.quick_link ul.col04{ grid-template-columns: repeat(2, 1fr);}		
}

@media all and (max-width:768px){
	.quick_link ul,
	.quick_link ul.col04{ grid-template-columns: 1fr;}		
}
  
  

/**********************************************************************
 							연혁
**********************************************************************/

.history											{ position:relative; display:flex; flex-flow:column; gap:3.13em; }
.history::before									{ position:absolute; left:100px; top:0; width:1px; height:100%; content:''; background:#d3d3d3; }
.history>li											{ display:flex; }
.history>li .year									{ position:relative; width:100px; font-weight:700; font-size:1.25em; color:var(--color-point); line-height:1}
.history>li .year::before							{ position:absolute; right:-12px; top:-3px; content:''; width:24px; height:24px; border-radius:100%; background:var(--color-point); opacity:.3; }
.history>li .year::after							{ position:absolute; right:-4px; top:5px; content:''; width:8px; height:8px; border-radius:100%; background:var(--color-point); }
.history>li .h_con									{ position:relative; flex:auto; width:calc(100% - 100px); padding-left:60px; display:flex; flex-flow:column; gap:20px;}
.history>li .h_con::before							{ position:absolute; left:0; top:8px; width:50px; height:1px; border-bottom:1px dotted var(--color-point); content:''; }

.history>li .h_con dl								{ display:flex; flex-wrap:wrap; align-items:flex-start; line-height:1.1 }
.history>li .h_con dl>dt							{ flex:none; width:60px; text-align:right; font-weight:600; opacity:.94; }
.history>li .h_con dl>dd							{ flex:auto; width:calc(100% - 80px); margin:0px; font-size:1.06em; line-height:1.2;  opacity:.84; padding:0 0 0 20px; }

@media all and (max-width:1368px){
    .history										{ gap:2.5em; }
    .history>li .h_con dl>dd						{ width:calc(100% - 80px); font-size:1.03em; }
}

@media all and (max-width:968px){
    .history										{ gap:2em; }
    .history>li .year								{ width:70px; }
    .history::before								{ left:70px; }
    .history>li .h_con								{ width:calc(100% - 70px); padding-left:40px; }
    .history>li .h_con::before						{ top:8px; width:30px; }
    .history>li .h_con dl							{ margin-top:1px; }
    .history>li .h_con dl>dt						{ width:100%; text-align:left; margin-bottom:.25em; }
    .history>li .h_con dl>dd						{ width:100%; padding:0; }
}
@media all and (max-width:668px){

    .history::before								{ left:9px; }
    .history>li										{ flex-wrap:wrap; }
    .history>li .year								{ width:100%; padding-left:40px; font-size:1.3em; color:var(--color-point); line-height:1}
    .history>li .year::before						{ right:inherit; left:-2px; }
    .history>li .year::after						{ right:inherit; left:6px; }
    .history>li .h_con								{ width:100%; padding-left:40px; margin-top:5px; }
    .history>li .h_con::before						{ top:-14.5px; left:7px; width:25px; }
    .history>li .h_con dl							{ margin-top:0; }
}


.content_wrap { display:flex; align-items: flex-start; width: 100%; margin-top:1.5em}
.content_wrap .img { display: block; width:350px; height:auto; flex-shrink: 0; }
.content_wrap .right { flex: 1 1 0; }
.content_wrap .right table { margin-top:0 }

@media (max-width: 1024px) {
  .content_wrap { flex-direction: column;}
  .content_wrap .img { width: 100%; margin-bottom: 20px; text-align:center}
  .content_wrap .right { padding-left: 0; width:100%;}
}

/**********************************************************************
 							조직도
**********************************************************************/
.organization{text-align:center; position:relative; overflow:hidden;}
.organization li{border-radius:10px;}
.organization li a{display:block;}
.organization>li:first-child{position:relative; padding-bottom:30px;}
.organization>li:first-child:before{content:""; display:block; width:2px; height:100%; background:#109a44; position:absolute; bottom:0; left:0; right:0; margin:auto; z-index:-1; font-family: var(--font-paperlogy);}
.organization>li:first-child:after{content:""; display:block; width:8px; height:8px; background:#109a44; position:absolute; bottom:0; left:0; right:0; margin:auto; z-index:-1; border-radius:10px;}
.organization>li>strong{display:block; max-width:289px; margin:auto; background:var(--color-point); color:#fff; font-size:1.7em; border-radius:20px; padding:0.6em 0 0.5em 0; position:relative;  font-family: var(--font-paperlogy);}
.organization>li>strong:before{content:""; display:block; width:64px; height:3px; background:var(--color-point); position:absolute; top:-3px; left:0; right:0; margin:auto;}
.organization dt{color:#fff; background:#eb6101; border-radius:10px; padding:0.6em 0 0.42em 0; font-size:1.3em; margin-top:20px;  font-family: var(--font-paperlogy);}
.organization li:last-child dt{background:#006581;}
.organization dd>ul{position:relative;padding-top:20px;}
.organization dd>ul:before{content:""; display:block; width:2px; height:100%; background:#ddd; position:absolute; top:0; left:0; right:0; margin:auto; z-index:-1}
.organization li:last-child dd>ul:before{background:#ddd;}
.organization dd>ul>li{border:1px solid #ddd; background:#fff; padding:0.6em 0 0.42em 0; margin-bottom:20px;}
.organization dd>ul>li:last-child{margin-bottom:0;}
.organization li:last-child dd>ul>li{border:1px solid #ddd;}
.organization dd li ul{padding:0.2em 30px;}
.organization dd li li{background:#f4f4f4; padding:0.6em 0 0.42em 0;}
@media all and (min-width:768px){
	.organization { width:80%; margin:0 auto;}
    .organization:before{content:""; display:block; width:100%; height:2px; background:#cfebda; position:absolute; top:8.1em; left:0; z-index:-1}
    .organization>li:first-child{float:inherit; width:100%; max-width:100%;}
    .organization>li:first-child:before{height:calc(100% + 1.7em); top:0; bottom:inherit;}
    .organization>li:first-child:after{bottom:-1.95em;}
    .organization>li{width:48%; max-width:320px; float:left;}
    .organization>li:last-child{float:right}
    .organization dt{margin-top:0;}
}
@media all and (min-width:1440px){
    .organization:before{top:9.2em;}
    .organization>li:first-child:before{height:calc(100% + 2em); top:0; bottom:inherit;}
    .organization>li:first-child:after{bottom:-2.3em;}
    .organization>li>strong{font-size:2em}
    .organization dt{padding:0.8em 0 0.6em 0; font-size:1.4em}
    .organization dd li ul{position:absolute; width:320px; top:1.1em; right:-310px;}
    .organization dd li ul:before{content:""; display:block; width:50%; height:2px; background:#f4f4f4; bottom:0; top:0; margin:auto; position:absolute; z-index:-1; left:0}
    .organization dd li li{padding:0.8em 0 0.6em 0;}
}

/**********************************************************************
 							process_wrap
**********************************************************************/
.process_wrap { padding:20px; border-radius:20px; background:#f8f9fb }
.process_wrap .list { display:flex; flex-wrap:wrap; flex-direction:column; gap:20px 0;  }
.process_wrap .list .item { position:relative;display:flex;	align-items:flex-start;	padding:20px; border:1px solid #eaebef;border-radius:20px; background: var(--color-white); }
.process_wrap .list .item .num { display:block; font-size:30px; color:var(--color-point); font-weight:bold; width:100px; text-align: center;}
.process_wrap .list .item .txt_box { width:100%;}

@media all and (max-width:768px){
	.process_wrap .list .item {flex-direction:column;}
	.process_wrap .list .item .num { width:100%; text-align:left }
}


.return_box_vert:after{display:block;clear:both;content:""}
.return_box_vert { width:100% }
.return_box_vert .img{width:28%; margin-top:20px}
.return_box_vert .img img{max-width:100%;}
.return_box_vert .f_right{width:70%}

.f_left{float:left;}
.f_right{float:right;}

@media all and (max-width:1024px){
	.return_box_vert .img 	  { width:100%; text-align:center; }
	.return_box_vert .f_right { width:100%; }
}

/*동영상*/
.video_wrap { position: relative; width: 100%; padding-bottom: 56.25%;  height: 0; overflow: hidden;}
.video_wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; border-radius: 10px; }

/*배너*/
.banner_list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; list-style: none; padding: 0; margin-bottom: 30px;}
.banner_list li a { display: grid; grid-template-columns: auto max-content; align-items: center; border: 1px solid #ccc; border-radius: 10px; padding: 10px; text-decoration: none; background: var(--color-white); transition: all 0.3s;}
.banner_list li a:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.15); border-color:var(--color-point); transform: translateY(-2px);}
.banner_list li a:hover img { filter: brightness(1.05);}
.banner_list li img { display: block; height: 60px; border-radius: 8px;}
.banner_list li .btn { background: var(--color-point); color: var(--color-white); padding: 8px 14px; border-radius: 6px; font-size: 0.9rem; white-space: nowrap;}

@media (max-width: 1024px) {
  .banner_list { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
  .banner_list {  grid-template-columns: 1fr;}
}

/* 2025-10-21 찾아오시는길 추가 */
@media (max-width:768px) {
	[data-subarea="location"],
	.map_box												{ position:relative; height:300px; overflow:hidden; }
	[data-subarea="location"] .root_daum_roughmap,
	[data-subarea="location"] .root_daum_roughmap .wrap_map,
	.map_box .root_daum_roughmap,
	.map_box .root_daum_roughmap .wrap_map					{ width:100%; height:100% !important; }
}