@charset "utf-8";

/***** 공통 *****/

	/* 공통_탭 */
	.tapb_box {position:relative;}
	.mob_tap {display:none;}
	.tap_btn {margin-bottom:30px;}
	.tap_btn:after {content:"";clear:both;display:block;}
	.tap_btn li {float:left;width:50%;}
	.tap_btn li a {display:block;height:65px;line-height:55px;background:#177F8C;text-align:center;font-size:18px;color:#fff;border:5px solid #177F8C;}
	.tap_btn li.on a,.tap_btn li:hover a,.tap_btn li:focus a,.tap_btn li:active a {position:relative;background:#fff;color:#333333;text-decoration:none;}
	.tap_btn li.on a:after,.tap_btn li:hover a::after,.tap_btn li:focus a::after,.tap_btn li:active a:after {content:"";position:absolute;left:0;bottom:-5px;width:100%;height:5px;background:#fff;}
	
	.tap_btn_st2 {display:inline-block;margin-bottom:40px;}
	.tap_btn_st2:after {content:"";clear:both;display:block;}
	.tap_btn_st2 li {float:left;width:auto;}
	.tap_btn_st2 li a {display:block;padding:13px 35px;text-align:center;font-size:19px;color:#333;border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-right:1px solid #ccc;background:#f9f9f9;}
	.tap_btn_st2 li:first-child a {border-left:1px solid #ccc;}
	.tap_btn_st2 li.on a,.tap_btn_st2 li:hover a,.tap_btn_st2 li:focus a,.tap_btn_st2 li:active a {display:block;background:#555555;color:#fff;text-decoration:none;}
	
	.tap_box > .tab_content {padding:0 15px;}
	.tap_box > .tab_content > .resul_con > .tap_box {text-align:center;}
	.tap_box > .tab_content > .resul_con > .tap_box > .tab_content {text-align:left;}

	/* 모바일 */
	@media only screen and (max-width:767px){
		/***** 공통 *****/
			/* 공통_탭 */
			.tap_btn_st2 {width:100%;}
			.tap_btn_st2 li {width:50%;}
			.tap_btn_st2 li a {padding:13px 15px;font-size:16px;}

	}

	.star {position:relative}
	.star span {font-size:0}
	.star:after {content:"*";position:absolute;right:-13px;top:-4px;color:#f44b24}

	.file_cont {padding:30px;background:#f2f4f6;font-size:17px;}
	video {width:100%;height:auto;}

/***** sub01_국토종주자전거길 *****/

	/* sub010101_국토종주 자전거길 소개 */
	.sub010101 .cycleway_top_text { background:url('./../img/content/sub01/sub010101_top_bg.jpg') no-repeat; background-size:cover; padding:8% 30px 8% 30px; height:100%; width:100%; margin:0 0 70px 0; }
	.sub010101 .cycleway_top_text p { color:#fff; text-align:center; font-size:28px; line-height:40px;}
	.sub010101 .con_tit { background: linear-gradient(to right, #4476cd , #20b9cb); border-radius: 40px 40px 40px 40px; text-align:center; width:36%; margin:60px auto; padding:20px 0; }
	.sub010101 .con_tit span { color:#fff; font-size:24px; }
	.sub010101_map {width:100%;}
	.cycleway_list ul { }
	.cycleway_list ul li { display:block; width:100%; clear:both; margin:0 0 20px 0; overflow:hidden; }
	.cycleway_list ul li img { float:left; margin:0 30px 0 0; width:23%; }
	.cycleway_list ul li .cycleway { margin:20px 0 0 0; color:#333; float:left; width:70%; }
	.cycleway_list ul li .cycleway div { float:left; width:90%; }
	.cycleway_list ul li span.number { margin:0 20px 0 0 ; font-size:18px; background-color:#acdfe0; border-radius: 40px 40px 40px 40px; float:left; width:30px; height:30px; text-align:center; color:#222; line-height:30px; }
	.cycleway_list ul li span.color2 { background:#fcd4b0; }
	.cycleway_list ul li span.color3 { background:#78c9c4; }
	.cycleway_list ul li span.color4 { background:#d6daab; }
	.cycleway_list ul li span.color5 { background:#b1d2bb; }
	.cycleway_list ul li span.color6 { background:#f7caca; }
	.cycleway_list ul li span.color7 { background:#abb7a2; }
	.cycleway_list ul li span.color8 { background:#b8efc5; }
	.cycleway_list ul li span.color9 { background:#a7f0ce; }
	.cycleway_list ul li span.color10 { background:#a7f0ce; }
	.cycleway_list ul li span.color11 { background:#a7aed3; }
	.cycleway_list ul li span.color12 { background:#a8e16b; }
	.cycleway_list ul li strong { font-size:22px; } 
	.cycleway_list ul li span { font-size:20px; }
	.cycleway_list ul li p { font-size:19px; line-height:28px; display:block; overflow:hidden; padding-top:10px; }
	.cycleway_middle_text { background:url('./../img/content/sub01/sub010101_middle_bg.jpg') no-repeat ; background-size:cover; padding:8% 30px 8% 30px; height:100%; width:100%; margin:100px 0 70px 0; text-align:center; }
	.cycleway_middle_text p { color:#fff; text-align:center; font-size:28px; line-height:40px;}
	.cycleway_middle_text span { color:#fff; font-size:28px; }
	.cycleway_middle_text p.subject { font-size:20px; width:90%;line-height:27px; margin:0 auto;opacity:0.8;}
	.envi_list { margin:0 0 50px 0; }
	.envi_list li { background:url('./../img/content/sub01/list.png') no-repeat 0 7px; padding:0 0 0 25px; margin:0 0 10px 0; font-size:18px; }
	.envi_list li span { background:url('./../img/content/sub01/bullet.png') no-repeat 0 6px; padding:0 0 0 20px; font-size:17px; }
	.envi_img { border:1px solid #ccc; overflow:hidden; padding:50px 0; }
	.envi_img li { float:left; text-align:center; width:33%; border-right:1px solid #eee; overflow:hidden; }
	.envi_img li:last-child {border:0;}
	.envi_img li span { display:block; font-size:17px; margin:20px 0 0 0; }
	.envi_img img{ width:60%; }

	/* 태블릿 */
	@media only screen and (max-width:1023px){
		/* 국토종주 자전거길 소개 */
		.sub010101 .cycleway_top_text p { font-size:24px; line-height:30px;}
		.cycleway_list ul li .cycleway { margin:0; }
		.cycleway_list ul li span.number { margin:0 10px 0 0; }
		.cycleway_list ul li img { margin:0 15px 0 0; }
		.cycleway_middle_text p {font-size:24px;line-height:30px;}
		.cycleway_middle_text p.subject {font-size:18px;}
	}

	/* 모바일 */
	@media only screen and (max-width:767px){
		/* 국토종주 자전거길 소개 */
		.sub010101 .cycleway_top_text {margin-bottom:40px;}
		.sub010101 .cycleway_top_text p {font-size:22px;line-height:30px;}
		.sub010101 .con_tit { width:45%; margin:60px auto; padding:10px 0; }
		.sub010101 .con_tit span { font-size:18px; }
		.cycleway_list ul li {margin-bottom:30px;text-align:center;}
		.cycleway_list ul li img {display:inline-block;float:none; margin:0 auto; width:auto; }
		.cycleway_list ul li .cycleway { margin:20px 0 0 0;float:none; width:100%;text-align:left;}
		.cycleway_middle_text {margin:70px 0 50px 0;}
		.cycleway_middle_text p {font-size:22px;line-height:30px;}
		.envi_img li {float:none;width:80%;margin:0 auto 30px auto;padding:0 0 30px 0;border-bottom:1px solid #eee;border-right:0;}
		.envi_img li:last-child {margin-bottom:0;padding-bottom:0;}
		.envi_img img {width:auto;}
		.envi_img li span {/* font-size:15px; */}
	}
	@media only screen and (max-width:565px){
		/* 국토종주 자전거길 소개 */
		.sub010101 .con_tit {width:90%;margin:40px auto;}
		.cycleway_list ul li .cycleway div { float:left; width:85%; }
	}

	/* sub010200_국토종주자전거길정보 */
		/* 아라자전거길 */
		.ara_top {width:100%; overflow:hidden; }
		.ara_top div { width:50%; float:left; }
		.bx-wrapper { position:relative;float:right !important; width:450px !important;max-width:100%; margin-bottom:0 !important; }
		.bx-wrapper img {width:100%;max-width:100%;}
		.bx-pager { display:none; }
		.center { text-align:center; }
		.course_info { overflow:hidden; margin:0 0 40px 0; }
		.dashed { border-top:1px dashed #ddd; padding-top:40px; }
		.course_info li { float:left; width:50%; margin:30px 0 0 0; }
		.course_info li h6 { font-size:19px; background-color:#2d69cd; border-radius: 40px 40px 40px 40px; color:#fff; width:120px; padding:10px 0 12px 0; text-align:center; float:left; margin:0 20px 0 0; }
		.course_info li span { margin:7px 0 0 0; float:left; }
		.course_info li img { margin:5px 0 0 0; float:left; }
		.review { position:relative; }
		.review ul { overflow:hidden; }
		.review li { float:left; border:1px solid #ccc; border-top:5px solid #21b8cb; padding:50px 30px; width:31%; margin:0 3% 0 0; }
		.review li:last-child {margin:0;}
		.review li a { color:#333; font-size:22px; width:100%; display:block; margin:0 0 20px 0; font-weight:bold; }	
		.review li p { color:#666; font-size:18px; display:block; margin:0 0 30px 0;overflow:hidden;}
		.review li span { color:#444; font-size:16px; display:block; text-align:right; }
		.review a.more_btn { position:absolute; top:-80px; right:0; }
		.sub010101 .tab_content { padding:0 10px; }
		.ara_map { border:1px solid #ccc; text-align:center; margin:0 0 40px 0; }
		.location_info { overflow:hidden; padding-bottom:40px; margin:0 0 40px 0; }
		.location_info li { float:left; width:50%; margin:30px 0 0 0; }
		.location_info li h6 { font-size:19px; background-color:#2d69cd; border-radius: 40px 40px 40px 40px; color:#fff; width:120px; padding:10px 0 12px 0; text-align:center; float:left; margin:0 20px 0 0; }
		.location_info li span { margin:7px 0 0 0; float:left; }
		.location_info li img { margin:5px 0 0 0; float:left;}
		.location_info li:last-child { width:100%; }
		.location_info li:last-child ol { overflow:hidden; }
		.location_info li:last-child ol li { width:auto; margin:7px 0 10px 0; background:url('./../img/content/sub01/bullet2.png') no-repeat right 8px; padding:0 35px 0 10px;}
		.location_info li:last-child ol li:last-child { background:none; }
		.img_width100 { width:100%; }
		.bx-prev {position:absolute;top:50%;left:0;margin-top:-30px;z-index:100;width:60px;height:60px;background:url(./../img/content/sub02/prev.png) left top no-repeat;font-size:0;border-radius:0;padding:0;}
		.bx-next {position:absolute;top:50%;right:0;margin-top:-30px;z-index:100;width:60px;height:60px;background:url(./../img/content/sub02/next.png) left top no-repeat;font-size:0;border-radius:0;padding:0;}
		
		/* 한강종주 */
		.sub010202 .course_info li:first-child { width:100%; clear:both; }
		.sub010202 .tab_content { padding:0 10px; }
		.sub010202 .course_info_list span { width:80%; }

		/* 남한강종주 */
		.sub010203 .course_info li:first-child { width:100%; clear:both; }
		.sub010203 .tab_content { padding:0 10px; }
		.sub010203 .course_info_list span { width:80%; }

		/* 북한강(경춘선)자전거길 */
		.sub010204 .course_info li:first-child { width:100%; clear:both; }
		.sub010204 .tab_content { padding:0 10px; }
		.sub010204 .course_info_list span { width:80%; }

		/* 새재자전거길 */
		.sub010205 .course_info li:first-child { width:100%; clear:both; }
		.sub010205 .tab_content { padding:0 10px; }
		.sub010205 .course_info_list span { width:80%; }

		/* 낙동강 */
		.sub010206 .course_info li:first-child { width:100%; clear:both; }
		.sub010206 .tab_content { padding:0 10px; }
		.sub010206 .course_info_list span { width:80%; }

		/* 금강 */
		.sub010207 .course_info li:first-child { width:100%; clear:both; }
		.sub010207 .tab_content { padding:0 10px; }
		.sub010207 .course_info_list span { width:80%; }

		/* 영산강 */
		.sub010208 .course_info li:first-child { width:100%; clear:both; }
		.sub010208 .tab_content { padding:0 10px; }
		.sub010208 .course_info_list span { width:80%; }

		/* 섬진강 */
		.sub010209 .course_info li:first-child { width:100%; clear:both; }
		.sub010209 .tab_content { padding:0 10px; }
		.sub010209 .course_info_list span { width:80%; }
		.sub010209 .width_100 { width:100%; }

		/* 오천 */
		.sub010210 .course_info li:first-child { width:100%; clear:both; }
		.sub010210 .tab_content { padding:0 10px; }
		.sub010210 .course_info_list span { width:80%; }

		/* 동해안 */
		.sub010211 .course_info li:first-child { width:100%; clear:both; }
		.sub010211 .tab_content { padding:0 10px; }
		.sub010211 .course_info_list span { width:80%; }
		.sub010211 .stamp_box p { margin:50px 0 0 0; }
		.sub010211 .stamp_box span { margin:0 0 0 15px; font-size:16px; }

		/* 동해안 */
		.sub010212 .course_info li:first-child { width:100%; clear:both; }
		.sub010212 .tab_content { padding:0 10px; }
		.sub010212 .course_info_list span { width:80%; }
		.sub010212 .stamp_box p { margin:50px 0 0 0; }
		.sub010212 .stamp_box span { margin:0 0 0 15px; font-size:16px; }

		/* 제주 */
		.sub010213 .course_info li:first-child { width:100%; clear:both; }
		.sub010213 .tab_content { padding:0 10px; }
		.sub010213 .course_info_list span { width:80%; }
		.sub010213 .stamp_box p { margin:50px 0 0 0; }
		.sub010213 .stamp_box span { margin:0 0 0 15px; font-size:16px; }
		
		/* PC */
		@media only screen and (max-width:1399px){
			/* 아라자전거길 */
			.ara_top div { width:100%; float:none; }
			.bx-wrapper { float:none !important; width:678px !important;max-width:100%; margin:30px auto 0 auto !important; }

			.course_info li h6 {float:none;}
			.course_info li span {float:none;display:block;margin-top:10px;padding-left:20px;}
			.course_info li img {float:none;display:inline-block;max-width:100%;margin-top:10px;padding-left:20px;}
		}
		
		/* 태블릿 */
		@media only screen and (max-width:1023px){

			/* 한강종주 */
			.sub010202 .course_info li:first-child { width:100%; clear:both; }
			.sub010202 .tab_content { padding:0 10px; }
			.sub010202 .course_info_list span { width:65%; }


			/* 남한강종주 */
			.sub010203 .course_info li:first-child { width:100%; clear:both; }
			.sub010203 .tab_content { padding:0 10px; }
			.sub010203 .course_info_list span { width:65%; }


			/* 북한강(경춘선)자전거길 */
			.sub010204 .course_info li:first-child { width:100%; clear:both; }
			.sub010204 .tab_content { padding:0 10px; }


			/* 새재자전거길 */
			.sub010205 .course_info li:first-child { width:100%; clear:both; }
			.sub010205 .tab_content { padding:0 10px; }
			.sub010205 .course_info_list span { width:65%; }


			/* 낙동강 */
			.sub010206 .course_info li:first-child { width:100%; clear:both; }
			.sub010206 .tab_content { padding:0 10px; }
			.sub010206 .course_info_list span { width:65%; }

			/* 금강 */
			.sub010207 .course_info li:first-child { width:100%; clear:both; }
			.sub010207 .tab_content { padding:0 10px; }
			.sub010207 .course_info_list span { width:65%; }

			/* 영산강 */
			.sub010208 .course_info li:first-child { width:100%; clear:both; }
			.sub010208 .tab_content { padding:0 10px; }
			.sub010208 .course_info_list span { width:65%; }

			/* 섬진강 */
			.sub010209 .course_info li:first-child { width:100%; clear:both; }
			.sub010209 .tab_content { padding:0 10px; }
			.sub010209 .course_info_list span { width:65%; }
			.sub010209 .width_100 span { width:65%; }

			/* 오천 */
			.sub010210 .course_info li:first-child { width:100%; clear:both; }
			.sub010210 .tab_content { padding:0 10px; }
			.sub010210 .course_info_list span { width:65%; }
			.sub010210 .width_100 span { width:65%; }

			/* 동해안 */
			.sub010211 .course_info li:first-child { width:100%; clear:both; }
			.sub010211 .tab_content { padding:0 10px; }
			.sub010211 .course_info_list span { width:65%; }
			.sub010211 .width_100 span { width:65%; }

			/* 동해안 */
			.sub010212 .course_info li:first-child { width:100%; clear:both; }
			.sub010212 .tab_content { padding:0 10px; }
			.sub010212 .course_info_list span { width:65%; }
			.sub010212 .width_100 span { width:65%; }

			/* 제주 */
			.sub010213 .course_info li:first-child { width:100%; clear:both; }
			.sub010213 .tab_content { padding:0 10px; }
			.sub010213 .course_info_list span { width:65%; }
			.sub010213 .width_100 span { width:65%; }
		}

		/* 모바일 */
		@media only screen and (max-width:767px){
			/* 아라자전거길 */
			.ara_top div { width:100%; }
			.bx-wrapper { margin-top:20px; }
			.bx-wrapper { width:100% !important; }
			.bx-wrapper img { width:100% !important; }
			/* .bx-wrapper .bx-controls-direction a { top:38%; } */
			.bx-wrapper { width:100% !important; }
			.bx-wrapper img { width:100% !important; }
			/* .bx-wrapper .bx-controls-direction a { top:38%; } */
			.course_info li { clear:both; width:100%; }
			.review li { width:100%; margin:0 0 40px 0; }
			.location_info li { clear:both; width:100%; }
			.location_info li ol li { float:left; width:auto !important; }
			.ara_map img { width:100%; }
			.location_info li h6 {float:none;}
			.location_info li span {float:none;display:block;margin-top:10px;padding-left:20px;}
		}

	/* sub010301_종주인증제안내 */
	.callnumber span {display:inline-block;height:60px;line-height:60px;padding:0 40px;background:#2d69cd;cursor:pointer;color:#fff;text-align:center;font-size:19px;border-radius:5px; margin:0 auto;}
	.callnumber { text-align:center; }
	.sub010202 table .left { text-align:left; }
	.certification { border:1px solid #ccc; text-align:center; padding:40px 0; }
	.certification_img { border:1px solid #ccc; }
	.certification_img img {max-width:100%; }
	.certification_img ul { list-style:none; overflow:hidden; padding:50px 15px; }
	.certification_img li { float:left; text-align:center; width:33%; }
	.certification_img li span { display:block; color:#fff; text-align:center; font-size:19px; border-radius:40px; padding:10px 20px; background:#2d69cd; width:70%; margin:0 auto; margin-top:20px; }
	.certification_img li:last-child { width:100%; margin-top:60px; }
	.certification_img li:last-child span { width:25%; margin:0 auto; margin-top:40px; }
	.certification img { width:90%; }
		/* 모바일 */
		@media only screen and (max-width:767px){
			/*  종주인증제 안내 */
			.certification_img li {float:none;width:100%;margin-bottom:30px;}
			.certification_img li span {width:250px;}
			.certification_img li:last-child span {width:250px;}
		}

	/* sub010302_인증센터안내 */
	.certification_icon { overflow:hidden; }
	.certification_icon ul { margin:20px 0 0 0;  overflow:hidden; float:right; }
	.certification_icon ul li { float:left; font-size:25px; color:#222; margin:0 0 0 30px; }
	.certification_icon ul li img { margin:0 5px 0 0; }
	.sub010302 table .left { text-align:left; }
	.sub010302 table td img { margin:0 0 0 5px; float:right; }
	.booth_stamp { border:1px solid #ccc; padding:40px; overflow:hidden; }
	.booth_stamp strong { color:#2d69cd; font-size:50px; display:block; line-height:60px;}
	.booth_stamp span { color:#177F8C; font-size:50px; display:block; font-weight:normal; }
	.booth_stamp_txt{ float:left; width:45%; }
	.booth_info { border:1px solid #ccc; }
	.booth_info ul { list-style:none; overflow:hidden; padding:50px 0; }
	.booth_info li { float:left; text-align:center; width:50%;  }
	.booth_info li span { display:block; color:#fff; text-align:center; font-size:19px; border-radius:40px; padding:10px 20px; background:#2d69cd; width:50%; margin:0 auto; margin-top:20px; }
	.booth_info li img { width:60%; }
	.booth_stamp_img { float:right; }
	.booth_stamp_img img { margin:0 0 0 40px; }	
	.sub010302 table td a img { float:none; }

		/* PC */
		@media only screen and (max-width:1290px){
			/* 인증센터 안내 */
			.booth_stamp { border:1px solid #ccc; padding:30px; overflow:hidden; }
			.booth_stamp_txt{ float:left; width:45%; }
			.booth_stamp_img { width:50%; }
			.booth_stamp_img .booth { width:25%; }
			.booth_stamp_img .stamp { width:45%; }
		}
		/* 모바일 */
		@media only screen and (max-width:767px){
			/* 인증센터 안내 */
			.certification_icon ul {float:none;}
			.certification_icon ul li {float:none;width:100%;margin:10px 0;font-size:22px;}
			.booth_info li span { width:60%; font-size:14px; border-radius:20px; padding:5px 10px; }
			.booth_stamp_txt { width:100%; }
			.booth_stamp_img { width:100%; margin:40px 0 0 0;text-align:center;}
			.booth_stamp_img img {width:auto;max-width:100%;margin:0 20px;}
			.booth_stamp strong { font-size:30px; display:inline-block; }
			.booth_stamp span { font-size:30px; display:inline-block; }
			.booth_info li {float:none;width:100%;margin-bottom:30px;}
			.booth_info li span {width:250px;font-size:18px;}
			.booth_info li img { width:250px;max-width:100%;}
		}

	/* sub010303_인증수첩안내 */
	.scheduler_top { border:1px solid #ccc; text-align:center; padding:40px 0 ; }
	.scheduler_top img { width:85%; }
	.scheduler_btn { text-align:center; }
	.stamp_box { border:1px solid #ccc; padding:40px; position:relative; margin:0 0 40px 0; }
	.stamp_box h6 { background:linear-gradient(to right, #4476cd , #20b8cb); border-radius:0 40px 40px 0; color:#fff; font-size:21px; padding:10px 10px 10px 20px; width:220px; position:absolute; top:20px; left:-1px; }
	.stamp_box ul { overflow:hidden; margin:20px 0 0 0; vertical-align:bottom; } 
	.stamp_box ul li { float:left; margin:30px 40px 0 0; text-align:center; height:130px; } 
	.stamp_box ul li span { font-size:16px; display:block;}
		/* 모바일 */
		@media only screen and (max-width:767px){
			.scheduler_btn .btn_bace {margin:5px 10px;}
		}

	/* sub010304_사이버인증안내 */
	.cyber_top { position:relative; }
	.cyber_top h6 { position:absolute; right:3%; top:40px; color:#333; font-size:34px; text-align:right; letter-spacing:-2px; }
	.cyber_top h6 span { color:#2d69cd; display:block; }
	.cyber_top { border:1px solid #ccc; padding:40px; overflow:hidden; background:url('./../img/content/sub01/cyber_top_bg.jpg') no-repeat right bottom; }
	.cyber_top ul li { background:#2d69cd url('./../img/content/sub01/cyber_qrcode_bg.png') no-repeat left bottom; border-radius:2px; float:left; text-align:center; padding:5% 0 8% 0; margin:0 4% 0 0; width:28%; overflow:hidden; }
	.cyber_top ul li span { display:block; color:#fff; margin:0 0 20px 0; }
	.procedure { border:1px solid #ccc; padding:60px 30px 60px 60px; }
	.procedure ul {  }
	.procedure ul li { height:118px; position:relative; margin:0 0 5px 0; background:url('./../img/content/sub01/bullet3.png') no-repeat 24.5% bottom; }
	.procedure ul li.list03 { height:118px; position:relative; margin:0 0 5px 0; background:url('./../img/content/sub01/bullet4.png') no-repeat 16% bottom; }
	.procedure ul li.list04 { height:118px; position:relative; margin:0 0 5px 0; background:url('./../img/content/sub01/bullet4.png') no-repeat 16% bottom; }
	.procedure ul li.list05 { height:118px; position:relative; margin:0 0 5px 0; background:url('./../img/content/sub01/bullet3.png') no-repeat 8% bottom; }
	.procedure ul li.list06 { height:118px; position:relative; margin:0 0 5px 0; background:url('./../img/content/sub01/bullet3.png') no-repeat 8% bottom; }	
	.procedure ul li.list08 { background:none; height:80px; }
	.procedure ul li.list07 { height:267px; }
	.procedure ul li.list07 ol { margin-top:80px;  }
	.procedure ul li.list07 span { font-size:18px; display:block; margin:10px 0 0 0;}
	.procedure ul li .step { position:absolute; top:-15px; left:-30px; }
	.procedure ul li span { color:#fff; font-size:24px; }
	.procedure ul li div { text-align:center; float:left; padding:20px; width:50%; margin-right:20px; }
	.procedure ul li ol { float:left; width:45%; }
	.procedure ul li ol li { font-size:16px; padding:0; height:100%; background:none; }
	.procedure ul li.list01 div { background:#2d69cd; }
	.procedure ul li.list02 div { background:#2d80cd; }
	.procedure ul li.list03 div { background:#1e8aa9; }
	.procedure ul li.list04 div { background:#168592; width:24%; }
	.procedure ul li.list05 div { background:#169285; }
	.procedure ul li.list06 div { background:#169262; width:38%; }
	.procedure ul li.list07 div { background:#6b9216; }
	.procedure ul li.list08 div { background:#445d10; }
	.procedure ul li.list04 li { line-height:20px; }
	.procedure ul li.list06 li { line-height:18px; }
	.procedure ul li.list03 p { position:absolute; font-size:18px; color:#333; left:20%; top:80px; }
	.procedure ul li.list05 p { position:absolute; font-size:18px; color:#333; left:12%; top:80px; }
	.procedure ul li.list06 p { position:absolute; font-size:18px; color:#333; left:12%; top:80px; }
	.procedure ul li.list06 p.text02 { position:absolute; font-size:18px; color:#333; left:30%; top:-50px; background:url('./../img/content/sub01/bullet5.png') no-repeat right bottom; padding:130px 40px 0 0 } 
	.procedure ul li.list06 ol { margin-left:12%;  }
	.procedure ul li.list07 div img { width:90%; }
	.cyber_bottom { border:1px solid #ccc; padding:40px; }
	.cyber_bottom img { width:95%; }
		/* PC */
		@media only screen and (max-width:1290px){
			/* 사이버인증 안내 */
			.procedure ul li span { font-size:18px; }
			.procedure ul li ol li { font-size:14px; }
			.procedure ul li p { font-size:14px; }
			.procedure ul li.list07 ol { margin-top:0;  }
			.procedure ul li.list05 p { font-size:14px; }
			.procedure ul li.list06 p { font-size:14px; }
			.procedure ul li.list03 p { font-size:14px; }
		}
		/* 태블릿 */
		@media only screen and (max-width:1023px){
			/* 사이버인증 안내 */
			.procedure ul li span {font-size:18px;}
			.procedure ul li ol li {font-size:14px;}
			.procedure ul li p {font-size:14px; }
			.procedure ul li.list07 ol {margin-top:0;}
			/* 사이버인증 안내 */
			.procedure { border:1px solid #ccc; padding:60px 30px 60px 60px; }
			.procedure ul {  }
			.procedure ul li { height:auto; position:relative; margin:0 0 5px 0; background:url('./../img/content/sub01/bullet3.png') no-repeat center bottom; padding-bottom:45px; }
			.procedure ul li.list03 { height:auto; position:relative; margin:0 0 5px 0; background:url('./../img/content/sub01/bullet4.png') no-repeat center bottom; }
			.procedure ul li.list04 { height:auto; position:relative; margin:0 0 5px 0; background:url('./../img/content/sub01/bullet4.png') no-repeat center bottom; }
			.procedure ul li.list05 { height:auto; position:relative; margin:0 0 5px 0; background:url('./../img/content/sub01/bullet3.png') no-repeat center bottom; }
			.procedure ul li.list06 { height:auto; position:relative; margin:0 0 5px 0; background:url('./../img/content/sub01/bullet3.png') no-repeat 8% bottom; }	
			.procedure ul li.list08 { background:none; height:80px; }
			.procedure ul li.list07 { height:auto; }
			.procedure ul li.list07 ol { margin-top:20px;  }
			.procedure ul li.list07 span { font-size:18px; display:block; margin:10px 0 0 0;}
			.procedure ul li .step { position:absolute; top:-15px; left:-30px; }
			.procedure ul li span { color:#fff; font-size:16px; }
			.procedure ul li div { float:none; padding:20px; width:100%; margin-right:0; }
			.procedure ul li ol { float:none; width:100%; margin:20px 0 20px 20px; }
			.procedure ul li ol li { font-size:12px; padding:0; height:100%; background:none; }
			.procedure ul li.list01 div { background:#2d69cd; }
			.procedure ul li.list02 div { background:#2d80cd; }
			.procedure ul li.list03 div { background:#1e8aa9; }
			.procedure ul li.list04 div { background:#168592; }
			.procedure ul li.list05 div { background:#169285; }
			.procedure ul li.list06 div { background:#169262; width:38%;}
			.procedure ul li.list07 div { background:#6b9216; }
			.procedure ul li.list08 div { background:#91a316; }
			.procedure ul li.list04 li { line-height:20px; }
			.procedure ul li.list06 li { line-height:14px; }
			.procedure ul li.list03 p { position:absolute; font-size:14px; color:#333; left:45%; top:140px; }
			.procedure ul li.list05 p { position:absolute; font-size:14px; color:#333; left:53%; top:170px; }
			.procedure ul li.list06 p { position:absolute; font-size:14px; color:#333; left:12%; top:190px; }
			.procedure ul li.list06 p.text02 { position:absolute; font-size:14px; color:#333; left:80%; top:-10%; background:url('./../img/content/sub01/bullet5.png') no-repeat right bottom; padding:130px 40px 0 0; } 
			.procedure ul li.list06 ol { margin:20px 0 20px 20px; width:70%; }
			.procedure ul li.list07 div img { width:90%; }
			.cyber_bottom { border:1px solid #ccc; padding:40px; }
			.cyber_bottom img { width:95%; }
			.procedure ul li.list04 ol { clear:both; padding:20px 0 20px 20px; }
			.procedure ul li.list04 div.left { float:left; width:42%; margin:0 20px 0 0; }
			.procedure ul li.list04 div.right { float:right; width:42%;}
		}
		/* 모바일 */
		@media only screen and (max-width:767px){
			/* 사이버인증 안내 */
			.cyber_top h6 { position:relative; right:0; top:0; font-size:22px;}
			.cyber_top { background-size:30%; padding:20px;}
			.cyber_top ul li img { width:auto; }
			.cyber_top ul li span { font-size:14px; }
			.procedure ul li.list06 p { top:83%; }
			.procedure ul li.list03 p { top:80%; }
			.procedure {padding:60px 15px 60px 45px; }
			.cyber_bottom {padding:20px; }
			.cyber_top {background:none;}
			.cyber_top ul li {float:none;padding:5% 0 8% 0; margin:10px 0; width:100%;}
		}


/***** sub02_추천자전거여행길 *****/

	/* sub020101_아름다운자전거길100선 */
	/* 공통-상단배경박스 */
	.bg_txt_box {padding:70px 20px;background:url(./../img/content/sub02/sub020101_bg1.jpg) center center no-repeat;background-size:cover;}
	.bg_txt_box p {line-height:41px;font-size:28px;text-align:center;color:#fff;}
		/* 모바일 */
		@media only screen and (max-width:767px){
			/* 공통-상단배경박스 */
			.bg_txt_box {padding:50px 20px;}
			.bg_txt_box p {line-height:34px;font-size:22px;}
			.bg_txt_box p br {display:none;}
		}

	/* 공통-이미지박스 */
	.img_box {text-align:center;}
	.img_box img {display:inline-block;max-width:100%;}

	.sub020101 .btn_box {margin:45px 0;text-align:center;}
	.sub020101 .btn_box a.btn_bace {transition:all 0.4s;-webkit-transition:all 0.4s;display:inline-block;width:330px;height:auto;line-height:29px;margin:5px 10px;padding:20px 0;text-decoration:none;}
	.sub020101 .btn_box a.btn_bace.green {background:#21b8cb;}
	.sub020101 .btn_box a.btn_bace.green:hover {background:#004187;color:#fff;}


/* sub020201_지자체 명품 자전거길 소개 */
	/* 공통-list_st1 */
	.list_st1 {margin-top:100px;}
	.list_st1:after {content:"";clear:both;display:block;}
	.list_st1 li {width:100%;min-height:174px;margin-bottom:20px;}
	.list_st1 li .i_box {float:left;width:250px;}
	.list_st1 li .t_box {width:auto;overflow:hidden;padding:20px 0 0 30px;}
	.list_st1 li .t_box .tit {font-size:22px;font-weight:500;color:#333;}
	.list_st1 li .t_box .tit .num {display:inline-block;width:30px;height:30px;line-height:30px;margin-right:20px;text-align:center;font-size:18px;font-weight:500;background:#acdfe0;border-radius:100%;}
	.list_st1 li .t_box .tit .num.bg2 {background:#fcd4b0;}
	.list_st1 li .t_box .tit .num.bg3 {background:#78c9c4;}
	.list_st1 li .t_box .tit .num.bg4 {background:#d6daab;}
	.list_st1 li .t_box .tit .num.bg5 {background:#b1d2bb;}
	.list_st1 li .t_box .tit .num.bg6 {background:#f7caca;}
	.list_st1 li .t_box .tit .num.bg7 {background:#abb7a2;}
	.list_st1 li .t_box .tit .num.bg8 {background:#b8efc5;}
	.list_st1 li .t_box .tit .num.bg9 {background:#a7aed3;}
	.list_st1 li .t_box p {margin:10px 0 0 50px;}
		/* 모바일 */
		@media only screen and (max-width:767px){
			/* 공통-list_st1 */
			.list_st1 li {margin-bottom:30px;text-align:center;}
			.list_st1 li .i_box {float:none;margin:0 auto;}
			.list_st1 li .t_box {display:inline-block;margin-top:20px;padding:0;}
			.list_st1 li .t_box p {margin:10px 0 0 0;}
		}

	/* 지자체 명품 자전거길 */
	.sub0202 .sub0202_btn {width:100%;display:inline-block;text-align:center;margin-top:60px;}
	.sub0202 .sub0202_box {width:100%;display:inline-block;}
	.sub0202 .sub0202_box a {padding:18px 35px;background:#2d69cd;color:#fff;font-size:19px;border-radius:10px;display:inline-block;font-weight:300;text-decoration:none;}
	.sub0202 .sub0202_box a:hover {background:#21b8cb;}
	.sub0202 .sub0202_box {width:100%;display:inline-block;}
	.sub0202 .sub0202_box .sub0202_txt {width:580px;float:left;padding-right:50px;}
	.sub0202 .sub0202_box .sub0202_txt strong {font-size:25px;font-weight:500;color:#222;margin-bottom:20px;display:block;}
	.sub0202 .sub0202_box .sub0202_txt p {font-size:19px;font-weight:300;color:#616161;}
	.sub0202 .sub0202_box .slides_box {width:450px;float:left;}
	.sub0202 .sub0202_box .slides_box img {width:100%;}
	.sub0202 .sub0202_box .slides_box .bx-wrapper {position:relative;}
	.sub0202 .sub0202_box .slides_box .bx-prev {position:absolute;top:50%;left:0;margin-top:-30px;z-index:100;width:60px;height:60px;background:url(./../img/content/sub02/prev.png) left top no-repeat;font-size:0;border-radius:0;padding:0;}
	.sub0202 .sub0202_box .slides_box .bx-next {position:absolute;top:50%;right:0;margin-top:-30px;z-index:100;width:60px;height:60px;background:url(./../img/content/sub02/next.png) left top no-repeat;font-size:0;border-radius:0;padding:0;}
	.sub0202 .bike_list li {width:31.8%;float:left;margin-left:2%;border:1px solid #ccc;border-top:5px solid #21b8cb;padding:70px 35px;transition:all 0.4s;-webkit-transition:all 0.4s;}
	.sub0202 .bike_list li:first-child {margin-left:0;}
	.sub0202 .bike_list li a:hover {text-decoration:none;}
	.sub0202 .bike_list li a strong {color:#333;font-size:22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2; /* 라인수 */-webkit-box-orient:vertical;word-wrap:break-word;line-height:30px;height:60px;}
	.sub0202 .bike_list li a p {color:#616161;font-size:18px;margin-top:30px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5; /* 라인수 */-webkit-box-orient:vertical;word-wrap:break-word;line-height:26px;height:160px;}
	.sub0202 .bike_list li a span {color:#444;font-size:16px;text-align:right;display:block;margin-top:40px;}
	.sub0202 .bike_list li.on, .sub0202 .bike_list li:hover, .sub0202 .bike_list li:focus, .sub0202 .bike_list li:active {box-shadow:5px 5px 0 #2d69cd;transition:all 0.4s;-webkit-transition:all 0.4s;background:#f5fdfe;}
	.sub0202 .bike0202 {position:relative;margin-bottom:5px;display:inline-block;}
	.sub0202 .bike_list_btn {position:absolute;top:-80px;right:0;transition:all ease 0.4s;}
	.sub0202 .bike_list_btn:hover {transform:rotate(180deg);}
		/* PC */
		@media only screen and (max-width:1399px){
			.sub0202 .sub0202_box .sub0202_txt {width:100%;padding-right:0;}
			.sub0202 .sub0202_box .slides_wrap {width:100%;display:inline-block;text-align:center;margin:30px auto 0 auto;}
			.sub0202 .sub0202_box .slides_box {width:678px;float:none;margin:0 auto;}
			.sub0202 .sub0202_box .slides_box img {width:678px !important;max-width:100% !important;}
			.sub0202 .bike_list li {width:99%;margin:0 0 10px 0;padding:40px 35px;}
			.sub0202 .bike_list li a p {height:80px;margin-top:15px;}
		}
		/* 모바일 */
		@media only screen and (max-width:767px){
			.sub0202 .sub0202_box .slides_box {width:100%;}
			.sub0202 .sub0202_box .slides_box img {width:100% !important;}
			.sub0202 .sub0202_btn {margin-top:30px;}
			.sub0202 .sub0202_btn a {font-size:17px;padding:15px 28px;}
			.sub0202 .bike_list li {padding:30px 25px;}
			.sub0202 .bike_list li a strong {font-size:20px;}
		}

	/* 국토종주 자전거길*/
	.sub0203 {}
	.sub0203 .sub0203_btn {width:100%;display:inline-block;text-align:center;margin-top:60px;}
	.sub0203 .sub0203_btn a {padding:18px 35px;background:#2d69cd;color:#fff;font-size:19px;border-radius:10px;display:inline-block;font-weight:300;text-decoration:none;}
	.sub0203 .sub0203_btn a:hover {background:#21b8cb;}
	.sub0203 .travel_map {text-align:center;border:1px solid #ccc;}
	.sub0203 .course {font-size:25px;color:#222;font-weight:500;border-bottom:1px dashed #ccc;display:block;padding-bottom:10px;margin-bottom:10px;padding-left:10px;}
	.sub0203 .travel_ul {display:inline-block;}
	.sub0203 .travel_ul li {display:inline-block;float:left;margin-bottom:20px;}
	.sub0203 .travel_ul li strong {font-size:19px;padding:8px 0;background:#2d69cd;color:#fff;width:120px;float:left;display:inline-block;border-radius:50px;text-align:center;font-weight:400;}
	.sub0203 .travel_ul li em {font-weight:500;color:#000;}
	.sub0203 .travel_ul li.travel_ul100 {width:100%;}
	.sub0203 .travel_ul li.travel_ul50 {width:50%;}
	.sub0203 .travel_ul li.travel_ul100 p {font-size:20px;width:910px;float:left;padding-left:20px;color:#616161;font-weight:300;line-height:37px;}
	.sub0203 .travel_ul li.travel_ul50 p {font-size:20px;width:395px;float:left;padding-left:20px;color:#616161;font-weight:300;line-height:37px;}
	.sub0203 .arrow li span {color:#2d69cd;font-weight:600;}
	.sub0203 .bike_info {border:10px solid #d3f2f5;padding:45px 30px;}
	.sub0203 .bike_info strong {position:relative;padding-left:90px;color:#222;font-weight:500;font-size:25px;}
	.sub0203 .bike_info strong:after {content:"";position:absolute;left:0;top:0;width:70px;height:43px;background:url(./../img/content/sub02/bike.png) no-repeat left top;}
	.sub0203 .sub0203_box {width:100%;display:inline-block;}
	.sub0203 .sub0203_box .sub0302_txt {width:580px;float:left;padding-right:50px;}
	.sub0203 .sub0203_box .sub0302_txt strong {font-size:25px;font-weight:500;color:#222;margin-bottom:20px;display:block;}
	.sub0203 .sub0203_box .sub0302_txt p {font-size:19px;font-weight:300;color:#616161;}
	.sub0203 .sub0203_box .sub0302_img {width:450px;float:left;}
	.sub0203 .sub0203_box .sub0302_img img {width:100%;}
		/* PC */
		@media only screen and (max-width:1399px){
			.sub0203 .sub0203_box .sub0302_txt {width:60%;}
			.sub0203 .sub0203_box .sub0302_img {width:40%;}
			.sub0203 .travel_map img {width:100%;}
			.sub0203 .travel_ul li.travel_ul100 p {width:100%;}
			.sub0203 .travel_ul li.travel_ul50 p {width:100%;}
		}
		/* 태블릿 */
		@media only screen and (max-width:1023px){
			.sub0203 .sub0203_box .sub0302_txt {width:100%;padding-right:0;}
			.sub0203 .sub0203_box .sub0302_img {width:100%;margin-top:30px;}
		}
		/* 모바일 */
		@media only screen and (max-width:767px){
			.sub0203 .sub0203_btn {margin-top:30px;}
			.sub0203 .sub0203_btn a {font-size:17px;padding:15px 28px;}
			.sub0203 .travel_ul li strong {font-size:18px;}
			.sub0203 .travel_ul li.travel_ul100 p {padding-left:20px;}
			.sub0203 .travel_ul li.travel_ul50 {width:100%;}
			.sub0203 .travel_ul li.travel_ul50 p {padding-left:20px;}
			.sub0203 .bike_info {padding:40px 25px;}
		}


/***** sub03_자전거안전교육 *****/
	/* sub0301_교육자료 */
	.down_btn { border:1px solid #ccc; padding:30px 0; text-align:center; }
	.down_btn a { height:80px; background:#2d69cd url('./../img/content/sub03/btn_eff.png') no-repeat right bottom; font-size:22px; padding-top:10px; padding-left:20px; padding-right:20px; margin-right:1%; }
	.down_btn a img { vertical-align:middle; margin:0 0 0 10px; }
	.down_btn a.down_btn02 { background:#168592 url('./../img/content/sub03/btn_eff.png') no-repeat right bottom; }
	.down_btn a.down_btn03 { background:#169285 url('./../img/content/sub03/btn_eff.png') no-repeat right bottom; }
	.video_box { border:1px solid #ccc; padding:30px; text-align:center; }
	.video_box .video { width:90%; }
	.video_box a img { vertical-align:middle; margin:0 0 0 10px; }
		/* 태블릿 */
		@media only screen and (max-width:1023px){
			.down_btn a { font-size:20px; padding-left:15px; padding-right:15px; }
		}
		/* 모바일 */
		@media only screen and (max-width:767px){
			.down_btn { padding:30px; }
			.down_btn a { height:70px; background:#2d69cd url('./../img/content/sub03/btn_eff.png') no-repeat right bottom; font-size:18px; padding:10px;margin:0 0 10px; display:block; }
			.video_box a img {width:20px;}
		}
	
	/* sub0302_자전거안전이용수칙 */
	.safety_list { overflow:hidden; background:#1f88ca; }
	.safety_list .safety_five { background:#1f88ca; float:left; width:45%; padding:50px 40px; }
	.safety_list .safety_five h6 { color:#fffb01; font-size:30px; text-align:center; margin:0 0 66px 0; }
	.safety_list .safety_five ul { list-style:none; }
	.safety_list .safety_five ul li { color:#fff; margin:0 0 45px 0; font-size:20px; }
	.safety_list .safety_five ul li img { vertical-align:middle; padding:0 10px; }
	.safety_list .safety_driver { background:#1da8bc; float:left; width:55%; padding:30px; }
	.safety_list .safety_driver div.safety_subject { border-radius:10px; padding:40px; background:#fff; }
	.safety_list .safety_driver h6 { color:#1f88ca; font-size:24px; text-align:center; margin:0 0 30px 0; background:url('./../img/content/safety_icon.png') no-repeat 0 bottom; background-size:100%; }
	.safety_list .safety_driver h6 span { font-size:18px; display:block; }
	.safety_list .safety_driver ul { list-style:none; background:#fff; }
	.safety_list .safety_driver ul li { color:#444; margin:0 0 20px 0; font-size:16px;  }
	.safety_list .safety_driver ul li img { vertical-align:middle; padding:0 10px; }
	.safety_list .safety_driver ul li strong { color:red; }
	.safety_list .safety_driver ul li p { font-size:14px; padding:0 0 0 15px; }
	.safety_list .safety_driver .safety_driver_logo { text-align:center; margin:0; padding:0; }
	.text_photo { overflow:hidden; }
	.text_photo div { float:left; width:53%; }
	.text_photo img { float:right; width:45%;}
	.transmission { border:1px solid #ccc; padding:40px; }
	.transmission img { width:98%; }
	.transmission p { text-align:right; }
		/* 태블릿 */
		@media only screen and (max-width:1023px){
			/* .safety_list .safety_five ul li { font-size:18px; }
			.safety_list .safety_driver ul li { font-size:14px;  }
			.safety_list .safety_driver ul li p { font-size:13px; } */
			.certification_icon span { font-size:16px; }
		}
		/* 모바일 */
		@media only screen and (max-width:767px){
			.safety_list .safety_five {float:none;width:100%;}
			.safety_list .safety_five h6 { font-size:22px; margin:0 0 40px 0; }
			.safety_list .safety_five ul li { margin:0 0 30px 0;/*  font-size:14px;   */}
			.safety_list .safety_driver {float:none;width:100%;}
			.safety_list .safety_driver div.safety_subject { padding:20px; }
			.safety_list .safety_driver h6 { /* font-size:18px; */ margin:0 0 20px 0; }
			.safety_list .safety_driver h6 span { /* font-size:13px; */ }
			.safety_list .safety_driver ul li { color:#444; margin:0 0 5px 0;/*  font-size:13px; */  }
			.safety_list .safety_driver ul li p { /* font-size:12px; */ padding:0 0 0 10px; }
			.text_photo div { clear:both; width:100%; }
			.text_photo img { clear:both; width:100%; margin:20px 0; }
			.transmission {padding:20px;}
		}
	
	/* sub0303_교육일정 */
	.sub030301 p {margin:0 0 20px 0}

/***** sub04 *****/
	/* sub040201_전기자전거소개 */
	.sub040201 {}
	.sub040201 .con_st1 {}
	.sub040201 .con_st1:after {content:"";clear:both;display:block;}
	.sub040201 .con_st1 .img_box {float:left;width:240px;}
	.sub040201 .con_st1 .img_box img {border:1px solid #ccc;}
	.sub040201 .con_st1 .txt_box {width:auto;overflow:hidden;padding:10px 0 0 50px;}
		/* 모바일 */
		@media only screen and (max-width:767px){
			/* sub040201_전기자전거소개 */
			.sub040201 .con_st1 .img_box {float:none;margin:0 auto;}
			.sub040201 .con_st1 .txt_box {margin-top:30px;padding:0;}
		}








/***** sub05 *****/
	/* sub050300_공모전참여 */
	
	/* 공통-box_st1 */
	.box_st1 {width:100%;height:auto;padding:30px;background:#fafafa;border:1px solid #ccc;}
	/* sub050301_공모전참여없음 */
	.sub050301 {}
	.sub050301 .box_st1 p {line-height:normal;margin:80px 0;text-align:center;font-size:40px;font-weight:bold;color:#222;}
	.sub050301 .box_st1 img {margin-bottom:80px;}
	/* 모바일 */
	@media only screen and (max-width:767px){
		/* sub050301_공모전참여없음 */
		.sub050301 .box_st1 p {margin:20px 0 40px 0;font-size:26px;}
		.sub050301 .box_st1 img {width:350px;margin-bottom:30px;}
	}


/***** sub06_소통마당 *****/
	/* sub0602_행사일정 */
	.calendar_list h4 { background:#2d69cd; color:#fff; font-size:25px; text-align:center; padding:15px 0; }
	.calendar_list ul { border:1px solid #ccc; overflow:hidden; padding:40px;}
	.calendar_list ul li { border:1px solid #ccc; padding:40px; margin:0 0 40px 0;}
	.calendar_list ul li h5 { background:url('./../img/content/sub06/bullet7.png') no-repeat 0 center; color:#333; font-size:22px; margin:0 0 20px 0; padding:0 0 0 30px;}
	.calendar_list ul ol li { border:0; padding:0; background:url('./../img/content/sub06/bullet6.png') no-repeat 0 center; padding:0 0 0 15px; font-size:18px; margin:0 0 10px 0; }
	.calendar_list ul li:last-child { margin:0; }
	/* 모바일 */
	@media only screen and (max-width:767px){
		.calendar_list h4 {padding-left:20px;text-align:left;font-size:20px;}
		.calendar_list ul {padding:20px;}
		.calendar_list ul li {padding:20px;margin:0 0 40px 0;}
		.calendar_list ul li h5 {font-size:20px;}
	}

/***** sub07_자전거길지도정보 *****/
.sub070101 .tab_content {}
.mapinfo_left { width:27%; height: 100%; float:left;  }
.mapinfo_left h4 { background:#2d69cd url('./../img/content/sub07/map_icon.png') no-repeat 430px 10px; color:#fff; font-size:24px; text-align:center; padding:30px 0; }
.mapinfo_left .tap_btn li a { border:2px solid #2d69cd; border-bottom:0; background:#6c96dc; line-height:18px; display:block; padding-top:20px;}
.mapinfo_left .tap_btn li.on a, .mapinfo_left .tap_btn li:hover a, .mapinfo_left .tap_btn li:focus a, .mapinfo_left .tap_btn li:active a { background:#fff; }
.sub070101 dt { background:url('./../img/content/detail_btn.png') no-repeat right center; }
.sub070101 dt a { font-weight:normal; display:block; background:url('./../img/content/sub06/bullet6.png') no-repeat 0 center; color: #444; cursor: pointer; padding:10px 0 10px 15px; width: 100%; border: none; text-align: left; outline: none; font-size: 20px; transition: 0.4s; border-bottom:1px solid #ececec; }
.sub070101 dt a:focus {border:1px solid #000;}
.sub070101 .panel { padding: 0 18px; display: none; background-color: white; overflow: hidden; }
.sub070101 .panel p { font-size:15px; }
.sub070101 .panel span { color:#e13030; }
.sub070101 .panel strong { color:#333; font-size:18px; background:url('./../img/content/sub06/bullet7.png') no-repeat 0 center; padding:0 0 0 25px;}
.sub070101 .panel ul { border:1px solid #ccc; padding:15px; margin:10px 0 0 0; }
.sub070101 .panel ul li { border-bottom:1px dotted #ccc; padding:10px; }
.sub070101 .panel ul li img { vertical-align:middle; margin:0 10px 0 0; }
.sub070101 .panel ul li:last-child { padding-bottom:0; border:0; }
.sub070101 .panel ul li:first-child { padding-top:0; }
.sub070101 .tap_btn_st2 li { clear:both; }
.sub070101 a { text-decoration: none; color: inherit; }
.sub070101 p { font-size: 1.1em; margin: 1em 0; }
.sub070101 .description { margin: 1em auto 2.25em; }
.sub070101 body { width: 40%; min-width: 300px; max-width: 400px; margin: 1.5em auto; color: #333; }
.sub070101 h1 { font-family: 'Pacifico', cursive; font-weight: 400; font-size: 2.5em; }
.sub070101 ul { list-style: none; padding: 0; }
.sub070101 ul .shutter-panel-collapse { padding-left: 1em; overflow: hidden; display: none; }
.sub070101 ul li { margin:0; }
.sub070101 ul li a.panel-heading { width: 100%; display: block; background: rgba(0, 0, 0, 0.78); color: #fefefe; padding: .75em; border-radius: 0.15em; transition: background .3s ease;}
.sub070101 ul li a.panel-heading:hover {background: rgba(0, 0, 0, 0.9);}
.sub070101 .container { width: 800px;margin: 0 auto;}
.sub070101 ul.tabs { margin: 0px; padding: 0px; list-style: none;}
.sub070101 ul.tabs li { background: none; color: #222; display: inline-block; padding: 10px 15px; cursor: pointer; }
.sub070101 ul.tabs li.current { background: #ededed; color: #222; }
.sub070101 .tab-content { display: none; background: #ededed; padding: 15px; }
.sub070101 .tab-content.current { display: inherit; }
.sub070101 .resul_con ul li { display:block; background:#fff url('./../img/content/sub06/bullet6.png') no-repeat 0 center; color: #444; cursor: pointer; padding:10px 0 10px 15px; width: 100%; border: none; text-align: left; outline: none; font-size: 20px; transition: 0.4s; border-bottom:1px solid #ececec; }
.mapinfo_center { border-left:1px solid #ccc; width:73%; float:left; overflow:hidden; position:relative; }
.mapinfo_btn { position:absolute; top:3%; right:3%; }
.mapinfo_btn img { vertical-align:bottom; margin:0 10px 0 0; }
.mapinfo_btn .mapinfo_btn01 { background:#e94543; color:#fff; float:left; padding:10px 20px; border-radius:5px 0 0 5px;  }
.mapinfo_btn .mapinfo_btn02 { background:#555555; color:#fff; float:left; padding:10px 20px; border-radius:0 5px 5px 0;  }
.legend { position:absolute; top:3%; left:3%; border:1px solid #ccc; background:#fff; width:120px;}
.legend botton { background:#555; color:#fff; text-align:center; display:block; font-size:15px; padding:5px 0; }
.legend ul { padding:5px 10px; }
.legend ul li { font-size:13px; }
.legend ul li img { vertical-align:middle; margin:0 5px 0 0; }
.legend h5 { font-size:14px; background:#6c96dc; color:#fff; text-align:center; padding:8px 0; }
.legend input { vertical-align:middle; margin:0 5px 0 0; }
.legend label { vertical-align:middle; }
.map_full { width:100%; }
.map_full img { width:100%; }
	/* PC */
	@media only screen and (max-width:1550px){
		/* 자전거길 지도정보 */
		.mapinfo_left { }
		.mapinfo_left .tap_btn li a { font-size: 14px; }
		.sub070101 dt a { font-size: 14px; }
		.sub070101 .panel p { font-size:14px; }
		.sub070101 .panel strong { font-size:14px; }
		.sub070101 .panel ul li { font-size:14px; }
		.sub070101 .resul_con ul li { font-size:14px; }
	}


/***** sub08_마이페이지 *****/

	/* sub080101_비밀번호확인 */
	.sub080101 {}
	.sub080101 .box_st1 {padding:60px 15px;}
	.sub080101 .box_st1 p {margin:30px 0;}
	.sub080101 .box_st1 input {margin-bottom:30px;}


	/* sub080501_공모전참여확인 */
	.sub080501 {}
	.sub080501 .box_st1 p {line-height:normal;margin:80px 0;text-align:center;font-size:40px;font-weight:bold;color:#222;}
	.sub080501 .box_st1 img {margin-bottom:80px;}
	.sub080501 .box_st1 .btn_box {margin-bottom:60px;}
	/* 모바일 */
	@media only screen and (max-width:767px){
		/* sub080501_공모전참여확인 */
		.sub080501 .box_st1 p {margin:20px 0 40px 0;font-size:26px;}
		.sub080501 .box_st1 img {width:350px;margin-bottom:50px;}
		.sub080501 .box_st1 .btn_box {margin-bottom:30px;}
	}

	/* sub080601_2년재동의안내 */
	.sub080601 {}
	.sub080601 .box_st2 {margin-top:30px;padding:35px 45px;border:1px solid #ccc;}
	.sub080601 .box_st2 .con {overflow:hidden;height:185px;overflow-y:scroll;}
		/* 모바일 */
		@media only screen and (max-width:767px){
			/* sub080601_2년재동의안내 */
			.sub080601 .box_st2 {margin-top:20px;padding:25px 25px;}
		}

	/* sub080701_회원탈퇴 */
	.sub080701 {}
	.sub080701 .box_st1 {margin-top:30px;padding:35px 45px;border:1px solid #ccc;}
	.sub080701 .box_st1 .con {overflow:hidden;height:185px;overflow-y:scroll;}
		/* 모바일 */
		@media only screen and (max-width:767px){
			/* sub080601_2년재동의안내 */
			.sub080601 .box_st1 {margin-top:20px;padding:25px 25px;}
		}

	/* 인증수첩관리 */
	.sub080301_tab {/*  overflow:hidden; */width:100%;}
	.sub080301_tab .tap_btn_st2 { float:left;width:230px; }
	.sub080301_tab .tap_btn_st2 li { clear:both; }
	.sub080301_tab .tap_btn_st2 li a { border:1px solid #ccc; border-bottom:0; width:230px; text-align:left; padding:8px 20px; font-size:16px; }
	.sub080301_tab .tap_btn_st2 li:last-child a { border-bottom:1px solid #ccc; }
	.sub080301_tab .tap_btn_st2 li:hover a, .sub080301_tab .tap_btn_st2 li:focus a {display:block;background:#2d69cd;color:#fff;text-decoration:none;}
	.sub080301_tab .tap_btn_st2 li.blue a { background:#6c96dc; color:#fff; }
	.sub080301_tab .tab_content { position:relative; border:1px solid #ccc; border-left:0; width:auto; height:715px; overflow:hidden; }
	
	.sub080301_tab .back_next { display:block !important; position:absolute; bottom:60px; width:95%;}
	.sub080301_tab .back_next a { background:#2d69cd; color:#fff; border-radius:20px; padding:5px 20px; position:absolute; bottom:0; z-index:999;}
	.sub080301_tab .back_next a.next { right:0; }
	.cyber_table td { text-align:left; font-size:16px; }
	.cyber_table td select { float:left; margin:0 10px 0 0; width:200px; }
	.cyber_table td label { margin:0 40px 0 0; font-weight:normal; }
	.cyber_table td input[type="checkbox"] { margin:0 5px 0 0; }
	.cyber_table td input[type="radio"] { margin:0 5px 0 0; }
	.cyber_table p.subject { text-align:center; margin:40px 0 0 0; }
	.cyber_table .bottom_btn { text-align:center; margin:60px 0 0 0; }
	.btn_bace img { vertical-align:middle; margin:0 10px 0 0; }
	.btn_bace.gray { background:#555; font-size:16px; height:30px; line-height:28px; padding:0 15px; }
	.td_center td { text-align:center; }
	.td_left { text-align:left !important; }
	.sub080301 .print_btn { text-align:center; margin:40px 0 0 0;  }
	.Pstyle { opacity: 0; display: none; position: relative; width: auto;  background:#fff; }
	.b-close { position: absolute; right: 5px; top: 5px; padding: 5px; display: inline-block; cursor: pointer; }
	.popup_top { background:#2d69cd; padding:20px;}
	.popup_top h6 { font-size:30px; color:#fff; }
	#popup .content {position:relative;/* background:url('/resource/bike/img/content/sub08/popup_bg.jpg') no-repeat center 0 !important; */ width:653px; height:620px; margin:0 auto; }
	#popup .content .con_box {position:absolute;left:0;right:0;top:0;}
	#popupPrint .content { /* background:url('/resource/bike/img/content/sub08/popup_bg.jpg') no-repeat center 0; */ width:653px; height:620px; margin:0 auto; }
	#popupPrint .content .con_box {position:absolute;left:0;right:0;top:0;}
	.certification_ptint { text-align:center; padding:100px 0 20px 0; }
	.certification_ptint strong { display:block;font-size:36px; color:#333; /* background:url('/resource/bike/img/content/sub08/dashed.png') repeat-x center bottom; */ padding-bottom:20px; }
	.certification_ptint ul { margin:0 auto; margin-top:20px; width:57%; }
	.certification_ptint ul li { color:#666; font-size:16px; text-align:left; }
	.certification_list { width:60%; margin:0 auto;}
	.certification_list { border:1px solid #ccc; border-bottom:0; }
	.certification_list table th { font-size:16px; background:#2d69cd !important; color:#fff; padding:5px; border:0; }
	.certification_list table td {  font-size:14px; padding:5px; }
	#popup .content p { font-size:14px; margin:20px 0 0 0; text-align:center; }
	#popup .content .print_btn { margin:25px 0 0 0 ; text-align:center; }
	#popupPrint .content p { font-size:14px; margin:20px 0 0 0; text-align:center; }
	#popupPrint .content .print_btn { margin:70px 0 0 0 ; text-align:center; }
	#popup .b-close { margin:13px 20px 0 0; }
	.sub080301 .tab_content .progress_status { float:left; background:url('./../img/content/sub08/page.jpg') no-repeat left 60px; background-size:200.1%; width:48% ; height:715px; padding:15% 0 0 0; }
	.sub080301 .progress_status ul li { text-align:center; margin:0 0 5% 12%; overflow:hidden;}
	.sub080301 .progress_status ul li .progress_status_img { width:34%; height:auto; float:left; }
	.sub080301 .progress_status ul li .progress_status_img img { width:100%; }
	.sub080301 .progress_status ul li .progress_status_text { float:right; padding:24% 28% 0 0 ;}
	.sub080301 .progress_status ul li:last-child { }
	.sub080301 .progress_status ul li span { background:#ceac89; color:#fff; line-height:20px; font-size:12px; height:20px; padding:0px 5px; display:block; width:60px; text-align:center; border-radius:3px; margin:0 auto;}
	.sub080301 .progress_status ul li span.ing {background:#ceac89;} /* 진행중 */
	.sub080301 .progress_status ul li span.end01 {background:#ab7135;} /* 종주완료 */
	.sub080301 .progress_status ul li span.end02 {background:#a6a6a6;} /* 인증완료 */
	.sub080301 .progress_status ul li p { font-size:12px; }
	.sub080301 .page { margin:60px 0 0 0; width:100%;}
	.sub080301 .tab_content .progress_list { float:left; background:url('./../img/content/sub08/page.jpg') no-repeat right 60px; background-size:200.1%; width:48%; height:715px; padding:17.5% 0 0 0;}
	.sub080301 .tab_content .progress_list li { float:left; width:29.5%; text-align:center; line-height:18px; padding:8% 0 0 0; }
	.sub080301 .progress_list ul { padding:0 0 0 32px; }
	.sub080301 .progress_list ul li span { font-size:14px; margin:0 0 22px 0; display:block;  }
	.sub080301 .progress_list ul li p { font-size:12px; }
	.sub080301 .tabsub .tab { margin:15px 0 0 0;overflow: hidden;border-bottom:1px solid #ccc;}
	.sub080301 .tabsub .tab button {background-color: inherit;float: left;border: none;outline: none;cursor: pointer;padding: 8px 10px;transition: 0.3s;font-size: 15px;border:1px solid #ccc;border-bottom:0;}
	.sub080301 .tabsub .tab button:hover {background-color: #555;color:#fff;}
	.sub080301 .tabsub .tab button.active {background-color: #555;color:#fff;}
	.sub080301 .tabsub .tabcontent {display: none;border-top: none;}
	.sub080301 .tabsub .tabcontent img { margin:0 0 0 0 ; }
	.sub080301 .tabsub .tabcontent2 {display: none;border-top: none;}
	.sub080301 .tabsub .tabcontent2 img { margin:0 0 0 0 ; }
	.sub080301 .tabsub .tabcontent3 {display: none;border-top: none;}
	.sub080301 .tabsub .tabcontent3 img { margin:0 0 0 0 ; }
	.web_none { display:none; }
	
	
	/* ******** 20210107_정지우추가 *******/
	.sub080301 .progress_list ul li {position:relative;}
	.sub080301 .progress_list ul li img {max-width:100%;position:absolute;left:0;right:0;top:5%;margin:0 auto;}
	.sub080301 .resul_con .mapo_box {position:relative;max-width:719px;width:100%;max-height:100%;height:580px;margin:0 auto;background-size:contain !important;}
	.sub080301 .resul_con .mapo_box ul {width:100%;height:100%;max-height:510px;position:absolute;left:0;top:60px;}
	.sub080301 .resul_con .mapo_box ul li img {}
	/* 한강종주자전거길 */
	.sub080301 .resul_con02 .mapo_box {background:url(./../img/content/sub08/page02.jpg) no-repeat center 60px;}
	.sub080301 .mapo_box ul li.m0201 {position:absolute;left:14%;top:35%;} /* 아라서해갑문 */
	.sub080301 .mapo_box ul li.m0202 {position:absolute;left:35.5%;top:28%;} /* 아라한강갑문 */
	.sub080301 .mapo_box ul li.m0203 {position:absolute;left:49.5%;top:45%;} /* 여의도 서강대교 남단 */
	.sub080301 .mapo_box ul li.m0204 {position:absolute;left:68%;top:42%;} /* 뚝섬전망콤플레스 */
	.sub080301 .mapo_box ul li.m0205 {position:absolute;left:77.5%;top:37%;} /* 광나루 자전거공원 */
	/* 남한강자전거길 */
	.sub080301 .resul_con03 .mapo_box {background:url(./../img/content/sub08/page03.jpg) no-repeat center 60px;}
	.sub080301 .mapo_box ul li.m0301 {position:absolute;left:11%;top:7%;} /* 능내역 */
	.sub080301 .mapo_box ul li.m0302 {position:absolute;left:28%;top:12%;} /* 양평군립미술관 */
	.sub080301 .mapo_box ul li.m0303 {position:absolute;left:32.5%;top:24%;} /* 이포보 */
	.sub080301 .mapo_box ul li.m0304 {position:absolute;left:37%;top:32%;} /* 여주보 */
	.sub080301 .mapo_box ul li.m0305 {position:absolute;left:48.5%;top:45%;} /* 강천보 */
	.sub080301 .mapo_box ul li.m0306 {position:absolute;left:75.5%;top:63%;} /* 충주댐 */
	.sub080301 .mapo_box ul li.m0307 {position:absolute;left:62.5%;top:76%;} /* 충주 탄금대 */
	.sub080301 .mapo_box ul li.m0308 {position:absolute;left:57.5%;top:59%;} /* 비내섬 */
	/* 북한강자전거길 */
	.sub080301 .resul_con08 .mapo_box {background:url(./../img/content/sub08/page08.jpg) no-repeat center 60px;}
	.sub080301 .mapo_box ul li.m0801 {position:absolute;left:15.5%;top:75%;} /* 밝은광장 */
	.sub080301 .mapo_box ul li.m0802 {position:absolute;left:26%;top:47%;} /* 샛터삼거리 */
	.sub080301 .mapo_box ul li.m0803 {position:absolute;left:51%;top:9.5%;} /* 경강교 */
	.sub080301 .mapo_box ul li.m0804 {position:absolute;left:81%;top:0%;} /* 신매대교 */
	/* 새재자전거길 */
	.sub080301 .resul_con04 .mapo_box {background:url(/resource/bike/img/content/sub08/page04.jpg) no-repeat center 60px;}
	.sub080301 .mapo_box ul li.m0401 {position:absolute;left:19.5%;top:6%;} /* 충주탄금대 */
	.sub080301 .mapo_box ul li.m0402 {position:absolute;left:28%;top:25%;} /* 수안보온천 */
	.sub080301 .mapo_box ul li.m0403 {position:absolute;left:35%;top:40%;} /* 이화령 휴게소 */
	.sub080301 .mapo_box ul li.m0404 {position:absolute;left:42%;top:49.5%;} /* 문경 불정역 */
	.sub080301 .mapo_box ul li.m0405 {position:absolute;left:55.5%;top:69.5%;} /* 상주 상풍교 */
	/* 낙동강자전거길-상류 */
	.sub080301 .resul_con05 #tabsub01 .mapo_box {background:url(./../img/content/sub08/page05-01.jpg) no-repeat top center;}
	.sub080301 .resul_con05 .mapo_box ul {top:0;}
	.sub080301 .mapo_box ul li.m0501 {position:absolute;left:50%;top:0%;} /* 안동댐 */
	.sub080301 .mapo_box ul li.m0502 {position:absolute;left:19%;top:2%;} /* 상주상풍교 */
	.sub080301 .mapo_box ul li.m0503 {position:absolute;left:18%;top:11%;} /* 상주보 */
	.sub080301 .mapo_box ul li.m0504 {position:absolute;left:22%;top:22.5%;} /* 낙단보 */
	.sub080301 .mapo_box ul li.m0505 {position:absolute;left:26.5%;top:37%;} /* 구미보 */
	.sub080301 .mapo_box ul li.m0506 {position:absolute;left:28.5%;top:64%;} /* 칠곡보 */
	/* 낙동강자전거길-하류 */
	.sub080301 .resul_con05 #tabsub02 .mapo_box {background:url(./../img/content/sub08/page05-02.jpg) no-repeat top center;}
	.sub080301 .mapo_box ul li.m0507 {position:absolute;left:27%;top:0%;} /* 강정고령보 */
	.sub080301 .mapo_box ul li.m0508 {position:absolute;left:23%;top:8%;} /* 달성보 */
	.sub080301 .mapo_box ul li.m0509 {position:absolute;left:21%;top:28%;} /* 합천창녕보 */
	.sub080301 .mapo_box ul li.m0510 {position:absolute;left:32%;top:48.5%;} /* 창녕함안보 */
	.sub080301 .mapo_box ul li.m0511 {position:absolute;left:60%;top:53%;} /* 양산 물문화관 */
	.sub080301 .mapo_box ul li.m0512 {position:absolute;left:60.5%;top:77%;} /* 낙동강하구둑 */
	/* 금강자전거길 */
	.sub080301 .resul_con06 .mapo_box {background:url(./../img/content/sub08/page06.jpg) no-repeat center 60px;}
	.sub080301 .mapo_box ul li.m0601 {position:absolute;left:14%;top:75%;} /* 금강하구둑 */
	.sub080301 .mapo_box ul li.m0602 {position:absolute;left:23%;top:65%;} /* 익산 성당포구 */
	.sub080301 .mapo_box ul li.m0603 {position:absolute;left:25%;top:46%;} /* 백제보 */
	.sub080301 .mapo_box ul li.m0604 {position:absolute;left:37%;top:27.5%;} /* 공주보 */
	.sub080301 .mapo_box ul li.m0605 {position:absolute;left:51%;top:25%;} /* 세종보 */
	.sub080301 .mapo_box ul li.m0606 {position:absolute;left:65.5%;top:18%;} /* 대청댐 */
	/* 영산강종주자전거길 */
	.sub080301 .resul_con07 .mapo_box {background:url(./../img/content/sub08/page07.jpg) no-repeat center 60px;}
	.sub080301 .mapo_box ul li.m0701 {position:absolute;left:17%;top:75%;} /* 영산강하구둑 */
	.sub080301 .mapo_box ul li.m0702 {position:absolute;left:22%;top:67%;} /* 느러지 관람전망대 */
	.sub080301 .mapo_box ul li.m0703 {position:absolute;left:28%;top:58%;} /* 죽산보 */
	.sub080301 .mapo_box ul li.m0704 {position:absolute;left:39%;top:50.5%;} /* 승촌보 */
	.sub080301 .mapo_box ul li.m0705 {position:absolute;left:47%;top:29%;} /* 담양대나무숲 */
	.sub080301 .mapo_box ul li.m0706 {position:absolute;left:52.5%;top:19%;} /* 메타세쿼이아길 */
	.sub080301 .mapo_box ul li.m0707 {position:absolute;left:59%;top:10%;} /* 담양댐 */
	/* 섬진강종주자전거길 */
	.sub080301 .resul_con09 .mapo_box {background:url(./../img/content/sub08/page09.jpg) no-repeat center 60px;}
	.sub080301 .mapo_box ul li.m0901 {position:absolute;left:5%;top:14%;} /* 섬진강댐 */
	.sub080301 .mapo_box ul li.m0902 {position:absolute;left:14%;top:32%;} /* 장군목 */
	.sub080301 .mapo_box ul li.m0903 {position:absolute;left:14.5%;top:61%;} /* 향가유원지 */
	.sub080301 .mapo_box ul li.m0904 {position:absolute;left:30%;top:67.5%;} /* 횡탄정 */
	.sub080301 .mapo_box ul li.m0905 {position:absolute;left:50%;top:5%;} /* 사성암 */
	.sub080301 .mapo_box ul li.m0906 {position:absolute;left:67%;top:0%;} /* 남도대교 */
	.sub080301 .mapo_box ul li.m0907 {position:absolute;left:83%;top:24%;} /* 매화마을 */
	.sub080301 .mapo_box ul li.m0908 {position:absolute;right:0;top:49%;} /* 배알도수변공원 */
	/* 오전자전거길 */
	.sub080301 .resul_con10 .mapo_box {background:url(./../img/content/sub08/page10.jpg) no-repeat center 60px;}
	.sub080301 .mapo_box ul li.m1001 {position:absolute;left:8%;top:70%;} /* 합강공원 */
	.sub080301 .mapo_box ul li.m1002 {position:absolute;left:21.5%;top:39%;} /* 무심천교 */
	.sub080301 .mapo_box ul li.m1003 {position:absolute;left:37.5%;top:21%;} /* 백로공원 */
	.sub080301 .mapo_box ul li.m1004 {position:absolute;right:24%;top:17.5%;} /* 괴강교 */
	.sub080301 .mapo_box ul li.m1005 {position:absolute;right:6%;top:20%;} /* 행촌교차로 */
	/* 동해안자전거길-강원 */
	.sub080301 .resul_con11 #tabsub03 .mapo_box {background:url(./../img/content/sub08/page14.jpg) no-repeat top center;}
	.sub080301 .resul_con11 .mapo_box ul {top:0;}
	.sub080301 .resul_con11 .mapo_box ul li img {width:70px;}
	.sub080301 .mapo_box ul li.m1101 {position:absolute;left:4%;top:1%;} /* 통일전망대 */
	.sub080301 .mapo_box ul li.m1102 {position:absolute;left:11%;top:24%;} /* 북천철교 */
	.sub080301 .mapo_box ul li.m1103 {position:absolute;left:17%;top:39%;} /* 봉포해변 */
	.sub080301 .mapo_box ul li.m1104 {position:absolute;left:20%;top:50.5%;} /* 영금정 */
	.sub080301 .mapo_box ul li.m1105 {position:absolute;left:26%;top:66%;} /* 동호해변 */
	.sub080301 .mapo_box ul li.m1106 {position:absolute;left:33%;top:78%;} /* 지경공원 */
	.sub080301 .mapo_box ul li.m1107 {position:absolute;right:32%;top:1%;} /* 경포해변 */
	.sub080301 .mapo_box ul li.m1108 {position:absolute;right:24%;top:16%;} /* 정동진 */
	.sub080301 .mapo_box ul li.m1109 {position:absolute;right:20%;top:28%;} /* 막상해변 */
	.sub080301 .mapo_box ul li.m1110 {position:absolute;right:15%;top:42%;} /* 추암촛대바위 */
	.sub080301 .mapo_box ul li.m1111 {position:absolute;right:10%;top:53%;} /* 힌재공원 */
	.sub080301 .mapo_box ul li.m1112 {position:absolute;right:3%;top:70%;} /* 임원 */
	/* 동해안자전거길-경북 */
	.sub080301 .resul_con11 #tabsub04 .mapo_box {background:url(./../img/content/sub08/page14-02.jpg) no-repeat top center;}
	.sub080301 .resul_con11 .mapo_box ul {top:0;}
	.sub080301 .resul_con11 .mapo_box ul li img {width:70px;}
	.sub080301 .mapo_box ul li.m1113 {position:absolute;left:33%;top:45%;} /* 울진 은어다리 */
	.sub080301 .mapo_box ul li.m1114 {position:absolute;left:33%;top:76%;} /* 망양휴게소 */
	.sub080301 .mapo_box ul li.m1115 {position:absolute;right:13%;top:19%;} /* 월송정 */
	.sub080301 .mapo_box ul li.m1116 {position:absolute;right:20%;top:49.5%;} /* 고래불해변 */
	.sub080301 .mapo_box ul li.m1117 {position:absolute;right:15%;top:85%;} /* 해맞이공원 */
	/* 제주환상자전거길 */
	.sub080301 .resul_con12 .mapo_box {background:url(./../img/content/sub08/page15.jpg) no-repeat center 60px;}
	.sub080301 .resul_con12 .mapo_box ul li img {width:75px;}
	.sub080301 .mapo_box ul li.m1201 {position:absolute;left:34.5%;top:22%;} /* 용두암 */
	.sub080301 .mapo_box ul li.m1202 {position:absolute;left:18.5%;top:30%;} /* 다락쉼터 */
	.sub080301 .mapo_box ul li.m1203 {position:absolute;left:7.5%;top:46%;} /* 해거름마을공원 */
	.sub080301 .mapo_box ul li.m1204 {position:absolute;left:14%;top:75.5%;} /* 송악산 */
	.sub080301 .mapo_box ul li.m1205 {position:absolute;left:38.5%;top:67%;} /* 법환바당 */
	.sub080301 .mapo_box ul li.m1206 {position:absolute;right:31.5%;top:56%;} /* 쇠소깍 */
	.sub080301 .mapo_box ul li.m1207 {position:absolute;right:14.5%;top:50%;} /* 표선해변 */
	.sub080301 .mapo_box ul li.m1208 {position:absolute;right:5%;top:31%;} /* 성산일출봉 */
	.sub080301 .mapo_box ul li.m1209 {position:absolute;right:21.5%;top:16.5%;} /* 김녕성세기해변 */
	.sub080301 .mapo_box ul li.m1210 {position:absolute;right:33%;top:17%;} /* 함덕서우봉해변 */
	/* 구간별종주(인증스티커)-한강 */
	.sub080301 .resul_con13 #tabsub05 .mapo_box {background:url(./../img/content/sub08/page11-01.jpg) no-repeat top center;}
	.sub080301 .resul_con13 .mapo_box ul {top:0;}
	.sub080301 .mapo_box ul li.m1301 {position:absolute;right:11%;top:30%;} /* 한강 */
	/* 구간별종주(인증스티커)-남한강,새재 */
	.sub080301 .resul_con13 #tabsub06 .mapo_box {background:url(./../img/content/sub08/page11-02.jpg) no-repeat top center;}
	.sub080301 .mapo_box ul li.m1302 {position:absolute;left:11%;top:30%;} /* 남한강 */
	.sub080301 .mapo_box ul li.m1303 {position:absolute;right:11%;top:30%;} /* 새재 */
	/* 구간별종주(인증스티커)-낙동강,금강 */
	.sub080301 .resul_con13 #tabsub07 .mapo_box {background:url(./../img/content/sub08/page11-03.jpg) no-repeat top center;}
	.sub080301 .mapo_box ul li.m1304 {position:absolute;left:11%;top:30%;} /* 낙동강 */
	.sub080301 .mapo_box ul li.m1305 {position:absolute;right:11%;top:30%;} /* 금강 */
	/* 구간별종주(인증스티커)-영산강,북한강 */
	.sub080301 .resul_con13 #tabsub08 .mapo_box {background:url(./../img/content/sub08/page11-04.jpg) no-repeat top center;}
	.sub080301 .mapo_box ul li.m1306 {position:absolute;left:11%;top:30%;} /* 영산강 */
	.sub080301 .mapo_box ul li.m1307 {position:absolute;right:11%;top:30%;} /* 북한강 */
	/* 구간별종주(인증스티커)-섬진강,오천 */
	.sub080301 .resul_con13 #tabsub09 .mapo_box {background:url(./../img/content/sub08/page11-05.jpg) no-repeat top center;}
	.sub080301 .mapo_box ul li.m1308 {position:absolute;left:11%;top:30%;} /* 섬진강 */
	.sub080301 .mapo_box ul li.m1309 {position:absolute;right:11%;top:30%;} /* 오천 */
	/* 구간별종주(인증스티커)-동해안(강원,경북) */
	.sub080301 .resul_con13 #tabsub10 .mapo_box {background:url(./../img/content/sub08/page11-06.jpg) no-repeat top center;}
	.sub080301 .mapo_box ul li.m1310 {position:absolute;left:11%;top:30%;} /* 동해안(강원) */
	.sub080301 .mapo_box ul li.m1311 {position:absolute;right:11%;top:30%;} /* 동해안(경북) */
	/* 구간별종주(인증스티커)-제주환상 */
	.sub080301 .resul_con13 #tabsub11 .mapo_box {background:url(./../img/content/sub08/page11-07.jpg) no-repeat top center;}
	.sub080301 .mapo_box ul li.m1312 {position:absolute;left:11%;top:30%;} /* 동해안(강원) */
	/* 4대강종주_및_국토종주(인증스티커) */
	.sub080301 .resul_con14 .mapo_box {background:url(./../img/content/sub08/page12.jpg) no-repeat center 60px;}
	.sub080301 .mapo_box ul li.m1410 {position:absolute;left:11%;top:30%;} /* 4대강종주 */
	.sub080301 .mapo_box ul li.m1411 {position:absolute;right:11%;top:30%;} /* 국토종주 */
	/* 국토완주_그랜드슬램_달성 */
	.sub080301 .resul_con15 .mapo_box {background:url(./../img/content/sub08/page13.jpg) no-repeat center 60px;}
	.sub080301 .mapo_box ul li.m1501 {position:absolute;right:12%;top:35%;} /* 국토완주 그랜드슬램 달성 */


		/* PC */
		@media only screen and (max-width:1299px){
			.sub080301 .resul_con .mapo_box {max-width:620px;height:500px;}
			.sub080301 .resul_con .mapo_box ul {max-height:440px;}
			/* 구간별종주(인증스티커) */
			.sub080301 .resul_con13 .mapo_box ul li img {width:167px;}
			/* 4대강종주_및_국토종주(인증스티커) */
			.sub080301 .resul_con14 .mapo_box ul li img {width:167px;}
			/* 국토완주_그랜드슬램_달성 */
			.sub080301 .resul_con15 .mapo_box ul li img {width:175px;}

		}
		@media only screen and (max-width:1099px){
			.sub080301 .resul_con .mapo_box {max-width:546px;height:448px;}
			.sub080301 .resul_con .mapo_box ul {max-height:388px;}
			/* 구간별종주(인증스티커) */
			.sub080301 .resul_con13 .mapo_box ul li img {width:148px;}
			/* 4대강종주_및_국토종주(인증스티커) */
			.sub080301 .resul_con14 .mapo_box ul li img {width:148px;}
			/* 국토완주_그랜드슬램_달성 */
			.sub080301 .resul_con15 .mapo_box ul li img {width:154px;}
			
		}


		/* PC */
		@media only screen and (max-width:1400px){
			.sub080301_tab .tap_btn_st2 {width:150px;}
			.sub080301_tab .tap_btn_st2 li a { width:150px; font-size:14px; padding:8px 5px;}
			.sub080301 .progress_status ul li span {  font-size:10px; height:20px; width:46px; }
			.sub080301 .progress_status ul li p { font-size:10px }
			.sub080301 .progress_list ul li span { font-size:10px; margin:0 0 22% 0;  }
			.sub080301 .progress_list ul li p { font-size:10px; }
		}
		@media only screen and (max-width:1240px){
			/* 인증수첩관리 */
			.mobild_none { display:none; }
			.m_progress_status ul li { width:100%; overflow:hidden; margin:0 0 20px 0; }
			.m_progress_status ul li .progress_status_img { border:1px solid #ccc; text-align:center; float:left; padding:20px; width:190px; height:190px; margin:0 20px 0 0; }
			.m_progress_status ul li .progress_status_img .progress_status_img2 { margin:20px 0 0 0; }
			.m_progress_status ul li .progress_status_text { float:left; margin:20px 0 0 0;}
			.m_progress_status ul li .progress_status_text strong { font-size:26px; color:#333; margin:0 0 10px 0; display:block; } 
			.m_progress_status ul li .progress_status_text .status_end { margin:20px 0 10px 0;  background:#2d69cd url('./../img/content/sub08/bullet9.png') no-repeat 15px center; color:#fff; border-radius:3px; width:120px;  padding:5px 0 5px 35px; }
			.progress_status_list dl { border:1px solid #ccc; border-top:0;}
			.progress_status_list dt { border-top:1px solid #ccc; border-bottom:0; }
			.progress_status_list dt a { display:block; width:100%; color:#333; font-size:26px; padding:10px 20px; font-weight:normal;}
			.progress_status_list dt a span { float:right; color:#fff; background:#2d69cd url('./../img/content/sub08/bullet10.png') no-repeat 70px center; font-size:16px; padding:5px 25px 7px 10px; border-radius:3px; margin:2px 0 0 0; }
			.progress_status_list .panel { margin:0; -webkit-box-shadow:0; }
			.progress_status_list .panel ul { padding:10px 20px; overflow:hidden; } 
			.progress_status_list .panel li { overflow:hidden; border-bottom:1px dotted #ccc; padding:10px 10px 10px 15px; background:url('./../img/content/sub08/bullet6.png') no-repeat 0 center; }
			.progress_status_list .panel li:last-child { border:0; }
			.progress_status_list .panel p { float:left; font-size:22px; }
			.progress_status_list .panel span { float:right; font-size:18px; width:10%; text-align:center; margin:3px 0 0 0; }
			.progress_status_list .panel span.blue { color:blue; }
			.progress_status_list .panel span.red { color:red; }
			.progress_status_list .active { color:#fff; background:#2d69cd; }
		}
		/* 태블릿 */
		@media only screen and (max-width:1023px){
			.mobild_none { display:none !important; }
			.web_none { display:block !important; }
		}
		/* 모바일 */
		@media only screen and (max-width:767px){
			/* 인증수첩관리 */
			.cyber_table .clear { clear:both; }
		}

/* 게시판 검색 */
.notice_search {margin-bottom:30px;padding:30px;background:#fafafa;text-align:center;}
.notice_search .search_area .btn_search {padding:0 35px;height:45px;line-height:45px;background:#222;border:1px solid #222;cursor:pointer;color:#fff;}
.notice_search .search_area .btn_search:focus {border:2px solid red; outline-color: red;}
.notice_search .search_area .btn_reset {padding:0 25px;height:45px;line-height:45px;background:#20b7ca;border:1px solid #20b7ca;cursor:pointer;color:#fff;}

.notice_hit_box {margin-top:20px;}
.notice_hit_box select {float:right;}
.notice_hit_box .hitbox {float:left;margin-top:11px;}
.notice_hit_box .hitbox span {color:#6e972f;}
	/* 모바일 */
	@media only screen and (max-width:767px){
		.notice_search .search_area label {width:100%;}
		.notice_search .search_area input {width:100%;margin-top:5px;padding:0 10px;}
		.notice_search .search_area .btn_search {width:100%;font-size:16px;}
		.notice_search .search_area .btn_reset {width:100%;font-size:16px;}

		.notice_hit_box select {float:right;width:20%;}
	}
	/* 모바일 */
	@media only screen and (max-width:560px){
		.notice_hit_box select {float:right;width:40%;}
	}

/* 페이징 */
	.pagination_box {margin-top:30px;text-align:center;}
	.pagination li {display:inline-block;vertical-align:top;}
	.pagination li a {display:inline-block;width:30px;height:30px;line-height:30px;padding:0;background:#fff;text-align:center;color:#777;border:0 !important;font-size:16px;}
	.pagination li.prev_first a {margin:0;background:url(./../img/common/btn_prev1.gif) no-repeat center center;font-size:0;}
	.pagination li.prev a {background:url(./../img/common/btn_prev2.gif) no-repeat center center;font-size:0;}
	.pagination li.next a {background:url(./../img/common/btn_next2.gif) no-repeat center center;font-size:0;}
	.pagination li.next_last a {background:url(./../img/common/btn_next1.gif) no-repeat center center;font-size:0;}
	.pagination li a span {padding:0;}
	.pagination li a.on {background:#222;color:#fff;}
		/* 모바일 */
		@media only screen and (max-width:767px){
			.pagination li a {display:inline-block;width:35px;height:28px;line-height:28px;}
			/*.pagination li.num + li.num + li.num + li.num + li.num + li.num {display:none;}*/
		}

/* 키워드검색 */
.checks_list {}
.checks_list:after {content:"";display:block;clear:both;}
.checks_list li {float:left;width:100px;height:45px;line-height:45px;margin:5px 10px 5px 0;}
.checks_list li a {display:block;width:100%;height:100%;text-align:center;background:#dddddd;color:#777;border:1px solid #dddddd;font-size:16px;letter-spacing:-1px;text-decoration:none;}
.checks_list li.on a, .checks_list li a:hover{background:#2d69cd;color:#fff;border:1px solid #2d69cd;}
	/*모바일*/
	@media only screen and (max-width:767px){
		.checks_list li {width:32.3%;margin:1% 1% 0 0;}
		.checks_list li a {font-size:13px;letter-spacing:-2px;}
	}


/* 회원가입 */
/* 공통박스 */
.box_step {position:relative;margin-top:30px;padding:40px 40px 40px 210px;background:url(./../img/content/sub09/box_icon01.png) no-repeat 40px 40px #f9fafc;border:1px solid #ddd;}
.box_step2 {background:url(./../img/content/sub09/box_icon02.png) no-repeat 40px 40px #f9fafc;}
.box_step3 {background:url(./../img/content/sub09/box_icon03.png) no-repeat 40px 40px #f9fafc;}
.box_step4 {background:url(./../img/content/sub09/box_icon04.png) no-repeat 40px 40px #f9fafc;}
.box_step6 {background:url(./../img/content/sub09/box_icon06.png) no-repeat 40px 40px #f9fafc;}
.box_step7 {margin-top:0;background:url(./../img/content/sub09/box_icon07.png) no-repeat 40px 40px #f9fafc;}
.box_step8 {margin-top:0;background:url(./../img/content/sub09/box_icon08.png) no-repeat 40px 40px #f9fafc;}
.box_step > strong {font-size:24px;}
.box_step > ul {margin-top:10px;}
.box_step > ul > li {position:relative;margin-bottom:10px;padding-left:16px;line-height:1.6;font-weight:bold;font-size:15px;}
.box_step > ul > li:before {content:"";position:absolute;left:0;top:8px;display:block;width:9px;height:9px;background:url(./../img/content/sub09/ch_icon01.png) no-repeat;}
.box_step > ul > li > ul {}
.box_step > ul > li > ul > li {position:relative;margin-bottom:2px;padding-left:10px;font-size:14px;color:#777;font-weight:400;}
.box_step > ul > li > ul > li:before {content:"-";position:absolute;left:0;top:0;display:block;color:#777;}
.box_step > ul.box_step_ul_ex > li > ul > li {position:relative;margin-bottom:2px;padding-left:0;font-size:14px;color:#000;font-weight:bold;}
.box_step > ul.box_step_ul_ex > li > ul > li:before {display:none;}
.box_step > ul.box_step_ul_ex > li > ul > li > ul > li {position:relative;margin-bottom:2px;padding-left:10px;font-size:14px;color:#777;font-weight:400;}
.box_step > ul.box_step_ul_ex > li > ul > li > ul > li:before {content:"-";position:absolute;left:0;top:0;display:block;color:#777;}
.box_step_end {padding:175px 15px 60px 15px;background:url(./../img/content/sub09/box_icon05.png) no-repeat center 60px #f9fafc;text-align:center;border:1px solid #ddd;}
.box_step_end > strong {font-size:34px;}
.box_step_end > strong span {color:#6e972f;}
.box_step_end > p {margin-top:15px;padding-top:15px;border-top:1px solid #ddd;font-size:15px;word-break:keep-all;}
/* 휴대폰인증 */
.box_step .aut_ok {position:absolute;right:40px;top:75px;}
	/* 태블릿 */
	@media only screen and (max-width:1023px){
		.box_step {margin-top:30px;padding:40px 40px 40px 180px;background-size:100px 100px;}
		.box_step > strong {font-size:22px;}
		.box_step2 {background-size:100px 100px;}
		.box_step3 {background-size:100px 100px;}

		.box_step_end {padding:155px 15px 40px 15px;background:url(./../img/content/sub09/box_icon05.png) no-repeat center 40px #f9fafc;}
		.box_step_end > strong {font-size:30px;}

		/* 휴대폰인증 */
		.box_step .aut_ok {position:static;}
	}
	/* 모바일 */
	@media only screen and (max-width:767px){
		.box_step > strong {font-size:20px;}
		.box_step {margin-top:30px;padding:20px 20px 20px 20px;background:#f9fafc;}

		.box_step_end {padding:135px 15px 40px 15px;background-size:67px auto;}
		.box_step_end > strong {display:block;line-height:34px;font-size:24px;word-break:keep-all;}
	}

/* 상단문구, 스탭1~5 */
.member_box .line_dot {padding:190px 0 40px 0;background:url(./../img/content/sub09/sub090101_ico1.png) no-repeat center 50px;border-top:2px solid #20b7cb;border-bottom:1px dashed #ccc;text-align:center;}
.member_box .line_dot > strong {line-height:normal;font-weight:400;font-size:40px;color:#d4d4d4;}
.member_box .line_dot p.p1 {font-weight:bold;font-size:30px;}
.member_box .line_dot p.p1 span {color:#2e69cd;}
.member_box .line_dot p.p2 {margin-top:10px;color:#777;font-size:22px;}
.member_box .line_dot .step_num {margin-top:30px;}
.member_box .line_dot .step_num li {display:inline-block;margin:0 8px;vertical-align:top;}
.member_box .line_dot .step_num li > div {height:80px;border-radius:50px;}
.member_box .line_dot .step_num li > div > div.stepbox .num {display:inline-block;width:80px;height:80px;line-height:80px;background:#ededed;border-radius:100%;}
.member_box .line_dot .step_num li > div > div.stepbox .step {display:none;}
.member_box .line_dot .step_num li > div > div.stepbox strong {display:none;}
.member_box .line_dot .step_num li.on > div {display:table;width:215px;background:#4377cd;color:#fff;}
.member_box .line_dot .step_num li.on > div.step03 {width:247px;}
.member_box .line_dot .step_num li.on > div.step04 {width:285px;}
.member_box .line_dot .step_num li.on > div.step05 {width:305px;}
.member_box .line_dot .step_num li.on > div > div.stepbox .num {display:none;}
.member_box .line_dot .step_num li.on > div > div.stepbox {position:relative;display:table-cell;line-height:24px;padding-left:110px;/* background:url(./../img/content/sub09/step_icon01.png) no-repeat 40px center; */vertical-align:middle;text-align:left;}
.member_box .line_dot .step_num li.on > div > div.stepbox:after {content:"";position:absolute;left:88px;top:23px;display:inline-block;width:1px;height:40px;background:rgba(255,255,255,0.2);}
.member_box .line_dot .step_num li.on > div > div.stepbox .step {display:block;}
.member_box .line_dot .step_num li.on > div > div.stepbox strong {display:block;font-size:18px;}
	/* 모바일 */
	@media only screen and (max-width:767px){
		.member_box .line_dot .step_num li {display:block;margin:0 0 5px 0;}
		.member_box .line_dot .step_num li > div {height:20px;border-radius:0;}
		.member_box .line_dot .step_num li > div > div.stepbox .num {display:block;width:auto;height:20px;line-height:20px;background:#ededed;border-radius:0;font-size:0.875em;}
		.member_box .line_dot .step_num li.on {margin:0 0 5px 0;}
		.member_box .line_dot .step_num li.on > div > div.stepbox .num {height:60px;line-height:60px;}
		.member_box .line_dot .step_num li.on > div {width:100%;height:60px;}
		.member_box .line_dot .step_num li.on > div.step03,
		.member_box .line_dot .step_num li.on > div.step04,
		.member_box .line_dot .step_num li.on > div.step05 {width:100%;}
		.member_box .line_dot .step_num li.on > div > div.stepbox {display:inline-block;width:auto;margin-top:5px;padding-left:55px;/* background:url(./../img/content/sub09/step_icon01.png) no-repeat left center; */}
		.member_box .line_dot .step_num li.on > div > div.stepbox:after {content:"";position:absolute;left:40px;top:12px;height:25px;}
		.member_box .line_dot .step_num li.on > div > div.stepbox strong {display:block;font-size:16px;}
	}
/* 가입선택 */
.member_box .member_ul {margin:40px 0 0 -25px;}
.member_box .member_ul li {float:left;width:33.3%;padding-left:25px;text-align:center;}
.member_box .member_ul li > a {position:relative;display:block;width:auto;height:390px;padding:40px 15px;border:1px solid #ddd;}
.member_box .member_ul li > a .tit {display:block;padding-bottom:100px; background:url(./../img/content/sub09/icon02.gif) no-repeat center 50px;font-weight:bold;font-size:25px;}
.member_box .member_ul li:nth-child(2) > a .tit {background:url(./../img/content/sub09/icon03.gif) no-repeat center 50px;}
.member_box .member_ul li:nth-child(3) > a .tit {background:url(./../img/content/sub09/icon04.gif) no-repeat center 50px;}
.member_box .member_ul li > a .p {display:block;color:#666;}
.member_box .member_ul li > a .btn_bace {position:absolute;left:30px;bottom:30px;right:30px;margin-top:35px;}
	/* 모바일 */
	@media only screen and (max-width:900px){
		.member_box .line_dot {}
		.member_box .line_dot p.p1 {font-size:24px;}
		.member_box .line_dot p.p2 {margin-top:0;font-size:18px;}
		.member_box .member_ul {margin:20px 0 0 0;}
		.member_box .member_ul li {float:none;width:100%;padding-left:0;text-align:center;}
		.member_box .member_ul li > a {height:auto;margin-bottom:20px;padding:20px 15px;}
		.member_box .member_ul li > a .btn_bace {position:static;}
		.member_box .member_ul li > a .tit {font-size:20px;}
		.member_box .member_ul li > a .btn_bace {margin-top:15px;}
	}

/* step01_약관동의 */
.member_box .table_st1 {width:100%;}
.member_box .table_st1 .checks {margin-top:30px;}
.member_box .table_st1 .home_box {overflow:auto;padding:20px;border:1px solid #ddd;}
.member_box .table_st1 .home_box > h3 {margin-top:40px;}
.member_box .table_st1 .home_box > h3:first-child {margin-top:0;}
.member_box .table_st1 .home_box > strong {display:block;margin-top:20px;}
.member_box .table_st1 .home_box > p {margin-top:10px;}
.member_box .table_st1 .home_box > ul {margin:10px 0 0 10px;}
.member_box .table_st1 .home_box > ul > li {margin-top:10px;}
.member_box .table_st1 .home_box > ul > li > ul {margin:5px 0 0 10px;}
.member_box .table_st1 .home_box > ul > li > ul > li {margin-top:5px;}
.member_box .table_st1 .home_box > ul > li > ul > li > ul {margin:5px 0 0 10px;}
.member_box .table_st1 .home_box > ul > li > ul > li > ul > li {margin-top:5px;}
.member_box .table_st2 {width:100%;border-right:1px solid #ddd;border-bottom:1px solid #ddd;text-align:center;}
.member_box .table_st2 thead th {padding:10px 5px;border-left:1px solid #ddd;border-top:1px solid #ddd;background:#999;color:#fff;}
.member_box .table_st2 tbody td {padding:10px 5px;border-left:1px solid #ddd;border-top:1px solid #ddd;}
	/* 모바일 */
	@media only screen and (max-width:480px){
		.member_box .table_st1 .home_box {padding:20px 0;font-size:14px;}
	}

.mem_cont {padding-top:40px;text-align:center;}
.mem_cont h4 {text-align:left;}
.mem_cont p {font-size:21px;}
.mem_cont .box_st2 {margin-top:40px;padding:60px 15px;border:1px solid #ccc;}
.mem_cont .box_st2 .img_box {margin:50px 0;}
.mem_cont .box_st2 .info {display:inline-block;line-height:40px;margin-bottom:45px;font-size:19px;color:#616161;}
.mem_cont .box_st2 .info div {margin-bottom:10px;text-align:left;}
.mem_cont .box_st2 .info div em {display:inline-block;width:100px;height:40px;margin-right:20px;color:#fff;background:#4377cd;text-align:center;border-radius:100px;}
.mem_cont .box_st2 .info div.name em {background:#21b6cb;}
.mem_cont .box_st2 .fts {font-size:24px;}


/* 첨부파일 */
.filebox input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}
.filebox label {display:inline-block;line-height:45px;height:45px;padding:0 15px;color:#004c9d;font-size:inherit;vertical-align:middle;background:#fff;cursor:pointer;border:1px solid #ddd;border-bottom-color:#e2e2e2;}
.filebox .upload-name {display:inline-block;line-height:45px;height:45px;padding:0 15px;font-size:inherit;font-family:inherit;vertical-align:middle;background:#fff;border: 1px solid #ddd;border-bottom-color: #e2e2e2;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.filebox .upload-display {margin-bottom: 5px;}
.filebox .upload-display img {display: block;max-width: 100%;width: 100%;height: auto;}
.filebox .upload-thumb-wrap {display: inline-block;width: 54px;padding: 2px;vertical-align: middle;border: 1px solid #ddd;background: #fff;}
.filebox.bs3-primary label {color: #fff;background:#fff;border-color: #2e6da4;}
	/* 모바일 */
	@media only screen and (max-width:767px){
		.filebox label {width:100%;margin-top:10px;text-align:center;}
		.filebox .upload-display {display:inline-block;margin-right:5px;margin-bottom:0;}
	}

/* 로그인 */
.member_box .login_box {padding:100px 20%;background:#f9fafc;border:1px solid #ddd;}
.member_box .login_box .login_inp {width:100%;color:#828080;}
.member_box .login_box .login_inp label {width:100%;}
.member_box .login_box .login_btn {width:20%;height:89px;background:#0e72b8;font-size:14px;color:#fff;}
.member_box .login_box .link_btn {margin-top:25px;text-align:center;}
.member_box .login_box .link_btn li {position:relative;display:inline-block;padding:0 20px;}
.member_box .login_box .link_btn li + li:after {content:"";position:absolute;left:0;top:6px;width:1px;height:14px;background:#ddd;}
.member_box .login_box button {border-radius:0;}
	/* 모바일 */
	@media only screen and (max-width:767px){
		.member_box .login_box {padding:40px 8%;background:#f9fafc;border:1px solid #ddd;}
		.member_box .login_box .link_btn {margin-top:15px;text-align:center;}
		.member_box .login_box .link_btn li {padding:0 1px 0 5px;font-size:14px;}
	}

/* 아이디/비밀번호찾기 */
.sub090301 {}
.sub090301 .box_st1 {padding:50px 15px;}
.sub090301 .box_st1 p {margin:20px 0;color:#222;}
.sub090301 .cont_box {display:none;position:fixed;left:0;right:0;top:20%;z-index:60;max-width:100%;width:767px;margin:0 auto;/* padding:65px 40px; */background:#fff;}
.sub090301 .cont_box .ov_height {height:500px;overflow:hidden;overflow-y:scroll;}
.sub090301 .cont_box h4.tit {height:70px;line-height:70px;padding-left:20px;font-size:30px;text-align:left;color:#fff;background:#2d69cd;}
.sub090301 .cont_box .pwrap {padding:50px 40px;text-align:center;}
.sub090301 .cont_box .pwrap p {font-size:24px;color:#444;}
.sub090301 .cont_box .pwrap .info {margin-top:30px;padding:25px 0;border-top:1px solid #eee;border-bottom:1px solid #eee;}
.sub090301 .cont_box .pwrap .info .name {display:inline-block;font-size:24px;color:#111;font-weight:bold;}
.sub090301 .cont_box .pwrap .info .name em {display:inline-block;width:auto;height:45px;line-height:45px;margin-right:20px;padding:0 30px;color:#fff;font-weight:normal;background:#21b6cb;border-radius:100px;}
.sub090301 #btn_popup_close {position:absolute;right:20px;top:20px;width:26px;height:26px;font-size:0;background:url(./../img/content/sub08/popup_close.png) no-repeat;}
.sub090301 #pw1_btn_popup_close {position:absolute;right:20px;top:20px;width:26px;height:26px;font-size:0;background:url(./../img/content/sub08/popup_close.png) no-repeat;}
.sub090301 #pw2_btn_popup_close {position:absolute;right:20px;top:20px;width:26px;height:26px;font-size:0;background:url(./../img/content/sub08/popup_close.png) no-repeat;}

.sub090301 .boxshadow {display:none;position:fixed;left:0;top:0;z-index:59;width:100%;height:100%;background:rgba(0,0,0,0.7);}

/* 자전거길 지도정보 서비스 */
.iw_inner {position:relative;width:500px;text-align:center;}
.iw_inner h3 {padding:15px 20px;color:#fff;text-align:left;background:#2d69cd;}
.iw_inner .op_box {margin-top:10px;padding:0 20px;}
.iw_inner .op_box:after {content:"";clear:both;display:block;}
.iw_inner .op_box div {float:left;width:auto;padding:1px 15px 2px 15px;font-size:16px;border-radius:5px;color:#fff;}
.iw_inner .op_box div.op1 {margin-right:5px;background:#58ae39;} /* 종주인증센터 */
.iw_inner .op_box div.op2 {background:#e85b25;} /* 수첩판매 */
.iw_inner a {display:inline-block;width:300px;margin:0 auto;}
.iw_inner a img.thumb {display:block;width:300px;max-width:100%;height:auto;margin:1em auto 0 auto;}
.iw_inner ul {margin-top:20px;padding:0 30px;font-size:18px;text-align:left;}
.iw_inner ul:after {content:"";clear:both;display:block;}
.iw_inner ul li {margin-bottom:10px;}
.iw_inner ul li em {float:left;display:block;width:55px;height:35px;line-height:35px;margin-right:10px;border-radius:100px;background:#21b7cb;text-align:center;color:#fff;}
.iw_inner ul li span {width:auto;overflow:hidden;}
.iw_inner #btn_popup_close {position:absolute;right:20px;top:15px;width:26px;height:26px;font-size:0;background:url(./../img/content/sub08/popup_close.png) no-repeat;}

/* 행사일정 */
.fc-daygrid-dot-event .fc-event-title {display:block !important;}

/*colgroup 모바일 숨김 전용*/
.mob_hide{display:table-column-group!important;}
@media (max-width:768px){
	.mob_hide{display:none!important;}
}

/* 개인정보처리방침 220822 */
/* 상단 라벨링 */
.agreeView.personal_info_area .tit_main{ margin: 60px 0 15px 0; font-size: 20px; font-weight: 700; color: #444; }
.agreeView.personal_info_area .tit_main:nth-of-type(1){ margin: 50px 0 15px 0;}
.agreeView.personal_info_area .txtc{ text-align: center; }
.agreeView.personal_info_area .label_wrap{ width: 100%; box-sizing: border-box; padding: 0 10px; display: flex; flex-flow: row wrap; justify-content: space-around; position: relative; }
.agreeView.personal_info_area .label_box{ width: 30%;	height: 200px; box-sizing: border-box; padding: 20px 30px; border-radius: 10px; box-shadow: 0 0.2rem 0.8rem rgb(22 71 170 / 20%); display: flex; flex-flow: column; justify-content: center; align-items: center; cursor: pointer; margin-bottom: 20px; background-color: #fff; position: relative; }
.agreeView.personal_info_area .label_box:hover{ border: 1px solid #1647aa; }
.agreeView.personal_info_area .label_box div[id^="label_layer_"]{display: none;}
.agreeView.personal_info_area .label_box:hover div[id^="label_layer_"], .label_box:focus div[id^="label_layer_"]{display: block;}
.agreeView.personal_info_area .label_cnt{ font-size: 14px; margin-top: 20px; font-weight: 400; color: #111; }
.agreeView.personal_info_area .label_layer { position: absolute; box-sizing: border-box; border-radius: 10px; background-color: #fff; border: 1px solid #eee; width: 500px; z-index: 1; }

.agreeView.personal_info_area .label_layer.num0, .label_layer.num3{ top: 0; left: 110%;}
.agreeView.personal_info_area .label_layer.num1, .label_layer.num4{ top: 0; left: 110%;}
.agreeView.personal_info_area .label_layer.num2, .label_layer.num5{ top: 0; right: 110%;}
.agreeView.personal_info_area .label_desc_top{ width: 100%; box-sizing: border-box; padding: 10px; background-color: #1647aa; border-top-right-radius: 10px; border-top-left-radius: 10px; }
.agreeView.personal_info_area .label_desc_top p{ color: #fff;}
.agreeView.personal_info_area .label_desc_btm{ width: 100%; box-sizing: border-box; padding: 15px 20px; }
.agreeView.personal_info_area .desc_wrap{ display: flex; flex-flow: row wrap; }
.agreeView.personal_info_area .desc_box{ width: 100%; border-radius: 10px; border: 1px solid #eee; box-sizing: border-box; padding: 10px 15px; margin-top: 10px; display: flex; flex-flow: row wrap; justify-content: space-between; }
.agreeView.personal_info_area .desc_tit{ width: 30%; font-weight: 400; color: #1647aa; }
.agreeView.personal_info_area .desc_cnt{ width: 68%; color: #333; font-size: 13px; }

#con_body .agreeView.personal_info_area .label_layer.num1 {bottom: -165px; top: auto;left: 0;}
#con_body .agreeView.personal_info_area .label_layer.num4 {bottom: auto; top: auto;left: 0; top:-194px;}

/* 개인정보처리방침 220822 목차 */
.agreeView.personal_info_area .panel_box{ float: none; position: relative; margin: 20px 0; padding: 20px; color: #333; background-color: #fafafa; border: 1px solid #e6e6e6; border-radius: 5px; }
.agreeView.personal_info_area .panel_box.panel_white{ background-color: #fff; border: 1px solid #d9d9d9; }
.agreeView.personal_info_area .panel_box.pds{ padding: 10px 20px; }
.agreeView.personal_info_area .cnt_list{ width: 95%; margin: 20px auto 0; display: flex; flex-flow: row wrap; justify-content: space-between; }
.agreeView.personal_info_area .cnt_list li{ width: 50%; margin-bottom: 30px; position: relative; box-sizing: border-box; }
.agreeView.personal_info_area .cnt_list li a{ color: #444; font-weight: 400; box-sizing: border-box; padding-left: 10px; height: 25px; font-size: 15px; /* display: block; */ }
.agreeView.personal_info_area .cnt_list li span.list_icon img{ width: 20px; vertical-align: sub; }
.agreeView.personal_info_area .cnt_list li .list_icon.mid img{ width: 20px; vertical-align: super; }
.agreeView.personal_info_area .cnt_list li p{ width: 86%; display: inline-block; }
.agreeView.personal_info_area .mid_line{ width: 100%; height: 1px; background-color: #eee; margin: 50px auto; }
.agreeView.personal_info_area .personal_title{ font-size: 18px; font-weight: 600; /* color: #333; */ box-sizing: border-box; /* margin: 30px 0 10px 0; */ vertical-align: middle; }
.agreeView.personal_title .list_icon{ margin-right: 10px; vertical-align: middle; }
.agreeView.personal_list .noInd{ text-indent: 0px !important; padding-left: 0 !important; }

.agreeView.personal_info_area .new_agreeview h5.tith5 {position: relative; margin-top:-50px; padding-top:100px;}
.agreeView.personal_info_area .new_agreeview h5.tith5::before {content:''; width:31px; height:31px; position: absolute; left: 0; top: auto; bottom: 0; transform: translateY(5px); background-repeat: no-repeat;}
/* .agreeView.personal_info_area .new_agreeview #list202208_num01::before {height:36px; background:url(./../img/frt/personalinfo/01-img_goal.png);} */
/* .agreeView.personal_info_area .new_agreeview #list202208_num02::before {height:36px; background:url(./../img/frt/personalinfo/01-img_period.png);} */
/* .agreeView.personal_info_area .new_agreeview #list202208_num03::before {height:36px; background:url(./../img/frt/personalinfo/01-img_items.png);} */
/* .agreeView.personal_info_area .new_agreeview #list202208_num04::before {background:url(./../img/frt/personalinfo/01-img_private.png);} */
/* .agreeView.personal_info_area .new_agreeview #list202208_num05::before {background:url(./../img/frt/personalinfo/01-img_safe.png);} */
/* .agreeView.personal_info_area .new_agreeview #list202208_num06::before {height:36px; background:url(./../img/frt/personalinfo/01-img_third.png);} */
/* .agreeView.personal_info_area .new_agreeview #list202208_num07::before {height:36px; background:url(./../img/frt/personalinfo/01-img_commission.png);} */
/* .agreeView.personal_info_area .new_agreeview #list202208_num08::before {height:36px; background:url(./../img/frt/personalinfo/01-img_destruction.png);} */
/* .agreeView.personal_info_area .new_agreeview #list202208_num09::before {background:url(./../img/frt/personalinfo/01-img_contract.png);} */
/* .agreeView.personal_info_area .new_agreeview #list202208_num10::before {background:url(./../img/frt/personalinfo/01-img_safe.png);} */
/* .agreeView.personal_info_area .new_agreeview #list202208_num11::before {height:36px; background:url(./../img/frt/personalinfo/01-img_cookie.png);} */
/* .agreeView.personal_info_area .new_agreeview #list202208_num12::before {height:36px; background:url(./../img/frt/personalinfo/01-img_additory.png);} */
/* .agreeView.personal_info_area .new_agreeview #list202208_num13::before {height:35px; background:url(./../img/frt/personalinfo/01-img_anonymous.png);} */
/* .agreeView.personal_info_area .new_agreeview #list202208_num14::before {background:url(./../img/frt/personalinfo/01-img_cpo.png);} */
/* .agreeView.personal_info_area .new_agreeview #list202208_num15::before {background:url(./../img/frt/personalinfo/01-img_browse.png);} */
/* .agreeView.personal_info_area .new_agreeview #list202208_num16::before {background:url(./../img/frt/personalinfo/01-img_help.png);} */
/* .agreeView.personal_info_area .new_agreeview #list202208_num17::before {background:url(./../img/frt/personalinfo/01-img_evaluation.png);} */
/* .agreeView.personal_info_area .new_agreeview #list202208_num18::before {background:url(./../img/frt/personalinfo/01-img_cctv.png);} */

/* 241213 추가 */
.changes_policy li:has(.check_list_pop) { display: flex; align-items: center; gap: 20px;}
.check_list_pop { font-weight: 500; color: #000; }
.changes_policy_list table { word-break: break-all; margin-top: 0; }
.changes_policy_list table td { text-align: left; vertical-align: top; }

@media (max-width:768px){
	/*개인정보처리방침*/
	.personal_info_area .personal_toggle_area {margin:10px 0 10px 20px;}
	.personal_info_area .personal_list > li .table_style1 {width: 100%; }
	.label_section {display: none;}
	
	.changes_policy li:has(.check_list_pop) { flex-wrap: wrap; gap: 10px; }
	.changes_policy li:has(.check_list_pop) a:not(.check_list_pop) { order: 2; }
	.check_list_pop { order: 1; }
}