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

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

 								비주얼

**********************************************************************/
.visual																				{ position:relative; width:100%; height:0; padding-top:23.4375%; min-height:240px; background-position:50% 50%; background-repeat:no-repeat; background-size:cover; }
.visual::before																		{ position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,.6); content:''; z-index:1; }
.visual::after																		{ position:absolute; left:50%; bottom:0; width:1px; height:clamp(10%, 1vw + .5em, 15%); background:var(--color-white); content:''; z-index:1; }
.visual.bg1																			{ background-image:url(/resource/wg/images/sub/bg_sub1.jpg); }
.visual.bg2																			{ background-image:url(/resource/wg/images/sub/bg_sub2.jpg); }
.visual.bg3																			{ background-image:url(/resource/wg/images/sub/bg_sub3.jpg); }
.visual.bg4																			{ background-image:url(/resource/wg/images/sub/bg_sub4.jpg); }
.visual.bg5																			{ background-image:url(/resource/wg/images/sub/bg_sub5.jpg); }
.visual.bg6																			{ background-image:url(/resource/wg/images/sub/bg_sub6.jpg); }
.visual.bg7																			{ background-image:url(/resource/wg/images/sub/bg_sub1.jpg); }
.visual.bg8																			{ background-image:url(/resource/wg/images/sub/bg_sub2.jpg); }
.visual.bg9																			{ background-image:url(/resource/wg/images/sub/bg_sub3.jpg); }
.visual .con_inner																	{ position:absolute; top:50%; left:50%;  transform:translate(-50%,-20%); display:flex; flex-wrap:wrap; align-items:center; justify-content:center; z-index:2}

.visual .text_wrap																	{ display:flex; flex-flow:column; width:100%; justify-content:center; align-items:center }
.visual .text_wrap .visual_title													{ position:relative; line-height:1; font-size:clamp(2em, 2vw + 1em, 2.81em); color:var(--color-white);text-align:center;}
.visual .text_wrap .sub_txt															{ color:var(--color-white); font-size:clamp(0.9em, 1vw + 0.5em, 1.09em); margin-top:clamp(.75em, 1vw + 0.5em, 1.25em); font-weight:300; line-height:1.2; text-align:center }

/* 공유 */
.visual .page_util																	{ position:relative; z-index:3; display:flex; justify-content:center; align-items:center; --sizeHig:clamp(30px, 2vw + 20px, 40px);
    margin-top:clamp(1em, 1vw + 0.5em, 1.5em); gap:6px;  }
.visual .page_util>li																{ position:relative; }
.visual .page_util>li>button														{ display:flex; width:var(--sizeHig); height:var(--sizeHig); border-radius:100%; border:1px solid var(--color-white) }
.visual .page_util>li>button:before													{ content:''; flex:none; display:block; width:100%; height:100%; margin:0 auto; background-repeat:no-repeat; background-position:50% 50%; filter:invert(1);}
.visual .page_util>li .share_bt:before												{ background-image:url(/resource/wg/images/sub/ico_share.svg); background-size:16px; margin-top:-.5px}
.visual .page_util>li>button.copy:before											{ background-image:url(/resource/wg/images/sub/ico_copy_link.svg);}
.visual .page_util>li>button.print:before											{ background-image:url(/resource/wg/images/sub/ico_print.svg); background-size:17px 16px;}
.visual .page_util>li>button.braille:before											{ background-image:url(/resource/wg/images/sub/ico_bx_link.svg); background-size:19px 10px;}
.visual .page_util>li>button.braille_down:before									{ background-image:url(/resource/wg/images/sub/ico_bx_down.svg); background-size:21px 13px; background-position:50% 55%}
.visual .page_util>li.share .share_drop												{ display:none; position:absolute; top:-1px; left:-3px; z-index:10; width:calc(var(--sizeHig) + 6px); box-sizing:border-box; background-color:var(--color-white);
    border:1px solid #e5e5e5;  text-align:center; z-index:1 ; border-radius:25px;}
.visual .page_util>li.share .share_drop ul											{ padding-top:10px; display:flex; flex-flow:column; gap:7px; }
.visual .page_util>li.share .share_drop ul > li a									{ display:flex; justify-content:center; align-items:center; width:100%; height:100%;}
.visual .page_util>li.share .share_drop ul > li[data-share] a:before				{ content:''; display:block; width:30px; height:30px; background-repeat:no-repeat; background-position:50% 50%; background-size:auto 100%; border-radius:100%; }
.visual .page_util>li.share .share_drop ul > li[data-share="blog"] a:before			{ background-image:url(/resource/wg/images/sub/icon_blog.svg); background-color:#32b44a;}
.visual .page_util>li.share .share_drop ul > li[data-share="youtube"] a:before		{ background-image:url(/resource/wg/images/sub/icon_youtube.svg); background-color:#e03232;}
.visual .page_util>li.share .share_drop ul > li[data-share="facebook"] a:before		{ background-image:url(/resource/wg/images/sub/icon_facebook.svg); background-color:#385691;}
.visual .page_util>li.share .share_drop ul > li[data-share="instar"] a:before		{ background:url(/resource/wg/images/sub/icon_instar.svg) no-repeat 50% 50% / cover, linear-gradient(to bottom right, #4a48e8 20% , #ee3183 60%, #f0c05c 100%);}
.visual .page_util>li.share .share_drop ul > li[data-share="kakao"] a:before		{ background-image:url(/resource/wg/images/sub/icon_kakaoch.svg); background-color:#ffde00; }
.visual .page_util>li.share .share_drop ul > li[data-share="twitter"] a:before		{ background-image:url(/resource/wg/images/sub/icon_twitter.png); background-color:#000;}
.visual .page_util>li.share .share_drop ul > li[data-share="band"] a:before			{ background-image:url(/resource/wg/images/sub/icon_band.png); background-color:#50b748;}
.visual .page_util>li.share .share_drop ul > li[data-share="copy"] a:before			{ background-image:url(/resource/wg/images/sub/icon_copy.svg); background-color:#555555;}
.visual .page_util>li.share .share_close											{ position:relative; width:30px; height:30px; margin-top:10px; margin-bottom:5px; background:#e5e5e5; border-radius:100%;}
.visual .page_util>li.share .share_close::before									{ position:absolute; width:1px; height:11px; left:50%; top:50%; transform:translate(-50%,-50%) rotate(45deg); content:''; background:var(--color-base); }
.visual .page_util>li.share .share_close::after										{ position:absolute; width:1px; height:11px; left:50%; top:50%; transform:translate(-50%,-50%) rotate(-45deg); content:''; background:var(--color-base);}
.visual .page_util>li.share .share_close:hover										{ transform:rotate(90deg); }


@media all and (max-width:1568px) {
    .visual .con_inner																{ transform:translate(-50%,-30%); }
}
@media all and (max-width:768px) {
    .visual .page_util>li .share_bt:before,
    .visual .page_util>li>button.print:before										{ background-size:auto 14px; }
    .visual .page_util>li>button.braille:before										{ background-size:auto 9px; }
    .visual .page_util>li>button.braille_down:before								{ background-size:auto 12px; }
}
/**********************************************************************

 								내용

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

/* 타이틀 */
h4.h4_title														{ position:relative; font-size:clamp(1.9em, 1vw + 1.5em, 2.38em); line-height:1; padding-top:clamp(1.5em, 1vw + 1.5em, 2.11em); text-align:center;  }
h4.h4_title::before												{ position:absolute; width:1px; height:clamp(1em, 1vw + .5em, 1.32em); left:50%; top:0; content:''; background:#000; }
h5.h5_title														{ position:relative; font-size:clamp(1.6em, 1vw + 1.3em, 2em); margin-bottom:.5em; margin-top:clamp(1.5em, 1vw + 1.3em, 2.19em)}
h5.h5_title::after												{ display:inline-block; margin-left:10px; width:clamp(2.5em, 1vw + 1.3em, 4.69em); height:1px; background:#000; content:''; }
h5.h5_title	small												{font-weight: 500;opacity: .7;}
h6.h6_title														{ position:relative;font-size: clamp(1.3em, 1vw + 1.3em, 1.5em);font-weight: 600;margin-bottom: .5em;margin-top: clamp(1.25em, 1vw + 1.3em, 2.75em);}

/* 위치 */
.location														{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:3px 0; --sizeHig:clamp(30px, 2vw + 20px, 40px); margin-top:clamp(0.5em, 1vw + 0.2em, 0.95em); }
.location>li													{ position:relative; font-size:clamp(0.9rem, 1vw + 0.4em, 0.98rem); }
.location [data-location="home"] a								{ display:flex; font-size:0px; width:var(--sizeHig); height:var(--sizeHig);}
.location [data-location="home"] a::before						{ content:''; display:block; width:100%; height:100%; background:url(/resource/wg/images/sub/icon_home.svg) no-repeat 50% 50%; background-size:auto 15px; }
.location>li:nth-child(2)										{ margin-left:-3px; }
.location>li+li													{ padding-left:15px; margin-left:9px; }
.location>li+li::before											{ position:absolute; width:8px; height:1px; content:''; left:0; top:50%; background:#424242; transform:translateY(-50%); }


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

 						 3,4차 tab

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

.tab_wrap														{margin-top: clamp(1em, 2vw + .5em, 2em);}

/*3차*/
.tab_wrap .lnb		   											 {display:flex;justify-content: center;gap:.5em;flex-wrap:wrap;}
.tab_wrap .lnb > li												{max-width: calc((100% - 1.5em) / 4);flex: 1 1 auto;}
.tab_wrap .lnb > li a											{display:block;padding:1.125em 2.25em;text-align: center;background: #e7e7e7;color: var(--color-base2);font-size: 1.067em;transition:var(--trans-ani);font-weight:500;}
.tab_wrap .lnb > li a.active									{color: var(--color-white);background: var(--color-base);}

/*4차*/
.tab_wrap .snb													{display:flex;justify-content: start;gap: .5em 2em;margin-top:2em;align-items: center;overflow-x:auto;overflow-y:hidden;}
.tab_wrap .snb li a												{display:block;padding:.25em;color: var(--color-base2);font-size: 1.167em;width:max-content;}
.tab_wrap .snb li a::before										{content:'';display:inline-block;background:var(--color-point);width:0;height:1px;margin-top: -1px;vertical-align: middle;}
.tab_wrap .snb li a.active										{font-weight:700;color: var(--color-point);}
.tab_wrap .snb li a.active::before								{width: 1.25em;margin-right: .5em;}


@media all and (max-width:1468px) {
  	/*4차*/
  	.tab_wrap .snb										{padding-bottom:.5em;}
	.tab_wrap .snb::-webkit-scrollbar 				{ -webkit-appearance:none; height:3px;}
    .tab_wrap .snb::-webkit-scrollbar-thumb 		{ background-color:var(--color-point); }
   	.tab_wrap .snb::-webkit-scrollbar-track 			{ background-color:rgba(0,0,0,.1); }
}

@media all and (max-width:968px) {
  	/*3차*/
   .tab_wrap .lnb												{justify-content: space-between;}			
   .tab_wrap .lnb > li                  						  {max-width:none;}
}

@media all and (max-width:868px) {
	/*4차*/
	.tab_wrap .snb li a											{font-size:1.067em;}
}

@media all and (max-width:668px) {
  	/*3차*/
    .tab_wrap .lnb												{margin-bottom:1em;}
    .tab_wrap .lnb > li a				   						 {padding:1em 2em;}
  
  	/*4차*/
  	.tab_wrap .snb 													{margin-top:1em;}
}

@media all and (max-width:468px) {
  	/*3차*/
    .tab_wrap .lnb					     							 {gap:.25em;}			
    .tab_wrap .lnb > li a											{padding:.75em 1.5em;font-size:1em;}
  
  	/*4차*/
  	.tab_wrap .snb 													{gap:.25em 1em;}
	.tab_wrap .snb li a												{font-size:1em;}
	.tab_wrap .snb li a.active::before								{width:1em;}
}

@media all and (max-width:368px) {
	/*4차*/
	.tab_wrap .snb													{gap:.25em .5em;}
}


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

 								공통

**********************************************************************/
[data-subarea]													{ margin-top:clamp(2em, 2vw + 1em, 4em); }

/* 주의사항 */
.notandum														{ display:flex; gap:clamp(1em, 2vw + 0.5em, 3.13em); flex-wrap:wrap; align-items:center; border:1px solid #000; padding:clamp(1.5em, 1vw + 1em, 2.19em) clamp(1.5em, 1vw + 1.2em, 2.5em); }
.notandum .icon_notandum										{ position:relative; display:flex; width:clamp(3em, 2vw + 1em, 5em); height:clamp(3em, 2vw + 1em, 5em); border-radius:100%; background:#000; }
.notandum .icon_notandum::before								{ position:absolute; display:flex; width:100%; height:100%; align-items:center; justify-content:center; left:0; top:0; font-size:clamp(1.5em, 2vw + 1em, 2.5em); content:'!';
    color:var(--color-white); }
.notandum .not_list												{ flex:auto; max-width:calc(100% - clamp(3em, 2vw + 1em, 5em) - clamp(1em, 2vw + 0.5em, 3.13em)); display:flex; flex-flow:column; gap:.75em; }
.notandum .not_list>li											{ position:relative; width:100%; padding-left:1.11em; font-size:clamp(0.98rem, 1vw + 0.5em, 1.13rem); line-height:1.2; opacity:.84; }
.notandum .not_list>li::before									{ position:absolute; left:0; top:clamp(.02rem, 1vw, 0.2rem); width:clamp(12px, 2vw, 14px); height:clamp(11px, 2vw, 13px); background:url(/resource/wg/images/sub/icon_ex.svg) no-repeat 50% 50% / auto;
    content:''; }
.notandum .not_list>li.none_before								{ padding-left:0; opacity:1; font-weight:bold }
.notandum .not_list>li.none_before::before						{ display:none; }
.notandum .not_list>li.none_before strong						{ font-weight:bold }
.notandum .not_list>li .ref										{ position:relative; display:block; padding-left:.94em; font-size:1rem;}
.notandum .not_list>li .ref::before								{ position:absolute; left:0; top:clamp(-.05em, 1vw + 0.5rem, -.07em); content:'※'; }
.basic_p														{font-size: 1.167em;font-weight:300;}
.basic_btn														{text-align:center;margin-top: clamp(1.25em, 1vw + 1.3em, 2.75em);}
.basic_btn a,
.basic_btn button												{background:#000;display:inline-block;vertical-align:middle;padding:1.2em 1.6em;line-height:1;color:#fff;font-size: 1.167em;transition:var(--trans-ani);}
.basic_btn a:focus,
.basic_btn a:hover,
.basic_btn button:focus,
.basic_btn button:hover											{padding:1.2em 2.2em;}
.basic_btn a::after,
.basic_btn button::after									{content:'';display:inline-block;vertical-align:middle;width:18px;height:18px;margin-left:.5em;margin-top:-2px;}
.basic_btn .download::after									{background:url(/resource/wg/images/sub/icon_down.svg) no-repeat center center / 100%;}
.basic_btn .reserve::after										{background:url(/resource/wg/images/sub/icon_reserve.svg) no-repeat center center / 100%;}
.mt0															{margin-top:0 !important;}

@media all and (max-width:1668px) {
  #boardWrap													{ width:94%; }
}

@media all and (max-width:1368px) {
  .basic_p														{font-size: 1.13em;}
  .basic_btn a,
  .basic_btn button												{font-size: 1.13em;padding:1em 1.4em;}
  .basic_btn a:focus,
  .basic_btn a:hover,
  .basic_btn button:focus,
  .basic_btn button:hover										{padding:1em 2em;}
  .basic_btn a::after,
  .basic_btn button::after										{width:16px;height:16px;}
}

@media all and (max-width:1268px) {
  .basic_p														{font-size: 1.1em;}
  .basic_btn a,
  .basic_btn button												{font-size: 1.1em;}
}

@media all and (max-width:1168px) {
  .basic_p														{font-size: 1.067em;}
  .basic_btn a,
  .basic_btn button												{font-size: 1.067em;padding:1em 1.2em;}
  .basic_btn a:focus,
  .basic_btn a:hover,
  .basic_btn button:focus,
  .basic_btn button:hover										{padding:1em 1.6em;}
  .basic_btn a::after,
  .basic_btn button::after										{width:14px;height:14px;}
}
@media all and (max-width:868px) {
	.notandum .not_list>li::before								{ top:.15rem }
}
@media all and (max-width:414px) {
    .notandum													{ flex-flow:column; }
    .notandum .not_list											{ flex:100%; max-width:inherit; }
}

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

@media all and (max-width:1368px) {
  	.basic_ul>li																		{ font-size:1.1rem; }
    .basic_ul>li:before																	{ top:7.5px; }
  	.basic_ul>li>ul>li,
	.basic_ul>li>ol>li																	{ font-size:1rem;}
 	.basic_ul>li>ul>li::before,
	.basic_ul>li>ol>li::before															{ top:8.5px; }
}

@media all and (max-width:1024px) {
    .basic_ul>li																	{ font-size:1.03rem; }
	.basic_ul>li:before																{ top:6.5px; width:5px; height:5px; }
	.basic_ul>li>ul>li,
	.basic_ul>li>ol>li																{ font-size:.98rem;}
  	.basic_ul>li>ul>li::before,
	.basic_ul>li>ol>li::before														{ top:7.5px;}
}

@media all and (max-width:868px) {
   .basic_ul>li																	{ font-size:1rem; }
    .basic_ul>li:before															{ top:6px; }
    .basic_ul>li>ul>li,
    .basic_ul>li>ol>li																{ font-size:.95rem;}
}

/*table*/
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-base);}
table.basic_table thead th								{ padding:15px 10px; background:#f3f3f3; border:1px solid #ddd; font-weight:600;  font-size:1.167em}
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 th									{ text-align:center; }

/* 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:1.067em;}
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 scroll mobile */
#content .scrollTable									{ width:100%;}
#content .mob_info										{ display:none; position:relative; width:100%; box-sizing:border-box; margin-top:10px; padding:5px 0 5px 22px; font-size:.9rem;}
#content .mob_info:before								{ content:''; display:block; position:absolute; top:8px; left:0px; width:15.5px; height:15px; background:url(/resource/common/images/common/img_drag.svg) no-repeat 50% 0; background-size:100%; opacity:.64}

@media all and (max-width:1268px) {
  table.basic_table thead th					{font-size:1.1em;}
  table.basic_table tbody td					{font-size:1em;}
}

@media all and (max-width:1168px) {
  table.basic_table thead th					{font-size:1.067em;}
  table.basic_table tbody td					{font-size:.98em;}
}
  
@media all and (max-width:1024px) {
    #content .scrollTable						{ overflow:auto;}
    #content .scrollTable .basic_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; }
}


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

 								비주얼

**********************************************************************/
.visual																				{ position:relative; width:100%; height:0; padding-top:23.4375%; min-height:240px; background-position:50% 50%; background-repeat:no-repeat; background-size:cover; }
.visual::before																		{ position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,.6); content:''; z-index:1; }
.visual::after																		{ position:absolute; left:50%; bottom:0; width:1px; height:clamp(10%, 1vw + .5em, 15%); background:var(--color-white); content:''; z-index:1; }
.visual.bg1																			{ background-image:url(/resource/wg/images/sub/bg_sub1.jpg); }
.visual.bg2																			{ background-image:url(/resource/wg/images/sub/bg_sub2.jpg); }
.visual.bg3																			{ background-image:url(/resource/wg/images/sub/bg_sub3.jpg); }
.visual.bg4																			{ background-image:url(/resource/wg/images/sub/bg_sub4.jpg); }
.visual.bg5																			{ background-image:url(/resource/wg/images/sub/bg_sub5.jpg); }
.visual.bg6																			{ background-image:url(/resource/wg/images/sub/bg_sub6.jpg); }
.visual.bg7																			{ background-image:url(/resource/wg/images/sub/bg_sub1.jpg); }
.visual.bg8																			{ background-image:url(/resource/wg/images/sub/bg_sub2.jpg); }
.visual.bg9																			{ background-image:url(/resource/wg/images/sub/bg_sub3.jpg); }
.visual .con_inner																	{ position:absolute; top:50%; left:50%;  transform:translate(-50%,-20%); display:flex; flex-wrap:wrap; align-items:center; justify-content:center; z-index:2}

.visual .text_wrap																	{ display:flex; flex-flow:column; width:100%; justify-content:center; align-items:center }
.visual .text_wrap .visual_title													{ position:relative; line-height:1; font-size:clamp(2em, 2vw + 1em, 2.81em); color:var(--color-white);text-align:center;}
.visual .text_wrap .sub_txt															{ color:var(--color-white); font-size:clamp(0.9em, 1vw + 0.5em, 1.09em); margin-top:clamp(.75em, 1vw + 0.5em, 1.25em); font-weight:300; line-height:1.2; text-align:center }

/* 공유 */
.visual .page_util																	{ position:relative; z-index:3; display:flex; justify-content:center; align-items:center; --sizeHig:clamp(30px, 2vw + 20px, 40px);
    margin-top:clamp(1em, 1vw + 0.5em, 1.5em); gap:6px;  }
.visual .page_util>li																{ position:relative; }
.visual .page_util>li>button														{ display:flex; width:var(--sizeHig); height:var(--sizeHig); border-radius:100%; border:1px solid var(--color-white) }
.visual .page_util>li>button:before													{ content:''; flex:none; display:block; width:100%; height:100%; margin:0 auto; background-repeat:no-repeat; background-position:50% 50%; filter:invert(1);}
.visual .page_util>li .share_bt:before												{ background-image:url(/resource/wg/images/sub/ico_share.svg); background-size:16px; margin-top:-.5px}
.visual .page_util>li>button.copy:before											{ background-image:url(/resource/wg/images/sub/ico_copy_link.svg);}
.visual .page_util>li>button.print:before											{ background-image:url(/resource/wg/images/sub/ico_print.svg); background-size:17px 16px;}
.visual .page_util>li>button.braille:before											{ background-image:url(/resource/wg/images/sub/ico_bx_link.svg); background-size:19px 10px;}
.visual .page_util>li>button.braille_down:before									{ background-image:url(/resource/wg/images/sub/ico_bx_down.svg); background-size:21px 13px; background-position:50% 55%}
.visual .page_util>li.share .share_drop												{ display:none; position:absolute; top:-1px; left:-3px; z-index:10; width:calc(var(--sizeHig) + 6px); box-sizing:border-box; background-color:var(--color-white);
    border:1px solid #e5e5e5;  text-align:center; z-index:1 ; border-radius:25px;}
.visual .page_util>li.share .share_drop ul											{ padding-top:10px; display:flex; flex-flow:column; gap:7px; }
.visual .page_util>li.share .share_drop ul > li a									{ display:flex; justify-content:center; align-items:center; width:100%; height:100%;}
.visual .page_util>li.share .share_drop ul > li[data-share] a:before				{ content:''; display:block; width:30px; height:30px; background-repeat:no-repeat; background-position:50% 50%; background-size:auto 100%; border-radius:100%; }
.visual .page_util>li.share .share_drop ul > li[data-share="blog"] a:before			{ background-image:url(/resource/wg/images/sub/icon_blog.svg); background-color:#32b44a;}
.visual .page_util>li.share .share_drop ul > li[data-share="youtube"] a:before		{ background-image:url(/resource/wg/images/sub/icon_youtube.svg); background-color:#e03232;}
.visual .page_util>li.share .share_drop ul > li[data-share="facebook"] a:before		{ background-image:url(/resource/wg/images/sub/icon_facebook.svg); background-color:#385691;}
.visual .page_util>li.share .share_drop ul > li[data-share="instar"] a:before		{ background:url(/resource/wg/images/sub/icon_instar.svg) no-repeat 50% 50% / cover, linear-gradient(to bottom right, #4a48e8 20% , #ee3183 60%, #f0c05c 100%);}
.visual .page_util>li.share .share_drop ul > li[data-share="kakao"] a:before		{ background-image:url(/resource/wg/images/sub/icon_kakaoch.svg); background-color:#ffde00; }
.visual .page_util>li.share .share_drop ul > li[data-share="twitter"] a:before		{ background-image:url(/resource/wg/images/sub/icon_twitter.png); background-color:#000;}
.visual .page_util>li.share .share_drop ul > li[data-share="band"] a:before			{ background-image:url(/resource/wg/images/sub/icon_band.png); background-color:#50b748;}
.visual .page_util>li.share .share_drop ul > li[data-share="copy"] a:before			{ background-image:url(/resource/wg/images/sub/icon_copy.svg); background-color:#555555;}
.visual .page_util>li.share .share_close											{ position:relative; width:30px; height:30px; margin-top:10px; margin-bottom:5px; background:#e5e5e5; border-radius:100%;}
.visual .page_util>li.share .share_close::before									{ position:absolute; width:1px; height:11px; left:50%; top:50%; transform:translate(-50%,-50%) rotate(45deg); content:''; background:var(--color-base); }
.visual .page_util>li.share .share_close::after										{ position:absolute; width:1px; height:11px; left:50%; top:50%; transform:translate(-50%,-50%) rotate(-45deg); content:''; background:var(--color-base);}
.visual .page_util>li.share .share_close:hover										{ transform:rotate(90deg); }


@media all and (max-width:1568px) {
    .visual .con_inner																{ transform:translate(-50%,-30%); }
}
@media all and (max-width:768px) {
    .visual .page_util>li .share_bt:before,
    .visual .page_util>li>button.print:before										{ background-size:auto 14px; }
    .visual .page_util>li>button.braille:before										{ background-size:auto 9px; }
    .visual .page_util>li>button.braille_down:before								{ background-size:auto 12px; }
}
/**********************************************************************

 								내용

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

/* 타이틀 */
h4.h4_title														{ position:relative; font-size:clamp(1.9em, 1vw + 1.5em, 2.38em); line-height:1; padding-top:clamp(1.5em, 1vw + 1.5em, 2.11em); text-align:center;  }
h4.h4_title::before												{ position:absolute; width:1px; height:clamp(1em, 1vw + .5em, 1.32em); left:50%; top:0; content:''; background:#000; }
h5.h5_title														{ position:relative; font-size:clamp(1.6em, 1vw + 1.3em, 2em); margin-bottom:.5em; margin-top:clamp(1.5em, 1vw + 1.3em, 2.19em)}
h5.h5_title::after												{ display:inline-block; margin-left:10px; width:clamp(2.5em, 1vw + 1.3em, 4.69em); height:1px; background:#000; content:''; }
h5.h5_title	small												{font-weight: 500;opacity: .7;}
h6.h6_title														{ position:relative;font-size: clamp(1.3em, 1vw + 1.3em, 1.5em);font-weight: 600;margin-bottom: .5em;margin-top: clamp(1.25em, 1vw + 1.3em, 2.75em);}

/* 위치 */
.location														{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:3px 0; --sizeHig:clamp(30px, 2vw + 20px, 40px); margin-top:clamp(0.5em, 1vw + 0.2em, 0.95em); }
.location>li													{ position:relative; font-size:clamp(0.9rem, 1vw + 0.4em, 0.98rem); }
.location [data-location="home"] a								{ display:flex; font-size:0px; width:var(--sizeHig); height:var(--sizeHig);}
.location [data-location="home"] a::before						{ content:''; display:block; width:100%; height:100%; background:url(/resource/wg/images/sub/icon_home.svg) no-repeat 50% 50%; background-size:auto 15px; }
.location>li:nth-child(2)										{ margin-left:-3px; }
.location>li+li													{ padding-left:15px; margin-left:9px; }
.location>li+li::before											{ position:absolute; width:8px; height:1px; content:''; left:0; top:50%; background:#424242; transform:translateY(-50%); }


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

 						 3,4차 tab

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

.tab_wrap														{margin-top: clamp(1em, 2vw + .5em, 2em);}

/*3차*/
.tab_wrap .lnb		   											 {display:flex;justify-content: center;gap:.5em;flex-wrap:wrap;}
.tab_wrap .lnb > li												{max-width: calc((100% - 1.5em) / 4);flex: 1 1 auto;}
.tab_wrap .lnb > li a											{display:block;padding:1.125em 2.25em;text-align: center;background: #e7e7e7;color: var(--color-base2);font-size: 1.067em;transition:var(--trans-ani);font-weight:500;}
.tab_wrap .lnb > li a.active									{color: var(--color-white);background: var(--color-base);}

/*4차*/
.tab_wrap .snb													{display:flex;justify-content: start;gap: .5em 2em;margin-top:2em;align-items: center;overflow-x:auto;overflow-y:hidden;}
.tab_wrap .snb li a												{display:block;padding:.25em;color: var(--color-base2);font-size: 1.167em;width:max-content;}
.tab_wrap .snb li a::before										{content:'';display:inline-block;background:var(--color-point);width:0;height:1px;margin-top: -1px;vertical-align: middle;}
.tab_wrap .snb li a.active										{font-weight:700;color: var(--color-point);}
.tab_wrap .snb li a.active::before								{width: 1.25em;margin-right: .5em;}


@media all and (max-width:1468px) {
  	/*4차*/
  	.tab_wrap .snb										{padding-bottom:.5em;}
	.tab_wrap .snb::-webkit-scrollbar 				{ -webkit-appearance:none; height:3px;}
    .tab_wrap .snb::-webkit-scrollbar-thumb 		{ background-color:var(--color-point); }
   	.tab_wrap .snb::-webkit-scrollbar-track 			{ background-color:rgba(0,0,0,.1); }
}

@media all and (max-width:968px) {
  	/*3차*/
   .tab_wrap .lnb												{justify-content: space-between;}			
   .tab_wrap .lnb > li                  						  {max-width:none;}
}

@media all and (max-width:868px) {
	/*4차*/
	.tab_wrap .snb li a											{font-size:1.067em;}
}

@media all and (max-width:668px) {
  	/*3차*/
    .tab_wrap .lnb												{margin-bottom:1em;}
    .tab_wrap .lnb > li a				   						 {padding:1em 2em;}
  
  	/*4차*/
  	.tab_wrap .snb 													{margin-top:1em;}
}

@media all and (max-width:468px) {
  	/*3차*/
    .tab_wrap .lnb					     							 {gap:.25em;}			
    .tab_wrap .lnb > li a											{padding:.75em 1.5em;font-size:1em;}
  
  	/*4차*/
  	.tab_wrap .snb 													{gap:.25em 1em;}
	.tab_wrap .snb li a												{font-size:1em;}
	.tab_wrap .snb li a.active::before								{width:1em;}
}

@media all and (max-width:368px) {
	/*4차*/
	.tab_wrap .snb													{gap:.25em .5em;}
}


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

 								공통

**********************************************************************/
[data-subarea]													{ margin-top:clamp(2em, 2vw + 1em, 4em); }

/* 주의사항 */
.notandum														{ display:flex; gap:clamp(1em, 2vw + 0.5em, 3.13em); flex-wrap:wrap; align-items:center; border:1px solid #000; padding:clamp(1.5em, 1vw + 1em, 2.19em) clamp(1.5em, 1vw + 1.2em, 2.5em); }
.notandum .icon_notandum										{ position:relative; display:flex; width:clamp(3em, 2vw + 1em, 5em); height:clamp(3em, 2vw + 1em, 5em); border-radius:100%; background:#000; }
.notandum .icon_notandum::before								{ position:absolute; display:flex; width:100%; height:100%; align-items:center; justify-content:center; left:0; top:0; font-size:clamp(1.5em, 2vw + 1em, 2.5em); content:'!';
    color:var(--color-white); }
.notandum .not_list												{ flex:auto; max-width:calc(100% - clamp(3em, 2vw + 1em, 5em) - clamp(1em, 2vw + 0.5em, 3.13em)); display:flex; flex-flow:column; gap:.75em; }
.notandum .not_list>li											{ position:relative; width:100%; padding-left:1.11em; font-size:clamp(0.98rem, 1vw + 0.5em, 1.13rem); line-height:1.2; opacity:.84; }
.notandum .not_list>li::before									{ position:absolute; left:0; top:clamp(.02rem, 1vw, 0.2rem); width:clamp(12px, 2vw, 14px); height:clamp(11px, 2vw, 13px); background:url(/resource/wg/images/sub/icon_ex.svg) no-repeat 50% 50% / auto;
    content:''; }
.notandum .not_list>li.none_before								{ padding-left:0; opacity:1; font-weight:bold }
.notandum .not_list>li.none_before::before						{ display:none; }
.notandum .not_list>li.none_before strong						{ font-weight:bold }
.notandum .not_list>li .ref										{ padding-left:.94em; }
.notandum .not_list>li .ref::before								{ position:absolute; left:0; top:-.07em; content:'※'; }
.basic_p														{font-size: 1.167em;font-weight:300;}
.mt10															{margin-top:10px !important;}
.basic_btn														{text-align:center;margin-top: clamp(1.25em, 1vw + 1.3em, 2.75em);}
.basic_btn a,
.basic_btn button												{background:#000;display:inline-block;vertical-align:middle;padding:1.2em 1.6em;line-height:1;color:#fff;font-size: 1.167em;transition:var(--trans-ani);}
.basic_btn a:focus,
.basic_btn a:hover,
.basic_btn button:focus,
.basic_btn button:hover											{padding:1.2em 2.2em;}
.basic_btn a::after,
.basic_btn button::after									{content:'';display:inline-block;vertical-align:middle;width:18px;height:18px;margin-left:.5em;margin-top:-2px;}
.basic_btn .download::after									{background:url(/resource/wg/images/sub/icon_down.svg) no-repeat center center / 100%;}
.basic_btn .reserve::after										{background:url(/resource/wg/images/sub/icon_reserve.svg) no-repeat center center / 100%;}

@media all and (max-width:1668px) {
  #boardWrap													{ width:94%; }
}

@media all and (max-width:1368px) {
  .basic_p														{font-size: 1.13em;}
  .basic_btn a,
  .basic_btn button												{font-size: 1.13em;padding:1em 1.4em;}
  .basic_btn a:focus,
  .basic_btn a:hover,
  .basic_btn button:focus,
  .basic_btn button:hover										{padding:1em 2em;}
  .basic_btn a::after,
  .basic_btn button::after										{width:16px;height:16px;}
}

@media all and (max-width:1268px) {
  .basic_p														{font-size: 1.1em;}
  .basic_btn a,
  .basic_btn button												{font-size: 1.1em;}
}

@media all and (max-width:1168px) {
  .basic_p														{font-size: 1.067em;}
  .basic_btn a,
  .basic_btn button												{font-size: 1.067em;padding:1em 1.2em;}
  .basic_btn a:focus,
  .basic_btn a:hover,
  .basic_btn button:focus,
  .basic_btn button:hover										{padding:1em 1.6em;}
  .basic_btn a::after,
  .basic_btn button::after										{width:14px;height:14px;}
}
@media all and (max-width:868px) {
	.notandum .not_list>li::before								{ top:.15rem }
}
@media all and (max-width:414px) {
    .notandum													{ flex-flow:column; }
    .notandum .not_list											{ flex:100%; max-width:inherit; }
}

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

@media all and (max-width:1368px) {
  	.basic_ul>li																		{ font-size:1.1rem; }
    .basic_ul>li:before																	{ top:7.5px; }
  	.basic_ul>li>ul>li,
	.basic_ul>li>ol>li																	{ font-size:1rem;}
 	.basic_ul>li>ul>li::before,
	.basic_ul>li>ol>li::before															{ top:8.5px; }
}

@media all and (max-width:1024px) {
    .basic_ul>li																	{ font-size:1.03rem; }
	.basic_ul>li:before																{ top:6.5px; width:5px; height:5px; }
	.basic_ul>li>ul>li,
	.basic_ul>li>ol>li																{ font-size:.98rem;}
  	.basic_ul>li>ul>li::before,
	.basic_ul>li>ol>li::before														{ top:7.5px;}
}

@media all and (max-width:868px) {
   .basic_ul>li																	{ font-size:1rem; }
    .basic_ul>li:before															{ top:6px; }
    .basic_ul>li>ul>li,
    .basic_ul>li>ol>li																{ font-size:.95rem;}
}

/*table*/
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-base);}
table.basic_table thead th								{ padding:15px 10px; background:#f3f3f3; border:1px solid #ddd; font-weight:600;  font-size:1.167em}
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 th									{ text-align:center; }

/* 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:1.067em;}
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 scroll mobile */
#content .scrollTable									{ width:100%;}
#content .mob_info										{ display:none; position:relative; width:100%; box-sizing:border-box; margin-top:10px; padding:5px 0 5px 22px; font-size:.9rem;}
#content .mob_info:before								{ content:''; display:block; position:absolute; top:8px; left:0px; width:15.5px; height:15px; background:url(/resource/common/images/common/img_drag.svg) no-repeat 50% 0; background-size:100%; opacity:.64}

@media all and (max-width:1268px) {
  table.basic_table thead th					{font-size:1.1em;}
  table.basic_table tbody td					{font-size:1em;}
}

@media all and (max-width:1168px) {
  table.basic_table thead th					{font-size:1.067em;}
  table.basic_table tbody td					{font-size:.98em;}
}
  
@media all and (max-width:1024px) {
    #content .scrollTable						{ overflow:auto;}
    #content .scrollTable .basic_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:568px){
	.gallery_list>ul>li										{ width:100%; }
}