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

					 공통

************************************************************/
/* 기본 텍스트 */
.content .basic_text												{ display:flex; flex-flow:column; gap:2em; }
.content .basic_text>li												{ font-size:1.19em; line-height:1.6; }

/* 라인 박스 이미지 */					
.box_img_line														{ display:flex; border:1px solid #e5e5e5; border-radius:20px; overflow:hidden; margin-top:1.25em; }				
														
/* 홈페이지 바로가기 */
.content .btn_homepage												{ width:95px; height:95px; border-radius:0; background:none }
.content .btn_homepage::before										{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; background:url(/resource/tour/images/contents/img_homepage.svg) no-repeat 50% 50% / contain; 
																		animation:degShow 15s linear infinite; transition:var(--trans-ani); }
.content .btn_homepage::after										{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; background:url(/resource/tour/images/main/icon_plus.svg) no-repeat 50% 50% / 11px; }	
.content .btn_homepage:hover,
.content .btn_homepage:focus										{ box-shadow:inherit; }
.content .basic_btn a[target="_blank"] span::after, 
.content .basic_btn button[target="_blank"] span::after				{ background-image:url(/resource/tour/images/common/icon_blank.svg); filter: invert(1); background-size:13px 11px; }	
.content .basic_btn a[target="_blank"].white span::after, 
.content .basic_btn button[target="_blank"].white span::after		{ background-image:url(/resource/common/images/common/icon_newtab.svg);filter:none; }

/*블랙 버튼*/
.content .basic_btn .black span::after								{ filter:brightness(0) invert(1);}

/* 돋보기 버튼 */
.basic_btn .view span::after										{ content:''; opacity:1; display:inline-block; width:14px; height:14px; margin-left:7px; vertical-align:middle; transition:opacity var(--trans-ani); filter: brightness(0) invert(1);
																		background:url(/resource/tour/images/contents/icon_view.svg) no-repeat 50% 50% !important; background-size:100%; }
.basic_btn .view.white span::after									{ filter:none; }
.basic_btn .view.lg span::after										{ width:14px; height:14px; }	

/* 아이콘 리스트 */
.content .icon_list													{ display:flex; flex-wrap:wrap; gap:16px; }
.content .icon_list>li												{ display:flex; flex-wrap:wrap; width:calc((100% - 32px) / 3); border:1px solid #e5e5e5; border-radius:20px; padding:1.88em; align-items:center; gap:1.88em;  }
.content .icon_list.col2>li											{ width:calc((100% - 16px) / 2);}
.content .icon_list>li .icon										{ width:100px; height:100px; border-radius:100%; background:#eff7ff; }
.content .icon_list>li dl											{ display:flex; flex-flow:column; }
.content .icon_list>li dl>dt										{ font-size:1.25em; font-weight:bold; }
.content .icon_list>li dl>dd										{ font-size:1.13em; }

/*숫자 박스 리스트*/
.content .num_box_list                                              { display:flex; flex-wrap:wrap; gap:0 3em; justify-content:space-between; align-items:stretch; counter-reset:num-counter;}
.content .num_box_list > li                                         { width:calc((100% - 6em) / 3); border:1px solid #e3e8eb; border-radius:20px; overflow:hidden; }
.content .num_box_list > li dl > dt                                 { background:var(--color-light-blue); padding:1.5rem; display:flex; flex-flow:column; align-items:center; gap:.375em; z-index:1; position:relative; color:var(--color-base);
																		font-size:1.75em; font-weight:700; line-height:1.3; text-align:center; }
.content .num_box_list > li dl > dt::before                         { counter-increment:num-counter; content:counter( num-counter, decimal-leading-zero) " "; display:block; color:var(--color-point); font-size:1.25rem; font-weight:600;
																		text-align: center;opacity: .74;}
.content .num_box_list > li dl > dd                                 { padding:1.5rem; }
.content .num_box_list > li dl > dd .basic_ul						{ margin-top:0; }

/* 타이틀 박스 */
.content .top_img_box												{ display:flex; align-items:center; min-height:360px; padding:6em; background-size:auto; background-position:right 5% bottom; background-repeat:no-repeat; 
																		border-radius:20px 140px 20px 20px; }
.content .top_img_box dl 											{ display:flex; flex-flow:column; gap:1.1em; width:50%; }
.content .top_img_box dl > dt										{ font-size:2.25em; font-family:var(--font-gmarket); margin-top:.25em;line-height:1; color:var(--color-point); font-weight:bold; }
.content .top_img_box dl > dd										{ font-size:1.13em; opacity:.74; }

/*이미지*/
.content .img_box													{ text-align:center; }
.content .img_box img												{ border-radius:20px; }

/*다이어그램 type02*/
.content .area_diagram_type02 .list > li dt:has(small)				{ flex-flow:column wrap; }
.content .area_diagram_type02 .list > li dt small					{ color:var(--color-light-blue); font-weight:300; font-size:.88em; }

/*다이어그램 type02 - 4개 출력*/
.area_diagram_type02 .list.col04:has(> li:nth-child(4):last-child) 	{ margin-right:calc(var(--sizePadding) * -1); }

/*기본*/
.ml15																{ margin-left:15px; }
.color_base															{ color:var(--color-base); }

@media all and (max-width:1568px){
	/* 기본 텍스트 */
	.content .basic_text>li												{ font-size:1.16em;  }
	
	/* 홈페이지 바로가기 */
	.content .btn_homepage												{ width:85px; height:85px; }
	
	/* 아이콘 리스트 */	
	.content .icon_list													{ gap:8px; }
	.content .icon_list>li												{ width:calc((100% - 16px) / 3); padding:1.5em; gap:1.5em;  }
	.content .icon_list.col2>li											{ width:calc((100% - 8px) / 2);}
	.content .icon_list>li .icon										{ width:90px; height:90px; }
	.content .icon_list>li dl>dt										{ font-size:1.2em; }
	.content .icon_list>li dl>dd										{ font-size:1.1em; }	
	
	/* 타이틀 박스 */
	.content .top_img_box												{ min-height:initial; background-size:auto 100%; }
}	
@media all and (max-width:1468px){
	/* 기본 텍스트 */
	.content .basic_text>li												{ font-size:1.1em;  }
	
	/* 아이콘 리스트 */	
	.content .icon_list												{ gap:5px; }
	.content .icon_list>li											{ width:calc((100% - 10px) / 3); gap:1em;  }
	.content .icon_list.col2>li										{ width:calc((100% - 5px) / 2);}
	.content .icon_list>li .icon									{ width:80px; height:80px; }
	.content .icon_list>li dl>dt									{ font-size:1.167em; }
	.content .icon_list>li dl>dd									{ font-size:1.067em; }	
	
	/*숫자 박스 리스트*/
	.content .num_box_list                                        	{ gap:0 2em}
	.content .num_box_list > li                                     { width:calc((100% - 4em) / 3);}
	.content .num_box_list > li dl > dt                             { font-size:1.5em;}
	.content .num_box_list > li dl > dt::before                 	{ font-size:1.1rem; --sizeWidth:38px;}
	
	/* 타이틀 박스 */
	.content .top_img_box											{ padding:5em;}
	.content .top_img_box dl > dt									{ font-size:2.15em;}
}	
@media all and (max-width:1368px){
	/* 아이콘 리스트 */	
	.content .icon_list>li .icon									{ width:70px; height:70px; }
	.content .icon_list>li dl>dt									{ font-size:1.1em; }
	.content .icon_list>li dl>dd									{ font-size:1.03em; }	
}
@media all and (max-width:1268px){
	/* 기본 텍스트 */
	.content .basic_text>li											{ font-size:1.067em;  }
	
	/* 홈페이지 바로가기 */
	.content .btn_homepage											{ width:75px; height:75px; }
	
	/*숫자 박스 리스트*/
	.content .num_box_list                                          { gap:0 1.5em}
	.content .num_box_list > li                                     { width:calc((100% - 3em) / 3);}
	.content .num_box_list > li dl > dt                             { font-size:1.375em;}
	
	/* 타이틀 박스 */
	.content .top_img_box											{ padding:4em;}
	.content .top_img_box dl > dt									{ font-size:2em;}
}

@media all and (max-width:1168px){	
	/*숫자 박스 리스트*/
	.content .num_box_list                                         		{ gap:0 1em;}
	.content .num_box_list > li                                     	{ width:calc((100% - 2em) / 3);}
	.content .num_box_list > li dl > dt                             	{ font-size:1.25em; padding:1.25rem;}
	.content .num_box_list > li dl > dt::before                 		{ font-size:1rem;}
	.content .num_box_list > li dl > dd									{ padding:1.25rem;} 		
}

@media all and (max-width:968px){	
	/*숫자 박스 리스트*/
	.content .num_box_list                                         		{ gap:2em;}
	.content .num_box_list > li                                			{ width:100%;}
	.content .num_box_list > li dl > dt br               				{ display:none;}
	
	/* 타이틀 박스 */
	.content .top_img_box												{ padding:3em;border-radius: 20px 100px 20px 20px;background-size: auto 90%;background-position: right 2.5% bottom;}
}
@media all and (max-width:868px){	
	/* 라인 박스 이미지 */					
	.box_img_line														{ border-radius:15px; }
	
	/* 홈페이지 바로가기 */
	.content .btn_homepage												{ width:65px; height:65px; }
	
	/* 아이콘 리스트 */
	.content .icon_list>li												{ width:calc((100% - 5px) / 2); }
	
	/*숫자 박스 리스트*/
	.content .num_box_list > li                        					{ border-radius:15px;}
	
	/* 타이틀 박스 */
	.content .top_img_box												{ padding:2.5em;background-size: auto 80%;background-position:right bottom;}
	.content .top_img_box dl > dt										{ font-size:1.875em;}
	
	/* 이미지 */
	.content .img_box img												{ border-radius:15px;}
}	
@media all and (max-width:568px){
	/* 아이콘 리스트 */
	.content .icon_list>li,
	.content .icon_list.col2>li											{ width:100%; }		
	
	/*숫자 박스 리스트*/
	.content .num_box_list > li dl > dt                             	{ padding:1rem; gap: .25em;}
	.content .num_box_list > li dl > dd									{ padding:1rem;}
	
	
	/* 타이틀 박스 */
	.content .top_img_box												{ padding:2em;padding-bottom: 10em;background-size: auto 60%;background-position:right bottom;border-radius: 20px;}
	.content .top_img_box dl											{ width:100%;}
	.content .top_img_box dl > dt										{ font-size:1.75em;}
}
@media all and (max-width:468px){
	.area_diagram_type02 .list.col04:has(> li:nth-child(4):last-child)	{ margin-right:0; }
}
@media all and (max-width:414px){
	.content .top_img_box												{ background-size:auto 50% }
}
@media all and (max-width:368px){
	/* 기본 텍스트 */
	.content .basic_text>li												{ font-size:1em; line-height:1.4  }

	/* 타이틀 박스 */
	[data-subarea="commentator"] .top_img_box							{ background-position: center bottom;background-size: auto 50%;padding-bottom: 12em;background-size: auto 50%;}
}					
									

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

						익산 9경

**********************************************************************/	
[data-subarea="nineviews"] .basic_btn							{ margin-top:-3.13em; }	
[data-subarea="nineviews"] .bg_gray								{ padding-bottom:6.25em; }
[data-subarea="nineviews"] .bg_gray	 .basic_text				{ margin-top:-2.5em; }

/*고스락*/
[data-subarea="nineviews"] .num_box_list               			{ margin-top:60px;}

/*용안생태습지*/
[data-subarea="nineviews"] .box_text_line strong				{ font-weight:bold;color:var(--color-base);margin-right:8px;}
[data-subarea="nineviews"] .box_text_line strong .tel 		  	{ width:15px; height:15px; opacity: .3; margin-right: 4px; vertical-align: middle; display:inline-block; 
																	background:url(/resource/tour/images/contents/icon_tel.svg) no-repeat center center / 100%;}

@media all and (max-width:1568px){
	[data-subarea="nineviews"] .basic_btn						{ margin-top:-2.83em; }	
	[data-subarea="nineviews"] .bg_gray							{ padding-bottom:6em; }
	[data-subarea="nineviews"] .bg_gray	 .basic_text			{ margin-top:0; padding:0 4em; }
}
@media all and (max-width:1268px){
	[data-subarea="nineviews"] .basic_btn						{ margin-top:-2.43em; }	
	[data-subarea="nineviews"] .bg_gray							{ padding-bottom:5em; }
	
	/*고스락*/
	[data-subarea="nineviews"] .num_box_list               		{ margin-top:50px;}
}
@media all and (max-width:1024px){
	[data-subarea="nineviews"] .basic_btn						{ margin-top:-2.83em; }	
	
	/*용안생태습지*/
	[data-subarea="nineviews"] .box_text_line strong			{ margin-right:6px;}
	[data-subarea="nineviews"] .box_text_line strong .tel 		{ width:12px;height:12px;margin-right:2px;}
}
@media all and (max-width:968px){
	[data-subarea="nineviews"] .bg_gray	 .basic_text			{ padding:0 3em; }
}
@media all and (max-width:868px){
	[data-subarea="nineviews"] .basic_btn						{ margin-top:-2.43em; }	
	[data-subarea="nineviews"] .bg_gray							{ padding-bottom:4em; }
}
@media all and (max-width:768px){
	[data-subarea="nineviews"] .bg_gray	 .basic_text			{ margin-top:1em; padding:0 2em; }
}
@media all and (max-width:568px){
	[data-subarea="nineviews"] .bg_gray	 .basic_text			{ padding:0 1.88em; }
	
	/*용안생태습지*/
	[data-subarea="nineviews"] .box_text_line strong			{ display:block; }
}
@media all and (max-width:568px){
	/*고스락*/
	[data-subarea="nineviews"] .num_box_list               		{ margin-top:30px; }
}

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

						익산둘레길

**********************************************************************/	
[data-subarea="dulle_gil"] .bg_gray									{ position:relative; padding-bottom: 6.25em;}
[data-subarea="dulle_gil"] .bg_gray	.img							{ text-align:center; padding:0 var(--sizePadding);}
[data-subarea="dulle_gil"] .bg_gray	.img img						{ border-radius: 20px;border: 1px solid #e5e5e5;}
[data-subarea="dulle_gil"] .course									{ padding:2.5em;position:relative;border-radius: 20px;border: 1px solid #e5e5e5;}
[data-subarea="dulle_gil"] .course .info							{ display: flex; gap: 12px;margin-bottom: 1.25em;align-items: center;justify-content: flex-end;flex-wrap:wrap;}
[data-subarea="dulle_gil"] .course .info span						{ font-size:1.067em;color:var(--color-point);}
[data-subarea="dulle_gil"] .course .info span.distance				{ color:var(--color-orange);}
[data-subarea="dulle_gil"] .course .info span::before				{ content:'';display:inline-block;vertical-align:middle;margin-right:8px;border-radius:100%;width:32px;height: 32px;}
[data-subarea="dulle_gil"] .course .info span.walking::before		{ background:var(--color-point) url(/resource/tour/images/contents/icon_walking.svg) no-repeat center center / 100%;}
[data-subarea="dulle_gil"] .course  .info span.distance::before		{ background:var(--color-orange) url(/resource/tour/images/contents/icon_distance.svg) no-repeat center center / 100%;}
[data-subarea="dulle_gil"] .course ol								{ display:flex; justify-content:flex-start; flex-wrap:wrap; align-items:center;}
[data-subarea="dulle_gil"] .course li								{ text-align:center;position:relative;flex: 1 1 25%;height:12em;line-height:1.3;z-index:1}
[data-subarea="dulle_gil"] .course .col05 li						{ flex:1 1 20%;}
[data-subarea="dulle_gil"] .course li:not(.first):not(.last):after	{ content:"";display:block;background: var(--color-white);width:7px;height:7px;margin:auto;border-radius:50%;position:absolute;top:0;left:0;bottom:0;right:0;
																		border: 5px solid var(--color-point);box-sizing: content-box;}
[data-subarea="dulle_gil"] .course li div							{ position:absolute; left:0; right:0; margin:auto;top: 60%;}
[data-subarea="dulle_gil"] .course li:not(.first):not(.last):before	{ content:""; display:block; background:#f4f4f4; width:100%; height:3px; position:absolute; top:0; bottom:0; margin:auto; left:0;}
[data-subarea="dulle_gil"] .course li span,
[data-subarea="dulle_gil"] .course li strong						{ display:block;font-size: 1em;}
[data-subarea="dulle_gil"] .course li:not(.first):not(.last) strong	{ font-weight:600;color:var(--color-base);}
[data-subarea="dulle_gil"] .course .km								{ background:#f4f4f4; border-radius:20px; padding:.2em .75em; width:max-content; margin:auto;margin-top:.5em}
[data-subarea="dulle_gil"] .course .first,
[data-subarea="dulle_gil"] .course .last							{ background:var(--color-point); height:6em; border-radius:50px;}
[data-subarea="dulle_gil"] .course .first							{ position:relative;}
[data-subarea="dulle_gil"] .course .first:before					{ position:absolute; width:100px; height:91px; left:50%; top:-4.5em; background:url(/resource/tour/images/contents/img_walking.svg) no-repeat 50% 50% / contain; content:'';  
																		transform:translateX(-50%); }
[data-subarea="dulle_gil"] .course.bike .first:before				{ height:97px;background:url(/resource/tour/images/contents/img_bike.svg) no-repeat 50% 50% / contain; }
[data-subarea="dulle_gil"] .course .last							{ background:#00aca6;}
[data-subarea="dulle_gil"] .course .first strong,
[data-subarea="dulle_gil"] .course .last strong						{ color:#fff; display:inline-block; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; height:max-content; font-size:1.167em; font-family:var(--font-gmarket); 
																		font-weight:normal; padding: .25em .2em 0;}

@media all and (max-width:1568px){
	[data-subarea="dulle_gil"] .bg_gray								{ padding-bottom: 5.625em;}
}

@media all and (max-width:968px){
	[data-subarea="dulle_gil"] .bg_gray								{ padding-bottom: 4em;}
	[data-subarea="dulle_gil"] .course								{ padding:2em;}
	[data-subarea="dulle_gil"] .course .info span::before			{ width:30px;height:30px;}		
	[data-subarea="dulle_gil"] .course .first:before				{ width:90px;height:82px;}
	[data-subarea="dulle_gil"] .course.bike .first:before			{ height:87px;}
}

@media all and (max-width:868px){
	[data-subarea="dulle_gil"] .bg_gray	.img img					{ border-radius: 15px;}
	[data-subarea="dulle_gil"] .course li							{ flex:0 1 33.3%;height:10em;}
	[data-subarea="dulle_gil"] .course .col04 li					{ flex:0 1 25%;}
	[data-subarea="dulle_gil"] .course .col05 li					{ flex:0 1 33.3%;}
	[data-subarea="dulle_gil"] .course.bike li:nth-child(-n + 3)	{ height:7em;}
}

@media all and (max-width:768px){
	[data-subarea="dulle_gil"] .bg_gray								{ padding-bottom: 3em;}
}
@media all and (max-width:668px){
	[data-subarea="dulle_gil"] .course .first,
	[data-subarea="dulle_gil"] .course .last						{ height:5em;}
	[data-subarea="dulle_gil"] .course .first:before				{ width:80px;height:73px;top: -4em;}
	[data-subarea="dulle_gil"] .course.bike .first:before			{ height:78px;}
}

@media all and (max-width:568px){
	[data-subarea="dulle_gil"] .bg_gray								{ padding-bottom: 2.88em;}
	[data-subarea="dulle_gil"] .course								{ padding:1.5em;}
}

@media all and (max-width:468px){
	[data-subarea="dulle_gil"] .bg_gray										{ padding-bottom: 2.5em;}
	[data-subarea="dulle_gil"] .course .info								{ margin-bottom:1.125em;}
	[data-subarea="dulle_gil"] .course ol									{ position:relative;}
	[data-subarea="dulle_gil"] .course ol:before							{ content:"";display:block;background:#f4f4f4;width:3px;height:100%;position:absolute;top:0;left: 1.5em;}
	[data-subarea="dulle_gil"] .course li									{ flex:0 1 100%;height:auto;}
	[data-subarea="dulle_gil"] .course .col04 li,
	[data-subarea="dulle_gil"] .course .col05 li							{ flex:0 1 100%;}
	[data-subarea="dulle_gil"] .course.bike li:nth-child(-n + 3)			{ height:auto;}
	[data-subarea="dulle_gil"] .course li:not(.first):not(.last) 			{ text-align:left;}
	[data-subarea="dulle_gil"] .course .first,
	[data-subarea="dulle_gil"] .course .last								{ flex:none;height:auto;padding:1.5em 0;width:100%;}
	[data-subarea="dulle_gil"] .course .first:before						{ display:none;}
	[data-subarea="dulle_gil"] .course .first strong,
	[data-subarea="dulle_gil"] .course .last strong							{ font-size:1.067em;}
	[data-subarea="dulle_gil"] .course li:not(.first):not(.last):before		{ display:none;}
	[data-subarea="dulle_gil"] .course li:not(.first):not(.last):after		{ top: 1.5em;left: calc(1.5em - 7px);right: initial;bottom: initial;}
	[data-subarea="dulle_gil"] .course li div								{ position: initial;margin-left:3em;padding:1.5em 0;}
	[data-subarea="dulle_gil"] .course li span,
	[data-subarea="dulle_gil"] .course li strong							{ font-size:1.067em;}
	[data-subarea="dulle_gil"] .course .km									{ margin: .5em 0 0;}
}

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

						추천경로

**********************************************************************/	
[data-subarea="recommend"] .course_list										{ counter-reset: item; }
[data-subarea="recommend"] .course_list>li									{ position:relative;counter-increment: item;--sizeImg:45%;position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;
																				flex-flow: row wrap;gap: 4em;padding-bottom: 4em;}
[data-subarea="recommend"] .course_list>li:last-child						{ padding-bottom:0;}
[data-subarea="recommend"] .course_list>li:last-child::before,
[data-subarea="recommend"] .course_list>li:last-child::after				{ display:none;}
[data-subarea="recommend"] .course_list>li .text							{ position: relative;width: calc(100% - 4em - var(--sizeImg));}
[data-subarea="recommend"] .course_list>li .text .title						{display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap;margin-bottom: 1.5em;--sizeNum:42px;line-height:1;}
[data-subarea="recommend"] .course_list>li .text .num						{display: block;width:var(--sizeNum);color: var(--color-white);line-height:var(--sizeNum);height:var(--sizeNum);font-weight: 800;text-align:center;background: var(--color-point);border-radius: 100%;font-size: 1.375rem;}
[data-subarea="recommend"] .course_list>li .text strong						{ width:calc(100% - var(--sizeNum) - 1rem);font-size: 2em;font-family: var(--font-gmarket);font-weight: bold;*margin-bottom: .5em;*/}
[data-subarea="recommend"] .course_list>li .text .basic_p					{ margin-bottom:1.75em;font-size:1.1em;color:var(--color-base1);}
[data-subarea="recommend"] .course_list>li .text dl							{ display:flex; flex-wrap:wrap; gap:1.5em; margin-top:.25em;--sizeTit: 110px; align-items: flex-start;}
[data-subarea="recommend"] .course_list>li .text dl:first-child				{ margin-top:0;}
[data-subarea="recommend"] .course_list>li .text dl dt						{ width:var(--sizeTit); font-weight:600; font-size:1.1em; color:var(--color-point); padding-left:16px; position:relative; }
[data-subarea="recommend"] .course_list>li .text dl dt::before				{ position:absolute; width:5px; height:5px; left:0; top:12px; background:var(--color-point); border-radius:100%;content:'';  }
[data-subarea="recommend"] .course_list>li .text dl dd						{ width: calc((100% - var(--sizeTit)) - 1.5em);font-weight:500; font-size:1.1em;color:var(--color-base2);}	
[data-subarea="recommend"] .course_list>li .img								{ width: var(--sizeImg);height:0; padding-top: 23.937%;position:relative;overflow:hidden;border-radius: 12px;border-radius: 12px;background-color:var(--color-gray);/*margin-top:4em;*/}		
[data-subarea="recommend"] .course_list>li .img img							{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);
																				-webkit-transform:translate(-50%,-50%); -moz-transform: translate(-50%,-50%); object-fit:cover; -o-object-fit:cover; }

@media all and (max-width:1468px){
	[data-subarea="recommend"] .course_list>li							{gap:3em;--sizeImg:40%;}
	[data-subarea="recommend"] .course_list>li .text					{ width: calc(100% - 3em - var(--sizeImg));}
	[data-subarea="recommend"] .course_list>li .text::before			{ width: 40px; line-height: 40px;height: 52px;left: calc(-5em + 7px);}
  	[data-subarea="recommend"] .course_list>li .text .title				{gap:.75em;margin-bottom:1.375em;--sizeNum:40px;}
  	[data-subarea="recommend"] .course_list>li .text .num				{font-size:1.25rem;}
	[data-subarea="recommend"] .course_list>li .text strong				{ width:calc(100% - var(--sizeNum) - .75rem);font-size:1.875em;}
	[data-subarea="recommend"] .course_list>li .text dl					{ gap:1.25em;}
}

@media all and (max-width:1368px){
	[data-subarea="recommend"] .course_list>li							{ gap:2em;}
}

@media all and (max-width:1268px){
	[data-subarea="recommend"] .course_list>li							{ flex-flow:column;}
	[data-subarea="recommend"] .course_list>li .img,
	[data-subarea="recommend"] .course_list>li .text					{ width:100%;}
	[data-subarea="recommend"] .course_list>li .img						{ padding-top: 33.937%;margin-top:0;}
  	[data-subarea="recommend"] .course_list>li .text .title				{gap:.5em;margin-bottom:1.25em;--sizeNum:36px;}
  	[data-subarea="recommend"] .course_list>li .text .num				{font-size:1.125rem;}
	[data-subarea="recommend"] .course_list>li .text strong				{ width:calc(100% - var(--sizeNum) - .5rem);font-size:1.75em;}
	[data-subarea="recommend"] .course_list>li .text .basic_p			{ font-size:1.063em;margin-bottom:1.5em;}
	[data-subarea="recommend"] .course_list>li .text dl					{ --sizeTit: 100px;}
	[data-subarea="recommend"] .course_list>li .text dl dt,
	[data-subarea="recommend"] .course_list>li .text dl dd				{ font-size:1.063em;}
	[data-subarea="recommend"] .course_list>li .text dl dt				{ padding-left:12px;}
	[data-subarea="recommend"] .course_list>li .text dl dt::before		{ top:11px;}
}

@media all and (max-width:1024px){
	[data-subarea="recommend"] .course_list>li .text dl dt::before		{ width:5px;height:5px;top:8px;}
}

@media all and (max-width:868px){
	[data-subarea="recommend"] .course_list>li							{ gap:1.75em;padding-bottom:3em;}
  	[data-subarea="recommend"] .course_list>li .text .title				{margin-bottom:1.125em;--sizeNum:30px;}
  	[data-subarea="recommend"] .course_list>li .text .num				{font-size:1rem;}
	[data-subarea="recommend"] .course_list>li .text strong				{ font-size:1.625em;}
	[data-subarea="recommend"] .course_list>li .text .basic_p			{ margin-bottom:1.25em;}
	[data-subarea="recommend"] .course_list>li .text dl					{ gap:1.125em;--sizeTit:90px;}
	[data-subarea="recommend"] .course_list>li .img						{ padding-top: 43.937%;}
}


@media all and (max-width:668px){
  	[data-subarea="recommend"] .course_list>li .text .title				{margin-bottom:1em;}
	[data-subarea="recommend"] .course_list>li .text strong				{ font-size:1.5em;}
	[data-subarea="recommend"] .course_list>li .text dl					{ gap:1em;}
}

@media all and (max-width:568px){
	[data-subarea="recommend"] .course_list>li .text dl					{ gap:0;flex-flow: column; align-items: flex-start;margin-top:.75em;}
	[data-subarea="recommend"] .course_list>li .text dl dd 				{ width:100%;padding-left: 12px;}
}

@media all and (max-width:468px){
	[data-subarea="recommend"] .course_list>li .img						{ padding-top: 53.937%;}
}

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

						시티투어

**********************************************************************/	
[data-subarea="citytour"] .subswiper::before					{ position:absolute; right:4em; bottom:4em; width:81px; height:119px; background:url(/resource/tour/images/contents/img_city_ob01.svg) no-repeat 50% 50% / contain; content:''; 
																	z-index:2; animation:updown 2.5s ease-in-out infinite forwards; }
.content .course_box											{ position:relative;display:flex; margin-top:1.25em; border:1px solid #e5e5e5; border-radius:20px; overflow:hidden; 
																	background:url(/resource/tour/images/contents/bg_citytour_course.jpg) no-repeat top center / auto auto; padding:5em 2.5em 5em 7.5em }
.content .course_box .list										{ display:flex; flex-wrap:wrap; --sizeBox:164px;width:100%;}
.content .course_box .list>li									{ position:relative; width:calc(100% / 4); display:flex; justify-content:flex-start; align-items:center; flex-flow:column; gap:5px; margin-top:calc(var(--sizeBox) * -0.32);  }
.content .course_box .list>li:nth-child(-n + 3)					{ margin-top:0; }
.content .course_box .list>li:nth-child(2)::before				{ position:absolute; left:calc(50% - 5.5em); top:18%; width:36px; height:39px; content:''; background:url(/resource/tour/images/contents/img_city_ob04.svg) no-repeat 50% 50% / contain; 
																	transform:translateX(-50%); z-index:1 }
.content .course_box .list>li:nth-child(4)						{ align-items:end; }
.content .course_box .list>li:nth-child(5)						{ order:7; }
.content .course_box .list>li:nth-child(5)::before				{ position:absolute; left:calc(50% - 5em); bottom:20%; width:40px; height:49px; content:''; background:url(/resource/tour/images/contents/img_city_ob05.svg) no-repeat 50% 50% / contain; 
																	transform:translateX(-50%) }
.content .course_box .list>li:nth-child(6)						{ order:6; margin-left:25%; }
.content .course_box .list>li:nth-child(7)						{ order:8; align-items:flex-start; margin-top:calc(var(--sizeBox) * -0.5);}
.content .course_box .list>li:nth-child(8)						{ order:9; margin-left:25%; }
.content .course_box .list>li:nth-child(9)						{ order:10; }
.content .course_box .list>li:nth-child(4),
.content .course_box .list>li:nth-child(7)						{ min-width:100%; }

/*li 갯수 다른 경우*/
.content .course_box.col05 .list>li:nth-child(5)				{ margin-left:50%; }


.content .course_box .list>li dl								{ width:var(--sizeBox); height:var(--sizeBox); display:flex; justify-content:center; align-items:center; flex-flow:column; gap:5px; line-height:1; border-radius:100%; color:var(--color-white) }
.content .course_box .list>li dl>dt								{ font-size:1.06em; font-weight:600; }
.content .course_box .list>li dl>dd								{ font-size:.94em; }
.content .course_box .list>li.first dl							{ background:var(--color-point); }
.content .course_box .list>li.last dl							{ background:#00aca6; }
.content .course_box .list>li.first::before						{ position:absolute; width:40px; height:80px; left:50%; top:-1.75em; background:url(/resource/tour/images/contents/img_city_ob02.svg) no-repeat 50% 50% / contain; content:'';  
																	transform:translateX(-50%) }
.content .course_box .list>li.last::before						{ position:absolute; width:53px; height:69px; left:50%; top:-.95em; background:url(/resource/tour/images/contents/img_city_ob03.svg) no-repeat 50% 50% / contain; content:'';  
																	transform:translateX(-50%) }

.content .course_box .list>li .img								{ display:flex; position:relative; width:var(--sizeBox); height:var(--sizeBox); border-radius:100%; overflow:hidden; }
.content .course_box .list>li .img img							{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);
																	-webkit-transform:translate(-50%,-50%); -moz-transform: translate(-50%,-50%); object-fit:cover; -o-object-fit:cover;}
.content .course_box .list>li strong							{ display:flex; width:var(--sizeBox); align-items:center; justify-content:center; font-size:1.06em; font-weight:600; text-align:center; line-height:1.3 }		
.content .course_box .mob_course_line,
.content .course_box .mob_course_line2							{ display:none; }
@media all and (max-width:1668px){	
	[data-subarea="citytour"] .subswiper::before				{ right:3em; bottom:3em; width:82.0143px; height:109px; }
}
@media all and (max-width:1568px){	
	[data-subarea="citytour"] .subswiper::before				{ right:2em; bottom:2em; width:66.9658px; height:89px; }
}
@media all and (max-width:1468px){	
	.content .course_box										{ padding:4.5em 2.5em 4.5em 6.5em; background-size:100% auto }
	.content .course_box .list									{ --sizeBox:144px; }
	.content .course_box .list>li.first::before					{ width:34.466px; height:70px; top:-1.85em; }
	.content .course_box .list>li.last::before					{ width:45.3773px; height:59px; top:-1.05em; }
}
@media all and (max-width:1368px){	
	.content .course_box .list									{ --sizeBox:124px; }
	.content .course_box .list>li dl>dt,
	.content .course_box .list>li strong						{ font-size:1.03em;  }
	.content .course_box .list>li dl>dd							{ font-size:.9em; }
	.content .course_box .list>li.first::before					{ width:29.5423px; height:60px; top:-1.85em; }
	.content .course_box .list>li.last::before					{ width:37.6862px; height:49px; top:-1.05em; }
	
	.content .course_box .list>li:nth-child(2)::before			{ left:calc(50% - 5.5em); width:36px; height:39px; }
	.content .course_box .list>li:nth-child(5)::before			{ left:calc(50% - 3.5em); width:31.6381px; height:39px; }
}
@media all and (max-width:1268px){	
	.content .course_box .list									{ --sizeBox:164px; }
	.content .course_box .list>li dl>dt,
	.content .course_box .list>li strong						{ font-size:1.06em;  }
	.content .course_box .list>li dl>dd							{ font-size:.94em; }
	.content .course_box .list>li.first::before					{ width:34.466px; height:70px; top:-1.85em; }
	.content .course_box .list>li.last::before					{ width:45.3773px; height:59px; top:-1.05em; }
	
	.content .course_box .list>li:nth-child(2)::before			{ left:calc(50% - 5.5em); top:18%; width:36px; height:39px; }
	.content .course_box .list>li:nth-child(5)::before			{ left:calc(50% - 5em); bottom:20%; width:40px; height:49px; }
}
@media all and (max-width:1168px){	
	[data-subarea="citytour"] .subswiper::before				{ right:1.5em; bottom:1.5em; width:51.9173px; height:69px; }
	.content .course_box .list									{ --sizeBox:144px; }
	
	.content .course_box .list>li:nth-child(2)::before			{ left:calc(50% - 5em); width:36px; height:39px; }
	.content .course_box .list>li:nth-child(5)::before			{ left:calc(50% - 4em); width:31.6381px; height:39px; }
}
@media all and (max-width:1024px){	
	.content .course_box .list									{ --sizeBox:134px; }
	.content .course_box .list>li.first::before					{ top:-2.05em; }
	.content .course_box .list>li.last::before					{ top:-1.25em; }
}
@media all and (max-width:968px){	
	[data-subarea="citytour"] .subswiper::before				{ width:44.393px; height:59px; }
	.content .course_box .list									{ --sizeBox:114px; }
	.content .course_box .list>li strong						{ font-size:1.03em;  }
	.content .course_box .list>li dl>dd							{ font-size:.9em; }
	.content .course_box .list>li.first::before					{ width:29.5423px; height:60px; top:-2.15em; }
	.content .course_box .list>li.last::before					{ width:37.6862px; height:49px; top:-1.35em; }
}
@media all and (max-width:868px){	
	.content .course_box .list>li.first::before					{ left:2em; top:inherit; bottom:1em; transform:inherit; width:34.466px; height:70px; }
	.content .course_box .list>li.last::before					{ left:inherit; right:2em; top:inherit; bottom:1em; transform:inherit; width:45.3773px; height:59px;}
	
	.content .course_box										{ padding:4em 2em; background:none }
	.content .course_box::before								{ position:absolute; left:5em; top:60%; width:45px; height:36px; content:''; background:url(/resource/tour/images/contents/img_city_ob06.svg) no-repeat 50% 50% / contain; 
																	animation:updown 2.5s ease-in-out infinite forwards;z-index:1;}
	.content .course_box .list									{ position:relative; --sizeBox:134px; gap:1em; padding:0 2em; justify-content:end }
	.content .course_box .list::before							{ position:absolute; width:calc(100% - 7px); height:38%; left:0; top:46%; transform:translateY(-50%); content:''; border-style:dashed; 
																	border-width:1px 1px 1px 0; border-color:#c0bbbb; border-radius:0 25px 25px 0; z-index:1 }
	.content .course_box .list::after							{ position:absolute; width:100%; height:calc(38% + 15px); left:0; top:46%; transform:translateY(-50%); content:''; border-style:solid; border-width:15px 15px 15px 0;
																	 border-color:#ededed; border-radius:0 30px 30px 0; }
	.content .course_box .list>li								{ width:calc((100% - 3em) / 4); margin-top:2em; }
	.content .course_box .list>li:nth-child(-n + 3)				{ margin-top:2em; }
	.content .course_box .list:not(:has(li.first)) > li:nth-child(-n + 4){margin-top:0;}
	.content .course_box .list>li dl,
	.content .course_box .list>li .img,
	.content .course_box .list>li strong						{ position:relative; z-index:2; }	
	.content .course_box .list>li:nth-child(4), 
	.content .course_box .list>li:nth-child(7)					{ min-width:inherit; }		
	.content .course_box .list>li:nth-child(4),
	.content .course_box .list>li:nth-child(7)					{ align-items:center; }	
	.content .course_box .list>li:nth-child(7)					{ margin-top:2em; }
	.content .course_box .list>li:nth-child(6),
	.content .course_box .list>li:nth-child(8)					{ margin-left:0; }
	.content .course_box .list>li .img							{ width:100%; height:0; padding-top:100%; }	
	.content .course_box .list>li dl							{ width:100%; height:inherit; border-radius:15px; padding:1em 0; flex-flow:row wrap; gap:10px; }
	.content .course_box .list>li dl>dd							{ font-size:1.06em; }
	.content .course_box .list>li.first,
	.content .course_box .list>li.last							{ width:calc(100% + 4em); margin-top:0; margin-left:-2em; margin-right:-2em }
	.content .course_box .list>li.last							{ margin-top:2em; }
	.content .course_box .list>li.first::before,					
	.content .course_box .list>li.last::before					{ z-index:3 }	
	.content .course_box .list>li:nth-child(5)					{ order:inherit; }
	.content .course_box .list>li:nth-child(6)					{ order:8; }
	.content .course_box .list>li:nth-child(7)					{ order:7; }	
	.content .course_box .list>li:nth-child(8)					{ order:6; }
	.content .course_box .list>li:nth-child(5)::before			{ display:none; }
	.content .course_box .list>li:nth-child(8)::before			{ position:absolute; left:calc(50% - 4.5em); width:31.6381px; height:39px; bottom:20%; content:''; background:url(/resource/tour/images/contents/img_city_ob05.svg) no-repeat 50% 50% / contain; 
																	transform:translateX(-50%) }
	
	/*li 갯수 다른 경우*/
	.content .course_box.col05::before							{ top:34%;}
	.content .course_box.col06::before							{ top:32%;}				
	.content .course_box.col07::before							{ top:48%;}
	.content .course_box.col05 .list>li:nth-child(5)			{ margin-left:0; }
	.content .course_box.col05 .list::before,
	.content .course_box.col06 .list::before					{ height:1px;}
	.content .course_box.col05 .list::before					{ top:68%;}
	.content .course_box.col06 .list::before					{ top:48%;}
	.content .course_box.col07 .list::before					{ top:40%;height: 50%;}
	.content .course_box.col05 .list::after,
	.content .course_box.col06 .list::after						{ height: 15px;border-width: 15px 0 0 0;border-radius: 0;}
	.content .course_box.col05 .list::after						{ top:68%;}
	.content .course_box.col06 .list::after						{ top:48%;}
	.content .course_box.col07 .list::after						{ height: calc(50% + 15px);top: 40%;}
}
@media all and (max-width:768px){	
	[data-subarea="citytour"] .subswiper .swiper .swiper-slide>a{ padding-top:104.166%; }
	[data-subarea="citytour"] .subswiper::before				{ right:1em; bottom:1em;  }
	.content .course_box .list>li:nth-child(2)::before			{ left:calc(50% - 4.5em); }
	.content .course_box .list>li:nth-child(8)::before			{ left:calc(50% - 4em); }
}
@media all and (max-width:668px){	
	.content .course_box .list>li:nth-child(2)::before			{ left:calc(50% - 4em); }
	.content .course_box .list>li:nth-child(8)::before			{ left:calc(50% - 4em); bottom:30% }
		 
}
@media all and (max-width:568px){	
	.content .course_box										{ position:relative; }		
	.content .course_box .list									{ justify-content:flex-start }													 
	.content .course_box .list>li								{ width:calc((100% - 2em) / 3); }
	.content .course_box .list:not(:has(li.first)) > li:nth-child(4){ margin-top:2em;}
	.content .course_box .list::after							{ height:calc(27% + 15px); top:33%; width:93%; left:inherit; right:0; }
	.content .course_box .list::before							{ height:27%; top:33%; width:calc(93% - 7px); left:inherit; right:7px; }
	.content .course_box .list>li:nth-child(2)::before			{ left:calc(50% - 4em); }
	.content .course_box .list>li:nth-child(8)::before			{ left:calc(50% - 4em); bottom:30% }
	.content .course_box .mob_course_line						{ display:block; position:absolute; width:calc(100% - 6em); left:2em; height:27%; bottom:24.95%; z-index:-1 }
	.content .course_box .mob_course_line::before				{ position:absolute; width:calc(100% - 7px); height:100%; left:7px; top:46%; transform:translateY(-50%); content:''; border-style:dashed; 
																	border-width:1px 0 1px 1px; border-color:#c0bbbb; border-radius:25px 0 0 25px; z-index:1 }
	.content .course_box .mob_course_line::after				{ position:absolute; width:100%; height:calc(100% + 15px); left:0; top:46%; transform:translateY(-50%); content:''; border-style:solid; border-width:15px 0 15px 15px;
																	 border-color:#ededed; border-radius:30px 0 0 30px; z-index:-1 }	
	.content .course_box .list>li:nth-child(5)					{ order:7; }
	.content .course_box .list>li:nth-child(6)					{ order:6; }
	.content .course_box .list>li:nth-child(7)					{ order:5; }	
	.content .course_box .list>li:nth-child(8)					{ order:8; }	
	
	/*li 갯수 다른 경우*/
	.content .course_box.col05::before,
	.content .course_box.col06::before,
	.content .course_box.col07::before							{ top:60%;}
	.content .course_box.col05 .list>li:nth-child(5),
	.content .course_box.col06 .list>li:nth-child(5)			{ margin-left:70%;}
	.content .course_box.col05 .list>li:nth-child(6),
	.content .course_box.col06 .list>li:nth-child(6),
	.content .course_box.col07 .list>li:nth-child(6)			{ order:8;}
	.content .course_box.col07 .list>li:nth-child(4)			{ order:5;}
	.content .course_box.col07 .list>li:nth-child(5)			{ order:4;margin-left:34%;}
	.content .course_box.col05 .list::before					{ height: 48% ;top: 60%;}
	.content .course_box.col06 .list::before					{ height: 38.6%;top:50%;}
	.content .course_box.col07 .list:not(:has(li.first))::before{ height: 48% ;top: 38%;}
	.content .course_box.col05 .list::after						{ height: calc(48% + 15px);top: 60%;}
	.content .course_box.col06 .list::after						{ height: calc(38.6% + 15px);top: 50%;}
	.content .course_box.col05 .list::after,
	.content .course_box.col06 .list::after,
	.content .course_box.col07 .list::after						{ border-radius: 0 30px 30px 0;border-width: 15px 15px 15px 0;}
	.content .course_box.col07 .list:not(:has(li.first))::after{  height: calc(48% + 15px);top: 38%;}
	.content .course_box.col05 .mob_course_line,
	.content .course_box.col06 .mob_course_line,
	.content .course_box.col07 .mob_course_line					{ display:none;}
}																																	
@media all and (max-width:468px){		
	.content .course_box .list>li.first::before					{ left:1em; }
	.content .course_box .list>li.last::before					{ right:1em; }
	.content .course_box .list									{ justify-content:end}													 
	.content .course_box .list>li								{ width:calc((100% - 1em) / 2); margin-top:1em }
	.content .course_box .list>li:nth-child(-n + 3),
	.content .course_box .list>li:nth-child(7),
	.content .course_box .list:not(:has(li.first)) > li:nth-child(4){ margin-top:1em; }
	.content .course_box .list>li.last							{ margin-top:1em; }
	.content .course_box .list::after							{ height:calc(22% + 15px); top:27%;  }
	.content .course_box .list::before							{ height:22%; top:27%; }
	
	.content .course_box .mob_course_line						{ height:18%; bottom:41.95%;}
																	 
	.content .course_box .list>li:nth-child(4)					{ order:5; }															 	
	.content .course_box .list>li:nth-child(5)					{ order:4; }
	.content .course_box .list>li:nth-child(6)					{ order:6; }
	.content .course_box .list>li:nth-child(7)					{ order:7; }	
	.content .course_box .list>li:nth-child(8)					{ order:8; }	
	
	.content .course_box .mob_course_line2						{ display:block; position:absolute; width:calc(100% - 6em); right:2em; height:20%; bottom:21.95%; z-index:-1 }
	.content .course_box .mob_course_line2::before				{ position:absolute; width:calc(100% - 7px); height:100%; right:7px; top:46%; transform:translateY(-50%); content:''; border-style:dashed; 
																	border-width:1px 1px 1px 0; border-color:#c0bbbb; border-radius:0 25px 25px 0; z-index:1 }
	.content .course_box .mob_course_line2::after				{ position:absolute; width:100%; height:calc(100% + 15px); right:0; top:46%; transform:translateY(-50%); content:''; border-style:solid; border-width:15px 15px 15px 0;
																	 border-color:#ededed; border-radius:0 30px 30px 0; z-index:-1 }	
	.content .course_box::before								{ top:inherit; bottom:25%;}		
	
	/*li 갯수 다른 경우*/
	.content .course_box.col05 .list>li:nth-child(5)			{ margin-left:0;}
	.content .course_box.col06 .list>li:nth-child(3)			{ order:inherit;}
	.content .course_box.col06 .list>li:nth-child(5)			{ margin-left:0;}
	.content .course_box.col07 .list>li:nth-child(3)			{ order:4;}
	.content .course_box.col07 .list>li:nth-child(4)			{ order:3;}
	.content .course_box.col07 .list>li:nth-child(5)			{ order:5;}
	.content .course_box .list:not(:has(li.first)) > li:nth-child(-n + 3){ margin-top:1em;}
	.content .course_box.col06 .list::before					{ height:40%;top:50%;}
	.content .course_box.col07 .list:not(:has(li.first))::before{ height: 32.6%;top:27%;}
	.content .course_box.col06 .list:after						{ height: calc(40% + 15px);top: 50%;}
	.content .course_box.col07 .list:not(:has(li.first))::after	{ height: calc(32.6% + 15px);top: 27%;}
	.content .course_box.col07 .mob_course_line					{ bottom:41.5%;}
	.content .course_box.col07 .mob_course_line2				{ bottom:21.5%;}
	.content .course_box.col05 .mob_course_line2,
	.content .course_box.col06 .mob_course_line2,
	.content .course_box.col07 .mob_course_line2				{ display:none;}
	.content .course_box.col07 .mob_course_line					{ display:block;  height: 25.3%;bottom: 29.5%;}
}		
@media all and (max-width:368px){	
	.content .course_box										{ padding:1em; }
	.content .course_box .list									{ padding:0 1em; gap:.5em }
	.content .course_box .list>li.first							{ margin-top:0; }
	.content .course_box .list>li.first::before,				
	.content .course_box .list>li.last::before					{ display:none }
	.content .course_box .list>li.first, 
	.content .course_box .list>li.last							{ width:calc(100% + 2em); margin-left:-1em; margin-right:-1em; }
	.content .course_box .list::after							{ height:calc(22% + 15px); top:25% }
	.content .course_box .list::before							{ height:22%; top:25%; }
	.content .course_box .mob_course_line						{ height:22%; bottom:40.95%; left:1em }
	.content .course_box .mob_course_line2						{ right:1em; height:22%; bottom:18.95%; }
}																															

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

				Real~ 익산, 기억을 걷는 시간

**********************************************************************/	
[data-subarea="citytour_real"] .top_img_box								{ background-color:#f0f0fe;background-image:url(/resource/tour/images/contents/bg_citytour_real.png);background-position:right bottom;}
[data-subarea="citytour_real"] .top_img_box dl > dt						{ color:#3b3f63;}

.content .division .division_right .box_text_line						{ font-size:1.13rem;}
.content .division .division_right  .basic_ul>li .arrow					{ display:inline-block;width: 22px;height: 22px;vertical-align: middle;margin: -2px 5px 0;background:var(--color-point); border-radius:100%;}
.content .division .division_right  .basic_ul>li .arrow:before			{ content:'';display:block;width:100%; height:100%; background:url(/resource/tour/images/common/icon_next.svg) no-repeat 50% 50% / auto 10px;filter:invert(1);}					


@media all and (max-width:1628px){
	[data-subarea="citytour_real"] .top_img_box	 dl > dd br 			{ display:none;}
}

@media all and (max-width:1368px){
	.content .division .division_right .box_text_line					{ font-size:1.1rem;}
}	


@media all and (max-width:1024px){
	.content .division .division_right .box_text_line					{ font-size:1.03rem;}
}	


@media all and (max-width:868px){
	.content .division .division_right .box_text_line					{ font-size:1rem;}
}

@media all and (max-width:638px){
	[data-subarea="citytour_real"] .top_img_box							{ background-position: right -30% bottom;}
}

@media all and (max-width:568px){
	[data-subarea="citytour_real"] .top_img_box						 	{ padding-bottom:12em;background-position: right bottom;background-size: auto 55%;}
}


@media all and (max-width:468px){
	.content .division .division_right  .basic_ul>li .arrow				{ width:20px;height:20px;margin:-2.5px 4px 0;}
}
@media all and (max-width:414px){
	[data-subarea="citytour_real"] .top_img_box						 	{ background-size: auto 50%;}
}
@media all and (max-width:320px){
	[data-subarea="citytour_real"] .top_img_box							{ background-size: auto 40%;}
}


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

			노을따라~ 별빛속으로!~ 익산별밤시티투어

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

[data-subarea="citytour_star"] .top_img_box								{ position:relative;background-color:transparent;;background-image:url(/resource/tour/images/contents/bg_citytour_star.png);background-position: right bottom;overflow:hidden;}
[data-subarea="citytour_star"] .top_img_box::before						{ content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url(/resource/tour/images/contents/bg_citytour_star_color.jpg) no-repeat left center / cover;z-index:-1;}
[data-subarea="citytour_star"] .top_img_box dl > dt,
[data-subarea="citytour_star"] .top_img_box dl > dt,
[data-subarea="citytour_star"] .top_img_box dl > dt,
[data-subarea="citytour_star"] .top_img_box dl > dd						{ color:#fff;}


@media all and (max-width:1268px){
	[data-subarea="citytour_star"] .top_img_box							{ background-size: auto 90%;}
}	
@media all and (max-width:868px){
[data-subarea="citytour_star"] .top_img_box								{ background-position: right 0% bottom;background-size: auto 85%;}
}
@media all and (max-width:768px){
[data-subarea="citytour_star"] .top_img_box								{ background-size: auto 80%;}
}
@media all and (max-width:668px){
[data-subarea="citytour_star"] .top_img_box								{ background-position: right -5% bottom;background-size: auto 65%;}
}
@media all and (max-width:568px){
[data-subarea="citytour_star"] .top_img_box						 		{ padding-bottom:12em;background-position: right 0 bottom;background-size: auto 60%;}
}

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

				9경3락 익산여행

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

[data-subarea="citytour_nine"] .top_img_box								{ background-color:#ecf9f5;background-image:url(/resource/tour/images/contents/bg_citytour_nine.png);background-position: right bottom;}
[data-subarea="citytour_nine"] .top_img_box dl > dt						{ color:#1a6e58;}


@media all and (max-width:1628px){
	[data-subarea="citytour_nine"] .top_img_box	 dl > dd br 			{ display:none;}
}
@media all and (max-width:1268px){
	[data-subarea="citytour_nine"] .top_img_box							{ background-size: auto 90%;}
}	
@media all and (max-width:868px){
	[data-subarea="citytour_nine"] .top_img_box							{ background-position: right 0% bottom;background-size: auto 85%;}
}
@media all and (max-width:768px){
	[data-subarea="citytour_nine"] .top_img_box							{ background-size: auto 80%;}
}
@media all and (max-width:668px){
	[data-subarea="citytour_nine"] .top_img_box							{ background-position: right -5% bottom;background-size: auto 65%;}
}
@media all and (max-width:568px){
	[data-subarea="citytour_nine"] .top_img_box						 	{ padding-bottom:12em;background-position: right 0 bottom;background-size: auto 60%;}
}
@media all and (max-width:320px){
	[data-subarea="citytour_nine"] .top_img_box						 	{ background-size: auto 53%;}
}


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

			  익산 미식문화여행 가이드

************************************************************/
[data-subarea="responsivearea"]									{ position:relative; }
[data-subarea="responsivearea"] .control_tab					{ position:sticky; left:100%; top:10em; width:180px; transition:var(--trans-ani); margin-bottom:0; }
[data-subarea="responsivearea"] .control_tab .list				{ flex-flow:column; }
[data-subarea="responsivearea"] .conts_tab						{ background:#f5f5f5; border-radius:20px; padding:1.88em; text-align:center; margin-top:-13.7em; max-width:calc(100% - 280px); }
[data-subarea="responsivearea"] .conts_tab .basic_btn.end		{ display:flex; justify-content:end; margin-top:0;  }
[data-subarea="responsivearea"] .subswiper						{margin-top:.5em;}
[data-subarea="responsivearea"] .subswiper .swiper .swiper-slide>a{padding-top:0;height:auto;border-radius: 20px;overflow:hidden;}
[data-subarea="responsivearea"] .subswiper .swiper .swiper-slide>a img{position: initial;transform:none;object-fit: contain;width:100%;}
[data-subarea="responsivearea"] .subswiper .swiper_prev,
[data-subarea="responsivearea"] .subswiper .swiper_next			{width:50px;height:50px;background: rgba(0, 91, 172, .7);}
[data-subarea="responsivearea"] .subswiper .swiper_prev			{left:-25px;}
[data-subarea="responsivearea"] .subswiper .swiper_next			{right:-25px;}


@media screen and (max-width:1668px){
 [data-subarea="responsivearea"] .subswiper .swiper_prev,
 [data-subarea="responsivearea"] .subswiper .swiper_next		{width:45px;height:45px;}
 [data-subarea="responsivearea"] .subswiper .swiper_prev			{left:-22.5px;}
 [data-subarea="responsivearea"] .subswiper .swiper_next			{right:-22.5px;}
}

@media screen and (max-width:1568px){
 [data-subarea="responsivearea"] .subswiper .swiper_prev,
 [data-subarea="responsivearea"] .subswiper .swiper_next		{width:40px;height:40px;}
 [data-subarea="responsivearea"] .subswiper .swiper_prev			{left:-20px;}
 [data-subarea="responsivearea"] .subswiper .swiper_next			{right:-20px;}
}

@media screen and (max-width:1168px){
 [data-subarea="responsivearea"] .subswiper .swiper_prev,
 [data-subarea="responsivearea"] .subswiper .swiper_next		{width:35px;height:35px;}
 [data-subarea="responsivearea"] .subswiper .swiper_prev			{left:-17.5px;}
 [data-subarea="responsivearea"] .subswiper .swiper_next			{right:-17.5px;}
}

@media screen and (max-width:1024px){
	[data-subarea="responsivearea"] .conts_tab					{ margin-top:-15.7em; max-width:calc(100% - 220px); }
  	[data-subarea="responsivearea"] .subswiper .swiper .swiper-slide>a{border-radius:10px;}
}
@media screen and (max-width:768px){
	[data-subarea="responsivearea"] .control_tab				{ position:initial; width:100% }
	[data-subarea="responsivearea"] .conts_tab					{ margin-top:1.5em; max-width:inherit; }
	[data-subarea="responsivearea"] .conts_tab .img_area		{ margin-top:1em; }
}

@media screen and (max-width:568px){
	[data-subarea="responsivearea"] .conts_tab					{ padding:1.25em; }
}

@media screen and (max-width:468px){
   [data-subarea="responsivearea"] .subswiper .swiper_prev,
   [data-subarea="responsivearea"] .subswiper .swiper_next		{width:30px;height:30px;}
   [data-subarea="responsivearea"] .subswiper .swiper_prev			{left:-15px;}
   [data-subarea="responsivearea"] .subswiper .swiper_next			{right:-15px;}
}



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

			 전자지도
			
********************************************/
.responsiveArea 		 											{ position:relative; width:100%; border-top:1px solid #ddd; overflow:hidden; padding-left:360px; transition:var(--trans-ani); }


/* 검색 */
.result_list														{ position:absolute; left:0; top:0; height:100%; width:360px; border-right:1px solid rgba(0,0,0,0.1); background:#F2F4F6; transition:left 0.5s; }
.result_list .search_wrap											{ position:relative; padding:0 1em; display:flex; flex-flow:column; gap:0 5px;}
.result_list .Area_tit												{ display:flex; font-size:1.167em; font-weight:bold; line-height:1; margin-bottom:.5em; margin-top:2em }
.result_list .search_wrap .cate_menu,
.result_list .search_wrap .area_menu,
.result_list .search_form>ul										{ background:#fff; padding:10px; display:flex; flex-wrap:wrap; gap:5px; border-radius:10px; border:1px solid rgba(0,0,0,.15)}
.result_list .search_wrap .cate_menu>li button,
.result_list .search_wrap .area_menu>li button						{ display:flex; width:100%; height:40px; border-radius:40px; background:#fff; align-items:center; justify-content:center; font-size:.95em; border:1px solid rgba(0,0,0,.15); 
																		transition:var(--trans-ani); font-weight:500; letter-spacing:-.065em; padding:0 10px; line-height:1.1 }
.result_list .search_wrap .cate_menu>li								{ width:calc((100% - 5px) / 2); }
.result_list .search_wrap .cate_menu>li.active button,
.result_list .search_wrap .area_menu>li.active button,
.result_list .search_wrap .cate_menu>li button:hover,
.result_list .search_wrap .area_menu>li button:hover				{ background-color:var(--color-point); color:#fff; }
.result_list .search_wrap .cate_menu>li .icon						{ position:relative; display:flex; align-items:center;}
.result_list .search_wrap .cate_menu>li .icon::before				{ display:inline-block; content:''; background-position:center; background-repeat:no-repeat; margin-right:5px; margin-top:-2.5px;
																		transition:var(--trans-ani); }
.result_list .search_wrap .cate_menu>li .icon1::before				{ width:17.28px; height:15px;  background-image:url(/resource/tour/images/contents/icon_area01.svg); background-size:17.28px 15px }
.result_list .search_wrap .cate_menu>li .icon2::before				{ width:14.4261px; height:15px; background-image:url(/resource/tour/images/contents/icon_area02.svg); background-size:14.4261px 15px; }
.result_list .search_wrap .cate_menu>li .icon3::before				{ width:11.6725px; height:20px; background-image:url(/resource/tour/images/contents/icon_area03.svg); background-size:11.6725px 20px; }
.result_list .search_wrap .cate_menu>li .icon4::before				{ width:15.744px; height:16px; background-image:url(/resource/tour/images/contents/icon_area04.svg); background-size:15.744px 16px; }
.result_list .search_wrap .cate_menu>li.active button .icon::before,
.result_list .search_wrap .cate_menu>li button:hover .icon::before	{ filter:invert(1); }



.result_list .search_wrap .area_menu>li								{ width:calc((100% - 10px) / 3); }
.result_list .search_form											{ position:relative; padding:0 1em;  }
.result_list .search_form>ul>li										{ display:flex; flex-wrap:wrap; gap:5px; width:100%; }
.result_list .search_form>ul>li input								{ width:calc(100% - 90px); border-radius:5px; }
.result_list .search_form .btn_reset								{ position:absolute; right:1.5em; top:-5px; background:#222; color:#fff; font-size:.8em; line-height:1; padding:7px 15px; border-radius:50px; padding-left:30px; }
.result_list .search_form .btn_reset::before						{ position:absolute; width:15px; height:15px; left:10px; top:50%; content:''; background:url(/resource/tour/images/contents/icon_reset.svg) no-repeat 50% 50% / contain; filter:invert(1);
																		transform:translateY(-50%); }
.result_list .search_form .btn_search								{ width:80px; background:var(--color-point);  border:1px solid var(--color-point); height:40px; border-radius:5px; font-size:.98em; color:#fff; transition:var(--trans-ani); }
.result_list .search_form .btn_search:hover							{ border-color:#000; background-color:#004d91 }


/** 리스트 **/
.map_wrap .cont												{ padding:2em 2em 4em 2em; }
.map_wrap .result_box 										{ position:relative; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; background:#F2F4F6; padding:15px; border-radius:10px; }
.map_wrap .result_box .btn									{ font-size:15px; background:var(--color-orange); color:#fff; padding:5px 20px 3px 20px; border-radius:5px; }
.map_wrap .result_box p										{ display:flex; }
.map_wrap .result_box p strong								{ font-weight:400; margin-left:5px; }
.map_wrap .result_box p strong em							{ font-weight:bold; margin-right:5px; color:var(--color-point) }
.map_wrap .result_box p span								{ margin:0 10px; }
.map_wrap .result_box .icon_info							{ display:flex; gap:10px 1em; align-items:center;}
.map_wrap .result_box .icon_info>li							{ display:flex; align-items:center; font-size:1em; font-weight:500; gap:5px; line-height:1 }
.map_wrap .result_box .icon_info>li .icon					{ position:relative; display:inline-block; width:25px; height:25px; background-color:var(--color-point); border-radius:100%; }	
.map_wrap .result_box .icon_info>li .icon::before			{ position:absolute; width:100%; height:100%; left:0; top:0; content:'';}
.map_wrap .result_box .icon_info>li .icon1::before			{ background:url(/resource/common/images/bbs/icon_add.svg) no-repeat 50% 50% / auto 15px;  }
.map_wrap .result_box .icon_info>li .icon2::before			{ background:url(/resource/common/images/bbs/icon_tel.svg) no-repeat 50% 50% / auto 15px; }	
.map_wrap .cont .scroll_wrap								{ width:100%; margin-top:1em; max-height:25em; padding:0; overflow-x:hidden; overflow-y:auto; }
.map_wrap .cont .scroll_wrap::-webkit-scrollbar 			{ -webkit-appearance:none; width:5px;} 
.map_wrap .cont .scroll_wrap::-webkit-scrollbar-thumb 		{ background-color:#2878d3; border-radius:5px; } 
.map_wrap .cont .scroll_wrap::-webkit-scrollbar-track 		{ border-radius:5px; background-color:rgba(0,0,0,.2); }	
.map_wrap .cont .list_box									{ display:flex; padding-right:7px; }
.map_wrap .cont .search_list								{ display:flex; flex-wrap:wrap; gap:1em; counter-reset:title;  }
.map_wrap .cont .search_list>li								{ width:calc((100% - 2em) / 3); padding:1rem; border:1px solid rgba(0,0,0,.2); border-radius:10px;}
.map_wrap .cont .search_list>li>a							{ display:flex; }
.map_wrap .cont .search_list>li .img						{ width:10em; margin-right:1em; position:relative; overflow:hidden; height:0; padding-top:6em }
.map_wrap .cont .search_list>li .img img					{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%, -50%); -ms-transform:ttranslate(-50%, -50%); -webkit-transform:translate(-50%, -50%); 
															-moz-transform:translate(-50%, -50%); object-fit:cover; -o-object-fit:cover; max-height:100%; }
.map_wrap .cont .search_list>li dl							{ width:calc(100% - 11em); }
.map_wrap .cont .search_list dt								{ position:relative; padding-left:30px; display:block; font-size:1.267em; font-weight:600; color:#000; letter-spacing:-.045em; line-height:1.3; 
															white-space:nowrap;text-overflow:ellipsis; overflow:hidden }
.map_wrap .cont .search_list dt::before						{ counter-increment:title; content:counter(title) " "; display:flex; justify-content:center; align-items:center; position:absolute; left:0px; top:2px; width:22px; height:22px; 
															box-sizing:border-box; border-radius:100%; background:var(--color-point); line-height:22px; font-size:.8rem; font-weight:400; text-align:center; color:var(--color-white); padding-right:1px }
.map_wrap .cont .search_list dd								{ font-size:.98em; position:relative; padding-left:22px; line-height:1.2; margin-top:7px; }
.map_wrap .cont .search_list dd::before						{ position:absolute; left:0; top:2px; width:20px; height:15px;  filter:invert(1); content:''; }
.map_wrap .cont .search_list dd.add::before					{ background:url(/resource/common/images/bbs/icon_add.svg) no-repeat 0 0 / auto 15px;  }
.map_wrap .cont .search_list dd.tel::before					{ background:url(/resource/common/images/bbs/icon_tel.svg) no-repeat 0 0 / auto 15px; }	
.map_wrap .cont .search_list .link_btn						{ display:flex; flex-wrap:wrap; gap:5px; width:100%; margin-top:10px; }
.map_wrap .cont .search_list .link_btn>li					{ width:calc((100% - 5px) / 2); }
.map_wrap .cont .search_list .link_btn>li>a					{ display:flex; justify-content:center; align-items:center; line-height:1; padding:10px 0; font-size:.9em; border-radius:5px; transition:var(--trans-ani); }
.map_wrap .cont .search_list .link_btn>li>a.btn_view		{ border:1px solid var(--color-point); color:var(--color-point)  } 
.map_wrap .cont .search_list .link_btn>li>a.btn_marker		{ border:1px solid rgba(0,0,0,.2); color:rgba(0,0,0,.74); }
.map_wrap .cont .search_list .link_btn>li>a.btn_view:hover	{ background:var(--color-point); color:#fff; }
.map_wrap .cont .search_list .link_btn>li>a.btn_marker:hover{ background:#222; color:#fff; }	

.map_wrap .paging_area										{ margin-top:1em;  }
.map_wrap .paging_area>ul									{ display:flex; align-items:center; justify-content:center; gap:4px; }
.map_wrap .paging_area>ul>li>a								{ position:relative; display:flex; align-items:center; justify-content:center; width:35px; height:35px; border:1px solid rgba(0,0,0,.1);  font-size:.9em; }
.map_wrap .paging_area>ul>li.on>a							{ background:var(--color-point); border-color:var(--color-point); color:#fff; }
.map_wrap .paging_area>ul>li.icon>a::before					{ position:absolute; position:absolute; width:9px; height:9px; left:50%; top:50%; border-style:solid; border-color:rgba(0,0,0,.5); content:''; transform:translate(-50%,-50%) rotate(45deg);}
.map_wrap .paging_area>ul>li.icon>a.page_prev::before		{ border-width:0 0 1px 1px; transform:translate(-40%,-50%) rotate(45deg);}
.map_wrap .paging_area>ul>li.icon>a.page_next::before		{ border-width:0 1px 1px 0; transform:translate(-60%,-50%) rotate(-45deg);}
.map_wrap .paging_area>ul>li.start>a::after,
.map_wrap .paging_area>ul>li.end>a::after					{ position:absolute; width:9px; height:9px; left:50%; top:50%; border-style:solid; border-color:rgba(0,0,0,.5); transform:translate(-50%, -50%); content:''; }
.map_wrap .paging_area>ul>li.start>a::before				{ border-width:0px 0px 1px 1px; transform:translate(-50%, -50%) rotate(45deg);}
.map_wrap .paging_area>ul>li.start>a::after					{ border-width:0px 0px 1px 1px; transform:translate(-10%, -50%) rotate(45deg);}
.map_wrap .paging_area>ul>li.end>a::before					{ border-width:1px 1px 0px 0px; transform:translate(-85%, -50%) rotate(45deg);}
.map_wrap .paging_area>ul>li.end>a::after					{ border-width:1px 1px 0px 0px; transform:translate(-45%, -50%) rotate(45deg);}
.map_wrap .map												{ position:relative; width:100%; background:#f2f2f2; height:32em; overflow:hidden }
.map_wrap .map .icon_marker									{ width:33px; height:40px; background: url(/resource/common/images/bbs/tour/icon_marker.svg) no-repeat 50% 50% / contain; }
.map_wrap .map .icon_marker>span							{ position:absolute; width:22.5px; height:22.5px; top:6px; left:50%; font-size:.85rem; color:#fff;  transform:translateX(-50%); text-align:center; padding-right:1px;}

/* 모달창 */
.Areamodal														{ display:none; }
.Areamodal.active												{ display:block; }
.layerArea														{ position:absolute; width:94%; right:3%; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); max-width:400px; z-index:3}
.layerArea .info_area											{ width:100%; background:#fff; border-radius:15px; overflow:hidden; box-shadow:0px 0px 8px rgba(0,0,0,0.25); padding-bottom:1.75rem	}
.layerArea .info_area *											{ white-space:inherit !important }
.layerArea .info_area h4										{ display:block; font-size:1.567em; font-weight:500; color:#000; padding:1rem 1.5rem 1rem 1.5rem; border-bottom:1px solid #eeeeee; word-break:normal !important; line-height: 1.2;}
.layerArea .info_area .textArea									{ display:block; width:100%; margin:0; padding:1rem 1.5rem; max-height:17em; overflow-y:auto; overflow-x:hidden }
.layerArea .info_area .textArea::-webkit-scrollbar 				{ -webkit-appearance:none; width:5px;} 
.layerArea .info_area .textArea::-webkit-scrollbar-thumb 		{ background-color:#2878d3; border-radius:5px; } 
.layerArea .info_area .textArea::-webkit-scrollbar-track 		{ border-radius:5px; background-color:rgba(0,0,0,.2); }	
.layerArea .info_area .detail_list								{ margin-top:.75em;}								
.layerArea .info_area .detail_list li							{ float:none; display:flex; flex-wrap:wrap; position:relative; margin:.5em 0; overflow:hidden; align-items:baseline; }
.layerArea .info_area .detail_list li *							{ vertical-align:middle; line-height:1.6 }
.layerArea .info_area .detail_list li .tt						{ min-width:24%; position:relative; font-size:1.033em; font-weight:500; color:rgba(0,0,0,.5)}
.layerArea .info_area .detail_list li .txt						{ display:flex; flex-wrap:wrap; gap:0px 10px; align-items:center; width:74%; font-size:1.067em; color:rgba(0,0,0,.8); font-weight:500; letter-spacing:-.08em; line-height: 1.3; }
.layerArea .info_area .detail_list li .txt a					{ display:inline-block; vertical-align:text-bottom; height:inherit; line-height:normal;  }
.layerArea .info_area h5										{ font-size:1.167em; line-height:1; margin-bottom:.5em; margin-top:1.25em; }
.layerArea .info_area .text										{ font-size:.98em; line-height:1.4; font-weight:400; padding:1em; background:#F2F4F6; border-radius:15px; color:rgba(0,0,0,.74); }
.layerArea .info_area .img										{ position:relative; width:100%; height:0; padding-top:50%; overflow:hidden;  }
.layerArea .info_area .img	img									{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);
																 -webkit-transform:translate(-50%,-50%); -moz-transform: translate(-50%,-50%); object-fit:cover; -o-object-fit:cover;}
.layerArea .info_area .close_btn								{ position:absolute; width:40px; height:40px; left:50%; border-radius:100%; background:#222; transform:translateX(-50%); bottom:-18px; }
.layerArea .info_area .close_btn::after							{ position:absolute; width:1px; height:15px; left:50%; top:50%; background:#fff; transform:translate(-50%,-50%) rotate(45deg); content:''; }
.layerArea .info_area .close_btn::before						{ position:absolute; width:1px; height:15px; left:50%; top:50%; background:#fff; transform:translate(-50%,-50%) rotate(-45deg); content:''; }
.layerArea .info_area .basic_btn								{ margin-top:10px; }
.layerArea .info_area .basic_btn .sm							{ border-radius:50px; }
@media all and (max-width:1768px){
	.responsiveArea												{ padding-left:340px; }
	.result_list												{ width:340px; }
	.result_list .search_wrap .Area_tit							{ font-size:1.137em; }
	.result_list .search_wrap .cate_menu>li button, 
	.result_list .search_wrap .area_menu>li button				{ font-size:.9em; }
	.result_list .search_form .btn_search						{ font-size:.9em; }
	.map_wrap .cont												{ padding:2em 1.5em 4em 1.5em; }
	.map_wrap .cont .search_list dt								{ font-size:1.2em; }
	.map_wrap .cont .search_list dt::before						{ top:0; }
	.map_wrap .cont .search_list>li .img						{ width:9em; }
	.map_wrap .cont .search_list>li dl							{ width:calc(100% - 10em); }
	.map_wrap .cont .search_list dd								{ padding-left:20px; font-size:.95em }
	.layerArea .info_area h4									{ font-size:1.467em; }
	.layerArea .info_area .detail_list li .tt					{ min-width:22%; }
	.layerArea .info_area h5									{ font-size:1.13em; }
}
@media all and (max-width:1568px){
	.responsiveArea												{ padding-left:300px; }
	.result_list												{ width:300px; }
	.result_list .search_wrap .Area_tit							{ font-size:1.1em; }
	.result_list .search_form>ul>li input						{ width:100%; }
	.result_list .search_form .btn_search						{ width:100%; }
	.map_wrap .cont .search_list dt								{ font-size:1.167em; }
	.map_wrap .cont .search_list>li .img						{ width:8em; }
	.map_wrap .cont .search_list>li dl							{ width:calc(100% - 9em); }
	.layerArea .info_area h4									{ font-size:1.367em; }
	.layerArea .info_area .detail_list li .tt					{ font-size:1em; }
	.layerArea .info_area .detail_list li .txt					{ font-size:1.03em; }
	.layerArea .info_area h5									{ font-size:1.1em; }
	.layerArea .info_area .text									{ font-size:.95em; }
	.layerArea .info_area .basic_btn .sm						{ font-size:.85rem; height:36px; }	
}
@media all and (max-width:1468px){
	.map_wrap .cont .search_list>li								{ width:calc((100% - 1em) / 2); }
	.layerArea													{ max-width:320px; }
	.layerArea .info_area h4									{ font-size:1.167em; }
	.layerArea .info_area .textArea								{ max-height:15em; }
	.map_wrap .map												{ height:30em; }
	.layerArea .info_area .detail_list li .tt					{ min-width:26%; font-size:.95em }
	.layerArea .info_area .detail_list li .txt					{ font-size:1em; }
}
@media all and (max-width:1168px){
	.responsiveArea												{ padding-left:0; }
	.result_list												{ position:initial; width:100%; padding:1.5em }
	.result_list .search_wrap									{ padding:0; flex-flow:row wrap; }
	.result_list .search_wrap>li								{ flex:auto; position:relative }
	.result_list .search_wrap .mob_btn							{ flex:auto; position:relative; margin:0; height:45px; display:flex; border:1px solid rgba(0,0,0,.1); background:#fff; border-radius:5px; 
																	font-size:.95rem; cursor:pointer; align-items:center; padding:0 15px; transition:var(--trans-ani);  }
	.result_list .search_wrap .mob_btn::before					{ position:absolute; right:15px; top:45%; width:7px; height:7px; border-style:solid; border-width:0 1px 1px 0; border-color:rgba(0,0,0,.3); content:''; 
																	transform:translateY(-50%) rotate(45deg); transition:var(--trans-ani); }
	.result_list .search_wrap .mob_btn.active					{ border-radius:5px 5px 0 0; border-color:var(--color-point)  }
	.result_list .search_wrap .mob_btn.active::before			{ transform:translateY(-25%) rotate(225deg); }
	.result_list .search_wrap>li>div							{ position:absolute; display:none; top:45px; z-index:1; width:100%; border-radius:0 0 5px 5px; border:1px solid var(--color-point); border-top:none; padding:15px; background:#fff }
	.result_list .search_wrap .cate_menu>li .icon::before		{ display:none; }			
	.result_list .search_wrap .cate_menu, 
	.result_list .search_wrap .area_menu						{ border:none; padding:0; border-radius:0; }
	.result_list .search_wrap .cate_menu>li button, 
	.result_list .search_wrap .area_menu>li button				{ height:35px; font-size:.85rem; }
	.result_list .search_form									{ width:100%; padding:0; }
	.result_list .search_form .Area_tit							{ margin-top:1em; }
	.result_list .search_form .btn_reset						{ right:0; font-size:.8rem; }
	.result_list .search_form>ul>li input						{ width:calc(100% - 90px); min-height:38px; }
	.result_list .search_form .btn_search						{ width:80px; height:38px; font-size:.9rem }
}
@media all and (max-width:1024px){
	.result_list .search_wrap .cate_menu>li, 
	.result_list .search_wrap .area_menu>li						{ width:100%; }
	.result_list .search_form .btn_reset::before				{ top:46%; }
	.map_wrap .map												{ height:50vh; }
	.map_wrap .cont .scroll_wrap								{ max-height:inherit; overflow-y:hidden}
	.map_wrap .cont .list_box									{ padding-right:0; }
	.map_wrap .cont .search_list dt								{ line-height:1.4; }
	.map_wrap .cont .search_list dd::before						{ top:0; padding-right:0; }
	
	.layerArea .info_area h4									{ padding:.85rem 1rem .75rem 1rem; font-size:1.2rem; font-weight:bold }
	.layerArea .info_area .textArea								{ padding:.75rem 1rem; }
	.layerArea .info_area .basic_btn .sm						{ height:34px; }
}
@media all and (max-width:768px){
	.result_list .search_wrap .mob_btn							{ height:42px; font-size:.9rem; }
	.result_list .search_wrap									{ gap:5px; }
	.result_list .search_wrap>li								{ min-width:calc((100% - 5px) / 2); }
	.result_list .search_wrap>li>div							{ top:42px; }
}
@media all and (max-width:668px){
	.map_wrap .cont .search_list								{ gap:10px; }
	.map_wrap .cont .search_list>li								{ padding:.75rem; width:100%;}
	.layerArea													{ max-width:280px; right:1% }
	.layerArea .info_area h4									{ font-size:1.167rem;  }
	.layerArea .info_area .textArea								{ max-height:13em; }
	.layerArea .info_area .detail_list li						{ margin:.25em 0; }
	.layerArea .info_area .basic_btn .sm						{ height:32px; font-size:.8rem; }
	.layerArea .info_area .close_btn							{ width:35px; height:35px; bottom:-15.5px; }
}
@media all and (max-width:568px){
	.layerArea													{ max-width:260px; right:inherit; left:50%; top:1.5em; -webkit-transform:translateX(-50%); transform:translateX(-50%);  }
}
@media all and (max-width:468px){
	.result_list												{ padding:1.5em 1em; }
	.result_list .search_wrap .mob_btn							{ padding:0 25px 0 10px; }
	.result_list .search_wrap .mob_btn::before					{ right:12px; }
	.result_list .search_wrap>li>div							{ padding:15px 10px; }
	.result_list .search_form>ul>li input,
	.result_list .search_form .btn_search						{ width:100%; }
	.map_wrap .cont												{ padding:1.5em 1em 3em 1em; }
	.map_wrap .paging_area>ul>li>a								{ width:30px; height:30px; }
}
@media all and (max-width:320px){
	.map_wrap .cont .search_list>li>a							{ flex-wrap:wrap; gap:10px; }
	.map_wrap .cont .search_list>li .img,
	.map_wrap .cont .search_list>li dl							{ width:100%; }
	.map_wrap .cont .search_list>li .img						{ margin-right:0; }
}

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

							특산물

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

/*목록*/
[data-subarea="product"] .list											{ display:flex;flex-flow:row wrap;gap:2em;}
[data-subarea="product"] .list > li										{ width:calc((100% - 6em) / 3);}
[data-subarea="product"] .list > li	a									{ display: flex;flex-flow: column;gap: 1.25em;border:1px solid #e5e5e5;height:100%;padding:2em;border-radius:15px;transition:var(--trans-ani);}
[data-subarea="product"] .list > li	a:focus,
[data-subarea="product"] .list > li	a:hover								{ border-color:var(--color-point);}
[data-subarea="product"] .list > li .img								{ position:relative;border-radius:10px;overflow:hidden;height:0;padding-top: 86.5%;}
[data-subarea="product"] .list > li .img img							{ position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);
																			-moz-transform: translate(-50%,-50%);object-fit: cover;-o-object-fit:cover;}
[data-subarea="product"] .list > li .text								{ display:flex;flex-flow:column;gap:.25em;}
[data-subarea="product"] .list > li .text dt							{ font-size: 1.375em;font-weight: 700;}
[data-subarea="product"] .list > li .text dd							{ font-size:1.167em;color:#444;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

/*modal*/
[data-subarea="product"] .modal.product									{ position:fixed; left:0; top:0; width:100%; height:100%; overflow:auto; z-index:999; }
[data-subarea="product"] .modal.product::before							{ position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,.5); backdrop-filter:blur(10px); transition:opacity 0.2s ease; opacity:0; content:''; z-index:100 }
[data-subarea="product"] .modal.product									{ display:none; }
[data-subarea="product"] .modal.product.active							{ display:block; }
[data-subarea="product"] .modal.product.active::before					{ opacity:1; }
[data-subarea="product"] .modal.product .modal_box						{ position:absolute; width:90%; border-radius:15px; background:#fff; left:50%; top:50%; transform:translate(-50%,-50%); padding:2.5em 1.5em; z-index:200 }
[data-subarea="product"] .modal.product .w1000							{ max-width:1000px; }	
[data-subarea="product"] .modal.product .cont							{ width:100%; max-height:80svh; overflow-x:hidden; overflow-y:auto; padding:0 15px; }													
[data-subarea="product"] .modal.product .cont.flex						{ display:flex; flex-wrap:wrap; gap:2em;align-items: flex-start; }
[data-subarea="product"] .modal.product .cont .img						{ position:relative; width:393px; height:0;padding-top: 36.877%;border-radius: 15px;overflow: hidden;}
[data-subarea="product"] .modal.product .cont .img img					{ position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);
																			-webkit-transform:translate(-50%,-50%);-moz-transform: translate(-50%,-50%);object-fit: cover;-o-object-fit:cover; }
[data-subarea="product"] .modal.product .cont .info						{ flex:auto; max-width:calc(100% - 393px - 2em); }
[data-subarea="product"] .modal.product .cont .info .tit				{ font-size:2em; line-height:1.3;}
[data-subarea="product"] .modal.product .cont .info .ti					{ font-size:1.375em; font-weight: 600;border-bottom:1px solid rgba(0,0,0,.2); line-height:1.3; margin-top: 1.5em;margin-bottom:.75em;padding-bottom:.5em;}
[data-subarea="product"] .modal.product .cont .info .text				{ margin-top:1.25em; padding:1.5em; background:#F2F4F6 ;  color: rgba(0, 0, 0, .74);width:100%; max-height:20em; overflow-y:auto; overflow-x:hidden; border-radius:10px; 
																			font-size:1.03em; line-height:1.4; opacity:.84; word-break: break-all; }
[data-subarea="product"] .modal.product .cont .info .info_list										{ display:flex; flex-flow:column; gap:5px; }
[data-subarea="product"] .modal.product .cont .info .info_list>li>dl								{ display:flex; gap:5px 15px; align-items:baseline; }	
[data-subarea="product"] .modal.product .cont .info .info_list>li>dl>dt								{ width: 6em;color: rgba(0, 0, 0, .5);  } 	
[data-subarea="product"] .modal.product .cont .info .info_list>li>dl>dd								{ font-size:1.03em; width: calc(100% - 6em - 15px);}
[data-subarea="product"] .modal.product.stone .cont .info .info_list>li>dl>dt						{ width: 10em;color: rgba(0, 0, 0, .5);} 	
[data-subarea="product"] .modal.product.stone .cont .info .info_list>li>dl>dd						{ width: calc(100% - 10em - 15px);}
[data-subarea="product"] .modal.product .cont .info .info_list>li>dl>dd .small_dot > li::before		{ top:9px;}
[data-subarea="product"] .modal.product .cont .info .info_list>li>dl>dd .small_dot > li strong		{ font-weight:600;}
[data-subarea="product"] .modal.product .cont .info .info_list>li>dl>dd a[target='_blank']::after	{ content:""; display:inline-block; transition:all .4s; margin-left:8px; vertical-align:middle; width:13px; height:12px; 
																										background:url(/resource/tour/images/common/icon_blank.svg) no-repeat 50% 50% / auto 12px; margin-top:-2px }

[data-subarea="product"] .modal.product .modal_close												{ position:absolute; width:42px; height:42px; border-radius:100%; background:#222; right:1em; top:1em }
[data-subarea="product"] .modal.product .modal_close::before,
[data-subarea="product"] .modal.product .modal_close:after											{ position:absolute; width:1px; height:21px; background:#fff; left:50%; top:50%; content:''; }
[data-subarea="product"] .modal.product .modal_close::before										{ transform:translate(-50%,-50%) rotate(45deg); }
[data-subarea="product"] .modal.product .modal_close::after											{ transform:translate(-50%,-50%) rotate(-45deg); }

[data-subarea="product"] .modal.product .cont::-webkit-scrollbar 									{ -webkit-appearance: none; width:5px;} 
[data-subarea="product"] .modal.product .cont::-webkit-scrollbar-thumb 								{ background-color:#2878d3; border-radius:5px; } 
[data-subarea="product"] .modal.product .cont::-webkit-scrollbar-track 								{ border-radius:5px; background-color:rgba(0,0,0,.2); }

@media all and (max-width:1468px) {
	/*목록*/
	[data-subarea="product"] .list 													{ gap:1em;}
	[data-subarea="product"] .list > li												{ width: calc((100% - 2em) / 3);}
	[data-subarea="product"] .list > li a 											{ padding: 1.5em;}
}
@media all and (max-width:1268px) {
	/*목록*/
	[data-subarea="product"] .list > li .text dt									{ font-size:1.25em;}
	[data-subarea="product"] .list > li .text dd									{ font-size:1.067em;}
}
@media all and (max-width:1168px) {
	/*modal*/
	[data-subarea="product"] .modal.product .cont.flex								{ gap:2em 2em; }
	[data-subarea="product"] .modal.product .cont .img								{ width:350px;}
	[data-subarea="product"] .modal.product .cont .info								{ max-width:calc(100% - 350px - 2em); }
}
@media all and (max-width:968px) {
	/*목록*/
	[data-subarea="product"] .list > li												{ width: calc((100% - 1em) / 2);}
	
	/*modal*/
	[data-subarea="product"] .modal.product .cont .img								{ width:300px;  }
	[data-subarea="product"] .modal.product .cont .info								{ max-width:calc(100% - 300px - 2em); }
}

@media all and (max-width:868px) {
	/*modal*/
	[data-subarea="product"] .modal.product .modal_box								{ padding:2em 1em; }
	[data-subarea="product"] .modal.product .cont									{ padding:0 5px; }
	[data-subarea="product"] .modal.product .cont .img								{ width:100%;padding-top: 86.445%;  }
	[data-subarea="product"] .modal.product .cont .info								{ width:100%; max-width:inherit; }
	[data-subarea="product"] .modal.product .cont .info .text						{ max-height:inherit; overflow:hidden; }
	[data-subarea="product"] .modal.product .modal_close							{ width:35px; height:35px; right:inherit; top:.5em; left:50%; transform:translateX(-50%); }
	[data-subarea="product"] .modal.product .modal_close::before,
	[data-subarea="product"] .modal.product .modal_close:after						{ height:17px; }
	[data-subarea="product"] .modal.product .cont .info .tit						{ font-size:1.8em; }
	[data-subarea="product"] .modal.product .cont .info .ti							{ font-size:1.25em;margin-top:1.25em;margin-bottom:.5em;}
}

@media all and (max-width:768px) {
	/*목록*/
	[data-subarea="product"] .list > li												{ width: 100%;}
}

@media all and (max-width:468px) {
	/*목록*/
	[data-subarea="product"] .list > li	a											{ padding:1.25em;}
	
	/*modal*/
	[data-subarea="product"] .modal.product .cont .info .info_list					{ gap:10px;}
	[data-subarea="product"] .modal.product .cont .info .info_list>li>dl			{ flex-flow:column; gap:2px;}
	[data-subarea="product"] .modal.product .cont .info .info_list>li>dl>dt			{ width:100% !important; }
	[data-subarea="product"] .modal.product .cont .info .info_list>li>dl>dd			{ width:100% !important; }
	[data-subarea="product"] .modal.product .cont .info .text						{ padding:1em; }
}		


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

					익산 local의 맛과 멋

**********************************************************************/	
[data-subarea="local"] 										{ padding-bottom:3em;}
[data-subarea="local"] .bg_box								{ position:relative;padding:4em;background: linear-gradient(#fff, var(--color-light-blue));border-radius: 20px;}
[data-subarea="local"] .bg_box::before						{ content:'';display:block;position:absolute;bottom: -3em;right:0;width:50%;height:0;padding-top:22.25%;background:url(/resource/tour/images/contents/bg_local.png) no-repeat center center / 100%;}
[data-subarea="local"] .bg_box .img_list					{ width:100%;max-width:1400px;margin:0 auto;display:flex;flex-wrap:wrap;}
[data-subarea="local"] .bg_box .img_list > li				{ width:50%;}
[data-subarea="local"] .bg_box .text						{ width: 100%;text-align: center;display: flex;gap: 1em;flex-flow: column;margin-top:2.5em;}
[data-subarea="local"] .bg_box .text > strong				{ font-weight:bold;font-size: 2em;line-height: 1.1;margin-top: .25em;font-family: var(--font-gmarket);}
[data-subarea="local"] .bg_box .text > span					{ color:var(--color-base2);}
[data-subarea="local"] .bg_box .text > .basic_btn			{ margin-top:10px;}
[data-subarea="local"] .bg_box .bg_text						{ opacity:.15;padding: 6em 0 4em;}
[data-subarea="local"] .bg_box .bg_text	span				{ display:block;color:var(--color-point);font-weight:bold;font-size: 2.8em;margin-top: .25em;font-family: var(--font-gmarket);}


@media all and (max-width:1468px){
	[data-subarea="local"] .bg_box										{ padding:3em;}
	[data-subarea="local"] .bg_box .bg_text								{ padding: 6em 0 3em;}
}
@media all and (max-width:1268px){
	[data-subarea="local"] .bg_box										{ padding:2em;}
	[data-subarea="local"] .bg_box .bg_text								{ padding:4em 0 2em;}
	[data-subarea="local"] .bg_box .bg_text	span						{ font-size:2.5em;}
	[data-subarea="local"] .bg_box .text								{ margin-top:2em;}
	[data-subarea="local"] .bg_box .text > strong						{ font-size:1.875em;}
}
@media all and (max-width:968px){
	[data-subarea="local"] 												{ padding-bottom:2em;}
	[data-subarea="local"] .bg_box::before								{ bottom:-2em;}
	[data-subarea="local"] .bg_box .img_list > li						{ width:100%;}
}
@media all and (max-width:868px){
	[data-subarea="local"] .bg_box										{ border-radius:15px;}
	[data-subarea="local"] .bg_box::before								{ width:70%;padding-top:31.25%}
	[data-subarea="local"] .bg_box .bg_text span						{ font-size:2.375em;}
	[data-subarea="local"] .bg_box .text > strong						{ font-size:1.75em;}
}
@media all and (max-width:768px){
	[data-subarea="local"] .bg_box .bg_text								{ padding:2em 0 8em;}
}
@media all and (max-width:668px){
	[data-subarea="local"] .bg_box										{ padding:1.5em;}
	[data-subarea="local"] .bg_box .bg_text								{ padding:1.5em 0 6em;}
	[data-subarea="local"] .bg_box .text								{ margin-top:1.5em;}
}
@media all and (max-width:468px){
	[data-subarea="local"] .bg_box										{ padding:1.25em;}
	[data-subarea="local"] .bg_box::before								{ width:100%;padding-top:46%}
	[data-subarea="local"] .bg_box .bg_text								{ padding:1.5em 0 calc(46% - 2em);}
	[data-subarea="local"] .bg_box .bg_text span						{ font-size:1.875em;}
	[data-subarea="local"] .bg_box .bg_text span br 					{ display:none;}
	[data-subarea="local"] .bg_box .text								{ margin-top:1.25em;gap:.75em;}
	[data-subarea="local"] .bg_box .text > strong						{ font-size:1.625em;}
	[data-subarea="local"] .bg_box .text > .basic_btn					{ margin-top:5px;}
}

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

					세계유산이란?

**********************************************************************/	
[data-subarea="world_heritage"] .img_list,
[data-subarea="world_heritage"] .site_list										{ display:flex;gap: 20px;flex-flow:row wrap;}
[data-subarea="world_heritage"] .img_list > li,
[data-subarea="world_heritage"] .site_list > li									{ width:calc((100% - 60px) / 4);}
[data-subarea="world_heritage"] .img_list.col3 > li								{ width:calc((100% - 40px) / 3);}
[data-subarea="world_heritage"] .img_list > li .img								{ position:relative;display:block;width: 100%;overflow:hidden;border-radius: 12px;border:1px solid #e5e5e5;}
[data-subarea="world_heritage"] .img_list > li .img	img							{ width:100%;}
[data-subarea="world_heritage"] .img_list > li  .text							{ margin-top: 12px;display:flex;flex-flow:column;text-align: center;} 
[data-subarea="world_heritage"] .img_list > li  .text dt						{ font-size: 1.067em;font-weight:700;}
[data-subarea="world_heritage"] .img_list > li  .text dd						{ color:#555;font-weight: 300;font-size:1em;}
[data-subarea="world_heritage"] .img_list > li  .gray							{ margin-top:12px;display:block;text-align:center;color:#555;font-weight: 300;font-size:1em;}
[data-subarea="world_heritage"] .basic_text>li 									{ font-size:1.1em;}
[data-subarea="world_heritage"] .img_box										{ background:var(--color-gray);border-radius:20px;overflow:hidden;padding:4em;}
[data-subarea="world_heritage"] .img_box img									{ width:100%;border-radius:15px;}
[data-subarea="world_heritage"] .division_right > p.img							{ overflow:hidden;border-radius: 20px;}

[data-subarea="world_heritage"] .site_list > li a								{ display:block;overflow: hidden;border: 1px solid #e5e5e5;transition:var(--trans-ani);border-radius: 12px;}
[data-subarea="world_heritage"] .site_list > li a img							{ width:100%;transform:scale(1);transition:var(--trans-ani);}
[data-subarea="world_heritage"] .site_list > li a:focus img,
[data-subarea="world_heritage"] .site_list > li a:hover img						{ transform:scale(1.1);}

/*슬라이드*/
[data-subarea="world_heritage"] .subswiper .swiper .swiper-slide>a				{ padding-top:45.714%;}
[data-subarea="world_heritage"] .subswiper .control								{ background:#fff;min-width:30%;}
[data-subarea="world_heritage"] .subswiper .swiper_prev,
[data-subarea="world_heritage"] .subswiper .swiper_next							{ z-index:2;}
[data-subarea="world_heritage"] .subswiper .control .slide_subject				{ margin-right:30px;font-size:.98em;}


@media all and (max-width:1468px){
	[data-subarea="world_heritage"] .img_list,
	[data-subarea="world_heritage"] .site_list										{ gap:16px;}
	[data-subarea="world_heritage"] .img_list > li,
	[data-subarea="world_heritage"] .site_list > li									{ width:calc((100% - 48px) / 4);}
	[data-subarea="world_heritage"] .img_list.col3 > li								{ width:calc((100% - 32px) / 3);}
}
@media all and (max-width:1168px){
	[data-subarea="world_heritage"] .img_list										{ gap:20px 10px;}
	[data-subarea="world_heritage"] .site_list										{ gap:10px;}
	[data-subarea="world_heritage"] .img_list > li,
	[data-subarea="world_heritage"] .site_list > li									{ width:calc((100% - 30px) / 4);}
	[data-subarea="world_heritage"] .img_list.col3 > li								{ width:calc((100% - 20px) / 3);}
}
@media all and (max-width:968px){
	[data-subarea="world_heritage"] .img_list > li,
	[data-subarea="world_heritage"] .site_list > li,
	[data-subarea="world_heritage"] .img_list.col3 > li								{ width:calc((100% - 10px) / 2);}
	[data-subarea="world_heritage"] .img_list > li  .text dt						{ font-size:1.167em;}
	[data-subarea="world_heritage"] .img_list > li  .text dd,
	[data-subarea="world_heritage"] .img_list > li  .gray							{ font-size:1.067em;}						
}
@media all and (max-width:868px){
	[data-subarea="world_heritage"] .img_box										{ border-radius:15px;padding:3em;}
	[data-subarea="world_heritage"] .img_box img									{ border-radius:10px;}
	[data-subarea="world_heritage"] .division_right > p.img							{ border-radius:15px;}
	[data-subarea="world_heritage"] .subswiper:has(.slide_subject) .control			{ flex-wrap:wrap; min-width:inherit; width:max-content; }
	[data-subarea="world_heritage"] .subswiper .control	.slide_subject				{ width:100%; display:flex; justify-content:center; margin-right:0; padding-top:10px; line-height:1 }
}
@media all and (max-width:768px){
	[data-subarea="world_heritage"] .subswiper:has(.slide_subject) .control			{ height:40px; }
}
@media all and (max-width:568px){
	[data-subarea="world_heritage"] .img_box										{ padding:2em;}
}

@media all and (max-width:468px){
	[data-subarea="world_heritage"] .img_list > li,
	[data-subarea="world_heritage"] .site_list > li,
	[data-subarea="world_heritage"] .img_list.col3 > li								{ width:100%;}
	[data-subarea="world_heritage"] .img_box										{ padding:1.5em;}
}


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

					유적따라 이야기따라

**********************************************************************/	
[data-subarea="history"] .box_wrap										{ background:var(--color-white);border:2px solid #e5e5e5;border-radius:20px;width:100%;padding:4em;}
[data-subarea="history"] .box_wrap .flex								{ display: flex;gap:4em;flex-wrap:wrap;padding-bottom: 4em;border-bottom: 1px dashed #e5e5e5;margin-bottom: 4em;--sizeImg:480px;justify-content: space-between;}
[data-subarea="history"] .box_wrap .flex:last-child						{ padding-bottom:0;margin-bottom:0;border-bottom:none;}
[data-subarea="history"] .box_wrap .img_wrap							{ width:var(--sizeImg);text-align:center;}
[data-subarea="history"] .box_wrap .img_wrap .img						{ margin-bottom:12px;border-radius:12px;overflow:hidden;}
[data-subarea="history"] .box_wrap .img_wrap .img img					{ width:100%;}
[data-subarea="history"] .box_wrap .img_wrap span						{ color:#555;}
[data-subarea="history"] .box_wrap .text_wrap							{ width: calc(100% - var(--sizeImg) - 4em);}
[data-subarea="history"] .box_wrap .text_wrap.w100						{ width:100%;}
[data-subarea="history"] .box_wrap .text_wrap .basic_text>li 			{ font-size:1.1em;}
[data-subarea="history"] .box_wrap .text_wrap .basic_text>li strong		{ font-weight:bold;}
[data-subarea="history"] .box_wrap .text_wrap .basic_text .box			{ background: var(--color-gray);padding: 2em;border-radius: 12px;}
[data-subarea="history"] .box_wrap .text_wrap .basic_text .box p		{ font-weight:600;}
[data-subarea="history"] .box_wrap .text_wrap .basic_text .box .tar		{ display:block;}	
[data-subarea="history"] .box_wrap .text_wrap .basic_text .box dl		{ display:flex;flex-wrap:wrap;justify-content: space-between;gap: 0 1em;font-size: .94em;color: #444;}
[data-subarea="history"] .box_wrap .text_wrap .basic_text .box dl dt,
[data-subarea="history"] .box_wrap .text_wrap .basic_text .box dl dd	{ flex: 0 1 calc(50% - .5em);}
[data-subarea="history"] .box_wrap .text_wrap .img_list					{ display:flex;flex-wrap:wrap;gap:2.5em;margin-top:2em;}
[data-subarea="history"] .box_wrap .text_wrap .img_list > li			{ text-align:center;width:auto;max-width:calc((100% - 2.5em) / 2);}
[data-subarea="history"] .box_wrap .text_wrap .img_list .img			{ border-radius:12px;overflow:hidden;margin:0 auto 12px;width:100%;max-width: calc(var(--sizeImg) / 2.2);}
[data-subarea="history"] .box_wrap .text_wrap .img_list .img img		{ width:100%;}
[data-subarea="history"] .box_wrap .text_wrap .img_list span			{ color:#555;}

@media all and (max-width:1468px){
	[data-subarea="history"] .box_wrap									{ padding:3em;}
	[data-subarea="history"] .box_wrap .flex							{ --sizeImg:460px;gap: 3em;margin-bottom:3em;padding-bottom:3em;}
	[data-subarea="history"] .box_wrap .text_wrap .basic_text>li 		{ font-size:1.067em;}
}
@media all and (max-width:1268px){
	[data-subarea="history"] .box_wrap									{ padding:2.5em;}
	[data-subarea="history"] .box_wrap .flex							{ --sizeImg:420px;gap: 2.5em;margin-bottom:2.5em;padding-bottom:2.5em;}
	[data-subarea="history"] .box_wrap .text_wrap .basic_text .box		{ padding:1.5em;}
	[data-subarea="history"] .box_wrap .text_wrap .img_list				{ gap:2em;}
	[data-subarea="history"] .box_wrap .text_wrap .img_list > li		{ max-width:calc((100% - 2em) / 2);}
}
@media all and (max-width:1024px){
	[data-subarea="history"] .box_wrap									{ padding:2em;}
	[data-subarea="history"] .box_wrap .flex							{ --sizeImg:360px;gap: 2em;margin-bottom:2em;padding-bottom:2em;}
}
@media all and (max-width:968px){
[data-subarea="history"] .box_wrap .flex								{ gap:1.5em;}
[data-subarea="history"] .box_wrap .img_wrap							{ width:100%;}
[data-subarea="history"] .box_wrap .text_wrap							{ width:100%;}
[data-subarea="history"] .box_wrap .text_wrap .basic_text .box			{ font-size: .98em;}
[data-subarea="history"] .box_wrap .text_wrap .img_list					{ justify-content: center;}
}


@media all and (max-width:768px){
	[data-subarea="history"] .box_wrap .text_wrap						{ padding:0 .5em;}
}

@media all and (max-width:668px){
	[data-subarea="history"] .box_wrap												{ padding:1.5em;}
	[data-subarea="history"] .box_wrap .flex										{ gap:1.25em;}
	[data-subarea="history"] .box_wrap .text_wrap .basic_text .box					{ padding:1.25em;gap:0;}
	[data-subarea="history"] .box_wrap .text_wrap .basic_text .box dl dt,
	[data-subarea="history"] .box_wrap .text_wrap .basic_text .box dl dd			{ flex: 0 1 100%;}
	[data-subarea="history"] .box_wrap .text_wrap .basic_text .box dl dt			{ margin-top:.5em;}
	[data-subarea="history"] .box_wrap .text_wrap .basic_text .box dl dt:first-child{ margin-top:0;}
	[data-subarea="history"] .box_wrap .text_wrap .img_list							{ gap:1em;}
	[data-subarea="history"] .box_wrap .text_wrap .img_list > li					{ max-width: calc((100% - 1em) / 2);}
	[data-subarea="history"] .box_wrap .text_wrap .img_list .img					{ max-width: 160px;margin: 0 auto 12px;}
}
@media all and (max-width:468px){
	[data-subarea="history"] .box_wrap .text_wrap .img_list > li					{ max-width: 100%;}
}

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

						국가지정유산

**********************************************************************/	
[data-subarea="heritage"] .basic_btn									{ margin-top:0;}
[data-subarea="heritage"] .basic_btn a									{ margin-left:6px;}


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

						참고자료

**********************************************************************/	
.book 																			{ display:flex;gap:4em;--sizeImg:420px;align-items: flex-start;}
.book .img_wrap																	{ width:var(--sizeImg);border-radius:10px;overflow: hidden;border: 1px solid #e5e5e5;}
.book .img_wrap	img																{ width:100%;}
.book .text_wrap																{ position:relative;width:calc((100% - var(--sizeImg)) - 4em);margin-top: 14em;}
.book .text_wrap::before														{ position:absolute;content:'E-BOOK';font-size: 6.5em;font-weight: 800;right: -.625em;top: -1.7em;color: #f5f5f5;}
.book.source .text_wrap::before													{ content:'SOURCE';}
.book .text_wrap .basic_text													{ gap:1.5em; margin-bottom: 2.25em;}
.book .text_wrap .basic_text>li													{ font-size:1.1em;}

[data-subarea="heritage_book"] .bg_gray,
[data-subarea="pictorial_book"] .bg_gray										{ padding-bottom:6.25em;}
[data-subarea="heritage_book"] .bg_gray::before,
[data-subarea="pictorial_book"] .bg_gray::before								{ height: calc(100% - 10em);top:10em;}

[data-subarea="heritage_book"] .text_wrap:not(:has(.basic_text)) .basic_btn 	{ margin-top:0;}

/*세계유산 화보집*/
[data-subarea="pictorial_book"] .book											{ flex-flow:column;}
[data-subarea="pictorial_book"] .book .img_wrap,
[data-subarea="pictorial_book"] .basic_btn										{ width:100%;}
[data-subarea="pictorial_book"] .basic_btn										{ margin-top:0;}

/*익산문헌자료총서*/
[data-subarea="literature_book"] .book_list										{ display:flex;flex-flow:row wrap;gap:2em;}
[data-subarea="literature_book"] .book_list > li								{ width:calc((100% - 4em) / 3);border:1px solid #e5e5e5;padding:2em;border-radius:15px;}
[data-subarea="literature_book"] .book_list > li .img							{ position:relative;border-radius:10px;overflow:hidden;height:0;padding-top: 75%;}
[data-subarea="literature_book"] .book_list > li .img img						{ position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);
																					-webkit-transform:translate(-50%,-50%);-moz-transform: translate(-50%,-50%);object-fit: contain;-o-object-fit:contain;}
[data-subarea="literature_book"] .book_list > li .basic_btn						{ margin-top:20px;}

@media all and (max-width:1668px){
	.book .text_wrap															{ margin-top:12em;}
	[data-subarea="heritage_book"] .bg_gray::before,
	[data-subarea="pictorial_book"] .bg_gray::before							{ height: calc(100% - 8em);top:8em;}
}
@media all and (max-width:1568px){
	.book																		{ padding:0 4em;}
	[data-subarea="heritage_book"] .bg_gray,
	[data-subarea="pictorial_book"] .bg_gray::before							{ padding-bottom:5.625em;}
}
@media all and (max-width:1468px){
	.book																		{ gap:3em;--sizeImg:380px;}
	.book .text_wrap															{ width:calc((100% - var(--sizeImg)) - 3em);margin-top:11em;}
	.book .text_wrap::before													{ font-size:6em;top: -1.6em;right: -.25em;}
	.book .text_wrap .basic_text												{ margin-bottom:2em;}
	.book .text_wrap .basic_text>li												{ font-size:1.067em;}
	
	/*익산문헌자료총서*/
	[data-subarea="literature_book"] .book_list									{ gap:1em;}
	[data-subarea="literature_book"] .book_list > li							{ width: calc((100% - 2em) / 3);padding: 1.5em;}
}
@media all and (max-width:1368px){
	.book																		{ --sizeImg:320px;}
	.book .text_wrap::before													{ font-size: 5em;top: -1.65em;}
}

@media all and (max-width:968px){
	.book																		{ --sizeImg:280px;padding:0 3em;}
	.book .text_wrap															{ margin-top:10.5em;}
	
	[data-subarea="heritage_book"] .bg_gray,
	[data-subarea="pictorial_book"] .bg_gray									{ padding-bottom:4em;}
	
	/*익산문헌자료총서*/
	[data-subarea="literature_book"] .book_list > li							{ width: calc((100% - 1em) / 2);padding: 1.5em;}
}

@media all and (max-width:868px){
	.book																		{ flex-flow:column;gap: 2em;}
	.book .text_wrap::before													{ display:none;}
	.book .img_wrap																{ margin:0 auto;width:100%;max-width:240px;}
	.book .text_wrap															{ margin-top:0;width:100%;}
	.book .text_wrap .basic_text												{ margin-bottom:1.5em;gap:1.25em;}
	.book .text_wrap .basic_btn													{ text-align:center;}
	
	[data-subarea="pictorial_book"] .img_wrap									{ max-width:none;}
}
@media all and (max-width:768px){
	.book																		{ padding:0 2em;}
	[data-subarea="heritage_book"] .bg_gray,
	[data-subarea="pictorial_book"] .bg_gray									{ padding-bottom:3em;}
	[data-subarea="literature_book"] .book_list > li							{ width: 100%;}
}
@media all and (max-width:568px){
	.book																		{ padding:0 1.88em;}
	[data-subarea="heritage_book"] .bg_gray,
	[data-subarea="pictorial_book"] .bg_gray									{ padding-bottom:2.88em;}
}
@media all and (max-width:468px){
	.book																		{ padding:0 1.5em;}
	[data-subarea="heritage_book"] .bg_gray,	
	[data-subarea="pictorial_book"] .bg_gray									{ padding-bottom:2.5em;}
	[data-subarea="pictorial_book"] .bg_gray::before							{ height: calc(100% - 6em);top:6em;}
	[data-subarea="literature_book"] .book_list > li							{ padding: 1.25em;}
}
@media all and (max-width:368px){
	.book .text_wrap .basic_text>li												{ font-size:1em;line-height:1.4;}
	[data-subarea="pictorial_book"] .bg_gray::before							{ height: calc(100% - 4em);top:4em;}
}
@media all and (max-width:268px){
	[data-subarea="literature_book"] .book_list > li .img						{ height:auto;padding-top:0;}
	[data-subarea="literature_book"] .book_list > li .img img					{ position: initial;transform:none;-ms-transform:none;-webkit-transform:none; -moz-transform: none;object-fit: cover; -o-object-fit:cover;}
}

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

					철도 관광 및 지원사업

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

[data-subarea="railway"] .top_img_box											{ background-color:#e3f4ff;background-image:url(/resource/tour/images/contents/bg_railway.png);background-position: right bottom;}
[data-subarea="railway"] .img_list												{ display:flex;gap:25px;flex-flow: row wrap;align-items:flex-start;margin-top:15px;}
[data-subarea="railway"] .img_list li											{ width:calc((100% - 100px) / 5);display:flex; flex-flow:column; gap:1em; align-items:center; justify-content:center; }
[data-subarea="railway"] .img_list li > .img									{ position:relative;width:100%;height:0;padding-top:100%;border-radius:20px;overflow:hidden;transition:var(--trans-ani);}
[data-subarea="railway"] .img_list li > .img img								{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);
																					-webkit-transform:translate(-50%,-50%); -moz-transform: translate(-50%,-50%); object-fit:cover; -o-object-fit:cover; }
[data-subarea="railway"] .img_list li > strong								{ display:block; text-align:center; padding:0 5px; font-size:1.13em; font-weight:600; word-break:break-all; }


@media all and (max-width:1568px){
	[data-subarea="railway"] .img_list li										{ gap:.5em;}
	[data-subarea="railway"] .img_list li > strong								{ font-size:1.067em;}
}
@media all and (max-width:1468px){
	[data-subarea="railway"] .img_list											{ gap:20px;}
	[data-subarea="railway"] .img_list li										{ width:calc((100% - 80px) / 5); }
	[data-subarea="railway"] .img_list li > strong								{ font-size:1.03em;}
}
@media all and (max-width:1168px){
	[data-subarea="railway"] .img_list											{ gap:10px;}
	[data-subarea="railway"] .img_list li										{ width:calc((100% - 30px) / 4); }
	[data-subarea="railway"] .img_list li > strong								{ font-size:.9em;}
}
@media all and (max-width:968px){
	[data-subarea="railway"] .img_list li > strong								{ font-size:1.03em;}
}
@media all and (max-width:868px){
	[data-subarea="railway"] .top_img_box										{ background-position:right -20% bottom;}
	[data-subarea="railway"] .img_list li > .img								{ border-radius:15px;}
}
@media all and (max-width:568px){
	[data-subarea="railway"] .img_list li										{ width:calc((100% - 20px) / 3); }
}
@media all and (max-width:468px){
	[data-subarea="railway"] .img_list li										{ width:calc((100% - 10px) / 2); }
}

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

					MICE·단체관광

**********************************************************************/	
[data-subarea="mice"] .top_img_box											{ background-color:#eff9f1;background-image:url(/resource/tour/images/contents/bg_mice.png);}
[data-subarea="mice"] .top_img_box > dl > dt								{ color:#1f873d;}
[data-subarea="mice"] .basic_ul > li .basic_p								{ font-size:.94em;}
[data-subarea="mice"] table.basic_table tbody tr th:nth-last-of-type(1)		{ border-right-width:1px;}

table.basic_table .basic_ul>li>ul, .line_dot								{ margin-top:4px;}
table.basic_table .basic_ul>li>ul>li, .line_dot > li						{ font-size:.94rem;}


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

						 전북투어패스

**********************************************************************/	
[data-subarea="tourpass"] .top_img_box										{ background-color:#fbf8f0;background-image:url(/resource/tour/images/contents/bg_tourpass.png);}
[data-subarea="tourpass"] .top_img_box > dl > dt							{ color:#e15c1c;}
[data-subarea="tourpass"] .pass_list										{ display:flex;gap: 20px;flex-flow:row wrap;margin-bottom:10px;}
[data-subarea="tourpass"] .pass_list > li									{ width:calc((100% - 60px) / 4);}
[data-subarea="tourpass"] .pass_list > li > a								{ display: block;overflow:hidden;transition:var(--trans-ani);}
[data-subarea="tourpass"] .pass_list > li > a .img							{ position:relative;width:100%;height:0;padding-top:100%;display:block;width: 100%;overflow:hidden;border-radius: 15px;border:2px solid transparent;}
[data-subarea="tourpass"] .pass_list > li > a .img	img						{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);
																				-webkit-transform:translate(-50%,-50%); -moz-transform: translate(-50%,-50%); object-fit:cover; -o-object-fit:cover;transition:var(--trans-ani); }
[data-subarea="tourpass"] .pass_list > li > a:focus .img,
[data-subarea="tourpass"] .pass_list > li > a:hover .img					{ border-color:var(--color-point);}
[data-subarea="tourpass"] .pass_list > li > a:focus .img img,
[data-subarea="tourpass"] .pass_list > li > a:hover .img img				{ transform:translate(-50%,-50%) scale(1.1);}
[data-subarea="tourpass"] .pass_list > li > a .text							{ margin-top: 1.125em;display:flex;flex-flow:column;text-align: center;} 
[data-subarea="tourpass"] .pass_list > li > a .text	span					{ color:var(--color-point);}
[data-subarea="tourpass"] .pass_list > li > a .text	strong					{ font-size: 1.167em;font-weight:700;}

[data-subarea="tourpass"] .basic_table td .img								{ position:relative;width:100%;height:0;padding-top: 66.67%;border-radius:8px;overflow:hidden;margin-bottom:10px;}
[data-subarea="tourpass"] .basic_table td .img img							{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);
																				-webkit-transform:translate(-50%,-50%); -moz-transform: translate(-50%,-50%); object-fit:cover; -o-object-fit:cover; }

.store_list																	{ display:flex;flex-flow:row wrap;gap: 20px;}
.store_list > li															{ width:calc((100% - 40px) / 3);border:1px solid #e5e5e5;border-radius:15px;overflow: hidden;}
.store_list > li > .img														{ position:relative;display:block;width:100%;height:0;padding-top: 66.5%;overflow:hidden;border-radius: 0 0 15px 15px;}
.store_list > li > .img img													{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);
																				-webkit-transform:translate(-50%,-50%); -moz-transform: translate(-50%,-50%); object-fit:cover; -o-object-fit:cover;transition:var(--trans-ani); }
.store_list > li > .text													{ padding:1.5em 1.25em;}
.store_list > li > .text dt													{ display:flex;flex-flow: column;padding-bottom: 1.25em;gap: .25em;border-bottom: 1px dashed #e5e5e5;text-align: center;align-items: center;}
.store_list > li > .text dt strong											{ font-size: 1.25em;font-weight:700;}
.store_list > li > .text dt span											{ font-size: 1em;color: #fff;border-radius: 5px;padding: .25em .75em;display: inline-block;background: Var(--color-point);}
.store_list > li > .text dd													{ padding-top:1.125em}
.store_list > li > .text dd .small_dot										{ margin-top:0;color: #444;}

[data-subarea="tourpass"] .box_text_line ol.list							{ position:relative; counter-reset:title; display:flex; flex-wrap:wrap; gap:1em 1.5em;  }
[data-subarea="tourpass"] .box_text_line ol.list > li						{ width: calc((100% - 3em) / 3); font-size:1.067em; position:relative; padding-left:32px; line-height:1.3em; display:flex; align-items:baseline; font-weight:500; }
[data-subarea="tourpass"] .box_text_line ol.list > li::before				{ counter-increment:title; content:counter(title) " "; display:flex; justify-content:center; align-items:center; position:absolute; left:0px; top:-1px; width:25px;
																				 height:25px; box-sizing:border-box; background:var(--color-point); border-radius:100%; line-height:1em; font-size:13px; font-weight:600; text-align:center; color:#fff; 
																					transition:all ease 0.2s}
[data-subarea="tourpass"] .store_list > li .small_dot>li::before			{ top:9px; }
@media all and (max-width:1468px){
	[data-subarea="tourpass"] .pass_list,
	.store_list																{ gap:16px;}
	[data-subarea="tourpass"] .pass_list >li								{ width:calc((100% - 48px) / 4);}
	.store_list >li															{ width:calc((100% - 32px) / 3);}
}
@media all and (max-width:1168px){
	[data-subarea="tourpass"] .pass_list,
	.store_list																{ gap:20px 10px;}
	[data-subarea="tourpass"] .pass_list >li								{ width:calc((100% - 30px) / 4);}
	.store_list >li															{ width:calc((100% - 20px) / 3);}
}
@media all and (max-width:1024px){
	[data-subarea="tourpass"] .box_text_line ol.list > li					{ padding-left:30px;}
	[data-subarea="tourpass"] .box_text_line ol.list > li::before			{ width:22px;height:22px;}
}
@media all and (max-width:968px){
	[data-subarea="tourpass"] .pass_list >li,
	.store_list >li															{ width:calc((100% - 10px) / 2);}
	[data-subarea="tourpass"] .pass_list > li > a .text strong				{ font-size:1.25em;}
}
@media all and (max-width:568px){
	[data-subarea="tourpass"] .pass_list >li,
	.store_list >li															{ width:100%;}
	[data-subarea="tourpass"] .box_text_line ol.list > li					{ width: calc((100% - 1.5em) / 2);}
	.store_list > li .small_dot>li::before									{ top:8px; }
}
@media all and (max-width:368px){
	[data-subarea="tourpass"] .box_text_line ol.list > li					{ width: 100%;}
}


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

					무장애관광

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


[data-subarea="barrier-free"] .top_img_box											{ background-color:#fff7f7;background-image:url(/resource/tour/images/contents/bg_barrier-free.png);}
[data-subarea="barrier-free"] .top_img_box dl > dt									{ color:#dd605c;}
[data-subarea="barrier-free"] .top_img_box dl > dd									{ opacity:1;}
[data-subarea="barrier-free"] .top_img_box dl > dd > span							{ opacity:.74;}
[data-subarea="barrier-free"] .top_img_box .basic_btn .white 						{ border-color:#e5dbdb;}
[data-subarea="barrier-free"] .top_img_box .basic_btn .white:focus,
[data-subarea="barrier-free"] .top_img_box .basic_btn .white:hover					{ border-color:#dd605c;}
[data-subarea="barrier-free"] .division_right .basic_ul > li a[target="_blank"]		{ color: var(--color-point);padding-bottom: 1px;border-bottom: 1px solid var(--color-point);}
[data-subarea="barrier-free"] .subswiper											{ padding:0;}
[data-subarea="barrier-free"] .subswiper .swiper									{ width:calc(100% + 20px);margin-left:-10px; margin-right:-10px;border-radius:none;}
[data-subarea="barrier-free"] .subswiper .swiper .swiper-slide						{ width:33.3%;}
[data-subarea="barrier-free"] .subswiper .swiper .swiper-slide .slide_item			{ margin:0 10px;border-radius:15px;overflow:hidden;}
[data-subarea="barrier-free"] .subswiper .swiper .swiper-slide .slide_item .img		{ position:relative;width:100%;height:0;padding-top: 63.5%;display:block;width: 100%;overflow:hidden;}
[data-subarea="barrier-free"] .subswiper .swiper .swiper-slide .slide_item .img img	{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);}

[data-subarea="barrier-free"] .facility												{ display:flex;gap:6px;flex-flow:row wrap;}
[data-subarea="barrier-free"] .facility li											{ flex:0 1 auto;font-size: 1rem;padding: .75em 1.125em;border-radius:10px;border: 1px solid var(--color-point);color: var(--color-point);}
[data-subarea="barrier-free"] .facility li:before									{ display:none}
[data-subarea="barrier-free"] .facility li + li										{ margin-top:0;}

[data-subarea="barrier-free"] .course												{ display:flex; flex-wrap:wrap; margin-top:0; position:relative; justify-content:flex-start; --sizePadding:50px; margin-right:calc(var(--sizePadding) * -1); overflow:hidden;}	
[data-subarea="barrier-free"] .course::before										{ position:absolute; width:calc(100% - var(--sizePadding));left:0;top:calc(50% - 1.15em);transform:translateY(-50%);content:'';border-style:dashed;
																						border-width:1px 1px 1px 0;border-color:#c0bbbb;border-radius:0 25px 25px 0;z-index:1;}
[data-subarea="barrier-free"] .course::after										{ position:absolute;width: calc(100% - var(--sizePadding));height: 15px;left:0;top:calc(50% - 1.15em);transform:translateY(-50%);content:'';background: #ededed;}
[data-subarea="barrier-free"] .course>li 											{ position:Relative;width: calc(100% / 5);flex: none;z-index: 1;padding-right:var(--sizePadding);}	
[data-subarea="barrier-free"] .course>li::before									{ content:'';display:block;position:absolute;top:calc(50% - 1.15em);right: calc((var(--sizePadding) - 22px) /2);width: 22px;transform: translateY(-50%);height: 22px;
																						background:var(--color-point); border-radius:100%;}					
[data-subarea="barrier-free"] .course>li::after										{ content:'';display:block;position:absolute;top:calc(50% - 1.15em);right: calc((var(--sizePadding) - 6px) /2);transform: translateY(-50%);display:inline-block; 
																						width:5px; height:10px; background:url(/resource/tour/images/common/icon_next.svg) no-repeat 50% 50% / auto 10px;filter:invert(1);}
[data-subarea="barrier-free"] .course>li:last-child::before,
[data-subarea="barrier-free"] .course>li:last-child::after							{ display:none;}
[data-subarea="barrier-free"] .course>li .img										{ position:relative;width: 100%;height:0;padding-top:100%;overflow:hidden;border-radius:20px;}
[data-subarea="barrier-free"] .course>li .img img									{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);}
[data-subarea="barrier-free"] .course>li dl											{ position:relative; z-index:2; margin-top:-25px; }
[data-subarea="barrier-free"] .course>li dl::before									{ position:absolute; width:50px; height:50px; border-radius:100%; content:''; left:50%; top:0; transform:translateX(-50%); background:var(--color-white);}
[data-subarea="barrier-free"] .course>li dl>dt										{ position:relative; text-align:center; color:var(--color-point); z-index:2; line-height:2.5; opacity:.74;  }
[data-subarea="barrier-free"] .course>li dl>dd										{ position:relative; z-index:3; width:100%; text-align:center; font-weight:500; margin-top:-5px;  }

@media all and (max-width:1368px){
	[data-subarea="barrier-free"] .box												{ padding:1.875em 0;}
}
@media all and (max-width:1168px){
	[data-subarea="barrier-free"] .subswiper .swiper .swiper-slide .slide_item		{ margin:0 5px;}
}
@media all and (max-width:1024px){
	[data-subarea="barrier-free"] .facility li										{ font-size:.94rem}
}
@media all and (max-width:968px){
	[data-subarea="barrier-free"] .course											{ margin-right:0; --sizePadding: 40px;}
	[data-subarea="barrier-free"] .course>li										{ width:calc(100% / 3);}
	[data-subarea="barrier-free"] .course>li:nth-child(n+4)							{ margin-top:2em;}
	[data-subarea="barrier-free"] .course::before,							
	[data-subarea="barrier-free"] .course::after									{ display:none;}
	[data-subarea="barrier-free"] .course>li dl										{ font-size:1.1em;}
}
@media all and (max-width:868px){
	[data-subarea="barrier-free"] .top_img_box										{ background-position:right bottom;}
	[data-subarea="barrier-free"] .facility li										{ font-size:.9rem;padding: .625em 1em;border-radius: 8px;}
	[data-subarea="barrier-free"] .course>li .img									{ border-radius:15px;}
}
@media all and (max-width:768px){
	[data-subarea="barrier-free"] .subswiper .swiper								{ width:100%;margin:0;}
	[data-subarea="barrier-free"] .subswiper .swiper .swiper-slide					{ width:100%;}
	[data-subarea="barrier-free"] .subswiper .swiper .swiper-slide .slide_item		{ margin:0;}
	[data-subarea="barrier-free"] .course>li										{ width:calc(100% / 2);}
	[data-subarea="barrier-free"] .course>li:nth-child(n+3)							{ margin-top:2em;}
	[data-subarea="barrier-free"] .course>li dl 									{ margin-top: -20px;}
	[data-subarea="barrier-free"] .course>li dl::before								{ width:40px;height:40px;}
	[data-subarea="barrier-free"] .subswiper .control								{ background:var(--color-white); bottom:5px; }
	[data-subarea="barrier-free"] .subswiper .swiper_prev, 
	[data-subarea="barrier-free"] .subswiper .swiper_next							{ top:calc(50% - 5px); }
}
@media all and (max-width:568px){
	[data-subarea="barrier-free"] .course>li::before								{ top:calc(50% - 1.55em); }
	[data-subarea="barrier-free"] .course>li::after									{ top:calc(50% - 1.55em); }
}
@media all and (max-width:468px){
	[data-subarea="barrier-free"] .course											{ --sizePadding:30px;}
	[data-subarea="barrier-free"] .course>li::before								{ width:20px;height:20px;right: calc((var(--sizePadding) - 20px) /2);}
}

@media all and (max-width:368px){
	[data-subarea="barrier-free"] .top_img_box										{ background-size: auto 40%;}
	[data-subarea="barrier-free"] .top_img_box	.basic_btn							{ margin-top:10px;}
}


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

					관광안내소

**********************************************************************/	
[data-subarea="information"] .info_list > li 											{ border:1px solid #e5e5e5;border-radius:20px;background:#fff;padding:3em;display:flex;justify-content: space-between;flex-wrap:wrap;gap:4em;--sizeImg:480px;
																							align-items:center;}
[data-subarea="information"] .info_list > li + li										{ margin-top:2em;}
[data-subarea="information"] .info_list > li .img_wrap									{ width:var(--sizeImg);border-radius:12px;overflow:hidden;}
[data-subarea="information"] .info_list > li .img_wrap img								{ width:100%;}
[data-subarea="information"] .info_list > li .text_wrap									{ width:calc((100% - var(--sizeImg)) - 4em);}
[data-subarea="information"] .info_list > li .text_wrap	strong							{ font-size:2em;font-family: var(--font-gmarket);font-weight:bold;line-height: 1.1;display: block;margin-top:.25em;}
[data-subarea="information"] .info_list > li .text_wrap .text							{ margin-top:1.25em;}
[data-subarea="information"] .info_list > li .text_wrap .text dl 						{ display:flex;gap: 1.5em;align-items:flex-start;--sizeTit:110px;justify-content: space-between;}
[data-subarea="information"] .info_list > li .text_wrap .text dl + dl					{ margin-top:.75em;}
[data-subarea="information"] .info_list > li .text_wrap .text dl > dt					{ position:Relative;padding-left: 28px;font-size:1.1em;font-weight:600;color:var(--color-point);width:var(--sizeTit);}
[data-subarea="information"] .info_list > li .text_wrap .text dl > dt::before			{ content:'';position:absolute;left:0;top: 50%;transform: translateY(-50%);width: 18px;height: 18px;display:block;background-repeat:no-repeat;
																							background-size: auto 18px;background-position: center;}
[data-subarea="information"] .info_list > li .text_wrap .text dl.loc> dt::before		{ background-image:url(/resource/tour/images/contents/icon_info01.svg);}
[data-subarea="information"] .info_list > li .text_wrap .text dl.call > dt::before		{ background-image:url(/resource/tour/images/contents/icon_info02.svg);}
[data-subarea="information"] .info_list > li .text_wrap .text dl.time > dt::before		{ background-image:url(/resource/tour/images/contents/icon_info03.svg);}
[data-subarea="information"] .info_list > li .text_wrap .text dl.date > dt::before		{ background-image:url(/resource/tour/images/contents/icon_info04.svg);}
[data-subarea="information"] .info_list > li .text_wrap .text dl.service > dt::before	{ background-image:url(/resource/tour/images/contents/icon_info05.svg);}
[data-subarea="information"] .info_list > li .text_wrap .text dl > dd					{ font-size:1.1em;color:var(--color-base2);width:calc((100% - var(--sizeTit)) - 1.5em);}
[data-subarea="information"] .info_list > li .text_wrap .text  .ico_list				{ display:flex;justify-content: space-between;gap:16px;flex-wrap:wrap;}
[data-subarea="information"] .info_list > li .text_wrap .text  .ico_list > li			{ width: calc((100% - 16px) / 2);}

@media all and (max-width:1468px){
	[data-subarea="information"] .info_list > li 								{ gap:3em;padding:2.5em;--sizeImg:460px;}
	[data-subarea="information"] .info_list > li + li							{ margin-top:1em;}
	[data-subarea="information"] .info_list > li .text_wrap						{ width:calc((100% - var(--sizeImg)) - 3em);}
	[data-subarea="information"] .info_list > li .text_wrap strong				{ font-size:1.875em;}
	[data-subarea="information"] .info_list > li .text_wrap .text dl			{ gap:1.25em;}
	[data-subarea="information"] .info_list > li .text_wrap .text dl > dd		{ width:calc((100% - var(--sizeTit)) - 1.25em);}
}
@media all and (max-width:1268px){
	[data-subarea="information"] .info_list > li 								{ gap:2.5em;padding:2.25em;--sizeImg:420px;}
	[data-subarea="information"] .info_list > li .text_wrap						{ width:calc((100% - var(--sizeImg)) - 2.5em);}
	[data-subarea="information"] .info_list > li .text_wrap strong				{ font-size:1.75em;}
	[data-subarea="information"] .info_list > li .text_wrap .text				{ margin-top:1em;}
	[data-subarea="information"] .info_list > li .text_wrap .text dl			{ --sizeTit: 100px;}
	[data-subarea="information"] .info_list > li .text_wrap .text dl > dt		{ font-size:1.063em;padding-left:24px;}
	[data-subarea="information"] .info_list > li .text_wrap .text dl > dt::before{ width:16px;height:16px;background-size:auto 16px;}
	[data-subarea="information"] .info_list > li .text_wrap .text dl > dd		{ font-size:1.063em;}
}
@media all and (max-width:1024px){
	[data-subarea="information"] .info_list > li 								{ gap:2em;padding:2em;--sizeImg:360px;}
	[data-subarea="information"] .info_list > li .text_wrap						{ width:calc((100% - var(--sizeImg)) - 2em);}
}
@media all and (max-width:868px){
	[data-subarea="information"] .info_list > li 								{ flex-flow:column;}
	[data-subarea="information"] .info_list > li .img_wrap						{ width:80%;}
	[data-subarea="information"] .info_list > li .text_wrap						{ width:100%;}
	[data-subarea="information"] .info_list > li .text_wrap	strong				{ font-size:1.625em;}
	[data-subarea="information"] .info_list > li .text_wrap .text				{ margin-top:.75em;}
	[data-subarea="information"] .info_list > li .text_wrap .text dl			{ gap:1.125em;}
}
@media all and (max-width:668px){
	[data-subarea="information"] .info_list > li 								{ gap:1.5em;padding:1.5em;}
	[data-subarea="information"] .info_list > li .img_wrap						{ width:100%;}
	[data-subarea="information"] .info_list > li .text_wrap	strong				{ font-size:1.5em;}
	[data-subarea="information"] .info_list > li .text_wrap .text dl			{ gap:1em;}
}

@media all and (max-width:568px){
	[data-subarea="information"] .info_list > li 								{ padding:1.25em;}
	[data-subarea="information"] .info_list > li .text_wrap .text dl			{ gap:.5em;flex-flow: column;align-items: flex-start;}
	[data-subarea="information"] .info_list > li .text_wrap .text dl + dl		{ margin-top:.75em;}
	[data-subarea="information"] .info_list > li .text_wrap .text dl > dd		{ width:100%;}
}


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

					문화관광해설사란?

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

[data-subarea="commentator"] .top_img_box							{ background-color:var(--color-light-blue);background-image:url(/resource/tour/images/contents/bg_commentator.png);}
[data-subarea="commentator"] .division_right .basic_p				{ color:var(--color-base);font-size: 1.13rem;}
[data-subarea="commentator"] .division_right .basic_ul > li a		{ color: var(--color-point);padding-bottom: 1px;border-bottom: 1px solid var(--color-point);}
[data-subarea="commentator"] .date 									{ display:flex;justify-content: space-between;gap:16px;flex-wrap:wrap;}
[data-subarea="commentator"] .date li								{ width: calc((100% - 16px) / 2);border-radius: 12px;padding: 1.25em;font-weight: 600;font-size: 1.1em;background: var(--color-gray);display: flex;align-items: center;gap: .625em;}
[data-subarea="commentator"] .date li::before						{ content:'';display:inline-block;width:20px;height:20px;background:url(/resource/tour/images/contents/icon_calendar.svg) no-repeat center center / 100%;}

@media all and (max-width:1568px){
	[data-subarea="commentator"] .date 							{ gap:8px;}
	[data-subarea="commentator"] .date li						{ width: calc((100% - 8px) / 2);}
}
@media all and (max-width:1468px){
	[data-subarea="commentator"] .date 							{ gap:5px;}
	[data-subarea="commentator"] .date li						{ width: calc((100% - 5px) / 2);}
}
@media all and (max-width:1024px){
	[data-subarea="commentator"] .division_right .basic_p		{ font-size: 1.03rem;}
}
@media all and (max-width:868px){
	[data-subarea="commentator"] .division_right .basic_p		{ font-size: 1rem;}
}
@media all and (max-width:568px){
	[data-subarea="commentator"] .date li						{ width: 100%;}
}


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

					관광지도 자료실

**********************************************************************/	
[data-subarea="guidemap"] .guide_map							{ display:flex;gap: 2em;justify-content: space-between;flex-wrap:wrap;} 
[data-subarea="guidemap"] .guide_map > li						{ position:relative;width: calc((100% - 2em) / 2);padding:2em;display:flex;align-items: center;gap:2em;flex-wrap:wrap;--sizeImg: 240px;background: #fff;border: 1px solid #e5e5e5;
																	border-radius: 20px 100px 20px 20px;}
[data-subarea="guidemap"] .guide_map > li .img_wrap				{ width:var(--sizeImg);border-radius: 4px;overflow: hidden;}
[data-subarea="guidemap"] .guide_map > li .img_wrap	img			{ width:100%;}
[data-subarea="guidemap"] .guide_map > li .text_wrap			{ width:calc((100% - var(--sizeImg)) - 2em);}
[data-subarea="guidemap"] .guide_map > li .text_wrap strong		{ font-family: var(--font-gmarket);font-weight:bold;font-size: 1.75em;display: block;line-height: 1.1;}
[data-subarea="guidemap"] .guide_map > li .text_wrap .basic_btn a span:after{opacity:.64;}
[data-subarea="guidemap"] .guide_map > li .text_wrap .basic_btn .view span::after{filter:inherit;}
[data-subarea="guidemap"] .guide_map > li .text_wrap .basic_btn .download.gray span:after{filter: invert(100%) sepia(98%) saturate(0%) hue-rotate(356deg) brightness(0) contrast(103%);}
[data-subarea="guidemap"] .guide_map > li .text_wrap .basic_btn a[target="_blank"] span::after	{ filter:none;}

@media all and (max-width:1468px){
	[data-subarea="guidemap"] .guide_map												{ gap:1em;}
	[data-subarea="guidemap"] .guide_map > li											{ padding:1.875em;width: calc((100% - 1em) / 2);--sizeImg:220px;}
	[data-subarea="guidemap"] .guide_map > li .text_wrap strong							{ font-size:1.5em;}
}
@media all and (max-width:1268px){
	[data-subarea="guidemap"] .guide_map > li											{ width:100%;padding:1.75em;gap:1.5em;}
}
@media all and (max-width:1024px){
	[data-subarea="guidemap"] .guide_map > li											{ border-radius: 20px 80px 20px 20px;--sizeImg:200px;}
}
@media all and (max-width:868px){
	[data-subarea="guidemap"] .guide_map > li											{ border-radius: 15px 60px 15px 15px;--sizeImg:180px;padding:1.5em;}
}
@media all and (max-width:568px){
	[data-subarea="guidemap"] .guide_map > li											{ border-radius: 15px;--sizeImg:140px;}
	[data-subarea="guidemap"] .guide_map > li .text_wrap .basic_btn						{ margin-top:10px;}
}
@media all and (max-width:468px){
	[data-subarea="guidemap"] .guide_map > li											{ padding:1.25em;}
	[data-subarea="guidemap"] .guide_map > li .img_wrap									{ margin:0 auto;}
	[data-subarea="guidemap"] .guide_map > li .text_wrap								{ width:100%;text-align:center;}
	[data-subarea="guidemap"] .guide_map > li .text_wrap .basic_btn .button				{ width:100%;}
}