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

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

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

/* 이미지 */
img,
#content img										{ max-width:100%; }
picture												{ display:block;}

/*본인인증*/
.verification .itembox_wrap .btn_list>li>.button.mobile{background:var(--color-point);}
.verification .itembox_wrap .btn_list>li>.button.mobile:hover,
.verification .itembox_wrap .btn_list>li>.button.mobile:focus{background:#075b0d;}
.verification .itembox_wrap .description>li,
.verification .verification_icon_box .ex_list>li>strong{color:var(--color-point);}
.verification .itembox_wrap .description>li::before,
.verification .itembox_wrap .description>li::after	{border-color:var(--color-point);}
.verification .verification_icon_box .icon{background: var(--color-point-bg);}
.verification .verification_icon_box .ex_list>li{line-height: inherit;}
.verification .verification_icon_box .ex_list>li>strong{font-weight:600;}


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

/* 여백 */
.mt0						{ margin-top:0px !important;}
.mt10						{ margin-top:10px !important;}
.mt20						{ margin-top:20px !important;}
.mt30						{ margin-top:30px !important;}
.mt40						{ margin-top:40px !important;}
.mb60						{ margin-bottom:60px !important;}
.ml25						{ margin-left:25px !important; }
.ml20						{ margin-left:20px !important; }
.ml10						{ margin-left:10px !important; }
.ml0						{ margin-left:0 !important; }
.mb0						{ margin-bottom:0 !important; }
.mb10						{ margin-bottom:10px !important; }
.mb20						{ margin-bottom:20px !important; }
.pl20						{ padding-left:20px; }
.pb10						{ padding-bottom:10px; }

@media all and (max-width:668px){
	.mt20					{ margin-top:15px !important;}
	.mt30					{ margin-top:20px !important;}
	.mt40					{ margin-top:30px !important;}
  	.mb60					{ margin-bottom:40px !important;}
}

	
	
/* 기본 텍스트 */
.basic_p									{ font-size:1.06em; font-weight:400; color:var(--color-base); line-height:1.6; }
.basic_p>strong								{ font-weight:700; }

@media all and (max-width:1368px) {
	/* 기본 텍스트 */
	.basic_p								{ font-size:1em;  }
}


/* list text */
.basic_ul									{ margin-top:7px;}
.basic_ul>li								{ position:relative; padding-left:.78em; line-height:1.4; font-size:1.06rem; color:var(--color-base)}
.basic_ul>li.between						{ display:flex; flex-wrap:wrap; gap:5px 1em; justify-content:space-between; }
.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:9px; width:5px; height:5px; background:var(--color-point); border-radius:100%;}
.basic_ul>li>ul,
.line_dot									{ margin-top:7px;}
.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:.71em; font-size:1em;}
.basic_ul>li>ul>li::before,
.line_dot>li::before						{ content:''; display:block; position:absolute; left:0; top:10px; width:6px; height:2px; background:var(--color-base); opacity:.6}
.basic_ul>li>.list_num						{ counter-reset:title; margin-top:10px; color:var(--color-base)}
.basic_ul>li>.list_num>li					{ position:relative; font-size:1.06em; font-weight:400; padding-left:28px; line-height:1.28;}
.basic_ul>li>.list_num>li+li				{ margin-top:10px;}
.basic_ul>li>.list_num>li:before			{ counter-increment:title; content:counter(title) " "; display:flex; justify-content:center; align-items:center; position:absolute; left:0px; top:0; width:20px; height:20px; background:none; 
												box-sizing:border-box; border-radius:100%; border:1px solid var(--color-base); line-height:20px; font-size:.75rem; font-weight:400; text-align:center; color:var(--color-base); opacity:.8}
.basic_ul>li>.list_num.point>li:before		{ border-color:var(--color-point); color:var(--color-point); }
.basic_ul>li>ul>li>ul,
.small_dot									{ margin-top:7px; }
.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:11px; font-size:1rem; }
.basic_ul>li>ul>li>ul>li::before,
.small_dot>li::before						{ content:''; display:block; position:absolute; left:0; top:8.5px; width:4px; height:4px; background:var(--color-base); border-radius:100%; opacity:.3 }
																																										
.basic_ul>li table.basic_table				{ margin-top:10px; }
[class*="box_text_"] .basic_ul:first-child{margin-top:0;}
[class*="box_text_"] .basic_ul>li			{font-size:inherit;}
.basic_ul>li>.basic_btn >.button[target="_blank"] span:after { filter:invert(1); }

@media all and (max-width:1368px) {
	/* list text */
	.basic_ul>li								{ font-size:1.03em; }
	.line_dot>li,
	.basic_ul>li>ul>li							{ font-size:1em;}
	.small_dot>li,
	.basic_ul>li>ul>li>ul>li					{ font-size:.95em; }
	.small_dot>li::before,
	.basic_ul>li>ul>li>ul>li::before			{ top:7px; }
}
@media all and (max-width:1024px) {
	/* list text */
	.basic_ul>li:before							{ width:5px; height:5px; }
}


/* list number */
.list_num									{ counter-reset:title; margin-top:10px; color:var(--color-base)}
.list_num>li								{ position:relative; font-size:1.06rem; font-weight:400; padding-left:31px; line-height:1.4;}
.list_num>li+li								{ margin-top:10px;}
.list_num>li:before							{ counter-increment:title; content:counter(title) " "; display:flex; justify-content:center; align-items:center; position:absolute; left:0px; top:.5px; width:23px; height:23px; 
												box-sizing:border-box; border-radius:100%; border:1px solid var(--color-base); line-height:23px; font-size:.8rem; font-weight:400; text-align:center; color:var(--color-base); opacity:.8}
.list_num.point>li:before					{ border-color:var(--color-point); color:var(--color-point); }

.list_num.flex 								{ display:flex; flex-wrap:wrap;gap:.5em 1em; margin-bottom:15px; }
.list_num.flex>li+li						{ margin-top:0; }
.list_num.row								{ display:flex; flex-wrap:wrap; gap:10px 1em; }
.list_num.row>li							{ flex:auto; }
.list_num.row>li+li							{ margin-top:0; }
.list_num>li.between						{ display:flex; flex-wrap:wrap; gap:5px 1em; justify-content:space-between; }

.list_num>li>ul								{ margin-top:7px;}
.list_num>li>ul>li+li						{ margin-top:7px; }
.list_num>li>ul>li							{ font-size:1.06rem;}


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

	/* list number */
	.list_num>li								{ font-size:1.1rem; padding-left:28px; }
	.list_num>li:before							{ width:20px; height:20px; line-height:20px; font-size:.75rem; padding-right:1px}
	.list_num>li>ul>li							{ font-size:1rem;}
}

@media all and (max-width:1024px) {
	/* list number */
	.list_num>li								{ font-size:1.03rem; padding-left:25px; }
	.list_num>li:before							{ font-size:.7rem; top:1.2px; }
	.list_num>li>ul>li							{ font-size:.98rem;}
}
@media all and (max-width:868px) {
	.list_num>li								{ font-size:1rem;  }
	.list_num>li:before							{ width:18px; height:18px; line-height:18px; font-size:.65rem; padding-right:1px; top:2px;}
	.list_num>li>ul>li							{ font-size:.95rem;}
}

/* 단순 박스 스타일 */
[class*="box_text_"]					{ padding:1.25em; border-radius:10px; }
.box_text_gray							{ background:var(--color-gray); font-size:1.06em; line-height:1.6; font-weight:400;}
.box_text_line							{ border:1px solid #dddddd; font-size:1.06em; line-height:1.6; font-weight:400 }
.box_text_line.green					{border-color:var(--color-point);border-width:2px;}
.box_text_green							{ background:var(--color-point-bg); font-size:1.06em; line-height:1.6; font-weight:400;}
.box_text_tab_bg						{ background:var(--color-tab-bg); }
.box_text_gray strong					{ font-weight:700; }

@media all and (max-width:1368px) {
	/* 단순 박스 스타일 */
	.box_text_gray,							
	.box_text_line,
	.box_text_green								{ font-size:1em;}
}
@media all and (max-width:968px) {
	[class*="box_text_"]					{ padding:1em; border-radius:8px; }
	.box_text_gray,
	.box_text_line,
	.box_text_green								{ line-height:1.4; }
}

/* box_img */
.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.w100  						{width:100% !important;}


/* 이미지 확대보기 */
.box_zoom											{ position:relative; }
.box_zoom .icon_zoom								{ position:absolute; z-index:1; width:max-content; left:50%; bottom:-17.5px; height:35px; display:flex; background-color:var(--color-point); align-items:center; justify-content:center; 
														border-radius:20px; padding:0 20px; gap:0 10px; font-size:.85rem; color:var(--color-white); transform:translateX(-50%); line-height:35px; }
.box_zoom .icon_zoom::before						{ display:flex; width:13px; height:13px; content:''; background:url(/resource/common/images/bbs/icon_zoom.svg) no-repeat 50% 50% / auto; filter:invert(1); }

@media all and (max-width:768px) {
  	.box_zoom 										{padding:2em;background:var(--color-white);border-radius:15px;}
}

@media all and (max-width:468px) {
  	.box_zoom										{padding:1.5em;}
	.box_zoom .icon_zoom							{ height:30px; bottom:-15px; padding:0 12px; font-size:.8rem; gap:0 7px; line-height:30px;}
	.box_zoom .icon_zoom::before					{ width:11px; height:11px; }
}

/* 아이콘 박스 */
.box_info_top							{ position:relative; display:flex; justify-content:flex-start; align-items:center; padding:50px; background:#f1fbf2; border-radius:20px; }
.box_info_top .icon						{ overflow:hidden; flex:none; display:flex; justify-content:center; align-items:center; width:120px; height:120px; box-sizing:border-box; margin-right:50px; padding:8px;
    										background:var(--color-white); border: 1px dashed #8aa98d;background-size:cover; border-radius:100%;}
.box_info_top .icon img					{ max-width:100%;}
.box_info_top h4,
.box_info_top h5						{ margin:0 0 20px 0; font-size:1.5em; font-weight:700; color:var(--color-base); line-height:1.3}
.box_info_top p							{ line-height:1.6; font-size:1.13em; color:var(--color-base1); font-weight:400; word-break:keep-all;}
.box_info_top strong					{ font-weight:700; color:var(--color-base); font-size:1.267em; line-height:1.3 }
.box_info_top .bg						{ position:relative; flex:none; display:flex; justify-content:end; align-items:center; width:175px;  box-sizing:border-box; margin-right:30px; }
.box_info_top .bg::before				{ position:absolute; width:120px; height:120px; left:0; top:50%; border-radius:100%; content:''; background:var(--color-nav-deep-bg); transform:translateY(-50%); border-radius:100%;}
.box_info_top .bg img					{ position:relative; z-index:2; width:150px; }
.box_info_top:has(span.bg)  h4			{ margin-bottom:10px; }
.box_info_top .box_white				{ width:100%; padding:2em; border-radius:15px; background:var(--color-white); }
.box_info_top:has(.box_white)			{ flex-flow:column; align-items:flex-start; padding:20px; }
.box_info_top:has(.box_white) .small_text	{ font-size:.85rem; opacity:.84; }
@media all and (max-width:1568px) {
	/* 아이콘 박스 */
	.box_info_top							{ padding:40px; }
	.box_info_top .icon						{ margin-right:40px; }
	.box_info_top h4,
	.box_info_top h5						{ font-size:1.45em; }
	.box_info_top p							{ font-size:1.1em; }
}
@media all and (max-width:1368px) {
	/* 아이콘 박스 */
	.box_info_top							{ padding:30px; }
	.box_info_top .icon						{ width:110px; height:110px; margin-right:30px;  }
	.box_info_top h4,
	.box_info_top h5						{ margin:0 0 15px 0; font-size:1.35em; }
	.box_info_top p							{ font-size:1.067em; }

}
@media all and (max-width:1024px) {
	/* 아이콘 박스 */
	.box_info_top p							{ word-break:break-all }
}
@media all and (max-width:968px) {
	/* 아이콘 박스 */
	.box_info_top							{ border-radius:15px; }
}
@media all and (max-width:868px) {
	/* 아이콘 박스 */
	.box_info_top							{ padding:20px; flex-flow:column; gap:15px; align-items:flex-start; }
	.box_info_top .icon						{ width:100px; height:100px; margin-right:20px; }
	.box_info_top h4,
	.box_info_top h5						{ font-size:1.25em; }
  	.box_info_top strong					{ font-size:1.167em;  }
}


/* 컨텐츠 안 탭메뉴 */
.area_tab													{ position:relative; margin-bottom:1.88em;}
.area_tab .list													{ display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; gap:10px}
.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.25em 2.5em 1.25em 1.25em; border-radius:12px; text-align:center; 
																		transition:var(--trans-ani); background:#e9f3ea;}
.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:1.25em; 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:1268px) {
	.area_tab .list															{gap:5px;}
	.area_tab .list > li > a,
	.area_tab .list > li > button										{border-radius:10px;   padding: 1.125em 2.25em 1.125em 1.125em;}
	.area_tab .list > li > a::after,
	.area_tab .list > li > button::after								{right:1.125em;}
}

@media all and (max-width:968px) {
	.area_tab																{ margin-bottom:1.25em; }
	.area_tab .list > li > button										{ border-radius:8px; }
}

@media all and (max-width:668px) {
	.area_tab .list > li > a>span,
	.area_tab .list > li > button>span							{font-size:1em;}
}

/* 슬라이드 */
[data-subarea] .img_slide										{position:relative;}
[data-subarea] .slide_item										{border-radius:12px;overflow:hidden;}
[data-subarea] .slide_item img + span[data-alt],
[data-subarea] .slide_item picture + span[data-alt]				{ position:absolute; width:1px; height:1px; opacity:0; overflow:hidden; z-index:2; text-indent:-9999em; white-space:nowrap; }
[data-subarea] .swiper_control	.control						{display:flex;justify-content: space-between;gap:30px;border: 1px solid #e5e5e5;position: absolute;left: 50%;transform: translateX(-50%);bottom: calc(var(--sizeHig) / -2);z-index: 1;--sizeHig: 50px;height: var(--sizeHig);padding: 0 28px;border-radius: 25px;background: #fff;align-items: center;}
[data-subarea] .swiper_control	.control .slide_subject			{font-size:1.125em;text-align:center;}


@media all and (max-width:1024px) {
	/* 슬라이드 */
  	[data-subarea] .swiper_control .control							{--sizeHig:46px;padding:0 24px;}
}

@media all and (max-width:668px) {
	/* 슬라이드 */
  	[data-subarea] .swiper_control .control						{width:100%;justify-content: center;height:auto;padding: 8px 16px;position: inherit;transform: none;margin: 10px auto;flex-wrap: wrap;gap: 6px 20px;border-radius: 8px;}
  	[data-subarea] .swiper_control .control .slide_subject			{max-width:100%;font-size:1.06em;}
}

@media all and (max-width:468px) {
  /* 슬라이드 */
  [data-subarea] .swiper_control .control					{gap:6px 18px;}
}

@media all and (max-width:368px) {
  /* 슬라이드 */
  [data-subarea] .swiper_control .control					{gap:6px 13px;}
}


/* 테이블 */
table													{ border-spacing:0; border-collapse:collapse; color:var(--color-base);}
table.basic_table										{ width:100%; margin-top:16px; border-top:2px solid var(--color-point);}
table.basic_table thead th								{ padding:15px 10px; background:#f2fbf2; border:1px solid #ddd; font-weight:600; font-size:1.06rem}
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:#f5f5f5; 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:.75rem; }
table.basic_table td.bg_light_blue						{ background:var(--color-light-blue); }
table.basic_table td strong								{ font-weight:700 }
table.basic_table th									{ text-align:center; }
table.basic_table strong.flex							{ display:flex; width:fit-content; align-items:center; gap:5px; flex-wrap:wrap; line-height:23px; }
table.basic_table strong.flex .num						{ width:23px; height:23px; line-height:23px; font-size:.8rem; margin-top:-2px; }
table.basic_table strong.flex.mauto						{ margin-left:auto; margin-right:auto; }
/* 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; font-size:1rem}
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:#fbfbfb; 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;  border-top-width: 0;}


/* 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;}
table.basic_table tbody td:has(.basic_ul)				{ text-align:left }
table.basic_table .basic_ul,
table.basic_table .list_num								{ margin-top:0;}
table.basic_table .basic_ul>li,
table.basic_table .list_num>li							{ font-size:1rem; }
table.basic_table .basic_ul>li+li,
table.basic_table .list_num>li+li						{ margin-top:5px; }
table.basic_table .basic_ul>li>ul,
table.basic_table .line_dot,
table.basic_table .list_num>li>ul						{ margin-top:7px;}
table.basic_table .basic_ul>li>ul>li,
table.basic_table .list_num>li>ul>li,
table.basic_table .line_dot>li							{ font-size:.94rem;}
table.basic_table .basic_ul>li>ul>li+li,
table.basic_table .list_num>li>ul>li+li,
table.basic_table .line_dot>li+li						{ margin-top:5px;}
table.basic_table .basic_ul>li:before					{ top:8px; }
table.basic_table .list_num>li							{ padding-left:28px; }
table.basic_table .list_num>li::before					{ width:20px; height:20px; line-height:20px; top:-1px; }
table.basic_table .ul_center							{ display:flex; justify-content:center; align-items:center; }

table.basic_table td > table.basic_table thead th,
table.basic_table td > table.basic_table tbody th		{ font-size:.98rem; padding:10px; }
table.basic_table td > table.basic_table tbody td		{ font-size:.9rem; padding:10px }
table.basic_table td > table.basic_table tbody tr td:nth-last-of-type(1), 
table.basic_table td > table.basic_table tbody tr th:nth-last-of-type(1), 
table.basic_table td > table.basic_table thead tr th:nth-last-of-type(1)	{ border-right-width:0; }


/* table scroll mobile */
#content .scrollTable,
#boardWrap .scrollTable									{ width:100%;}
#content  .mob_info,
#boardWrap .mob_info									{ display:none; position:relative; width:100%; box-sizing:border-box; margin-top:10px; padding:10px; font-size:.9rem; background:#f2f2f2; border-radius:5px; gap:5px; 
																align-items:center; line-height:1 }
#content .mob_info:before,
#boardWrap .mob_info:before								{ content:''; display:inline-block; width:15.5px; height:15px; background:url(/resource/common/images/common/img_drag.svg) no-repeat 50% 0; background-size:100%; opacity:.64; margin-top:-2px;}

/* 내용이 긴 table */
table.basic_table.break-all thead th,
table.basic_table.break-all tbody td					{ word-break:break-all;}
@media all and (max-width:1024px) {
	/* 테이블 */
	table.basic_table tbody th, 
	table.basic_table td						{ font-size:.92rem; }
    #content .scrollTable,
  	#boardWrap .scrollTable						{ overflow:auto;}
    #content .scrollTable>.basic_table,
  	#boardWrap .scrollTable>.basic_table		{ width:1024px; margin-top:0px; position:relative;}
	table.basic_table thead th					{ font-size:1rem; }
	table.basic_table tbody td					{ font-size:.95rem; }
	table.basic_table td > table.basic_table thead th,
	table.basic_table td > table.basic_table tbody th		{ font-size:.95rem; padding:8px; }
	table.basic_table td > table.basic_table tbody td		{ font-size:.85rem; padding:8px; }

    #content .mob_info,
  	#boardWrap .mob_info						{ display:flex; margin-bottom:5px;}
    table.basic_table thead th					{ padding:13px 9px;}
	table.basic_table .basic_ul>li,
	table.basic_table .list_num>li				{ font-size:.92rem; }
	table.basic_table .basic_ul>li+li,
	table.basic_table .list_num>li+li			{ margin-top:5px; }
	table.basic_table .basic_ul>li:before		{ top:6px; }
	
	table.basic_table strong.flex				{ line-height:20px; }
	table.basic_table strong.flex .num			{ width:20px; height:20px; line-height:20px; font-size:.65rem; }
}

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


/* button */
.basic_btn												{ margin-top:20px;}
.basic_btn.center										{ margin-top:40px; text-align:center;}
.basic_btn.flex											{ display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center;}
.basic_btn a,
.basic_btn button                               		{ overflow:hidden; display:inline-flex; position:relative; min-width:130px; height:50px; box-sizing:border-box; margin:2px; padding:0 20px; border:1px solid transparent; border-radius:10px;
    														background-color:var(--color-point); color:#fff; vertical-align:middle; transition:var(--trans-ani); font-weight:500; position:relative; align-items:center; justify-content:center; }					
.basic_btn span											{ display:flex; flex-flow:row wrap; justify-content:center; align-items:center; position:relative; z-index:2; height:100%; line-height:1.2em; color:var(--color-white); transition:var(--trans-ani);}
.basic_btn .lg											{ min-width:195px; height:60px; font-size:1.13em;}
.basic_btn .sm											{ min-width:110px; height:40px; font-size:.88rem; border-radius:8px;}
.basic_btn .sm02										{ min-width:110px; height:30px; font-size:.88rem; border-radius:5px;}
.basic_btn a:hover,
.basic_btn button:hover,
.basic_btn a:focus,
.basic_btn button:focus									{ box-shadow:0 5px 5px rgba(0,0,0,0.15);}
.basic_btn .white										{ background-color:#fff; border-color:#dddddd;}
.basic_btn .white span									{ color:var(--color-base);}
.basic_btn .white:hover,
.basic_btn .white:focus									{ border-color:#222;}
.basic_btn .white::after								{ filter:invert(100%) }
.basic_btn .black										{ background:#222; border-color:#222;}
.basic_btn .gray										{ background:#efefef;  font-weight:500;}
.basic_btn .gray span									{ color:var(--color-base);}
.basic_btn .gray:hover,
.basic_btn .gray:focus									{ border-color:#999}
.basic_btn .gray::after									{ filter:invert(100%) }
.basic_btn a[target="_blank"] span:after,
.basic_btn button[target="_blank"] span:after   		{ content:''; opacity:1; display:inline-block; width:13px; height:13px; margin-left:7px; background:url(/resource/images/common/icon_blank.svg) no-repeat 50% 50%; background-size:100%;
   															vertical-align:middle; transition:opacity var(--trans-ani); filter:invert(100%) sepia(98%) saturate(0%) hue-rotate(356deg) brightness(102%) contrast(103%)}
.basic_btn .download span:after							{ content:''; opacity:1; display:inline-block; width:14px; height:13px; margin-left:7px; background:url(/resource/common/images/common/icon_dowload.svg) no-repeat 50% 50%; background-size:100%; 
															vertical-align:middle; transition:opacity var(--trans-ani);   filter:invert(100%) sepia(98%) saturate(0%) hue-rotate(356deg) brightness(102%) contrast(103%);}
.basic_btn .view span:after								{ background-image:url(/resource/common/images/bbs/icon_search.svg) !important; height:13px !important }												
.basic_btn .white[target="_blank"] span:after,
.basic_btn .gray[target="_blank"] span:after,
.basic_btn .download.white span:after,
.basic_btn .download.gray span:after					{ filter:inherit; }
.basic_btn a[target="_blank"]:hover::after,
.basic_btn a[target="_blank"]:focus::after,
.basic_btn .download:hover::after,
.basic_btn .download:focus::after						{ display:none; }
.basic_btn a.sm[target="_blank"] span:after,
.basic_btn button.sm[target="_blank"] span:after		{ margin-top:0; }

.basic_btn .list										{ display:flex; flex-wrap:wrap; gap:10px 20px; }
.basic_btn .list>li										{ width:calc((100% - 20px) / 2); flex:auto; padding:10px 10px 10px 25px; border-radius:8px; background:var(--color-tab-bg); }
.basic_btn .list>li>dl									{ display:flex; align-items:center; justify-content:space-between; width:100%; gap:10px 15px; flex-wrap:wrap; }
.basic_btn .list>li>dl>dt								{ font-weight:700; color:var(--color-point); line-height:1 }
@media all and (max-width:1468px) {
	.basic_btn .list>li									{ width:100%; padding:10px; }
}
@media all and (max-width:1024px) {
	.basic_btn .list>li>dl>dt							{ font-size:.95rem; }
}
@media all and (max-width:968px) {
	/* 버튼 */
	.basic_btn .lg										{ min-width:175px; height:55px; font-size:1.067em; min-height:55px; }
	.basic_btn a, 
	.basic_btn button									{ min-width:110px; height:45px; min-height:45px;}
	.basic_btn .sm										{ min-width:80px; }
	.basic_btn a::after,
	.basic_btn button::after							{ margin-left:25px; }
	.basic_btn .list>li>dl>dt							{ line-height:1.2; }
}
@media all and (max-width:668px) {
	/* 버튼 */
	.basic_btn .lg										{ min-width:155px; height:50px; font-size:1.067em }
	.basic_btn a, 
	.basic_btn button									{ min-width:100px; height:inherit !important; min-height:40px; padding:7px 15px 5px 15px; }
	.basic_btn .sm										{ min-width:70px; height:36px; min-height:36px }
	.basic_btn span										{ flex-flow:row; line-height:1.3 }
	.basic_btn a[target="_blank"] span:after,
	.basic_btn button[target="_blank"] span:after,
	.basic_btn a[target="body"] span:after,
	.basic_btn button[target="body"] span:after,	   		
	.basic_btn .download span:after						{ min-width:13px; }
	.basic_btn .list>li span							{ line-height:1; }
	.basic_btn .list>li .download.white span:after,
	.basic_btn .list>li a.sm[target="_blank"] span:after, 
	.basic_btn .list>li button.sm[target="_blank"] span:after	{ margin-top:-2px; }
}
@media all and (max-width:568px) {
	.basic_btn .list>li>dl								{ flex-flow:column; align-items:flex-start; gap:5px;}
}

/* title */
.h4_title																	{position:relative;font-size:1.5625em;font-weight:700;margin-top: 1.92em;margin-bottom: .77em; line-height: 1.28;}
.h4_title::before														{content:'';display:block;width: 22px;height:3px;background:var(--color-point);margin-bottom:6px;}
.h4_title:first-child                     									{ margin-top:0; }
.h4_title.tac::before														{display:none;}		

.h5_title																	{position:relative;font-size:1.4em;font-weight:600;color:var(--color-point);margin-top: 1em;margin-bottom: .875em; line-height: 1.28;}
.h6_title																	{position:relative;font-size:1.2em;font-weight:600;color:var(--color-base);margin-top: 1.25em;margin-bottom: .5em;line-height: 1.28;}
.h6_title::after															{content:'';display:inline-block;width:20px;background: #888;height:1px;vertical-align: baseline;margin-left:8px;}

@media all and (max-width:1368px) {
	/* title */
	.h4_title																	{font-size:1.5em;}
	.h4_title::before															{width:20px;}
	.h5_title																	{font-size:1.3em;}
	.h6_title																	{font-size:1.125em;}
	.h6_title::after															{width:18px;}
}
@media all and (max-width:1024px) {
	.h4_title,
	.h5_title,
	.h6_title																	{ word-break: break-all; }
}

@media all and (max-width:868px) {
	/* title */
	.h4_title																	{font-size:1.375em;}
	.h4_title::before															{width:18px;}
	.h5_title																	{font-size:1.25em;}
	.h6_title																	{font-size:1.063em;}
	.h6_title::after															{width:16px;}
}

@media all and (max-width:468px) {
	/* title */
	.h4_title																	{font-size:1.25em;}
	.h5_title																	{font-size:1.15em;}
}


/* 준비중페이지*/
.readyBox																			{display:flex;flex-direction: column;gap:1em;align-items:center;text-align:center;padding:5em 1em;}
.readyBox:before                 											 	{ content:""; display:block; width:21em; height:16em; margin:0 auto 1.5em; background:url("/resource/images/contents/img_ready.svg") no-repeat center;}
.readyBox .loading																{display:flex;align-items:center;gap:0 10px;}
.readyBox .loading span															 {display: inline-block;width: 16px;height: 16px;border-radius: 50%;background-color: gray;animation: loading 1.6s ease-in-out infinite;animation-fill-mode: both;}
.readyBox .loading span:nth-child(1) 												{background-color: #f0c602;animation-delay: -0.4s;}
.readyBox .loading span:nth-child(2) 											{background-color: #f18113;animation-delay: -0.2s;}
.readyBox .loading span:nth-child(3) 											{background-color: #e13232;animation-delay: 0s;}

.readyBox h4																		{color:#000;font-family:var(--font-JALNAN);font-size:3em;}		
.readyBox h4 span																{color:var(--color-point);}			
.readyBox p																			{color:#444;font-size:1.063em;}								

@keyframes loading {
  0%{
    opacity: 0.3;
    transform: scale(0.7);
  }
  50% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0.3;
    transform: scale(0.7);
  }
}

@media all and (max-width:1468px){
	.readyBox																		{padding:4em 1em;}
	.readyBox:before															{width:20em;height:15em;}
	.readyBox h4																{font-size:2.5em;}
}

@media all and (max-width:1024px){
	.readyBox																		{padding:3em 1em;}
	.readyBox:before															{width:19em;height:14em;}
}


@media all and (max-width:868px){
	.readyBox																		{padding:2.5em 1em;}
	.readyBox:before															{width:18em;height:13em;}
	.readyBox h4																{font-size:2em;}
	.readyBox p																		{font-size:1em;}
}

@media all and (max-width:468px){
	.readyBox																		{padding:2em 1em;}
	.readyBox:before															{width:16em;height:11em;}
	.readyBox .loading 															{gap:8px;}
	.readyBox .loading span														{width:14px;height:14px;}
	.readyBox h4																{font-size:1.5em;}
	.readyBox p																		{font-size:.94em;}
}

@media all and (max-width:368px){
	.readyBox																		{padding:1.5em 0;}
	.readyBox:before															{width:100%;height:8em;}
	.readyBox h4																{font-size:1.375em;}
}

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

					수료증 발급 안내
 
************************************************************/

[data-subarea="certificate"] .box_info_top p 								{font-weight:500;}
[data-subarea="certificate"] .box_info_top .basic_ul > li					{font-size:1em;color:#444;}
[data-subarea="certificate"] .img_list										{display:flex;gap: 1.5em;flex-wrap:wrap;}
[data-subarea="certificate"] .img_list > li									{flex: 1 1 calc((100% - 1.5em) / 2);background: #f2f2f2;padding: 2.5em;text-align: center;border-radius: 15px;}
[data-subarea="certificate"] .img_list > li	.box_img					{margin-bottom: 2em;}
[data-subarea="certificate"] .img_list > li	.box_img .box_img img	{border-radius: 12px;}
[data-subarea="certificate"] .img_list > li	figcaption						{font-size:1.063em;}


@media all and (max-width:1468px){
	[data-subarea="certificate"] .img_list										{gap: 1.25em;}
	[data-subarea="certificate"] .img_list > li									{flex: 1 1 calc((100% - 1.25em) / 2);padding: 2em;}
	[data-subarea="certificate"] .img_list > li	.box_img					{margin-bottom: 1.5em;}
}

@media all and (max-width:1268px){
	[data-subarea="certificate"] .img_list										{gap: 1.125em;}
	[data-subarea="certificate"] .img_list > li									{flex: 1 1 calc((100% - 1.125em) / 2);padding: 1.75em;}
	[data-subarea="certificate"] .img_list > li	.box_img					{margin-bottom: 1.375em;}
	[data-subarea="certificate"] .img_list > li	figcaption					{font-size:1em;}
}

@media all and (max-width:968px){
	[data-subarea="certificate"] .img_list										{gap: 1.5em;}
	[data-subarea="certificate"] .img_list > li									{flex: 1 1 100%;}
}

@media all and (max-width:768px){
 	[data-subarea="certificate"] .img_list > li .box_img				{margin-bottom:2em;}
}


@media all and (max-width:668px){
	[data-subarea="certificate"] .img_list										{gap: 1.25em;}
	[data-subarea="certificate"] .img_list > li									{padding: 1.5em;}
	[data-subarea="certificate"] .img_list > li	.box_img					{margin-bottom: 1.875em;}
	[data-subarea="certificate"] .img_list > li	.box_img .box_img img{border-radius: 8px;}
	[data-subarea="certificate"] .img_list > li	figcaption						{font-size:.98em;}
}

@media all and (max-width:468px){
	[data-subarea="certificate"] .img_list										{gap: 1.125em;}
	[data-subarea="certificate"] .img_list > li									{padding: 1.25em;}
	[data-subarea="certificate"] .img_list > li	.box_img					{margin-bottom: 1.625em;}
	[data-subarea="certificate"] .img_list > li	figcaption						{font-size:.94em;}
}



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

							인사말
 
************************************************************/
[data-subarea="greeting"] .img_box									{display:flex;justify-content:space-between;gap: 0 30px;background:url('/resource/images/contents/bg_greeting.jpg') no-repeat center / cover;border-radius:30px 30px 150px 30px;overflow: hidden;}
[data-subarea="greeting"] .img_box .img 							{width:534px;margin-top: 50px;}
[data-subarea="greeting"] .img_box .txt								{display: flex;align-items: center;padding-left: 100px;}
[data-subarea="greeting"] .img_box .txt .tit							{position:relative;font-size: 2.5em;font-family: var(--font-JALNAN); }
[data-subarea="greeting"] .img_box .txt .tit::before				{content:'';display:block;position:absolute;left:calc(100px/2 * -1);top:calc(73px/2 * -1);background: url('/resource/images/contents/icon_quote.svg') no-repeat center / 100%;width:100px;height:73px;opacity: .1;}
[data-subarea="greeting"] .img_box .txt .tit strong					{display:block;}
[data-subarea="greeting"] .flex											{ flex-wrap: wrap; }
[data-subarea="greeting"] .text											{ flex:0 1 50%; display:flex;flex-flow:column; gap:1.75em; font-size:1.125em; line-height:1.6; padding:3em 2.5em; padding-bottom:0;font-weight:300; }
[data-subarea="greeting"] .text>li.sign									{display:flex;justify-content: flex-end;margin-top:1.25em;font-size:1.063em;}
[data-subarea="greeting"] .text>li.sign strong							{font-weight:600;}

@media all and (max-width:1568px){
	[data-subarea="greeting"] .img_box									{border-radius: 20px 20px 120px 20px;}
	[data-subarea="greeting"] .img_box .img								{margin-top:40px; width: 520px;}
	[data-subarea="greeting"] .img_box .txt								{padding-left:80px;}
	[data-subarea="greeting"] .img_box .txt .tit						{font-size:2.25em;}
	[data-subarea="greeting"] .img_box .txt .tit::before				{width:90px;height:66px;left:calc(90px/2 * -1);top:calc(66px/2 * -1);}
	[data-subarea="greeting"] .text										{ padding:3em 2em; }
}

@media all and (max-width:1468px){
	[data-subarea="greeting"] .img_box .img								{width: 500px;}
	[data-subarea="greeting"] .img_box .txt								{padding-left:70px;}
	[data-subarea="greeting"] .img_box .txt .tit						{font-size:2em;}
	[data-subarea="greeting"] .img_box .txt .tit::before				{width:80px;height:59px;left:calc(80px/2 * -1);top:calc(59px/2 * -1);}
	[data-subarea="greeting"] .text										{font-size:1.063em; padding:3em 1em; }
}

@media all and (max-width:1268px){
	[data-subarea="greeting"] .img_box .img								{width: 460px;}
	[data-subarea="greeting"] .img_box .txt								{padding-left:60px;}
	[data-subarea="greeting"] .img_box .txt .tit						{font-size:1.875em;}
	[data-subarea="greeting"] .img_box .txt .tit::before				{width:70px;height:52px;left:calc(70px/2 * -1);top:calc(52px/2 * -1);}
}

@media all and (max-width:1168px){
	[data-subarea="greeting"] .img_box									{gap:0 10px;}
	[data-subarea="greeting"] .img_box .img								{width: 400px;}
	[data-subarea="greeting"] .img_box .txt								{padding-left:50px;}
	[data-subarea="greeting"] .img_box .txt .tit						{font-size:1.625em;}
	[data-subarea="greeting"] .img_box .txt .tit::before				{width:60px;height:44px;left:calc(60px/2 * -1);top:calc(44px/2 * -1);}
	[data-subarea="greeting"] .flex										{padding:2em 1em;padding-bottom:0  }
   	[data-subarea="greeting"] .text										{flex:100%; gap:1em; padding:0; }
	[data-subarea="greeting"] .text+.text								{margin-top:1em; }
	[data-subarea="greeting"] .text>li.sign								{margin-top:1em;}
}

@media all and (max-width:968px){
	[data-subarea="greeting"] .img_box									{flex-wrap:wrap;justify-content: flex-end;gap:12px 0;}
	[data-subarea="greeting"] .img_box .txt								{width:100%;padding: 3em 3em 0 3em;}
	[data-subarea="greeting"] .img_box .txt .tit::before				{display:none;}
	[data-subarea="greeting"] .img_box .img								{width: 380px;margin-top:0;}
}


@media all and (max-width:668px){
	[data-subarea="greeting"] .img_box									{border-radius: 20px 20px 80px 20px;}
	[data-subarea="greeting"] .img_box .txt 							{padding: 2.5em 2.5em 0 2.5em;}
	[data-subarea="greeting"] .img_box .txt .tit						{font-size:1.5em;}
	[data-subarea="greeting"] .img_box .img								{width: 340px;}
	[data-subarea="greeting"] .flex										{ padding:1.5em 1em; padding-bottom:0;}
}

@media all and (max-width:468px){
	[data-subarea="greeting"] .img_box									{border-radius: 10px 10px 40px 10px;}
	[data-subarea="greeting"] .img_box .txt 							{padding: 2em 2em 0 2em;}
	[data-subarea="greeting"] .img_box .txt .tit						{font-size:1.25em;}
	[data-subarea="greeting"] .img_box .img								{width:90%;max-width: 300px;}
	[data-subarea="greeting"] .text											{font-size:1em;}
}

@media all and (max-width:368px){
	[data-subarea="greeting"] .img_box .txt 							{padding: 1.5em 1.5em 0 1.5em;word-break: break-all;}
  	[data-subarea="greeting"] .img_box .txt .tit strong						{display:inline;}
	[data-subarea="greeting"] .text>li.sign									{justify-content: flex-start;}
}

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

							조직안내
 
************************************************************/

[data-subarea="org"] .box												{border-radius:30px;background:#fafafa;padding:3.75em;}
[data-subarea="org"] .org_list											{text-align:center; position:relative;--sizeWidth:340px;}
[data-subarea="org"] .org_list>li										{position:relative;width:100%; margin:0 auto 2.5em;}
[data-subarea="org"] .org_list>li::before,
[data-subarea="org"] .org_list>li>ul>li::before							{content:"";display:block;width:2px;height: 2.5em;background:#ddd;position:absolute;top:100%;left: 50%;transform:translateX(-50%);margin:auto;}
[data-subarea="org"] .org_list>li:has(ul)::before						{display:none;}
[data-subarea="org"] .org_list>li>ul>li::before						{top:-2.5em;}
[data-subarea="org"] .org_list>li::after,
[data-subarea="org"] .org_list>li>ul>li>span::after						{content:'';position:absolute;top:-14px;left:50%;transform:translateX(-50%);display:block;width:14px;height:14px;background:#1f7c60;border:4px solid #fafafa;border-radius:100%;z-index:1;}
[data-subarea="org"] .org_list>li.top+li::after							{background:var(--color-point);}
[data-subarea="org"] .org_list>li>ul>li>span::after					{background:#0e6074;}
[data-subarea="org"] .org_list>li.top									{position:relative;width:calc(var(--sizeWidth) + 30px);border-radius: 50px;background: var(--color-point);font-size:1.5em;height: 100px;margin:0 auto calc(2.5em + 8px);color:var(--color-white);font-family:var(--font-JALNAN);}
[data-subarea="org"] .org_list>li.top::before							{height:calc(2.5em + 8px);top:calc(100% + 8px);}
[data-subarea="org"] .org_list>li.top::after							{content:'';position:absolute;width: calc(100% + 16px);height: calc(100% + 16px);border: 1px dashed var(--color-point);background:transparent;opacity: .5;border-radius: 60px;top:50%;left:50%;transform:translate(-50%,-50%);}
[data-subarea="org"] .org_list>li.top strong							{margin-top: .25em;}
[data-subarea="org"] .org_list>li:not(:has(ul)),
[data-subarea="org"] .org_list>li>ul>li									{position: relative;z-index: 1;display: flex;align-items: center;justify-content: center;background:#1f7c60;width: var(--sizeWidth);font-weight:500;height:80px;line-height: 100%;font-size:1.25em;color: #fff;border-radius: 10px;}
[data-subarea="org"] .org_list>li:last-child								{margin-bottom:0;}
[data-subarea="org"] .org_list>li>ul										{display:flex; flex-wrap:wrap; justify-content:center; flex-wrap:wrap; gap:0 var(--sizeWidth); position:relative;}
[data-subarea="org"] .org_list>li>ul>li									{margin-top:2.5em;background:#0e6074 !important;}
[data-subarea="org"] .org_list>li>ul>li:after							{content:'';display: block;position: absolute;left: 50%;transform: translateX(-50%);top: -2.5em;width: 100%;height: 2px;background-color: #ddd;}									
[data-subarea="org"] .org_list>li>ul>li:first-of-type::after			{left: 50%;transform: translateX(0);}
[data-subarea="org"] .org_list>li>ul>li:last-of-type::after			{right: 50%;left:inherit;transform: translateX(0);}


@media all and (max-width:1468px){
	[data-subarea="org"] .box												{border-radius:20px;padding:3.5em;}
	[data-subarea="org"] .org_list											{--sizeWidth:300px;}
	[data-subarea="org"] .org_list>li.top									{ font-size: 1.375em; height: 80px;}
	[data-subarea="org"] .org_list>li:not(:has(ul)),
	[data-subarea="org"] .org_list>li>ul>li									{font-size: 1.125em;height: 60px;}
}

@media all and (max-width:1268px){	
	[data-subarea="org"] .box												{padding:3em;}
}

@media all and (max-width:1168px){								
	[data-subarea="org"] .org_list											{--sizeWidth:33.3%;}
	[data-subarea="org"] .org_list>li.top									{min-width:300px;}
}

@media all and (max-width:868px){	
	[data-subarea="org"] .box												{padding:2.5em;}
}

@media all and (max-width:668px){	
	[data-subarea="org"] .box												{padding:2em;}
	[data-subarea="org"] .org_list>li										{margin: 0 auto 2em;}
	[data-subarea="org"] .org_list>li::before,
	[data-subarea="org"] .org_list>li>ul>li::before						{height:2em;}
	[data-subarea="org"] .org_list>li.top									{margin: 0 auto calc(2em + 8px);font-size: 1.25em;height:60px;}
	[data-subarea="org"] .org_list>li.top::before						{ height: calc(2em + 8px);}
	[data-subarea="org"] .org_list>li:not(:has(ul)),
	[data-subarea="org"] .org_list>li>ul>li								{height:50px;font-size: 1.063em;}
}


@media all and (max-width:468px){	
	[data-subarea="org"] .box												{padding:1.5em;}
	[data-subarea="org"] .org_list											{--sizeWidth:calc((100% - 1em) / 2);}
	[data-subarea="org"] .org_list>li										{margin: 0 auto 1.5em;}
	[data-subarea="org"] .org_list>li::before,
	[data-subarea="org"] .org_list>li>ul>li::before						{height:1.5em;}
	[data-subarea="org"] .org_list>li.top									{margin: 0 auto calc(1.5em + 8px);min-width:82%;height:auto;padding:1em;word-break: break-all;line-height:1.2;}
	[data-subarea="org"] .org_list>li.top::before						{ height: calc(1.5em + 8px);}
	[data-subarea="org"] .org_list>li>ul									{gap:0 1em;}
}


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

 							시설안내

**********************************************************************/
[data-subarea="facility"] .slide_item								{ position:relative;overflow:hidden; width:100%; height:0;padding-top: calc(100% / 5 * 2);}
[data-subarea="facility"] .slide_item img,
[data-subarea="facility"] .slide_item picture						{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);
    																		-webkit-transform:translate(-50%,-50%); -moz-transform: translate(-50%,-50%); object-fit:cover; -o-object-fit:cover; z-index:1;transition:var(--trans-ani);}


@media all and (max-width:468px){
  [data-subarea="facility"] .slide_item								{padding-top: calc(100% / 3 * 2);}
}



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

					비전 및 목표
 
************************************************************/

[data-subarea="vision"] .flex_tbox										{display:flex;--sizeWidth:260px;align-items:center;border-radius:12px;--sizeHig:100px;}
[data-subarea="vision"] .flex_tbox + .flex_tbox						{margin-top:20px;}
[data-subarea="vision"] .flex_tbox:has(p)								{background:#f2f2f2;}
[data-subarea="vision"] .flex_tbox h5									{position:relative;display:flex;flex-direction:column;gap:6px;width:var(--sizeWidth);height:var(--sizeHig);background:linear-gradient(120deg, #087a10, #006f08);color:var(--color-white);font-size:1.375em;font-weight:600;padding:0 1.5rem;border-radius:12px 12px 40px 12px;line-height: 1.2;/* align-items: center; */justify-content: center;}
[data-subarea="vision"] .flex_tbox h5::after							{content:'';position:absolute;right:10px;top:10px;display:block;width:5px;height:5px;border-radius:100%;background:var(--color-white);}
[data-subarea="vision"] .flex_tbox p									{font-size:1.375em;font-weight:600;text-align:center;width:calc(100% - var(--sizeWidth));color:#333;}
[data-subarea="vision"] .en												{color:rgba(255,255,255,.8);font-weight:200;font-size:1rem;}
[data-subarea="vision"] .v_list 											{margin-top:20px;}
[data-subarea="vision"] .v_list .list											{display:flex;position: relative;gap: 0 5em;margin-bottom: 3.75em;}
[data-subarea="vision"] .v_list .list::before								{content:'';display:block;position: absolute;bottom: 0;left: 50%;width: calc(100% - ((100% - 10em) / 3));transform: translateX(-50%);height: 1px;background: #e5e5e5;}
[data-subarea="vision"] .v_list .list > li									{position:relative;width: calc((100% - 10em) / 3);margin-bottom:3.75em;}
[data-subarea="vision"] .v_list .list > li::before							{content:'';display:block;position:absolute;left:50%;top:100%;height:3.75em;width:1px;background: #e5e5e5;}
[data-subarea="vision"] .v_list .list > li.innovation::before			{height:7.5em;}
[data-subarea="vision"] .v_list .list > li::after 							{content:'';position: absolute;top: 50%;right:calc(((5em + 42px) / 2) * -1);transform: translateY(-50%);display:block;width:42px;height:34px;background-repeat:no-repeat;background-position:center;background-size:100%;}
[data-subarea="vision"] .v_list .list > li.autonomy::after			{background-image:url(/resource/images/contents/icon_arr_green.svg);} 
[data-subarea="vision"] .v_list .list > li.innovation::after			{background-image:url(/resource/images/contents/icon_arr_blue.svg);} 
[data-subarea="vision"] .v_list .list > li.cooperation::after			{display:none;}
[data-subarea="vision"] .v_list .list > li dl								{border-radius:12px;height:100%;}
[data-subarea="vision"] .v_list .list > li.autonomy	dl				{background:#f4f8f7;}
[data-subarea="vision"] .v_list .list > li.innovation dl				{background:#f3f7f8;}
[data-subarea="vision"] .v_list .list > li.cooperation dl				{background:#f3f6f7;}
[data-subarea="vision"] .v_list .list > li dl > dt						{display:flex;flex-direction:column;align-items:center;gap:6px;padding:1.875em;border-radius:12px;text-align:center;line-height:1.2;}
[data-subarea="vision"] .v_list .list > li.autonomy	dl > dt				{background:#1b6f55;}
[data-subarea="vision"] .v_list .list > li.innovation dl > dt			{background:#0e6074;}
[data-subarea="vision"] .v_list .list > li.cooperation dl > dt			{background:#1c4e68;}
[data-subarea="vision"] .v_list .list > li dl > dt strong				{color:var(--color-white);font-size:1.375em;font-weight:600;}
[data-subarea="vision"] .v_list .list > li dl > dt strong::before	{content:'';display:block;--sizeIcon:42px;width:var(--sizeIcon);height:var(--sizeIcon);margin:0 auto 10px;background-repeat:no-repeat;background-position:center;background-size:100%;}
[data-subarea="vision"] .v_list .list > li.autonomy	dl > dt strong::before{background-image:url(/resource/images/contents/icon_vision01.svg);}
[data-subarea="vision"] .v_list .list > li.innovation dl > dt strong::before{background-image:url(/resource/images/contents/icon_vision02.svg);background-size:auto 100%;}
[data-subarea="vision"] .v_list .list > li.cooperation dl > dt strong::before{background-image:url(/resource/images/contents/icon_vision03.svg);}
[data-subarea="vision"] .v_list .list > li dl > dd						{padding:1.875em;text-align:center;}
[data-subarea="vision"] .v_list .list > li dl > dd	strong				{font-size: 1.25em;line-height: 1.2;font-weight:600;display: block;padding-bottom: 1em;border-bottom:1px dotted rgba(0,0,0,.2);margin-bottom: 1em;}
[data-subarea="vision"] .v_list .list > li.autonomy	dd strong		{color:#1f7c60;}
[data-subarea="vision"] .v_list .list > li.innovation dd strong			{color:#0e6074;}
[data-subarea="vision"] .v_list .list > li.cooperation dd strong		{color:#1c4e68;}
[data-subarea="vision"] .v_list .list > li dl > dd p					{font-size:1.063em;color:#444;}
[data-subarea="vision"] .v_list .tit										{position:Relative;background:var(--color-white);border:2px solid #d2d2d2;border-radius:40px 0 40px;}
[data-subarea="vision"] .v_list .tit::before								{content:'';display:block;position: absolute;width: 12px;height: 12px;border-radius:100%;border:2px solid var(--color-point);left:50%;top: calc((12px / 2) * -1);transform: translateX(-50%);background: var(--color-white);}
[data-subarea="vision"] .v_list .tit::after									{content:"";position:absolute;right:-6px;bottom:-6px;background:#edf1f6;width:100%;height:100%;z-index:-1;border-radius:40px 0 40px;}
[data-subarea="vision"] .v_list .tit em										{position:relative;display:block;padding:2.5rem;text-align:center;font-size:2.25em;line-height:1.2;background-image: linear-gradient(to right, #008A07, #0957af);background-clip: text;-webkit-background-clip: text;color: transparent;font-family:var(--font-JALNAN);}
[data-subarea="vision"] .flex_tbox .tbox									{gap:20px;flex-direction: column;display: flex;}
[data-subarea="vision"] .flex_tbox:not(:has(p))								{gap:0 3.75em;align-items: flex-start;}
[data-subarea="vision"] .flex_tbox > ul										{width:calc(100% - var(--sizeWidth) - 3.75em);display: flex;gap: 1.5em;}
[data-subarea="vision"] .flex_tbox > ul	> li								{width:calc((100% - 4.5em) / 4);}
[data-subarea="vision"] .flex_tbox > ul > li dl									{gap:20px;flex-direction: column;display: flex;height:100%;}
[data-subarea="vision"] .flex_tbox > ul > li dl dt								{position:relative;display:flex;align-items:center;justify-content:center;border-radius:3em;border:2px solid var(--color-point);min-height:var(--sizeHig);background:var(--color-white);color:var(--color-point);font-size:1.125em;font-weight:600;text-align:center;padding: 0 1em;}
[data-subarea="vision"] .flex_tbox > ul > li dl dt::after							{content:'';position:absolute;width:10px;height:10px;border:2px solid var(--color-point);border-radius:100%;background:var(--color-white);left:50%;bottom: calc((12px / 2) * -1);transform:translateX(-50%);}
[data-subarea="vision"] .flex_tbox > ul > li dl dd							{position:relative;background:#f2f2f2;border-radius:12px;padding:1.75em;height: calc(100% - var(--sizeHig));}
[data-subarea="vision"] .flex_tbox > ul > li dl dd::before						{content:'';display:block;left:50%;top:-20px;height:20px;position:absolute;width:1px;background:#e5e5e5;z-index:-1;transform: translateX(-1px);}
[data-subarea="vision"] .flex_tbox > ul > li dl dd> .basic_ul					{margin-top:0;}
[data-subarea="vision"] .flex_tbox > ul > li dl dd> .basic_ul li				{color:#444;}

@media all and (max-width:1468px){
	[data-subarea="vision"] .flex_tbox										{--sizeWidth:240px;--sizeHig: 92px;}
	[data-subarea="vision"] .flex_tbox h5									{font-size:1.25em;padding:1.375rem;}
	[data-subarea="vision"] .flex_tbox p									{font-size:1.25em;}
	[data-subarea="vision"] .v_list .list										{gap:0 4em;margin-bottom: 3em;}
	[data-subarea="vision"] .v_list .list::before								{width: calc(100% - ((100% - 8em) / 3));}
	[data-subarea="vision"] .v_list .list > li									{position:relative;width: calc((100% - 8em) / 3);margin-bottom: 3em;}
	[data-subarea="vision"] .v_list .list > li::before							{height:3em;}
	[data-subarea="vision"] .v_list .list > li.innovation::before			{height:6em;}
	[data-subarea="vision"] .v_list .list > li::after							{width: 38px;height: 30px;right: calc(((4em + 38px) / 2) * -1);}
	[data-subarea="vision"] .v_list .list > li dl > dt							{padding:1.5em}
	[data-subarea="vision"] .v_list .list > li dl > dt strong				{font-size:1.25em;}
	[data-subarea="vision"] .v_list .list > li dl > dt strong::before		{--sizeIcon:40px;}
	[data-subarea="vision"] .v_list .list > li dl > dd							{padding: 1.5em;}
	[data-subarea="vision"] .v_list .list > li dl > dd strong				{font-size: 1.125em;}
	[data-subarea="vision"] .v_list .list > li dl > dd p					{font-size: 1em;}
	[data-subarea="vision"] .v_list .tit em										{font-size: 1.875em;padding: 2.25rem;}
	[data-subarea="vision"] .flex_tbox > ul > li dl dt						{font-size:1.063em;}
	[data-subarea="vision"] .flex_tbox:not(:has(p))								{gap:0 3em;}
	[data-subarea="vision"] .flex_tbox > ul										{width:calc(100% - var(--sizeWidth) - 3em);gap: 1.25em;}
	[data-subarea="vision"] .flex_tbox > ul	> li								{width:calc((100% - 3.75em) / 4);}
	[data-subarea="vision"] .flex_tbox > ul > li dl dd							{padding:1.5em;}
}


@media all and (max-width:1268px){
	[data-subarea="vision"] .flex_tbox										{--sizeWidth:200px;--sizeHig: 86px;}
	[data-subarea="vision"] .flex_tbox h5									{font-size:1.125em;padding:1.25rem;}
	[data-subarea="vision"] .en													{font-size:.94rem;}
	[data-subarea="vision"] .flex_tbox p									{font-size:1.125em;}
	[data-subarea="vision"] .v_list .list										{gap:0 3em;margin-bottom: 2.5em;}
	[data-subarea="vision"] .v_list .list::before								{width: calc(100% - ((100% - 6em) / 3));}
	[data-subarea="vision"] .v_list .list > li									{position:relative;width: calc((100% - 6em) / 3);margin-bottom: 2.5em;}
	[data-subarea="vision"] .v_list .list > li::before							{height:2.5em;}
	[data-subarea="vision"] .v_list .list > li.innovation::before			{height:5em;}
	[data-subarea="vision"] .v_list .list > li::after							{width: 32px;height: 28px;right: calc(((3em + 32px) / 2) * -1);}
	[data-subarea="vision"] .v_list .list > li dl > dt							{padding:1.375em;}
	[data-subarea="vision"] .v_list .list > li dl > dt strong					{font-size:1.125em;}
	[data-subarea="vision"] .v_list .list > li dl > dt strong::before		{--sizeIcon:36px;}
	[data-subarea="vision"] .v_list .list > li dl > dd							{padding: 1.375em;}
	[data-subarea="vision"] .v_list .list > li dl > dd strong					{font-size: 1.063em;}
	[data-subarea="vision"] .v_list .list > li dl > dd p						{font-size: .94em;}
	[data-subarea="vision"] .v_list .tit em										{font-size: 1.625em;padding: 2rem;}
	[data-subarea="vision"] .flex_tbox:not(:has(p))								{gap:0 2.5em;}
	[data-subarea="vision"] .flex_tbox > ul										{width:calc(100% - var(--sizeWidth) - 2.5em);gap: 1em;}
	[data-subarea="vision"] .flex_tbox > ul	> li								{width:calc((100% - 3em) / 4);}
	[data-subarea="vision"] .flex_tbox > ul > li dl dd							{padding:1.375em;}
}

@media all and (max-width:1168px){
 	[data-subarea="vision"] .v_list .tit em										{line-height:1.4;}
  	[data-subarea="vision"] .flex_tbox											{--sizeWidth:180px;}
	[data-subarea="vision"] .flex_tbox:not(:has(p))								{gap:0 2em;}
	[data-subarea="vision"] .flex_tbox > ul										{width:calc(100% - var(--sizeWidth) - 2em);}	
}

@media all and (max-width:968px){
	[data-subarea="vision"] .flex_tbox											{--sizeHig: 80px;}
	[data-subarea="vision"] .flex_tbox h5										{padding:1.125rem;}
	[data-subarea="vision"] .flex_tbox p										{font-size:1.063em;}
	[data-subarea="vision"] .v_list .list											{flex-wrap:wrap;gap: 4em;margin-bottom: 0;padding-bottom: 2.5em;}
	[data-subarea="vision"] .v_list .list::before									{width: 1px;height: 2.5em;transform: translateX(-1px);}
	[data-subarea="vision"] .v_list .list > li										{width:100%;margin-bottom:0;}
	[data-subarea="vision"] .v_list .list > li::before								{display:none;}
	[data-subarea="vision"] .v_list .list > li::after								{right: 50%;top: initial;transform: translateY(0) translateX(50%) rotate(90deg);bottom: calc(((4em + 28px) / 2) * -1);}
	[data-subarea="vision"] .v_list .list > li dl > dt,
	[data-subarea="vision"] .v_list .list > li dl > dd								{padding: 1.25em;}
	[data-subarea="vision"] .v_list .list > li dl > dt strong::before			{--sizeIcon:32px}
	[data-subarea="vision"] .v_list .tit em										 {font-size: 1.5em;padding: 1.75rem;}
	[data-subarea="vision"] .flex_tbox:not(:has(p))								{gap: 20px;flex-direction:column;}
	[data-subarea="vision"] .flex_tbox .tbox									{flex-direction:row;width: 100%;}
	[data-subarea="vision"] .flex_tbox .tbox h5:nth-child(2)				{width:calc(100% - var(--sizeWidth) - 1em);}
	[data-subarea="vision"] .flex_tbox > ul										{width: 100%;gap:20px;flex-wrap: wrap;}
	[data-subarea="vision"] .flex_tbox > ul	> li								{width:100%;}
	[data-subarea="vision"] .flex_tbox > ul > li dl								{flex-direction: row;}
	[data-subarea="vision"] .flex_tbox > ul > li dl dt							{border-radius:12px;padding: 1.125rem;font-size: 1em;width: var(--sizeWidth);height: 100%;min-height: initial;}
	[data-subarea="vision"] .flex_tbox > ul > li dl dt br						{display:none;}
	[data-subarea="vision"] .flex_tbox > ul > li dl dt::after					{left: calc(100% + (8px / 2) * -1);bottom: 50%;transform: translateX(0) translateY(50%);}
	[data-subarea="vision"] .flex_tbox > ul > li dl dd							{width:calc(100% - var(--sizeWidth) - 20px);height: auto;padding:1.25em;}
	[data-subarea="vision"] .flex_tbox > ul > li dl dd::before					{left: -20px;top: 50%;transform: translateX(0) translateY(-1px);width: 20px;height: 1px;}

}

@media all and (max-width:668px){
	[data-subarea="vision"] .flex_tbox												{ flex-wrap:wrap;--sizeWidth:160px;}
	[data-subarea="vision"] .flex_tbox:has(p) h5								{width:100%; align-items: center;}
	[data-subarea="vision"] .flex_tbox h5											{gap: 5px;border-radius: 10px 10px 24px 10px;}
	[data-subarea="vision"] .flex_tbox p											{padding:1.125rem;font-size:1em;width: 100%;}
	[data-subarea="vision"] .v_list .list												{gap:3em;padding-bottom: 2em;}
	[data-subarea="vision"] .v_list .list::before										{height:2em;}
	[data-subarea="vision"] .v_list .list > li::after									{width: 28px;height: 24px;bottom: calc(((3em + 24px) / 2) * -1);}
	[data-subarea="vision"] .v_list .list > li dl,
	[data-subarea="vision"] .v_list .list > li dl > dt,
	[data-subarea="vision"] .flex_tbox > ul > li dl dt,
	[data-subarea="vision"] .flex_tbox > ul > li dl dd								{border-radius:10px;}
	[data-subarea="vision"] .v_list .list > li dl > dt,
	[data-subarea="vision"] .v_list .list > li dl > dd									{padding: 1.125em;}
	[data-subarea="vision"] .v_list .list > li dl > dt strong							{font-size:1.063em;}
	[data-subarea="vision"] .v_list .list > li dl > dt strong::before				{--sizeIcon:30px}
	[data-subarea="vision"] .v_list .list > li dl > dd strong						{font-size:1em;padding-bottom: .75em;margin-bottom: .75em;}
	[data-subarea="vision"] .v_list .list > li dl > dd p							{font-size:.9em;}
	[data-subarea="vision"] .v_list .tit,
	[data-subarea="vision"] .v_list .tit::after												{border-radius: 24px 0 24px 0;}
	[data-subarea="vision"] .v_list .tit em												{font-size: 1.25em;padding: 1.5rem;}
	[data-subarea="vision"] .flex_tbox:not(:has(p))									{gap: 12px;}
	[data-subarea="vision"] .flex_tbox .tbox											{gap:12px;}
	[data-subarea="vision"] .flex_tbox .tbox h5:nth-child(2)					{width:calc(100% - var(--sizeWidth) - 12px);}
	[data-subarea="vision"] .flex_tbox > ul,
	[data-subarea="vision"] .flex_tbox > ul > li dl									{gap:12px;}
	[data-subarea="vision"] .flex_tbox > ul > li dl dt								{font-size:.98em;}
	[data-subarea="vision"] .flex_tbox > ul > li dl dd								{width:calc(100% - var(--sizeWidth) - 12px);padding:1.125em;font-size:.94em;}
	[data-subarea="vision"] .flex_tbox > ul > li dl dd::before						{left: -12px;width: 12px;}
	[data-subarea="vision"] .flex_tbox > ul > li dl dd .basic_ul>li:before			{top:7px;}
}

@media all and (max-width:468px){
	[data-subarea="vision"] .flex_tbox													{--sizeWidth:140px;}
	[data-subarea="vision"] .flex_tbox h5												{padding:1rem;font-size: 1.063em;}
	[data-subarea="vision"] .flex_tbox p												{padding:1rem;font-size:.98em;}
	[data-subarea="vision"] .en															{font-size: .88rem;}
	[data-subarea="vision"] .v_list .tit em												{font-size: 1.125em;padding: 1.375rem;}
	[data-subarea="vision"] .flex_tbox:not(:has(p))									{gap: 10px;}
	[data-subarea="vision"] .flex_tbox .tbox										{gap:10px;}
	[data-subarea="vision"] .flex_tbox .tbox h5:nth-child(2)					{width:calc(100% - var(--sizeWidth) - 10px);}
	[data-subarea="vision"] .flex_tbox > ul											{gap:10px;}
	[data-subarea="vision"] .flex_tbox > ul > li dl dt								{font-size:.92em;word-break: break-all;}
	[data-subarea="vision"] .flex_tbox > ul > li dl dd								{font-size:.9em;width:calc(100% - var(--sizeWidth) - 10px);}
	[data-subarea="vision"] .flex_tbox > ul > li dl dd::before						{left: -12px;width: 10px;}
}

@media all and (max-width:368px){
	[data-subarea="vision"] .flex_tbox												{--sizeWidth:130px;}
}

@media all and (max-width:298px){
	[data-subarea="vision"] .flex_tbox												{--sizeWidth:110px;}
}

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

					찾아오시는 길
 
************************************************************/
[data-subarea="location"] .map_box										{ position:relative; overflow:hidden; width:100%; height:440px;border:1px solid rgba(0,0,0,.1);border-radius:20px; }
[data-subarea="location"] .map_box .root_daum_roughmap			{ width:calc(100% + 2px); height:calc(440px + 2px); position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
[data-subarea="location"] .list													{display:flex;gap:0 1.5em;margin-top:2em;}
[data-subarea="location"] .list > li											{flex:auto;display: flex;flex-direction: column;gap: 16px;background:#f8f8f8;padding:2em;border-radius:20px;}
[data-subarea="location"] .list > li .icon										{display:flex;align-items: center;justify-content: flex-end;text-align:right;height: 58px;}
[data-subarea="location"] .list > li .icon::before							{content:'';display:inline-block;background-repeat:no-repeat;background-position:right center;background-size:100%;}
[data-subarea="location"] .list > li .icon.add::before						{width:59px;height:55px;background-image:url(/resource/images/contents/icon_add.svg);}
[data-subarea="location"] .list > li .icon.tel::before						{width:65px;height:58px;background-image:url(/resource/images/contents/icon_tel.svg);}
[data-subarea="location"] .list > li .icon.mail::before						{width:67px;height:38px;background-image:url(/resource/images/contents/icon_email.svg);}
[data-subarea="location"] .list > li dl											{display:flex;flex-direction:column;gap:10px;align-items: flex-start;}
[data-subarea="location"] .list > li dl dt										{text-align:center;font-size:1em;color:var(--color-white);background:var(--color-point);padding:.5em 1.125em;min-width: 94px;line-height:1.2;font-weight:500;border-radius: 2.5em;}
[data-subarea="location"] .list > li dl dd										{font-size:1.125em;color:#444;line-height:1.2;}

@media all and (max-width:1468px){
	[data-subarea="location"] .map_box										{height:400px;}
	[data-subarea="location"] .list												{gap:0 1.25em;margin-top:1.75em;}
	[data-subarea="location"] .list > li										{padding:1.75em;gap:12px;}
	[data-subarea="location"] .list > li:first-child							{max-width:55%;}
	[data-subarea="location"] .list > li dl										{gap:8px;}
	[data-subarea="location"] .list > li dl dt									{font-size:.98em;min-width: 92px;}
	[data-subarea="location"] .list > li dl dd									{font-size:1.063em}
}

@media all and (max-width:1268px){
	[data-subarea="location"] .map_box										{height:360px;}
	[data-subarea="location"] .list > li:first-child							{max-width:50%;}
}

@media all and (max-width:1024px){
	[data-subarea="location"] .map_box										{height:300px;border-radius:16px;}
	[data-subarea="location"] .list												{gap:1.25em;flex-wrap:wrap;}
	[data-subarea="location"] .list > li										{width:calc((100 - 1.25em) / 2);border-radius:16px;}
	[data-subarea="location"] .list > li:first-child							{width:100%;max-width:initial;}
	[data-subarea="location"] .list > li .icon										{height: 52px;}
	[data-subarea="location"] .list > li .icon.add::before						{width:54px;height:50px;}
	[data-subarea="location"] .list > li .icon.tel::before						{width:58px;height:52px;}
	[data-subarea="location"] .list > li .icon.mail::before						{width:60px;height:34px;}
	[data-subarea="location"] .list > li dl dd									{line-height:inherit;}
}

@media all and (max-width:868px){
	[data-subarea="location"] .map_box										{height:260px;border-radius:12px;}
	[data-subarea="location"] .list												{gap:1em;margin-top:1.5em;}
	[data-subarea="location"] .list > li										{padding:1.5em;border-radius:12px;width:calc((100 - 1em) / 2);}
	[data-subarea="location"] .list > li .icon									{height:48px;}
	[data-subarea="location"] .list > li .icon.add::before						{width:50px;height:46px;}
	[data-subarea="location"] .list > li .icon.tel::before						{width:54px;height:48px;}
	[data-subarea="location"] .list > li .icon.mail::before						{width:56px;height:32px;}
}

@media all and (max-width:468px){
	[data-subarea="location"] .map_box										{height:240px;}
	[data-subarea="location"] .list												{gap:10px;margin-top:1.25em;}
	[data-subarea="location"] .list > li										{padding:1.25em;width:100%;gap:8px;}
	[data-subarea="location"] .list > li .icon									{height:42px;}
	[data-subarea="location"] .list > li .icon.add::before						{width:43px;height:40px;}
	[data-subarea="location"] .list > li .icon.tel::before						{width:46px;height:42px;}
	[data-subarea="location"] .list > li .icon.mail::before						{width:48px;height:27px;}
	[data-subarea="location"] .list > li dl										{gap:6px;}
	[data-subarea="location"] .list > li dl dt									{min-width: 82px;padding:.5em 1em;font-size:.92em;}
	[data-subarea="location"] .list > li dl dd									{word-break: break-all;font-size:1em;}
}