@charset "utf-8";
@import url("common.css");
@import url("base.css");
/* @import url("style.css"); */
@import url("/_view/bbs/board.css");

/* Font-본고딕*/
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);

@import  url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800'");


/*2023.05.22 추가*/
.policy table.cancle-price-tbl {border-collapse: collapse;}
.policy table.cancle-price-tbl thead th {padding:8px 16px;border-top:2px solid #ccc;background:#f5f5f5;font-weight:600;font-size:1.2rem;}
.policy table.cancle-price-tbl thead th + th {border-left:1px solid #ccc;}
.policy table.cancle-price-tbl tbody td {padding:8px 16px;border-top:1px solid #ccc;font-weight:500;font-size:1.2rem;}
.policy table.cancle-price-tbl tbody td + td {border-left:1px solid #ccc;color:#e6001e;font-weight:700;}
.policy table.cancle-price-tbl tbody tr:last-child td {border-bottom:1px solid #ccc;}
.c-p-tcap {margin-top:5px;}

.spinner-wrap{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 1000;}
.sk-chase {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: sk-chase 2.5s infinite linear both;
}

.sk-chase-dot {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  animation: sk-chase-dot 2.0s infinite ease-in-out both;
}

.sk-chase-dot:before {
  content: '';
  display: block;
  width: 25%;
  height: 25%;
  background-color: #fff;
  border-radius: 100%;
  animation: sk-chase-dot-before 2.0s infinite ease-in-out both;
}

.sk-chase-dot:nth-child(1) { animation-delay: -1.1s; }
.sk-chase-dot:nth-child(2) { animation-delay: -1.0s; }
.sk-chase-dot:nth-child(3) { animation-delay: -0.9s; }
.sk-chase-dot:nth-child(4) { animation-delay: -0.8s; }
.sk-chase-dot:nth-child(5) { animation-delay: -0.7s; }
.sk-chase-dot:nth-child(6) { animation-delay: -0.6s; }
.sk-chase-dot:nth-child(1):before { animation-delay: -1.1s; }
.sk-chase-dot:nth-child(2):before { animation-delay: -1.0s; }
.sk-chase-dot:nth-child(3):before { animation-delay: -0.9s; }
.sk-chase-dot:nth-child(4):before { animation-delay: -0.8s; }
.sk-chase-dot:nth-child(5):before { animation-delay: -0.7s; }
.sk-chase-dot:nth-child(6):before { animation-delay: -0.6s; }

@keyframes sk-chase {
  100% { transform: rotate(360deg); }
}

@keyframes sk-chase-dot {
  80%, 100% { transform: rotate(360deg); }
}

@keyframes sk-chase-dot-before {
  50% {
    transform: scale(0.4);
  } 100%, 0% {
    transform: scale(1.0);
  }
}

#contents .guide {word-break:keep-all;}
#contents .guide h6 {font-size: 1.28rem;margin:20px 0 12px;color:#2a2a2a;font-weight:bold;line-height:1.6;}
#contents .guide .guide-b {font-size:1.2rem;margin-bottom:16px;line-height:1.4;}
#contents .guide .guide-b strong {font-weight:bold;color:#e6001e;font-size:1.2rem;}
#contents .guide .guideul li strong {font-weight:bold;}
#contents .guide .guideul li strong.ul-b {font-weight:bold;color:#e6001e;}
#contents .guide .guideul-caption {margin:10px 0;}
#contents .guide .guideul-caption span {display:block;line-height:1.4;}
#contents .guide .guideul-caption span + span {margin-top:6px;}
#contents .guide .guide-box1 {display:flex;justify-content:space-between;}
#contents .guide .guide-box1 .guide-box1-in {width:49%;border:1px solid #e0e0e0;text-align:center;}
#contents .guide .guide-box1 .guide-box1-in .box-top {display:block;padding:14px;font-size: 1.143rem;font-weight:bold;background:#00a040;color:#fff;border-bottom:1px solid #e0e0e0;}
#contents .guide .guide-box1 .guide-box1-in .g-fine {font-size:1.4rem;font-weight:bold;color:#e6001e;margin-top:20px;}
#contents .guide .guide-box1 .guide-box1-in .guideul {padding:14px;}
#contents .guide .guide-box1 .guide-box1-in .guideul li {font-size:1rem;}

#contents .safety {word-break:keep-all;}
#contents .safety .list .listbgarea p em {display:block;font-size:1rem;padding:5px 10px 0;color:#707070;}
#contents .safety h5 {font-size:1.8rem;}
#contents .safety h5 span {font-size:1.8rem;color:#00a040;display:inline-block;padding-left:5px;}
#contents .safety .safe-sub {font-size:1.28rem;color:#2a2a2a;font-weight:500;margin:20px 0 16px}
#contents .safety .safe-sub2 {clear:both;margin-top:24px;}
#contents .safety .safe-b {display:block;padding:16px;background:#f5f5f5;border:1px solid #e0e0e0;text-align:center;line-height:1.5;font-size: 1.14rem;margin-bottom:16px;word-break:keep-all;}
#contents .safety .safe-b span {font-size: 1.14rem;font-weight:bold;color:#e6001e;}
#contents .safety .s-txt {font-weight:500;color:#2a2a2a;}
#contents .safety .s-txt2 {font-weight:500;color:#e6001e;}
#contents .safety .s-box1 {display:inline-block;padding: 16px;background: #fff;border: 1px solid #e0e0e0;line-height: 1.5;}
#contents .safety .safeul li {line-height: 2;font-size: 1.071rem;}
#contents .safety .safe-caption {margin:10px 0;}
#contents .safety .safe-caption span {display: block;line-height: 1.4;}
#contents .safety .safe-caption span + span {margin-top: 6px;}

#contents .spot .g-map-box {padding-top:3.5rem;}
#contents .spot .g-map-box iframe {width:100%;height:500px;}

@media all and (max-width:1199px) {
  #contents .guide_info .pss0.iconaw:after {left:48.5%;bottom:-0.4rem;}
  #contents .guide_info .pss1 .process {width: 95%;}
  #contents .guide_info .pss1.iconaw:before {right: auto;left: 48.5%;top: 49.5%;transform: rotate(90deg);transform-origin: top;}
  #contents .guide_info .pss2.iconaw:before {top: -0.8rem;transform: rotate(0);left: 48.5%;}

  #contents .spot .g-map-box {padding-top:0;}
  #contents .spot .g-map-box iframe {height:320px;}

}

@media all and (max-width:640px) {
  #contents .guide h6 {font-size:1.2rem;}
  #contents .guide .guide-b {font-size: 1.08rem;margin-bottom:10px;}
  #contents .guide .guide-b strong {font-size: 1.08rem;}
  #contents .guide .guide-box1 {flex-wrap:wrap;}
  #contents .guide .guide-box1 .guide-box1-in {width:100%;}
  #contents .guide .guide-box1 .guide-box1-in + .guide-box1-in {margin-top:10px;}
  #contents .guide .guide-box1 .guide-box1-in .guideul {padding:14px 10px 10px 10px}

  #contents .safety h5 {font-size:1.5rem;}
  #contents .safety h5 span {font-size:1.5rem;}
  #contents .safety .safe-sub {font-size: 1.2rem;margin:10 0 8px;}
  #contents .safety .safe-b {font-size:1rem;}

  #contents .spot .g-map-box iframe {height:280px;}
}
