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

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

 								비주얼 

**********************************************************************/
.visual													{ position:relative; width:100%; height:0; padding-top:41.66%; min-height:600px; 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.bg1												{ background-image:url(/resource/www/images/sub/bg_sub1.jpg); }
.visual.bg2												{ background-image:url(/resource/www/images/sub/bg_sub2.jpg); }
.visual.bg3												{ background-image:url(/resource/www/images/sub/bg_sub3.jpg); }
.visual.bg4												{ background-image:url(/resource/www/images/sub/bg_sub4.jpg); }
.visual.bg5												{ background-image:url(/resource/www/images/sub/bg_sub5.jpg); }
.visual.bg6												{ background-image:url(/resource/www/images/sub/bg_sub6.jpg); }
.visual.bg7												{ background-image:url(/resource/www/images/sub/bg_sub7.jpg); }
.visual.bg8												{ background-image:url(/resource/www/images/sub/bg_sub1.jpg); }
.visual.bg9												{ background-image:url(/resource/www/images/sub/bg_sub2.jpg); }
.visual .con_inner										{ position:absolute; height:100%; top:0; left:50%;  transform:translateX(-50%); display:flex; flex-wrap:wrap; align-items:center; z-index:2}			
.visual .text_wrap										{ display:flex; width:100%; justify-content:space-between; align-items:center }
.visual .text_wrap .visual_title						{ position:relative; line-height:1.3; font-size:4.69em; color:var(--color-white) }
.visual .text_wrap .visual_title *						{ font-family:var(--font-one); font-weight:bold; }
.visual .text_wrap .visual_title .text br				{ display:none; }
.visual .text_wrap .visual_txt,
.visual .text_wrap .visual_title span					{ color:#f7bd2c; }
.visual .text_wrap .visual_title .visual_txt			{ position:relative; }
.visual .text_wrap .visual_title .visual_txt::before	{ position:absolute; left:0; bottom:-20px; content:''; height:1px; background:var(--color-white); animation:lineAni 0.8s forwards; animation-delay: 0.8s; }
.visual .text_wrap .sub_txt								{ text-align:right; color:var(--color-white); font-size:1.28em; font-weight:300; line-height:1.4; }
			
@keyframes lineAni{
	0%{ width:0; }
	100%{ width:100%; }
}

/* 경로 */
.visual .location_wrap											{ position:absolute; right:0; bottom:var(--sizeHig); --sizeHig:50px}
.visual .location_wrap .loc										{ display:flex; gap:10px; height:var(--sizeHig); }
.visual .location_wrap .loc>li									{ position:relative; }
.visual .location_wrap [data-location="home"] a					{ font-size:0px;}
.visual .location_wrap [data-location="home"] a::before			{ content:''; display:block; width:var(--sizeHig); height:var(--sizeHig); background:var(--color-point) url(/resource/www/images/sub/icon_home.svg) no-repeat 50% 50%; background-size:auto 15px; 
																	opacity:1; border-radius:100%;}
.visual .location_wrap [data-location="home"] a:hover::before,
.visual .location_wrap [data-location="home"] a:focus::before	{ animation:iconShow 0.7s ease-in-out 1 forwards; }
.visual .location_wrap .loc>li .loc_btn							{ display:flex; --sizeWidth:200px; min-width:var(--sizeWidth); align-items:center; text-align:left; border:1px solid var(--color-white); border-radius:25px; 
																	height:var(--sizeHig); padding:0 1.88em;}
.visual .location_wrap .loc>li .loc_btn::before					{ position:absolute; width:7px; height:7px; border-style:solid; border-width:1px 0 0 1px; border-color:var(--color-white); transform:translateY(-10%) rotate(45deg); transition:var(--trans-ani); 
																	content:''; vertical-align:middle;  top:50%; right:30px; }
.visual .location_wrap .loc>li.active .loc_btn::before			{ transform:translateY(-50%) rotate(225deg); }


.visual .location_wrap .loc>li .loc_btn>span					{ max-width:var(--sizeWidth); color:var(--color-white); font-weight:bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding-right:1em; }

.visual .location_wrap .loc>li:hover .loc_btn,
.visual .location_wrap .loc>li:focus .loc_btn,	
.visual .location_wrap .loc>li.active .loc_btn					{ background:var(--color-point); border-color:var(--color-point) }
.visual .location_wrap .loc_wrap								{ position:absolute; display:none; bottom:calc(var(--sizeHig) + 1px); width:100%; border-radius:20px; background:var(--color-white); padding:1.5em }
.visual .location_wrap .loc_wrap>ul								{ display:flex; flex-flow:column; gap:15px; }
.visual .location_wrap .loc_wrap>ul>li							{ line-height:1.2; }
.visual .location_wrap .loc_wrap>ul>li>a						{ font-weight:600; opacity:.74; transition:var(--trans-ani);}
.visual .location_wrap .loc_wrap>ul>li>a:hover,
.visual .location_wrap .loc_wrap>ul>li>a:focus,	
.visual .location_wrap .loc_wrap>ul>li>a.active					{ opacity:1; color:var(--color-point); }

@media all and (max-width:1768px) {
	.visual .text_wrap .visual_title						{ font-size:4.19em; }
	.visual .text_wrap .sub_txt								{ font-size:1.2em; }	
	

}
@media all and (max-width:1368px) {
	.visual .text_wrap .visual_title						{ font-size:3.69em; }
	.visual .text_wrap .sub_txt								{ font-size:1.167em; }	
	
	/* 경로 */
	.visual .location_wrap									{ --sizeHig:45px }
	.visual .location_wrap .loc_wrap						{ padding:1.25em; }

}
@media all and (max-width:1268px) {
	.visual .text_wrap .visual_title						{ font-size:3.19em; }
	.visual .text_wrap .sub_txt								{ font-size:1.1em; }	
}
@media all and (max-width:968px) {
	.visual .text_wrap .visual_title						{ font-size:3em; }
	.visual .text_wrap .sub_txt								{ font-size:1.067em; }	
}
@media all and (max-width:868px) {
	.visual .text_wrap										{ flex-flow:column; gap:3em 0 }
	.visual .text_wrap .visual_title						{ width:100%; }
	.visual .text_wrap .sub_txt								{ width:100%; text-align:left }	
	.visual .location_wrap									{ --sizeHig:40px; bottom:20px; }
	.visual .location_wrap .loc>li .loc_btn					{ --sizeWidth:170px; }
}
@media all and (max-width:668px) {
	.visual .text_wrap .visual_title .text					{ font-size:.6em; }
	.visual .text_wrap .visual_title .visual_txt::before	{ bottom:-7px; }
	.visual .text_wrap .sub_txt								{ font-size:1.03em; }
	.visual .location_wrap .loc>li .loc_btn					{ --sizeWidth:150px; }
}
@media all and (max-width:468px) {
	.visual													{ min-height:500px; }
	.visual .text_wrap .visual_title .text					{ font-size:.45em; }
	.visual .text_wrap .visual_title .visual_txt::before	{ bottom:-7px; }
	.visual .text_wrap .sub_txt								{ font-size:1.03em; }
	.visual .location_wrap									{ --sizeHig:38px }
	.visual .location_wrap .loc_wrap>ul						{ gap:10px; }
	.visual .location_wrap .loc								{ gap:5px; }
	.visual .location_wrap .loc>li .loc_btn					{ --sizeWidth:110px; padding:0 1em }
	.visual .location_wrap .loc>li .loc_btn::before			{ right:1em; width:6px; height:6px; }
}
@media all and (max-width:320px) {
	.visual .location_wrap .loc>li .loc_btn					{ --sizeWidth:75px;  }
}
/**********************************************************************

 								내용 

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

/* 타이틀 */
h4.title														{ font-size:3.75em; line-height:1; margin-bottom:1.67em }

@media all and (max-width:1568px) {
	h4.title													{ font-size:3.25em; }
}
@media all and (max-width:1268px) {
	h4.title													{ font-size:3em; }
}
@media all and (max-width:768px) {
	h4.title													{ font-size:2.8em; margin-bottom:1.25em }
}
@media all and (max-width:468px) {
	h4.title													{ font-size:2.5em; margin-bottom:1em}
}

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

 								tab_menu 

**********************************************************************/
.tab_menu															{ margin-bottom:5em; display:flex; flex-flow:row wrap; gap:5px 0; }
.tab_menu>li														{ position:relative; }
.tab_menu>li:nth-child(1)											{ z-index:10; }
.tab_menu>li:nth-child(2)											{ z-index:9; }
.tab_menu>li:nth-child(3)											{ z-index:8; }
.tab_menu>li:nth-child(4)											{ z-index:7; }
.tab_menu>li:nth-child(5)											{ z-index:6; }
.tab_menu>li:nth-child(6)											{ z-index:5; }
.tab_menu>li:nth-child(7)											{ z-index:4; }
.tab_menu>li:nth-child(8)											{ z-index:3; }
.tab_menu>li:nth-child(9)											{ z-index:2; }
.tab_menu>li:nth-child(10)											{ z-index:1; }
.tab_menu>li+li														{ margin-left:-10px; }
.tab_menu>li>button,
.tab_menu>li> a														{ position:relative; display:flex; align-items:center; justify-content:center; font-size:1.167em; min-width:115px; height:60px; font-weight:400; cursor:pointer; letter-spacing:-.045em;
													 				padding:0 30px; border-radius:2em; border:1px solid #d4d4d4; background:var(--color-white) }
.tab_menu>li.active button,
.tab_menu>li.active a												{ color:#fff; background:var(--color-point); border-color:var(--color-point); font-weight:bold; font-size:1.2em }
.conts_tab															{ display:none; }
.conts_tab.active													{ display:flex; }

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

 								공통 

**********************************************************************/
/* 폰트 크기 */
.type40															{ font-size:2.5em; }
.type35															{ font-size:2.19em; }
.type30															{ font-size:1.88em; }
.type25															{ font-size:1.56em; }
.bold															{ font-weight:bold; }
.sb																{ font-weight:600; }

/* 기본 텍스트 스타일 */
.basic															{ display:flex; flex-flow:column; gap:35px; }
.basic>li														{ font-size:1.19em; font-weight:500; opacity:.74; line-height:1.6 }


.small															{ display:flex; flex-flow:column; gap:35px; }
.small>li,
.small_text														{ font-size:1.067em; font-weight:300; opacity:.74; line-height:1.6 }

/* sub_title */
[data-subarea] .sub_title 							{ position:relative; font-size:7em; color:inherit; font-weight:bold; padding:20px 0 0 0; line-height:1; isolation: isolate;}
[data-subarea] .sub_title::after 					{ position:absolute; width:calc(56/100*1em); height:calc(56/100*1em); content: ''; border-radius:50%; background:var(--color-orange); mix-blend-mode:difference;  
														left:calc(-.3 * (30/100*1em)); top:calc( (12/100*1em)); animation:scale infinite 10s ease-in-out, floating 5s infinite ease-in-out; }
[data-subarea] .sub_title::before 					{ position:absolute;  width:calc(15/100*1em); height:calc(15/100*1em); content:'';  border-radius:50%; border:2px solid var(--color-orange); 
														left:calc(-.4 * (80/200*1em)); top:calc(-25/200*1em); animation:scale infinite 8s ease-in-out, floating 6s infinite ease-in-out; }
[data-subarea] .sub_title.small						{ font-size:2.8em; color:var(--color-base2); line-height:1.2; padding-top:0; font-weight:100; gap:0 }
[data-subarea] .sub_title.small>em					{ display:block; color:var(--color-base); font-size:1.167em; font-weight:bold; }
[data-subarea] .sub_title.small::after				{ top:calc( (-5/100*1em)); }
[data-subarea] .sub_title.small::before 			{ top:calc(-45/200*1em); }

[data-subarea] .sub_title.line						{ font-size:4em; color:var(--color-base2); line-height:1.1; padding-top:0; font-weight:100; }
[data-subarea] .sub_title.line>em					{ position:relative; display:block; color:var(--color-base); font-size:1.167em; font-weight:bold; padding-bottom:.5em  }
[data-subarea] .sub_title.line::after				{ top:calc( (-5/100*1em)); }
[data-subarea] .sub_title.line::before 				{ top:calc(-45/200*1em); }
[data-subarea] .sub_title.line>em::before			{ position:absolute; width:50%; height:1px; background:var(--color-base); content:''; right:0; bottom:0; }
[data-subarea] .sub_title.line>em::after			{ position:absolute; width:10px; height:10px; border-radius:100%; background:var(--color-orange); content:''; right:0; bottom:-5px; }


@keyframes scale {
	0% { scale:1; }
	50% { scale:.7; }
	100% { scale:1; }
}

												
/* rolling_text */
[data-subarea] .rolling_text						{ position:relative; z-index:0; margin-top:.2em }
[data-subarea] .rollig_text 						{ white-space:nowrap;}
[data-subarea] .rollig_text .rolling_text_text 		{ display:inline-block; font-weight:900; font-size:9.38em; white-space:nowrap; text-transform:uppercase; line-height:1; opacity:.02 }																
	

/* dt_list */
[data-subarea] .dt_list								{ display:flex; flex-flow:column; margin-top:2em; }
[data-subarea] .dt_list>dt							{ font-size:1.367em; font-weight:600; line-height:1.1; margin-bottom:.5em; color:var(--color-point) }
[data-subarea] .dt_list>dd							{ position:relative; padding-left:15px; line-height:1.3; font-size:1.067em; opacity:.74; }
[data-subarea] .dt_list>dd+dd						{ margin-top:.25em; }
[data-subarea] .dt_list>dd::before					{ position:absolute; width:4px; height:4px; border-radius:100%; left:0; top:.5em; content:''; background:rgba(0,0,0,.3); }
[data-subarea] .dt_list>dd:has(table)				{ padding-left:0; }
[data-subarea] .dt_list>dd:has(table)::before		{ display:none; }

@media all and (max-width:1768px) {
	/* 기본 텍스트 스타일 */
	.basic															{ gap:30px; }
	.basic>li														{ font-size:1.1em;  }
	
	.small															{ gap:30px; }
	.small>li,
	.small_text														{ font-size:1.03em; }

	/* sub_title */
	[data-subarea] .sub_title 										{ font-size:6.5em; }
	[data-subarea] .sub_title.line									{ font-size:3.8em; }
	[data-subarea] .sub_title.small									{ font-size:2.6em; }
	
	
	/* tab_menu */
	.tab_menu														{ margin-bottom:4em; }
	.tab_menu>li>button,
	.tab_menu>li> a													{ font-size:1.1em; min-width:115px; height:55px; padding:0 30px; }
	.tab_menu>li.active button,
	.tab_menu>li.active a											{ font-size:1.167em }
}
@media all and (max-width:1568px) {
	/* 폰트 크기 */
	.type40															{ font-size:2.25em; }
	.type35															{ font-size:1.94em; }
	.type30															{ font-size:1.63em; }
	.type25															{ font-size:1.31em; }

	/* 기본 텍스트 스타일 */
	.basic															{ gap:25px; }
	.basic>li														{ font-size:1.067em;}
	
	.small															{ gap:20px; }
	
	/* sub_title */
	[data-subarea] .sub_title 										{ font-size:6em;}
	[data-subarea] .sub_title.line									{ font-size:3.6em; }
	[data-subarea] .sub_title.small									{ font-size:2.4em; }
	
	/* tab_menu */
	.tab_menu														{ margin-bottom:3em; }
	.tab_menu>li>button,
	.tab_menu>li> a													{ font-size:1.067em; height:55px;}
	.tab_menu>li.active button,
	.tab_menu>li.active a											{ font-size:1.1em }
	
	
	/* dt_list */
	[data-subarea] .dt_list											{ margin-top:2em; }
	[data-subarea] .dt_list>dt										{ font-size:1.3em; }
	[data-subarea] .dt_list>dd										{ font-size:1.03em;  }
	[data-subarea] .dt_list>dd::before								{ top:.45em; }
}
@media all and (max-width:1268px) {
	/* 폰트 크기 */
	.type40															{ font-size:2em; }
	.type35															{ font-size:1.69em; }
	.type30															{ font-size:1.38em; }
	.type25															{ font-size:1.06em; }
	
	/* 기본 텍스트 스타일 */
	.basic															{ gap:15px; }
	.basic>li														{ font-size:1.03em; }
	
	.small															{ gap:15px; }
	.small>li,
	.small_text														{ font-size:1em; }
	
	/* sub_title */
	[data-subarea] .sub_title 										{ font-size:5.5em;}
	[data-subarea] .sub_title.line									{ font-size:3em; }
	[data-subarea] .sub_title.line>em								{ font-size:1.1em; padding-bottom:.1em}
	[data-subarea] .sub_title.small									{ font-size:2.2em; }
	[data-subarea] .sub_title::after								{ width:calc(65/100*1em); height:calc(65/100*1em); top:calc( (0/100*1em))}
	[data-subarea] .sub_title::before								{ width:calc(18/100*1em); height:calc(18/100*1em); }
}
@media all and (max-width:1024px) {
	/* tab_menu */
	.tab_menu														{ margin-bottom:3em; }
	.tab_menu>li>button,
	.tab_menu>li> a													{ font-size:1.067em; height:46px; min-width:100px; padding:0 25px; }
	
	/* dt_list */
	[data-subarea] .dt_list											{ margin-top:1.5em; }
	[data-subarea] .dt_list>dt										{ font-size:1.2em; }
	[data-subarea] .dt_list>dd										{ padding-left:10px; }
	[data-subarea] .dt_list>dd::before								{ top:.5em; }
}
@media all and (max-width:868px) {
	/* sub_title */
	[data-subarea] .sub_title 										{ font-size:5em;}
	[data-subarea] .sub_title.line									{ font-size:2.6em; }
	[data-subarea] .sub_title.line>em								{ font-size:1.067em; }
	[data-subarea] .sub_title.line>em::after						{ width:8px; height:8px; bottom:-4px; }
	[data-subarea] .sub_title.small									{ font-size:2em; }
}
@media all and (max-width:768px) {
	/* sub_title */
	[data-subarea] .sub_title 										{ font-size:4.8em;}
	[data-subarea] .sub_title::after								{ width:calc(50/100*1em); height:calc(50/100*1em); top:calc( (12/50*1em)); left:calc(-.2 * (30/100*1em)) }
	[data-subarea] .sub_title::before								{ left:calc(-.3 * (80/200*1em)); top:calc(-3/200*1em); }
	[data-subarea] .sub_title.line									{ font-size:2.4em; }
	
	/* tab_menu */
	.tab_menu														{ margin-bottom:2em; gap:.3em; }
	.tab_menu>li+li													{ margin-left:0; }
	.tab_menu>li>button,
	.tab_menu>li> a													{ font-size:1.03em; height:40px; min-width:inherit; padding:0 20px; }
	.tab_menu>li.active button, .tab_menu>li.active a				{ font-size:1.03em; }
}
@media all and (max-width:468px) {
	/* 폰트 크기 */
	.type40															{ font-size:1.8em; }
	.type35															{ font-size:1.49em; }
	.type30															{ font-size:1.18em; }

	
	/* sub_title */
	[data-subarea] .sub_title 										{ font-size:4.5em;}
	[data-subarea] .sub_title::after								{ width:calc(45/100*1em); height:calc(45/100*1em); top:calc( (12/30*1em)); left:calc(-.2 * (30/100*1em)) }
	[data-subarea] .sub_title::before								{ top:calc(6/30*1em); }
	[data-subarea] .sub_title.line									{ font-size:2em; }
	[data-subarea] .sub_title.line>em								{ font-size:1.03em; }
}

.gallery_list .gl_thumb:not(img)								{ background:url(/resource/www/images/common/img_none.svg) no-repeat 50% 50% #f5f5f5;  }
.gallery_list .gl_thumb:has(img)								{ background-image:none }
/**********************************************************************

 								테이블 

**********************************************************************/
.timetable										{ width:100%;  }
.timetable td									{ height:60px; padding-top:14px; font-size:1.067rem; font-weight:500; }
.timetable td:first-child						{ text-align:center; padding-left:0; }
.timetable td									{ padding-left:14px; }
.timetable td:first-child:nth-last-child(1),
.timetable td:first-child:nth-last-child(1) td,
.timetable .pl									{ padding-left:14px !important; }
.timetable .bg									{ display:flex; flex-flow:column;  height:100%; padding:2em; background:var(--color-light-gray); border-radius:15px; justify-content:center; align-items:center;}
.timetable .bg:has(.time)						{ align-items:flex-start;}
.timetable dl									{ display:flex; width:100%; flex-flow:column; line-height:1; align-items:flex-start; }
.timetable dl>dt								{ font-size:1.167em; font-weight:bold; }
.timetable dl>dd								{ margin-top:.75em;  font-weight:300; line-height:1.4 }
.timetable .time								{ display:flex; line-height:1; margin-top:.75em; border:1px solid var(--color-base); font-size:.9rem; font-weight:500; padding:.25em .75em; border-radius:2em; }


.table 											{ position:relative; width:100%; border-top:2px solid var(--color-point); text-align:center }
.table::before									{ position:absolute; left:0; width:1px; height:100%; background:#fff; top:0; content:''; }
.table td,
.table th 										{ border-left:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; padding:.75em; }
.table thead th 								{ background:rgba(93,141,7,.05); font-size:1.03rem; }
.table tbody th 								{ background:rgba(0,0,0,.02); font-size:1.03rem; }
.table td										{ color:rgba(0,0,0,.64); font-size:.95rem }
/* table scroll mobile */
.scrollTable									{ width:100%;}
.mob_info										{ display:none; position:relative; width:100%; box-sizing:border-box; padding:7px 7px 7px 35px; background:var(--color-white); border:1px dashed #cfcfcf; border-radius:3px; 
													font-size:13px;}
.mob_info:before								{ content:''; display:block; position:absolute; top:50%; left:7px; width:20px; height:18px; background:url(/resource/www/images/common/img_drag.svg) no-repeat 50% 0; background-size:100%; 
													transform:translateY(-54%)}
@media all and (max-width:1368px) {
	.timetable td								{ height:50px; padding-top:10px; font-size:1.03rem;  }
	.timetable td								{ padding-left:10px; }
	.timetable .pl								{ padding-left:10px !important; }
	.timetable .bg								{ padding:1.5em; }
	.timetable dl>dt							{ font-size:1.067em; }
	.timetable dl>dd							{ margin-top:.5em; }
	.timetable .time							{ margin-top:.5em; }
}
@media all and (max-width:1024px) {
	.scrollTable								{ overflow:auto;}
    .scrollTable .table							{ width:120%; margin-top:0px; min-width:768px }
    .mob_info									{ display:block; margin-bottom:5px; margin-top:1em}
	
	.table thead th 							{ font-size:1rem; }
	.table tbody th 							{ font-size:1rem; }
	.table td									{ font-size:.9rem }
}
@media all and (max-width:968px) {
	.timetable td								{ height:40px; padding-top:5px; font-size:1rem;  }
	.timetable td								{ padding-left:5px; }
	.timetable .pl								{ padding-left:5px !important; }
	.timetable dl>dt							{ font-size:1.03em; }
}
@media all and (max-width:868px) {
	.timetable colgroup							{ display:none; visibility:hidden; }
	.timetable td								{ display:block; height:auto; padding-left:0;}
	.timetable .pl								{ padding-left:0px !important; }
	.timetable td:first-child .bg				{ background:#00800024; }
	
	.table thead th 							{ font-size:.9rem; }
	.table tbody th 							{ font-size:.9rem; }
	.table td									{ font-size:.85rem }
}


/* 게시판 */
#boardWrap a[target='_blank']::after			{ filter:invert(1); margin-top:-3px; margin-left:7px;}