nav { padding: 15px 15px 0; max-width: 750px; margin: 0 auto; }
	nav ul { display: table; width: 100%; }
	nav ul li { display: table-cell; vertical-align: middle; width: 25%; }
	.btn_menu { text-align: left }
	.btn_menu img { width:  30%  }
	.nw_logo { width: 50%; text-align: center; }
	.nw_logo img { width: 100% }
	.btn_home { text-align: right }
	.btn_home img { width:  30%  }
	@font-face { font-family: 'yg-jalnan'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff'); font-weight: normal; font-style: normal; }
	@font-face {font-family: 'S-CoreDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff'); font-weight:500; font-style: normal;}
	.back_arrow { padding-top: 10px;  }
	.back_arrow img { width: 35px }
	.pg_title { font-family: yg-jalnan; font-size: 20px; font-weight: bold; color: #4359a8;  }
	.pg_title span { font-size: 16px; font-weight: 500; font-family: S-CoreDream; margin-left: 14px;   }
	.box-shadow { -webkit-box-shadow: 5px 5px 11px 4px rgba(0,0,0,0.21); box-shadow: 5px 5px 11px 4px rgba(0,0,0,0.21); }

/*body { background: url(/EihoApp/app/android/img/bg.1jpg) no-repeat center /cover; }	*/
.nw_wrap { max-width: 750px; margin: 0 auto; padding: 15px; }
.nw_wrap .nw_contents { padding: 20px; border-radius: 15px;  -webkit-box-shadow: 5px 5px 11px 4px rgba(0,0,0,0.21); box-shadow: 5px 5px 11px 4px rgba(0,0,0,0.21); background: white;  }
.footer { text-align: center; margin: 0 auto 0 auto; padding: 30px 0 10px 0 }
.footer img { max-width: 70%; }

section { min-width: 100%; max-width: 750px; background: none; border-radius: 15px; margin-bottom: 20px; }
section .banner_img { width: 100%; }
.sec02_bg { background: url(/web_img/section02_bg.png) no-repeat ; margin-top: 20px; background-size: cover; position: relative; }
.sec_03 { background-color: #6955ce; }

.sec05_bg { background: url(/web_img/section05_bg.png) no-repeat top; background-size: cover ; margin-top: 30px; }
.sec05_bg ul { padding: 26% 15px 20px 15px;    }
.sec05_bg ul li { width: 100%; margin-top: 10px }
.sec05_bg ul li a img {width: 100%;  }


.sec06_bg { background: url(/web_img/section061_bg.png) no-repeat top; background-size: cover; margin-top: 30px; overflow: hidden; padding-bottom: 20px !important }
.sec06_bg .tpbox { padding-top: 49%  }
.sec06_bg .tpbox2 { margin-top: 20px; }
.sec06_bg ul { padding: 10px; }
.sec06_bg .tpbox2 { margin-bottom: 25px;}
.sec06_bg ul li { text-align: center;  }
.sec06_bg ul li a img {width: 95%;  -webkit-box-shadow: 5px 5px 11px 4px rgba(0,0,0,0.21); box-shadow: 5px 5px 11px 4px rgba(0,0,0,0.21);   }

 
.sec_title { font-family: yg-jalnan; font-size: 22px; font-weight: 700; color: #4359a8; margin-left: 20px; padding-top: 20px;  }
.sec_title span { font-size: 16px; font-weight: 500; font-family: S-CoreDream; margin-left: 14px;   }
.sec_03 { background-color: #6955ce; }
.font-color-white { color: white; }
.sec_txt { font-family: S-CoreDream; margin-left: 20px; padding-top: 20px; font-weight: 300; font-size: 13px  }
.stamp_box { display: table; width: 98%; padding: 10px;  }
.stamp_box li { display: table-cell; width: 20%; text-align: center; padding: 5px; }
.stamp_box li img { width: 100%;  }	
hr { border:0 ;  border-top: 1px solid #8b7bd9; }
.total_view { padding: 10px; text-align: right; padding-right: 20px; position: relative; top: -5px;  }
.total_view a { padding-right: 50px; color: white; font-family: S-CoreDream; font-size: 13px; background: url(/web_img/icon/ico_more.png) no-repeat 60px center  }
.noside { background: url(../img/rou/pattern_rou.png); border-radius: 0 0 15px  15px }
.noside01 { padding: 0 0 20px 20px; }

.rec_view { padding: 10px; text-align: right; padding-right: 20px; position: absolute; right: 0; top: 10px  }
.rec_view a { padding-right: 50px; color: #4359a8; font-family: S-CoreDream; font-size: 13px; background: url(/web_img/icon/ico_more_rec.png) no-repeat 60px center; font-weight: 500  }


.nw_menu { overflow:hidden;position: fixed ; top:50px; left: 50%; margin-left: -160px;   opacity: 1;  z-index: 9999999 !important; font-family: S-CoreDream; font-weight: 300; max-width: 80%; min-width: 320px;  }
.menu_close_btn { text-align: center;  }
.menu_close_btn a img {     }	
.menubox { background: #fbfcfd; border-radius: 10px 10px 10px 10px;  -webkit-box-shadow: 5px 5px 11px 4px rgba(0,0,0,0.21); box-shadow: 5px 5px 11px 4px rgba(0,0,0,0.21); margin-top: 50px}
.menu_ts { color: #333; background: #e8e8e8 url(/web_img/bg_menu.png) no-repeat right; padding: 20px 30px 20px 20px; border-radius: 10px 10px 0 0 }
.menubox ul { padding: 20px; }
.menubox ul li { padding: 15px 0; border-bottom: 1px solid #b0b1b1 }
.menubox ul li:last-child { border-bottom: 0  }
.menubox ul li a { font-weight: 500; display: block; width: 100%; background: url(/web_img/icon/ico_arrow.png) no-repeat right }
#bg_dark { position: fixed;top:0; left:0; width: 100%; height: 100%; background: rgba(0,0,0,0.50); }
.menubox .btn { border-radius: 5px; font-size: 12px !important; border : 1px solid #777; background: white; color: #777 !important; margin-left: 10px; padding: 5px; font-weight: 300; top: -5px    }

.dg30_title { padding: 5px 0; display: table; width: 100%; }
.dg30_title li { display: table-cell; vertical-align: middle; position: relative;  }
.dg30_title a { position: absolute; left:20px; top: 3px; }
.sopt_title { font-family: yg-jalnan; font-size: 18px; font-weight: bold; color: #4359a8;  }
.detail_con { font-family: S-CoreDream !important; }
.sort_subject { color:#787878;font-weight:600;  }
 
.spot_img_info { position: absolute; bottom: 10px; left:20px; color:#fff; }
.spot_img_adr { font-size:14px;filter: brightness(80%) }
.spot_img_subject { font-size:22px;filter: brightness(100%);font-weight:600 }
.spot_img_cate span { font-size:13px;border:1px solid #fff;;border-radius:5px; padding: 3px 5px; }
.spot_info ul { font-size: 13px; padding: 10px 20px 20px 15px ;  }
.spot_info ul li {  clear: both; padding-bottom: 5px; overflow: hidden; }
.spot_info ul li div:first-child { font-weight: 600; color: #333 }
.spot_info_title { font-family: yg-jalnan; font-size: 16px; font-weight: 500; color: #4359a8; margin-left: 15px;  }



.missoin_area { display: table; padding: 10px 15px; font-size: 13px;  }
.missoin_area i { display: table-cell; vertical-align: middle  }
.missoin_area span { display: table-cell;   vertical-align: middle; padding-left: 8px}
.missoin_area span strong { font-weight: 600; color: #333; font-size: 16px }
.missoin_area i img { width: 100%; } 	

.spot_list_info { overflow: hidden; position: absolute; bottom: 0; width: 100%;  background: rgb(0,0,8); background: linear-gradient(90deg, rgba(0,0,8,1) 0%, rgba(244,244,244,0.3) 100%); color: white; padding: 5px 5px; font-family: 'S-CoreDream';}
.spot_list_info div:first-child span { background: white; font-size: 10px; color: #000; border-radius: 3px; padding: 2px 3px 1px; font-family: 'S-CoreDream';    }
.spot_list_pos  { font-size: 10px; font-family: 'S-CoreDream'; color: #ddd  }	
.spot_list_subject  { font-size: 12px; font-weight: 500 ;font-family: 'S-CoreDream'; }


.qz_title {/* background: url(/web_img/quiz/bg_quiz.png) no-repeat bottom right; background-size: 25%; */border-bottom: 2px solid #000; color: #333; font-size: 1em; height: 80px; position: relative;  }
.qz_title .img_bg { position: absolute; right: 0 ; bottom:0;  text-align: right; } 
.qz_title > div { display: block; width: 80%; word-break:break-all; padding-top: 25px;  }

/*
input { -webkit-appearance: none; -webkit-border-radius: 0;  }
*/


.section01_bg { position: relative }
.main_star_box { position: absolute; top: 26%; width: 100%; height: 10%  }
.main_star_box a { display: block; width: 100%;  margin: 0 auto; text-align: center }
.main_star_box a img { width: 50%; }

input[type="checkbox"]{ border:1px solid #000; height: 16px; width: 16px; }
.send_txt { color: orange; font-size: 14px; font-family: S-CoreDream; margin-top: 10px; display: block; }
.cusbox { text-align: center; font-size: 14px;  color: #555; }