@charset "utf-8";
.flex         {display:flex;flex-wrap:wrap;align-items:center;}
/* CSS Document */
#boardWrap {margin-top:70px; max-width:1500px; width:94%;}
/* 제목 */
.title_h4                 { position:relative; margin-top:1.92em; margin-bottom:.77em; font-size:1.63em; color:var(--color-base); font-weight:bold; line-height:1.28; padding-top:.5em;}
.title_h4:before          { content:''; position:absolute; top:0; left:0; width:30px; height:12px; background:url("/resource/gangcheonsan/images/contents/title_h4.svg")no-repeat; }
.title_h4:first-child                       { margin-top:0; }
.title_h5 { position:relative; margin-top:1.54em; margin-bottom:10px; font-size:1.25em; color:var(--color-point);}
.title_h4 span,
.title_h5 span{ font-weight:400 }

/* box_list */
.box_list																{display:flex;gap:0 1.25em;flex-wrap:wrap;}
.box_list.col03 > li													{width:calc((100% - 2.5em) / 3)}
.box_list > li															{width:calc((100% - 3.75em) / 4);background:#f8f8f8;border-radius:12px;padding:1.875em;}
.box_list > li dt														{font-size:1.125em;font-weight:700;margin-bottom:.5em;}
.box_list > li dd														{color:var(--color-base1);}
.h5_title + .box_list		{margin-left:10px}

/* basic_box */
.basic_box					{position:relative; border:1px solid #ddd; padding:1em 1.5em; font-size:1.1em; border-radius:.5em; margin-top:1em}
.basic_box:has(>*)			{font-size:1em;}

.basic_box dt				{font-size:1.1em; font-weight:600; margin-bottom:.5em}

.basic_box .alarm			{display:flex; flex-wrap:wrap; align-items:center; align-items:center; position:relative; padding-left:1.5em; font-size:1.1em}
.basic_box .alarm i			{position:absolute; width:20px; height:20px; border-radius:50%; background:var(--color-pink); display:block; top:4px; left:0;}
.basic_box .alarm i:before	{content:"!"; color:#fff; display:flex; align-items:center; justify-content:center; font-weight:bold; position:absolute; top:-.01em; left:0; right:0; bottom:0; margin:auto; width:1em; height:1em; line-height:1; text-align:center;}

.h5_title + .basic_box		{margin-left:10px}

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

.h5_title + .basic_ul	{margin-left:1em}
.basic_box .basic_ul	{margin-top:0; margin-left:0;}

/* 테이블 */
table													{ border-spacing:0; border-collapse:collapse; color:var(--color-base);}
table.basic_table										{ width:100%; margin-top:20px; border-top:2px solid var(--color-point);}
table.basic_table.ml25									{ width:calc(100% - 25px); }
table.basic_table thead th								{ padding:15px 10px; background:#f3f3f3; border:1px solid #ddd; font-weight:600;  font-size:1.06em}
table.basic_table thead tr:nth-of-type(1) th			{ border-top-width:0px; }
table.basic_table thead tr.none th						{ border-bottom-width:0px;}
table.basic_table thead tr.none + tr th					{ border-top:1px solid #ddd;}
table.basic_table thead th[rowspan]						{ border-right:1px solid #ddd;}
table.basic_table tbody th								{ background-color:#f8f9fa; border:1px solid #ddd; }
table.basic_table th,
table.basic_table td									{ padding:15px 10px; letter-spacing:-0.5px; line-height:1.4; word-break:keep-all; }
table.basic_table td small								{ font-size:.75em; }
table.basic_table td.bg_light_blue						{ background:var(--color-light-blue); }
table.basic_table td strong								{ font-weight:bold }
table.basic_table td:has(.basic_ul),
table.basic_table td:has(.list_num)						{ text-align:left; }
table.basic_table td .basic_ul,
table.basic_table td .list_num							{ margin-top:0; }
table.basic_table td .basic_ul li,
table.basic_table td .list_num li						{ font-size:1em; }
table.basic_table td .basic_ul>li:before				{ top:6px; }
table.basic_table td .list_num>li:before				{ top:-1.5px; }
table.basic_table th									{ text-align:center; }
table.basic_table * + textarea							{ margin-top:.5em }

/* tbody */
table.basic_table thead + tbody tr td					{ text-align:center;}
table.basic_table tbody td								{ background:#fff; border:1px solid #ddd;text-align:left; border-top:none}
table.basic_table tbody tr td:nth-of-type(1),
table.basic_table tbody tr th:nth-of-type(1),
table.basic_table thead tr th:nth-of-type(1)			{ border-top-width:0px; border-left-width:0;}
table.basic_table tbody tr td:nth-last-of-type(1),
table.basic_table tbody tr th:nth-last-of-type(1),
table.basic_table thead tr th:nth-last-of-type(1)		{ border-right-width:0;}
table.basic_table tbody th								{ background:#fafafa; font-weight:400 }
table.basic_table tbody tr th:nth-of-type(1)			{ border-right-width:1px; }
table.basic_table tbody tr th:nth-of-type(2):nth-last-of-type(1) { border-right-width: 1px; }
/*
#content .scrollTable									{ width:100%;}
#content .mob_info										{ display:none; position:relative; width:100%; box-sizing:border-box; margin-top:10px; padding:5px 0 5px 22px; font-size:.9rem;}
#content .mob_info:before								{ content:''; display:block; position:absolute; top:8px; left:0px; width:15.5px; height:15px; background:url(/resource/gangcheonsan/images/common/img_drag.svg) no-repeat 50% 0; background-size:100%; opacity:.64}
*/

/* button */
.btn_wrap							{margin-top:1em; display:flex; flex-wrap:wrap; gap:1em;}
.btn_wrap.center					{justify-content:center;}
.basic_btn							{background:var(--color-point); padding:.8em 1.5em; color:#fff; font-size:1.1em; border-radius:.5em; display:flex; flex-wrap:wrap; align-items:center; width:max-content; gap:1em; max-width:100%; margin-top:0;}
.basic_btn[target="_blank"]:after	{content:"";display:block;width:1em;height:1em;background:url(/resource/gangcheonsan/images/common/icon_blankW.svg) no-repeat 50% 50%;}
.basic_btn.down:after				{content:"";display:block;width:1em;height:1em;background:url(/resource/gangcheonsan/images/contents/icon/icon_fileW.svg) no-repeat 50% 50%;}
.basic_btn.small					{padding:.6em 1em; font-size:.9em;}
li .basic_btn.small					{margin-top:10px}
.h5_title + .btn_wrap				{margin-left:10px;}

/* btn_list */
.btn_list						{margin-bottom:1em;border:1px solid #ddd; border-radius:.5em; overflow:hidden;}
.btn_list li					{position:relative;}
.btn_list li:not(:first-child)	{border-top:1px solid #ddd;}
.btn_list li:before				{content:""; display:block; width:0; height:100%; background:#f4f4f4; position:absolute; top:0; left:0;}
.btn_list li:hover:before		{width:100%; transition:all .5s;}
.btn_list a						{padding:1em 1.5em; display:block; position:relative; padding-right:3em;}
.btn_list a:after				{content:""; display:block; width:1em; height:1em; background:url(/resource/gangcheonsan/images/contents/icon/icon_file.svg) no-repeat center; position:absolute; top:0; bottom:0; right:1.5em; margin:auto;}

/* link */
.a_link			{display:inline-block; position:relative; text-decoration:underline; color:var(--color-blue); word-break:break-all;}
.a_link:after	{content:"";display:inline-block;width:13px;height:13px;background:url(/resource/gangcheonsan/images/common/icon_blank.svg) no-repeat center;margin-left:.3em;filter: invert(11%) sepia(100%) saturate(5943%) hue-rotate(238deg) brightness(87%) contrast(98%);}


@media all and (max-width:1368px) {
	/* title */
	.h4_title												{font-size:1.53em;padding-left:30px;}
	.h4_title::before										{top:3px;width:22px;height:22px;}

	/* box_list */
	.box_list > li											{padding:1.5em;}

  	/* basic_box */
	.basic_box .alarm										{line-height:1.05em;}
	.basic_box .alarm i										{top:-2px; left:-2px}

    /* list text */
	.basic_ul>li								{ font-size:1.1rem; }
	.basic_ul>li:before							{ top:7.5px; }
	.line_dot>li,
	.basic_ul>li>ul>li							{ font-size:1rem;}
	.line_dot>li::before,
	.basic_ul>li>ul>li::before					{ top:8.5px; }
	.small_dot>li,
	.basic_ul>li>ul>li>ul>li					{ font-size:.95rem; }
	.small_dot>li::before,
	.basic_ul>li>ul>li>ul>li::before			{ top:6px; }
}

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

	/* box_list */
	.box_list												{gap:0 .7em}
	.box_list > li											{width: calc((100% - 2.1em) / 4);}
	.box_list.col03 > li									{width:calc((100% - 1.4em) / 3)}

}


@media all and (max-width:1024px) {
	/* title */
	.h5_title:before							{top:4px}
	.h5_title:after								{top:8px}

    /* list text */
	.basic_ul>li								{ font-size:1.03rem; }
	.basic_ul>li:before							{ top:8px; width:5px; height:5px; }
	.basic_ul>li>ul>li,
	.line_dot>li								{ font-size:.98rem;}
	.basic_ul>li>ul>li::before,
	.line_dot>li::before						{ top:7.5px;  }
	.small_dot>li,
	.basic_ul>li>ul>li>ul>li					{ font-size:.9rem; }
	.small_dot>li::before,
	.basic_ul>li>ul>li>ul>li::before			{ top:5px; }

	/* 테이블 */
	table.basic_table tbody th, 
	table.basic_table td						{ font-size:.92rem; }
    #content .scrollTable						{ overflow:auto;}
    #content .scrollTable .basic_table,
  	#boardWrap .view_table .view_con table		{ width:1024px; margin-top:0px;}
    #content .mob_info							{ display:block; margin-bottom:5px;}
    table.basic_table thead th					{ padding:13px 9px;}
	
	table.basic_table .basic_ul>li				{ font-size:.92rem; }
	table.basic_table .basic_ul>li+li			{ margin-top:5px; }
	table.basic_table .basic_ul>li:before		{ top:6px; }
}

@media all and (max-width:868px) {
	/* title */
	.h4_title												{font-size:1.43em;padding-left:25px;}
	.h4_title::before										{top: 2.5px;width: 20px;height: 20px;}

	/* box_list */
	.box_list												{gap:10px;}
	.box_list > li											{width: calc((100% - 10px) / 2);border-radius:10px;}

    /* list text */
	.basic_ul>li								{ font-size:1rem; }
	.basic_ul>li:before							{ top:7px; }
	.basic_ul>li>ul>li,
	.line_dot>li								{ font-size:.95rem;}
	.basic_ul>li>ul>li>ul>li,
	.small_dot>li								{ font-size:.88rem; }
	.basic_ul>li>ul>li>ul>li::before,
	.small_dot>li::before						{ top:6px; }
	.list_num>li								{ font-size:1rem; }
}

@media all and (max-width:468px) {
	/* box_list */
	.box_list												{gap:6px;}
	.box_list > li											{width: 100%;border-radius:8px;padding:1.25em;}
}

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

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

}

/* 컨텐츠 안 탭메뉴 */
.area_tab                   { position:relative; margin-bottom:1.88em; border-radius:10px; padding:.94em; background:var(--color-gray)}
.area_tab .list                 { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; gap:5px}
.area_tab .list > li              { display:flex; flex:auto; justify-content:center; align-items:center;}
.area_tab .list > li > a,
.area_tab .list > li > button         { display:flex; justify-content:flex-start; align-items:center; position:relative; width:100%; box-sizing:border-box; padding:1.06em 2.5em 1.06em .94em; border-radius:8px; text-align:center; 
                          transition:var(--trans-ani); background:var(--color-white); letter-spacing:-.045em; border:1px solid var(--color-line) }
.area_tab .list > li > a>span,
.area_tab .list > li > button>span        { opacity:.84; font-size:1.03em; line-height:1.15; }
.area_tab .list > li > a::after,
.area_tab .list > li > button::after      { content:''; display:block; position:absolute; width:7px; height:7px; right:1em; top:50%; border-style:solid; border-color:#4d4d4d; border-width:1px 1px 0 0; 
                          transform:translateY(-50%) rotate(45deg); transition:var(--trans-ani);}
.area_tab .list > li > a.active,
.area_tab .list > li > button.active      { background:var(--color-point); color:var(--color-white); border-color:var(--color-point)  }
.area_tab .list > li > a.active::after,
.area_tab .list > li > button.active::after   { border-color:#fff; }
.area_tab .list > li > a.active>span,
.area_tab .list > li > button.active>span   { opacity:1; }
.conts_tab                    { display:none; }
.conts_tab.active               { display:block; }
@media all and (max-width:968px) {
	.area_tab                					 	{ border-radius:8px; margin-bottom:1.25em; }
	.area_tab .list > li > button       			{ border-radius:6px; }
	.area_tab									{ padding:7px; }
	.area_tab .list > li > a, 
	.area_tab .list > li > button				{ padding:.8em 1.25em .8em .5em; font-size:.85rem; letter-spacing:-.045em }
	.area_tab .list > li > a::after, 
	.area_tab .list > li > button::after		{ right:.75em; }
}

@media all and (max-width:668px) {
  .area_tab .list > li > button::after    { transform:translateY(-65%) rotate(45deg); }
}



/* 서브 비주얼 슬라이드 */
[data-subarea] .sub_slide                           { position:relative; margin:4em 0;}
[data-subarea] .sub_slide::before                   { position:absolute; width:100%; height: calc(100% - 5em); top:5em; left:0; background:#f3f6fb; border-radius:20px; content:''; z-index:-1; }

[data-subarea] .subswiper                                 { position:relative;}
[data-subarea] .subswiper .swiper                         { max-width:1400px; border-radius:20px; overflow:hidden }
[data-subarea] .subswiper .swiper .swiper-slide           { width:100%; }
[data-subarea] .subswiper .swiper .swiper-slide>a         { display:block; position:relative; overflow:hidden; width:100%; height:0; padding-top:45.714%; }
[data-subarea] .subswiper .swiper .swiper-slide>a 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] .subswiper .swiper_control { height:80px }
[data-subarea] .slide_item img + span[data-alt],
[data-subarea] .slide_item picture + span[data-alt]       { position:absolute; width:1px; height:1px; opacity:0; overflow:hidden; z-index:2; text-indent:-9999em; white-space:nowrap; }
[data-subarea] .slide_subject span { font-size:1.125em; font-weight:600 }
[data-subarea] .swiper_auto { width:30px; height:30px; border-radius:100%; background:var(--color-black); }
[data-subarea] .swiper_auto::before,
[data-subarea] .swiper_auto.paused::before  { filter:invert(1); }
@media (max-width:1668px) {
  [data-subarea] .sub_slide								{ padding:0 3%; }
}
  @media (max-width:768px) {
  [data-subarea] .sub_slide                               { margin:2em 0 }
  [data-subarea] .subswiper .swiper .swiper-slide>a       { padding-top:45.714%; }
  [data-subarea] .subswiper .swiper_control               { height:auto; padding:15px 0; gap:0 .5em;}
  [data-subarea] .subswiper .swiper_control .swiper_auto::before	{ background-position:48% 50%; }

  [data-subarea] .slide_subject  { display:block; }
}

@media (max-width:568px) {  
  [data-subarea] .subswiper .swiper .swiper-slide>a       { padding-top:55.714%; }
  [data-subarea] .sub_slide								{ padding:0 5%; }
}
/* 페이지 준비중 */
[data-subarea="prepare"] {position:relative; text-align:center;}
[data-subarea="prepare"]::before{ content:''; display:flex; align-items:center; justify-content:center;  width:120px; height:120px; margin:30px auto 10px; background-color:#ecf0f4; border-radius:50%;  background-image:url("/resource/gangcheonsan/images/contents/prepare.svg"); background-repeat:no-repeat; background-position:center; background-size:40%; }
[data-subarea="prepare"] .t1 { font-family:var(--font-binggrae); font-size:2.25em; color:var(--color-black); margin:0;}
[data-subarea="prepare"] .t2 { font-size:1.125em; }

/**********************************************************************
 					                강천산개요
**********************************************************************/
[data-subarea="introduce"] 							{ position: relative;}

[data-subarea="introduce"] .introduce_tit { font-size:1.563rem; position: relative; padding-bottom:50px; margin-bottom:50px; line-height:1.4}
[data-subarea="introduce"] .introduce_tit strong { font-family: var(--font-binggrae); display:block; font-size:2.5rem; }
[data-subarea="introduce"] .introduce_tit:before { content:''; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:100px; height:1px; background: var(--color-black);}

.basic_list,
.text_list  			        { display:flex; flex-flow:column; gap:2em; font-size:1.125em; line-height:1.6; }

.basic_list strong        { font-weight:600; }
[data-subarea="introduce"] .fs25                     { font-size:1.563rem; line-height:1.2}
[data-subarea="introduce"] .fs30                     { font-size:1.875rem; }


.introduce_img_wrap { position:relative; padding-top:3.75em; margin-bottom:2em;}
.introduce_img_wrap:after  { content:''; position:absolute; top:-50px; left:0px; width:181px; height:88px; background:url("/resource/gangcheonsan/images/contents/introduce_img_bg01.png"); animation: cloudMove 6s ease-in-out infinite;}
.introduce_img_wrap:before { content:'Gangcheon'; font-size:7.5em; color:rgba(0, 0, 0, .05); font-weight:900; position: absolute; top:5px; left:50%; z-index:-1; text-transform: uppercase; letter-spacing: -1px; transform: translateX(-50%);}

.introduce_img { display: flex; justify-content: space-between; align-items: center; height: 430px; position: relative; gap: 60px;}
.introduce_img > div { flex: 1;  display: flex; justify-content: center; align-items: center;}
.introduce_img img { width: 100%; height: 100%; object-fit: cover; border-radius: 20px;}

.introduce_img > div:nth-child(2) { transform: translateY(40px); position: relative;}
.introduce_img > div:nth-child(2)::before { content:''; position:absolute; top: -3.6vw;  right: 2vw; width: 15vw; height: auto; aspect-ratio: 267 / 74; background: url("/resource/gangcheonsan/images/contents/introduce_img_bg02.png") no-repeat center/contain; z-index: -1;}

@media (max-width:1468px) {
  [data-subarea="introduce"] .fs25 br	{ display:none; }
}
@media (max-width:1440px) {
    .introduce_img_wrap:before { font-size:6.5em; }
    .introduce_img { height:400px; gap:50px; }
    .introduce_img img { border-radius:18px; }
    .introduce_img > div:nth-child(2)::before { width:12vw; top:-3.2vw; }
}

@media (max-width:1280px) {
    .introduce_img_wrap        { padding-top:1.875em; margin-bottom:2em}
    .introduce_img_wrap:before { font-size:6em; top:0;}

    .introduce_img { height:370px; gap:40px; }
    .introduce_img img { border-radius:16px; }
    .introduce_img > div:nth-child(2)::before { width:11vw; top:-3vw; }
    .introduce_img_wrap:after { display:none; }
}

@media (max-width: 1024px) {
  [data-subarea="introduce"] .introduce_tit,
  [data-subarea="introduce"] .fs25                    { font-size:1.25rem;}
  [data-subarea="introduce"] .fs30,
  [data-subarea="introduce"] .introduce_tit strong    { font-size:1.563rem; }
  [data-subarea="introduce"] .introduce_tit           { padding-bottom:30px; margin-bottom:30px; }

  .introduce_img_wrap         { padding-top:3.75em; }
  .introduce_img_wrap:before { font-size:5em; top:-10px;}
  .introduce_img { height:inherit; gap:20px; }
  .introduce_img img { border-radius:14px; }
  .introduce_img > div:nth-child(2)          { transform:translateY(0); }
  .introduce_img > div:nth-child(2)::before  { display:none; }
}

@media (max-width:768px) {
  [data-subarea="introduce"] .introduce_tit,
  [data-subarea="introduce"] .fs25                    { font-size:1rem;}
  [data-subarea="introduce"] .fs30,
  [data-subarea="introduce"] .introduce_tit strong    { font-size:1.25rem; }

  [data-subarea="introduce"] .fs25					{ line-height:1.55; }

  .introduce_img_wrap         { padding-top:0; margin:2em 0 }
  .introduce_img_wrap:before { display:none; }
  .introduce_img { flex-direction: column; height:auto; gap:20px; }
  .introduce_img > div                { width:100% }
  .introduce_img img {  height:300px; border-radius:12px; }
  
}

@media (max-width:568px) {
  .introduce_img_wrap:before { font-size:3em; }
  .introduce_img img { height:150px; border-radius:10px; }
}

/**********************************************************************
                          오시는길
**********************************************************************/
[data-subarea="location"] .map_wrap                         { display:flex; flex-wrap:wrap; justify-content:space-between; border:1px solid #ddd;border-radius:1.25em;overflow:hidden;}
[data-subarea="location"] .map_box                          { width:calc(100% - 35em); overflow:hidden; position:relative }
[data-subarea="location"] .map_box .root_daum_roughmap 		{ position:absolute; width:calc(100% + 3px); height:calc(100% + 2px); left:-1px; top:-1px; }
[data-subarea="location"] .map_box .root_daum_roughmap .wrap_map	{ height:100% !important; }
[data-subarea="location"] .info_wrap                        { display:flex;flex-flow:column;gap:2em;width:35em;background:var(--color-point);color:var(--color-white);padding: 3em;}
[data-subarea="location"] .info_wrap .title_h4              { margin-bottom:0;color: var(--color-white); font-family: var(--font-binggrae); font-size:2.5em; padding-top:0;}
[data-subarea="location"] .info_wrap .title_h4:before       { display:none; }
[data-subarea="location"] .info_wrap .map_info > li         { color:var(--color-white);}          
[data-subarea="location"] .info_wrap .map_info > li + li    { margin-top:1.5em}
[data-subarea="location"] .info_wrap .map_info > li  dt     { font-size: 1.25em;font-weight:700;margin-bottom: .25em;}
[data-subarea="location"] .info_wrap .map_info > li  dd     { font-size:1.167em;font-weight:400;;}
[data-subarea="location"] .map_box a[target='_blank']::after{ display:none; }

@media all and (max-width:1440px) {
  [data-subarea="location"] .map_box                        { width:calc(100% - 30em); }
  [data-subarea="location"] .info_wrap                      { width:30em; padding:2.25em }
}
@media all and (max-width:1280px) {
  [data-subarea="location"] .map_box                        { width:100%; height:350px;}
  [data-subarea="location"] .info_wrap                      { width:100%; gap:1.5em; padding:2em;}
  [data-subarea="location"] .info_wrap .title_h4            { font-size:2.188em }
  [data-subarea="location"] .info_wrap .map_info > li + li  { margin-top:1em;}
  [data-subarea="location"] .info_wrap .map_info > li  dt   { font-size:1.167em;}
  [data-subarea="location"] .info_wrap .map_info > li  dd   { font-size:1.1em;}
}

@media all and (max-width:768px) {
  [data-subarea="location"] .map_box                        { height:300px }
  [data-subarea="location"] .info_wrap .title_h4            { font-size:1.875em }
}

@media all and (max-width:468px) {
    [data-subarea="location"] .map_box                       { height:250px }  
    [data-subarea="location"] .info_wrap                     { padding:1.5em; gap:1em;}
    [data-subarea="location"] .info_wrap .map_info > li + li { margin-top:.5em}
}

/**********************************************************************
                          맨발산책로
**********************************************************************/

/* 지도 */
.walk_map { margin: 30px auto; max-width: 1040px; }
.map_inner { position: relative; width: 979px; aspect-ratio: 979 / 670;  margin: 0 auto; border-radius: 30px; overflow: hidden; background: url("/resource/gangcheonsan/images/contents/walk/map_bg.jpg") no-repeat center / contain;}
.map_inner img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain;  border-radius: 30px;}

@media (max-width: 1040px) {
  .map_inner { width: 100%;}
}

/* 코스 */
.course       { background:var(--color-gray); border-radius:20px; padding:20px; margin-bottom:2em}
.course .lst {list-style:none;margin:0;padding:0;}
.course .lst li {position:relative;display:inline-block;vertical-align:top;border-radius:20px;line-height:38px;padding:0 15px 0 45px;margin:5px 37px 5px 0; background: var(--color-white); box-shadow: 5px 5px 10px rgba(0,0,0,.2); font-size:1.125em;}
.course .lst li div {display:flex; align-items: center; padding:10px 0}
.course .lst li .num {position:absolute;top:50%;left:5px;width:30px;height:30px;background:var(--color-point);border-radius:50%;font-size:14px;font-weight:600;color:var(--color-white);text-align:center;line-height:30px;margin-top:-15px}
.course .lst li .text   { display:block; line-height:1.2 }
.course .lst li:after {position:absolute;top:50%;right:-30px;content:"";display:block;width:15px;height:15px;background:url("/resource/gangcheonsan/images/contents/course_arrow.svg") no-repeat ;transform: translateY(-50%); }
.course .lst li:last-child {margin-right:0}
.course .lst li:last-child:after {display:none}

@media (max-width:768px) {
  .course .lst li {display:block;margin:0;margin-top:30px; }
  .course .lst li:first-child {margin-top:0}
  .course .lst li:after {width:15px;height:15px;right:auto;left:50%;margin-left:-4px;top:auto;bottom:-22px; transform: rotate(90deg);}
}

/**********************************************************************
                          공원시설소개
**********************************************************************/

.image_list { display: flex;  flex-wrap: wrap;  gap: 2em;}
.image_list li { width: calc((100% - 2em) / 2); position: relative;}
.image_list li::before { display: block; content: ""; width: 100%; height: 100%; border: 1px solid var(--color-line); position: absolute; bottom: 0; left: 0; border-radius: 10px 30px 10px 10px;}
.image_list img { width: 100%; border-radius: 10px 30px 10px 10px; position: relative;}
.image_list li:has(figcaption) img { border-radius: 10px 30px 0 0;}
.image_list figcaption { text-align: center; font-weight: bold; font-size: 1.1em; padding: 1em 0;}

.image_list.col03 li { width: calc((100% - 4em) / 3); }
.image_list.col04 li { width: calc((100% - 6em) / 4); }

@media (max-width: 768px) {
  .image_list { gap: 1em;}
  .image_list li { width: calc((100% - 1em) / 2);}
}

@media (max-width: 560px) {
  .image_list li { width: 100%;}
}


/**********************************************************************
                          이용안내
**********************************************************************/
.not_list                                    { display: flex;flex-flow: column;gap: .75em;}
.not_list li                                 { position: relative;width: 100%;padding-left: 1.375em;line-height: 1.2;opacity: .84; font-size:1.125em;}
.not_list li::before                         { position: absolute;left: 0;top: .15em;width: 18px;height: 18px;line-height: 18px;background: var(--color-base1);content: '!';color:var(--color-white);font-size:12px;text-align:center;border-radius:100%;}
.not_list li ul                              { margin:0.3em 0 }
.not_list li ul li                           { position:relative; padding-left: 0.95em; line-height: 1.2; font-size:1em;}
.not_list li ul li::before                   { content:''; display:block; position:absolute; left:0; top:9px; width:6px; height:2px; background:var(--color-base); opacity:.7  }

.not_list li strong                          { font-weight :700;}


.guide_list                                  { display: flex; flex-wrap: wrap; gap: 2%;}
.guide_list > li                             { flex: 1 1 calc((100% - 4%) / 2); box-sizing: border-box;}
.guide_list.col03 > li                       { flex: 1 1 calc((100% - 4%) / 3); }
.guide_list > li > div                       { height: 100%; display: flex; flex-flow: column; align-items: center; justify-content: center;  border: 1px solid var(--color-line); border-radius: 10px; text-align: center;}
.guide_list > li div                         { padding:2em; flex:1; display:flex; flex-direction:column; justify-content:center; }
.guide_list > li div .text                   { font-size:1.125em; }
.guide_list > li div .text strong            { display:block; font-weight:700; font-size:1.111em;}

.guide_list > li div .icon                   { width: 100px;height: 100px;background:var(--color-gray);border-radius:100%;display: block;margin: 0 auto 1.75em;}
.guide_list > li div .icon::before           { content:'';display:block;width:100%;height:100%;background-repeat:no-repeat; background-position:center; background-size:100%;}
.guide_list > li div .icon.icon1::before     { background-image:url(/resource/gangcheonsan/images/contents/icon_guide01.svg);}
.guide_list > li div .icon.icon2::before     { background-image:url(/resource/gangcheonsan/images/contents/icon_guide02.svg);}

.guide_list > li div .icon.icon3::before     { background-image:url(/resource/gangcheonsan/images/contents/icon_guide03.svg);}
.guide_list > li div .icon.icon4::before     { background-image:url(/resource/gangcheonsan/images/contents/icon_guide04.svg);}
.guide_list > li div .icon.icon5::before     { background-image:url(/resource/gangcheonsan/images/contents/icon_guide05.svg);}
@media (max-width:1024px) {
	.not_list li::before					{ top:.05em; }	
	.not_list li ul li::before				{ top:7px; }
}
@media (max-width: 768px) {
  .guide_list { gap: 0; }
  .guide_list > li,
  .guide_list.col03 > li { flex: 1 1 100%; }
  .guide_list > li:not(:last-child) { margin-bottom: 1em; }
}
/**********************************************************************
                         강천산명소
**********************************************************************/
/* list imgTitle */
.list_imgTitle                  { display:flex;  flex-direction:column; flex-wrap:wrap; gap:20px; }
.list_imgTitle > li             { position:relative; display:flex; justify-content:flex-start; align-items:flex-start; --sizeMargin:50px; padding:0 30px 30px 30px; }
.list_imgTitle > li::before     { position:absolute; width:100%; height:calc(100% - (var(--sizeMargin) * 2.4)); border-radius:20px; left:0; bottom:0; content:''; z-index:-1; border:1px solid var(--color-line);}
.list_imgTitle .img             { flex:1 0 var(--imgSize); overflow:hidden; display:block; border-radius:15px; margin-right:var(--sizeMargin);}
.list_imgTitle .txt             { flex:auto; width:100%; box-sizing:border-box;  font-size:1.06em}
.list_imgTitle .txt .basic_p>strong     { display:flex; font-weight:700; }
.list_imgTitle .txt>h4            { margin-bottom:var(--sizeMargin); margin-top:var(--sizeMargin); }

@media all and (max-width:1368px) {
  /* list imgTitle */
  .list_imgTitle > li             { --sizeMargin:30px; padding:0 25px 25px 25px; }
  .list_imgTitle .txt             { padding-right:calc(var(--sizeMargin) * 1); font-size:1.03em; }

  .list_imgTitle > li::before     { height:calc(100% - (var(--sizeMargin) * 2.8)); border-radius:15px; }
}
@media all and (max-width:1024px) {
  /* list imgTitle */
  .list_imgTitle > li             { --sizeMargin:30px; padding:0 20px 20px 20px; }
  .list_imgTitle .txt             { padding-right:calc(var(--sizeMargin) * .8); font-size:.95rem }
  .list_imgTitle > li::before     { height:calc(100% - (var(--sizeMargin) * 2.5)); }

}
@media all and (max-width:868px) {
  /* list imgTitle */
  .list_imgTitle > li             { --sizeMargin:25px; align-items:baseline; }
  .list_imgTitle > li::before     { height:calc(100% - (var(--sizeMargin) * 2.7)); }
  .list_imgTitle .img             { width:35%; flex:inherit }
  .list_imgTitle .txt             { width:calc(100% - 35% - 30px); }
}
@media all and (max-width:668px) {
  .list_imgTitle > li             { --sizeMargin:15px;  flex-wrap:wrap;  padding:0 15px 15px 15px;}
  .list_imgTitle .img             { order:1; width:100%; flex:inherit }
  .list_imgTitle .img img         { width:100%; }
  .list_imgTitle .txt             { order:2; width:100%; }
  .list_imgTitle .txt>h5          { margin-top:calc(var(--sizeMargin) * 1.5); }
    .list_imgTitle .img           { margin-right:0 }
}


/* 강천산명소 탭 */
.area_tsnb                        { position:relative; border:1px dashed #d1d1d1; border-radius:20px; margin-bottom:3em; padding:20px; }
.area_tsnb .tsnb                  { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; gap:9px; }
.area_tsnb .tsnb > li             { display:flex; flex:auto; justify-content:center; align-items:center;}
.area_tsnb .tsnb > li > button    { display:flex; justify-content:center; align-items:center; position:relative; width:100%; box-sizing:border-box; padding:12px 30px; border-radius:25px; 
                                    line-height:1.15; color:#565656; text-align:center; transition:var(--trans-ani); font-size:1.03em; font-weight:400; background:#efefef; letter-spacing:-.045em }


.area_tsnb .tsnb > li > button.active,
.area_tsnb .tsnb > li > button:hover,
.area_tsnb .tsnb > li > button:focus  { background:var(--color-point); color:var(--color-white); }  
.area_tsnb .btn_tsnb_mob           { display:none; justify-content:flex-start; align-items:center; position:relative; width:100%; box-sizing:border-box; padding:15px 20px 15px 15px; border-radius:8px; 
                          line-height:1.15; color:var(--color-white); text-align:center; transition:var(--trans-ani); font-size:1.03em; font-weight:400; background:var(--color-point); letter-spacing:-.045em }
.area_tsnb .btn_tsnb_mob::after    { content:''; display:block; position:absolute; width:7px; height:7px; right:17px; top:50%; border-style:solid; border-color:var(--color-point); border-width:0 1px 1px 0; 
                          transform:translateY(-70%) rotate(45deg); transition:var(--trans-ani); }
.area_tsnb .btn_tsnb_mob.active::after      { transform:translateY(-40%) rotate(-135deg);}                          
      

@media all and (max-width:1368px) {
  .area_tsnb                      { border-radius:15px; padding:15px; } 
  .area_tsnb .tsnb > li > button  { padding:10px 15px; font-size:1em; }
}


@media all and (max-width:768px) {
  .area_tsnb                    { border-radius:10px; padding:10px; }
  .area_tsnb .btn_tsnb_mob      { display:flex; background:var(--color-white); border:1px solid var(--color-point); color:var(--color-point); padding:15px 20px 15px 15px;}
  .area_tsnb .btn_tsnb_mob.active { border-radius:8px 8px 0px 0px;  }
  .area_tsnb .tsnb                { display:none; overflow-y:auto; position:absolute; left:10px; top:var(--sizeMob); z-index:5; width:calc(100% - 20px); max-height:240px; box-sizing:border-box; border-radius:0 0 8px 15px;
                                     padding:15px; background:var(--color-white); border:1px solid var(--color-point); border-top-color:#dcdcdc; box-shadow:0 10px 30px rgba(0,0,0,0.2);}
  .area_tsnb .tsnb > li           { height:auto; max-width:inherit; }
  .area_tsnb .tsnb > li+li        { margin-top:5px; }
  .area_tsnb .tsnb > li > a,
  .area_tsnb .tsnb > li > button  { padding:12px 15px; border-radius:5px;}
}

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

.list_num.flex                { display:flex; flex-wrap:wrap;gap:.5em 1em; margin-bottom:15px; }
.list_num.flex>li+li            { margin-top:0; }
.list_num.row               { display:flex; flex-wrap:wrap; gap:10px 1em; }
.list_num.row>li              { flex:auto; }
.list_num.row>li+li             { margin-top:0; }
@media all and (max-width:1368px) {

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