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

/**********************************************************************
 							공통
**********************************************************************/

/* 제목 */
.title_h4											{ position:relative;font-size:1.5625em;font-weight:700;color:#111;padding-left:34px;margin-top: 1.92em;margin-bottom: .77em; line-height: 1.28;}
.title_h4:first-child                     			{ margin-top:0; }
.title_h4::before									{ content:'';display:block;position:absolute;left:0;top:4.5px;width:24px;height:24px;background:url(/resource/farm/images/sub/title_h4.png) no-repeat center / 100%;}
.title_h4 span 										{ font-weight:400 }
.title_h5                						 	{ position:relative;font-size:1.4em;font-weight:700;color:#111;padding-left:34px;padding-top: 0;margin-top: 1.4em;margin-bottom: .77em; line-height: 1.28; }
.title_h5:before          							{ content:""; display:block; position:absolute; left:9px; top:6px; width:10px; height:10px; background:var(--color-point); border-radius:50%; opacity:.4 }
.title_h5:after           							{ content:""; display:block; position:absolute; left:16px; top:18px; width:6px; height:6px; background:var(--color-point); border-radius:50%; }
@media all and (max-width:1168px) {
	.title_h4										{ font-size:1.4625em; }
	.title_h4::before								{ width:22px; height:22px; top:3.5px; }
	.title_h5										{ font-size:1.35em; }
	.title_h5:before          						{ left:9px; top:4px; }
	.title_h5:after 								{ left:16px; top:17px; }
}
@media all and (max-width:1024px) {
	.title_h4										{ font-size:1.4625rem; }
	.title_h4::before								{ width:20px; height:20px; top:3.5px; }
	.title_h5										{ font-size:1.3rem; }
	.title_h5:before          						{ left:9px; top:4px; }
	.title_h5:after 								{ left:16px; top:16px; }
	
}
@media all and (max-width:668px) {
	.title_h4										{ font-size:1.4rem; padding-left:30px;  word-break: break-all;}
	.title_h4::before								{ width:18px; height:18px; top:5px; }
	.title_h5										{ font-size:1.28rem; padding-left:30px; word-break: break-all; }
	.title_h5:before          						{ left:9px; top:4px; }
	.title_h5:after 								{ left:16px; top:16px; }
	
}
/* 기본 텍스트 */
.basic_p									{ font-size:1.06em; font-weight:400; color:var(--color-base3); line-height:1.6; }

/* box_list */
.box_list                               {display:flex;gap:0 1.25em;flex-wrap:wrap;}
.box_list.col03 > li                          {width:calc((100% - 2.5em) / 3)}
.box_list > li                              {width:calc((100% - 3.75em) / 4);background:#f8f8f8;border-radius:12px;padding:1.875em;}
.box_list > li dt                           {font-size:1.125em;font-weight:700;margin-bottom:.5em;}
.box_list > li dd                           {color:var(--color-base1);}
.title_h5 + .box_list   {margin-left:10px}

/* 텍스트 정렬 */
.tar						{ text-align:right !important;}
.tal						{ text-align:left !important;}
.tac						{ text-align:center !important;}
.inline_flex				{ display:inline-flex; }							
.basic_table.tac tbody td 	{ text-align:center !important; }

/* basic_box */
.basic_box          					{ position:relative; border:1px solid #ddd; padding:1em 1.5em; font-size:1.1em; border-radius:.5em; margin-top:1em}
.basic_box:has(>*)     				 	{ font-size:1em;}
.basic_box:has(.root_daum_roughmap)		{ padding:1.5em; }


.basic_box dt       {font-size:1.1em; font-weight:600; margin-bottom:.5em}

.basic_box .alarm     {display:flex; flex-wrap:wrap; align-items:center; align-items:center; position:relative; padding-left:1.5em; font-size:1.1em}
.basic_box .alarm i     {position:absolute; width:20px; height:20px; border-radius:50%; background:var(--color-pink); display:block; top:4px; left:0;}
.basic_box .alarm i:before  {content:"!"; color:#fff; display:flex; align-items:center; justify-content:center; font-weight:bold; position:absolute; top:-.01em; left:0; right:0; bottom:0; margin:auto; width:1em; height:1em; line-height:1; text-align:center;}

.title_h5 + .basic_box    {margin-left:10px}

.box_ci							{ border:1px solid var(--color-line); padding:20px; border-radius:10px; background: url("/resource/farm/images/contents/ci_bg.gif") repeat;}

/* list text */
.basic_ul                 { margin-top:10px; margin-left:10px}
.basic_ul>li                { position:relative; padding-left:12px; line-height:1.28; font-size:1.13rem; color:var(--color-base)}
.basic_ul>li+li               { margin-top:10px; }
.basic_ul>li strong             { font-weight:bold;}
.basic_ul>li:before             { content:''; display:block; position:absolute; left:0px; top:8px; width:5px; height:5px; background:var(--color-point); border-radius:100%;}
.basic_ul>li>ul,
.line_dot                 { margin-top:10px;}
.li_none:before,
.none:before                {background:none !important;}
.basic_ul>li>ul>li+li,
.line_dot>li+li               { margin-top:7px; }
.basic_ul>li>ul>li,
.line_dot>li                { position:relative; padding-left:12px; font-size:1.06rem;}
.basic_ul>li>ul>li::before,
.line_dot>li::before            { content:''; display:block; position:absolute; left:0; top:9px; width:6px; height:2px; background:var(--color-base); opacity:.7  }
.basic_ul>li>ul>li>ul,
.small_dot                  { margin-top:10px; }
.basic_ul>li>ul>li>ul>li+li,
.small_dot>li+li              { margin-top:5px; }
.basic_ul>li>ul>li>ul>li,
.small_dot>li               { position:relative; padding-left:12px; font-size:1rem; }
.basic_ul>li>ul>li>ul>li::before,
.small_dot>li::before           { content:''; display:block; position:absolute; left:0; top:7px; width:4px; height:4px; background:var(--color-base); border-radius:100%; opacity:.3 }

.title_h5 + .basic_ul {margin-left:1em}
.basic_box .basic_ul  {margin-top:0; margin-left:0;}

/* 일반 링크 */
.basic_newtab{display:inline-block; position:relative; color:var(--color-point)}
.basic_newtab:after{ content:''; opacity:1; display:inline-block; width:13px; height:11px; margin-left:7px; background:url(/resource/farm/images/common/icon_newtab.svg) no-repeat 50% 50%; background-size:100%;}


/* 테이블 */
table                         { border-spacing:0; border-collapse:collapse; color:var(--color-base);}
table.basic_table                   { width:100%; margin-top:20px; border-top:2px solid var(--color-point);}
table.basic_table.ml25                  { width:calc(100% - 25px); }
table.basic_table thead th                { padding:15px 10px; background:#f3f3f3; border:1px solid #ddd; font-weight:600;  font-size:1.06em}
table.basic_table thead tr:nth-of-type(1) th      { border-top-width:0px; }
table.basic_table thead tr.none th            { border-bottom-width:0px;}
table.basic_table thead tr.none + tr th         { border-top:1px solid #ddd;}
table.basic_table thead th[rowspan]           { border-right:1px solid #ddd;}
table.basic_table tbody th                { background-color:#f8f9fa; border:1px solid #ddd; }
table.basic_table th,
table.basic_table td                  { padding:15px 10px; letter-spacing:-0.5px; line-height:1.4; word-break:keep-all; }
table.basic_table td small                { font-size:.75em; }
table.basic_table td.bg_light_blue            { background:var(--color-light-blue); }
table.basic_table td strong               { font-weight:bold }
table.basic_table td:has(.basic_ul),
table.basic_table td:has(.list_num)           { text-align:left; }
table.basic_table td .basic_ul,
table.basic_table td .list_num              { margin-top:0; }
table.basic_table td .basic_ul li,
table.basic_table td .list_num li           { font-size:1em; }
table.basic_table td .basic_ul>li:before        { top:6px; }
table.basic_table td .list_num>li:before        { top:-1.5px; }
table.basic_table th                  { text-align:center; }
table.basic_table * + textarea              { margin-top:.5em }

/* tbody */
table.basic_table thead + tbody tr td         { text-align:center;}
table.basic_table tbody td                { background:#fff; border:1px solid #ddd;text-align:left; border-top:none}
table.basic_table tbody tr td:nth-of-type(1),
table.basic_table tbody tr th:nth-of-type(1),
table.basic_table thead tr th:nth-of-type(1)      { border-top-width:0px; border-left-width:0;}
table.basic_table tbody tr td:nth-last-of-type(1),
table.basic_table tbody tr th:nth-last-of-type(1),
table.basic_table thead tr th:nth-last-of-type(1)   { border-right-width:0;}
table.basic_table tbody th                { background:#fafafa; font-weight:400 }
table.basic_table tbody tr th:nth-of-type(1)      { border-right-width:1px; }
table.basic_table tbody tr th:nth-of-type(2):nth-last-of-type(1) { border-right-width: 1px; }

/* table total */
table.basic_table .total th,
table.basic_table .total td								{ background-color:#f6fbff; font-weight:600;}
table.basic_table .total th								{ font-weight:700;}

#content .scrollTable                 { width:100%;}
#content .mob_info                    { display:none; position:relative; width:100%; box-sizing:border-box; margin-top:10px; padding:8px 0 8px 35px; font-size:.9rem;}
#content .mob_info:before              { content:''; display:block; position:absolute; top:10px; left:10px; width:15.5px; height:15px; background:url(/resource/farm/images/common/img_drag.svg) no-repeat 50% 0; background-size:100%; opacity:.64}

/* button */
.btn_wrap             {margin-top:1em; display:flex; flex-wrap:wrap; gap:1em;}
.btn_wrap.center          {justify-content:center;}
.basic_btn              {background:var(--color-point); padding:.8em 1.5em; color:#fff; font-size:1.1em; border-radius:.5em; display:flex; flex-wrap:wrap; align-items:center; width:max-content; gap:1em; max-width:100%; margin-top:0;}
.basic_btn[target="_blank"]:after {content:"";display:block;width:1em;height:1em;background:url(/resource/farm/images/common/icon_blankW.svg) no-repeat 50% 50%;}
.basic_btn.down:after       {content:"";display:block;width:1em;height:1em;background:url(/resource/farm/images/contents/icon/icon_fileW.svg) no-repeat 50% 50%;}
.basic_btn.small          {padding:.6em 1em; font-size:.9em;}
li .basic_btn.small         {margin-top:10px}
.h5_title + .btn_wrap       {margin-left:10px;}
.box_foot_divz .basic_btn	{ padding:0; background:none; }
/* btn_list */
.btn_list           {margin-bottom:1em;border:1px solid #ddd; border-radius:.5em; overflow:hidden;}
.btn_list li          {position:relative;}
.btn_list li:not(:first-child)  {border-top:1px solid #ddd;}
.btn_list li:before       {content:""; display:block; width:0; height:100%; background:#f4f4f4; position:absolute; top:0; left:0;}
.btn_list li:hover:before   {width:100%; transition:all .5s;}
.btn_list a           {padding:1em 1.5em; display:block; position:relative; padding-right:3em;}
.btn_list a:after       {content:""; display:block; width:1em; height:1em; background:url(/resource/farm/images/contents/icon/icon_file.svg) no-repeat center; position:absolute; top:0; bottom:0; right:1.5em; margin:auto;}

/* link */
.a_link     {display:inline-block; position:relative; text-decoration:underline; color:var(--color-blue); word-break:break-all;}
.a_link:after {content:"";display:inline-block;width:13px;height:13px;background:url(/resource/farm/images/common/icon_blank.svg) no-repeat center;margin-left:.3em;filter: invert(11%) sepia(100%) saturate(5943%) hue-rotate(238deg) brightness(87%) contrast(98%);}


@media all and (max-width:1368px) {
  /* title */
  .h4_title                       {font-size:1.53em;padding-left:30px;}
  .h4_title::before                   {top:3px;width:22px;height:22px;}

  /* box_list */
  .box_list > li                      {padding:1.5em;}

    /* basic_box */
  .basic_box .alarm                   {line-height:1.05em;}
  .basic_box .alarm i                   {top:-2px; left:-2px}

    /* list text */
  .basic_ul>li                { font-size:1.1rem; }
  .basic_ul>li:before             { top:7.5px; }
  .line_dot>li,
  .basic_ul>li>ul>li              { font-size:1rem;}
  .line_dot>li::before,
  .basic_ul>li>ul>li::before          { top:8.5px; }
  .small_dot>li,
  .basic_ul>li>ul>li>ul>li          { font-size:.95rem; }
  .small_dot>li::before,
  .basic_ul>li>ul>li>ul>li::before      { top:6px; }
}

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

  /* box_list */
  .box_list                       {gap:0 .7em}
  .box_list > li                      {width: calc((100% - 2.1em) / 4);}
  .box_list.col03 > li                  {width:calc((100% - 1.4em) / 3)}

}


@media all and (max-width:1024px) {
  /* title */
  .h5_title:before              {top:4px}
  .h5_title:after               {top:8px}

    /* list text */
  .basic_ul>li                { font-size:1.03rem; }
  .basic_ul>li:before             { top:6.5px; width:5px; height:5px; }
  .basic_ul>li>ul>li,
  .line_dot>li                { font-size:.98rem;}
  .basic_ul>li>ul>li::before,
  .line_dot>li::before            { top:7.5px;  }
  .small_dot>li,
  .basic_ul>li>ul>li>ul>li          { font-size:.9rem; }
  .small_dot>li::before,
  .basic_ul>li>ul>li>ul>li::before      { top:5px; }

  /* 테이블 */
  table.basic_table tbody th, 
  table.basic_table td            { font-size:.92rem; }
    #content .scrollTable           { overflow:auto;}
    #content .scrollTable .basic_table,
    #boardWrap .view_table .view_con table    { width:1024px; margin-top:0px;}
    #content .mob_info              { display:block; margin-bottom:5px;}
    table.basic_table thead th          { padding:13px 9px;}
  
  table.basic_table .basic_ul>li        { font-size:.92rem; }
  table.basic_table .basic_ul>li+li     { margin-top:5px; }
  table.basic_table .basic_ul>li:before   { top:6px; }
}

@media all and (max-width:868px) {
  /* title */
  .h4_title                       {font-size:1.43em;padding-left:25px;}
  .h4_title::before                   {top: 2.5px;width: 20px;height: 20px;}

  /* box_list */
  .box_list                       {gap:10px;}
  .box_list > li,
  .box_list.col03 > li {width: calc((100% - 10px) / 2);border-radius:10px;}

    /* list text */
  .basic_ul>li                { font-size:1rem; }
  .basic_ul>li:before             { top:6px; }
  .basic_ul>li>ul>li,
  .line_dot>li                { font-size:.95rem;}
  .basic_ul>li>ul>li>ul>li,
  .small_dot>li               { font-size:.88rem; }
  .basic_ul>li>ul>li>ul>li::before,
  .small_dot>li::before           { top:6px; }
  .list_num>li                { font-size:1rem; }
}

@media all and (max-width:468px) {
  /* box_list */
  .box_list                       { gap:6px;}
  .box_list > li, 
  .box_list.col03 > li            { width:100%;border-radius:8px;padding:1.25em;}
  
}

/* box_img */
.box_img                      { width:100%; position:relative;text-align:center; }
.box_img img                  { max-width:100% !important; border-radius:20px 100px 20px 20px}
.box_img img.none             { border-radius:0; }
.box_img.w100 img { width: 100%; height: auto;}
.box_img.w50 img { width: 50%; height: auto;}
.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/farm/images/common/icon_search.svg) no-repeat;  filter:invert(1);}

.box_img_inner                { padding:50px 30px;border-radius: 20px;background:#f6f6f6;}
.box_img_inner img            { width:auto !important;}

@media all and (max-width:768px) {
    .box_img img              { border-radius:20px }
    .box_img .img_zoom        { display:block;}
  .box_img.w50 img { width: 100%}
}

/* 컨텐츠 안 탭메뉴 */
.area_tab                   { position:relative; margin-bottom:1.88em; border-radius:10px; padding:.94em; background:var(--color-gray)}
.area_tab .list                 { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; gap:5px}
.area_tab .list > li              { display:flex; flex:auto; justify-content:center; align-items:center;}
.area_tab .list > li > a,
.area_tab .list > li > button         { display:flex; justify-content:flex-start; align-items:center; position:relative; width:100%; box-sizing:border-box; padding:1.06em 2.5em 1.06em .94em; border-radius:8px; text-align:center; 
                          transition:var(--trans-ani); background:var(--color-white); letter-spacing:-.045em; border:1px solid var(--color-line) }
.area_tab .list > li > a>span,
.area_tab .list > li > button>span        { opacity:.84; font-size:1.03em; line-height:1.15; }
.area_tab .list > li > a::after,
.area_tab .list > li > button::after      { content:''; display:block; position:absolute; width:7px; height:7px; right:1em; top:50%; border-style:solid; border-color:#4d4d4d; border-width:1px 1px 0 0; 
                          transform:translateY(-50%) rotate(45deg); transition:var(--trans-ani);}
.area_tab .list > li > a.active,
.area_tab .list > li > button.active      { background:var(--color-point); color:var(--color-white); border-color:var(--color-point)  }
.area_tab .list > li > a.active::after,
.area_tab .list > li > button.active::after   { border-color:#fff; }
.area_tab .list > li > a.active>span,
.area_tab .list > li > button.active>span   { opacity:1; }
.conts_tab                    { display:none; }
.conts_tab.active               { display:block; }
@media all and (max-width:968px) {
  .area_tab                 { border-radius:8px; margin-bottom:1.25em; }
  .area_tab .list > li > button       { border-radius:6px; }
}
@media all and (max-width:668px) {
  .area_tab .list > li > button::after    { transform:translateY(-65%) rotate(45deg); }
}


/* 이미지리스트 3개 기본, 4개 col04 */
.image_list                 { display:flex; flex-wrap:wrap; gap:2em; }
.image_list li                { width:calc((100% - 4em) / 3); position:relative; padding:0 20px 20px 20px }
.image_list li::before            { position:absolute; width:100%; height:calc(100% - 10%); background:var(--color-gray); border-radius:20px; left:0; bottom:0; content:''; z-index:-1 }
.image_list img               { width:100%; border-radius:20px; position:relative; }
.image_list li:has(figcaption) img      { border-radius:20px; }
.image_list figcaption            { text-align:center; font-weight:700; font-size:1.1em; padding-top:20px }
.image_list.col04 li            { width:calc((100% - 6em) / 4); }
.image_list.col02 li            { width:calc((100% - 2em) / 2); }
@media all and (max-width:968px) {
    .image_list               { gap:1em; }
    .image_list li              { width:calc((100% - 2em) / 3); padding:0 15px 15px 15px }
  .image_list li::before,
  .image_list img,
  .image_list li:has(figcaption) img    { border-radius:15px; }
  .image_list figcaption          { padding-top:15px }

}
@media all and (max-width:768px) {
    .image_list li              { flex:auto; width:calc((100% - 1em) / 2); }
  .image_list.col04 li          { width:calc((100% - 1em) / 2); }
  .image_list.col02 li            { width:100%; }
}
@media all and (max-width:568px) {
    .image_list li              { width:100%; }
  .image_list.col04 li          { width:100%; }
}


/**********************************************************************
 							인사말
**********************************************************************/

[data-subarea="greetings"]  						{ position:relative; }
[data-subarea="greetings"] .title  					{ position:relative; font-size:1.625em; font-weight:400 }
[data-subarea="greetings"] .title:after  			{ content:''; position:absolute; top:-40px; right:4em; background:url("/resource/farm/images/contents/greetings.svg"); width:120px; height:86px; opacity:.06; background-size:cover; }
[data-subarea="greetings"] .title strong			{ display:block; font-weight:600;}
[data-subarea="greetings"] .basic_list  			{ display:flex; flex-flow:column; gap:2em; font-size:1.125em; line-height:1.6; }
[data-subarea="greetings"] .basic_list strong  		{ font-weight:700; font-size:1.25em;}
[data-subarea="greetings"] .basic_list .sign		{ color:var(--color-black); font-size:1.5em;}
[data-subarea="greetings"] .basic_list .sign span 	{ font-family:var(--font-dobong); font-size:1.538em; margin-left:10px}

[data-subarea="greetings"] .greetings_bg 			{ width: 100%; margin:1.875em 0; height: clamp(200px, 30vw, 300px); background: url("/resource/farm/images/contents/greetings_bg.jpg") center/cover no-repeat; border-radius: 20px 140px 20px 20px; overflow: hidden;}


@media all and (max-width:1280px){
	[data-subarea="greetings"] .title:after  		{ top:-20px; width:100px; height:72px;}	
}

@media all and (max-width:1024px){
	[data-subarea="greetings"] .title  				{ font-size:1.5em; }
	[data-subarea="greetings"] .title:after  		{ top:-20px; width:80px; height:57px;}
}

@media all and (max-width:768px){
	[data-subarea="greetings"] .title  				{ font-size:1.25em; }
	[data-subarea="greetings"] .greetings_bg  		{ border-radius: 20px}
	[data-subarea="greetings"] .basic_list .sign 	{ font-size:1.25em; }


}

@media all and (max-width:486px){
	[data-subarea="greetings"] .title:after  		{ top:-10px; right:20px; }
	[data-subarea="greetings"] .basic_list .sign span 	{ font-size:1.25em; }
}

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

.history                      { position:relative; display:flex; flex-flow:column; gap:3.13em; }
.history::before                  { position:absolute; left:125px; top:0; width:1px; height:100%; content:''; background:#d3d3d3; }
.history>li                     { display:flex; }
.history>li .year                 { position:relative; width:130px; font-weight:700; font-size:1.75em; 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:100px; text-align:right; font-weight:600; opacity:.94; }
.history>li .h_con dl>dd              { flex:auto; width:calc(100% - 100px); 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; font-size:1.125em }
    .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; }
}

/* 다이어그램 */
.area_diagram                 { margin-top:15px; }
.area_diagram .list               { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; --sizePadding:25px; margin-right:calc(var(--sizePadding) * -1);}
.area_diagram .list > li            { position:relative; flex:0 1 20%; box-sizing:border-box; position:relative; margin-top:0px; margin-bottom:10px; padding-right:var(--sizePadding); }
.area_diagram .list > li span         { position:relative; display:flex; flex-flow:column; justify-content:center; align-items:center; min-height:140px; height:100%; box-sizing:border-box; padding:var(--sizePadding); background:#fff;
                            border:1px solid var(--color-point); border-radius:10px; text-align:center; font-size:1.06em; font-weight:500; word-break:keep-all; color:var(--color-base) }
.area_diagram .list > li span:before      { position:absolute; width:51%; height:5px; background:var(--color-point); content:''; top:0; left:50%; border-radius:0 0 8px 8px; z-index:1; transform:translateX(-50%) }  
.area_diagram .list > li .small         { font-size:.85rem; font-weight:400; line-height:1.3; color:var(--color-base); opacity:.8; line-height:1.3;}
.area_diagram .list > li:last-child:before    { display:none; }
.area_diagram .list > li:before         { width:16px; height:11px; background:url(/resource/farm/images/common/icon_diagram_arr.svg) no-repeat 50% 50% / contain; transform:translateY(-50%); right:10px; z-index:2}
.area_diagram .list > li:before         { content:''; display:block; position:absolute; top:50%; }

/* 한줄 갯수 4개 6개 */
.area_diagram .list.col03 > li          { flex:0 1 33%; }
.area_diagram .list.col04 > li          { flex:0 1 25%; }
.area_diagram .list.col06 > li          { flex:0 1 calc(100% / 6); }

/* 한줄 5개로 두줄처리 */
.area_diagram .list.row             { margin-right:0px; }
@media all and (max-width:1568px) {
  /* 다이어그램 */
  .area_diagram .list             { --sizePadding:20px; }
  .area_diagram .list > li span,
  .area_diagram_type02 .list > li dt      { font-size:1.03em; line-height:1.3 }
  .area_diagram .list > li:before       { right:5px; }
}
@media all and (max-width:968px) {
  /* 다이어그램 */
    .area_diagram .list             { width:100%; }
    .area_diagram .list > li          { flex:0 1 33.333% }
  
  /* 한줄 갯수 4개 6개 */
  .area_diagram .list.col03 > li        { flex:0 1 33%; }
  .area_diagram .list.col04 > li        { flex:0 1 33%; }
  .area_diagram .list.col06 > li        { flex:0 1 calc(100% / 3); }
}
@media all and (max-width:668px) {
  /* 다이어그램 */
    .area_diagram .list > li          { flex:0 1 50% }
  /* 한줄 갯수 4개 6개 */
  .area_diagram .list.col03 > li        { flex:0 1 50%; }
  .area_diagram .list.col04 > li        { flex:0 1 50%; }
  .area_diagram .list.col06 > li        { flex:0 1 calc(100% / 2); }
}
@media all and (max-width:468px) {
  /* 다이어그램 */
    .area_diagram .list > li          { flex:100%; padding-right:0; padding-bottom:var(--sizePadding); }
  .area_diagram .list > li:before       { top:inherit; bottom:-3px; right:inherit; left:50%; transform: translateX(-50%) rotate(90deg); width:19px; height:30px; }
  .area_diagram .list > li span       { min-height:inherit; }
  /* 한줄 갯수 4개 6개 */
  .area_diagram .list.col03 > li        { flex:100%; }
  .area_diagram .list.col04 > li        { flex:100%; }
  .area_diagram .list.col06 > li        { flex:100%; }
}


/**********************************************************************
              조직도
**********************************************************************/
.organization                           { list-style: none; margin: 0; padding: 0; text-align: center; position: relative;}

.organization .chief                    { display: block; width: 100%; text-align: center; position: relative;}
.organization .chief strong             { width: 300px; height: 60px; display: flex; justify-content: center; align-items: center; background: var(--color-point); color:var(--color-white); border-radius: 10px; font-size: 1.563em; margin: 0 auto;}
.organization .chief::after             { content: ""; position: absolute; top: 60px; left: 50%; transform: translateX(-50%); width: 2px; height: 20px; background: #e5e5e5;}

.organization .depertments              { display: flex; flex-wrap: wrap; justify-content: center; margin-top: 40px; position: relative;}

.organization .dept                     { flex: 0 0 25%;  max-width: 25%; position: relative; padding: 0 15px;}
.organization .dept::before             {  content: ""; position: absolute; top: -20px; height: 2px; background: var(--color-line)}
.organization .dept:first-child::before { left: calc(50% - 15px); width: calc(50% + 15px);}
.organization .dept:last-child::before  { left: 0; width: calc(50% + 15px);}


.organization .dept:first-child::before { left: 50%; width: 50%;}
.organization .dept:last-child::before  { left: 0; width: 50%;}
.organization .dept:not(:first-child):not(:last-child)::before { left: 0; width: 100%;}
.organization .dept::after              { content: ""; position: absolute; top: -20px; left: 50%; transform: translateX(-50%); width: 2px; height: 20px; background: var(--color-line)}

.organization dl                        { display: flex; flex-direction: column; height: 100%; margin: 0;  border-radius: 6px; overflow: hidden; background: var(--color-gray)}
.organization dt a                      { background: var(--color-point2); color:var(--color-white); padding: 10px; width:100%; display:inline-block; font-size:1.25em; }
.organization dd                        { margin: 0; padding: 10px; flex:1; border: 1px solid var(--color-line);}
.organization dd ul                     { margin: 0; padding: 0; list-style: none;}
.organization dd li                     { padding: 4px 0; }

.dept-consult dd ul { display: grid; grid-template-columns: repeat(2, 1fr);  gap: 4px 12px;}
.dept-consult dd li { padding: 2px 0; white-space: nowrap; }

/* 반응형 */
@media (max-width: 1024px) {
    .organization .dept           { flex: 1 1 90%; max-width: none; padding:0 0 30px 0; }
    .organization .chief::after   { height:40px }
    .organization .dept::before,
    .organization .dept::after    { display: none;}
  .list_group .bbs_table colgroup{display:none;}
}
.dept-details { display: none;  margin-top: 20px;  }
.depertments a.active {  color:#ffff66 ; font-weight: bold;}

@media all and (max-width:668px) {
  .basic_btn span {flex-wrap: nowrap;}
  .map_box .wrap_map,
  .root_daum_roughmap .wrap_map{ height:300px !important;}
  
}