@charset "UTF-8";


.modules_board .proc_list	{}
.modules_board .proc_list .empty	{ line-height: 300px; border: 1px solid #c8c8c8; background-color: #fafafa; text-align: center; font-size: 2rem; font-weight: 400; }
.modules_board .proc_list .list	{ display: flex; flex-wrap: wrap; gap: 50px; padding: 0; margin: 0; list-style: none; }
.modules_board .proc_list .list li	{ flex: 0 0 calc((100% - 50px * 2)/3); padding: 0; margin: 0; list-style: none; }
.modules_board .proc_list .list li a	{ display: block; border: 1px solid #dadfe6; border-radius: 10px; background-color: #fff; overflow: hidden; }
.modules_board .proc_list .list li a:focus, .modules_board .proc_list .list li a:hover, .modules_board .proc_list .list li a:active	{ border-color: #343434; outline: 1px solid #343434; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }
.modules_board .proc_list .list li a img	{ display: block; width: 100%; height: 270px; margin: 0; border: 0 none; object-fit: cover; }
.modules_board .proc_list .list li a br	{ display: none; }
.modules_board .proc_list .list li a strong	{ display: flex; align-items: center; height: 68px; padding: 0 50px; color: #1c1b1b; font-size: 20px; font-weight: 600; }
.modules_board .proc_list .list li a dl	{ display: flex; flex-wrap: wrap; line-height: 28px; padding: 0 50px; margin: 0 0 20px 0; list-style: none; font-size: 15px; }
.modules_board .proc_list .list li a dl dt	{ width: 23px; padding: 0; margin: 0; list-style: none; background: no-repeat left center; text-indent: -9999px; overflow: hidden; }
.modules_board .proc_list .list li a dl dt.address	{ background-image: url(../image/list_icon_address.png); }
.modules_board .proc_list .list li a dl dt.tel	{ background-image: url(../image/list_icon_tel.png); }
.modules_board .proc_list .list li a dl dd	{ width: calc(100% - 23px); line-height: 18px; padding: 5px 0; margin: 0; list-style: none; color: #6b6b6b; word-break: keep-all; }






.modules_board .proc_read .tour_head	{ display: flex; gap: 75px; padding: 50px 50px 0 50px; margin: 0 0 50px 0; border-top: 2px solid #1f1f1f; border-bottom: 1px solid #ccc; }
.modules_board .proc_read .tour_head .images	{ position: relative; width: 600px; padding-bottom: 50px; }
.modules_board .proc_read .tour_head .images .list	{ position: relative; width: 100%; height: 0; padding-top: 58.33333333333333%; }
.modules_board .proc_read .tour_head .images .list .slick-list	{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.modules_board .proc_read .tour_head .images .list .slick-list div	{ position: relative !important; display: block !important; width: 100% !important; height: 100% !important; }
.modules_board .proc_read .tour_head .images .list img	{ display: block; width: 100%; height: 100%; margin: 0; border: 1px solid #dadfe6; border-radius: 8px; box-sizing: border-box; object-fit: cover; }

.modules_board .proc_read .tour_head .images .control_box	{ display: flex; align-items: center; justify-content: center; padding: 20px 0; }
.modules_board .proc_read .tour_head .images .control_box .prev	{ position: relative; display: block; width: 45px; height: 45px; line-height: 43px; padding: 0; margin: 0; border: 1px solid #c8c8c8; border-radius: 100%; box-sizing: border-box; background-color: #fff; text-align: left; text-indent: -999px; overflow: hidden; color: #525252; font-size: 20px; font-family: serif; font-weight: bold; text-shadow: 0 0 2px #525252; }
.modules_board .proc_read .tour_head .images .control_box .prev:after	{ position: absolute; left: 0; right: 0; width: 100%; height: 100%; text-align: center; text-indent: 0; content: "<"; }
.modules_board .proc_read .tour_head .images .control_box .next	{ position: relative; display: block; width: 45px; height: 45px; line-height: 43px; padding: 0; margin: 0; border: 1px solid #c8c8c8; border-radius: 100%; box-sizing: border-box; background-color: #fff; text-align: left; text-indent: -999px; overflow: hidden; color: #525252; font-size: 20px; font-family: serif; font-weight: bold; text-shadow: 0 0 2px #525252; }
.modules_board .proc_read .tour_head .images .control_box .next:after	{ position: absolute; left: 0; right: 0; width: 100%; height: 100%; text-align: center; text-indent: 0; content: ">"; }
.modules_board .proc_read .tour_head .images .control_box > button:focus, .modules_board .proc_read .tour_head .images .control_box > button:hover, .modules_board .proc_read .tour_head .images .control_box > button:active	{ background-color: #525252; color: #fff; }
.modules_board .proc_read .tour_head .images .control_box .dots	{}
.modules_board .proc_read .tour_head .images .control_box .dots ul	{ display: flex; gap: 10px; padding: 0; margin: 0 25px; list-style: none; }
.modules_board .proc_read .tour_head .images .control_box .dots ul li	{ padding: 0; margin: 0; list-style: none; background: none; }
.modules_board .proc_read .tour_head .images .control_box .dots ul li button	{ width: 35px; height: 35px; padding: 0; margin:0; border: 1px solid #fff; border-radius: 100%; background-color: #fff; font-size: 15px; font-weight: normal; color: #525252; }
.modules_board .proc_read .tour_head .images .control_box .dots ul li.slick-active button	{ border-color: #525252; background-color: #525252; color: #fff; }
.modules_board .proc_read .tour_head .images .control_box .dots ul li button:focus, .modules_board .proc_read .tour_head .images .control_box .dots ul li button:hover, .modules_board .proc_read .tour_head .images .control_box .dots ul li button:active	{ border-color: #525252; background-color: #fafafa; }

.modules_board .proc_read .tour_head .info	{ width: calc(100% - 75px - 600px); }
.modules_board .proc_read .tour_head .info h3	{ min-height: 86px; line-height: 35px; padding: 10px 0 !important; margin: 0; background: none !important; font-size: 33px; color: #1c1b1b; font-weight: 600; }
.modules_board .proc_read .tour_head .info dl	{ display: flex; padding: 0; margin: 0; list-style: none; }
.modules_board .proc_read .tour_head .info dl.facility	{ display: block; }
.modules_board .proc_read .tour_head .info dl dt	{ padding: 0 0 0 30px; margin:0; list-style: none; background: no-repeat left 7px; white-space: nowrap; }
.modules_board .proc_read .tour_head .info dl dt.address	{ background-image: url(../image/info_address.png); }
.modules_board .proc_read .tour_head .info dl dt.tel	{ background-image: url(../image/info_tel.png); }
.modules_board .proc_read .tour_head .info dl dt.homepage	{ background-image: url(../image/info_homepage.png); }
.modules_board .proc_read .tour_head .info dl dt.facility	{ background-image: url(../image/info_facility.png); }
.modules_board .proc_read .tour_head .info dl dt:after	{ display: inline-block; padding: 0 0.5em; content: ":"; }
.modules_board .proc_read .tour_head .info dl dd	{ flex-grow: 1; padding: 0; margin:0; list-style: none; }
.modules_board .proc_read .tour_head .info dl.facility dd	{ text-align: center; }
.modules_board .proc_read .tour_head .info dl.facility dd span.facility	{ display: inline-block; min-width: 45px; line-height: 30px; text-align: center; color: #555; font-size: 14px; }
.modules_board .proc_read .tour_head .info dl.facility dd span.facility:before	{ display: block; width: 100%; height: 50px; background: no-repeat center center; content: ""; }
.modules_board .proc_read .tour_head .info dl.facility dd span.facility + span.facility	{ margin-left: 10px; }
.modules_board .proc_read .tour_head .info dl.facility dd span.facility.수유실:before	{ background-image: url(../image/info_facility_01.png); }
.modules_board .proc_read .tour_head .info dl.facility dd span.facility.유모차:before	{ background-image: url(../image/info_facility_02.png); }
.modules_board .proc_read .tour_head .info dl.facility dd span.facility.자전거:before	{ background-image: url(../image/info_facility_03.png); }
.modules_board .proc_read .tour_head .info dl.facility dd span.facility.와이파이:before	{ background-image: url(../image/info_facility_04.png); }
.modules_board .proc_read .tour_head .info dl.facility dd span.facility.주차시설:before	{ background-image: url(../image/info_facility_05.png); }
.modules_board .proc_read .tour_head .info dl.facility dd span.facility.애완동물:before	{ background-image: url(../image/info_facility_06.png); }
.modules_board .proc_read .tour_head .info dl.facility dd span.facility.휠체어:before	{ background-image: url(../image/info_facility_07.png); }
.modules_board .proc_read .tour_head .info a.map_link	{ display: inline-block; width: 100%; max-width: 185px; line-height: 50px; padding: 0; margin: 50px 0 0 0; border-radius: 50px; background-color: #1f1f1f; text-align: center; color: #fff; }
.modules_board .proc_read .tour_head .info a.map_link:before	{ display: inline-block; width: 28px; height: 25px; margin: 0 10px 0 0; vertical-align: middle; background: url(../image/info_map_link.png) no-repeat center center; content: " "; }
.modules_board .proc_read .tour_head .info a.map_link:focus, .modules_board .proc_read .tour_head .info a.map_link:hover, .modules_board .proc_read .tour_head .info a.map_link:active	{ background-color: #000; color: #fff; box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.5); }




.modules_board .proc_read .tour_content h3,
.modules_board .proc_read .tour_content h4,
.modules_board .proc_read .tour_content h5,
.modules_board .proc_read .tour_content h6	{ padding: 0 !important; margin: 0 !important; background: none !important;}


.modules_board .proc_read .tour_content h3	{ line-height: 50px; margin-bottom: 40px !important; text-align: center; font-size: 48px; font-weight: normal; }
.modules_board .proc_read .tour_content h3 span	{ display: block; font-size: 40px; }
.modules_board .proc_read .tour_content h3 em	{ font-style: normal; color: inherit; }
.modules_board .proc_read .tour_content h3 strong	{ font-weight: bold; color: inherit; }

.modules_board .proc_read .tour_content p.description	{ padding: 0; margin: 20px 0; text-align: center; color: #614e26; }

.modules_board .proc_read .tour_content > img	{ display: block; margin: 40px auto; border: 0 none; }

.modules_board .proc_read .tour_content p.strong_description	{ line-height: 54px; margin: 40px 0; font-size: 35px; font-weight: 600; letter-spacing: -1px; }
.modules_board .proc_read .tour_content p.strong_description:after	{ display: block; clear: both; content: ""; }
.modules_board .proc_read .tour_content p.strong_description span	{ float: left; clear: both; padding: 0 20px; background-color: #666; color: #fff; }
.modules_board .proc_read .tour_content p.strong_description span:first-child	{ background-color: #0e328e; }
.modules_board .proc_read .tour_content p.strong_description span:last-child	{ background-color: #1043cb; }

.modules_board .proc_read .tour_content p.detail	{ line-height: 30px; margin: 40px 0; font-size: 18px; color: #2f2f2f; }
.modules_board .proc_read .tour_content p.detail .refer	{ font-style: normal; color: #a46d25; }

.modules_board .proc_read .tour_content .image_box	{ display: flex; flex-wrap: nowrap; align-items: flex-end; gap: 65px;margin: 40px 0; }
.modules_board .proc_read .tour_content .image_box img	{ float: left; display: block; width: 650px; padding: 0; margin: 0; border: 0 none; }
.modules_board .proc_read .tour_content .image_box .image_box_content	{ width: calc(100% - 650px - 65px); }
.modules_board .proc_read .tour_content .image_box h4	{ clear: none; line-height: 45px; font-size: 40px; color: #181818; font-weight: 600; }
.modules_board .proc_read .tour_content .image_box h4 span	{ display: block; }
.modules_board .proc_read .tour_content .image_box p	{ line-height: 30px; margin: 30px 0 0 0; font-size: 18px; color: #181818; }

.modules_board .proc_read .tour_content .description_box	{ position: relative; display: flex; padding: 65px 5px; margin: 40px 0; background-color: #0e328e; color: #fff; }
.modules_board .proc_read .tour_content .description_box:after	{ position: absolute; left: 50%; top: 65px; width: 1px; height: calc(100% - 130px); background-color: #fff; content: ""; }
.modules_board .proc_read .tour_content .description_box dl	{ flex: 1; padding: 0 50px; margin: 0; list-style: none; }
.modules_board .proc_read .tour_content .description_box dl dt	{ line-height: 45px; padding: 0; margin: 0 0 40px 0; list-style: none; font-size: 40px; font-weight: 600; }
.modules_board .proc_read .tour_content .description_box dl dt span	{ display: block; }
.modules_board .proc_read .tour_content .description_box dl dd	{ line-height: 30px; padding: 0; margin: 0; list-style: none; font-size: 18px; opacity: 0.8; }
.modules_board .proc_read .tour_content > h4	{ margin: 40px 0 20px 0 !important; font-size: 40px; color: #181818; }
.modules_board .proc_read .tour_content > h4 + p.detail	{ margin-top: 20px; }

.modules_board .proc_read .tour_map	{}
.modules_board .proc_read .tour_map #tour_kakao_map	{ width: 100%; min-height: 400px !important; box-sizing: border-box; }
.modules_board .proc_read .tour_map dl.address	{ display: flex; padding: 0; margin: 20px 0; list-style: none; }
.modules_board .proc_read .tour_map dl.address dt	{ padding: 0; margin:0; list-style: none; background: no-repeat left 7px; white-space: nowrap; }
.modules_board .proc_read .tour_map dl.address dt:after	{ display: inline-block; padding: 0 0.5em; content: ":"; }
.modules_board .proc_read .tour_map dl.address dd	{ flex-grow: 1; padding: 0; margin:0; list-style: none; }




/** 색상 처리 **/
.modules_board .proc_read .tour_content.color_1 p.strong_description span:first-child	{ background-color: #38540a; }
.modules_board .proc_read .tour_content.color_1 p.strong_description span:last-child	{ background-color: #1e887a; }
.modules_board .proc_read .tour_content.color_1 .description_box	{ background-color: #63842d; }

.modules_board .proc_read .tour_content.color_2 p.strong_description span:first-child	{ background-color: #6b2826; }
.modules_board .proc_read .tour_content.color_2 p.strong_description span:last-child	{ background-color: #b13737; }
.modules_board .proc_read .tour_content.color_2 .description_box	{ background-color: #a33131; }

.modules_board .proc_read .tour_content.color_3 p.strong_description span:first-child	{ background-color: #4f4203; }
.modules_board .proc_read .tour_content.color_3 p.strong_description span:last-child	{ background-color: #ac891c; }
.modules_board .proc_read .tour_content.color_3 .description_box	{ background-color: #746842; }

.modules_board .proc_read .tour_content.color_4 p.strong_description span:first-child	{ background-color: #342065; }
.modules_board .proc_read .tour_content.color_4 p.strong_description span:last-child	{ background-color: #4848ba; }
.modules_board .proc_read .tour_content.color_4 .description_box	{ background-color: #5b4f8b; }





@media all and (max-width: 1300px)
{
	#container.sub #section section #contents	{ max-width: 1300px !important; padding: 0 10px; box-sizing: border-box; }

	.modules_board .proc_list .list	{ gap: 3.90625vw; }
	.modules_board .proc_list .list li	{ flex: 0 0 calc((100% - 3.90625vw * 2)/3) }
	.modules_board .proc_list .list li a img	{ height: 21.09375vw; }
	.modules_board .proc_list .list li a strong,
	.modules_board .proc_list .list li a dl	{ padding-left: 3.90625vw; padding-right: 3.90625vw; }
}


@media all and (max-width: 1280px)
{
	.modules_board .proc_read .tour_head	{ gap: 5.859375vw; padding: 3.9vw; }
	.modules_board .proc_read .tour_head .images,
	.modules_board .proc_read .tour_head .info	{ width: calc((100% - 5.859375vw) / 2); }

	.modules_board .proc_read .tour_content .image_box	{ gap: 5.078125vw; }
	.modules_board .proc_read .tour_content .image_box img,
	.modules_board .proc_read .tour_content .image_box .image_box_content	{ width: calc((100% - 5.078125vw) / 2); }
}

@media all and (max-width: 768px)
{
	.modules_board .proc_list .list li	{ flex: 0 0 calc((100% - 3.90625vw * 1)/2); }
	.modules_board .proc_list .list li a img	{ height: 35.15625vw; }


	.modules_board .proc_read .tour_head	{ gap: 0; flex-direction: column; padding: 10px 0; }
	.modules_board .proc_read .tour_head .images	{ width: 100%; padding: 0; }
	.modules_board .proc_read .tour_head .info	{ width: 100%; padding: 0 10px; }
	.modules_board .proc_read .tour_head .info a.map_link	{ display: block; margin: 20px auto 0; }

	.modules_board .proc_read .tour_content h3	{ line-height: 40px; font-size: 35px; }
	.modules_board .proc_read .tour_content h3 span	{ font-size: 30px; }

	.modules_board .proc_read .tour_content p.strong_description	{ line-height: 45px; font-size: 30px; }

	.modules_board .proc_read .tour_content .image_box	{ flex-direction: column; }
	.modules_board .proc_read .tour_content .image_box img,
	.modules_board .proc_read .tour_content .image_box .image_box_content	{ width: 100%; }
	.modules_board .proc_read .tour_content .image_box h4 span	{ display: inline; }

	.modules_board .proc_read .tour_content .description_box	{ gap: 50px; flex-direction: column; padding: 20px; }
	.modules_board .proc_read .tour_content .description_box:after	{ content: none; }
	.modules_board .proc_read .tour_content .description_box dl	{ padding: 0; }
	.modules_board .proc_read .tour_content .description_box dl dt	{ line-height: 40px; margin: 0 0 20px 0; font-size: 30px; }
	.modules_board .proc_read .tour_content .description_box dl dt span	{ display: inline; }

	.modules_board .proc_read .tour_map #tour_kakao_map	{ min-height: 200px !important; }
}

@media all and (max-width: 425px)
{
	.modules_board .proc_list .list li	{ flex: 1 1 100%; }
	.modules_board .proc_list .list li a img	{ height: 56.4705882352941vw; }


	.modules_board .proc_read .tour_content h3	{ line-height: 35px; font-size: 30px; }
	.modules_board .proc_read .tour_content h3 span	{ font-size: 25px; }
	.modules_board .proc_read .tour_content p.strong_description	{ line-height: 35px; font-size: 25px; }
	.modules_board .proc_read .tour_content p.strong_description span	{ padding: 5px 10px; }
	.modules_board .proc_read .tour_content .image_box h4	{ line-height: 35px; font-size: 30px; }
	.modules_board .proc_read .tour_content .description_box dl dt	{ line-height: 35px; font-size: 25px; }
	.modules_board .proc_read .tour_content > h4	{ line-height: 35px; font-size: 30px; }
	.modules_board .proc_read h3	{ padding-left: 30px; }
}