@charset "utf-8";
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 100;
  src: /*url(../../fonts/NotoSansKR-Thin-Hestia.woff2) format('woff2'),*/ url(../../fonts/NotoSansKR-Thin-Hestia.woff)
      format("woff"),
    url(../../fonts/NotoSansKR-Thin-Hestia.otf) format("opentype");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 300;
  src: /*url(../../fonts/NotoSansKR-Light-Hestia.woff2) format('woff2'),*/ url(../../fonts/NotoSansKR-Light-Hestia.woff)
      format("woff"),
    url(../../fonts/NotoSansKR-Light-Hestia.otf) format("opentype");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 400;
  src: /*url(../../fonts/NotoSansKR-Regular-Hestia.woff2) format('woff2'),*/ url(../../fonts/NotoSansKR-Regular-Hestia.woff)
      format("woff"),
    url(../../fonts/NotoSansKR-Regular-Hestia.otf) format("opentype");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 500;
  src: /*url(../../fonts/NotoSansKR-Medium-Hestia.woff2) format('woff2'),*/ url(../../fonts/NotoSansKR-Medium-Hestia.woff)
      format("woff"),
    url(../../fonts/NotoSansKR-Medium-Hestia.otf) format("opentype");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 700;
  src: /*url(../../fonts/NotoSansKR-Bold-Hestia.woff2) format('woff2'),*/ url(../../fonts/NotoSansKR-Bold-Hestia.woff)
      format("woff"),
    url(../../fonts/NotoSansKR-Bold-Hestia.otf) format("opentype");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 900;
  src: /*url(../../fonts/NotoSansKR-Black-Hestia.woff2) format('woff2'),*/ url(../../fonts/NotoSansKR-Black-Hestia.woff)
      format("woff"),
    url(../../fonts/NotoSansKR-Black-Hestia.otf) format("opentype");
}

@font-face {
  font-family: "MaruBuriBold";
  src: url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Bold.eot);
  src: url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Bold.eot?#iefix)
      format("embedded-opentype"),
    url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Bold.woff2)
      format("woff2"),
    url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Bold.woff)
      format("woff"),
    url(https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Bold.ttf)
      format("truetype");
}

select,
button,
input,
textarea {
  font-family: "Noto Sans KR";
}
.chkB {
  display: inline-block;
  vertical-align: top;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  color: #666;
}
.chkB input[type="checkbox"] {
  display: none;
}
.chkB input[type="checkbox"] + span {
  display: inline-block;
  vertical-align: top;
  width: 30px;
  height: 30px;
  background: url(../../img/fe/templestay/ico_checkbox.png) no-repeat center
    center;
  margin-right: 6px;
}
.chkB input[type="checkbox"]:checked + span {
  background-image: url(../../img/fe/templestay/ico_checkbox_ov.png);
}
.radioB {
  display: inline-block;
  vertical-align: top;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  color: #666;
}
.radioB input[type="radio"] {
  display: none;
}
.radioB input[type="radio"] + span {
  display: inline-block;
  vertical-align: top;
  width: 30px;
  height: 30px;
  background: url(../../img/fe/templestay/ico_radio.png) no-repeat center center;
  margin-right: 6px;
}
.radioB input[type="radio"]:checked + span {
  background-image: url(../../img/fe/templestay/ico_radio_ov.png);
}

#wrap {
  font-family: "Noto Sans KR";
}
#header {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  z-index: 1000;
  height: 80px;
}
#header .gnb_wrap h1 {
  position: absolute;
  left: 30px;
  top: 0;
}
#header .gnb_wrap h1 a {
  display: block;
  width: 200px;
  height: 80px;
  background: url(../../img/fe/templestay/img_logo.png) no-repeat center center;
  text-indent: -9999px;
  overflow: hidden;
}
#header .gnb_wrap .gnb {
  max-width: 1280px;
  margin: 0 auto;
}
#header .gnb_wrap .gnb > ul {
  text-align: center;
}
#header .gnb_wrap .gnb > ul > li {
  display: inline-block;
  vertical-align: top;
  margin-left: -4px;
  position: relative;
  width: auto !important;
  padding: 0 40px;
}
#header .gnb_wrap .gnb > ul > li > a {
  display: block;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  text-align: center;
  height: 80px;
  line-height: 80px;
  padding-bottom: 11px;
  transition: all 0.3s;
}
#header .gnb_wrap .gnb > ul > li > a:after {
  content: "";
  opacity: 0;
  display: block;
  position: absolute;
  left: 50%;
  top: 60px;
  width: 5px;
  height: 5px;
  margin-left: -2px;
  background: #c5a679;
  border-radius: 50px;
}
#header .gnb_wrap .gnb > ul > li > .gnb_sub {
  display: none;
  position: absolute;
  left: 50%;
  top: 90px;
  width: 250px;
  margin-left: -125px;
  background: #c5a679;
  padding: 15px;
  box-sizing: border-box;
}
#header .gnb_wrap .gnb > ul > li > .gnb_sub > ul > li > a {
  display: block;
  font-size: 18px;
  color: #fff;
  padding: 15px 0;
  font-weight: 600;
}
#header .gnb_wrap .login {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1001;
}
#header .gnb_wrap .login ul {
  overflow: hidden;
  position: absolute;
  right: 195px;
  top: 30px;
  width: 210px;
}
#header .gnb_wrap .login ul li {
  padding-left: 10px;
  margin-left: 10px;
  float: left;
  position: relative;
}
#header .gnb_wrap .login ul li:before {
  content: "";
  display: block;
  width: 1px;
  height: 10px;
  background: #b5b5b6;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -5px;
}
#header .gnb_wrap .login ul li:first-child {
  padding-left: 0;
  margin-left: 0;
}
#header .gnb_wrap .login ul li:first-child:before {
  display: none;
}
#header .gnb_wrap .login ul li a {
  display: block;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
  font-weight: 500;
}
#header .gnb_wrap .login ul li a:hover {
  color: #fff;
}
#header .gnb_wrap .login ul li a:focus {
  color: #fff;
}
#header .gnb_wrap .login ul li.lang a {
  background: url(../../img/fe/templestay/ico_lang.png) no-repeat left center;
  padding-left: 20px;
}
#header .gnb_wrap .login ul li.lang:before {
  display: none;
}
#header .gnb_wrap .login a.btn_webzine {
  display: block;
  height: 80px;
  width: 175px;
  line-height: 80px;
  background: #6d685c;
  text-align: center;
  font-size: 16px;
  color: #fff;
  font-weight: 600;
}
#header:hover {
  background: rgba(255, 255, 255, 1);
  transition: all 0.3s;
}
#header:hover .gnb_wrap h1 a {
  background-image: url(../../img/fe/templestay/img_logo_d.png);
}
#header:hover .gnb_wrap .gnb > ul > li > a {
  color: #000;
}
#header:hover .gnb_wrap .gnb > ul > li:hover > a {
  color: #c5a679;
}
#header:hover .gnb_wrap .gnb > ul > li:hover > a:after {
  opacity: 1;
}

#header:hover .gnb_wrap .login ul li a {
  color: #767676;
}
#header:hover .gnb_wrap .login ul li:before {
  background: #767676;
}
#header:hover .gnb_wrap .login ul li a.on {
  color: #000;
}
#header:hover .gnb_wrap .login ul li.lang a {
  background-image: url(../../img/fe/templestay/ico_lang_d.png);
}

#mobile_header {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 10000;
  margin: 0 auto;
}
#mobile_header h1 {
  border-bottom: 1px solid #d2d2d2;
}
#mobile_header h1 a {
  display: block;
  padding: 8px 15px 7px 15px;
}
#mobile_header h1 a img {
  height: 40px;
}
#mobile_header .open_mobile_fullmemu {
  position: absolute;
  right: 0;
  top: 0;
  padding: 15px;
}
#mobile_header .open_mobile_fullmemu img {
  height: 25px;
}
#mobile_header .mobile_fullmenu {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 10000;
  background: #fff;
  max-width: 1192px;
  margin: 0 auto;
  border-bottom: 1px;
  overflow-y: auto;
}
#mobile_header .mobile_fullmenu .login {
  background: #292827;
  padding: 17px 20px;
  font-size: 15px;
  color: #fff;
  line-height: 21px;
}
#mobile_header .mobile_fullmenu .login a {
  font-size: 15px;
  color: #fff;
  line-height: 21px;
  display: inline-block;
  vertical-align: top;
}
#mobile_header .mobile_fullmenu .close_mobile_fullmemu {
  position: absolute;
  right: 0;
  top: 0;
  padding: 17px 15px;
}
#mobile_header .mobile_fullmenu .close_mobile_fullmemu img {
  height: 21px;
}
#mobile_header .mobile_fullmenu .list > ul {
  padding-bottom: 110px;
}
#mobile_header .mobile_fullmenu .list > ul > li > a {
  display: block;
  font-size: 18px;
  color: #191919;
  line-height: 70px;
  background: #fff;
  padding: 0 20px;
  letter-spacing: -1px;
  font-weight: 500;
  background: url(../../img/fe/templestay/ico_fullmenu_arrow.png) no-repeat
    right 20px center;
}
#mobile_header .mobile_fullmenu .list > ul > li > a.on {
  background-image: url(../../img/fe/templestay/ico_fullmenu_arrow_ov.png);
  color: #be9c6e;
}
#mobile_header .mobile_fullmenu .list > ul > li > ul {
  display: none;
  margin: 0 20px;
  border-top: 1px solid #ebe1d3;
  border-bottom: 1px solid #ebe1d3;
  padding: 10px 0;
}
#mobile_header .mobile_fullmenu .list > ul > li > ul > li {
}
#mobile_header .mobile_fullmenu .list > ul > li > ul > li > a {
  display: block;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -1px;
  color: #000;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
}
#mobile_header .mobile_fullmenu .lang {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  border-top: 1px solid #ddd;
}
#mobile_header .mobile_fullmenu .lang ul {
  text-align: center;
  padding: 15px 0;
}
#mobile_header .mobile_fullmenu .lang ul li {
  display: inline-block;
  vertical-align: top;
}
#mobile_header .mobile_fullmenu .lang ul li a {
  display: block;
  font-size: 15px;
  color: #7f7f7f;
  font-weight: 600;
  position: relative;
  padding: 0 8px 0 12px;
}
#mobile_header .mobile_fullmenu .lang ul li a:before {
  content: "";
  display: block;
  width: 1px;
  height: 10px;
  background: #999;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -5px;
}
#mobile_header .mobile_fullmenu .lang ul li a.on {
  color: #000;
}
#mobile_header .mobile_fullmenu .lang ul li:first-child {
  padding-left: 0;
}
#mobile_header .mobile_fullmenu .lang ul li:first-child a:before {
  display: none;
}
#mobile_header .mobile_fullmenu .lang .btn_webzine {
  display: block;
  background: #6d685c;
  font-size: 15px;
  color: #fff;
  font-weight: 600;
  text-align: center;
  height: 50px;
  line-height: 50px;
}

#footer {
  background: #292827;
  padding: 45px 0;
  text-align: center;
}
#footer .foot_logo {
  margin-bottom: 45px;
}
#footer .foot_info {
  margin-bottom: 30px;
}
#footer .foot_info ul li {
  display: inline-block;
  vertical-align: top;
  padding: 0 17px;
  position: relative;
  color: #f1f1f1;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: -1px;
}
#footer .foot_info ul li:before {
  content: "";
}
#footer .foot_info ul li:before {
  content: "";
  display: block;
  width: 1px;
  height: 10px;
  background: #b5b5b6;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -5px;
}
#footer .foot_info ul li:first-child {
  padding-left: 0;
  margin-left: 0;
}
#footer .foot_info ul li:first-child:before {
  display: none;
}
#footer .foot_sns ul {
  overflow: hidden;
  width: 220px;
  margin: 0 auto 30px auto;
  background: #2d2d2d;
}
#footer .foot_sns ul li {
  float: left;
  margin-left: 20px;
}
#footer .foot_sns ul li:first-child {
  margin-left: 0;
}
#footer .foot_terms {
  margin-bottom: 30px;
}
#footer .foot_terms ul li {
  display: inline-block;
  vertical-align: top;
  padding: 0 10px;
  position: relative;
  color: #f1f1f1;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: -1px;
}
#footer .foot_terms ul li a {
  color: #f1f1f1;
}
#footer .copyright {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
  font-weight: 400;
}

#contentArea {
  min-height: 700px;
}
.main_visual {
  position: relative;
}
.main_visual .visual_list li a {
  display: block;
}
.main_visual .visual_list li a img {
  width: 100%;
}
.main_visual .visual_list li a .txt {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  margin-top: -60px;
  font-size: 40px;
  color: #fff;
  line-height: 150%;
  text-align: center;
  letter-spacing: -2px;
  font-weight: 600;
  padding: 10px;
  /* font-family: MaruBuriBold; */
}
.main_visual .bx-pager {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  margin-top: 100px;
  text-align: center;
  z-index: 100;
}
.main_visual .bx-pager .bx-pager-item {
  display: inline-block;
  vertical-align: top;
}
.main_visual .bx-pager .bx-pager-item a {
  display: block;
  text-indent: -9999px;
  width: 24px;
  height: 24px;
  background: url(../../img/fe/templestay/ico_nav.png) no-repeat center center;
  margin: 0 5px;
}
.main_visual .bx-pager .bx-pager-item a.active {
  background-image: url(../../img/fe/templestay/ico_nav_ov.png);
}
.main_visual .chk_schedule {
  position: absolute;
  left: 50%;
  bottom: 50px;
  width: 1280px;
  margin-left: -640px;
  z-index: 100;
}
.main_visual .chk_schedule .btn {
  text-align: right;
  margin-bottom: 20px;
}
.main_visual .chk_schedule .btn a {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 50px;
  padding: 0 15px;
  height: 34px;
  line-height: 34px;
  background: rgba(0, 0, 0, 0.2);
  position: relative;
}
.main_visual .chk_schedule .btn a:after {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 6px;
  height: 10px;
  background: url(../../img/fe/templestay/ico_arrow.png) no-repeat center center;
  margin: 12px 0 0 7px;
}
.main_visual .chk_schedule .searchTxt {
  position: relative;
  margin-bottom: 15px;
}
.main_visual .chk_schedule .searchTxt > div {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5);
  background: #fff;
  margin-right: 30%;
  border-radius: 50px;
  overflow: hidden;
}
.main_visual .chk_schedule .searchTxt > div input[type="text"] {
  width: 100%;
  border: 0;
  height: 70px;
  line-height: 70px;
  font-size: 16px;
  text-indent: 40px;
  border-radius: 50px;
}
.main_visual .chk_schedule .searchTxt .btn_search {
  position: absolute;
  right: 15%;
  top: 0;
  display: block;
  width: 14%;
  border-radius: 50px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5);
  background: #be9c6e;
  color: #fff;
  font-size: 16px;
  text-align: center;
  height: 70px;
  line-height: 70px;
  border: 0;
}
.main_visual .chk_schedule .searchTxt .open_select_schedule {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 14%;
  border-radius: 50px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5);
  background: #75a8c3;
  color: #fff;
  font-size: 16px;
  text-align: center;
  height: 70px;
  line-height: 70px;
  border: 0;
}
.main_visual .chk_schedule .searchTxt .open_select_schedule:after {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 21px;
  height: 20px;
  background: url(../../img/fe/templestay/ico_searchTxt.png) no-repeat center
    center;
  margin-left: 20px;
  margin-top: 25px;
}
.main_visual .chk_schedule .searchTxt .open_select_schedule.on:after {
  background-image: url(../../img/fe/templestay/ico_searchTxt_ov.png);
}
.main_visual .chk_schedule .select_schedule {
  display: none;
  position: relative;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5);
  border: 2px solid #75a8c3;
  border-radius: 50px;
  background: #fff;
  overflow: hidden;
}
.main_visual .chk_schedule .select_schedule ul {
  margin-right: 76px;
}
.main_visual .chk_schedule .select_schedule ul:after {
  content: "";
  display: block;
  clear: both;
}
.main_visual .chk_schedule .select_schedule ul li {
  float: left;
  width: 16.6%;
  padding-left: 1px;
  box-sizing: border-box;
  position: relative;
}
.main_visual .chk_schedule .select_schedule ul li:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 14px;
  background: #bababa;
  margin-top: -7px;
}
.main_visual .chk_schedule .select_schedule ul li select {
  width: 90%;
  height: 70px;
  line-height: 70px;
  border: 0;
  font-size: 16px;
  color: #666;
  box-sizing: border-box;
  padding-left: 20px;
}
.main_visual .chk_schedule .select_schedule ul li input {
  width: 100%;
  height: 70px;
  line-height: 70px;
  border: 0;
  font-size: 16px;
  color: #666;
  box-sizing: border-box;
  padding-left: 20px;
}
.main_visual .chk_schedule .select_schedule ul li input + img {
  position: absolute;
  right: 18px;
  top: 50%;
  width: 23px;
  margin-top: -10px;
  cursor: pointer;
}
.main_visual .chk_schedule .select_schedule button {
  position: absolute;
  right: 0;
  top: 0;
  width: 175px;
  height: 70px;
  line-height: 70px;
  border: 0;
  text-align: center;
  font-size: 16px;
  color: #fff;
  background: #c5a679;
}
.main_section01 {
  padding: 125px 0;
  background: url(../../img/fe/templestay/bg_main_section01.png) no-repeat right
    top;
}
.main_visual .chk_schedule .select_schedule .close_select_schedule {
  position: absolute;
  right: 30px;
  top: 50%;
  margin-top: -10px;
}
.main_section01 .inner {
  max-width: 1280px;
  margin: 0 auto;
  position: relative;
}
.main_section01 .inner .list {
  width: 50%;
  position: relative;
}
.main_section01 .inner .list ul li img {
  width: 100%;
}
.main_section01 .inner .list .bx-pager {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 240px;
  height: 90px;
  line-height: 90px;
  font-size: 12px;
  color: #000;
  background: #fff;
  text-align: center;
}
.main_section01 .inner .list .bx-prev {
  display: block;
  position: absolute;
  right: 150px;
  bottom: 0;
  width: 90px;
  height: 90px;
  background: url(../../img/fe/templestay/btn_prev.png) no-repeat center center;
  text-indent: -9999px;
  overflow: hidden;
}
.main_section01 .inner .list .bx-next {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 90px;
  height: 90px;
  background: url(../../img/fe/templestay/btn_next.png) no-repeat center center;
  text-indent: -9999px;
  overflow: hidden;
}
.main_section01 .inner .txt {
  position: absolute;
  left: 50%;
  right: 0;
  top: 50%;
  margin-top: -150px;
  text-align: center;
}
.main_section01 .inner .txt .h2_tit {
  font-size: 38px;
  color: #000;
  line-height: 130%;
  letter-spacing: -2px;
  font-weight: 600;
  margin-bottom: 25px;
}
.main_section01 .inner .txt .sub_txt {
  font-size: 18px;
  color: #666;
  line-height: 150%;
  letter-spacing: -1px;
  margin-bottom: 40px;
}
.main_section01 .inner .txt .btn a {
  display: block;
  width: 180px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  background: #c5a679;
  color: #fff;
  font-size: 16px;
  margin: 0 auto;
}
.main_section02 {
  padding: 110px 0;
  background: url(../../img/fe/templestay/bg_main_section02.jpg) no-repeat right
    top;
  background-size: cover;
  overflow: hidden;
}
.main_section02 .inner .h2_tit {
  font-size: 38px;
  color: #000;
  line-height: 130%;
  letter-spacing: -2px;
  font-weight: 600;
  margin-bottom: 25px;
  text-align: center;
}
.main_section02 .inner .sub_txt {
  font-size: 18px;
  color: #666;
  line-height: 150%;
  letter-spacing: -1px;
  margin-bottom: 40px;
  text-align: center;
}
.main_section02 .inner .list {
  height: 750px;
  position: relative;
}
.main_section02 .inner .list ul {
  width: 3920px;
  position: absolute;
  left: 50%;
  margin-left: -640px;
}
.main_section02 .inner .list ul li {
  width: 1280px !important;
  margin-right: 40px;
}
.main_section02 .inner .list ul li .img {
  margin-bottom: 40px;
  opacity: 0.5;
  transition: all 0.3s;
}
.main_section02 .inner .list ul li .img img {
  width: 100%;
}
.main_section02 .inner .list ul li .txt p {
  font-size: 24px;
  font-weight: 600;
  color: #000;
  line-height: 150%;
  letter-spacing: -1px;
}
.main_section02 .inner .list ul li.active-slide .img {
  opacity: 1;
}
.main_section02 .inner .list .bx-pager {
  position: absolute;
  left: 50%;
  margin-left: 480px;
  bottom: 0;
  width: 160px;
  height: 36px;
  line-height: 36px;
  font-size: 12px;
  color: #000;
  text-align: center;
}
.main_section02 .inner .list .bx-prev {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: 480px;
  bottom: 0;
  width: 36px;
  height: 36px;
  background: url(../../img/fe/templestay/btn_prev.png) no-repeat center center;
  text-indent: -9999px;
  overflow: hidden;
}
.main_section02 .inner .list .bx-next {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: 605px;
  bottom: 0;
  width: 36px;
  height: 36px;
  background: url(../../img/fe/templestay/btn_next.png) no-repeat center center;
  text-indent: -9999px;
  overflow: hidden;
}
.main_section03 {
  padding: 110px 0;
}
.main_section03 .inner {
  max-width: 1280px;
  margin: 0 auto;
}
.main_section03 .inner .h2_tit {
  font-size: 38px;
  color: #000;
  line-height: 130%;
  letter-spacing: -2px;
  font-weight: 600;
  margin-bottom: 25px;
  text-align: center;
}
.main_section03 .inner .sub_txt {
  font-size: 18px;
  color: #666;
  line-height: 150%;
  letter-spacing: -1px;
  margin-bottom: 40px;
  text-align: center;
}
.main_section03 .inner .list {
  margin-bottom: 45px;
}
.main_section03 .inner .list ul {
  overflow: hidden;
  margin-left: -3%;
}
.main_section03 .inner .list ul li {
  float: left;
  width: 30.33%;
  margin-left: 3%;
}
.main_section03 .inner .list ul li .img {
  height: 0;
  padding-bottom: 70%;
  overflow: hidden;
  margin-bottom: 30px;
}
.main_section03 .inner .list ul li .img img {
  width: 100%;
}
.main_section03 .inner .list ul li .txt p {
  font-size: 24px;
  color: #000;
  line-height: 36px;
  letter-spacing: -1px;
  font-weight: 500;
  margin-bottom: 40px;
}
.main_section03 .inner .list ul li .txt .date {
  display: block;
  font-size: 16px;
  color: #666;
  line-height: 150%;
}
.main_section03 .inner .btn .btn_more {
  display: block;
  width: 180px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  font-size: 16px;
  color: #666;
  font-weight: 500;
  text-align: center;
  margin: 0 auto;
  border: 1px solid #625d52;
  box-sizing: border-box;
}

.path {
  background-position: center top;
  height: 460px;
  background-repeat: no-repeat;
  text-align: center;
  position: relative;
  background-size: cover;
}
.path#path01 {
  background-image: url(../../img/fe/templestay/bg_path01.jpg);
}
.path#path02 {
  background-image: url(../../img/fe/templestay/bg_path02.jpg);
}
.path#path03 {
  background-image: url(../../img/fe/templestay/bg_path03.jpg);
}
.path#path04 {
  background-image: url(../../img/fe/templestay/bg_path04.jpg);
}
.path#path05 {
  background-image: url(../../img/fe/templestay/bg_path05.jpg);
}
.path#path06 {
  background-image: url(../../img/fe/templestay/bg_path06.jpg);
}
.path#path07 {
  background-image: url(../../img/fe/templestay/bg_path07.jpg);
}
.path#path08 {
  background-image: url(../../img/fe/templestay/bg_path08.jpg);
}
.path + .section {
  padding-top: 80px;
}

#contents {
  padding-bottom: 120px;
}
.path .h2_tit {
  font-size: 38px;
  color: #fff;
  line-height: 56px;
  font-weight: 600;
  letter-spacing: -1px;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  margin-top: -20px;
}
.path ul {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  margin-top: 60px;
}
.path ul li {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  color: #fff;
  line-height: 22px;
  padding-left: 15px;
  margin-left: 10px;
  position: relative;
}
.path ul li:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -4px;
  width: 6px;
  height: 10px;
  background: url(../../img/fe/templestay/ico_path_arrow.png) no-repeat center
    center;
}
.path ul li:first-child {
  padding-left: 0;
  margin-left: 0;
}
.path ul li:first-child:before {
  display: none;
}
.path ul li a {
  display: block;
}
.path ul li a.home span {
  display: block;
  background: url(../../img/fe/templestay/ico_home.png) no-repeat center center;
  width: 15px;
  height: 22px;
  text-indent: -999px;
  overflow: hidden;
}
.searchBar {
  max-width: 1280px;
  margin: 0 auto 50px auto;
  overflow: hidden;
}
.searchBar .left {
  float: left;
}
.searchBar .right {
  float: right;
}
.searchBar .right select {
  display: inline-block;
  vertical-align: top;
  width: 170px;
  height: 60px;
  line-height: 60px;
  border: 1px solid #d2d2d2;
  border-radius: 10px;
  padding-left: 20px;
  background: url(../../img/fe/templestay/ico_select_arrow.png) no-repeat right
    20px center;
  font-size: 16px;
  color: #767676;
  -webkit-appearance: none;
  appearance: none;
  margin-right: 5px;
}
.searchBar .right > div {
  display: inline-block;
  vertical-align: top;
  border-radius: 10px;
  border: 1px solid #d2d2d2;
  padding: 12px;
}
.searchBar .right > div input[type="text"] {
  height: 34px;
  line-height: 34px;
  width: 230px;
  text-indent: 10px;
  border: 0;
}
.searchBar .right > div button {
  background: #6d685c;
  width: 80px;
  height: 34px;
  line-height: 34px;
  font-size: 14px;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  border: 0;
}
.notice_list {
  max-width: 1280px;
  margin: 0 auto 50px auto;
}
.notice_list ul li {
  border-bottom: 1px solid #d2d2d2;
}
.notice_list ul li:first-child {
  border-top: 1px solid #d2d2d2;
}
.notice_list ul li a {
  display: block;
  overflow: hidden;
  background: url(../../img/fe/templestay/btn_notice_more.png) no-repeat right
    50px center;
  padding: 50px 120px 50px 0;
}
.templeRecommend_wrap .notice_list ul li a {
  padding: 25px 120px 25px 0px;
}
.notice_list ul li a:hover {
  background-image: url(../../img/fe/templestay/btn_notice_more_ov.png);
}
.notice_list ul li a > img {
  float: left;
  margin: 0 35px 10px 0;
  width: 180px;
  height: 140px;
}
.notice_list ul li a strong {
  display: block;
  font-size: 24px;
  color: #000;
  line-height: 150%;
  letter-spacing: -1px;
  font-weight: 500;
  line-height: 36px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 15px;
}
.notice_list ul li a p {
  display: block;
  font-size: 16px;
  color: #000;
  line-height: 150%;
  letter-spacing: -1px;
  font-weight: 400;
  line-height: 24px;
  height: 48px;
  margin-bottom: 15px;
  overflow: hidden;
}
.notice_list ul li a .date {
  display: block;
  font-size: 16px;
  color: #666;
}
.notice_list ul li a .date b {
  display: inline-block;
  vertical-align: top;
  padding-left: 10px;
  margin-left: 10px;
  position: relative;
  font-weight: 400;
  height: 24px;
}
.notice_list ul li a .date b:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 8px;
  margin-top: -4px;
  background: #d2d2d2;
}
.paging {
  text-align: center;
}
.paging a {
  display: inline-block;
  vertical-align: top;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  color: #767676;
  margin: 0 10px;
}
.paging a:hover {
  display: inline-block;
  vertical-align: top;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  color: #292827;
  margin: 0 10px;
  border-bottom: 1px solid #000;
  font-weight: 400;
}
.paging a.on {
  display: inline-block;
  vertical-align: top;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  color: #292827;
  margin: 0 10px;
  border-bottom: 1px solid #000;
  font-weight: 400;
}
.paging strong {
  display: inline-block;
  vertical-align: top;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  color: #292827;
  margin: 0 10px;
  border-bottom: 1px solid #000;
  font-weight: 400;
}
.paging a.btn {
  margin: 0;
}
.paging a.btn:hover {
  border-bottom: 0;
}
.notice_view {
  max-width: 1280px;
  margin: 0 auto 50px auto;
}
.notice_view .top {
  border-bottom: 1px solid #d2d2d2;
  padding: 20px 0 50px 0;
}
.notice_view .top .cate {
  display: block;
  text-align: center;
  font-size: 16px;
  color: #c5a679;
  font-weight: 500;
  margin-bottom: 10px;
}
.notice_view .top h3 {
  font-size: 30px;
  font-weight: 600;
  color: #000;
  line-height: 150%;
  text-align: center;
  margin-bottom: 20px;
  letter-spacing: -1px;
}
.notice_view .top .info ul {
  text-align: center;
}
.notice_view .top .info ul li {
  display: inline-block;
  vertical-align: top;
  margin-left: 6px;
  padding-left: 10px;
  position: relative;
  font-size: 16px;
  color: #666;
  height: 24px;
}
.notice_view .top .info ul li:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 8px;
  margin-top: -4px;
  background: #d2d2d2;
}
.notice_view .top .info ul li:first-child {
  padding-left: 0;
  margin-left: 0;
}
.notice_view .top .info ul li:first-child:before {
  display: none;
}
.notice_view .cont {
  padding: 30px 0 80px 0;
  border-bottom: 1px solid #d2d2d2;
}
.notice_view .cont .attachfile {
  text-align: right;
}
.notice_view .cont .attachfile ul li {
  padding: 2px 0;
}
.notice_view .cont .attachfile ul li p {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  color: #000;
  line-height: 35px;
}
.notice_view .cont .attachfile ul li a {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  color: #767676;
  height: 35px;
  line-height: 35px;
  border: 1px solid #999;
  padding: 0 35px 0 15px;
  background: url(../../img/fe/templestay/ico_attachfile.png) no-repeat right
    15px center;
  border-radius: 50px;
  letter-spacing: -1px;
  margin-left: 10px;
}
.notice_view .cont .cont_txt {
  padding-top: 50px;
  max-width: 800px;
  margin: 0 auto;
  min-height: 400px;
}
.prevnext_list {
  max-width: 1280px;
  margin: 0 auto;
  position: relative;
  margin-top: 30px;
}
.prevnext_list ul {
  overflow: hidden;
}
.prevnext_list ul li {
  float: left;
  width: 50%;
  padding: 0 50px;
  box-sizing: border-box;
}
.prevnext_list ul li:first-child {
}
.prevnext_list ul li.btn_list {
  position: absolute;
  left: 50%;
  top: 0;
  width: 60px;
  height: 60px;
  margin-left: -30px;
  padding: 0;
}
.prevnext_list ul li a {
  display: block;
  font-size: 18px;
  color: #000;
  line-height: 60px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.review_list {
  max-width: 1280px;
  margin: 0 auto 30px auto;
  border-top: 1px solid #d2d2d2;
  padding-top: 50px;
}
.review_list ul {
  overflow: hidden;
  margin-left: -3%;
}
.review_list ul li {
  float: left;
  width: 30.33%;
  margin-left: 3%;
  margin-bottom: 3%;
}
.review_list ul li .img {
  height: 0;
  padding-bottom: 70%;
  overflow: hidden;
}
.review_list ul li .img img {
  width: 100%;
}
.review_list ul li .txt {
  padding: 20px 0 0 0;
}
.review_list ul li .txt .cate {
  display: block;
  font-size: 18px;
  color: #c5a679;
  line-height: 150%;
  font-weight: 500;
  letter-spacing: -1px;
}
.review_list ul li .txt p {
  font-size: 24px;
  color: #000;
  line-height: 150%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
  letter-spacing: -1px;
  margin-bottom: 10px;
}
.review_list ul li .txt .date {
  display: block;
  font-size: 16px;
  color: #666;
  line-height: 150%;
}
.faq_wrap {
  max-width: 840px;
  margin: 0 auto;
}
.faq_wrap .faq_tab {
  margin-bottom: 80px;
}
.faq_wrap .faq_tab ul {
  text-align: center;
}
.faq_wrap .faq_tab ul li {
  display: inline-block;
  vertical-align: top;
  padding: 0 15px;
  position: relative;
}
.faq_wrap .faq_tab ul li:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 10px;
  background: #d2d2d2;
  margin-top: -5px;
}
.faq_wrap .faq_tab ul li:first-child:before {
  display: none;
}
.faq_wrap .faq_tab ul li a {
  display: block;
  font-size: 18px;
  color: #767676;
  font-weight: 500;
  height: 40px;
  line-height: 40px;
}
.faq_wrap .faq_tab ul li a.on {
  border-bottom: 2px solid #000;
  color: #292827;
}
.faq_wrap .faq_list dl dt {
  position: relative;
  z-index: 10;
  margin-top: 20px;
}
.faq_wrap .faq_list dl dt:first-child {
  margin-top: 0;
}
.faq_wrap .faq_list dl dt a {
  display: block;
  border: 1px solid #d2d2d2;
  border-radius: 10px;
  padding: 20px 25px 20px 50px;
  font-size: 16px;
  color: #000;
  font-weight: 500;
  letter-spacing: -1px;
  background: #fff url(../../img/fe/templestay/ico_faq_arrow.png) no-repeat
    right 30px center;
}
.faq_wrap .faq_list dl dt a .ico_Q {
  font-size: 16px;
  color: #c5a679;
  font-weight: 600;
  position: absolute;
  left: 25px;
  top: 20px;
}
.faq_wrap .faq_list dl dd {
  display: none;
  background: #f7f5f2;
  line-height: 150%;
  font-size: 16px;
  color: #000;
  padding: 35px 25px 25px 25px;
  margin-bottom: 20px;
  border-radius: 0 0 10px 10px;
  border: 1px solid #d2d2d2;
  border-top: 0;
  margin-top: -10px;
}

.login_wrap {
  text-align: center;
}
.login_wrap h3 {
  font-size: 24px;
  color: #000;
  line-height: 150%;
  letter-spacing: -1px;
  font-weight: 500;
  margin-bottom: 30px;
}
.login_form {
  max-width: 400px;
  margin: 0 auto;
}
.login_form img {
  margin-bottom: 10px;
}
.login_form ul {
  margin-bottom: 20px;
}
.login_form ul li {
  margin-bottom: 10px;
}
.login_form ul li input {
  border: 1px solid #d2d2d2;
  border-radius: 10px;
  text-indent: 30px;
  font-size: 16px;
  color: #767676;
  line-height: 58px;
  height: 58px;
  font-weight: 500;
  letter-spacing: -1px;
  width: 100%;
  box-sizing: border-box;
}
.login_form ul li span {
  position: absolute;
  right: 50px;
  margin-top: 16px;
  font-size: 0.875rem;
  font-weight: 700;
  color: #616161;
  line-height: 28px;
}
.login_form ul li button {
  position: absolute;
  right: 50px;
  margin-top: 12px;
  background: #6d685c;
  width: 100px;
  height: 34px;
  line-height: 34px;
  font-size: 14px;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  border: 0;
}
.login_form .saveID {
  text-align: left;
  margin-bottom: 50px;
}
.login_form button {
  background: #c5a679;
  border-radius: 10px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  height: 58px;
  line-height: 58px;
  width: 100%;
  border: 0;
}
.login_form .link {
  margin: 15px 0 40px 0;
}
.login_form .link a {
  display: inline-block;
  vertical-align: top;
  margin-left: 8px;
  padding-left: 10px;
  position: relative;
  font-size: 16px;
  color: #666;
  font-weight: 500;
}
.login_form .link a:before {
  content: "";
  display: block;
  width: 1px;
  height: 10px;
  background: #d2d2d2;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -5px;
}
.login_form .link a:first-child {
  padding-left: 0;
  margin-left: 0;
}
.login_form .link a:first-child:before {
  display: none;
}
.login_form + .noMember {
  border-top: 1px solid #d2d2d2;
  padding-top: 40px;
  max-width: 400px;
  margin: 0 auto;
}
.login_form + .noMember p {
  font-size: 16px;
  color: #666;
  line-height: 150%;
  margin-bottom: 20px;
}
.login_form + .noMember a {
  display: block;
  background: #787367;
  border-radius: 10px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  height: 58px;
  line-height: 58px;
  width: 100%;
  border: 0;
}
.login_form p {
  font-size: 16px;
  color: #292827;
  font-weight: 600;
  text-align: center;
  margin-bottom: 15px;
}
.login_form + .login_form {
  border-top: 1px solid #d2d2d2;
  margin-top: 50px;
  padding-top: 40px;
}

.idResult {
  margin-top: 0px !important;
  padding-top: 0px !important;
}

.login_form .chkID {
  text-align: center;
  font-size: 24px;
  font-size: 18px;
  color: #767676;
  font-weight: 500;
  letter-spacing: -1px;
  margin-bottom: 30px;
  padding-top: 30px;
  border-top: 1px dashed #d2d2d2;
}
.login_form .chkID:first-child {
  border-top: none;
  margin-top: 0px;
  padding-top: 0px;
}
.login_form .chkID strong {
  display: block;
  line-height: 150%;
  font-size: 38px;
  font-size: 22px;
  color: #000;
  font-weight: 600;
  margin: 5px 0px;
}

/**20250306 table**/
.login_form .table {
  border-top: 1px solid #be9c6e;
  margin-bottom: 30px;
}
.login_form .table table {
  width: 100%;
  border-collapse: collapse;
}
.login_form .table table th,
.login_form .table table td {
  font-size: 16px;
  color: #000;
  padding: 10px;
  border-bottom: 1px solid #d2d2d2;
  word-break: break-all;
}
.login_form .table table th {
  background: #f7f5f2;
  font-weight: 500;
  text-align: center;
}
.login_form .table table tbody th {
  text-align: left;
}

.login_form .table table td {
  font-weight: 400;
  border-left: 1px solid #d2d2d2;
}

.login_form .sns {
  display: flex;
  padding: 40px;
}
.login_form .sns .google {
  background: url("/common/img/fe/templestay/ico_google.png") no-repeat 50% 0;
}
.login_form .sns .naver {
  background: url("/common/img/fe/templestay/ico_naver.png") no-repeat 50% 0;
}
.login_form .sns .kakao {
  background: url("/common/img/fe/templestay/ico_kakao.png") no-repeat 50% 0;
}
.login_form .sns > div {
  width: 33%;
}
.login_form .sns > div a {
  display: flex;
  justify-content: center;
  padding-top: 88px;
  color: #666;
  font-size: 14px;
}

.login_wrap .info_txt {
  font-size: 16px;
  color: #666;
  line-height: 150%;
  font-weight: 400;
  text-align: center;
  letter-spacing: -1px;
  margin-top: 40px;
}
.pop_findIDPW {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1001;
  text-align: center;
}
.pop_findIDPW:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: 1px;
  margin-left: -4px;
}
.pop_findIDPW .inner {
  display: inline-block;
  vertical-align: middle;
  background: #fff;
  width: 480px;
  padding: 40px;
  box-sizing: border-box;
  position: relative;
  max-height: 95%;
  overflow-y: auto;
}
.pop_findIDPW .inner .close_pop_findIDPW {
  position: absolute;
  right: 0;
  top: 0;
  padding: 20px;
  display: inline-block;
  vertical-align: top;
}
.pop_findIDPW .inner h3 {
  font-size: 28px;
  color: #000;
  text-align: center;
  font-weight: 600;
  letter-spacing: -1px;
  margin-bottom: 40px;
}
.pop_findIDPW .inner .tab_area {
  margin-bottom: 40px;
}
.pop_findIDPW .inner .tab_area ul {
  overflow: hidden;
}
.pop_findIDPW .inner .tab_area ul li {
  float: left;
  width: 50%;
}
.pop_findIDPW .inner .tab_area ul li a {
  display: block;
  font-size: 18px;
  color: #292827;
  font-weight: 500;
  text-align: center;
  border: 1px solid #292827;
  background: #fff;
  height: 58px;
  line-height: 58px;
}
.pop_findIDPW .inner .tab_area ul li a.on {
  background: #292827;
  color: #fff;
}
.pop_findIDPW .inner .cont_area > .item {
  display: none;
}
.pop_findIDPW .inner .cont_area > .item:first-child {
  display: block;
}

.join_wrap {
  max-width: 840px;
  margin: 0 auto;
}
.join_wrap .terms {
  margin-bottom: 50px;
  position: relative;
}
.join_wrap .terms h3 {
  font-size: 16px;
  color: #000;
  line-height: 35px;
  height: 35px;
  font-weight: 500;
  letter-spacing: -1px;
  margin-bottom: 15px;
}
.join_wrap .terms .btn_download {
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  color: #767676;
  height: 35px;
  line-height: 35px;
  border: 1px solid #999;
  padding: 0 35px 0 15px;
  background: url(../../img/fe/templestay/ico_attachfile.png) no-repeat right
    15px center;
  border-radius: 50px;
  letter-spacing: -1px;
  margin-left: 10px;
}
.join_wrap .terms .terms_txt {
  border: 1px solid #d2d2d2;
  border-radius: 10px;
  height: 350px;
  padding: 10px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 150%;
  color: #767676;
  margin-bottom: 20px;
}
.join_wrap .terms .agreeChk .radioB {
  margin-right: 20px;
}
.join_wrap .totalAgreeChk {
  border-top: 1px solid #d2d2d2;
  padding: 20px 0 0 0;
}
.join_wrap .totalAgreeChk .btn {
  margin-top: 50px;
  overflow: hidden;
}
.join_wrap .totalAgreeChk .btn ul {
  overflow: hidden;
  margin-left: -4%;
}
.join_wrap .totalAgreeChk .btn ul li {
  float: left;
  width: 46%;
  margin-left: 4%;
}
.join_wrap .totalAgreeChk .btn ul li a {
  display: block;
  font-size: 16px;
  color: #fff;
  font-weight: 500;
  background: #c5a679;
  border-radius: 10px;
  text-align: center;
  height: 60px;
  line-height: 60px;
}
.join_wrap .totalAgreeChk .btn ul li:first-child a {
  background: #767676;
}
.join_input {
  max-width: 400px;
  margin: 0 auto;
  padding-bottom: 30px;
}
.join_input ul li {
  margin-bottom: 20px;
}
.join_input ul li label {
  display: block;
  font-size: 16px;
  color: #000;
  line-height: 30px;
  margin-bottom: 10px;
  font-weight: 500;
}
.join_input ul li .input {
  border: 1px solid #d2d2d2;
  border-radius: 10px;
  overflow: hidden;
}
.join_input ul li .input input {
  text-indent: 20px;
  height: 58px;
  line-height: 58px;
  border: 0;
  font-size: 16px;
  color: #767676;
  width: 100%;
  border-radius: 10px;
}
.join_input ul li .input select {
  padding-left: 20px;
  box-sizing: border-box;
  height: 58px;
  line-height: 58px;
  border: 0;
  font-size: 16px;
  color: #767676;
  width: 100%;
  appearance: none;
  background: url(../../img/fe/templestay/ico_select_arrow.png) no-repeat right
    20px center;
  border-radius: 10px;
}
.join_input ul li .input02 {
  border: 1px solid #d2d2d2;
  border-radius: 10px;
  overflow: hidden;
  padding-right: 110px;
  position: relative;
}
.join_input ul li .input02 input {
  text-indent: 20px;
  height: 58px;
  line-height: 58px;
  border: 0;
  font-size: 16px;
  color: #767676;
  width: 100%;
  border-radius: 10px;
}
.join_input ul li .input02 select {
  padding-left: 20px;
  box-sizing: border-box;
  height: 58px;
  line-height: 58px;
  border: 0;
  font-size: 16px;
  color: #767676;
  width: 100%;
  appearance: none;
  background: url(../../img/fe/templestay/ico_select_arrow.png) no-repeat right
    20px center;
  border-radius: 10px;
}
.join_input ul li .input02 a.btn {
  position: absolute;
  right: 25px;
  top: 50%;
  margin-top: -17px;
  width: 80px;
  height: 35px;
  line-height: 35px;
  background: #787367;
  color: #fff;
  font-size: 14px;
  text-align: center;
  border-radius: 50px;
  letter-spacing: -1px;
}
.join_input ul li .birthDay ul {
  overflow: hidden;
  margin-left: -2%;
}
.join_input ul li .birthDay ul li {
  float: left;
  width: 28%;
  margin-left: 2%;
}
.join_input ul li .birthDay ul li:first-child {
  width: 38%;
}
.join_input ul li .birthDay ul li select {
  padding-left: 20px;
  box-sizing: border-box;
  height: 58px;
  line-height: 58px;
  font-size: 16px;
  color: #767676;
  width: 100%;
  appearance: none;
  background: url(../../img/fe/templestay/ico_select_arrow.png) no-repeat right
    20px center;
  border-radius: 10px;
  border: 1px solid #d2d2d2;
}
.chkReceiveSMS {
  max-width: 400px;
  margin: 0 auto 50px auto;
  padding-top: 50px;
  border-top: 1px solid #d2d2d2;
}
.chkReceiveSMS > p {
  font-size: 16px;
  color: #666;
  font-weight: 400;
  text-align: center;
  margin-bottom: 15px;
}
.chkReceiveSMS ul li {
  position: relative;
  padding-left: 145px;
  margin-bottom: 15px;
}
.chkReceiveSMS ul li p {
  position: absolute;
  left: 22px;
  top: 0;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  font-weight: 500;
  color: #000;
  margin: 0 10px 0 0;
}
.chkReceiveSMS ul li label {
  margin-right: 20px;
}
.btn_joinEnd {
  max-width: 400px;
  margin: 0 auto;
}
.btn_joinEnd a {
  display: block;
  font-size: 16px;
  color: #fff;
  font-weight: 500;
  background: #c5a679;
  border-radius: 10px;
  text-align: center;
  height: 60px;
  line-height: 60px;
}
.btn_joinEnd a:hover {
  color: #fff;
}
.btn_mypage {
  max-width: 400px;
  margin: 0 auto;
}
.btn_mypage ul {
  overflow: hidden;
  margin-left: -3%;
}
.btn_mypage ul li {
  float: left;
  width: 30.33%;
  margin-left: 3%;
}
.btn_mypage ul li a {
  display: block;
  font-size: 16px;
  color: #fff;
  text-align: center;
  height: 60px;
  line-height: 60px;
  border-radius: 10px;
  background: #767676;
}
.btn_mypage ul li a.btn_mypage01 {
  background: #c5a679;
}
.btn_mypage ul li a.btn_mypage02 {
  background: #787367;
}
.btn_mypage ul li a.btn_mypage03 {
  background: #818181;
}
.pop_withdrawal {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1001;
  text-align: center;
}
.pop_withdrawal:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: 1px;
  margin-left: -4px;
}
.pop_withdrawal .inner {
  display: inline-block;
  vertical-align: middle;
  background: #fff;
  width: 840px;
  padding: 40px;
  box-sizing: border-box;
  position: relative;
  max-height: 95%;
  overflow-y: auto;
}
.pop_withdrawal .inner h3 {
  font-size: 28px;
  color: #000;
  text-align: center;
  font-weight: 600;
  letter-spacing: -1px;
  margin-bottom: 40px;
}
.pop_withdrawal .inner .txt {
  background: #f7f5f2;
  padding: 45px;
}
.pop_withdrawal .inner .txt strong {
  display: block;
  font-size: 18px;
  color: #000;
  font-weight: 600;
  line-height: 150%;
  margin-bottom: 20px;
}
.pop_withdrawal .inner .txt p {
  font-size: 16px;
  color: #767676;
  line-height: 150%;
  letter-spacing: -1px;
}
.pop_withdrawal .inner .survey_txt {
  border-bottom: 1px solid #d2d2d2;
  padding: 15px 0;
  text-align: center;
  font-size: 14px;
  color: #767676;
  margin-bottom: 40px;
}
.pop_withdrawal .inner .survey_list {
  text-align: left;
  margin-bottom: 40px;
}
.pop_withdrawal .inner .survey_list > ol > li {
  margin-bottom: 20px;
}
.pop_withdrawal .inner .survey_list > ol > li .tit {
  font-size: 16px;
  color: #292827;
  font-weight: 600;
  letter-spacing: -1px;
  line-height: 150%;
  margin-bottom: 20px;
}
.pop_withdrawal .inner .survey_list > ol > li > ul {
  overflow: hidden;
}
.pop_withdrawal .inner .survey_list > ol > li > ul > li {
  float: left;
  width: 50%;
  margin-bottom: 15px;
}
.pop_withdrawal .inner .survey_list > ol > li .textarea textarea {
  width: 100%;
  padding: 10px;
  font-size: 14px;
  line-height: 150%;
  border: 1px solid #d2d2d2;
  border-radius: 10px;
  height: 130px;
  box-sizing: border-box;
}
.pop_withdrawal .inner .btn ul {
  overflow: hidden;
  margin-left: -2%;
}
.pop_withdrawal .inner .btn ul li {
  float: left;
  width: 48%;
  margin-left: 2%;
}
.pop_withdrawal .inner .btn ul li a {
  display: block;
  font-size: 16px;
  color: #fff;
  text-align: center;
  height: 60px;
  line-height: 60px;
  border-radius: 10px;
  background: #c5a679;
}
.pop_withdrawal .inner .btn ul li:first-child a {
  background: #818181;
}

.mypage_wrap .mypage_tab {
  max-width: 1280px;
  margin: 0 auto 80px auto;
}
.mypage_wrap .mypage_tab ul {
  text-align: center;
}
.mypage_wrap .mypage_tab ul li {
  display: inline-block;
  vertical-align: top;
  padding: 0 15px;
  position: relative;
}
.mypage_wrap .mypage_tab ul li:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 10px;
  background: #d2d2d2;
  margin-top: -5px;
}
.mypage_wrap .mypage_tab ul li:first-child:before {
  display: none;
}
.mypage_wrap .mypage_tab ul li a {
  display: block;
  font-size: 18px;
  color: #767676;
  font-weight: 500;
  height: 40px;
  line-height: 40px;
}
.mypage_wrap .mypage_tab ul li a.on {
  border-bottom: 2px solid #000;
  color: #292827;
}
.mypage_wrap h3 {
  font-size: 30px;
  font-weight: 600;
  color: #000;
  line-height: 150%;
  text-align: center;
  margin-bottom: 40px;
}
.mypage_wrap .application {
  max-width: 1280px;
  margin: 0 auto;
}
.mypage_wrap .application .application_txt {
  background: #f7f5f2;
  padding: 60px;
  margin-bottom: 40px;
  text-align: center;
}
.mypage_wrap .application .application_txt strong {
  display: block;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 30px;
  color: #000;
  line-height: 150%;
}
.mypage_wrap .application .application_txt p {
  font-size: 18px;
  color: #767676;
  line-height: 170%;
  letter-spacing: -1px;
}
.mypage_wrap .application .section {
  margin-bottom: 40px;
}
.mypage_wrap .application .section h4 {
  font-size: 18px;
  color: #000;
  line-height: 150%;
  letter-spacing: -1px;
  font-weight: 600;
  margin-bottom: 15px;
}
.table_list {
  border-top: 1px solid #c5a679;
  margin-bottom: 40px;
}
.table_list table {
  width: 100%;
  border-collapse: collapse;
}
.table_list table th {
  background: #f7f5f2;
  border-bottom: 1px solid #d2d2d2;
  border-left: 1px solid #d2d2d2;
  text-align: center;
  font-weight: 500;
  color: #000;
  padding: 15px 5px;
  font-size: 16px;
}
.table_list table td {
  border-bottom: 1px solid #d2d2d2;
  border-left: 1px solid #d2d2d2;
  text-align: center;
  font-weight: 400;
  color: #000;
  padding: 15px 10px;
  font-size: 16px;
}
.table_list table td.left {
  text-align: left;
  /* padding-left: 40px; */
}
.table_list table td a {
  color: #2783ca;
}
.table_list table td a.btn {
  display: inline-block;
  vertical-align: top;
  background: #767676;
  color: #fff;
  font-size: 14px;
  border-radius: 50px;
  width: 80px;
  height: 35px;
  line-height: 35px;
}
.table_list table td .redTxt {
  color: #ee5424;
}
.table_list table .first {
  border-left: 0;
}
.pop_reserve {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1001;
  text-align: center;
}
.pop_reserve:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: 1px;
  margin-left: -4px;
}
.pop_reserve .inner {
  display: inline-block;
  vertical-align: middle;
  background: #fff;
  width: 1280px;
  padding: 40px;
  box-sizing: border-box;
  position: relative;
  max-height: 95%;
  overflow-y: auto;
}
.pop_reserve .inner .close_pop_findIDPW {
  position: absolute;
  right: 0;
  top: 0;
  padding: 20px;
  display: inline-block;
  vertical-align: top;
}
.pop_reserve .inner h3 {
  font-size: 18px;
  color: #000;
  font-weight: 600;
  letter-spacing: -1px;
  margin-bottom: 15px;
  text-align: left;
}
.pop_reserve .inner .btn {
  max-width: 840px;
  margin: 0 auto;
}
.pop_reserve .inner .btn ul {
  overflow: hidden;
  margin-left: -4%;
}
.pop_reserve .inner .btn ul li {
  /* float:left; */
  width: 150px;
  margin-left: 4%;
  display: inline-block;
}
.pop_reserve .inner .btn ul li a {
  display: block;
  background: #818181;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  border-radius: 10px;
  text-align: center;
  height: 60px;
  line-height: 60px;
}
.pop_reserve .inner .btn ul li:first-child a {
  background: #c5a679;
}
.pop_cancel {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1001;
  text-align: center;
}
.pop_cancel:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: 1px;
  margin-left: -4px;
}
.pop_cancel .inner {
  display: inline-block;
  vertical-align: middle;
  background: #fff;
  width: 1280px;
  padding: 40px;
  box-sizing: border-box;
  position: relative;
  max-height: 95%;
  overflow-y: auto;
}
.pop_cancel .inner .close_pop_findIDPW {
  position: absolute;
  right: 0;
  top: 0;
  padding: 20px;
  display: inline-block;
  vertical-align: top;
}
.pop_cancel .inner h3 {
  font-size: 18px;
  color: #000;
  font-weight: 600;
  letter-spacing: -1px;
  margin-bottom: 15px;
  text-align: left;
}
.pop_cancel .inner .btn {
  max-width: 840px;
  margin: 0 auto;
}
.pop_cancel .inner .btn ul {
  overflow: hidden;
  margin-left: -4%;
}
.pop_cancel .inner .btn ul li {
  float: left;
  width: 46%;
  margin-left: 4%;
}
.pop_cancel .inner .btn ul li a {
  display: block;
  background: #818181;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  border-radius: 10px;
  text-align: center;
  height: 60px;
  line-height: 60px;
}
.pop_cancel .inner .btn ul li:first-child a {
  background: #c5a679;
}
.pop_coupon {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1001;
  text-align: center;
}
.pop_coupon:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: 1px;
  margin-left: -4px;
}
.pop_coupon .inner {
  display: inline-block;
  vertical-align: middle;
  background: #fff;
  width: 1280px;
  padding: 40px;
  box-sizing: border-box;
  position: relative;
  max-height: 95%;
  overflow-y: auto;
}
.pop_coupon .inner .close_pop_findIDPW {
  position: absolute;
  right: 0;
  top: 0;
  padding: 20px;
  display: inline-block;
  vertical-align: top;
}
.pop_coupon .inner h3 {
  font-size: 18px;
  color: #000;
  font-weight: 600;
  letter-spacing: -1px;
  margin-bottom: 15px;
  text-align: left;
}
.pop_coupon .inner .btn {
  max-width: 840px;
  margin: 0 auto;
}
.pop_coupon .inner .btn ul {
  overflow: hidden;
  margin-left: -4%;
}
.pop_coupon .inner .btn ul li {
  float: left;
  width: 46%;
  margin-left: 4%;
}
.pop_coupon .inner .btn ul li a {
  display: block;
  background: #818181;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  border-radius: 10px;
  text-align: center;
  height: 60px;
  line-height: 60px;
}
.pop_coupon .inner .btn ul li:first-child a {
  background: #c5a679;
}
.myplace_list {
  max-width: 1280px;
  margin: 0 auto;
  border-top: 1px solid #d2d2d2;
  padding-top: 50px;
}
.myplace_list {
  max-width: 1280px;
  margin: 0 auto;
  border-top: 1px solid #d2d2d2;
  padding-top: 50px;
}
.myplace_list > ul > li:nth-child(3n + 1) {
  clear: both;
}
.myplace_list > ul {
  overflow: hidden;
  margin-left: -3%;
}
.myplace_list > ul > li {
  float: left;
  width: 30.33%;
  margin-left: 3%;
  margin-bottom: 5%;
}
.myplace_list > ul > li .img {
  height: 0;
  padding-bottom: 70%;
  overflow: hidden;
  margin-bottom: 15px;
  position: relative;
  border-radius: 10px;
}
.myplace_list > ul > li .img img {
  width: 100%;
  height: 258px;
  border-radius: 10px;
}
.myplace_list > ul > li .img .cate01 {
  position: absolute;
  left: 20px;
  top: 20px;
  width: 58px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  border-radius: 50px;
  background: #787367;
  color: #fff;
  font-weight: 300;
  letter-spacing: -1px;
  font-size: 14px;
}
.myplace_list > ul > li .img .cate02 {
  position: absolute;
  left: 20px;
  top: 20px;
  width: 58px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  border-radius: 50px;
  background: #75a8c3;
  color: #fff;
  font-weight: 300;
  letter-spacing: -1px;
  font-size: 14px;
}
.myplace_list > ul > li .img .cate03 {
  position: absolute;
  left: 20px;
  top: 20px;
  width: 58px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  border-radius: 50px;
  background: #6fb3a3;
  color: #fff;
  font-weight: 300;
  letter-spacing: -1px;
  font-size: 14px;
}
.myplace_list > ul > li .img .cate04 {
  position: absolute;
  left: 20px;
  top: 20px;
  width: 58px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  border-radius: 50px;
  background: #993300;
  color: #fff;
  font-weight: 300;
  letter-spacing: -1px;
  font-size: 14px;
}
.myplace_list > ul > li .txt > strong {
  display: block;
  font-size: 24px;
  color: #000;
  line-height: 150%;
  letter-spacing: -1px;
  margin-bottom: 15px;
  font-weight: 500;
  letter-spacing: -1px;
  min-height: 72px;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.myplace_list > ul > li .txt > strong .ico_youtube {
  /* display:inline-block; */
  vertical-align: top;
  margin: 8px 0 0 5px;
  height: 21px;
}
.myplace_list > ul > li .txt > .list {
  margin-bottom: 20px;
}
.myplace_list > ul > li .txt > .list ul li {
  font-size: 14px;
  color: #666;
  line-height: 22px;
  font-weight: 400;
  margin-bottom: 5px;
  position: relative;
  padding-left: 25px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.myplace_list > ul > li .txt > .list ul li .ico {
  position: absolute;
  left: 0;
  top: 0;
}

.myplace_list > ul > li .txt > .list ul li .ico > img {
  vertical-align: top;
  margin-top: 3px;
}

.myplace_list > ul > li .txt .btn_delete {
  display: block;
  background: #818181;
  border-radius: 10px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  height: 50px;
  line-height: 50px;
}
.myplace_list > ul > li .txt p {
  font-size: 16px;
  color: #000;
  line-height: 22px;
  height: 66px;
  overflow: hidden;
  margin-bottom: 20px;
  word-spacing: 2px;
}
.mypage_wrap .myplace_list {
  border-top: 0;
  padding-top: 0;
}
.myplace_list > ul > li .txt .btn ul {
  overflow: hidden;
  margin-left: -2%;
}
.myplace_list > ul > li .txt .btn ul li {
  float: left;
  width: 48%;
  margin-left: 2%;
}
.myplace_list > ul > li .txt .btn ul li a {
  display: block;
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  background: #787367;
  border-radius: 10px;
  text-align: center;
  height: 50px;
  line-height: 50px;
}

.myplace_list > ul > li .txt .btn ul li.bookmarkOn a {
  background: #c5a679;
}
.myplace_list > ul > li .txt .btn ul li.bookmarkOff a {
  background: #787367;
}
.myplace_list > ul > li .txt .btn ul li.info a {
  background: #787367;
}

.guideMap_wrap {
  max-width: 1280px;
  margin: 0 auto;
}
.guideMap_wrap .btn {
  text-align: right;
  margin-bottom: 20px;
}
.guideMap_wrap .btn a {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  color: #767676;
  height: 35px;
  line-height: 35px;
  border: 1px solid #999;
  padding: 0 35px 0 15px;
  background: url(../../img/fe/templestay/ico_attachfile.png) no-repeat right
    15px center;
  border-radius: 50px;
  letter-spacing: -1px;
  margin-left: 10px;
}
.guideMap_wrap .guideMap img {
  width: 100%;
}

.guideMap_wrap img {
  max-width: 100%;
}

.introduce_wrap.bg01 {
  background: url(../../img/fe/templestay/bg_introduce01.jpg) no-repeat left
    bottom;
  margin-bottom: -120px;
  padding-bottom: 220px;
}
.introduce_wrap h3 {
  font-size: 28px;
  color: #000;
  line-height: 150%;
  letter-spacing: -1px;
  font-weight: 500;
  margin-bottom: 60px;
  text-align: center;
}
.introduce_wrap .item {
  border-bottom: 2px dashed;
  border-color: #c5a679;
  padding-bottom: 80px;
  margin-bottom: 80px;
}
.introduce_wrap .introduce_tab {
  max-width: 1280px;
  margin: 0 auto 80px auto;
}
.introduce_wrap .introduce_tab ul {
  text-align: center;
}
.introduce_wrap .introduce_tab ul li {
  display: inline-block;
  vertical-align: top;
  padding: 0 15px;
  position: relative;
}
.introduce_wrap .introduce_tab ul li:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 10px;
  background: #d2d2d2;
  margin-top: -5px;
}
.introduce_wrap .introduce_tab ul li:first-child:before {
  display: none;
}
.introduce_wrap .introduce_tab ul li a {
  display: block;
  font-size: 18px;
  color: #767676;
  font-weight: 500;
  height: 40px;
  line-height: 40px;
}
.introduce_wrap .introduce_tab ul li a.on {
  border-bottom: 2px solid #000;
  color: #292827;
}
.introduce_wrap .introduce01 .section01 {
  overflow: hidden;
  max-width: 1280px;
  margin: 0 auto 110px auto;
  position: relative;
}
.introduce_wrap .introduce01 .section01 .txt {
  margin-left: 30px;
  box-sizing: border-box;
  margin-right: 440px;
  min-height: 540px;
}
.introduce_wrap .introduce01 .section01 .txt strong {
  display: block;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -1px;
  margin-bottom: 40px;
  color: #c5a679;
}
.introduce_wrap .introduce01 .section01 .txt p {
  font-size: 18px;
  color: #000;
  line-height: 170%;
  letter-spacing: -1px;
}
.introduce_wrap .introduce01 .section01 .img {
  width: 400px;
  box-sizing: border-box;
  position: absolute;
  right: 0;
  top: 0;
}
.introduce_wrap .introduce01 .section02 {
  max-width: 1240px;
  margin: 0 auto;
  padding-right: 40px;
  position: relative;
}
.introduce_wrap .introduce01 .section02:after {
  content: "";
  display: block;
  clear: both;
}
.introduce_wrap .introduce01 .section02 .movie {
  float: left;
  width: 50%;
}
.introduce_wrap .introduce01 .section02 .movie > iframe {
  width: 100%;
  max-width: 100%;
}
.introduce_wrap .introduce01 .section02 .movie a {
  display: block;
  position: relative;
}
.introduce_wrap .introduce01 .section02 .movie a img {
  height: 348px;
  width: 100%;
}
.introduce_wrap .introduce01 .section02 .movie a:after {
  content: "";
  display: block;
  width: 80px;
  height: 80px;
  background: url(../../img/fe/templestay/ico_play.png) no-repeat center center;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -40px 0 0 -40px;
  z-index: 100;
}
.introduce_wrap .introduce01 .section02 .txt {
  float: left;
  width: 50%;
  text-align: center;
  background: #f7f5f2;
  height: 348px;
  position: relative;
}
.introduce_wrap .introduce01 .section02 .txt p {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 280px;
  text-align: center;
  font-size: 18px;
  color: #6d685c;
  line-height: 180%;
  margin-top: -130px;
  margin-left: -140px;
  letter-spacing: -1px;
}
.introduce_wrap .introduce01 .section02 .bird {
  display: block;
  position: absolute;
  right: -80px;
  top: -20px;
  width: 228px;
  height: 121px;
  z-index: 100;
  background: url(../../img/fe/templestay/bg_bird.png) no-repeat left top;
}
.introduce_wrap .introduce02 {
  max-width: 1280px;
  margin: 0 auto;
}
.introduce_wrap .introduce02 .list ul li {
  margin-top: 40px;
  position: relative;
  overflow: hidden;
}
.introduce_wrap .introduce02 .list ul li:first-child {
  margin-top: 0;
}
.introduce_wrap .introduce02 .list ul li .img {
  float: right;
  width: 620px;
  margin-left: 20px;
}
.introduce_wrap .introduce02 .list ul li .txt {
  float: left;
  width: 620px;
  margin-right: 20px;
  position: relative;
  height: 580px;
  text-align: center;
}
.introduce_wrap .introduce02 .list ul li .txt:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: 1px;
  margin-left: -5px;
}
.introduce_wrap .introduce02 .list ul li .txt .in {
  display: inline-block;
  vertical-align: middle;
  max-width: 440px;
}
.introduce_wrap .introduce02 .list ul li .txt .in .tit {
  display: block;
  font-size: 24px;
  color: #c5a679;
  line-height: 150%;
  font-weight: 500;
  margin-bottom: 30px;
  letter-spacing: -1px;
}
.introduce_wrap .introduce02 .list ul li .txt .in p {
  font-size: 18px;
  color: #000;
  line-height: 170%;
  margin: 0 40px;
  letter-spacing: -1px;
}
.introduce_wrap .introduce02 .list ul li:nth-child(even) .img {
  float: left;
  margin-left: 0;
  margin-right: 20px;
}
.introduce_wrap .introduce02 .list ul li:nth-child(even) .txt {
  float: right;
  margin-left: 20px;
  margin-right: 0;
}
.introduce_wrap .introduce03 {
  max-width: 1280px;
  margin: 0 auto;
}
.introduce_wrap .introduce03 .list ul li {
  margin-top: 40px;
  position: relative;
  overflow: hidden;
}
.introduce_wrap .introduce03 .list ul li:first-child {
  margin-top: 0;
}
.introduce_wrap .introduce03 .list ul li .img {
  float: right;
  width: 620px;
  margin-left: 20px;
}

.introduce_wrap .introduce03 .list ul li .img > iframe {
  width: 100%;
  max-width: 100%;
}
.introduce_wrap .introduce03 .list ul li .txt {
  float: left;
  width: 620px;
  margin-right: 20px;
  position: relative;
  text-align: left;
  height: 348px;
}
.introduce_wrap .introduce03 .list ul li .txt:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: 1px;
  margin-left: -5px;
}
.introduce_wrap .introduce03 .list ul li .txt .in {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
}
.introduce_wrap .introduce03 .list ul li .txt .in .tit {
  display: block;
  font-size: 24px;
  color: #c5a679;
  line-height: 150%;
  margin-bottom: 15px;
  letter-spacing: -1px;
  font-weight: 600;
}
.introduce_wrap .introduce03 .list ul li .txt .in span {
  display: block;
  font-size: 18px;
  color: #000;
  line-height: 150%;
  margin-bottom: 10px;
  font-weight: 600;
}
.introduce_wrap .introduce03 .list ul li .txt .in p {
  font-size: 16px;
  color: #000;
  line-height: 170%;
  letter-spacing: -1px;
}
.introduce_wrap .introduce03 .list ul li .txt .in p + span {
  margin-top: 20px;
}
.introduce_wrap .introduce03 .list ul li:nth-child(odd) .img {
  float: left;
  margin-left: 0;
  margin-right: 20px;
}
.introduce_wrap .introduce03 .list ul li:nth-child(odd) .txt {
  float: right;
  margin-left: 20px;
  margin-right: 0;
}
.introduce_wrap .introduce03 .list ul li.last .txt {
  height: 400px;
}
.introduce_wrap .introduce04 {
  max-width: 1280px;
  margin: 0 auto;
}
.introduce_wrap .introduce04 .list ul li .txt {
  position: relative;
  text-align: center;
}
.introduce_wrap .introduce04 .list ul li .txt:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: 1px;
  margin-left: -5px;
}
.introduce_wrap .introduce04 .list ul li .txt .in {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
}
.introduce_wrap .introduce04 .list ul li .txt .in .tit {
  display: block;
  font-size: 24px;
  color: #c5a679;
  line-height: 150%;
  margin-bottom: 15px;
  letter-spacing: -1px;
  font-weight: 600;
}
.introduce_wrap .introduce04 .list ul li .txt .in span {
  display: block;
  font-size: 18px;
  color: #000;
  line-height: 150%;
  margin-bottom: 10px;
  font-weight: 600;
}
.introduce_wrap .introduce04 .list ul li .txt .in p {
  font-size: 16px;
  color: #000;
  line-height: 170%;
  letter-spacing: -1px;
}
.introduce_wrap .introduce05 {
  max-width: 1280px;
  margin: 0 auto;
}
.introduce_wrap .faq_list {
  margin-bottom: 30px;
}
.introduce_wrap .faq_list dl dt {
  position: relative;
  z-index: 10;
  margin-top: 20px;
}
.introduce_wrap .faq_list dl dt:first-child {
  margin-top: 0;
}
.introduce_wrap .faq_list dl dt a {
  display: block;
  border: 1px solid #d2d2d2;
  border-radius: 10px;
  padding: 20px 25px 20px 50px;
  font-size: 16px;
  color: #000;
  font-weight: 500;
  letter-spacing: -1px;
  background: #fff url(../../img/fe/templestay/ico_faq_arrow.png) no-repeat
    right 30px center;
}
.introduce_wrap .faq_list dl dt a .ico_Q {
  font-size: 16px;
  color: #c5a679;
  font-weight: 600;
  position: absolute;
  left: 25px;
  top: 20px;
}
.introduce_wrap .faq_list dl dd {
  display: none;
  background: #f7f5f2;
  line-height: 150%;
  font-size: 16px;
  color: #000;
  padding: 35px 25px 25px 25px;
  margin-bottom: 20px;
  border-radius: 0 0 10px 10px;
  border: 1px solid #d2d2d2;
  border-top: 0;
  margin-top: -10px;
}
.introduce_wrap .introduce05 .btn .btn_more {
  display: block;
  width: 180px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  font-size: 16px;
  color: #666;
  font-weight: 500;
  text-align: center;
  margin: 0 auto;
  border: 1px solid #625d52;
  box-sizing: border-box;
}
.promote_wrap .promote_tab {
  max-width: 1280px;
  margin: 0 auto 80px auto;
}
.promote_wrap .promote_tab ul {
  text-align: center;
}
.promote_wrap .promote_tab ul li {
  display: inline-block;
  vertical-align: top;
  padding: 0 15px;
  position: relative;
}
.promote_wrap .promote_tab ul li:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 10px;
  background: #d2d2d2;
  margin-top: -5px;
}
.promote_wrap .promote_tab ul li:first-child:before {
  display: none;
}
.promote_wrap .promote_tab ul li a {
  display: block;
  font-size: 18px;
  color: #767676;
  font-weight: 500;
  height: 40px;
  line-height: 40px;
}
.promote_wrap .promote_tab ul li a.on {
  border-bottom: 2px solid #000;
  color: #292827;
}
.promote_wrap .promote01 {
  max-width: 1280px;
  margin: 0 auto;
}
.promote_wrap .promote01 .tit {
  font-size: 24px;
  color: #c5a679;
  line-height: 150%;
  letter-spacing: -1px;
  text-align: center;
  margin-bottom: 35px;
  font-weight: 500;
}
.promote_wrap .promote01 .sub_txt {
  text-align: center;
  font-size: 18px;
  color: #000;
  line-height: 170%;
  letter-spacing: -1px;
  margin-bottom: 70px;
}
.promote_wrap .promote01 .list {
  margin-bottom: 120px;
}
.promote_wrap .promote01 .list ul {
  overflow: hidden;
  margin-left: -2.5%;
}
.promote_wrap .promote01 .list ul li {
  float: left;
  width: 30.83%;
  margin-left: 2.5%;
}
.promote_wrap .promote01 .list ul li .img {
  height: 0;
  padding-bottom: 70%;
  overflow: hidden;
  margin-bottom: 30px;
}
.promote_wrap .promote01 .list ul li .img img {
  width: 100%;
}
.promote_wrap .promote01 .list ul li .txt strong {
  display: block;
  font-size: 24px;
  color: #000;
  line-height: 150%;
  text-align: center;
  margin-bottom: 20px;
  font-weight: 500;
}
.promote_wrap .promote01 .list ul li .txt p {
  font-size: 16px;
  color: #000;
  line-height: 150%;
  text-align: center;
}
.promote_wrap .promote01 .info {
  background: #f8f6f4;
  overflow: hidden;
  padding: 40px;
  text-align: center;
}
.promote_wrap .promote01 .info ul {
  overflow: hidden;
}
.promote_wrap .promote01 .info ul li {
  float: left;
  width: 50%;
  position: relative;
}
.promote_wrap .promote01 .info ul li:before {
  content: "";
  display: block;
  width: 1px;
  height: 140px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -70px;
  background: #d7d7d7;
}
.promote_wrap .promote01 .info ul li:first-child:before {
  display: none;
}
.promote_wrap .promote01 .info ul li .ico {
  margin-bottom: 5px;
}
.promote_wrap .promote01 .info ul li strong {
  display: block;
  font-size: 18px;
  color: #000;
  font-weight: 600;
  text-align: center;
  line-height: 150%;
  margin-bottom: 20px;
}
.promote_wrap .promote01 .info ul li p {
  font-size: 18px;
  color: #767676;
  line-height: 150%;
  letter-spacing: -1px;
  min-height: 81px;
}
.promote_wrap .promote02 {
  max-width: 1280px;
  margin: 0 auto;
}
.promote_wrap .promote02 .main_img {
  border: 1px solid #d7d7d7;
  margin-bottom: 40px;
}
.promote_wrap .promote02 .main_img img {
  width: 100%;
}
.promote_wrap .promote02 .tit {
  font-size: 24px;
  color: #c5a679;
  line-height: 150%;
  letter-spacing: -1px;
  text-align: center;
  margin-bottom: 35px;
  font-weight: 500;
}
.promote_wrap .promote02 .sub_txt {
  text-align: center;
  font-size: 18px;
  color: #000;
  line-height: 170%;
  letter-spacing: -1px;
  margin-bottom: 70px;
}
.promote_wrap .promote02 .sub_txt strong {
  color: #c5a679;
  font-weight: 500;
}
.promote_wrap .promote02 .list {
  padding-bottom: 20px;
}
.promote_wrap .promote02 .list ul {
  overflow: hidden;
  margin-left: -2.5%;
}
.promote_wrap .promote02 .list ul li {
  float: left;
  width: 30.83%;
  margin-left: 2.5%;
  margin-bottom: 2.5%;
}
.promote_wrap .promote02 .list ul li .img {
  height: 0;
  padding-bottom: 70%;
  overflow: hidden;
  margin-bottom: 15px;
}
.promote_wrap .promote02 .list ul li .img img {
  width: 100%;
}
.promote_wrap .promote02 .list ul li .txt strong {
  display: block;
  font-size: 24px;
  color: #000;
  line-height: 150%;
  text-align: center;
  font-weight: 500;
}
.promote_wrap .promote03 {
  max-width: 1280px;
  margin: 0 auto;
}
.promote_wrap .promote03 .sub_txt {
  text-align: center;
  font-size: 24px;
  color: #000;
  line-height: 150%;
  letter-spacing: -1px;
  margin-bottom: 70px;
}
.promote_wrap .promote03 .sub_txt strong {
  color: #c5a679;
  font-weight: 500;
}
.promote_wrap .promote03 .list {
  position: relative;
}
.promote_wrap .promote03 .list ul li .img {
  border: 1px solid #d2d2d2;
}
.promote_wrap .promote03 .list ul li .img img {
  width: 100%;
}
.promote_wrap .promote03 .list .bx-pager {
  height: 36px;
  line-height: 36px;
  text-align: center;
  margin-top: 20px;
  color: #000;
  font-size: 12px;
}
.promote_wrap .promote03 .list .bx-prev {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -90px;
  bottom: 0;
  width: 36px;
  height: 36px;
  background: url(../../img/fe/templestay/btn_prev.png) no-repeat center center;
  text-indent: -9999px;
  overflow: hidden;
}
.promote_wrap .promote03 .list .bx-next {
  display: block;
  position: absolute;
  right: 50%;
  margin-right: -90px;
  bottom: 0;
  width: 36px;
  height: 36px;
  background: url(../../img/fe/templestay/btn_next.png) no-repeat center center;
  text-indent: -9999px;
  overflow: hidden;
}
.promote_wrap .promote04 {
  max-width: 1280px;
  margin: 0 auto;
}
.promote_wrap .promote04 .map {
  border: 1px solid #d2d2d2;
  height: 500px;
  margin-bottom: 40px;
}
.promote_wrap .promote04 .info ul {
  overflow: hidden;
  margin-left: -3%;
}
.promote_wrap .promote04 .info ul li {
  float: left;
  width: 34.5%;
  margin-left: 3%;
}
.promote_wrap .promote04 .info ul li.middle {
  width: 22%;
}
.promote_wrap .promote04 .info ul li .tit {
  font-size: 18px;
  color: #000;
  line-height: 150%;
  letter-spacing: -1px;
  font-weight: 600;
  margin-bottom: 20px;
}
.promote_wrap .promote04 .info ul li p {
  font-size: 18px;
  color: #000;
  line-height: 170%;
  letter-spacing: -1px;
}

.privacy_wrap h3 {
  font-size: 28px;
  color: #000;
  line-height: 150%;
  letter-spacing: -1px;
  font-weight: 500;
  margin-bottom: 40px;
  text-align: center;
}
.privacy_wrap p {
  font-size: 16px;
  color: #767676;
  line-height: 170%;
  letter-spacing: -1px;
  text-align: center;
  margin-bottom: 40px;
}
.privacy_wrap .item {
  border-bottom: 2px dashed;
  border-color: #c5a679;
  padding-bottom: 80px;
  margin-bottom: 80px;
}
.privacy_wrap .privacy01 .section01 {
  overflow: hidden;
  max-width: 1280px;
  margin: 0 auto 110px auto;
  position: relative;
}
.privacy_wrap .privacy01 .section01 > span {
  display: block;
  text-align: center;
  font-size: 22px;
  color: #000;
  padding-bottom: 20px;
  font-weight: 500;
}
.privacy_wrap .privacy01 .section01 .txt {
  margin-left: 30px;
  box-sizing: border-box;
  min-height: 120px;
}
.privacy_wrap .privacy01 .section01 .txt strong {
  display: block;
  font-size: 22px;
  font-weight: 500;
  letter-spacing: -1px;
  margin-bottom: 40px;
  color: #000;
}
.privacy_wrap .privacy01 .section01 .txt p {
  font-size: 16px;
  color: #767676;
  line-height: 170%;
  letter-spacing: -1px;
  text-align: left;
}
.privacy_wrap .privacy01 .section01 .txt p .privacyTitle {
  font-size: 20px;
  color: #000000;
  font-weight: 500;
}
.privacy_wrap .privacy01 .section01 .txt p .terms {
  font-size: 24px;
  color: #000000;
  font-weight: 600;
}
.privacy_wrap .privacy01 .section01 .txt p .termsTitle {
  font-size: 20px;
  color: #000000;
  font-weight: 500;
}
.privacy_wrap .privacy01 .section01 .img {
  width: 400px;
  box-sizing: border-box;
  position: absolute;
  right: 0;
  top: 0;
}

.privacy_wrap .ico_labeling {
  padding: 60px 0;
}
.privacy_wrap .ico_labeling ul {
  border: 1px solid #ddd;
  padding: 5px 40px;
  margin: 0;
}
.privacy_wrap .ico_labeling ul:after {
  content: "";
  display: block;
  clear: both;
}
.privacy_wrap .ico_labeling ul li {
  float: left;
  width: 20%;
  margin: 0;
  padding: 25px 0;
}
.privacy_wrap .ico_labeling ul li a {
  display: block;
}
.privacy_wrap .ico_labeling ul li a span {
  display: block;
  text-align: center;
  font-size: 14px;
  color: #000;
  background-repeat: no-repeat;
  background-position: center top;
  padding-top: 100px;
}
.privacy_wrap .ico_labeling ul li a.ico_labeling01 span {
  background-image: url("../../img/fe/templestay/ico_labeling01_g.png");
}
.privacy_wrap .ico_labeling ul li a.ico_labeling02 span {
  background-image: url("../../img/fe/templestay/ico_labeling02_g.png");
}
.privacy_wrap .ico_labeling ul li a.ico_labeling03 span {
  background-image: url("../../img/fe/templestay/ico_labeling03_g.png");
}
.privacy_wrap .ico_labeling ul li a.ico_labeling04 span {
  background-image: url("../../img/fe/templestay/ico_labeling04_g.png");
}
.privacy_wrap .ico_labeling ul li a.ico_labeling05 span {
  background-image: url("../../img/fe/templestay/ico_labeling05_g.png");
}
.privacy_wrap .ico_labeling ul li a.ico_labeling06 span {
  background-image: url("../../img/fe/templestay/ico_labeling06_g.png");
}
.privacy_wrap .ico_labeling ul li a.ico_labeling07 span {
  background-image: url("../../img/fe/templestay/ico_labeling07_g.png");
}
.privacy_wrap .ico_labeling ul li a.ico_labeling08 span {
  background-image: url("../../img/fe/templestay/ico_labeling08_g.png");
}
.privacy_wrap .ico_labeling ul li a.ico_labeling09 span {
  background-image: url("../../img/fe/templestay/ico_labeling09_g.png");
}
.privacy_wrap .ico_labeling ul li a.ico_labeling10 span {
  background-image: url("../../img/fe/templestay/ico_labeling10_g.png");
}
.privacy_wrap .ico_labeling ul li a.ico_labeling11 span {
  background-image: url("../../img/fe/templestay/ico_labeling11_g.png");
}
.privacy_wrap .ico_labeling ul li a.ico_labeling12 span {
  background-image: url("../../img/fe/templestay/ico_labeling12_g.png");
}
.privacy_wrap .ico_labeling ul li a.ico_labeling13 span {
  background-image: url("../../img/fe/templestay/ico_labeling13_g.png");
}
.privacy_wrap .ico_labeling ul li a.ico_labeling14 span {
  background-image: url("../../img/fe/templestay/ico_labeling14_g.png");
}
.privacy_wrap .ico_labeling ul li a.ico_labeling15 span {
  background-image: url("../../img/fe/templestay/ico_labeling15_g.png");
}
.privacy_wrap .ico_labeling ul li a.ico_labeling01:hover span {
  background-image: url("../../img/fe/templestay/ico_labeling01.png");
}
.privacy_wrap .ico_labeling ul li a.ico_labeling02:hover span {
  background-image: url("../../img/fe/templestay/ico_labeling02.png");
}
.privacy_wrap .ico_labeling ul li a.ico_labeling03:hover span {
  background-image: url("../../img/fe/templestay/ico_labeling03.png");
}
.privacy_wrap .ico_labeling ul li a.ico_labeling04:hover span {
  background-image: url("../../img/fe/templestay/ico_labeling04.png");
}
.privacy_wrap .ico_labeling ul li a.ico_labeling05:hover span {
  background-image: url("../../img/fe/templestay/ico_labeling05.png");
}
.privacy_wrap .ico_labeling ul li a.ico_labeling06:hover span {
  background-image: url("../../img/fe/templestay/ico_labeling06.png");
}
.privacy_wrap .ico_labeling ul li a.ico_labeling07:hover span {
  background-image: url("../../img/fe/templestay/ico_labeling07.png");
}
.privacy_wrap .ico_labeling ul li a.ico_labeling08:hover span {
  background-image: url("../../img/fe/templestay/ico_labeling08.png");
}
.privacy_wrap .ico_labeling ul li a.ico_labeling09:hover span {
  background-image: url("../../img/fe/templestay/ico_labeling09.png");
}
.privacy_wrap .ico_labeling ul li a.ico_labeling10:hover span {
  background-image: url("../../img/fe/templestay/ico_labeling10.png");
}
.privacy_wrap .ico_labeling ul li a.ico_labeling11:hover span {
  background-image: url("../../img/fe/templestay/ico_labeling11.png");
}
.privacy_wrap .ico_labeling ul li a.ico_labeling12:hover span {
  background-image: url("../../img/fe/templestay/ico_labeling12.png");
}
.privacy_wrap .ico_labeling ul li a.ico_labeling13:hover span {
  background-image: url("../../img/fe/templestay/ico_labeling13.png");
}
.privacy_wrap .ico_labeling ul li a.ico_labeling14:hover span {
  background-image: url("../../img/fe/templestay/ico_labeling14.png");
}
.privacy_wrap .ico_labeling ul li a.ico_labeling15:hover span {
  background-image: url("../../img/fe/templestay/ico_labeling15.png");
}

.privacy_wrap div.privacy_process {
  margin: 35px 0 30px 0;
  padding: 60px;
  background: #f2f2f2;
}
.privacy_wrap div.privacy_process li {
  margin-top: 12px;
}
.privacy_wrap div.privacy_process ul {
}
.privacy_wrap div.privacy_process ul:after {
  content: "";
  display: block;
  clear: both;
}
.privacy_wrap div.privacy_process ul li {
  float: left;
  width: 48%;
}
.privacy_wrap div.privacy_process ul li a {
  display: block;
  position: relative;
  padding-left: 10px;
}
.privacy_wrap div.privacy_process ul li a:before {
  content: "";
  width: 4px;
  height: 4px;
  background: #666666;
  position: absolute;
  left: 0;
  top: 10px;
}
.privacy_wrap div.privacy_process li a:hover:before {
  background: #0044cc;
}
.privacy_wrap div.privacy_process li a:hover span {
  color: #0044cc;
}
.privacy_wrap span.tit {
  font-size: 20px;
  color: #000;
  font-weight: bold;
  padding-bottom: 20px;
  position: relative;
  padding-left: 15px;
  letter-spacing: -2px;
}
.privacy_wrap span.tit:before {
  content: "";
  width: 6px;
  height: 6px;
  background: #000;
  position: absolute;
  left: 0;
  top: 10px;
}
.privacy_wrap div > ul > li {
  margin: 0;
}
.privacy_wrap table.tb_view {
  width: 100%;
}
.privacy_wrap div.privacy_process li span.cont {
  margin-left: 0;
  line-height: inherit;
}

.baegnam_privacy_wrap .tit_center {
  display: block;
  text-align: center;
  font-size: 20px;
  color: #000;
  font-weight: bold;
}
.baegnam_privacy_wrap .privacy_wrap div.privacy_process li:first-child {
  margin-top: 12px;
}
.baegnam_privacy_wrap .privacy_wrap div.privacy_process ol {
}
.baegnam_privacy_wrap .privacy_wrap div.privacy_process ol:after {
  content: "";
  display: block;
  clear: both;
}
.baegnam_privacy_wrap .privacy_wrap div.privacy_process ol li {
  float: left;
  width: 48%;
}
.baegnam_privacy_wrap .privacy_wrap div.privacy_process ol li a {
  display: block;
  position: relative;
  padding-left: 10px;
}
.baegnam_privacy_wrap .privacy_wrap div.privacy_process ol li a:before {
  content: "";
  width: 4px;
  height: 4px;
  background: #666666;
  position: absolute;
  left: 0;
  top: 10px;
}
.baegnam_privacy_wrap .privacy_wrap div.privacy_process li a:hover:before {
  background: #0044cc;
}
.baegnam_privacy_wrap .privacy_wrap div.privacy_process li a:hover span {
  color: #0044cc;
}
.baegnam_privacy_wrap .privacy_wrap span.tit {
  font-size: 20px;
  color: #000;
  font-weight: bold;
  padding-bottom: 20px;
  position: relative;
  padding-left: 15px;
  letter-spacing: -2px;
}
.baegnam_privacy_wrap .privacy_wrap span.tit:before {
  content: "";
  width: 6px;
  height: 6px;
  background: #000;
  position: absolute;
  left: 0;
  top: 10px;
}
.baegnam_privacy_wrap .privacy_wrap div > ul > li {
  margin: 0;
}
.baegnam_privacy_wrap .privacy_wrap table.tb_view {
  width: 100%;
}
.baegnam_privacy_wrap .privacy_wrap div.privacy_process li span.cont {
  margin-left: 0;
  line-height: inherit;
}

.wide_tab {
  max-width: 1280px;
  margin: 0 auto 40px auto;
  position: relative;
  overflow: hidden;
  touch-action: auto;
}
.wide_tab:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0),
    rgba(255, 255, 255, 1)
  );
  width: 90px;
  height: 58px;
  display: none;
}
.wide_tab::-webkit-scrollbar {
  height: 5px;
}
.wide_tab::-webkit-scrollbar-track {
  background: #fff;
}
.wide_tab::-webkit-scrollbar-thumb {
  background: #fff;
}
.wide_tab:hover::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.wide_tab:hover::-webkit-scrollbar-thumb {
  background: #888;
}
.wide_tab ul {
}
.wide_tab ul:after {
  content: "";
  display: block;
  clear: both;
}
.wide_tab ul li {
  float: left;
  margin-right: 10px;
  margin-bottom: 5px;
}
.wide_tab ul li a {
  display: block;
  font-size: 14px;
  color: #767676;
  font-weight: 500;
  border: 1px solid #bbb;
  border-radius: 50px;
  padding: 10px 15px;
  line-height: 120%;
  box-sizing: border-box;
  letter-spacing: -2px;
}
.wide_tab ul li a:hover {
  background: #292827;
  border-color: #292827;
  color: #fff;
}
.wide_tab ul li a:focus {
  background: #292827;
  border-color: #292827;
  color: #fff;
}
.wide_tab ul li a.on {
  background: #292827;
  border-color: #292827;
  color: #fff;
}

.temple_view {
  max-width: 1280px;
  margin: 0 auto;
}
.temple_view .top {
  border-bottom: 1px solid #d7d7d7;
  padding: 0 0 40px 0;
  text-align: center;
  margin-bottom: 40px;
}
.temple_view .top .info {
  font-size: 16px;
  color: #c5a679;
  font-weight: 500;
  line-height: 150%;
  margin-bottom: 5px;
}
.temple_view .top h3 {
  font-size: 38px;
  color: #000;
  font-weight: 600;
  letter-spacing: -1px;
  line-height: 150%;
}
.temple_view .top .notes .cate01 {
  width: 70px;
  height: 40px;
  line-height: 28px;
  text-align: center;
  border-radius: 50px;
  background: #f18903;
  color: #fff;
  font-weight: 300;
  letter-spacing: -1px;
  font-size: 14px;
  padding: 0 10px 0 10px;
}
.temple_view .top .notes .cate02 {
  width: 70px;
  height: 40px;
  line-height: 28px;
  text-align: center;
  border-radius: 50px;
  background: #787367;
  color: #fff;
  font-weight: 300;
  letter-spacing: -1px;
  font-size: 14px;
  padding: 0 10px 0 10px;
}
.temple_view .top .sns {
  margin-bottom: 25px;
  text-align: center;
}
.temple_view .top .sns ul li {
  display: inline-block;
  vertical-align: top;
  margin: 0 3px;
}
.temple_view .top .address {
  font-size: 18px;
  color: #666;
  line-height: 150%;
  letter-spacing: -1px;
}
.temple_view .cont .tab {
  margin-bottom: 70px;
}
.temple_view .cont .tab ul {
  text-align: center;
}
.temple_view .cont .tab ul li {
  display: inline-block;
  vertical-align: top;
  padding: 0 15px;
  position: relative;
}
.temple_view .cont .tab ul li:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 10px;
  background: #d2d2d2;
  margin-top: -5px;
}
.temple_view .cont .tab ul li:first-child:before {
  display: none;
}
.temple_view .cont .tab ul li a {
  display: block;
  font-size: 18px;
  color: #767676;
  font-weight: 500;
  height: 40px;
  line-height: 40px;
}
.temple_view .cont .tab ul li a.on {
  border-bottom: 2px solid #000;
  color: #292827;
}
.temple_view .cont .photo {
  height: 546px;
  overflow: hidden;
  position: relative;
  padding-bottom: 60px;
  margin-bottom: 40px;
}
.temple_view .cont .photo ul {
  width: 2650px;
  position: absolute;
  left: 50%;
  margin-left: -420px;
  overflow: hidden;
  max-height: 546px;
  overflow: hidden;
}
.temple_view .cont .photo ul li {
  width: 840px !important;
  margin-right: 40px;
  float: left;
}
.temple_view .cont .photo ul li .img {
  opacity: 0.5;
  transition: all 0.3s;
}
.temple_view .cont .photo ul li.active-slide .img {
  opacity: 1;
}
.temple_view .cont .photo .img img {
  width: 100%;
}
.temple_view .cont .photo .bx-pager {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 36px;
  line-height: 36px;
  font-size: 12px;
  color: #000;
  text-align: center;
}
.temple_view .cont .photo .bx-prev {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -90px;
  bottom: 0;
  width: 36px;
  height: 36px;
  background: url(../../img/fe/templestay/btn_prev.png) no-repeat center center;
  text-indent: -9999px;
  overflow: hidden;
}
.temple_view .cont .photo .bx-next {
  display: block;
  position: absolute;
  right: 50%;
  margin-right: -90px;
  bottom: 0;
  width: 36px;
  height: 36px;
  background: url(../../img/fe/templestay/btn_next.png) no-repeat center center;
  text-indent: -9999px;
  overflow: hidden;
}
.temple_view .cont .photo .loadingDiv {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 1000;
  background: rgba(255, 255, 255, 0.5)
    url(../../img/fe/templestay/img_loading.gif) no-repeat center center;
  background-size: 50px;
}
.temple_view .cont .text_area {
  max-width: 840px;
  margin: 0 auto;
  font-size: 18px;
  color: #000;
  line-height: 170%;
  letter-spacing: -1px;
  text-align: left;
  padding: 0 0 70px 0;
  white-space: break-spaces;
}
.temple_view .cont .text_area strong {
  font-weight: 600;
  line-height: 170%;
}
.temple_view .cont .text_area strong.tit {
  font-size: 24px;
  color: #be9c6e;
  font-weight: 600;
  line-height: 170%;
}
.temple_view .cont .location {
  border-top: 1px solid #d7d7d7;
  max-width: 1280px;
  margin: 0 auto;
  padding: 70px 0;
}
.temple_view .cont .location h4 {
  font-size: 38px;
  color: #000;
  font-weight: 600;
  letter-spacing: -1px;
  line-height: 150%;
  margin-bottom: 40px;
  text-align: center;
}
.temple_view .cont .location .map {
  border: 1px solid #ddd;
  height: 500px;
}
.temple_view .cont .program {
  border-top: 1px solid #d7d7d7;
  max-width: 1280px;
  margin: 0 auto;
  padding: 70px 0;
}
.temple_view .cont .program h4 {
  font-size: 30px;
  color: #000;
  font-weight: 600;
  letter-spacing: -1px;
  line-height: 150%;
  margin-bottom: 40px;
  text-align: center;
}
.temple_view .cont .program > ul > li {
  position: relative;
  margin-bottom: 20px;
}
.temple_view .cont .program > ul > li > .img {
  width: 400px;
  position: absolute;
  left: 0;
  top: 0;
}
.temple_view .cont .program > ul > li > .img img {
  width: 100%;
}
.temple_view .cont .program > ul > li > .txt {
  margin-left: 440px;
  min-height: 260px;
  padding-top: 20px;
}
.temple_view .cont .program > ul > li > .txt .cate01 {
  display: inline-block;
  vertical-align: top;
  padding: 0 10px;
  height: 28px;
  line-height: 28px;
  font-size: 14px;
  color: #fff;
  background: #787367;
  border-radius: 50px;
  font-weight: 300;
  margin-bottom: 10px;
}
.temple_view .cont .program > ul > li > .txt .cate02 {
  display: inline-block;
  vertical-align: top;
  padding: 0 10px;
  height: 28px;
  line-height: 28px;
  font-size: 14px;
  color: #fff;
  background: #75a8c3;
  border-radius: 50px;
  font-weight: 300;
  margin-bottom: 10px;
}
.temple_view .cont .program > ul > li > .txt .cate03 {
  display: inline-block;
  vertical-align: top;
  padding: 0 10px;
  height: 28px;
  line-height: 28px;
  font-size: 14px;
  color: #fff;
  background: #6fb3a3;
  border-radius: 50px;
  font-weight: 300;
  margin-bottom: 10px;
}
.temple_view .cont .program > ul > li > .txt strong {
  display: block;
  font-size: 24px;
  color: #000;
  line-height: 150%;
  font-weight: 500;
  letter-spacing: -1px;
  margin-bottom: 15px;
}
.temple_view .cont .program > ul > li > .txt .date {
  display: block;
  font-size: 14px;
  color: #666;
  line-height: 150%;
  margin-bottom: 15px;
}
.temple_view .cont .program > ul > li > .txt p {
  margin-bottom: 20px;
  font-size: 16px;
  color: #000;
  line-height: 22px;
  letter-spacing: -1px;
  height: 44px;
  overflow: hidden;
}
.temple_view .cont .program > ul > li > .txt .btn_reserve {
  border-radius: 10px;
  display: inline-block;
  vertical-align: top;
  width: 180px;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  background: #c5a679;
}

.temple_view .top .bookmark a {
  display: block;
  font-size: 14px;
  color: #666;
  border-radius: 50px;
  border: 1px solid #b4b4b4;
  text-align: center;
  height: 33px;
  line-height: 33px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  transition: all 0.3s;
  width: 120px;
}
.temple_view .top .bookmark a:hover {
  background: #be9c6e;
  color: #fff;
  border-color: #be9c6e;
}
.temple_view .top .bookmark a.on {
  background: #be9c6e;
  color: #fff;
  border-color: #be9c6e;
}

.templeProgram_wrap .select_schedule {
  max-width: 1280px;
  margin: 0 auto 50px auto;
  position: relative;
}
.templeProgram_wrap .select_schedule ul {
  margin-right: 290px;
}
.templeProgram_wrap .select_schedule ul:after {
  content: "";
  display: block;
  clear: both;
}
.templeProgram_wrap .select_schedule ul li {
  float: left;
  width: 15.66%;
  border: 1px solid #ddd;
  border-radius: 10px;
  margin-right: 1%;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
}
.templeProgram_wrap .select_schedule ul li select {
  width: 100%;
  height: 60px;
  line-height: 60px;
  border: 0;
  font-size: 16px;
  color: #666;
  box-sizing: border-box;
  padding-left: 10px;
  -webkit-appearance: none;
  appearance: none;
  background: url(../../img/fe/templestay/ico_select_arrow.png) no-repeat right
    15px center;
}
.templeProgram_wrap .select_schedule ul li input {
  width: 100%;
  height: 60px;
  line-height: 60px;
  border: 0;
  font-size: 16px;
  color: #666;
  box-sizing: border-box;
  padding-left: 15px;
}
.templeProgram_wrap .select_schedule ul li input + img {
  position: absolute;
  right: 18px;
  top: 50%;
  margin-top: -15px;
  opacity: 1;
  cursor: pointer;
}

.templeProgram_wrap .select_schedule > div {
  position: absolute;
  right: 0;
  top: 0;
  width: 265px;
  border-radius: 10px;
  border: 1px solid #d2d2d2;
  padding: 12px;
}
.templeProgram_wrap .select_schedule > div input[type="text"] {
  height: 34px;
  line-height: 34px;
  width: 175px;
  text-indent: 10px;
  border: 0;
}
.templeProgram_wrap .select_schedule > div button {
  background: #6d685c;
  width: 80px;
  height: 34px;
  line-height: 34px;
  font-size: 14px;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  border: 0;
}

.templeProgram_wrap .select_schedule {
  text-align: right;
  margin-bottom: 20px;
}

.templeProgram_wrap .select_schedule > .chkB {
  margin-top: 20px;
  margin-left: 10px;
}


.templeReserve_wrap {
  max-width: 1280px;
  margin: 0 auto;
}
.templeReserve_wrap .top {
  border-bottom: 1px solid #ddd;
  padding-bottom: 50px;
  margin-bottom: 35px;
  position: relative;
  overflow: hidden;
}
/*20250226수정*/
.templeReserve_wrap .top .img {
  width: 49%;
  width: calc(48% - 2px);
  margin-right: 1%;
  float: left;
  height: 344px;
  border: 1px solid #ddd;
  text-align: center;
  background: #f8f8f8;
}
/*20250226수정*/
.templeReserve_wrap .top .img img {
  height: 100%;
  margin: 0px auto;
  width: auto;
  max-width: 100%;
}
.templeReserve_wrap .top .place {
  width: 49%;
  margin-left: 1%;
  float: right;
  padding-top: 0px;
}
.templeReserve_wrap .top .place h2 {
  font-size: 28px;
  color: #000;
  line-height: 150%;
  font-weight: 400;
  letter-spacing: -1px;
  margin-bottom: 20px;
}
.templeReserve_wrap .top .place h3 {
  font-size: 38px;
  color: #000;
  line-height: 130%;
  font-weight: 600;
  letter-spacing: -1px;
  margin-bottom: 20px;
}
.templeReserve_wrap .top .place .info {
  margin-bottom: 20px;
}
.templeReserve_wrap .top .place .info ul li {
  font-size: 14px;
  color: #717171;
  line-height: 20px;
  min-height: 20px;
  margin-bottom: 5px;
}
.templeReserve_wrap .top .place .info ul li .ico {
  margin-right: 7px;
}
.templeReserve_wrap .top .place .summary {
  font-size: 16px;
  color: #000;
  line-height: 150%;
}

.templeReserve_wrap .top .bookmark a {
  display: block;
  font-size: 14px;
  color: #666;
  border-radius: 50px;
  border: 1px solid #b4b4b4;
  text-align: center;
  height: 33px;
  line-height: 33px;
  margin-top: 10px;
  margin-bottom: 10px;
  transition: all 0.3s;
  width: 120px;
}
.templeReserve_wrap .top .bookmark a:hover {
  background: #be9c6e;
  color: #fff;
  border-color: #be9c6e;
}
.templeReserve_wrap .top .bookmark a.on {
  background: #be9c6e;
  color: #fff;
  border-color: #be9c6e;
}

.templeReserve_wrap .cont {
  min-height: 1350px;
}
.templeReserve_wrap .cont .tab_area {
  margin-bottom: 70px;
}
.templeReserve_wrap .cont .tab_area ul {
  text-align: center;
}
.templeReserve_wrap .cont .tab_area ul li {
  display: inline-block;
  vertical-align: top;
  padding: 0 15px;
  position: relative;
}
.templeReserve_wrap .cont .tab_area ul li:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 10px;
  background: #d2d2d2;
  margin-top: -5px;
}
.templeReserve_wrap .cont .tab_area ul li:first-child:before {
  display: none;
}
.templeReserve_wrap .cont .tab_area ul li a {
  display: block;
  font-size: 18px;
  color: #767676;
  font-weight: 500;
  height: 40px;
  line-height: 40px;
}
.templeReserve_wrap .cont .tab_area ul li a.on {
  border-bottom: 2px solid #000;
  color: #292827;
}
.templeReserve_wrap .cont .cont_area {
  position: relative;
}
.templeReserve_wrap .cont .cont_area .item {
  margin-right: 440px;
  display: none;
}
.templeReserve_wrap .cont .cont_area .item:first-child {
  display: block;
}
.templeReserve_wrap .cont .selectPlace_list ul li {
  border-top: 1px solid #d2d2d2;
  padding: 50px 0;
  position: relative;
}
.templeReserve_wrap .cont .selectPlace_list ul li .img {
  height: 0;
  padding-bottom: 70%;
  overflow: hidden;
  max-width: 400px;
  position: absolute;
  left: 0;
  top: 50px;
}
.templeReserve_wrap .cont .selectPlace_list ul li .img img {
  width: 100%;
}
.templeReserve_wrap .cont .selectPlace_list ul li .txt {
  margin-left: 440px;
  min-height: 280px;
  padding: 30px 0 0 0;
}
.templeReserve_wrap .cont .selectPlace_list ul li .txt .tit {
  display: block;
  font-size: 24px;
  color: #000;
  line-height: 150%;
  font-weight: 500;
  letter-spacing: -1px;
  margin-bottom: 10px;
}
.templeReserve_wrap .cont .selectPlace_list ul li .txt .info {
  display: block;
  font-size: 14px;
  color: #666;
  line-height: 150%;
  letter-spacing: -1px;
  margin-bottom: 30px;
}
.templeReserve_wrap .cont .selectPlace_list ul li .txt .info .red {
  color: #ee5424;
}
.templeReserve_wrap .cont .selectPlace_list ul li .txt .price {
  font-size: 18px;
  color: #000;
  line-height: 150%;
  text-align: right;
}
.templeReserve_wrap .cont .selectPlace_list ul li .txt .price strong {
  font-weight: 600;
  font-size: 30px;
  line-height: 150%;
  margin-right: 5px;
}
.templeReserve_wrap .cont .selectPlace_list ul li .txt .price span {
  color: #666;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  margin-left: 5px;
}
.templeReserve_wrap .cont .selectPlace_list ul li .txt .btn_select {
  display: block;
  width: 180px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  background: #818181;
  border-radius: 10px;
}
.templeReserve_wrap .cont .selectPlace_list ul li .txt .btn_select.on {
  background: #c5a679;
}
.templeReserve_wrap .cont .selectPlace_list ul li:first-child {
  border-top: 0;
  padding-top: 0;
}
.templeReserve_wrap .cont .selectPlace_list ul li:first-child .img {
  top: 0;
}

.templeReserve_wrap .cont .program .section {
  margin-bottom: 70px;
  text-align: center;
}
.templeReserve_wrap .cont .program .section .ico {
  margin-bottom: 10px;
}
.templeReserve_wrap .cont .program .section h4 {
  font-size: 30px;
  color: #000;
  line-height: 150%;
  font-weight: 600;
  margin-bottom: 40px;
  letter-spacing: -1px;
}
.templeReserve_wrap .cont .program .section h4 + .sub_txt {
  font-size: 14px;
  color: #666;
  line-height: 150%;
  margin-top: -30px;
  margin-bottom: 40px;
}
.templeReserve_wrap .cont .program .section .txt strong {
  font-size: 24px;
  /* color: #be9c6e; */
  font-weight: 600;
  line-height: 180%;
}
.templeReserve_wrap .cont .program .section .txt p {
  font-size: 18px;
  color: #000;
  line-height: 180%;
  letter-spacing: -1px;
  text-align: left;
  word-break: keep-all;
  word-wrap: break-word;
  word-spacing: 3px;
}

.templeReserve_wrap .cont .program .section .txt img {
  max-width: 100%;
  height: 100% !important;
}
.templeReserve_wrap .cont .program .section .table {
  border-top: 1px solid #be9c6e;
}
.templeReserve_wrap .cont .program .section .table table {
  width: 100%;
  border-collapse: collapse;
}
.templeReserve_wrap .cont .program .section .table table th {
  background: #f7f5f2;
  font-size: 16px;
  color: #000;
  font-weight: 500;
  padding: 15px 10px;
  text-align: center;
  border-bottom: 1px solid #d2d2d2;
}
.templeReserve_wrap .cont .program .section .table table td {
  font-size: 16px;
  color: #000;
  font-weight: 500;
  padding: 15px 10px;
  text-align: center;
  border-bottom: 1px solid #d2d2d2;
}

.templeReserve_wrap .cont .selectPlace_list .table {
  border-top: 1px solid #be9c6e;
  padding-bottom: 20px;
}
.templeReserve_wrap .cont .selectPlace_list .table table {
  width: 100%;
  border-collapse: collapse;
}
.templeReserve_wrap .cont .selectPlace_list .table table th {
  background: #f7f5f2;
  font-size: 16px;
  color: #000;
  font-weight: 500;
  padding: 15px 10px;
  text-align: center;
  border-bottom: 1px solid #d2d2d2;
}
.templeReserve_wrap .cont .selectPlace_list .table table td {
  font-size: 16px;
  color: #000;
  font-weight: 500;
  padding: 15px 10px;
  text-align: center;
  border-bottom: 1px solid #d2d2d2;
}

.templeReserve_wrap .cont .reserveArea {
  position: absolute;
  right: 0;
  top: 0;
  width: 400px;
  border: 1px solid #d2d2d2;
  border-radius: 10px;
  background: #fff;
}
.templeReserve_wrap .cont .reserveArea .chkDate {
  border-bottom: 1px solid #d2d2d2;
  border-radius: 0 0 10px 10px;
  padding: 15px 25px;
  position: relative;
}
.templeReserve_wrap .cont .reserveArea .chkDate .tit {
  font-size: 16px;
  color: #767676;
  line-height: 26px;
}
.templeReserve_wrap .cont .reserveArea .chkDate .rDate {
  position: absolute;
  right: 25px;
  top: 15px;
  font-size: 16px;
  color: #be9c6e;
  line-height: 26px;
}
.templeReserve_wrap .cont .reserveArea .chkDate .rDate a.btn_refresh {
  margin-left: 15px;
}
.templeReserve_wrap .cont .reserveArea .calendar .section {
  border-bottom: 1px solid #d2d2d2;
  padding: 30px;
}
.templeReserve_wrap .cont .reserveArea .calendar .section .period {
  text-align: center;
  margin-bottom: 15px;
}
.templeReserve_wrap .cont .reserveArea .calendar .section .period .month {
  display: inline-block;
  vertical-align: top;
  height: 38px;
  line-height: 38px;
  text-align: center;
  width: 240px;
  font-size: 20px;
  font-weight: 500;
  color: #000;
}
.templeReserve_wrap .cont .reserveArea .calendar .section .table {
  overflow: hidden;
}
.templeReserve_wrap .cont .reserveArea .calendar .section .table table {
  width: 100%;
  border-collapse: collapse;
}
.templeReserve_wrap .cont .reserveArea .calendar .section .table table th {
  font-size: 15px;
  color: #767676;
  font-weight: 400;
  text-align: center;
  height: 38px;
  line-height: 38px;
}
.templeReserve_wrap .cont .reserveArea .calendar .section .table table td {
  font-weight: 500;
  text-align: center;
  position: relative;
  padding: 3px 0;
}
.templeReserve_wrap
  .cont
  .reserveArea
  .calendar
  .section
  .table
  table
  td
  .date {
  display: block;
  font-size: 15px;
  color: #000;
  height: 38px;
  line-height: 38px;
  width: 38px;
  margin: 0 auto;
  position: relative;
}
.templeReserve_wrap
  .cont
  .reserveArea
  .calendar
  .section
  .table
  table
  td
  .date.sun {
  color: #ee5424;
}

.templeReserve_wrap
  .cont
  .reserveArea
  .calendar
  .section
  .table
  table
  td.startDay {
  background: #a6c6fd;
  color: #fff;
  position: relative;
  z-index: 100;
  border-radius: 50px 0 0 50px;
}
.templeReserve_wrap
  .cont
  .reserveArea
  .calendar
  .section
  .table
  table
  td.startDay
  .date {
  color: #fff !important;
  background: #5392f9;
  border-radius: 50px;
}
.templeReserve_wrap
  .cont
  .reserveArea
  .calendar
  .section
  .table
  table
  td.endDay {
  background: #a6c6fd;
  color: #fff;
  position: relative;
  z-index: 100;
  border-radius: 0 50px 50px 0;
}
.templeReserve_wrap
  .cont
  .reserveArea
  .calendar
  .section
  .table
  table
  td.endDay
  .date {
  color: #fff !important;
  background: #5392f9;
  border-radius: 50px;
}
.templeReserve_wrap
  .cont
  .reserveArea
  .calendar
  .section
  .table
  table
  td.midDay {
  background: #a6c6fd;
}
.templeReserve_wrap
  .cont
  .reserveArea
  .calendar
  .section
  .table
  table
  td.midDay
  .date {
  color: #fff !important;
  text-decoration: none !important;
}
.templeReserve_wrap
  .cont
  .reserveArea
  .calendar
  .section
  .table
  table
  td.disable
  .date {
  color: #ccc;
}
.templeReserve_wrap .cont .reserveArea .chkCount {
  padding: 30px;
  border-bottom: 1px solid #d2d2d2;
}
.templeReserve_wrap .cont .reserveArea .chkCount ul li {
  margin-top: 10px;
  position: relative;
}
.templeReserve_wrap .cont .reserveArea .chkCount ul li:first-child {
  margin-top: 0;
}
.templeReserve_wrap .cont .reserveArea .chkCount ul li .tit {
  font-size: 18px;
  color: #000;
  font-weight: 500;
  line-height: 40px;
}
.templeReserve_wrap .cont .reserveArea .chkCount ul li .count {
  font-size: 18px;
  position: absolute;
  right: 0;
  top: 0;
  padding-top: 5px;
}
.templeReserve_wrap .cont .reserveArea .chkPeople {
  padding: 30px 30px 40px 30px;
  border-bottom: 1px solid #d2d2d2;
}

.templeReserve_wrap .cont .reserveArea .chkPeople ul li {
  margin-top: 10px;
  position: relative;
}
.templeReserve_wrap .cont .reserveArea .chkPeople ul li:first-child {
  margin-top: 0;
}
.templeReserve_wrap .cont .reserveArea .chkPeople ul li .tit {
  font-size: 18px;
  color: #000;
  font-weight: 500;
  line-height: 40px;
}
.templeReserve_wrap .cont .reserveArea .chkPeople ul li .count {
  position: absolute;
  right: 0;
  top: 0;
}
.templeReserve_wrap .cont .reserveArea .chkPeople ul li .count input {
  width: 38px;
  height: 38px;
  line-height: 38px;
  border: 1px solid #d2d2d2;
  text-align: center;
  font-size: 16px;
  color: #000;
  margin: 0 -5px;
  background: #fff;
}
.templeReserve_wrap .cont .reserveArea .chkPeople ul li .chkB {
  float: right;
  padding-bottom: 10px;
}

/**20250312선택사항 추가**/
.templeReserve_wrap .cont .reserveArea .chkPeople ul,
.templeReserve_wrap .cont .reserveArea .chkPeople dl {
  display: grid;
}

.templeReserve_wrap .cont .reserveArea .chkPeople .option {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #e3e3e3;
}

.templeReserve_wrap .cont .reserveArea .chkPeople .option dt {
}
.templeReserve_wrap .cont .reserveArea .chkPeople .option dt span {
  font-size: 18px;
  color: #000;
  font-weight: 500;
  display: block;
  margin-bottom: 10px;
}
.templeReserve_wrap .cont .reserveArea .chkPeople .option dd {
}
.templeReserve_wrap .cont .reserveArea .chkPeople .option dd ul {
  background: #f8f3ee;
  border-radius: 5px;
  padding: 15px 20px;
  box-sizing: border-box;
}
.templeReserve_wrap .cont .reserveArea .chkPeople .option dd ul li {
  display: inline-flex;
  margin: 0px 0px 8px 0px;
  padding: 0px;
}
.templeReserve_wrap .cont .reserveArea .chkPeople .option dd ul li:last-child {
  margin-bottom: 0px;
}

.templeReserve_wrap .cont .reserveArea .chkPeople .option dd ul li span,
.templeReserve_wrap .cont .reserveArea .chkPeople .option dd ul li em {
  display: inline-block;
  font-size: 15px;
  width: calc(50% - 0px);
  color: #222;
}

.templeReserve_wrap .cont .reserveArea .chkPeople .option dd ul li span {
  text-align: left;
  position: relative;
  padding-left: 10px;
  font-size: 14px;
}

.templeReserve_wrap
  .cont
  .reserveArea
  .chkPeople
  .option
  dd
  ul
  li
  span::before {
  content: "";
  display: block;
  position: absolute;
  top: 9px;
  left: 0px;
  background: #805e45;
  width: 4px;
  height: 4px;
  border-radius: 50%;
}
.templeReserve_wrap .cont .reserveArea .chkPeople .option dd ul li em {
  text-align: right;
  color: #8c6242;
  font-weight: 500;
}

@media only screen and (max-width: 768px) {
  .templeReserve_wrap .cont .reserveArea .chkPeople .option {
    margin-top: 10px;
    padding-top: 10px;
  }

  .templeReserve_wrap .cont .reserveArea .chkPeople .option dt span {
    font-size: 14px;
  }

  .notice_list ul li a .date b {
    height: 18px;
  }
}

.templeReserve_wrap .cont .reserveArea .totalPrice {
  padding: 30px;
  position: relative;
}
.templeReserve_wrap .cont .reserveArea .totalPrice .tit {
  font-size: 18px;
  color: #000;
  font-weight: 500;
  line-height: 40px;
}
.templeReserve_wrap .cont .reserveArea .totalPrice .price {
  position: absolute;
  right: 30px;
  top: 30px;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  color: #ee5424;
}
.templeReserve_wrap .cont .reserveArea .totalPrice .price strong {
  font-size: 30px;
  line-height: 150%;
  margin-right: 5px;
}
.templeReserve_wrap .cont .reserveArea .btn_reserve {
  display: block;
  margin: 0 30px 30px 30px;
  background: #c5a679;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  border-radius: 10px;
  height: 50px;
  line-height: 50px;
}

.group_regi {
  max-width: 600px;
  margin: 0 auto;
}
.group_regi h4 {
  font-size: 30px;
  font-weight: 600;
  color: #000;
  line-height: 150%;
  letter-spacing: -1px;
  text-align: center;
  margin-bottom: 40px;
}
.group_regi ul {
  overflow: hidden;
}
.group_regi ul li {
  margin-bottom: 20px;
  width: 100%;
}
.group_regi ul li.short {
  float: left;
  width: 48.5%;
  margin-right: 1.5%;
}
.group_regi ul li.short + .short {
  margin-left: 1.5%;
  margin-right: 0;
}
.group_regi ul li.short + .short + .short {
  margin-right: 1.5%;
  margin-left: 0;
}
.group_regi ul li.short + .short + .short + .short {
  margin-left: 1.5%;
  margin-right: 0;
}
.group_regi ul li label {
  display: block;
  font-size: 16px;
  color: #000;
  line-height: 30px;
  margin-bottom: 10px;
  font-weight: 500;
}
.group_regi ul li .input {
  border: 1px solid #d2d2d2;
  border-radius: 10px;
  overflow: hidden;
}
.group_regi ul li .input input {
  text-indent: 20px;
  height: 58px;
  line-height: 58px;
  border: 0;
  font-size: 16px;
  color: #767676;
  width: 100%;
  border-radius: 10px;
}
.group_regi ul li .input input.hasDatepicker + img {
  position: absolute;
  right: 10px;
  top: 15px;
  opacity: 0.5;
}
.group_regi ul li .input select {
  padding-left: 20px;
  box-sizing: border-box;
  height: 58px;
  line-height: 58px;
  border: 0;
  font-size: 16px;
  color: #767676;
  width: 100%;
  appearance: none;
  background: url(../../img/fe/templestay/ico_select_arrow.png) no-repeat right
    20px center;
  border-radius: 10px;
}
.group_regi ul li .date {
  overflow: hidden;
  margin-left: -3%;
}
.group_regi ul li .date .input {
  position: relative;
  float: left;
  width: 47%;
  margin-left: 3%;
  box-sizing: border-box;
}
.group_regi ul li .info_txt {
  font-size: 14px;
  color: #767676;
  line-height: 150%;
  letter-spacing: -1px;
  margin-top: 15px;
}
.group_regi ul li .textarea textarea {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #d2d2d2;
  border-radius: 10px;
  height: 250px;
  padding: 10px;
  font-size: 16px;
  color: #767676;
  line-height: 150%;
}
.group_regi .agreeChk p {
  font-size: 14px;
  color: #666;
  line-height: 180%;
  text-align: center;
  letter-spacing: -1px;
  padding: 20px 0 40px 0;
  border-bottom: 1px solid #d2d2d2;
  margin-bottom: 20px;
}
.group_regi .agreeChk ul {
  margin-bottom: 35px;
}
.group_regi .agreeChk ul li {
  position: relative;
}
.group_regi .agreeChk ul li label {
  color: #666;
}
.group_regi .agreeChk ul li a {
  position: absolute;
  right: 0;
  top: 5px;
  font-size: 14px;
  color: #666;
  line-height: 150%;
  border-bottom: 1px solid #d2d2d2;
}
.group_regi .btn ul {
  overflow: hidden;
  margin-left: -7%;
}
.group_regi .btn ul li {
  float: left;
  width: 43%;
  margin-left: 7%;
}
.group_regi .btn ul li a {
  display: block;
  font-size: 16px;
  color: #fff;
  font-weight: 500;
  text-align: center;
  background: #c5a679;
  border-radius: 10px;
  height: 60px;
  line-height: 60px;
}
.group_regi .btn ul li:first-child a {
  background: #818181;
}

.reserveEnd {
  background: #ebebeb;
  margin-top: -80px;
  padding-top: 80px;
  padding-bottom: 120px;
  margin-bottom: -120px;
}
.reserveEnd h3 {
  text-align: center;
  font-size: 36px;
  color: #000;
  line-height: 150%;
  font-weight: 600;
  margin-bottom: 40px;
  letter-spacing: -1px;
}
.reserveEnd .inner {
  max-width: 1200px;
  max-width: 1400px;
  margin: 0 auto;
}
.reserveEnd .inner .section {
  background: #fff;
  padding: 40px;
  margin-top: 50px;
}
.reserveEnd .inner .section:first-child {
  margin-top: 0;
}
.reserveEnd .inner .section h4 {
  text-align: left;
  font-size: 16px;
  color: #000;
  line-height: 150%;
  margin-bottom: 15px;
  font-weight: 500;
}
.reserveEnd .inner .section h4.h4_tit {
  font-size: 24px;
  font-weight: 600;
  color: #000;
  line-height: 150%;
  text-align: center;
  margin-bottom: 30px;
  letter-spacing: -1px;
  position: relative;
}
.reserveEnd .inner .section h4.h4_tit.left {
  text-align: left;
  margin-bottom: 15px;
}
.reserveEnd .inner .section h4.h4_tit .btn_same {
  position: absolute;
  right: 0;
  top: 20px;
  display: inline-block;
  vertical-align: top;
  border: 1px solid #999;
  border-radius: 50px;
  padding: 0 20px;
  font-size: 14px;
  color: #767676;
  font-weight: 500;
  height: 35px;
  line-height: 35px;
}
.reserveEnd .inner .section .sub_txt {
  text-align: center;
  font-size: 14px;
  color: #666;
  line-height: 150%;
  margin-bottom: 30px;
  margin-top: -20px;
}
.reserveEnd .inner .section .sub_txt strong {
  color: #000;
  font-weight: 500;
}
.reserveEnd .inner .section .reservList {
  border-top: 1px solid #be9c6e;
}
.reserveEnd .inner .section .reservList ul li {
  border-bottom: 1px solid #d2d2d2;
  padding: 15px 30px;
  position: relative;
  display: flex;
  font-size: 18px;
}
.reserveEnd .inner .section .reservList ul li .tit {
  color: #000;
  line-height: 150%;
  letter-spacing: -1px;
  width: 120px;
}
.reserveEnd .inner .section .reservList ul li .txt {
  /* position: absolute;
  right: 30px;
  top: 15px; */
  color: #000;
  line-height: 150%;
  letter-spacing: -1px;
  text-align: right;
  width: calc(100% - 120px);
  word-break: keep-all;
}
.reserveEnd .inner .section .terms_txt {
  border: 1px solid #d2d2d2;
  border-radius: 10px;
  padding: 10px;
  font-size: 16px;
  line-height: 150%;
  height: 330px;
  overflow-y: auto;
  color: #767676;
}
.reserveEnd .inner .section .agreeChk p {
  border-bottom: 1px solid #d2d2d2;
  padding: 40px 0;
  text-align: center;
  font-size: 14px;
  color: #666;
  line-height: 180%;
  margin-bottom: 20px;
}
.reserveEnd .inner .section .agreeChk ul li {
  margin-top: 15px;
  position: relative;
  padding-left: 40px;
}
.reserveEnd .inner .section .agreeChk ul li .chkB {
  color: #666;
  height: auto;
}
.reserveEnd
  .inner
  .section
  .agreeChk
  ul
  li
  .chkB
  input[type="checkbox"]
  + span {
  position: absolute;
  left: 0;
  top: 0;
}
.reserveEnd .inner .section .table {
  border-top: 1px solid #be9c6e;
}
.reserveEnd .inner .section .table table {
  width: 100%;
  border-collapse: collapse;
}
.reserveEnd .inner .section .table table th {
  background: #f7f5f2;
  font-size: 16px;
  color: #000;
  font-weight: 500;
  padding: 15px 10px;
  text-align: center;
  border-bottom: 1px solid #d2d2d2;
  border-left: 1px solid #d2d2d2;
}
.reserveEnd .inner .section .table table td {
  font-size: 16px;
  color: #000;
  font-weight: 500;
  padding: 15px 10px;
  text-align: center;
  border-bottom: 1px solid #d2d2d2;
  border-left: 1px solid #d2d2d2;
  word-break: break-all;
}
.reserveEnd .inner .section .table table td.left {
  text-align: left;
}
.reserveEnd .inner .section .table table td .img {
  width: 86px;
  height: 60px;
  margin: 0 auto;
}
.reserveEnd .inner .section .table table td .img img {
  width: 100%;
  height: 100%;
}
.reserveEnd .inner .section .table table th:first-child {
  border-left: 0;
}
.reserveEnd .inner .section .table table td:first-child {
  border-left: 0;
}
.reserveEnd .inner .section .total_price {
  padding: 40px 30px;
  border-bottom: 1px solid #d2d2d2;
  position: relative;
}
.reserveEnd .inner .section .total_price .tit {
  position: absolute;
  left: 30px;
  top: 40px;
  font-size: 16px;
  color: #000;
  line-height: 150%;
  font-weight: 500;
  letter-spacing: -1px;
}
.reserveEnd .inner .section .total_price .price {
  text-align: right;
  font-size: 16px;
  color: #000;
  line-height: 150%;
}
.reserveEnd .inner .section .total_price .price strong {
  color: #be9c6e;
  font-size: 22px;
}
.reserveEnd .inner .section .refund {
  text-align: center;
  font-size: 15px;
  color: #000;
  line-height: 180%;
}
.reserveEnd .inner .section .personInfo {
  padding-bottom: 20px;
}
.reserveEnd .inner .section .personInfo + .h4_tit {
  padding-top: 40px;
  border-top: 1px solid #d2d2d2;
  margin-top: 30px;
}
.reserveEnd .inner .section .appInfo {
  padding-bottom: 20px;
  border-top: 1px solid #be9c6e;
}
.reserveEnd .inner .section .appInfo + .h4_tit {
  padding-top: 40px;
  border-top: 1px solid #d2d2d2;
  margin-top: 30px;
}

/**optionList**/
.optionList {
}
.optionList ul {
  list-style: none;
}
.optionList ul li {
  font-weight: 400;
  line-height: 28px;
  display: block;
  display: inline-block;
  margin-right: 20px;
  color: #555;
}
.optionList ul li:last-child {
  margin-right: 0px;
}
.optionList ul li span {
  color: #000;
}
.optionList ul li em {
  color: #ea5420;
}
.optionList ul li:before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 3px;
  background: #787367;
  vertical-align: top;
  margin-top: 14px;
  margin-right: 3px;
  border-radius: 50%;
}
.optionList .optionSum {
  display: block;
  background: #f8f3ee;
  background: #f5f5f5;
  color: #8c6242;
  font-weight: 400;
  height: 40px;
  line-height: 38px;
  padding: 0px 20px;
  box-sizing: border-box;
  text-align: center;
  border-radius: 5px;
  margin: 10px 0px 0px 0px;
}

/*table 20250311 예약정보*/
.reserveEnd .inner .section .table table td > select,
.reserveEnd .inner .section .table table td > input[type="text"],
.reserveEnd
  .inner
  .section
  .table
  table
  td
  > input[type="checkbox"]
  .reserveEnd
  .inner
  .section
  .table
  table
  th
  > input[type="checkbox"] {
  display: inline-block;
  border: 1px solid #d2d2d2 !important;
  border-radius: 5px;
  background: #fff;
}
.reserveEnd .inner .section .table table td > select {
  overflow: hidden;
  padding-left: 10px;
  box-sizing: border-box;
  height: 36px;
  line-height: 32px;
  font-size: 16px;
  color: #767676;
  width: 100%;
  appearance: none;
  background: #fff url(../../img/fe/templestay/ico_select_arrow.png) no-repeat
    right 20px center;
}

.reserveEnd .inner .section .table table td > input[type="text"] {
  text-indent: 10px;
  height: 36px;
  line-height: 32px;
  font-size: 16px;
  color: #767676;
  width: 100%;
}

.reserveEnd .inner .section .table table th > input[type="checkbox"],
.reserveEnd .inner .section .table table td > input[type="checkbox"] {
  width: 22px;
  height: 22px;
  background-image: none;
}

.reserveEnd .btn {
  max-width: 400px;
  margin: 50px auto 0 auto;
}
.reserveEnd .btn ul {
  overflow: hidden;
  margin-left: -2%;
}
.reserveEnd .btn ul li {
  float: left;
  width: 48%;
  margin-left: 2%;
}
.reserveEnd .btn ul li a {
  display: block;
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  background: #787367;
  border-radius: 10px;
  text-align: center;
  height: 50px;
  line-height: 50px;
}
.reserveEnd .btn ul li:first-child a {
  background: #c5a679;
}

.reserveEnd .inner .section .partInfo {
  border-top: 1px solid #be9c6e;
}
.reserveEnd .inner .section .partInfo ul {
  overflow: hidden;
  margin-left: -2%;
}
.reserveEnd .inner .section .partInfo ul li {
  float: left;
  width: 48%;
  margin-left: 2%;
}

.pop_coupon {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1001;
  text-align: center;
}
.pop_coupon:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: 1px;
  margin-left: -4px;
}
.pop_coupon .inner {
  display: inline-block;
  vertical-align: middle;
  background: #fff;
  width: 500px;
  padding: 40px;
  box-sizing: border-box;
  position: relative;
  max-height: 95%;
  overflow-y: auto;
}
.pop_coupon .inner .close_pop_findIDPW {
  position: absolute;
  right: 0;
  top: 0;
  padding: 20px;
  display: inline-block;
  vertical-align: top;
}
.pop_coupon .inner h3 {
  font-size: 18px;
  color: #000;
  font-weight: 600;
  letter-spacing: -1px;
  margin-bottom: 15px;
  text-align: left;
}
.pop_coupon .inner .btn {
  max-width: 840px;
  margin: 0 auto;
}
.pop_coupon .inner .btn ul {
  overflow: hidden;
  margin-left: -4%;
}
.pop_coupon .inner .btn ul li {
  float: left;
  width: 46%;
  margin-left: 4%;
}
.pop_coupon .inner .btn ul li a {
  display: block;
  background: #818181;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  border-radius: 10px;
  text-align: center;
  height: 60px;
  line-height: 60px;
}
.pop_coupon .inner .btn ul li:first-child a {
  background: #c5a679;
}
.couponBtn {
  display: block;
  font-size: 14px;
  color: #fff;
  font-weight: 400;
  background: #787367;
  border-radius: 10px;
  text-align: center;
  line-height: 25px;
}

.personInfo ul {
  overflow: hidden;
  margin-left: -4%;
}
.personInfo ul li {
  float: left;
  width: 46%;
  margin-left: 4%;
  margin-bottom: 2%;
}
.personInfo ul li.long {
  width: 96%;
}
.personInfo ul li label {
  display: block;
  font-size: 16px;
  color: #000;
  line-height: 30px;
  margin-bottom: 10px;
  font-weight: 500;
  letter-spacing: -1px;
}
.personInfo ul li .input {
  border: 1px solid #d2d2d2;
  border-radius: 10px;
  overflow: hidden;
}
.personInfo ul li .input input {
  text-indent: 20px;
  height: 58px;
  line-height: 58px;
  border: 0;
  font-size: 16px;
  color: #767676;
  width: 100%;
  border-radius: 10px;
}
.personInfo ul li .input select {
  padding-left: 20px;
  box-sizing: border-box;
  height: 58px;
  line-height: 58px;
  border: 0;
  font-size: 16px;
  color: #767676;
  width: 100%;
  appearance: none;
  background: url(../../img/fe/templestay/ico_select_arrow.png) no-repeat right
    20px center;
  border-radius: 10px;
}
.personInfo ul li .date {
  overflow: hidden;
  margin-left: -3%;
}
.personInfo ul li .date .input {
  float: left;
  width: 47%;
  margin-left: 3%;
  box-sizing: border-box;
}
.personInfo ul li .date .input input {
  background: url(../../img/fe/templestay/ico_calendar.png) no-repeat right 20px
    center;
}
.personInfo ul li .info_txt {
  font-size: 14px;
  color: #767676;
  line-height: 150%;
  letter-spacing: -1px;
  margin-top: 15px;
}
.personInfo ul li .textarea textarea {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #d2d2d2;
  border-radius: 10px;
  height: 250px;
  padding: 10px;
  font-size: 16px;
  color: #767676;
  line-height: 150%;
}

.appInfo ul {
  overflow: hidden;
  position: relative;
  margin: 0px -10px;
}
.appInfo ul li {
  position: relative;
  float: left;
  width: 46%;
  width: calc(50% - 20px);
  margin: 0px 10px;
  display: inline-flex;
  padding: 15px 30px;
  font-size: 18px;
  box-sizing: border-box;
  border-bottom: 1px solid #d2d2d2;
}
.appInfo ul li.long {
  width: 100%;
  border-bottom: 1px solid #d2d2d2;
  display: block;
}
.appInfo ul li .tit {
  color: #000;
  width: 60px;
}
.appInfo ul li .tit::after {
  content: ":";
  display: inline-block;
  margin-left: 3px;
}
.appInfo ul li .long_tit {
  color: #000;
  margin-bottom: 10px;
}
.appInfo ul li .txt {
  width: calc(100% - 60px);
  text-align: right;
  font-weight: 500;
  word-break: break-all;
}
.appInfo ul li .note {
  word-break: keep-all;
}

.pop_countryMap {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1001;
  text-align: center;
  z-index: 10001;
}
.pop_countryMap:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: 1px;
  margin-left: -4px;
}
.pop_countryMap .inner {
  display: inline-block;
  vertical-align: middle;
  background: #fff;
  width: 1280px;
  padding: 40px 30px;
  box-sizing: border-box;
  position: relative;
  max-height: 95%;
  overflow-y: auto;
}
.pop_countryMap .inner .close_pop_findIDPW {
  position: absolute;
  right: 0;
  top: 0;
  padding: 20px;
  display: inline-block;
  vertical-align: top;
}
.pop_countryMap .inner h3 {
  font-size: 38px;
  color: #000;
  font-weight: 600;
  letter-spacing: -1px;
  margin-bottom: 10px;
  text-align: center;
}
.pop_countryMap .inner .close_pop_countryMap {
  position: absolute;
  right: 30px;
  top: 30px;
}
.pop_countryMap .inner .close_pop_countryMap img {
  height: 40px;
}
.pop_countryMap .inner .cont {
  text-align: left;
}
.pop_countryMap .inner .cont:after {
  content: "";
  display: block;
  clear: both;
}
.pop_countryMap .inner .cont .total {
  font-size: 20px;
  color: #000;
  line-height: 150%;
  margin-bottom: 15px;
  font-weight: 600;
}
.pop_countryMap .inner .cont .leftCont {
  float: right;
  width: 48%;
}
.pop_countryMap .inner .cont .rightCont {
  float: left;
  width: 48%;
  border-top: 2px solid #000;
}
.pop_countryMap .inner .cont .list {
  overflow-y: auto;
  height: 606px;
  padding-right: 20px;
}
.pop_countryMap .inner .cont .list::-webkit-scrollbar {
  width: 4px;
  border-radius: 10px;
}
.pop_countryMap .inner .cont .list::-webkit-scrollbar-thumb {
  background: #787367;
}
.pop_countryMap .inner .cont .list::-webkit-scrollbar-track {
  background: #d7d7d7;
}
.pop_countryMap .inner .cont .list > ul > li {
  border-bottom: 1px solid #d2d2d2;
  padding: 30px 0;
  position: relative;
}
.pop_countryMap .inner .cont .list > ul > li .img {
  position: absolute;
  left: 0;
  top: 30px;
  width: 130px;
}
.pop_countryMap .inner .cont .list > ul > li .img img {
  width: 100%;
  height: 100%;
}
.pop_countryMap .inner .cont .list > ul > li .img p a {
  display: block;
  font-size: 14px;
  color: #666;
  border-radius: 50px;
  border: 1px solid #b4b4b4;
  text-align: center;
  height: 33px;
  line-height: 33px;
  margin-top: 10px;
  transition: all 0.3s;
}
.pop_countryMap .inner .cont .list > ul > li .img p a:hover {
  background: #be9c6e;
  color: #fff;
  border-color: #be9c6e;
}
.pop_countryMap .inner .cont .list > ul > li .img p a.on {
  background: #be9c6e;
  color: #fff;
  border-color: #be9c6e;
}
.pop_countryMap .inner .cont .list > ul > li .txt {
  margin-left: 165px;
  min-height: 175px;
}
.pop_countryMap .inner .cont .list > ul > li .txt .cate {
  margin-bottom: 15px;
}
.pop_countryMap .inner .cont .list > ul > li .txt .cate span {
  display: inline-block;
  vertical-align: top;
  border-radius: 50px;
  font-size: 13px;
  color: #fff;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
  font-weight: 300;
  margin-right: 2px;
}
.pop_countryMap .inner .cont .list > ul > li .txt .cate span.cate01 {
  background: #6d685c;
}
.pop_countryMap .inner .cont .list > ul > li .txt .cate span.cate02 {
  background: #6a9ebb;
}
.pop_countryMap .inner .cont .list > ul > li .txt .cate span.cate03 {
  background: #64aa99;
}
.pop_countryMap .inner .cont .list > ul > li .txt strong {
  display: block;
  font-size: 25px;
  color: #000;
  font-weight: 600;
  line-height: 30px;
  margin-bottom: 15px;
}
.pop_countryMap .inner .cont .list > ul > li .txt .info {
  margin-bottom: 10px;
}
.pop_countryMap .inner .cont .list > ul > li .txt .info ul li {
  font-size: 18px;
  color: #000;
  line-height: 25px;
}
.pop_countryMap .inner .cont .list > ul > li .txt > p {
  font-size: 14px;
  color: #000;
  line-height: 25px;
  margin-bottom: 20px;
  height: 50px;
  overflow: hidden;
}
.pop_countryMap .inner .cont .list > ul > li .txt > .btn_more {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  color: #666;
  line-height: 20px;
  width: 100px;
  background: url(../../img/fe/templestay/ico_countryMap_arrow.png) no-repeat
    right center;
}
.pop_countryMap .inner .cont .map {
  text-align: center;
  overflow: hidden;
  height: 606px;
  position: relative;
  background: #d8d8d8;
}
.pop_countryMap .inner .cont .map > img {
  position: absolute;
  left: 50%;
  margin-left: -295px;
}
.pop_countryMap .inner .cont .map .point_wrap {
  position: relative;
  height: 100%;
}
.pop_countryMap .inner .cont .map .point {
  position: absolute;
  left: 0;
  top: 0;
  width: 50px;
  text-align: center;
}
.pop_countryMap .inner .cont .map .point p {
  font-size: 15px;
  color: #000;
  font-weight: 500;
}
.pop_countryMap .inner .cont .map .point a {
  display: block;
  width: 50px;
  height: 30px;
  line-height: 30px;
  margin: 0 auto;
  background: #787367;
  color: #fff;
  border-radius: 50px;
  font-size: 18px;
  transition: all 0.3s;
}
.pop_countryMap .inner .cont .map .point a:hover {
  background: #c5a679;
}
.pop_countryMap .inner .cont .map .point a.on {
  background: #c5a679;
}
.pop_countryMap .inner .cont .map .point.point1 {
  left: 50%;
  top: 11%;
  margin-left: 0;
} /* 강원 */
.pop_countryMap .inner .cont .map .point.point2 {
  left: 50%;
  top: 19%;
  margin-left: -75px;
} /* 경기 */
.pop_countryMap .inner .cont .map .point.point3 {
  left: 50%;
  top: 58%;
  margin-left: -15px;
} /* 경남 */
.pop_countryMap .inner .cont .map .point.point4 {
  left: 50%;
  top: 36%;
  margin-left: 40px;
} /* 경북 */
.pop_countryMap .inner .cont .map .point.point5 {
  left: 50%;
  top: 60%;
  margin-left: -125px;
} /* 광주 */
.pop_countryMap .inner .cont .map .point.point6 {
  left: 50%;
  top: 47%;
  margin-left: 20px;
} /* 대구 */
.pop_countryMap .inner .cont .map .point.point7 {
  left: 50%;
  top: 61%;
  margin-left: 90px;
} /* 부산 */
.pop_countryMap .inner .cont .map .point.point8 {
  left: 50%;
  top: 13%;
  margin-left: -110px;
} /* 서울 */
.pop_countryMap .inner .cont .map .point.point9 {
  left: 50%;
  top: 12%;
  margin-left: -165px;
} /* 인천 */
.pop_countryMap .inner .cont .map .point.point10 {
  left: 50%;
  top: 71%;
  margin-left: -140px;
} /* 전남 */
.pop_countryMap .inner .cont .map .point.point11 {
  left: 50%;
  top: 50%;
  margin-left: -110px;
} /* 전북 */
.pop_countryMap .inner .cont .map .point.point12 {
  left: 50%;
  top: 83%;
  margin-left: -190px;
} /* 제주 */
.pop_countryMap .inner .cont .map .point.point13 {
  left: 50%;
  top: 34%;
  margin-left: -160px;
  width: 100px;
} /* 충남 */
.pop_countryMap .inner .cont .map .point.point14 {
  left: 50%;
  top: 29%;
  margin-left: -55px;
} /* 충북 */

/* 메인팝업 */
.pop_notice {
  position: fixed;
  background: #000000;
  z-index: 10002;
  border: solid 1px #000;
}
.pop_notice .inner .todayClose {
  line-height: 30px;
}
.pop_notice .inner .todayClose .left {
  padding-left: 5px;
  color: #ffffff;
}
.pop_notice .inner .todayClose .right {
  float: right;
  padding-right: 5px;
  color: #ffffff;
}

.pop_notice img {
  width: 100%;
  max-width: 100%;
}

.mainTempleList h2 {
  font-size: 20px;
  padding-left: 10px;
}

#lblContents table {
  width: 100%;
}
#pnlContents table {
  width: 100%;
}

.w40 {
  width: 40px;
}
.w80 {
  width: 80px;
}
.p0 {
  padding: 0 !important;
}

@media only screen and (max-width: 1601px) {
  #header .gnb_wrap .gnb > ul > li {
    padding: 0 20px;
  }
  #header .gnb_wrap .gnb > ul > li > a {
    font-size: 15px;
  }
  #header .gnb_wrap .gnb > ul > li > .gnb_sub > ul > li > a {
    font-size: 15px;
    padding: 12px 0;
  }
  .introduce_wrap .introduce01 .section02 .bird {
    right: 0;
  }
}
@media only screen and (max-width: 1401px) {
  #header .gnb_wrap .gnb > ul > li {
    padding: 0 15px;
  }
  #header .gnb_wrap .gnb > ul > li > a {
    font-size: 14px;
  }
  #header .gnb_wrap .gnb > ul > li > .gnb_sub {
    width: 180px;
    margin-left: -90px;
  }
  #header .gnb_wrap .gnb > ul > li > .gnb_sub > ul > li > a {
    font-size: 14px;
    padding: 10px 0;
  }
  #header .gnb_wrap .login ul {
    top: 31px;
    width: 190px;
  }
  #header .gnb_wrap .login ul li a {
    font-size: 12px;
  }
  #header .gnb_wrap .login a.btn_webzine {
    font-size: 14px;
  }
  .main_visual .chk_schedule {
    left: 20px;
    right: 20px;
    margin: 0;
    width: auto;
  }
  .main_section01 {
    padding: 60px 20px;
    background-size: 220px auto;
  }
  .main_section02 {
    padding: 60px 0;
  }
  .main_section02 .inner .list {
    height: 495px;
  }
  .main_section02 .inner .list ul {
    margin-left: -400px;
  }
  .main_section02 .inner .list ul li {
    width: 800px !important;
  }
  .main_section02 .inner .list .bx-pager {
    margin-left: 240px;
  }
  .main_section02 .inner .list .bx-prev {
    margin-left: 240px;
  }
  .main_section02 .inner .list .bx-next {
    margin-left: 365px;
  }
  .main_section03 {
    padding: 60px 20px;
  }

  .templeReserve_wrap .top {
    padding: 0 20px 50px 20px;
  }
  .templeReserve_wrap .cont {
    padding: 0 20px;
  }
  .templeRecommend_wrap {
    padding: 0 20px;
  }
  .templeProgram_wrap {
    padding: 0 20px;
  }
  .guideMap_wrap {
    padding: 0 20px;
  }
  .guideMap_wrap img {
    width: 100%;
    max-width: 100%;
  }
  .introduce_wrap {
    padding: 0 20px;
  }
  .introduce_wrap .introduce02 .list ul li .txt {
    width: 49%;
    margin-right: 1%;
  }
  .introduce_wrap .introduce02 .list ul li .img {
    width: 49%;
    margin-left: 1%;
  }
  .introduce_wrap .introduce02 .list ul li .img img {
    width: 100%;
  }
  .introduce_wrap .introduce02 .list ul li:nth-child(even) .txt {
    margin-right: 0;
    margin-left: 1%;
  }
  .introduce_wrap .introduce02 .list ul li:nth-child(even) .img {
    margin-left: 0;
    margin-right: 1%;
  }
  .introduce_wrap .introduce03 .list ul li .txt {
    width: 49%;
    margin-right: 1%;
  }
  .introduce_wrap .introduce03 .list ul li .img {
    width: 49%;
    margin-left: 1%;
  }
  .introduce_wrap .introduce03 .list ul li .img img {
    width: 100%;
  }
  .introduce_wrap .introduce03 .list ul li:nth-child(odd) .txt {
    margin-right: 0;
    margin-left: 1%;
  }
  .introduce_wrap .introduce03 .list ul li:nth-child(odd) .img {
    margin-left: 0;
    margin-right: 1%;
  }
  .introduce_wrap .introduce03 .list ul li.last .txt {
    height: 420px;
  }
  .promote_wrap {
    padding: 0 20px;
  }
  .templestay_wrap {
    padding: 0 20px;
  }
  .section > .searchBar,
  .section > form > .searchBar {
    padding: 0px 20px;
  }
  .searchBar {
    padding: 0 20px;
  }

  .temple_view > .cont > .searchBar {
    padding: 0px;
  }

  .notice_list {
    padding: 0 20px;
  }

  .temple_view > .cont > .notice_list {
    padding: 0px;
  }

  .notice_view {
    padding: 0 20px;
  }

  .review_list {
    margin: 0 20px;
  }

  .reserveEnd {
    margin-top: -50px;
    margin-bottom: -80px;
    padding: 50px 20px 80px 20px;
  }

  .templeRecommend_wrap > .temple_view > .cont > .review_list {
    margin: 0px 0px;
  }
  .mypage_wrap {
    padding: 0 20px;
  }
  .pop_countryMap .inner {
    width: 95%;
  }
  .pop_reserve .inner {
    width: 95%;
  }
  .pop_cancel .inner {
    width: 95%;
  }
}

@media only screen and (max-width: 1201px) {
  #header {
    display: none;
  }
  #mobile_header {
    display: block;
  }
  .templeProgram_wrap .select_schedule ul {
    margin-right: 300px;
  }
  .templeProgram_wrap .select_schedule > div {
    width: auto;
  }
  .templeProgram_wrap .select_schedule > div input[type="text"] {
    width: 180px;
  }
  .templeProgram_wrap .select_schedule ul li input {
    padding-left: 10px;
    font-size: 14px;
  }
  .templeProgram_wrap .select_schedule ul li select {
    padding-left: 10px;
    font-size: 14px;
  }
  .templeReserve_wrap .top .place {
    padding-top: 0;
  }
  .templeReserve_wrap .cont .cont_area .item {
    margin-right: 360px;
  }
  .templeReserve_wrap .cont .selectPlace_list ul li .img {
    width: 300px;
    padding-bottom: 55%;
  }
  .templeReserve_wrap .cont .selectPlace_list ul li .txt {
    margin-left: 320px;
    padding-top: 0;
    min-height: 210px;
  }
  .templeReserve_wrap .cont .selectPlace_list ul li .txt .btn_select {
    width: 140px;
    height: 40px;
    line-height: 40px;
  }
  .templeReserve_wrap .cont .reserveArea {
    width: 340px;
  }
  .templeReserve_wrap .cont .reserveArea .calendar .section .period .month {
    width: 195px;
  }
  .introduce_wrap .introduce01 .section02 .bird {
    display: none;
  }
  .introduce_wrap.bg01 {
    background-size: auto 300px;
  }
  .introduce_wrap .introduce02 .list ul li .txt {
    height: auto;
  }
  .introduce_wrap .introduce02 .list ul li .txt .in {
    vertical-align: top;
  }
  .introduce_wrap .introduce03 .list ul li .txt {
    height: auto;
  }
  .introduce_wrap .introduce03 .list ul li .txt .in {
    vertical-align: top;
  }
  .promote_wrap .promote04 .map {
    height: 400px;
  }

  .templeReserve_wrap .top .place h3 {
    font-size: 34px;
  }
}

@media only screen and (max-width: 1021px) {
  .main_visual .visual_list li a img {
    width: 130%;
    transform: translateX(-11%);
  }
  .main_visual .visual_list li a .txt {
    font-size: 26px;
  }
  .main_section01 .inner .txt .h2_tit {
    font-size: 26px;
  }
  .main_section01 .inner .txt .sub_txt {
    font-size: 16px;
  }
  .main_section01 .inner .txt .btn a {
    width: 140px;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
  }
  .main_section02 .inner .h2_tit {
    font-size: 26px;
  }
  .main_section02 .inner .sub_txt {
    font-size: 16px;
    padding: 0 20px;
    margin-bottom: 30px;
  }
  .main_section02 .inner .list {
    height: 387px;
  }
  .main_section02 .inner .list ul {
    margin-left: -300px;
  }
  .main_section02 .inner .list ul li {
    width: 600px !important;
  }
  .main_section02 .inner .list ul li .txt p {
    font-size: 20px;
  }
  .main_section02 .inner .list .bx-pager {
    margin-left: 160px;
  }
  .main_section02 .inner .list .bx-prev {
    margin-left: 175px;
  }
  .main_section02 .inner .list .bx-next {
    margin-left: 275px;
  }
  .main_section03 .inner .h2_tit {
    font-size: 26px;
  }
  .main_section03 .inner .sub_txt {
    font-size: 16px;
    padding: 0 20px;
    margin-bottom: 30px;
  }
  .main_section03 .inner .list ul li .txt p {
    font-size: 16px;
    line-height: 24px;
    height: 72px;
    overflow: hidden;
    margin-bottom: 20px;
  }
  .main_section03 .inner .list ul li .txt .date {
    font-size: 14px;
  }
  .main_section03 .inner .btn .btn_more {
    width: 140px;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
  }

  #contents {
    padding-bottom: 80px;
  }
  .path {
    height: 300px;
  }
  .path .h2_tit {
    font-size: 30px;
  }
  .path + .section {
    padding-top: 50px;
  }
  .join_wrap {
    padding: 0 20px;
  }
  .join_wrap .terms .terms_txt {
    height: 300px;
  }
  .reserveEnd h3 {
    font-size: 28px;
  }

  .reserveEnd .inner .section .terms_txt {
    height: 300px;
  }
  .wide_tab ul li a {
    font-size: 14px;
  }
  .templeProgram_wrap .select_schedule ul {
    margin-left: -1%;
    margin-right: 0;
  }
  .templeProgram_wrap .select_schedule ul li {
    width: 32.33%;
    margin-right: 0;
    margin-left: 1%;
    margin-bottom: 5px;
  }
  .templeProgram_wrap .select_schedule ul li select {
  }
  .templeProgram_wrap .select_schedule > div {
    position: relative;
  }
  .templeProgram_wrap .select_schedule > div input[type="text"] {
    width: 100%;
    box-sizing: border-box;
  }
  .templeProgram_wrap .select_schedule > div button {
    position: absolute;
    right: 12px;
    top: 12px;
    width: 60px;
    font-size: 12px;
  }

  .main_visual .chk_schedule .select_schedule ul li select {
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    width: 95%;
    padding-left: 10px;
  }
  .main_visual .chk_schedule .select_schedule ul li input {
    height: 45px;
    line-height: 45px;
    font-size: 14px;
  }
  .main_visual .chk_schedule .select_schedule ul li input + img {
    right: 10px;
  }
  .main_visual .chk_schedule .select_schedule .close_select_schedule {
    right: 18px;
  }
  .myplace_list > ul > li .txt .btn ul li a {
    font-size: 14px;
  }
  .myplace_list > ul > li .img img {
    height: 192px;
  }
  .templeReserve_wrap .cont .selectPlace_list ul li {
  }
  .templeReserve_wrap .cont .selectPlace_list ul li .img {
    position: static;
    width: auto;
    max-width: none;
    padding-bottom: 70%;
    margin-bottom: 10px;
  }
  .templeReserve_wrap .cont .selectPlace_list ul li .txt {
    margin-left: 0;
    min-height: auto;
  }
  .templeReserve_wrap .cont .selectPlace_list ul li .txt .info {
    margin-bottom: 10px;
  }
  .templeReserve_wrap .cont .selectPlace_list ul li .txt .btn_select {
    font-size: 14px;
  }
  .introduce_wrap .introduce01 .section01 .txt {
    width: 47%;
    margin-left: 0;
  }
  .introduce_wrap .introduce01 .section01 .txt p {
    font-size: 16px;
  }
  .introduce_wrap .introduce01 .section01 .img {
    width: 47%;
  }
  .introduce_wrap .introduce01 .section01 .img img {
    width: 100%;
  }
  .introduce_wrap .introduce01 .section02 {
    padding-right: 0;
  }
  .introduce_wrap .introduce01 .section02 .txt p {
    font-size: 16px;
  }
  .introduce_wrap .introduce05 .btn .btn_more {
    width: 140px;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
  }
  .promote_wrap .promote01 .sub_txt br {
    display: none;
  }
  .promote_wrap .promote02 .sub_txt br {
    display: none;
  }
  .promote_wrap .promote02 .list ul li .txt strong {
    font-size: 20px;
  }
  .promote_wrap .promote04 .map {
    height: 300px;
  }
  .faq_wrap {
    padding: 0 20px;
  }
  .notice_view .top h3 {
    font-size: 25px;
  }
  .notice_view .cont {
    padding: 30px 0 40px 0;
  }
  .notice_view .cont .cont_txt {
    padding-top: 30px;
  }
  .notice_view .cont .cont_txt img {
    max-width: 840px;
    width: 100%;
  }
  .prevnext_list ul li a {
    font-size: 16px;
  }
  .pop_withdrawal .inner {
    width: 90%;
  }
  .temple_view .cont .photo {
    height: 380px;
  }
  .temple_view .cont .photo ul {
    margin-left: -300px;
    height: 380px;
  }
  .temple_view .cont .photo ul li {
    width: 600px !important;
    height: 380px !important;
  }
  .temple_view .cont .photo ul li img {
    width: 100% !important;
    height: 100% !important;
  }
  .pop_countryMap .inner h3 {
    font-size: 20px;
  }
  .pop_countryMap .inner .close_pop_countryMap img {
    height: 30px;
  }
  .pop_countryMap .inner .cont .total {
    font-size: 16px;
  }
  .pop_countryMap .inner .cont .list > ul > li .img {
    width: 105px;
  }
  .pop_countryMap .inner .cont .list > ul > li .img p a {
    font-size: 12px;
  }
  .pop_countryMap .inner .cont .list > ul > li .txt {
    margin-left: 120px;
  }
  .pop_countryMap .inner .cont .list > ul > li .txt .cate span {
    font-size: 11px;
  }
  .pop_countryMap .inner .cont .list > ul > li .txt strong {
    font-size: 20px;
  }
  .pop_countryMap .inner .cont .list > ul > li .txt .info ul li {
    font-size: 16px;
    line-height: 23px;
  }
  .pop_countryMap .inner .cont .list > ul > li .txt > p {
    font-size: 12px;
    height: 40px;
    line-height: 20px;
  }
  .pop_countryMap .inner .cont .list > ul > li .txt > .btn_more {
    font-size: 12px;
  }
  .main_visual .chk_schedule .searchTxt > div input[type="text"] {
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    text-indent: 15px;
  }
  .main_visual .chk_schedule .searchTxt .btn_search {
    height: 45px;
    line-height: 45px;
    font-size: 14px;
  }
  .main_visual .chk_schedule .searchTxt .open_select_schedule {
    height: 45px;
    line-height: 45px;
    font-size: 14px;
  }
  .main_visual .chk_schedule .searchTxt .open_select_schedule:after {
    background-size: auto 7px;
    margin-left: 10px;
    width: 15px;
    margin-top: 12px;
  }

  .privacy_wrap .privacy01 .section01 .txt {
    margin-left: 0;
  }
  .privacy_wrap .privacy01 .section01 .txt strong {
    text-align: center;
    font-size: 20px;
    margin-bottom: 20px;
  }
  .privacy_wrap .privacy01 .section01 .txt p {
    font-size: 16px;
    padding: 10px;
  }
  .privacy_wrap .ico_labeling ul li {
    width: 33.33%;
  }
  .privacy_wrap div.privacy_process ul li {
    float: none;
    width: 98%;
  }

  .reserveEnd .inner .section .table table td > select {
    padding-left: 5px;
  }
  .reserveEnd .inner .section .table table td > input[type="text"] {
    text-indent: 5px;
  }

  .templeReserve_wrap .top .place h3 {
    font-size: 32px;
  }

  .reserveEnd .inner .section .reservList ul li {
    padding: 15px;
    font-size: 16px;
  }

  .appInfo ul {
    margin: 0px -5px;
  }
  .appInfo ul li {
    padding: 15px;
    font-size: 16px;
    width: calc(50% - 10px);
    margin: 0px 5px;
  }
}

@media only screen and (max-width: 768px) {
  .pop_notice {
    left: 0px !important;
  }
  .main_visual .visual_list li a img {
    width: 350%;
    transform: translateX(-33%);
  }
  .main_visual .visual_list li a .txt {
    margin-top: -160px;
  }
  .main_visual .bx-pager {
    margin-top: 40px;
  }
  .main_visual .bx-pager .bx-pager-item a {
    margin: 0;
  }
  .main_visual .chk_schedule {
    left: 10px;
    right: 10px;
    bottom: 10px;
  }
  .main_visual .chk_schedule .btn {
    margin-bottom: 15px;
  }
  .main_visual .chk_schedule .btn a {
    font-size: 12px;
  }
  .main_visual .chk_schedule .searchTxt > div {
    margin-right: 200px;
  }
  .main_visual .chk_schedule .searchTxt .btn_search {
    right: 110px;
    width: 80px;
  }
  .main_visual .chk_schedule .searchTxt .open_select_schedule {
    width: 100px;
  }
  .main_visual .chk_schedule .select_schedule {
    border-radius: 15px;
  }
  .main_visual .chk_schedule .select_schedule ul {
    margin-right: 0;
  }
  .main_visual .chk_schedule .select_schedule ul li {
    width: 50%;
  }

  .main_visual .chk_schedule .select_schedule ul li:nth-child(odd):before {
    display: none;
  }
  .main_visual .chk_schedule .select_schedule ul li select {
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    padding-left: 10px;
    width: 95%;
  }
  .main_visual .chk_schedule .select_schedule ul li input {
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    padding-left: 10px;
  }
  .main_visual .chk_schedule .select_schedule ul li input + img {
    right: 15px;
  }
  .main_visual .chk_schedule .select_schedule button {
    position: static;
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
  }
  .main_visual .chk_schedule .select_schedule .close_select_schedule {
    display: none;
  }
  .main_section01 {
    background: none;
    padding: 60px 10px;
  }
  .main_section01 .inner .list {
    width: auto;
    margin-bottom: 20px;
  }
  .main_section01 .inner .list .bx-pager {
    height: 38px;
    line-height: 38px;
    width: auto;
    position: static;
  }
  .main_section01 .inner .list .bx-prev {
    left: 50%;
    margin-left: -100px;
    width: 38px;
    height: 38px;
  }
  .main_section01 .inner .list .bx-next {
    right: 50%;
    margin-right: -100px;
    width: 38px;
    height: 38px;
  }
  .main_section01 .inner .txt {
    position: static;
    margin-top: 0;
  }
  .main_section02 {
    padding: 60px 0;
  }
  .main_section02 .inner .h2_tit {
    margin-bottom: 15px;
  }
  .main_section02 .inner .list {
    height: auto;
  }
  .main_section02 .inner .list ul {
    margin-left: -140px;
  }
  .main_section02 .inner .list ul li {
    width: 280px !important;
    margin-right: 20px;
  }
  .main_section02 .inner .list ul li .img {
    margin-bottom: 20px;
  }
  .main_section02 .inner .list ul li .txt p {
    font-size: 18px;
    text-align: center;
  }
  .main_section02 .inner .list .bx-prev {
    display: none;
  }
  .main_section02 .inner .list .bx-next {
    display: none;
  }
  .main_section03 {
    padding: 60px 10px;
  }
  .main_section03 .inner .h2_tit {
    margin-bottom: 15px;
  }
  .main_section03 .inner .list ul li {
    width: 47%;
  }
  .main_section03 .inner .list ul li:nth-child(3) {
    display: none;
  }
  .main_section03 .inner .list ul li .img {
    margin-bottom: 15px;
  }
  .main_section03 .inner .list ul li .txt p {
    height: 48px;
    text-align: center;
  }
  .main_section03 .inner .list ul li .txt .date {
    text-align: center;
  }
  .main_section03 .inner .btn .btn_more {
    width: 120px;
  }
  #footer {
    padding: 30px 10px;
  }
  #footer .foot_logo {
    margin-bottom: 25px;
  }
  #footer .foot_logo img {
    height: 20px;
  }
  #footer .foot_info ul li {
    font-size: 12px;
    padding: 0 5px;
    display: block;
    line-height: 220%;
    letter-spacing: 0;
  }
  #footer .foot_info ul li:before {
    display: none;
  }
  #footer .copyright {
    font-size: 12px;
  }

  .path {
    height: 250px;
  }
  .path .h2_tit {
    font-size: 25px;
  }
  .login_wrap {
    padding: 0 20px;
  }
  .login_wrap h3 {
    font-size: 18px;
  }
  .login_form ul li input {
    height: 48px;
    line-height: 48px;
    font-size: 14px;
    text-indent: 15px;
  }
  .login_form ul li span {
    margin-top: 11px;
  }
  .login_form ul li button {
    margin-top: 7px;
  }
  .login_wrap .info_txt {
    font-size: 14px;
  }
  .login_form + .noMember p {
    font-size: 14px;
  }
  .login_form .link a {
    font-size: 14px;
  }

  .login_form .chkID {
    font-size: 16px;
    margin-bottom: 20px;
    padding-top: 20px;
  }
  .login_form .chkID strong {
    font-size: 20px;
    margin: 3px 0px;
  }

  .login_form .table table th,
  .login_form .table table td {
    font-size: 15px;
  }

  .chkReceiveSMS ul li {
    padding-left: 0;
    overflow: hidden;
  }
  .chkReceiveSMS ul li p {
    position: static;
    margin-right: 0;
    margin-bottom: 5px;
  }
  .chkReceiveSMS ul li label {
    display: block;
    width: 50%;
    float: left;
    margin-right: 0;
    box-sizing: border-box;
  }
  .join_wrap .terms .terms_txt {
    height: 180px;
    font-size: 14px;
  }
  .chkB {
    font-size: 14px;
  }
  .radioB {
    font-size: 14px;
  }
  .join_wrap .terms h3 {
    font-size: 14px;
  }
  .join_wrap .terms .btn_download {
    font-size: 12px;
    padding: 0 30px 0 10px;
    background: url(../../img/fe/templestay/ico_attachfile.png) no-repeat right
      10px center;
  }
  .join_wrap .totalAgreeChk .chkB {
    position: relative;
    padding-left: 35px;
  }
  .join_wrap .totalAgreeChk .chkB span {
    position: absolute;
    left: 0;
    top: 0;
  }
  .join_wrap .totalAgreeChk .btn ul li a {
    font-size: 14px;
    height: 50px;
    line-height: 50px;
  }
  .join_input ul li label {
    font-size: 14px;
    margin-bottom: 5px;
  }
  .join_input ul li .input input {
    height: 48px;
    line-height: 48px;
    font-size: 14px;
    text-indent: 10px;
  }
  .join_input ul li .input02 input {
    height: 48px;
    line-height: 48px;
    font-size: 14px;
    text-indent: 10px;
  }
  .join_input ul li .input02 a.btn {
    right: 15px;
    font-size: 12px;
  }
  .join_input ul li .input select {
    height: 48px;
    line-height: 48px;
    font-size: 14px;
    background: url(../../img/fe/templestay/ico_select_arrow.png) no-repeat
      right 10px center;
    padding-left: 10px;
  }
  .join_input ul li .birthDay ul li select {
    height: 48px;
    line-height: 48px;
    font-size: 14px;
    background: url(../../img/fe/templestay/ico_select_arrow.png) no-repeat
      right 10px center;
    padding-left: 10px;
  }
  .btn_joinEnd a {
    height: 50px;
    line-height: 50px;
    font-size: 14px;
  }
  .templeReserve_wrap .top .img {
    float: none;
    width: auto;
    height: 230px;
    margin-bottom: 10px;
  }

  .templeReserve_wrap .top .img img {
    height: 100%;
  }
  .templeReserve_wrap .top .place {
    float: none;
    width: auto;
  }

  .templeReserve_wrap .top .place .summary {
    font-size: 14px;
  }
  .templeReserve_wrap .top .place .care {
    font-size: 12px;
    margin-top: 5px;
  }
  .group_regi h4 {
    font-size: 20px;
  }
  .group_regi ul li {
    margin-bottom: 10px;
  }
  .group_regi ul li .input input {
    height: 48px;
    line-height: 48px;
    font-size: 14px;
    text-indent: 10px;
  }
  .group_regi ul li .input input.hasDatepicker + img {
    top: 10px;
  }
  .group_regi ul li .textarea textarea {
    height: 180px;
  }
  .group_regi ul li label {
    font-size: 14px;
    margin-bottom: 5px;
  }
  .group_regi .btn ul li a {
    font-size: 14px;
    height: 50px;
    line-height: 50px;
  }
  .reserveEnd .inner .section .table {
    overflow-x: auto;
  }
  .reserveEnd .inner .section .table table {
    min-width: 600px;
  }
  .reserveEnd h3 {
    font-size: 20px;
  }
  .reserveEnd .inner .section {
    padding: 20px 15px;
    margin-top: 30px;
  }
  .reserveEnd .inner .section h4.h4_tit {
    font-size: 18px;
  }

  .reserveEnd .inner .section .reservList ul li .tit {
    font-size: 14px;
    width: 80px;
  }
  .reserveEnd .inner .section .reservList ul li .txt {
    font-size: 14px;
    width: calc(100% - 80px);
  }
  .reserveEnd .inner .section .terms_txt {
    height: 180px;
    font-size: 14px;
  }
  .reserveEnd .inner .section .agreeChk p {
    padding: 20px 0;
  }
  .reserveEnd .inner .section .agreeChk ul li .chkB {
    line-height: 150%;
    margin-top: 3px;
  }
  .reserveEnd .inner .section .table table th {
    font-size: 12px;
    padding: 15px 5px;
  }
  .reserveEnd .inner .section .table table td {
    font-size: 12px;
    padding: 15px 5px;
  }

  .reserveEnd .inner .section .table table td > select,
  .reserveEnd .inner .section .table table td > input[type="text"] {
    font-size: 14px;
  }

  .appInfo ul {
    margin: 0px;
  }
  .appInfo ul li {
    font-size: 14px;
    padding: 15px;
    width: 100%;
    margin: 0px;
  }

  .personInfo ul li.long {
    float: none;
    width: auto;
  }
  .personInfo ul li .input input {
    height: 48px;
    line-height: 48px;
    font-size: 14px;
    text-indent: 10px;
  }
  .personInfo ul li .input select {
    padding-left: 10px;
    height: 48px;
    line-height: 48px;
    font-size: 14px;
    background: url(../../img/fe/templestay/ico_select_arrow.png) no-repeat
      right 10px center;
  }
  .personInfo ul li .textarea textarea {
    height: 180px;
  }
  .personInfo ul li label {
    font-size: 14px;
    margin-bottom: 5px;
  }
  .reserveEnd .inner .section h4.h4_tit {
    margin-bottom: 40px;
  }
  .reserveEnd .inner .section h4.h4_tit .btn_same {
    top: 25px;
    font-size: 12px;
    padding: 0 15px;
  }
  .reserveEnd .inner .section .total_price {
    padding: 15px;
  }
  .reserveEnd .inner .section .total_price .tit {
    position: static;
  }
  .reserveEnd .inner .section .total_price .price {
    font-size: 14px;
  }
  .reserveEnd .inner .section .total_price .price strong {
    font-size: 18px;
  }
  .reserveEnd .btn {
    margin-top: 30px;
  }
  .wide_tab {
    margin-bottom: 30px;
    margin-left: -20px;
    margin-right: -20px;
  }
  .wide_tab ul {
    padding: 0px 20px;
  }
  .wide_tab ul li {
    padding: 0 10px;
    padding: 0px;
    margin-right: 3px;
  }

  .wide_tab ul li a {
    font-size: 14px;
  }
  .myplace_list {
    padding-top: 30px;
  }
  .myplace_list > ul > li .img img {
    height: auto;
  }
  .myplace_list > ul > li .img .cate01 {
    left: 10px;
    top: 10px;
  }
  .myplace_list > ul > li .img .cate02 {
    left: 10px;
    top: 10px;
  }
  .myplace_list > ul > li .img .cate03 {
    left: 10px;
    top: 10px;
  }
  .myplace_list > ul > li {
    float: none;
    width: auto;
  }
  .myplace_list > ul > li .txt p {
    font-size: 14px;
  }
  .myplace_list > ul > li .txt .btn ul li a {
    height: 40px;
    line-height: 40px;
  }
  .templeProgram_wrap .select_schedule {
    margin-bottom: 10px;
  }
  .templeProgram_wrap .select_schedule > .chkB {
    margin-top: 10px;
    margin-left: 5px;
  }
  .templeProgram_wrap .select_schedule ul li {
    width: 49%;
  }
  .templeProgram_wrap .select_schedule ul li select {
    height: 50px;
    line-height: 50px;
  }
  .templeProgram_wrap .select_schedule ul li input {
    height: 50px;
    line-height: 50px;
  }
  .templeProgram_wrap .select_schedule ul li input + img {
    right: 10px;
    margin-top: -12px;
  }
  .templeProgram_wrap .select_schedule > div {
    width: auto;
    padding: 7px 70px 7px 7px;
  }
  .templeProgram_wrap .select_schedule > div input[type="text"] {
  }
  .templeProgram_wrap .select_schedule > div button {
    right: 7px;
    top: 7px;
  }

  .temple_view .top {
    padding: 0 0 30px 0;
    margin-bottom: 30px;
  }
  .temple_view .top h3 {
    font-size: 25px;
  }
  .temple_view .top .address {
    font-size: 16px;
  }
  .temple_view .cont .tab {
    margin-bottom: 30px;
    margin-left: -20px;
    margin-right: -20px;
  }
  .temple_view .cont .tab ul li {
    padding: 0 10px;
  }
  .temple_view .cont .tab ul li a {
    font-size: 14px;
    height: 35px;
    line-height: 35px;
  }
  .temple_view .cont .text_area {
    font-size: 14px;
    padding-bottom: 30px;
  }
  .temple_view .cont .text_area strong.tit {
    font-size: 18px;
  }
  .temple_view .cont .location {
    padding: 30px 0;
  }
  .temple_view .cont .location h4 {
    font-size: 25px;
    margin-bottom: 30px;
  }
  .temple_view .cont .location .map {
    height: 250px;
  }
  .temple_view .cont .program {
    padding: 40px 0;
  }
  .temple_view .cont .program h4 {
    font-size: 25px;
    margin-bottom: 30px;
  }
  .temple_view .cont .program > ul > li > .img {
    position: static;
    width: auto;
    margin-bottom: 10px;
  }
  .temple_view .cont .program > ul > li > .txt {
    margin-left: 0;
    padding-top: 0;
  }
  .temple_view .cont .program > ul > li > .txt strong {
    font-size: 18px;
  }
  .temple_view .cont .program > ul > li > .txt p {
    font-size: 14px;
  }
  .temple_view .cont .program > ul > li > .txt .btn_reserve {
    width: 150px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
  }
  .temple_view .cont .photo {
    height: 190px;
    margin-bottom: 30px;
  }
  .temple_view .cont .photo ul {
    margin-left: -140px;
    height: 200px;
  }
  .temple_view .cont .photo ul li {
    width: 280px !important;
    margin-right: 20px;
    height: 200px !important;
  }
  .templeReserve_wrap .cont .tab_area {
    margin-bottom: 30px;
  }
  .templeReserve_wrap .cont .tab_area ul li a {
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    padding: 0;
  }
  .templeReserve_wrap .cont .cont_area .item {
    margin-right: 0;
  }
  .templeReserve_wrap .cont .selectPlace_list ul li {
    padding: 30px 0;
  }
  .templeReserve_wrap .cont .selectPlace_list ul li .txt .tit {
    font-size: 18px;
  }
  .templeReserve_wrap .cont .selectPlace_list ul li .txt .price strong {
    font-size: 22px;
  }
  .templeReserve_wrap .cont .selectPlace_list ul li .txt .price span {
    font-size: 12px;
  }
  .templeReserve_wrap .cont .reserveArea {
    width: auto;
    position: static;
  }
  .templeReserve_wrap .cont .reserveArea .chkDate {
    padding: 15px;
  }
  .templeReserve_wrap .cont .reserveArea .chkDate .rDate {
    right: 15px;
  }
  .templeReserve_wrap .cont .reserveArea .calendar .section {
  }
  .templeReserve_wrap .cont .reserveArea .calendar .section .period .month {
    width: 140px;
  }
  .templeReserve_wrap .cont .reserveArea .totalPrice {
    padding: 15px;
  }
  .templeReserve_wrap .cont .reserveArea .totalPrice .price {
    top: 15px;
    right: 15px;
  }
  .templeReserve_wrap .cont .reserveArea .chkPeople {
    padding: 15px 15px 35px 15px;
  }
  .templeReserve_wrap .cont .reserveArea .chkPeople ul li .tit {
    font-size: 16px;
  }
  .templeReserve_wrap .cont .reserveArea .btn_reserve {
    margin: 0 15px 15px 15px;
  }
  .templeReserve_wrap .cont .reserveArea .chkDate .tit {
    font-size: 14px;
  }
  .templeReserve_wrap .cont .reserveArea .chkDate .rDate {
    font-size: 14px;
  }
  .templeReserve_wrap .cont .reserveArea .chkPeople ul li .tit {
    font-size: 14px;
    line-height: 30px;
  }
  .templeReserve_wrap .cont .reserveArea .chkPeople ul li .count img {
    width: 30px;
  }
  .templeReserve_wrap .cont .reserveArea .chkPeople ul li .count input {
    width: 28px;
    line-height: 28px;
    height: 28px;
    font-size: 14px;
  }
  .guideMap_wrap .btn a {
    font-size: 12px;
  }

  .introduce_wrap h3 {
    font-size: 24px;
  }
  .introduce_wrap.bg01 {
    background-size: auto 120px;
    padding-bottom: 80px;
    margin-bottom: -80px;
  }
  .introduce_wrap .introduce_tab {
    margin-bottom: 50px;
    margin-left: -20px;
    margin-right: -20px;
  }
  .introduce_wrap .introduce_tab ul li {
    padding: 0 10px;
  }
  .introduce_wrap .introduce_tab ul li a {
    font-size: 14px;
    height: 35px;
    line-height: 35px;
  }
  .introduce_wrap .introduce01 .section01 {
    margin-bottom: 50px;
  }
  .introduce_wrap .introduce01 .section01 .txt {
    width: auto;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .introduce_wrap .introduce01 .section01 .txt strong {
    font-size: 20px;
  }
  .introduce_wrap .introduce01 .section01 .txt p {
    font-size: 14px;
  }
  .introduce_wrap .introduce01 .section01 .img {
    width: auto;
    position: static;
  }
  .introduce_wrap .introduce01 .section02 .movie a img {
    height: auto;
  }
  .introduce_wrap .introduce01 .section02 .movie {
    float: none;
    width: auto;
  }
  .introduce_wrap .introduce01 .section02 .txt {
    float: none;
    width: auto;
    height: 210px;
  }
  .introduce_wrap .introduce01 .section02 .txt p {
    font-size: 14px;
    margin-top: -90px;
    line-height: 160%;
  }
  .introduce_wrap .introduce05 .btn .btn_more {
    width: 120px;
  }

  .templeReserve_wrap .cont .program .section {
    margin-bottom: 40px;
  }
  .templeReserve_wrap .cont .program .section .ico img {
    width: 40px;
  }
  .templeReserve_wrap .cont .program .section h4 {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .templeReserve_wrap .cont .program .section .txt strong {
    font-size: 18px;
  }
  .templeReserve_wrap .cont .program .section .txt p {
    font-size: 14px;
    line-height: 150%;
  }
  .templeReserve_wrap .cont .program .section h4 + .sub_txt {
    margin-top: -20px;
    margin-bottom: 20px;
  }
  .templeReserve_wrap .cont .program .section .table table th {
    font-size: 12px;
    padding: 10px 10px;
  }
  .templeReserve_wrap .cont .program .section .table table td {
    font-size: 12px;
    padding: 10px 10px;
  }
  .templeReserve_wrap .cont .selectPlace_list .table table th {
    font-size: 12px;
    padding: 10px 10px;
  }
  .templeReserve_wrap .cont .selectPlace_list .table table td {
    font-size: 12px;
    padding: 10px 10px;
  }
  .templeReserve_wrap .cont .reserveArea .calendar .section .table table th {
    font-size: 14px;
  }
  .templeReserve_wrap
    .cont
    .reserveArea
    .calendar
    .section
    .table
    table
    td
    .date {
    font-size: 14px;
  }
  .introduce_wrap .introduce02 .list ul li .img {
    float: none;
    width: auto;
    margin-left: 0;
    margin-bottom: 20px;
    width: 100%;
  }

  .introduce_wrap .introduce02 .list ul li .img img {
    width: 100%;
    max-width: 100%;
  }
  .introduce_wrap .introduce02 .list ul li .txt {
    float: none;
    width: auto;
    margin-right: 0;
  }

  .introduce_wrap .introduce02 .list ul li .txt .in {
    max-width: 100%;
  }
  .introduce_wrap .introduce02 .list ul li .txt .in .tit {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .introduce_wrap .introduce02 .list ul li .txt .in p {
    font-size: 14px;
    line-height: 150%;
  }
  .introduce_wrap .introduce02 .list ul li:nth-child(even) .img {
    margin-right: 0;
  }
  .introduce_wrap .introduce02 .list ul li:nth-child(even) .txt {
    margin-left: 0;
  }
  .introduce_wrap .introduce03 .list ul li .img {
    width: auto;
    float: none;
    margin-left: 0;
    margin-bottom: 20px;
    width: 100%;
  }
  .introduce_wrap .introduce03 .list ul li .txt {
    float: none;
    width: auto;
    margin-right: 0;
  }
  .introduce_wrap .introduce03 .list ul li .txt .in .tit {
    font-size: 20px;
  }
  .introduce_wrap .introduce03 .list ul li .txt .in span {
    font-size: 16px;
  }
  .introduce_wrap .introduce03 .list ul li .txt .in p {
    font-size: 14px;
  }
  .introduce_wrap .introduce03 .list ul li:nth-child(odd) .img {
    margin-right: 0;
  }
  .introduce_wrap .introduce03 .list ul li:nth-child(odd) .txt {
    margin-left: 0;
  }
  .introduce_wrap .faq_list dl dt {
    margin-top: 10px;
  }
  .introduce_wrap .faq_list dl dt a {
    background: #fff url(../../img/fe/templestay/ico_faq_arrow.png) no-repeat
      right 15px center;
    padding: 15px 30px 15px 35px;
  }
  .introduce_wrap .faq_list dl dt a .ico_Q {
    left: 15px;
    top: 15px;
  }
  .introduce_wrap .faq_list dl dd {
    font-size: 14px;
    padding: 35px 15px 25px 15px;
  }
  .promote_wrap .promote_tab {
    margin-bottom: 50px;
    margin-left: -20px;
    margin-right: -20px;
  }
  .promote_wrap .promote_tab ul li {
    padding: 0 10px;
  }
  .promote_wrap .promote_tab ul li a {
    font-size: 14px;
    height: 35px;
    line-height: 35px;
  }
  .promote_wrap .promote01 .tit {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .promote_wrap .promote01 .sub_txt {
    font-size: 14px;
    margin-bottom: 40px;
  }
  .promote_wrap .promote01 .list {
    margin-bottom: 20px;
  }
  .promote_wrap .promote01 .list ul li {
    float: none;
    width: auto;
    margin-bottom: 30px;
  }
  .promote_wrap .promote01 .list ul li .img {
    margin-bottom: 10px;
  }
  .promote_wrap .promote01 .list ul li .txt strong {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .promote_wrap .promote01 .list ul li .txt p {
    font-size: 14px;
  }
  .promote_wrap .promote01 .info {
    padding: 0;
  }
  .promote_wrap .promote01 .info ul li {
    float: none;
    width: auto;
    padding: 15px;
  }
  .promote_wrap .promote01 .info ul li strong {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .promote_wrap .promote01 .info ul li p {
    font-size: 14px;
    min-height: auto;
  }
  .promote_wrap .promote01 .info ul li:before {
    left: 20px;
    right: 20px;
    top: 0;
    width: auto;
    height: 1px;
    margin-top: 0;
  }
  .promote_wrap .promote02 .main_img {
    border: 1px solid #ddd;
    overflow: hidden;
    margin-bottom: 20px;
  }
  .promote_wrap .promote02 .main_img img {
    width: 200%;
    transform: translateX(-25%);
    margin-top: -2px;
    margin-bottom: -2px;
  }
  .promote_wrap .promote02 .tit {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .promote_wrap .promote02 .sub_txt {
    font-size: 14px;
  }
  .promote_wrap .promote02 .list {
    padding-bottom: 0;
  }
  .promote_wrap .promote02 .list ul li {
    width: 47.5%;
    margin-bottom: 20px;
  }
  .promote_wrap .promote02 .list ul li .img {
    margin-bottom: 10px;
  }
  .promote_wrap .promote02 .list ul li .txt strong {
    font-size: 16px;
  }
  .promote_wrap .promote03 .sub_txt {
    font-size: 18px;
    margin-bottom: 40px;
  }
  .promote_wrap .promote03 .sub_txt br {
    display: none;
  }
  .promote_wrap .promote04 .map {
    height: 250px;
    margin-bottom: 20px;
  }
  .promote_wrap .promote04 .info ul li {
    float: none;
    width: auto;
    margin-bottom: 20px;
  }
  .promote_wrap .promote04 .info ul li .tit {
    margin-bottom: 5px;
  }
  .promote_wrap .promote04 .info ul li p {
    font-size: 14px;
  }
  .searchBar {
    margin-bottom: 30px;
  }
  .searchBar .right select {
    padding-left: 10px;
    font-size: 12px;
    height: 50px;
    line-height: 50px;
    background: url(../../img/fe/templestay/ico_select_arrow.png) no-repeat
      right 10px center;
    width: 83px;
  }
  .searchBar .right > div {
    padding: 7px 60px 7px 7px;
    position: relative;
  }
  .searchBar .right > div input[type="text"] {
    width: 80px;
    text-indent: 0;
    font-size: 12px;
  }
  .searchBar .right > div button {
    position: absolute;
    right: 7px;
    top: 7px;
    width: 50px;
    font-size: 12px;
  }
  .faq_wrap .faq_tab {
    margin-bottom: 30px;
    margin-left: -20px;
    margin-right: -20px;
  }
  .faq_wrap .faq_tab ul li {
    padding: 0 10px;
  }
  .faq_wrap .faq_tab ul li a {
    font-size: 14px;
    height: 35px;
    line-height: 35px;
  }
  .faq_wrap .faq_list dl dt {
    margin-top: 10px;
  }
  .faq_wrap .faq_list dl dt a {
    background: #fff url(../../img/fe/templestay/ico_faq_arrow.png) no-repeat
      right 15px center;
    padding: 15px 30px 15px 35px;
  }
  .faq_wrap .faq_list dl dt a .ico_Q {
    left: 15px;
    top: 15px;
  }
  .faq_wrap .faq_list dl dd {
    font-size: 14px;
    padding: 35px 15px 25px 15px;
  }
  .notice_list {
    margin-bottom: 30px;
  }
  .notice_list ul li a > img {
    width: 70px;
    height: 50px;
    margin: 0 10px 10px 0;
  }
  .notice_list ul li a {
    background-size: auto 35px;
    background-position: right center;
    padding: 20px 40px 20px 0;
  }
  .notice_list ul li a strong {
    font-size: 16px;
    margin-bottom: 5px;
    line-height: 20px;
  }
  .notice_list ul li a p {
    font-size: 14px;
    height: 40px;
    line-height: 20px;
    margin-bottom: 5px;
  }
  .notice_list ul li a .date {
    font-size: 12px;
  }
  .notice_view {
    margin-bottom: 30px;
  }
  .notice_view .top {
    padding: 0 0 30px 0;
  }
  .notice_view .top h3 {
    font-size: 20px;
  }
  .notice_view .top .info ul li {
    font-size: 14px;
  }
  .notice_view .cont .attachfile ul li p {
    font-size: 12px;
    line-height: 30px;
    height: 30px;
  }
  .notice_view .cont .attachfile ul li a {
    font-size: 12px;
    padding: 0 25px 0 10px;
    background-position: right 10px center;
    height: 30px;
    line-height: 30px;
  }
  .notice_view .cont .cont_txt {
    min-height: auto;
    padding-top: 0;
  }
  .notice_view .cont .attachfile + .cont_txt {
    padding-top: 30px;
  }
  .prevnext_list ul li {
    padding: 0 25px;
  }
  .prevnext_list ul li.btn_list a img {
    width: 40px;
  }
  .prevnext_list ul li a {
    font-size: 12px;
    line-height: 40px;
  }
  .paging a {
    font-size: 14px;
  }
  .paging strong {
    font-size: 14px;
  }
  .review_list ul li {
    width: 47%;
    margin-bottom: 6%;
  }
  .review_list ul li .txt {
    padding-top: 10px;
  }
  .review_list ul li .txt .cate {
    font-size: 14px;
  }
  .review_list ul li .txt p {
    font-size: 16px;
    margin-bottom: 5px;
  }
  .review_list ul li .txt .date {
    font-size: 12px;
  }
  .pop_coupon .table_list table {
    width: 100%;
  }
  .table_list {
    overflow-x: auto;
    margin-bottom: 30px;
  }

  .mypage_wrap .mypage_tab {
    margin-bottom: 30px;
    margin-left: -20px;
    margin-right: -20px;
  }
  .mypage_wrap .mypage_tab ul li {
    padding: 0 10px;
  }
  .mypage_wrap .mypage_tab ul li a {
    font-size: 14px;
    height: 35px;
    line-height: 35px;
  }
  .mypage_wrap h3 {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .mypage_wrap .application .application_txt {
    padding: 20px;
  }
  .mypage_wrap .application .application_txt p {
    font-size: 14px;
  }
  .table_list table th {
    font-size: 12px;
    padding: 10px 10px;
  }
  .table_list table td {
    font-size: 12px;
    padding: 10px 10px;
  }
  .table_list table td a.btn {
    font-size: 12px;
    width: 60px;
    height: 30px;
    line-height: 30px;
  }
  .myplace_list > ul > li .txt .btn_delete {
    font-size: 14px;
  }
  .myplace_list > ul > li .txt > strong {
    font-size: 18px;
  }
  .pop_withdrawal .inner {
    padding: 20px;
  }
  .pop_withdrawal .inner h3 {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .pop_withdrawal .inner .txt {
    padding: 20px;
  }
  .pop_withdrawal .inner .txt strong {
    font-size: 16px;
  }
  .pop_withdrawal .inner .txt p {
    font-size: 14px;
  }
  .pop_withdrawal .inner .survey_txt {
    font-size: 12px;
    margin-bottom: 20px;
  }
  .pop_withdrawal .inner .survey_list {
    margin-bottom: 20px;
  }
  .pop_withdrawal .inner .survey_list > ol > li .tit {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .pop_withdrawal .inner .survey_list > ol > li > ul > li {
    width: auto;
    float: none;
    margin-bottom: 5px;
  }
  .pop_withdrawal .inner .btn ul li a {
    font-size: 14px;
  }
  .btn_mypage ul li a {
    font-size: 14px;
  }
  .pop_countryMap .inner {
    padding: 10px 10px 30px 10px;
  }
  .pop_countryMap .inner .close_pop_countryMap {
    right: 10px;
    top: 10px;
  }
  .pop_countryMap .inner .close_pop_countryMap img {
    height: 25px;
  }
  .pop_countryMap .inner .cont .leftCont {
    float: none;
    width: auto;
    margin-bottom: 20px;
  }
  .pop_countryMap .inner .cont .rightCont {
    float: none;
    width: auto;
  }
  .pop_countryMap .inner .cont .list {
    padding-right: 0;
  }
  .pop_countryMap .inner .cont .list > ul > li {
    padding: 15px 0;
  }
  .pop_countryMap .inner .cont .list > ul > li .img {
    top: 15px;
  }
  .pop_countryMap .inner .cont .map img {
    margin-left: -270px;
  }
  .pop_countryMap .inner .cont .map > .point_wrap {
    position: relative;
    margin-left: 45px;
  }
  .pop_countryMap .inner .cont .list {
    height: auto;
  }

  .pop_coupon .inner {
    width: 70%;
  }

  .pop_reserve .inner .btn ul li {
    width: 80px;
  }

  .privacy_wrap h3 {
    font-size: 24px;
  }
  .privacy_wrap .ico_labeling {
    padding: 30px 0;
  }
  .privacy_wrap .ico_labeling ul {
    padding: 5px 20px;
  }
  .privacy_wrap .ico_labeling ul li {
    padding: 10px 0;
  }
  .privacy_wrap .ico_labeling ul li a span {
    font-size: 12px;
  }
  .privacy_wrap span.tit {
    font-size: 16px;
  }
  .privacy_wrap div.privacy_process {
    margin: 15px 0 10px 0;
    padding: 20px;
  }
}

@media only screen and (max-width: 550px) {
  .pop_findIDPW .inner {
    padding: 40px 20px;
    width: 95%;
  }
  .pop_withdrawal .inner {
    width: 95%;
  }
  .pop_coupon .inner {
    width: 95%;
  }
}

/**예약달력**/
.preBooking {
  color: #fff !important;
  background: #ff8080;
  border-radius: 50px;
  text-decoration: line-through;
}

.fullBooking .date,
.fullBooking_fe .date,
.fullBooking.date,
.fullBooking_fe.date {
  text-decoration: none !important;
}
.fullBooking,
.fullBooking_fe {
  color: #aaa;
  position: relative;
}
.fullBooking::before,
.fullBooking_fe::before {
  content: "마감";
  position: absolute;
  bottom: -2px;
  color: rgba(102, 102, 102, 0.7);
  font-size: 11px;
  width: 100%;
  text-align: center;
  margin: 0px auto;
  display: block;
}

/**달력 취소선**/
.templeReserve_wrap
  .cont
  .reserveArea
  .calendar
  .section
  .table
  table
  td.endDay
  .date,
.templeReserve_wrap
  .cont
  .reserveArea
  .calendar
  .section
  .table
  table
  td.startDay
  .date {
  text-decoration: none !important;
}
.templeReserve_wrap
  .cont
  .reserveArea
  .calendar
  .section
  .table
  table
  td.disable
  .date {
  text-decoration: line-through;
}

/* --------------------------------------------------------
모바일 수정분
----------------------------------------------------------*/
#header .gnb_wrap .login ul li a {
  color: rgba(255, 255, 255, 1);
}

#header .gnb_wrap .login ul li:before {
  background: #fff;
}

.templeReserve_wrap .top .place .info ul li {
  position: relative;
  padding-left: 25px;
}

.templeReserve_wrap .top .place .info ul li .ico {
  position: absolute;
  top: 0px;
  left: 0px;
}

.templeReserve_wrap .cont .program .section .txt {
  margin-bottom: 60px;
}

.templeReserve_wrap .cont .program .section .txt:last-child {
  margin-bottom: 0px;
}

@media only screen and (max-width: 1021px) {
  .notice_view .cont .cont_txt img {
    height: auto;
  }
}

@media only screen and (max-width: 768px) {
  .pop_notice {
    left: 0px !important;
    top: 100px !important;
  }

  .templeReserve_wrap .cont .program .section .txt {
    margin-bottom: 30px;
  }

  .templeReserve_wrap .top .place h3 {
    font-size: 24px;
  }
}

@media (max-width: 480px) {
  .templeReserve_wrap .cont .reserveArea .calendar .section {
    padding: 30px 0px;
  }
  .chkB {
    letter-spacing: -1px;
  }

  .login_form .sns {
    padding: 40px 10px;
  }
}

input:focus,
input:hover {
  box-shadow: 0 0 0 2px rgb(109, 104, 92, 1) inset;
  outline: none;
  border-radius: 3px;
  cursor: pointer;
}
input.hasDatepicker:focus,
input.hasDatepicker:hover,
select:focus,
select:hover,
textarea:focus,
textarea:hover {
  box-shadow: 0 0 0 2px rgb(109, 104, 92, 1) inset;
  outline: none;
  border-radius: 10px;
  cursor: pointer;
}

.main_visual .chk_schedule .select_schedule ul li input:focus,
.main_visual .chk_schedule .select_schedule ul li input:hover {
  box-shadow: none;
  outline: none;
  border-radius: 3px;
  cursor: pointer;
}
.main_visual .chk_schedule .select_schedule ul li input.hasDatepicker:focus,
.main_visual .chk_schedule .select_schedule ul li input.hasDatepicker:hover,
.main_visual .chk_schedule .select_schedule ul li select:focus,
.main_visual .chk_schedule .select_schedule ul li select:hover {
  box-shadow: none;
  outline: none;
  border-radius: 10px;
  cursor: pointer;
}

.templeReserve_wrap .cont .reserveArea .calendar .section .period span {
  font-size: 17px;
  font-weight: 500;
  line-height: 36px;
}

.templeReserve_wrap .cont .reserveArea .calendar .section .period a img {
  font-size: 0px;
  vertical-align: top;
}

.templeReserve_wrap .cont .tab_area ul {
  font-size: 0px;
}

.templeReserve_wrap .cont .tab_area ul li {
  padding: 0px;
  margin-left: -1px;
  vertical-align: bottom;
}

.templeReserve_wrap .cont .tab_area ul li:first-child {
  margin-left: 0px;
}

.templeReserve_wrap .cont .tab_area ul li:first-child a {
  border-radius: 10px 0px 0px 0px;
}
.templeReserve_wrap .cont .tab_area ul li:last-child a {
  border-radius: 0px 10px 0px 0px;
}
.templeReserve_wrap .cont .tab_area ul li:before {
  display: none;
}

.templeReserve_wrap .cont .tab_area ul li a {
  border: 1px solid #907559;
  padding: 0px 30px;
  color: #846c54;
  height: 50px;
  line-height: 46px;
}

.templeReserve_wrap .cont .tab_area ul li a.on {
  border-bottom: none;
  color: #292827;
  background: #907559;
  color: #fff;
  border: 1px solid #907559;
  height: 60px;
  line-height: 56px;
  border-radius: 10px 10px 0px 0px;
}

@media only screen and (max-width: 768px) {
  .templeReserve_wrap .cont .tab_area ul li a {
    padding: 0px 15px;
  }
}

@media only screen and (max-width: 480px) {
  .templeReserve_wrap .cont .tab_area ul li a {
    padding: 0px 5px;
  }
}

/* 공통 Swiper 스타일 */
.swiper {
  width: 100%;
}

.swiper-slide {
  background-position: center;
  background-size: cover;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* 작은 Swiper 스타일 (tinySwiper) */
.tinySwiper .swiper-slide {
  width: 300px;
  height: 300px;
}

/* 메인 슬라이더 스타일 - 꽉 차게 표시 */
.mainSwiper {
  width: 100%;
  height: 100%;
  padding: 0px;
}

.mainSwiper .swiper-wrapper {
}

.mainSwiper .swiper-slide {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.mainSwiper .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.templeReserve_wrap .cont .program .section > span {
  margin: 5px 0px;
  display: block;
}

.templeReserve_wrap .cont .program .section .sub_txt {
  display: block;
  margin-bottom: 10px;
}

.templeReserve_wrap
  .cont
  .cont_area
  .item:first-child
  .program
  .section:first-child
  h4 {
  padding-top: 80px;
  position: relative;
}

.templeReserve_wrap
  .cont
  .cont_area
  .item:first-child
  .program
  .section:first-child
  h4::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 0px;
  margin-left: -35px;
  width: 70px;
  height: 70px;
  background: url(../../img/fe/templestay/ico_program08.png) no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 768px) {
  .templeReserve_wrap
    .cont
    .cont_area
    .item:first-child
    .program
    .section:first-child
    h4 {
    padding-top: 50px;
  }

  .templeReserve_wrap
    .cont
    .cont_area
    .item:first-child
    .program
    .section:first-child
    h4::before {
    margin-left: -20px;
    width: 40px;
    height: 40px;
  }

  .main_visual .chk_schedule .select_schedule ul {
    padding: 6px 0px;
  }
  .main_visual .chk_schedule .select_schedule ul li select {
    width: 100%;
  }
  .main_visual .chk_schedule .select_schedule ul li {
    margin: 3px;
    width: calc(50% - 6px);
  }
  .main_visual .chk_schedule .select_schedule ul li:before {
    left: -3px;
  }
}

.noData {
  width: 1280px;
  margin: 100px auto;
  text-align: center;
  font-size: 18px;
  word-break: keep-all;
  color: #5a564c;
  font-weight: 500;
  position: relative;
  padding-top: 190px;
}

.noData::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 0px;
  margin-left: -129px;
  width: 258px;
  height: 176px;
  background: url(../../img/fe/templestay/nodata.png) no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 1401px) {
  .noData {
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
    padding-top: 190px;
  }
}

@media only screen and (max-width: 1201px) {
  .noData {
    margin: 60px auto;
  }
}

@media only screen and (max-width: 768px) {
  .noData {
    margin: 60px auto 0px auto;
    padding-top: 150px;
  }

  .noData::before {
    margin-left: -100px;
    width: 200px;
    height: 136px;
  }
}

.video {
  padding-top: 56.25%;
  position: relative;
}
.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*table 20250410 마이페이지*/

.table_list table td > select,
.table_list table td > input[type="text"],
.table_list table td > input[type="checkbox"],
.table_list table th > input[type="checkbox"] {
  display: inline-block;
  border: 1px solid #d2d2d2 !important;
  border-radius: 5px;
  background: #fff;
}
.table_list table td > select {
  overflow: hidden;
  padding-left: 10px;
  box-sizing: border-box;
  height: 36px;
  line-height: 32px;
  font-size: 16px;
  color: #767676;
  width: 100%;
  appearance: none;
  background: #fff url(../../img/fe/templestay/ico_select_arrow.png) no-repeat
    right 20px center;
}

.table_list table td > input[type="text"] {
  text-indent: 10px;
  height: 36px;
  line-height: 32px;
  font-size: 16px;
  color: #767676;
  width: 100%;
}

.table_list th > input[type="checkbox"],
.table_list table td > input[type="checkbox"] {
  width: 22px;
  height: 22px;
  background-image: none;
}

@media only screen and (max-width: 768px) {
  .table_list table td > select,
  .table_list table td > input[type="text"] {
    font-size: 14px;
  }
}