@charset "utf-8";

#sub header {position:absolute; width:100%; }
#sub .visual {position:relative; display:flex; align-items:center; text-align:center; min-height:520px; padding-top:104px;}
#sub .visual:after {display:block; content:""; position:absolute; left:50%; bottom:-34px; margin-left:-720px;}
body.sub01_1 .visual {background:url('/trail/img/sub/visual01.jpg') no-repeat center bottom; background-size:cover;}
body.sub01_2 .visual {background:url('/trail/img/sub/visual02.jpg') no-repeat center bottom; background-size:cover;}
body.sub01_3 .visual {background:url('/trail/img/sub/visual05.jpg') no-repeat center bottom; background-size:cover;}
body.sub02_1 .visual {background:#EF9600 url('/trail/img/sub/course1_rbg.png') no-repeat right bottom;}
body.sub02_2 .visual {background:#52B2DF url('/trail/img/sub/course2_rbg.png') no-repeat right 30px bottom;}
body.sub02_3 .visual {background:#CF4A3D url('/trail/img/sub/course3_rbg.png') no-repeat right 110px bottom;}
body.sub02_4 .visual {background:#F37613 url('/trail/img/sub/course4_rbg.png') no-repeat right 10px bottom;}
body.sub02_1 .visual:after {width:270px; height:279px; background:url('/trail/img/sub/course1_visual.png') no-repeat;}
body.sub02_2 .visual:after {width:318px; height:186px; background:url('/trail/img/sub/course2_visual.png') no-repeat;}
body.sub02_3 .visual:after {width:321px; height:174px; background:url('/trail/img/sub/course3_visual.png') no-repeat;}
body.sub02_4 .visual:after {width:248px; height:260px; background:url('/trail/img/sub/course4_visual.png') no-repeat;}
body.sub03_1 .visual {background:url('/trail/img/sub/visual03.jpg') no-repeat center bottom; background-size:cover;}
body.sub03_2 .visual {background:url('/trail/img/sub/visual04.jpg') no-repeat center bottom; background-size:cover;}
body.sub03_3 .visual {background:url('/trail/img/sub/visual06.jpg') no-repeat center bottom; background-size:cover;}

.visual_con {width:100%;}
.visual_sttl {display:inline-block; padding:0 30px; line-height:34px; letter-spacing:0; font-weight:bold; font-size:14px; border-radius:40px; background:#fff;}
body.sub02_1 .visual .visual_sttl {color:#EF9600;}
body.sub02_2 .visual .visual_sttl {color:#52B2DF;}
body.sub02_3 .visual .visual_sttl {color:#CF4A3D;}
body.sub02_4 .visual .visual_sttl {color:#F37613;}
.visual_ttl {margin:10px 0 20px; font-size:32px; color:#fff;}
.visual_txt {color:#fff; line-height:170%;}
.visual_txt p {margin-top:15px;}
.visual_course {margin-top:50px;}
.visual_course>ol {position:relative; display:flex; max-width:800px; margin-left:auto; margin-right:auto; justify-content:center;}
.visual_course>ol:before {content:""; position:absolute; left:58px; right:58px; top:7px; height:1px; background:rgba(255,255,255,.5);}
.visual_course>ol>li {flex:1 0 100px; position:relative; padding-top:30px; font-size:14px; font-weight:bold; color:rgba(0,0,0,.8);}
.visual_course>ol>li:before {content:""; position:absolute; left:50%; top:0; margin-left:-8px; width:8px; height:8px; border-radius:50%; border:4px solid #fff;}
body.sub02_1 .visual .visual_course>ol>li:before {background:#EF9600;}
body.sub02_2 .visual .visual_course>ol>li:before {background:#52B2DF;}
body.sub02_3 .visual .visual_course>ol>li:before {background:#CF4A3D;}
body.sub02_4 .visual .visual_course>ol>li:before {background:#F37613;}
/*motion*/
#sub .visual:after  {opacity:0; transform:translateY(-10px); transition:1s .7s;}
.visual_sttl {opacity:0; transform:translateY(5px); transition:1s;}
.visual_ttl {opacity:0; transform:translateY(5px); transition:1s .2s;}
.visual_txt {opacity:0; transform:translateY(5px); transition:1s .4s;}
#sub.on .visual:after {opacity:1; transform:translateY(0);}
body.on .visual_sttl,
body.on .visual_ttl,
body.on .visual_txt {opacity:1; transform:translateY(0);}


#detail_con {min-height:500px; padding-bottom:5%;}
#detail_con.wrap {padding-top:5%;}

.sns {padding:15px 5%; background:#f9f9f9;}
.sns>ul {display:flex; justify-content:center;}
.sns>ul>li {margin:3px;}

footer {background:#333;}
address {color:#fff;}
.copyright {color:rgba(255,255,255,.3);}


/******contents********/
.tab {display:flex; justify-content:space-between; max-width:600px; margin:0 auto 30px;}
.tab>li {flex-grow:1;}
.tab>li>a {display:block; text-align:center; padding-bottom:10px; color:#777;}
.tab>li>a:hover {text-decoration:none;}
.tab>li.on>a {border-bottom:3px solid #333; font-weight:bold; color:#333;}

.bl {padding-bottom:20px; padding-top:30px; font-size:24px; font-family:'S-CoreDream-5Medium';}
.bl img {vertical-align:middle; margin-top:-30px; margin-right:5px; animation:blet 1.5s infinite; transform-origin:center bottom;}
@keyframes blet {
	0% {transform:rotate(0);}
	50% {transform:rotate(5deg);}
	100% {transform:rotate(0);}
}

.introduce {padding:80px 0; background-image:linear-gradient(#fff 50%, #F6F8F9 50%);}
.introduce>ul {display:flex; justify-content:space-between; flex-wrap:wrap;}
.introduce>ul>li {position:relative; width:24%; padding:25px 25px 150px; border-radius:15px; border:1px solid #eaeaea; background:#fff;}
.introduce_img {height:250px; border-radius:15px; overflow:hidden;}
.introduce_img img {position:relative; left:50%; transform:translateX(-50%); max-width:none; height:100%;}
.introduce_num {text-align:center; margin-top:30px; font-weight:Bold;}
.introduce01 .introduce_num {color:#EF9600;}
.introduce02 .introduce_num {color:#52B2DF;}
.introduce03 .introduce_num {color:#CF4A3D;}
.introduce04 .introduce_num {color:#F37613;}
.introduce_ttl {text-align:center; font-size:24px; font-weight:bold; font-family:'S-CoreDream-5Medium';}
.introduce_txt {margin-top:25px; font-size:14px; color:#777; line-height:170%;}
.introduce a {position:absolute; left:20%; right:20%; bottom:40px; display:inline-block; text-align:center; line-height:54px; font-size:15px; border-radius:50px; border:1px solid rgba(0,0,0,.1); transition:.3s;}
.introduce a:hover {color:#fff; font-weight:bold; text-decoration:none;}
.introduce01 a:hover {background:#EF9600;}
.introduce02 a:hover {background:#52B2DF;}
.introduce03 a:hover {background:#CF4A3D;}
.introduce04 a:hover {background:#F37613;}

.promotion {display:flex; justify-content:space-between; align-items:center; padding-top:4%;}
.promotion_ttl {flex-shrink:0; width:450px; background:url('/trail/img/sub/character_couple.png') no-repeat;}
.promotion_ttl h3 {height:148px; padding-top:55px; padding-left:190px; font-size:32px; font-family:'S-CoreDream-5Medium';}
.promotion_ttl h3 span {font-weight:normal;}
.promotion_txt {margin-top:25px; font-size:14px; color:#777;}
.promotion_iframe {position:relative; flex:0 1 900px; height:0; padding-bottom:35%;}
.promotion iframe {position:absolute; width:100%; height:100%;}

.csGuide {padding:70px 0; background:#F6F8F9;}
.csGuide>div {display:flex;}
.csGuide_list {flex:1 1 auto; margin-right:4%;}
.csGuide_txt {padding-top:20px; border-top:1px solid #eaeaea;}
.csGuide_txt dl {display:flex; position:relative; margin-top:12px; line-height:150%;}
.csGuide_txt dl.ic_start {flex-wrap:wrap;}
.csGuide_txt dl:before {position:absolute; left:0; top:-1px; display:block; content:""; width:26px; height:26px; border-radius:50%; background-repeat:no-repeat; background-size:60%; background-position:center center;}
body.sub02_1 .csGuide_txt dl:before {background-color:#EF9600;}
body.sub02_2 .csGuide_txt dl:before {background-color:#52B2DF;}
body.sub02_3 .csGuide_txt dl:before {background-color:#CF4A3D;}
body.sub02_4 .csGuide_txt dl:before {background-color:#F37613;}
.ic_traffic:before {background-image:url('/trail/img/sub/ic_traffic.png');}
.ic_favorite:before {background-image:url('/trail/img/sub/ic_favorite.png');}
.ic_length:before {background-image:url('/trail/img/sub/ic_length.png');}
.ic_time:before {background-image:url('/trail/img/sub/ic_time.png');}
.ic_level:before {background-image:url('/trail/img/sub/ic_level.png');}
.ic_stamp:before {background-image:url('/trail/img/sub/ic_stamp.png');}
.ic_start:before {background-image:url('/trail/img/sub/ic_start.png');}
.csGuide_txt dt {flex-shrink:0; width:140px; padding-left:38px; font-weight:bold;}
.csGuide_txt dd {position:relative; flex:1 1 auto; padding-left:25px; font-size:15px;}
.csGuide_txt dd:before {content:""; position:absolute; left:0; top:4px; width:1px; height:15px; background:#ddd;}
.ic_start dd {width:100%; padding-left:0;}
.ic_start dd:before {display:none;}
.btn_map {display:inline-block; text-align:center; margin-top:12px; line-height:50px; border:1px solid rgba(0,0,0,.1); border-radius:5px;}
.btn_map.navermap {width:49%; background:#fff;}
.btn_map.kakaomap {width:49%; background:#FBE402;}
.btn_map span {display:inline-block; padding-left:30px;}
.btn_map.navermap span {background:url('/trail/img/sub/ic_navermap.png') no-repeat left center;}
.btn_map.kakaomap span {background:url('/trail/img/sub/ic_kakaomap.png') no-repeat 5px center;}
.csGuide_map {position:relative; width:847px; border-radius:15px; background:#fff; overflow:hidden;}
/* .csGuide_map>div {height:100%;} */
.csGuide_map>div>a {position:absolute; right:0; display:block; text-align:center; width:220px; height:50%; padding-top:140px; color:#777; font-size:18px; background:#E1E4E6;}
.csGuide_map>div.on>a {color:#333; font-weight:bold; background:#fff;}
.csGuide_map>div>a:hover {text-decoration:none;}
.csGuide_map>div.csGuide_map2>a {top:50%;}
.csGuide_map>div>a:before {content:""; display:block; position:absolute; left:50%; top:70px; width:49px; height:53px; margin-left:-24px; background-size:100% !important; transition:.5s;}
.csGuide_map>div.csGuide_map1>a:before {background:url('/trail/img/sub/map_tab01.png') no-repeat;}
.csGuide_map>div.csGuide_map2>a:before {background:url('/trail/img/sub/map_tab02.png') no-repeat;}
.csGuide_map>div>a:hover:before {transform:rotateY(180deg);}
body.sub02_1 .csGuide_map>div.on>a:before {filter:invert(59%) sepia(28%) saturate(6410%) hue-rotate(13deg) brightness(108%) contrast(101%);}
body.sub02_2 .csGuide_map>div.on>a:before {filter:invert(65%) sepia(64%) saturate(559%) hue-rotate(169deg) brightness(92%) contrast(99%);}
body.sub02_3 .csGuide_map>div.on>a:before {filter:invert(35%) sepia(29%) saturate(2698%) hue-rotate(332deg) brightness(83%) contrast(104%);}
body.sub02_4 .csGuide_map>div.on>a:before {filter:invert(55%) sepia(44%) saturate(6673%) hue-rotate(5deg) brightness(97%) contrast(101%);}
.csGuide_map>div>div {display:none; width:calc(100% - 220px); height:100%; min-height:450px; border:15px solid #fff;}
.csGuide_map>div.on>div {display:flex; align-items:center; justify-content:center;}
.csGuide_map>div.csGuide_map2>div {position:absolute; left:0; top:0; bottom:0;}

.csGuide_spot {position:relative; padding:60px 0;}
.csGuide_spotbox {display:flex; justify-content:space-between; flex-wrap:wrap;}
.csGuide_spotbox>div {width:49%;}
.csGuide_spotbox_img {position:relative; height:450px; border-radius:15px 15px 0 0; overflow:hidden;}
.csGuide_spotbox_img:after {content:""; position:absolute; left:0; bottom:0; width:45%; min-width:250px; height:75px; border-radius:0 15px 0 0; background:#fff;}
.csGuide_spotbox_img img {height:100%; max-width:none; min-width:100%;}
.csGuide_spotbox_con {position:relative; padding-left:20px; margin-top:-45px; z-index:1;}
.csGuide_spotbox .tag {display:inline-block; width:25px; height:25px; overflow:hidden; text-indent:-100%; font-size:0; line-height:0; border-radius:3px; background-color:#9fa0a0; background-size:70%; background-repeat:no-repeat; background-position:center center;}
.csGuide_spotbox .tag.no {position:relative; border:2px solid red;}
.csGuide_spotbox .tag.no:before {content:""; width:170%; height:2px; position:absolute; left:-4px; top:50%; margin-top:-4px; background:red; transform:rotate(-45deg);}
.csGuide_spotbox .tag.tag_walk {background-image:url('/trail/img/sub/tag_walk.png');}
.csGuide_spotbox .tag.tag_run {background-image:url('/trail/img/sub/tag_run.png');}
.csGuide_spotbox .tag.tag_bike {background-image:url('/trail/img/sub/tag_bike.png');}
.csGuide_spotbox .tag.tag_stroller {background-image:url('/trail/img/sub/tag_stroller.png');}
.spotbox_sttl {margin-top:12px; font-weight:bold;}
.spotbox_ttl {margin-top:3px; font-size:20px; font-weight:bold; font-family:'S-CoreDream-5Medium';}
.spotbox_txt,
.spotbox_location {margin-top:20px; font-size:14px; color:#777; line-height:170%;}
.spotbox_location {padding-left:20px; background:url('/trail/img/sub/ic_location.png') no-repeat left center; background-size:16px;}

.photo>ul>li>a {border:1px solid rgba(0,0,0,.1);}
.photo_more {position:absolute; right:-110px; top:50%; display:block; text-align:center; width:80px; padding-top:90px; font-size:14px; font-weight:bold;}/*sub*/
.photo_more:hover {text-decoration:none;}
.photo_more:before {content:""; position:absolute; left:0; top:0; width:80px; height:80px; border-radius:50%; background:#333 url('/trail/img/sub/ic_arrow.png') no-repeat left -15px center; transition:.5s;}
.photo_more:hover:before {background-position:left center;}
body.sub02_1 .photo_more:hover:before {background-color:#EF9600;}
body.sub02_2 .photo_more:hover:before {background-color:#52B2DF;}
body.sub02_3 .photo_more:hover:before {background-color:#CF4A3D;}
body.sub02_4 .photo_more:hover:before {background-color:#F37613;}

.stamp_intro {background:#4C7FCB url('/trail/img/sub/stamp_intro_bg.png') no-repeat right 3% bottom 30px;}
.stamp_intro>.wrap {padding:120px 0;}
.stamp_intro h3 {font-size:28px; color:#fff;}
.stamp_intro h3 span {font-weight:normal;}
.stamp_intro_con {max-width:700px; margin-top:25px; padding:15px 25px; border-radius:15px; background:#fff;}
.stamp_intro_con dl {padding:30px 0 30px 180px;}
.stamp_intro_con dl:nth-of-type(n+2) {border-top:1px solid #eaeaea;}
.stamp_intro01 {background:url('/trail/img/sub/stamp_ic01.png') no-repeat 47px center; background-size:74px;}
.stamp_intro02 {background:url('/trail/img/sub/stamp_ic02.png') no-repeat 53px center; background-size:71px;}
.stamp_intro03 {background:url('/trail/img/sub/stamp_ic03.png') no-repeat 48px 35px; background-size:83px;}
.stamp_intro_con dt {font-weight:bold; font-size:18px; font-family:'S-CoreDream-5Medium';}
.stamp_intro_con dd {margin-top:10px; color:#777; font-size:15px; line-height:170%;}
.stamp_intro_con dd li {position:relative; padding-left:15px; margin-bottom:5px;}
.stamp_intro_con dd li:before {content:""; position:absolute; left:5px; top:10px; width:3px; height:3px; background:#888;}
.stamp_map {position:absolute; right:0; top:0; width:745px; max-width:100%;}
.stamp_map .tag {position:absolute; padding:8px 15px 8px 33px; color:#fff; font-size:13px; font-weight:bold; border-radius:50px; box-shadow:0 2px 5px rgba(0,0,0,.1); background-image:url('/trail/img/sub/ic_stamp_map.png'); background-repeat:no-repeat; background-position:10px center; background-size:20px;}
.stamp_map .tag[class*="tag01"] {background-color:#EF9600;}
.stamp_map .tag[class*="tag02"] {background-color:#52B2DF;}
.stamp_map .tag[class*="tag03"] {background-color:#CF4A3D;}
.stamp_map .tag[class*="tag04"] {background-color:#F37613;}
.stamp_map .tag01_1 {left:45%; top:17%;}
.stamp_map .tag01_2 {right:0; top:19%;}
.stamp_map .tag02_1 {right:6%; top:50%;}
.stamp_map .tag03_1 {right:16%; bottom:18%;}
.stamp_map .tag03_2 {right:31%; bottom:12%;}
.stamp_map .tag03_3 {right:50%; bottom:5%;}
.stamp_map .tag04_1 {right:60%; bottom:20%;}
.stamp_map .tag04_2 {right:47%; bottom:38%;}


.stamp_tip {display:flex; justify-content:space-between; padding-top:100px;}
.stamp_tip h3 {flex-shrink:0; flex-basis:30%; font-size:28px; font-weight:normal;}
.stamp_eng {width:190px; height:80px; margin-top:10px; background:url('/trail/img/sub/stamp_tip.png') no-repeat;}
.stamp_tip_con {flex-grow:1; display:flex; justify-content:space-between;}
.stamp_tip_con dl {position:relative; flex-basis:49%; padding:275px 35px 30px; border:1px solid #eaeaea; border-radius:15px;}
.stamp_tip_con dl:before {content:""; position:absolute; left:0; top:0; width:100%; height:240px; border-radius:15px 15px 0 0; background:#E8F1FF;}
.stamp_tip_con dl:after {content:""; position:absolute; left:0; top:-85px; width:100%; height:324px;}
.stamp_tip_con dl:nth-of-type(1):after {background:url('/trail/img/sub/stamp_tip01.png') no-repeat center bottom;}
.stamp_tip_con dl:nth-of-type(2):after {background:url('/trail/img/sub/stamp_tip02.png') no-repeat center bottom;}
.stamp_tip_con dt {margin-bottom:20px; font-weight:bold; font-size:20px; font-family:'S-CoreDream-5Medium';}
.stamp_tip_con dd li {position:relative; margin-bottom:5px; padding-left:15px; font-size:14px; color:#777; line-height:165%; z-index:1;}
.stamp_tip_con dd li:before {content:""; position:absolute; left:5px; top:9px; width:3px; height:3px; background:#777;}

/*°³ÀÎÁ¤º¸Ã³¸®¹æħ °øÅë Æû Ãß°¡·ÎÀÎÇÑ css*/
.tableBox {margin-left:10px; margin-top:10px;}
table.data {position:relative; width:100%; border-top:2px solid #000; border-spacing:0; border-collapse:collapse; word-break:break-all;}
table.data.fixed {table-layout:fixed;}
table.data.nothead {border-top:0;}
table.data.nothead tr:first-child th, table.data.nothead tr:first-child td {border-top:2px solid #000;}
table.data.fix {table-layout:fixed;}
table.data:before {display:block; content:""; position:absolute; left:0; top:-1px; width:1px; height:100%; background:#fff;}
table.data:after {display:block; content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#000;}
table.data th, table.data td {padding:10px 18px 12px; font-weight:300; color:#000; line-height:22px;}
table.data.spad th, table.data.spad td {padding:10px .8% 12px}
table.data thead {border-bottom:1px solid #000;}
table.data thead th {font-size:16px; letter-spacing:-1px; line-height:25px; border-top:1px solid #000; border-left:1px solid #000; background:#f8f8f8;}
table.data tr:first-child th:first-child {border-left:none;}
table.data tbody th, table.data td {border-bottom:1px solid #d4d4d4; border-left:1px solid #d4d4d4; text-align:center;}
table.data tfoot th {border-left:1px solid #d4d4d4; text-align:center;}
table.data tfoot tr:last-child td {border-bottom:none;}
table.data td:last-child {border-right:0 !Important;}
table.data tbody tr th:first-child, table.data tfoot th:first-child {border-right:1px solid #d4d4d4; border-left:0;}
table.data tbody tr td:first-child {border-left:none; border-right:1px solid #d4d4d4;}
table.data td.bdr_line {border-right:1px solid #d4d4d4 !important;}
table.data td.bdl_line {border-left:1px solid #d4d4d4 !important;}
table.data td.bdl_line:first-child {border-left:1px solid #d4d4d4 !important;}
table.data th.bdr_line {border-right:1px solid #d4d4d4 !important;}
table.data .bdl_noline {border-left:0px !important;}
table.data tbody th, table.data tfoot th , table.data tfoot td {text-align:center; background-color:#f6f6f6;}
table.data .ssblet {margin-bottom:0; font-size:14px; font-weight:300; line-height:25px;}
table.data.overcolor tr:hover, table.data tr.point {background:#e9f1f8;}
table.data.manyData th, table.data.manyData td { padding-left:0; padding-right:0; letter-spacing:-1px; }
.bl03 {margin-left:20px; margin-top:30px;}
.bl03>p {position:relative; padding-left:17px; font-size:17px; font-weight:bold; letter-spacing:-1px;}
.bl03>p:before {display:block; content:""; position:absolute; left:0; top:7px; width:5px; height:5px; border:3px solid #4258c9;}


.para_line {padding:30px 0; border-top:1px dotted #d2d2d2;}

.stamp_intro_con .stamp_btnBox {text-align:center; padding:30px 0; border-top:1px solid #eaeaea;}
.stamp_intro_con .stamp_btnBox a {display:inline-block; padding:13px 35px 14px; color:#fff; font-weight:600; font-size:1.1rem; border-radius:25px; background:#4c7fcb; transition:.3s;}
.stamp_intro_con .stamp_btnBox a:hover,
.stamp_intro_con .stamp_btnBox a:focus{text-decoration:none; background:#ef9600;}
.stamp_map .stamp_btn {position:absolute; right:48%; top:23%; padding:19px 32px; padding-top:110px; font-weight:600; font-size:1.1rem; color:#333; border-radius:15px; background:#fff no-repeat url('/trail/img/sub/stamp_ic04.png') center 19px; box-shadow:2px 5px 0 rgba(0,0,0,.1); transition:.3s;}
.stamp_map .stamp_btn:hover, .stamp_map .stamp_btn:focus {text-decoration:none; transform:translateY(-5px);}

.stamp_tip_con dd p {font-size:14px; line-height:180%;}
.stamp_tip_con dd p+ul {margin-top:20px;}
.stamp_tip_con.completion dl:nth-of-type(2):after {background:url('/trail/img/sub/stamp_tip03.png') no-repeat center bottom;}
.stamp_tip_con.completion dd li {color:#333; margin-bottom:3px;}
.stamp_tip_con.completion .appBtn {display:flex; justify-content:space-between; margin-top:20px;}
.stamp_tip_con.completion .appBtn>a {display:block; text-align:center; padding:12px 0 13px; width:calc(50% - 5px); font-size:18px; font-weight:600; border:2px solid #4c7fcb; border-radius:30px;}
.stamp_tip_con.completion .appBtn>a:first-child {color:#fff; background:#4c7fcb;}

.completion_app {padding:50px 0; width:650px;}
.completion_app h4 {text-align:center; margin-bottom:60px; font-size:1.8rem; font-weight:700; letter-spacing:-0.5px; color:#111;}
.completion_app .label,
.completion_app .inputPersonal>li>label {color:#222; font-size:1.2rem; font-weight:500; display:block;}
.completion_app .agreeBox {margin-top:15px; margin-bottom:30px; border:1px solid #ddd; border-radius:15px;}
.completion_app .agreeBox .scrollBox {padding:25px 10px 25px 25px ; margin:5px 10px 5px 0; height:200px; overflow-y:auto;}
.completion_app .agreeBox .check {padding:13px 20px 15px; border-top:1px solid #ddd; background:#fbfbfb; border-radius:0 0 15px 15px;}
.completion_app .agreeBox .check * {vertical-align:middle; margin-right:7px;}
.completion_app .inputPersonal>li:not(:first-child) {margin-top:25px;}
.completion_app .inputPersonal input[type=text] {margin-top:10px; padding:10px 20px; border:1px solid #ddd; border-radius:20px; width:100%;}
.completion_app .inputPersonal .input_phone {display:flex; justify-content:space-between; align-items:center;}
.completion_app .inputPersonal .input_phone p {text-align:center; margin:0 7px;}
.completion_app .files {margin-top:15px; margin-left:5px;}
.completion_app .files>li {position:relative; display:flex; align-items:center; padding-left:10px; margin-top:10px;}
.completion_app .files>li:before {position:absolute; left:0; top:50%; width:4px; height:4px; margin-top:-3px; background:#333; content:"";}
.completion_app .files label {width:160px;}
.completion_app .files input[type=file] {display:block; padding:10px; background:#fafafa; font-size:0.95rem; width:calc(100% - 160px); border-radius:5px; border:1px solid #ddd;}
.completion_app .btnBox {text-align:center;}

.completion_check {position:relative; margin-top:60px; padding-top:200px; padding-bottom:80px; text-align:center;}
.completion_check p {font-size:30px; color:#222; word-break:keep-all;}
.completion_check p strong {color:#000;}
.completion_check.state01 p strong {font-size:32px; color:#007D66;}
.completion_check:before {position:absolute; left:50%; top:20px; width:150px; height:150px; border-radius:50%; transform:translateX(-50%); content:"";}
.completion_check.state01:before {background:#16b395;}
.completion_check.state02:before {background:#aaa;}
.completion_check:not(.state02):after {position:absolute; top:54px; left:50%; width:30px; height:50px; border:solid #fff; border-width:0 15px 15px 0; border-radius: 0 0 5px 0; transform:translateX(-50%) rotate(45deg); content:"";}
.completion_check.state02:after {position:absolute; top:87px; left:50%; width:17px; height:17px;  border-radius: 5px; background:#fff; box-shadow:-30px 0 0 #fff, 30px 0 0 #fff; transform:translateX(-50%); content:"";}

#detail_con.all-course {position:relative; padding-top:104px; min-height:800px; padding-bottom:0;}
.all-course .course_menu {position:absolute; left:0; top:104px; bottom:0; width:330px; max-width:30%; padding:55px 40px; background:rgba(0,0,0,.8); z-index:9999; overflow-y:auto; z-index:9;}
.all-course .course_menu>li {position:relative; margin-top:10px;}
.all-course .course_menu>li:first-child {margin-top:0;}
.all-course .course_menu>li>a:not(.hidde) {position:relative; display:block; padding:9px 10px 10px 55px; color:#fff; font-size:18px; font-weight:600; border:2px solid #fff; border-radius:25px; transition:.3s;}
.all-course .course_menu>li>a:not(.hidde):before {position:absolute; left:23px; top:10px; width:24px; height:24px; content:""; background:no-repeat center center;}
.all-course .course_menu>li.ic_course>a:before {background-image:url('/trail/img/sub/ic_course.svg');}
.all-course .course_menu>li.ic_stamp>a:before {background-image:url('/trail/img/sub/ic_stamp.svg');}
.all-course .course_menu>li.ic_toilet>a:before {background-image:url('/trail/img/sub/ic_toilet.svg');}
.all-course .course_menu>li.ic_info>a:not(.hidde):before {background-image:url('/trail/img/sub/ic_info.svg');}
.all-course .course_menu>li.on>a:not(.hidde) {border-color:#1cb7eb; background-color:#1cb7eb;}
.all-course .course_menu>li>a.hidde {/* display:none; */ position:absolute; right:20px; top:13px; width:22px; height:22px; overflow:hidden; font-size:0; text-indent:-5000px; border:4px solid #fff; border-radius:50%; background:#fff;}
.all-course .course_menu>li>a.hidde:before {position:absolute; left:50%; top:0; height:100%; width:3px; border-radius:3px; background:#111; content:""; transform:translateX(-50%); transition:.3s;}
.all-course .course_menu>li>a.hidde:after {position:absolute; left:0; top:50%; height:3px; width:100%; border-radius:3px; background:#111; content:""; transform:translateY(-50%); transition:.3s;}
.all-course .course_menu>li>a.hidde.select:before {transform:translateX(-50%) rotate(90deg);}
.all-course .course_menu>li.ic_info.on>a.hidde:before,
.all-course .course_menu>li.ic_info.on>a.hidde:after {background:#1cb7eb;}
.all-course .course_menu>li>ul {padding:10px 20px; margin-bottom:15px;}
.all-course .course_menu>li>ul>li {margin-bottom:5px;}
.all-course .course_menu>li>ul>li>a {position:relative; display:inline-block; padding-left:10px; font-size:0.95rem; color:#fff;}
.all-course .course_menu>li>ul>li>a:before {position:absolute; left:0; top:8px; width:4px; height:4px; border-radius:2px; background:#fff; content:"";}
.all-course .course_menu>li.ic_info>ul {display:none;}
.all-course .course_menu>li.ic_info.on>ul {display:block;}
.all-course .map .maker_stamp,
.all-course .map .maker_toilet,
.all-course .map .maker_info {display:block; overflow:hidden; text-indent:-5000px; font-size:0; width:45px; height:45px; border-radius:50%; background:no-repeat center center;}
.all-course .map .maker_stamp {background-image:url('/trail/img/sub/ic_stamp.svg'); background-color:#cf4a3d;}
.all-course .map .maker_toilet {background-image:url('/trail/img/sub/ic_toilet.svg'); background-color:#4c7fcb;}
.all-course .map .maker_info {background-image:url('/trail/img/sub/ic_info.svg'); background-color:#000;}
.all-course .map .myPosition a {position:absolute; top:114px; left:340px; display:block; text-align:center; padding-top:45px; font-size:0.7rem; width:70px; height:70px; border-radius:15px; background:#fff url('/trail/img/sub/myposition.svg') no-repeat center 8px; background-size:35px auto; box-shadow:2px 5px 0 rgba(0,0,0,.1); transition:.2s; z-index:8;}
.all-course .map .myPosition a:hover {color:#3396ff; background-image:url('/trail/img/sub/myposition_b.svg'); background-color:#fff;}
.all-course .map .myPosition a:focus {color:#fff; background-image:url('/trail/img/sub/myposition_w.svg'); background-color:#3396ff;}
.all-course .map .gpxDown a {position:absolute; top:194px; left:340px; display:block; text-align:center; padding-top:45px; font-size:0.7rem; width:70px; height:70px; border-radius:15px; background:#fff url('/trail/img/sub/gpxdown.svg') no-repeat center 8px; background-size:35px auto; box-shadow:2px 5px 0 rgba(0,0,0,.1); transition:.2s; z-index:8;}
.all-course .map .gpxDown a:hover {color:#3396ff; background-image:url('/trail/img/sub/gpxdown_b.svg'); background-color:#fff;}
.all-course .map .gpxDown a:focus {color:#fff; background-image:url('/trail/img/sub/gpxdown_w.svg'); background-color:#3396ff;}


body.fixLayer {height:100%; overflow:hidden;}
#sp_photoBtn {display:inline-block; vertical-align:middle; padding:5px 15px; margin-left:8px; color:#fff; font-size:13px; font-family:'S-CoreDream-4Regular'; letter-spacing:0; border-radius:20px; border:1px solid rgba(0,0,0,.1); background:#F37613; transform:translateY(-2px);}
#sp_photo {display:none; position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.7); z-index:999;}
#sp_photo.on {display:flex; align-items:center; justify-content:center;}
#sp_photo>div.layer {position:relative; width:95%; max-width:750px; padding:25px; background:#fff; box-shadow:3px 5px 0 rgba(0,0,0,.2); border-radius:15px; max-height:calc(100vh - 20px); overflow-y:auto;}
#sp_photo>div.layer .closed a {position:absolute; right:20px; top:20px; width:40px; height:40px; display:block; font-size:0; overflow:hidden; text-indent:-5000px;}
#sp_photo>div.layer .closed a:before,
#sp_photo>div.layer .closed a:after {position:absolute; left:50%; top:0; bottom:0; width:2px; background:#111; content:""; border-radius:2px; transform:translateX(-50%) rotate(45deg);}
#sp_photo>div.layer .closed a:after {transform:translateX(-50%) rotate(-45deg);}

#sp_photo .stepPhoto {padding-top:30px; border-top:1px dashed #aaa;}
#sp_photo .stepPhoto>ol>li {position:relative; display:none;}
#sp_photo .stepPhoto>ol>li>.photo img{border-radius:15px;width:100%; height:auto; border:1px solid rgba(0,0,0,.1); /* object-fit:cover; */}
#sp_photo .stepPhoto>ol>li>.txt {position:relative; padding-left:40px; font-size:1.1rem; font-weight:bold; margin-bottom:15px; background:#fff; border-radius:0 0 15px 0; z-index:2;}
#sp_photo .stepPhoto>ol>li>.txt span {position:absolute; left:0; top:-2px; display:block; text-align:center; line-height:30px; width:30px; height:30px; margin-bottom:5px; font-size:0.95rem; font-weight:normal; color:#fff; background:#000; border-radius:5px;}
#sp_photo .stepPhoto>a {position:absolute; top:50%; display:block; margin-top:5%; text-align:center; width:80px; padding-top:80px; font-size:0; font-weight:bold; z-index:999;}
#sp_photo .stepPhoto>a:hover {text-decoration:none;}
#sp_photo .stepPhoto>a:before {content:""; position:absolute; left:0; top:0; width:80px; height:80px; border-radius:50%; background:rgba(0,0,0,.7) url('/trail/img/sub/ic_arrow.png') no-repeat left -15px center; transition:.5s;}
#sp_photo .stepPhoto>a:hover:before {background-position:left center;}
#sp_photo .stepPhoto>a.prev {left:30px;}
#sp_photo .stepPhoto>a.next {right:30px;}
#sp_photo .stepPhoto>a.prev:before {transform:rotate(180deg);}

/*min_pc*/
@media screen and (max-width:1700px){
	.photo_more {position:static; width:100%; height:auto; line-height:55px; padding-top:0; margin-top:10px; border:1px solid #ddd; border-radius:15px; background:#f9f9f9;}
	.photo_more:before {display:none;}
}

/*small_pc2*/
@media screen and (max-width:1250px){	
	.introduce>ul>li {width:49%; margin-bottom:2%;}

	.csGuide>div  {flex-wrap:wrap;}
	.csGuide_list {margin:5% 0; order:2;}
	.csGuide_map {width:100%; order:1;}

	.csGuide_spotbox_img {height:300px;}

	.promotion {flex-wrap:wrap;}
	.promotion_ttl {flex-shrink:1; width:100%; background-size:100px; background-position:left center;}
	.promotion_ttl h3 {height:auto; padding-left:110px; padding-top:20px; font-size:24px;}
	.promotion_ttl h3 br {display:none;}
	.promotion_txt {margin-top:5px; padding-left:110px;}
	.promotion_iframe {flex-grow:1; padding-bottom:56%; margin-top:20px;}

	.stamp_intro>.wrap {padding:7% 0;}
	.stamp_intro_con {margin:4% auto;}
	.stamp_map {position:relative; right:auto; top:auto; margin:0 auto;}

	.stamp_tip_con dl:after {background-size:130% !important;}
}

/*tablet*/
@media screen and (max-width:800px){
	#sub .visual {padding:80px 0 25px;}
	#sub.sub02_1 .visual,
	#sub.sub02_2 .visual,
	#sub.sub02_3 .visual,
	#sub.sub02_4 .visual {background-image:none;}
	#sub .visual:after {left:auto; bottom:auto; top:10px; right:5%; margin-left:none; max-width:38%; background-size:100% !Important;}
	#sub.sub02_2 .visual:after,
	#sub.sub02_3 .visual:after {top:35px;}
	#sub.sub03_1 .visual,
	#sub.sub03_2 .visual {min-height:auto;}
	#sub.sub03_1 .visual_txt,
	#sub.sub03_2 .visual_txt {display:none;}

	.visual_con {position:relative; z-index:1;}
	/* .visual_txt {text-align:left;} */
	.visual_txt br {display:none;}
	.visual_course {margin-top:5%; text-align:left;}
	.visual_course>ol {display:block; position:relative;}
	.visual_course>ol:before {left:50%; bottom:10px; width:1px; height:auto;}
	.visual_course>ol>li {padding-top:0; margin-top:10px;}
	.visual_course>ol>li:nth-of-type(odd) {right:50%; text-align:right; padding-right:18px;}
	.visual_course>ol>li:nth-of-type(even) {left:50%; padding-left:18px;}
	.visual_course>ol>li:before {top:4px; margin-left:0; border:0; background:#fff !important;}
	.visual_course>ol>li:nth-of-type(odd):before {right:-4px; left:auto;}
	.visual_course>ol>li:nth-of-type(even):before {left:-4px;}	
	.visual_course>ol>li br {display:none;}
	/*.visual_course {text-align:center; margin-top:20px;}
	.visual_course>ol {flex-wrap:wrap; counter-reset:li;}
	.visual_course>ol:before {display:none;}
	.visual_course>ol>li {padding:50px 10px 10px; margin:5px; border-radius:5px; background:#fff;}
	.visual_course>ol>li br {display:none;}
	.visual_course>ol>li:before {
		content:counter(li); counter-increment:li;
		top:8px; margin-left:-20px;
		width:30px; height:30px; line-height:30px;
		font-size:13px; color:#fff; text-align:center; 
	}*/
	/*.visual_course {margin-top:6%;}
	.visual_course>ol {flex-wrap:wrap; counter-reset:li;}
	.visual_course>ol:before {display:none;}
	.visual_course>ol>li {padding:5px 15px; margin:3px; border-radius:50px; border:1px solid rgba(0,0,0,.5); white-space:nowrap;}
	.visual_course>ol>li:before {display:none;}
	.visual_course>ol>li br {display:none;}*/
	.btn_map {line-height:45px; font-size:14px;}
	
	.tab {border-bottom:1px solid #eaeaea; margin-left:-5%; margin-right:-5%;}
	.tab>li>a {padding-bottom:15px; font-size:13px;}

	.csGuide {padding:5% 0;}
	.csGuide_map {border-radius:5px;}
	.csGuide_map>div>a {top:0 !important; width:50%; height:auto; line-height:50px; padding-top:0;}
	.csGuide_map>div>a:before {display:none;}
	.csGuide_map>div.csGuide_map1>a {left:0; right:auto;}
	.csGuide_map>div>div {width:100%; min-height:auto; margin-top:50px;}
	.csGuide_map>div.csGuide_map2>div {position:static;}
	#anotherMap {min-height:300px;}

	.csGuide_spot {padding:30px 0;}
	.csGuide_spot:after {display:block; content:""; position:absolute; left:-6%; right:-6%; bottom:18px; height:10px; background:#f4f4f4;}
	.csGuide_spotbox>div {width:100%; margin-bottom:30px;}
	.csGuide_spotbox_img {height:auto;}
	.csGuide_spotbox_img:after {height:50px;}
	.csGuide_spotbox_img img {height:auto; width:100%;}
	.csGuide_spotbox_con {padding-left:0; margin-top:-30px;}

	.stamp_tip {display:block;}
	.stamp_tip_con dl:after {background-size:auto 100% !important;}
	.stamp_tip_con {margin-top:4%;}
}

/*mobile*/
@media screen and (max-width:640px){
	.visual_sttl {padding:0 12px; line-height:28px; font-size:12px;}
	.visual_ttl {font-size:24px;}
	.visual_txt {font-size:14px;}

	.bl {padding:15px 0; font-size:20px;}
	.bl img {width:35px; margin-top:-10px;}

	.introduce {padding:30px 0;}
	.introduce>ul>li {width:100%; padding:20px 20px 100px;}
	.introduce_img {height:auto;}
	.introduce_img img {width:100%; height:auto;}
	.introduce_ttl {font-size:20px;}
	.introduce_txt {margin-top:15px;}
	.introduce a {bottom:25px;}

	.csGuide_txt {padding-top:10px;}
	.csGuide_txt dt {width:120px; font-size:15px;}

	.csGuide_map>div>a {font-size:15px;}

	.spotbox_txt, .spotbox_location {font-size:13px;}

	.stamp_intro {background-size:30%;}
	.stamp_intro h3,
	.stamp_tip h3{font-size:20px;}
	.stamp_intro_con dl {padding:5% 3%; background:none;}
	.stamp_intro_con dt {font-size:16px;}
	.stamp_intro_con dd {font-size:14px;}
	.stamp_tip {padding-top:5%;}
	.stamp_eng {width:100px; height:43px; background-size:100%;}
	.stamp_tip_con {display:block;}
	.stamp_tip_con dl:nth-of-type(2) {margin-top:6%;}

	#detail_con.all-course {padding-top:0; min-height:auto;}
	.all-course .course_menu {display:flex; flex-wrap:wrap; justify-content:space-between; top:auto; right:0; width:100%; padding:15px 5%; max-width:none; max-height:100%; /* overflow-y:visible; */ z-index:11;}
	.all-course .course_menu>li {width:calc(50% - 10px); margin-top:5px;}
	.all-course .course_menu>li:first-of-type,
	.all-course .course_menu>li:last-of-type{width:100%;}
	.all-course .course_menu>li>a:not(.hidde) {padding:5px 5px 6px 35px; font-size:0.9rem;}
	.all-course .course_menu>li>a:not(.hidde):before {left:10px; top:7px; width:17px; height:17px; background-size:auto 100%;}
	.all-course .course_menu>li>a.hidde {top:6px; right:10px;}
	.all-course .course_menu>li>ul {margin-bottom:0; padding:5px 5px;}
	.all-course .course_menu>li>ul>li {display:inline-block;margin-bottom:0;}
	.all-course .course_menu>li>ul>li>a {margin-right:8px; padding-left:6px; font-size:0.8rem;}
	.all-course .course_menu>li>ul>li>a:before {top:7px; width:3px; height:3px;}
	.all-course .course_menu>li.ic_info.on>ul {display:flex;}
	.all-course .map {max-height:620px; overflow:hidden;}
	.all-course .map .myPosition a {top:90px; left:10px;}
	.all-course .map .gpxDown a {top:170px; left:10px;}

	#sp_photo.stamp_area.on {display:block; }
	#sp_photo.stamp_area>div.layer {margin:30px auto 0; height:700px; overflow-y:auto;}

}


/*mobile*/
@media screen and (max-width:480px){
	.introduce a {line-height:45px;}
	.promotion_ttl h3 span {display:none;}

	.csGuide_txt dd {text-align:right; padding-left:0;}
	.csGuide_txt dd:before {display:none;}

	.stamp_map .tag {padding:4px 8px; font-size:12px; font-weight:normal;}
	.stamp_map .stamp_btn {display:none;}
}