@charset "utf-8";
/* CSS Document */
.root_daum_roughmap_landing { border-bottom:1px solid #e2e2e2}
.root_daum_roughmap .wrap_btn_zoom { z-index:1 !important}

/**********************************************************************
 							base
**********************************************************************/


.mt0  									{ margin-top:0 !important }
.mt20  									{ margin-top:20px !important }
.mt30  									{ margin-top:30px !important }

.mb30  									{ margin-bottom:30px !important }
.mb50  									{ margin-bottom:50px !important }

h4.tit									{ position:relative; margin-bottom:10px; font-size:1.75em; color:var(--color-base); font-weight:700; line-height:1.3em; padding-top:15px; display:inline-block; margin-top:50px; width: 100%}
h4.tit:before,
h4.tit:after  							{ content:''; position:absolute; display:block; left:2px; }
h4.tit:before  							{ top:0px; width:10px; height:10px; border-radius:50%; background-color:var(--color-point); right:0;}
h4.tit:after  							{ top:0px; left:15px; width:10px; height:10px; border-radius:50%; background-color:var(--color-point2); }

.bu{display:block;box-sizing:border-box;}
.bu > li{display:block;position:relative;padding-left:15px;line-height:26px;font-weight:400;word-break:keep-all;box-sizing:border-box;}
.bu > li:before{display:block;position:absolute;top:10px;left:0;width:5px;height:5px;border-radius:100%;background-color:var(--color-point2);content:'';}

.txt_box 								{ position:relative; width:100%; margin-top:10px; padding:7px 7px 7px 35px; background:var(--color-white); border-radius:5px; text-align:center; color:var(--color-point); background: #f8f9fb; }

/* box_img */
.box_img 								{ width:100%; position:relative;text-align:center; border:10px solid var(--color-point2);}
.box_img img 							{ max-width:100% !important;}
.box_img .img_zoom 						{ display:none; position:absolute; right:0; bottom:0; z-index:10; width:42px;height:42px; background:rgba(0, 0, 0, 0.8);}
.box_img .img_zoom a 					{ display:block; height:100%; font-size:0;}
.box_img .img_zoom a:before 			{ content:'';display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:18px; height:18px; margin:auto; background:url(/resource/gukhwa/images/common/icon_search.svg) no-repeat}

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

@media all and (max-width:768px) {
    .box_img .img_zoom 					{ display:block;}
}

/* download 버튼 */
.basic_btn  							{ margin:50px 0; text-align:center;}
.basic_btn a,
.basic_btn button                    	{ display:inline-block; position:relative; height:70px; box-sizing:border-box; margin:2px; padding:0 40px; border-radius:10px;  box-shadow:none; vertical-align:middle; transition:var(--trans-ani); position:relative; border:1px solid var(--color-point); background:var(--color-white)}
.basic_btn span							{ display:flex; flex-flow:row wrap; justify-content:center; align-items:center; position:relative; z-index:2; height:100%; line-height:1em; color:var(--color-point); transition:var(--trans-ani); font-size:1.125em}
.basic_btn span:after					{ content:''; opacity:1; display:inline-block; width:14px; height:16px; margin-left:7px; background-size:100%; vertical-align:middle; transition:opacity var(--trans-ani); }
.basic_btn.download span:after  		{  background:url(/resource/gukhwa/images/contents/icon_download.svg) no-repeat 50% 50%;}
.basic_btn.search span:after  			{  background:url(/resource/gukhwa/images/contents/icon_search.svg) no-repeat 50% 50%;}
.basic_btn a:hover,
.basic_btn button:hover,
.basic_btn button:focus 				{ box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); transform: translateY(-2px); }

@media all and (max-width:768px) {
    .basic_btn						{ margin:20px 0}
    .basic_btn a, .basic_btn button { padding:15px 20px; height:auto; }
}

/* table */
table												{ border-spacing:0; border-collapse:collapse; }
table.basic_table									{ width:100%; margin-top:10px; font-size:18px;}
table.basic_table thead th							{ padding:12px 10px; background:var(--color-point2); border-left:1px solid var(--color-white); font-weight:700; color:var(--color-white);}
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 tbody th							{ background-color:#f8f9fa; border:1px solid #ddd; font-weight:700;}
table.basic_table th,
table.basic_table td								{ padding:12px 10px; letter-spacing:-0.5px; line-height:1.4; word-break:keep-all; font-family:var(--font-pretendard);}
table.basic_table th								{ text-align:center; font-weight:500; color:var(--color-black);}

table th:first-child  								{ border-top-left-radius:10px}
table th:last-child  								{ border-top-right-radius:10px}

table.basic_table tbody tr:nth-child(-n+1) th,
table.basic_table tbody tr:nth-child(-n+1) td 		{ border-top: 2px solid var(--color-point2);}

/* thead - line */
table.basic_table .line_right						{ border-right:1px solid #ddd;}
table.basic_table .line_left						{ border-left:1px solid #ddd;}
table.basic_table .line_bottom						{ border-bottom:1px solid #b9c2db;}

/* tbody */
table.basic_table thead + tbody tr td				{ text-align:center;}
table.basic_table tbody td							{ background:var(--color-white); border:1px solid #ddd;text-align:left;}
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-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; }
table.basic_table tbody tr th:nth-of-type(1)	{ border-right-width:1px; }

table.vert tbody td  							{ vertical-align:top }

/* table text align */
table.basic_table.left td,
table.basic_table .left							{ text-align:left !important;}
table.basic_table.right td,
table.basic_table .right						{ text-align:right !important;}
table.basic_table.center td,
table.basic_table .center						{ text-align:center !important;}
table.basic_table.center td.left				{ text-align:left !important;}

table.basic_table .bu  							{ margin-left:20px }
table.basic_table .bu strong  					{ color:var(--color-point2); font-weight:700}

table.txt_small th,
table.txt_small td  							{ font-size:1rem; }

/* table scroll mobile */
#content .scrollTable							{ width:100%;}
#content .mob_info								{ display:none; position:relative; width:100%; box-sizing:border-box; margin-top:10px; padding:7px 7px 7px 35px; background:var(--color-white); border:1px dashed #cfcfcf; border-radius:3px; font-size:13px;}
#content .mob_info:before						{ content:''; display:block; position:absolute; top:7px; left:7px; width:20px; height:18px; background:url(/resource/gukhwa/images/contents/img_drag.svg) no-repeat 50% 0; background-size:100%;}

@media all and (max-width:1024px){
	#content .mob_info							{ display:block; margin-bottom:5px;}
    #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 11px 9px;}

	table.txt_small th,
	table.txt_small td  						{ font-size:14px !important; }
}
@media screen and (max-width:668px){
	table.basic_table							{ font-size:16px;}
}

/* info box */
.box_info_top							{ position:relative; display:flex; justify-content:flex-start; align-items:center; margin-bottom:50px; padding:40px 50px; background:var(--color-white); border-radius:20px; border:1px solid #e5e5e5}
.box_info_top:before  					{ position:absolute;top:-1px;left:-1px;right:-1px;content:"";display:block;height:34%;border:2px solid var(--color-point2);border-radius:20px 20px 0 0;border-bottom:0;}
.box_info_top .ico						{ overflow:hidden; flex:none; display:flex; justify-content:center; align-items:center; width:100px; height:100px; box-sizing:border-box; margin-right:30px; padding:8px;
    									background:#f7f7f7 url(/resource/gukhwa/images/contents/icon_info_default.svg) no-repeat 50% 50%; background-size:cover; border-radius:100%;}
.box_info_top .ico img					{ max-width:100%;}
.box_info_top h4						{ margin:7px 0px 10px; font-size:1.75em; 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-gray4);  word-break:keep-all;}

.box_info_top .train  					{ background:#f7f7f7 url(/resource/gukhwa/images/contents/icon_train.svg) no-repeat 50% 50%; }
.box_info_top .bus  					{ background:#f7f7f7 url(/resource/gukhwa/images/contents/icon_bus.svg) no-repeat 50% 50%; }
.box_info_top .bus2  					{ background:#f7f7f7 url(/resource/gukhwa/images/contents/icon_bus2.svg) no-repeat 50% 50%; }
.box_info_top .car  					{ background:#f7f7f7 url(/resource/gukhwa/images/contents/icon_car.svg) no-repeat 50% 50%; }

.box_info_top .list li  				{ display: flex; align-items: flex-start; margin-top:10px}
.box_info_top .list li span:first-child { width: 150px; display: block; border-radius: 30px; text-align: center; color: var(--color-white); line-height:1.6em}
.box_info_top .list li span:last-child 	{ width: calc(100% - 150px); padding-left: 10px; word-break: keep-all; letter-spacing: -1px}
.box_info_top .list li span:first-child { background: var(--color-point2);}

.box_info_top .img  					{ position:relative; display: inline-block; border:2px solid var(--color-point2); border-radius: 20px 10px; overflow: hidden;}
.box_info_top .img .img_zoom 			{ display:block; position:absolute; right:0; bottom:0; z-index:2; width:42px;height:42px; background:rgba(0, 0, 0, 0.8); border-radius: 10px}
.box_info_top .img .img_zoom a 			{ display:block; height:100%; font-size:0;}
.box_info_top .img .img_zoom a:before 	{ content:'';display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:18px; height:18px; margin:auto; background:url(/resource/gukhwa/images/common/icon_search.svg) no-repeat}

.poster_wrap  							{ display: grid; grid-template-columns: 1fr 1fr; gap: 30px;}
.poster  								{ align-items:flex-start; gap: 30px; margin-bottom:0;}

.poster .list li span:first-child 		{ width: 70px; }
.poster .list li span:last-child 		{ width: calc(100% - 70px); }

@media screen and (max-width:1268px){
	.poster_wrap   						{ grid-template-columns:1fr; gap:20px }
}
@media screen and (max-width:668px){
	.box_info_top						{ flex-wrap:wrap; padding:15px 30px; margin-bottom:40px; }
	.box_info_top h4  					{ font-size:1.438em }
	.box_info_top .ico					{ display:none }
	.box_info_top div					{ width:100%; word-wrap:break-word; word-break:keep-all; }

	.box_info_top .img  				{ margin:0 auto }
	.poster  							{ margin-bottom:0; }
}

@media screen and (max-width: 468px){
	.box_info_top .list li { flex-direction:column; width:100%;}
	.box_info_top .list li span:first-child{ width:100%;}
	.box_info_top .list li span:last-child { width:100%;}
}



/**********************************************************************
 							전시
**********************************************************************/
.exhibition  											{ display: grid; grid-template-columns: 1fr 1fr; grid-gap: 30px;  }
.exhibition .list  										{ border-top:2px solid var(--color-point2); }
.exhibition .list h4 									{ font-family:var(--font-TTT); font-size: 1.5em; letter-spacing: -2px; word-break: keep-all; padding:20px 0; text-align: center}
.exhibition > .list .img 								{ border-radius: 10px; overflow: hidden; width: 100%; height:500px; background: #eee; position: relative; }
.exhibition > .list .img > img 							{ width:100%; height:100%; object-fit:cover; position: absolute; top:0; left:0; transition: all 1s ease; transform:inherit;}
.exhibition > .list:hover .img > img 					{ transform:scale(1.1);}

@media screen and (max-width:768px){
	.exhibition  										{ grid-template-columns:1fr }
	.exhibition > .list .img  							{ height:400px }
}

 @media screen and (max-width:468px){
	.exhibition > .list .img  							{ height:300px }
}
/**********************************************************************
 							프로그램
**********************************************************************/
.program_all  											{ display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 30px; margin-top: 50px; }
.program_all .list  									{ padding:30px;border-radius:30px; border:1px solid #ddd; }
.program_all .list:hover 								{ background: #f8f9fb;}
.program_all .list h4 									{ font-family:var(--font-TTT); font-size: 1.5em; margin: 5px 0 10px 0; letter-spacing: -2px; min-height: 2em; word-break: keep-all}
.program_all .list .img 								{ border-radius: 10px; overflow: hidden; width: 100%; height: 200px; background: #eee; position: relative;}
.program_all .list .img > img 							{ width: 100%; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) scale(1); transition: all 1s ease}
.program_all .list:hover .img > img 					{ transform: translate(-50%, -50%) scale(1.1);}

.program_all .list .img .img_zoom 						{ display:block; position:absolute; right:0; bottom:0; z-index:2; width:42px;height:42px; background:rgba(0, 0, 0, 0.8); border-radius: 10px}
.program_all .list .img .img_zoom a 					{ display:block; height:100%; font-size:0;}
.program_all .list .img .img_zoom a:before 				{ content:'';display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:18px; height:18px; margin:auto; background:url(/resource/gukhwa/images/common/icon_search.svg) no-repeat}

.program_all .list .detail								{ margin-top: 15px; min-height: 120px;}
.program_all .list .detail > div 						{ display: flex; align-items: flex-start}
.program_all .list .detail > div + div 					{ margin-top: 8px;}
.program_all .list > div span:first-child 				{ width: 80px; display: block; border-radius: 30px; text-align: center; color: var(--color-white); line-height:1.6em;}
.program_all .list .detail > div span:last-child 		{ width: calc(100% - 80px); padding-left: 10px; word-break: keep-all; letter-spacing: -1px}
.program_all .list .detail > div span:first-child 		{ background: var(--color-point2);}

.event > .list .img 									{ border-radius: 10px; overflow: hidden; width: 100%; aspect-ratio: 1 / 1; background: #eee; position: relative; height:inherit;}
.event > .list .img > img 								{ width:100%; height:100%; object-fit:cover; position: absolute; top:0; left:0; transition: all 1s ease; transform:inherit;}
.event > .list:hover .img > img 						{ transform:scale(1.1);}
@media all and (max-width:1268px){
	.program_all  										{ grid-template-columns:1fr 1fr; grid-gap:20px }	
	.program_all .list 									{ padding:20px;}
	.program_all .list .img 							{ height:20vw;}
}

@media all and (max-width:768px){
	.program_all  										{ grid-template-columns:1fr;}	
	.program_all .list .img 							{ height:40vw;}
	.program_all .list .detail > div  					{ display:block;}
    .program_all .list .detail > div + div  			{ margin-top:20px;}
    .program_all .list .detail > div span:first-child 	{ width:100%;padding:5px 0;display:block;}
    .program_all .list .detail > div span:last-child 	{ width:100%;padding:10px 0 0 0;display:block;}
}



/**********************************************************************
 							축제개요
**********************************************************************/
.festival_overview  									{ position:relative; padding-top:50px; }
.festival_overview .img_wrap  							{ position:absolute; left:80px; top:0; width:670px; height:820px; border-radius:50px; overflow:hidden; }
.festival_overview .img_wrap .img  						{ width:100%; height:100%; background:url(/resource/gukhwa/images/contents/overview.jpg) center / cover no-repeat; }
.festival_overview .img_wrap .img02						{ width:100%; height:100%; background:url(/resource/gukhwa/images/contents/overview02.jpg) center / cover no-repeat; }
.festival_overview .img_wrap .img03						{ width:100%; height:100%; background:url(/resource/gukhwa/images/contents/overview03.jpg) center / cover no-repeat; }
.festival_overview .list  								{ width:100%;  }
.festival_overview .list .tit  							{ font-size:1.875em; color:#ee5019; padding-left:800px; font-weight:600}
.festival_overview .list .tit span						{ display:block; font-family:var(--font-TTT); color:var(--color-black); font-size:50px; }
.festival_overview .list .txt  							{ margin-top:50px; border-radius:50px; border:1px solid #ddd; padding:60px 60px 60px 800px; min-height:680px}

.festival_overview .list .txt .stit  					{ background:var(--color-point2); color:var(--color-white); font-family:var(--font-TTT); font-size:1.875em; padding:15px 45px 10px 50px; border-radius: 70px; margin-bottom:20px; position: relative;}
.festival_overview .list .txt .stit:before  			{ content:''; position:absolute; display:block; top:-20px; left:-20px; background:url(/resource/gukhwa/images/contents/festival_overview.svg) no-repeat; width:90px; height:51px}
.festival_overview .list .txt .info dl					{ display:flex;align-items:center;border-bottom:1px solid #eee;padding:1.375em 0;--sizeWidth:160px;color:var(--color-base); margin:0 40px}
.festival_overview .list .txt .info dl	dt				{ position:Relative;width:var(--sizeWidth);font-size:1.5em;font-weight:600;padding-left:22px; font-family:var(--font-TTT); }
.festival_overview .list .txt .info dl	dt::before		{ content:'';position:absolute;left:0;top:12px;width:8px;height:8px;background:var(--color-point);border-radius:100%;}
.festival_overview .list .txt .info dl	dd				{ width:calc(100% - var(--sizeWidth));font-size:1.375em; font-weight:600; margin-bottom:6px;}

.chrysanthemum .list .txt02  						{ margin-top:50px; border-radius:50px; border:1px solid #ddd; padding:60px 60px 60px 800px; min-height:600px}
.chrysanthemum .list .txt02 p   					{ font-size:1.125em;}
.chrysanthemum .list .txt02 .txt02_tit  			{ font-family:var(--font-TTT); font-size:1.375em }
.chrysanthemum .list .txt02 .txt02_stit  			{ color:var(--color-point); margin-top:30px; font-family:var(--font-TTT); font-size:1.75em }

.carnival .list .txt02,
.carnival .list .tit  								{ padding-left:50px !important; min-height:auto; padding-right:800px;}
.carnival .img_wrap  								{ right:80px; left:inherit; top:0; width:670px; height:760px;}


@media all and (max-width:1468px){
	.festival_overview .img_wrap					{ width:480px }
	.festival_overview .list .tit,
	.festival_overview .list .txt,
	.chrysanthemum .list .txt02 					{ padding-left:600px }
	.festival_overview .list .txt .info dl dt  		{ font-size:1.25em; }
	.carnival .list .txt02 							{ padding-right:600px }
}
@media all and (max-width:1268px){
	.festival_overview .img_wrap 					{ width:300px }
	.festival_overview .list .tit,
	.festival_overview .list .txt,
	.chrysanthemum .list .txt02 					{ padding-left:420px }

	.festival_overview .list .txt .info dl dt  		{ font-size:1.25em; }
	.chrysanthemum .list .txt02 p  					{ font-size:inherit; }
	.chrysanthemum .list .txt02 .txt02_stit  		{ font-size:1.563em; }


	.carnival .list .tit,
	.carnival .list .txt02  						{ padding-right:420px; }
}
@media all and (max-width:1024px){
	.festival_overview								{ padding-top:0; }
	.festival_overview .img_wrap					{ display:none;  z-index: -11}
	.festival_overview .list .tit  					{ text-align: center; padding:0}
	.festival_overview .list .tit:before  			{ content:''; width:100%; height:300px; display:block; background:url(/resource/gukhwa/images/contents/overview.jpg) center / cover no-repeat; margin:0 auto 30px auto; border-radius:30px }
	.festival_overview .list .txt,
	.chrysanthemum .list .txt02  					{ padding:30px; min-height:auto; border-radius: 30px; margin-top:20px}
	.chrysanthemum .list .tit:before  				{ background:url(/resource/gukhwa/images/contents/overview02.jpg) center / cover no-repeat; }

	.carnival .list .tit:before  					{ background:url(/resource/gukhwa/images/contents/overview03.jpg) center / cover no-repeat; }

	.carnival .list .txt02  						{ padding-left:30px !important }
	.carnival .list .tit  							{ padding-left:0px !important }

}

@media all and (max-width:768px){
	.festival_overview .list .tit,
	.festival_overview .list .txt .stit				{ font-size:1.563em }
	.festival_overview .list .tit span  			{ font-size:40px }
	.festival_overview .list .txt .info dl  		{ --sizeWidth:100px; padding:0.938em 0; margin:0;}
	.festival_overview .list .txt .info dl dt 		{ font-size:1.125em; padding-left:15px}
	.festival_overview .list .txt .info dl dt:before{ top:5px; width:5px; height:5px }
	.festival_overview .list .txt .info dl dd  		{ font-size:1.25em; }
	.chrysanthemum .list .txt02 .txt02_tit,
	.chrysanthemum .list .txt02 .txt02_stit  		{ font-size:1.25em }
}
@media all and (max-width:468px){
	.festival_overview .list .tit,
	.festival_overview .list .txt .stit 			{ font-size:1.25em }
	.festival_overview .list .tit span  			{ font-size:26px }
	.festival_overview .list .txt .info dl  		{ --sizeWidth:100px; padding:0.938em 0}
	.festival_overview .list .txt .info dl dt 		{ font-size:1em; padding-left:15px}
	.festival_overview .list .txt .info dl dt:before{ top:5px; width:5px; height:5px }
	.festival_overview .list .txt .info dl dd  		{ font-size:inherit; }
}
/**********************************************************************

 							초대의 글

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

[data-subarea="invite"]													{overflow:hidden;}
[data-subarea="invite"] > .con_inner									{display:flex;align-items:flex-start;justify-content: space-between;gap:120px;--sizeWidth:520px;}
[data-subarea="invite"] .poster_wrap									{position:Relative;width:var(--sizeWidth);overflow: hidden;display: block;border-radius:40px;}
[data-subarea="invite"] .poster_wrap img							 {width:100%;}
[data-subarea="invite"] .text_wrap										 {margin-top:3.75em;width:calc(100% - var(--sizeWidth) - 120px);}
[data-subarea="invite"] .text_wrap .title .ti							 {display:flex;align-items:center;font-size:2.875em;font-weight:800;color:var(--color-base);margin-bottom:40px;}
[data-subarea="invite"] .text_wrap .title .ti .gukhwa				{display:block;margin-left:16px;;width:42px;height:42px;background:url(/resource/gukhwa/images/sub/icon_gukhwa.svg) center center / 100%;overflow:hidden;animation: rotate 3s linear infinite;}
[data-subarea="invite"] .text_wrap .title p								{font-size:1.625em;font-weight:600;color:var(--color-base);margin-bottom:20px;}
[data-subarea="invite"] .text_wrap .title span							{display:block;font-weight:500;color:#555;;font-size:1.375em;line-height:1.6;}
[data-subarea="invite"] .text_wrap .info								{margin-top:60px;border-top:2px solid #eee;}
[data-subarea="invite"] .text_wrap .info dl								{display:flex;align-items:center;border-bottom:1px solid #eee;padding:1.375em 0;--sizeWidth:160px;color:var(--color-base)}
[data-subarea="invite"] .text_wrap .info dl	dt							{position:Relative;width:var(--sizeWidth);font-size:1.5em;font-weight:600;padding-left:22px;}
[data-subarea="invite"] .text_wrap .info dl	dt::before					{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:8px;background:var(--color-point);border-radius:100%;}
[data-subarea="invite"] .text_wrap .info dl	dd							{width:calc(100% - var(--sizeWidth));font-size:1.375em;}
[data-subarea="invite"] .text_wrap .info dl	dd strong					{font-weight:700;}
[data-subarea="invite"] .text_wrap .btns									{margin-top:50px;}
[data-subarea="invite"] .text_wrap .btns ul									{display:flex;align-items: center;--sizeHig:53px;gap:0 20px;}
[data-subarea="invite"] .text_wrap .btns ul	li a							{display:flex;align-items:center;background:var(--color-white);border:1px solid #ddd;border-radius:26px;padding:0 30px;height:var(--sizeHig);line-height:var(--sizeHig);color:#333;font-size:1.25em;font-weight:600;transition:var(--trans-ani);}
[data-subarea="invite"] .text_wrap .btns ul	li a::after						{content:'';display:block;width:10px;height:14px;margin-left:3em;background:url(/resource/gukhwa/images/main/icon_next.svg) no-repeat center center / 100%;filter:invert(32%) sepia(3%) saturate(24%) hue-rotate(55deg) brightness(101%) contrast(97%);}                                                  
[data-subarea="invite"] .text_wrap .btns ul	li a:focus,
[data-subarea="invite"] .text_wrap .btns ul	li a:hover					{border-color:var(--color-point);color:var(--color-point);}
[data-subarea="invite"] .text_wrap .btns ul	li a:focus::after,
[data-subarea="invite"] .text_wrap .btns ul	li a:hover::after			{filter:none;}	
[data-subarea="invite"] .rollig_text										{margin-top:-5em;z-index:-1;}


@media all and (max-width:1468px){	
	[data-subarea="invite"] > .con_inner								{gap:60px;--sizeWidth:460px;align-items:center;}
	[data-subarea="invite"] .text_wrap									{width:calc(100% - var(--sizeWidth) - 60px);margin-top:0;}
	[data-subarea="invite"] .text_wrap .title .ti						{font-size:2.25em;margin-bottom: 20px;}
	[data-subarea="invite"] .text_wrap .title .ti .gukhwa			{width:40px;height:40px;}
	[data-subarea="invite"] .text_wrap .title p							{font-size:1.375em;margin-bottom: 15px;}
	[data-subarea="invite"] .text_wrap .title span					{font-size:1.125em;}
	[data-subarea="invite"] .text_wrap .info							{margin-top:40px;}
	[data-subarea="invite"] .text_wrap .info dl						{padding:1.25em;--sizeWidth: 120px;}
	[data-subarea="invite"] .text_wrap .info dl dt					{font-size:1.375em;}
	[data-subarea="invite"] .text_wrap .info dl dd					{font-size:1.25em;}
	[data-subarea="invite"] .text_wrap .btns							{margin-top:30px;}
	[data-subarea="invite"] .text_wrap .btns ul li a				{font-size:1.125em;}
	[data-subarea="invite"] .text_wrap .btns ul li a::after			{margin-left:1em;}

}
@media all and (max-width:1268px){
	[data-subarea="invite"] > .con_inner								{gap:40px;--sizeWidth:420px;}
	[data-subarea="invite"] .poster_wrap								{border-radius:1.375em;}
	[data-subarea="invite"] .text_wrap									{width:calc(100% - var(--sizeWidth) - 40px);}
	[data-subarea="invite"] .text_wrap .title .ti						{font-size:2em;}
	[data-subarea="invite"] .text_wrap .title .ti .gukhwa			{width:38px;height:38px;margin-left: 12px;}
	[data-subarea="invite"] .text_wrap .title p							{font-size:1.25em;}
	[data-subarea="invite"] .text_wrap .title span					{font-size:1.063em;}
	[data-subarea="invite"] .text_wrap .title span br					{display:none;}
	[data-subarea="invite"] .text_wrap .info dl dt					{font-size:1.25em;}
	[data-subarea="invite"] .text_wrap .info dl dd					{font-size:1.125em;}
	[data-subarea="invite"] .text_wrap .btns ul li a				{font-size:1.063em;}
	[data-subarea="invite"] .text_wrap .btns ul li a::after			{margin-left:.5em;}
}	

@media all and (max-width:1024px){
	[data-subarea="invite"] > .con_inner								{flex-flow:column;gap:30px;--sizeWidth:100%}
	[data-subarea="invite"] .poster_wrap							{max-width:400px;}
	[data-subarea="invite"] .text_wrap									{width:100%;}
	[data-subarea="invite"] .text_wrap .title 							{text-align:center;}
	[data-subarea="invite"] .text_wrap .title .ti							{font-size:1.75em;justify-content: center;}
	[data-subarea="invite"] .text_wrap .title .ti .gukhwa				{width:28px;height:28px;margin-left:8px;}
	[data-subarea="invite"] .text_wrap .title p							{font-size:1.125em;}
	[data-subarea="invite"] .text_wrap .title span					{font-size:1em;}
	[data-subarea="invite"] .text_wrap .title span br					{display:block;}
	[data-subarea="invite"] .text_wrap .info dl						{--sizeWidth: 100px;padding: 1.125em;}
	[data-subarea="invite"] .text_wrap .info dl dt					{font-size:1.125em;padding-left: 18px;}
	[data-subarea="invite"] .text_wrap .info dl dt::before			{width:6px;height:6px;}
	[data-subarea="invite"] .text_wrap .info dl dd					{font-size:1.063em;}
	[data-subarea="invite"] .text_wrap .btns ul							{justify-content: center;--sizeHig: 49px;gap:10px;}
	[data-subarea="invite"] .text_wrap .btns ul li a				{font-size:1em;}
	[data-subarea="invite"] .text_wrap .btns ul li a::after			{width:6px;height:10px;}
	[data-subarea="invite"] .rollig_text								{margin-top:2em;}
	
}

@media all and (max-width:668px){
	[data-subarea="invite"] .text_wrap .title .ti							{font-size:1.5em;}
	[data-subarea="invite"] .text_wrap .title span br					{display:none;}
	[data-subarea="invite"] .text_wrap .info dl						{--sizeWidth: 80px;}
	[data-subarea="invite"] .text_wrap .btns ul							{flex-wrap:wrap;--sizeHig: 43px;}
	[data-subarea="invite"] .text_wrap .btns ul li a					{padding:0 20px;}
	
}

@media all and (max-width:468px){
	[data-subarea="invite"] .text_wrap .title .ti							{flex-flow: column;}
	[data-subarea="invite"] .text_wrap .title .ti .gukhwa				{margin-left:0;margin-top:8px;}
	[data-subarea="invite"] .text_wrap .info 							{margin-top:30px;}
	[data-subarea="invite"] .text_wrap .info dl							{flex-flow: column;justify-content: flex-start;}
	[data-subarea="invite"] .text_wrap .info dl	dt,
	[data-subarea="invite"] .text_wrap .info dl	dd 						{width:100%;}
	[data-subarea="invite"] .text_wrap .info dl dt						{padding-left: 12px;}
	[data-subarea="invite"] .text_wrap .info dl dt::before			{width:5px;height:5px;}
	[data-subarea="invite"] .text_wrap .btns ul	li						{width:calc(50% - 10px / 2);}
	[data-subarea="invite"] .text_wrap .btns ul li a  					{ justify-content: space-between;}
}

@media all and (max-width:368px){
	[data-subarea="invite"] .poster_wrap								{border-radius:1em;}
	[data-subarea="invite"] .text_wrap .btns ul	li						{width:100%;}
}

/*게시글내 동영상*/
#boardWrap .view_table .view_con iframe { width: 100% !important;  height: auto !important;  aspect-ratio: 16 / 9;  border: 0; border-radius: 10px; display: block; }