@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css");

@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap");

@font-face {
  font-family: "gmarket";
  font-weight: normal;
  src: url(../font/GmarketSansMedium.woff2) format("woff2");
  src: url(../font/GmarketSansMedium.woff) format("woff");
}
@font-face {
  font-family: "gmarket";
  font-weight: bold;
  src: url(../font/GmarketSansBold.woff2) format("woff2");
  src: url(../font/GmarketSansBold.woff) format("woff");
}
@font-face {
  font-family: "line";
  font-weight: normal;
  src: url(../font/LINESeedKR-Rg.woff2) format("woff2");
  src: url(../font/LINESeedKR-Rg.woff) format("woff");
}
@font-face {
  font-family: "line";
  font-weight: bold;
  src: url(../font/LINESeedKR-Bd.woff2) format("woff2");
  src: url(../font/LINESeedKR-Bd.woff) format("woff");
}

/*== common ==*/

html {
  font-size: 10px;
  min-width: 320px;
  overflow-y: auto;
}

body {
  font-size: 1.4rem;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  position: relative;
  color: #191919;
}
body * {
  line-height: 1.3;
  word-break: keep-all;
}
.sub-wrap *,
.main-wrap *,
body * {
  font-family: "Pretendard", "sans-serif";
  word-break: keep-all;
}

.mts {
  font-family: "Montserrat", sans-serif !important;
}
.inner {
  max-width: 148rem;
  width: 100%;
  margin: 0 auto;
  position: relative;
  padding: 0 2rem;
}
img {
  max-width: 100%;
}

a {
  color: inherit;
  text-decoration: none;
}
address {
  font-style: normal;
}
small {
  font-size: inherit;
}
input,
textarea,
button {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  color: inherit;
}
input[type="checkbox"] {
  appearance: auto;
}
input[type="radio"] {
  appearance: auto;
}
* {
  box-sizing: border-box;
}
::selection {
  background: rgba(122, 146, 165, 0.6);
  color: #fff;
}

/*== header ==*/

/* 헤더컬러 */
.gnb_nav .gnb .depth1:hover > .depth1_a {
  /* color: #0070C2; */
}
/* .gnb_nav .gnb .depth1:hover > .depth1_a::after {
  width: 90%;
} */
.gnb_nav .ham_open .bar {
  background-color: #0070c2;
}
/* .gnb_nav .snb{border-top: 4px solid #0070C2;} */
/* 헤더 > 서브메뉴 border-top 필요 시 활성화 */
.gnb_nav .snb .depth2 a:hover {
  color: #0070c2;
}
.all_gnb_nav p.depth1_a::after {
  background-color: #0070c2;
}
.all_gnb_nav .depth2 a:hover {
  color: #0070c2;
}

.header * {
  font-family: "Pretendard", "sans-serif" !important;
}
.header {
  width: 100%;
  border-bottom: 1px solid rgba(217, 217, 217, 1);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  /* transition: 0.3s; */
  background: #fff;
}
.header.scr,
.header.sub {
  background: rgba(255, 255, 255, 0.9);
}
.header .header-inner {
  padding: 0 14rem 0 14rem;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 4rem;
  position: relative;
  max-width: 2560px;
  width: 100%;
  margin: 0 auto;
}

.header .logo a{display: flex;gap: 10px;align-items: center;}
.header .logo img {
  display: inline-block;
  max-width: 212px;
  position: relative;
  /* top: 4px; */
  /* 가시사이즈가 중앙이 아닐 때 top 조정 */
}
.header .logo img.dg_logo{
max-width: 120px;
}
.gnb_nav {
  margin-right: auto;
  display: flex;
  align-items: center;
}
.gnb_nav .gnb {
  display: flex;
  margin-right: 0px;
}
.gnb_nav .gnb .depth1 {
  font-weight: 600;
  line-height: 10rem;
  position: relative;
  padding: 0 2rem;
  transition: 0.3s;
}
.gnb_nav .gnb .depth1_a {
  font-size: 1.8rem;
  position: relative;
  white-space: nowrap;
  top: 2px;
  /* color: #fff; */
}
.gnb_nav .gnb .depth1_a::after {
  content: "";
  display: block;
  width: 0;
  height: 1px;
  background: #fff;
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transition: all 0.4s ease-in-out;
}

.gnb_nav .gnb .depth1:hover > .depth1_a {
  color: #0070c2;
}
/* .gnb_nav .gnb .depth1:hover > .depth1_a::after {
  width: calc(100% + 10px);
} */

.ham_open {
  position: absolute;
  right: 0;
  top: 0;
  width: 10rem;
  aspect-ratio: 1/1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0070c2;
}

.gnb_nav .snb {
  width: 100rem;
  font-size: 1.8rem;
  text-align: center;
  line-height: 1.3;
  transition: 0.5s;
  /* opacity: 0; */
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
}
.gnb_nav .snb .depth2 a {
  display: block;
  padding: 0 2rem;
  line-height: 8rem;
  word-break: keep-all;
}

.snb.on {
  display: flex;
  /* opacity: 1;
   transform: translateX(-50%) scaleY(1);  */
}
.snb_bg {
  position: absolute;
  top: calc(10rem + 1px);
  left: 50%;
  height: 8rem;
  background: #fff;
  width: 100vw;
  transform: translateX(-50%);
  display: none;
}

.all_menu_bg {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  display: none;
}
.all_menu_wrap {
  width: 100%;
  height: 100%;

  position: fixed;
  top: 0;
  right: 0;
  z-index: 99999;
  transform: translateY(-100%);
  opacity: 0;
  transition: 0.5s;
}
.all_menu_wrap .all_menu_top {
  width: 100%;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 4rem;
  border-bottom: 1px solid #eee;
  position: relative;
  background: #fff;
}

.all_menu_wrap .ham_close {
  width: 10rem;
  height: 10rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #eee;
  cursor: pointer;
  background: #0070c2;
}
.all_menu_wrap .ham_close img {
  width: 100%;
  max-width: 2.4rem;
}
.all_gnb_nav {
  height: calc(100% - 10rem);
  font-size: 2rem;
  text-align: center;
  background: #fff;
  padding: 10rem 15vw;
}
.all_gnb_nav .gnb {
  /* display: flex; */
  height: 100%;
  font-size: 1.8rem;
}
.all_gnb_nav .depth1 {
  display: flex;
  align-items: center;
  padding: 2rem 0;
  border-bottom: 1px solid #ccc;
}

.all_gnb_nav .depth1 + .depth1 {
  /* border-left: 1px solid #eee; */
}
.all_gnb_nav p.depth1_a {
  /* padding-bottom: 3.5rem; */
  font-size: 3.2rem;
  font-weight: 700;
  /* line-height: 1; */
  position: relative;
  min-width: 30rem;
  text-align: left;
  color: #0070c2;
}
.all_gnb_nav p.depth1_a .arr {
  width: 3rem;
  height: 3rem;
  background: url(/html/img/ham_arr.svg) no-repeat center/cover;
  display: none;
}

.all_gnb_nav .snb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 4rem;
}

.all_gnb_nav .depth2 a {
  font-weight: 500;
  word-break: keep-all;
  font-size: 2.4rem;
  display: block;
  padding: 1rem 0;
}
.all_menu_wrap.on {
  opacity: 1;
  transform: translateY(0);
}
.h_link {
  display: flex;
}
.h_link a {
  border: 1px solid #ccc;
  line-height: 5.3rem;
  font-size: 1.8rem;
  font-weight: 700;
  border-radius: 10rem;
  padding: 0 2.8rem;
  margin-left: 1.2rem;

  display: flex;
  align-items: center;
  gap: 6px;
}

.h_link .bg_btn {
  background: #191919;
  color: #fff;
}
.h_login {
  display: flex;
  gap: 2rem;
  align-items: center;
}
.h_login > a {
  width: 2.5rem;
  aspect-ratio: 1/1;
  font-size: 0;
  display: block;
}
.h_login .lang-change{
  width: 2.5rem;
  aspect-ratio: 1/1;
  font-size: 0;
  position: relative;
}
.header .lang-change .lang_list{display: none;position: absolute;top: 150%;left: 50%;background-color: #fff;border: rgba(0, 0, 0, 0.05) solid 1px;border-radius: 8px;box-shadow: rgba(0, 0, 0, 0.05) 0 0 25px 0;transform: translateX(-50%);padding: 12px 10px; z-index: 9;}
.header .lang-change .lang_list > li:nth-child(n + 2){margin-top: 10px;}
.header .lang-change .lang_list > li a{display: block;font-size: 12px;font-weight: 400;color: #1D1D1D;line-height: 2;padding: 0 20px;transition: color 0.3s;
white-space: nowrap;
}
.header .lang-change .lang_list > li a:hover{color: #3561FD;}

.header .h_user .lang_list{display: none;position: absolute;top: 150%;left: 50%;background-color: #fff;border: rgba(0, 0, 0, 0.05) solid 1px;border-radius: 8px;box-shadow: rgba(0, 0, 0, 0.05) 0 0 25px 0;transform: translateX(-50%);padding: 12px 10px; z-index: 9;}
.header .h_user .lang_list > li:nth-child(n + 2){margin-top: 10px;}
.header .h_user .lang_list > li a{display: block;font-size: 12px;font-weight: 400;color: #1D1D1D;line-height: 2;padding: 0 20px;transition: color 0.3s;
white-space: nowrap;text-align: center;
}
.header .h_user .lang_list > li a:hover{color: #3561FD;}

.h_login .h_lang {
  background: url(/html/img/icon_lang.svg) no-repeat center / cover;
  outline: none;
  border: none;
  display: block;
  width: 2.5rem;
  height: 2.5rem;
}
.h_login .manual-download{
  font-size: 16px;
  font-weight: 400;
  align-items: center;
  gap: 10px;
  width: auto;
  padding: 8px 16px;
  border-radius: 8px;
  background: #000;
  color: #fff;
  font-weight: bold;
  transition: all 0.3s ease-in-out;
  margin-left: 10px;
}
.h_login .manual-download img{
  width: 1.7rem;
}
.h_login .manual-download.pc{display: flex;}
.h_login .manual-download.mo{display: none;}

.h_login .h_user{
  position: relative;
  background: url(/html/img/icon_user.svg) no-repeat center / cover;
}
.h_login .h_user button{
  background: url(/html/img/icon_user.svg) no-repeat center / cover;
  outline: none;
  border: none;
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  font-size: 0;
}

@media(max-width:2560px){
  .header .header-inner{
    padding: 0 14rem 0 3%;
  }
}

@media screen and (max-width: 1920px) {
  .header .header-inner {
    gap: 2rem;
  }
  .header-inner .h_link {
    display: none;
  }
}

@media(max-width:1600px){
  .all_gnb_nav{
    padding: 5rem 10vw;
    overflow-y: auto;
  }
  .all_gnb_nav::-webkit-scrollbar {
    width: 4px;
    background-color: rgb(209, 209, 209);
  }
  .all_gnb_nav::-webkit-scrollbar-thumb {
    background-color: rgb(125, 125, 125);
  }
  .all_gnb_nav .depth2 a{
    font-size: 2rem;
  }
  .all_gnb_nav .depth1{
    padding: 1rem 0;
  }
}

@media screen and (max-width: 1440px) {
  .header .header-inner {
    padding: 0 14rem 0 2%;
    gap: 1rem;
  }
  .gnb_nav .gnb .depth1 {
    padding: 0 1rem;
  }
  .header .logo img {
    max-width: 180px;
  }
  .header .logo img.dg_logo{
    max-width: 90px;
  }    
}
@media screen and (max-width: 1280px) {
  .header .lang-change .lang_list{padding: 10px 5px;}
  .header .lang-change .lang_list > li a{padding: 0 20px;}
  .header .h_user .lang_list{padding: 10px 5px;}
  .header .h_user .lang_list > li a{padding: 0 20px;}
  .all_gnb_nav{
    height: calc(100% - 8rem);
  }
  .header {
    height: 8rem;
  }
  .ham_open,
  .all_menu_wrap .ham_close {
    width: 8rem;
    height: 8rem;
  }

  .gnb_nav .gnb {
    display: none;
  }
  .all_menu_wrap .all_menu_top {
    height: 8rem;
  }
  .all_gnb_nav {
    padding: 5rem 5%;
  }
}
@media screen and (max-width: 1024px) {
  .all_menu_wrap{
  }
  .all_gnb_nav .gnb{
    height: auto;
  }
  .header-familysite-wrap{
    display: block !important;
    margin-top: 30px;
    margin-bottom: 40px;
    padding: 0 15px;
  }
  .header-familysite-wrap ul{
    display: flex ;
    flex-wrap: wrap;
    gap: 4px;
  }
  .header-familysite-wrap ul > li{
    width: calc(50% - 2px);
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #f1f1f1;
  }
  .header-familysite-wrap ul > li a{
    width: 100%;
  }
  .header-familysite-wrap ul > li a img{
    display: block;
    margin: 0 auto;
    margin-bottom: 4px;
    height: 24px;
  }
  .header-familysite-wrap ul > li:nth-child(1) a img{
    height: 16px;
  }
  .header-familysite-wrap ul > li a .txtbox{
    width: 100%;
  }
  .header-familysite-wrap ul > li a .txtbox p{
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: rgb(25,25,25);
  }
  .all_menu_wrap .ham_close {
    position: absolute;
    top: -100%;
    right: 0;
  }

  .header .header-inner {
    padding-right: 10rem;
  }

  .gnb_nav .gnb,
  .all_gnb_nav .snb {
    display: none;
  }

  .h_link a {
    padding: 5px 10px;
    font-size: 15px;
    margin-left: 1rem;
    line-height: 3.5rem;
  }
  .h_login > a,
  .h_login .h_lang
  {
    width: 24px;
    height: 24px;
  }
  

  .all_menu_wrap {
    width: 50rem;
    top: 8rem;
    right: 0;
    transform: translate(100%, 0);
  }

  .all_menu_wrap.on {
    width: 95%;
    max-width: 500px;
    transform: translate(0, 0);
  }

  .h_login {
    gap: 6px;
  }
  .h_login .manual-download.pc{display: none;}
  .h_login .manual-download.mo{display: flex;}

  .all_gnb_nav {
    padding: 0;
  }
  .all_gnb_nav .gnb {
    display: block;
    text-align: left;
  }

  .all_menu_wrap .all_menu_top {
    padding: 0 3%;
  }

  .all_gnb_nav {
    height: calc(100% - 14rem);
  }

  .all_gnb_nav p.depth1_a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 15px;
    font-size: 18px;
    line-height: 1.5;
    cursor: pointer;
  }

  .all_gnb_nav p.depth1_a .arr {
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    transition: 0.3s;
  }

  .all_gnb_nav p.depth1_a.on .arr {
    transform: rotate(-180deg);
  }

  .all_gnb_nav .depth1 {
    display: block;
    width: 100%;
    padding: 0;
    border-bottom: 1px solid #eee;
  }

  .all_gnb_nav .depth1 + .depth1 {
    border-left: none;
  }

  .all_gnb_nav .depth2 {
    margin-top: 0;
    padding-left: 1.5rem;
    line-height: 1.3;
    border-top: 1px solid #eee;
  }

  .all_gnb_nav .depth2 a {
    display: block;
    padding: 10px;
    font-size: 16px;
    font-weight: 400;
  }
  .header-inner .h_login {
    display: none;
  }
}

@media screen and (max-width: 400px) {
  .header .logo a{gap: 6px;}
  .header .logo img {
    max-width: 160px;
  }
  .header .logo img.dg_logo{
    max-width: 80px;
  }    
}


/* header */

.floating-wrap{
  width: 80px;
  position: fixed;
  bottom: 40px;
  right: 40px;
  z-index: 9999;
}
.floating-wrap ul li{
  position: relative;
  margin-bottom: 8px;
}
.floating-wrap ul li.topbtn-wrap{
  margin-bottom: 0;
}
.floating-wrap ul li a{
  display: block;
  width: 70px;
  height: 70px;
  border-radius: 100%; 
  border: 1px solid #d1d1d1;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}
.floating-wrap ul li a img{
  display: block;
  width: 40px;
}
.floating-wrap ul li:nth-child(1) a img{
  width: 60px;
}
.floating-wrap ul li .hover-txt{
  position: absolute;
  top: 50%;
  left: -17px;
  transform: translate(-100%,-50%);
  -webkit-transform: translate(-100%,-50%);
  min-width: 90px;
  height: auto;
  text-align: center;
  padding: 10px;
  border-radius: 999px;
  background: #1C1C1C;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
.floating-wrap ul li:hover .hover-txt{
  opacity: 1;
  visibility: visible;
}
.floating-wrap ul li:nth-child(7) .hover-txt{
  min-width: 130px;
}
.floating-wrap ul li .hover-txt::before{
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background: url(/html/img/bubble-tail.svg) no-repeat center / 100%;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(50%,-50%);
  -webkit-transform: translate(50%,-50%);
}
.floating-wrap ul li .hover-txt p{
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -0.34px;
  text-transform: uppercase;
  color: #fff;
}
.floating-wrap ul li.topbtn-wrap a{
  background: #0070c2;
}
.floating-wrap ul li.topbtn-wrap a img{
  width: 24px;
}

@media(max-width:1600px){
  .floating-wrap{
    width: 60px;
    bottom: 20px;
    right: 20px;
  }
  .floating-wrap ul li{
    margin-bottom: 4px;
  }
  .floating-wrap ul li a{
    width: 60px;
    height: 60px;
  }
  .floating-wrap ul li a img{
    width: 30px;
  }
  .floating-wrap ul li:nth-child(1) a img{
    width: 40px;
  }
  .floating-wrap ul li .hover-txt{
    left: -10px;
    min-width: 80px;
    padding: 10px;
  }
  .floating-wrap ul li:nth-child(7) .hover-txt{
    min-width: 100px;
  }
  .floating-wrap ul li .hover-txt::before{
    width: 10px;
    height: 10px;
  }
  .floating-wrap ul li .hover-txt p{
    font-size: 15px;
  }
  .floating-wrap ul li.topbtn-wrap a img{
    width: 18px;
  }
}

@media(max-width:1024px){
  .floating-wrap{
    width: 50px;
    bottom: 15px;
    right: 15px;
  }
  .floating-wrap ul li{
    display: none !important;
  }
  .floating-wrap ul li a{
    width: 50px;
    height: 50px;
  }
  .floating-wrap ul li.topbtn-wrap{
    display: block !important;
  }
  .floating-wrap ul li.topbtn-wrap a img{
    width: 16px;
  }
  
}

/* floating */

/*== footer ==*/
.footer-wrap {
  background: #2e2e2e;
  color: #fff;
  font-size: 1.6rem;
}
.footer-wrap a {
  color: #fff;
}
.footer-wrap .inner {
  display: flex;
  justify-content: space-between;
}
.ft-left {
  padding: 2rem 2rem 2.4rem;
  width: 100%;
}

.ft-right {
  padding: 2rem 2rem 2.4rem;
  width: 30rem;
  background: rgba(255, 255, 255, 0.1);
}
.ft-top {
  padding-bottom: 1.8rem;
  border-bottom: 1px solid rgba(204, 204, 204, 0.2);
  margin-bottom: 2rem;
}
.ft-bottom {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  align-items: center;
}
.ft-logo {
  width: 70%;
  max-width: 248px;
}
.ft-link {
  display: flex;
  gap: 2rem;
}
.ft-link b {
  font-weight: 700;
}

.ft-info {
  color: #b5b5b5;
  display: flex;
  flex-wrap: wrap;
  gap: 0 2rem;
}
.ft-info a {
  color: #b5b5b5;
}
.ft-info li {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
}
.ft-info li:after {
  content: "";
  position: absolute;
  right: -1rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 80%;
  background: rgba(217, 217, 217, 0.2);
}
.ft-info li:last-child:after {
  display: none;
}

.ft-copyright {
  width: 100%;
  margin-top: 0.3rem;
  color: #b5b5b5;
}
.ft-family a {
  color: #c9c9c9;
  display: flex;
  align-items: center;
  gap: 1.4rem;
  margin-bottom: 1.4rem;
}

@media screen and (max-width: 1024px) {
  .ft-logo{
    max-width: 160px;
  }
  .footer-wrap {
    font-size: 15px;
  }
  .footer-wrap .inner {
    flex-wrap: wrap;
    padding: 0;
  }
  .ft-right {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
  }
  .ft-right .ft-top {
    border: 0;
    padding: 0;
    margin: 0;
  }
  .ft-info {
    width: 100%;
    gap: 1rem 0;
  }
  .ft-info li {
    width: 100%;
  }
  .ft-info li::after {
    display: none;
  }
  .ft-family {
    display: flex;
    gap: 0 2rem;
  }
  .ft-family a {
    margin: 0;
  }
}

@media screen and (max-width: 768px) {
  .footer-wrap {
    font-size: 14px;
  }
}


/*== sub ==*/

/* subtop */
.sub-wrap {
  min-height: 50vh;
  padding-bottom: 20rem;
}
.ctt_admin {
  position: fixed;
  top: 10rem;
  right: 1.5rem;
}
#sub_container {
  margin-top: 10rem;
}
.sub_visual {
  height: auto;
  background: url(/html/img/sub_visual01.jpg) no-repeat center/cover;
}
.subtop-con-wrap {
  width: 100%;
  padding: 15rem 0;
}
.sub_visual.sv01 {
  background-image: url(/html/img/sub_visual01.jpg);
}
.sub_visual.sv02 {
  background-image: url(/html/img/sub_visual02.jpg);
}
.sub_visual.sv03 {
  background-image: url(/html/img/sub_visual03.jpg);
}
.sub_visual.sv04 {
  background-image: url(/html/img/sub_visual04.jpg);
}
.sub_visual.sv05 {
  background-image: url(/html/img/sub_visual05.jpg);
}
.sub_visual .sub_tit {
  font-size: 5.5rem;
  color: #fff;
}
.sub_visual .subtop-txtbox p {
  font-size: 1.6rem;
  font-weight: normal;
  letter-spacing: 7.2px;
  color: rgb(222, 181, 161);
  padding-bottom: 1.2rem;
}
.sub_visual .subtop-txtbox p span {
  font-weight: bold;
}
.sub_nav {
  position: relative;
  z-index: 100;
}
.sub_nav_ul {
  display: flex;
  width: 100%;
  margin: 0 auto;
  font-size: 1.6rem;
  font-weight: normal;
  letter-spacing: -0.34px;
  color: #191919;
  padding: 6rem 0;
}
.sub_nav_ul > li {
  position: relative;
  padding-right: 1rem;
}
.sub_nav_ul > li:after {
  content: "";
  position: absolute;
  right: -1rem;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #d9d9d9;
}

.sub_nav_ul > li:last-child::after {
  display: none;
}
.sub_nav_ul .depth_p {
  width: 100%;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  padding: 0 3rem 0 2rem;
}
.sub_nav_ul .depth_p::after {
  content: "";
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  background: url(../img/icon_drop.svg) no-repeat center/cover;
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
  transition: 0.3s;
}
.sub_nav_ul .depth_p.on::after {
  transform: translateY(-50%) rotate(-180deg);
}
.sub_nav_ul .drop_menu {
  display: none;
  /* width: calc(100% + 2px); */
  background-color: #fff;
  border: 1px solid #ccc;
  position: absolute;
  top: calc(100% + 1rem);
  left: -1px;
}
.sub_nav_ul .drop_menu li {
  line-height: 1.3;
}
.sub_nav_ul .drop_menu li + li {
  border-top: 1px solid #ebebeb;
}
.sub_nav_ul .drop_menu li a {
  display: block;
  padding: 1rem 1.5rem;
  word-break: keep-all;
  transition: 0.2s;
}
.sub_nav_ul .drop_menu li:hover a {
  background-color: #f7f7f7;
}

@media (max-width: 1024px) {
  #sub_container {
    margin-top: 8rem;
  }
  .subtop-con-wrap {
    padding: 6rem 0;
  }
  .sub_visual .sub_tit {
    font-size: 3rem;
  }
}

/* sub 공통 */
.sub-sec {
  padding-bottom: 6rem;
  position: relative;
}
.sub-sec:first-of-type {
  padding-top: 6rem;
}
.sub-top-tit {
  font-size: 4rem;
  text-align: center;
  margin-bottom: 6rem;
}
.sub-top-tit.left {
  text-align: left;
}
.logout-btn a{
  display: block;
  max-width: 200px;
  margin: 0 auto;
  margin-top: 12px;
  font-weight: 400;
  text-align: center;
  padding: 1rem 2rem;
  font-size: 1.4rem;
  border: 1px solid #ccc;
  border-radius: 9999px;
  transition: all 0.3s ease-in-out;
}
.cmhv1{
  transition: all 0.3s ease-in-out;
}
.logout-btn a:hover,
.cmhv1:hover
{
  background: #000;
  border: 1px solid #000;
  color: #fff;
}
.ss-title {
  font-size: 3.2rem;
  font-weight: 700;
  margin-bottom: 2rem;
}
.ss-big-title{
  font-size: 4rem;
  font-weight: bold;
  margin-bottom: 2rem;
  line-height: 1.1;
  letter-spacing: -1px;
}
.text-center{
  text-align: center !important;
}
.ss-title a {
  display: inline-block;
  margin-left: 2rem;
  padding: 1rem 2rem;
  font-size: 1.4rem;
  font-weight: 600;
  border: 1px solid #ccc;
  border-radius: 10rem;
  vertical-align: 30%;
  color: #333;
}
.sub-tab {
  position: relative;
  display: flex;
  /* flex-wrap: wrap; */
  justify-content: center;
  border-top: 3px solid #191919;
  border-bottom: 1px solid #d9d9d9;
}
.sub-tab li {
  position: relative;
  max-width: 40rem;
  text-align: center;
  font-size: 1.8rem;
  transition: 0.2s;
}
.sub-tab li a {
  display: block;
  color: #555;
  font-weight: 600;
  padding: 2.3rem 0;
  transition: 0.2s;
}
.sub-tab li:hover a,
.sub-tab li.on a {
  color: #0070c2;
}
.sub-tab li.on:after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background: #0070c2;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.4s ease-in-out;
}

.sub-tab.tab2 li {
  width: 50%;
}
.sub-tab.tab3 li {
  width: 33.33%;
}
.sub-tab.tab4 li {
  width: 25%;
}

.sub-tab.tab5 li {
  width: 20%;
}
.sub-tab.ta6 li {
  width: 16.66%;
}

.line-box {
  padding: 4rem;
  border: 1px solid #d9d9d9;
  border-top: 3px solid #191919;
}
.line-box.b-date-result-wrap{
  height: 470px;
  overflow-y: auto;
}


.line-box02 {
  position: relative;
  padding: 2rem 0;
  border: 1px solid #d9d9d9;
  border-width: 1px 0;
  border-top: 3px solid #191919;
}

.box-txt {
  font-size: 2rem;
  text-align: center;
  font-weight: 400;
  margin-bottom: 4rem;
  padding-bottom: 2.8rem;
  border-bottom: 1px solid #d9d9d9;
}

.t-red {
  color: #ff3434 !important;
}
.t-gray {
  color: #ddd;
}
.t-blue {
  color: #0070c2;
}
.sub-wrap select {
  border-radius: 0;
  width: 100%;
  padding: 1rem;
  font-size: 1.6rem;
  color: #737373;
  border-color: #e6e6e6;
}

.sub-btn-wrap {
  display: flex;
  justify-content: flex-end;
  gap: 0 1rem;
}
.sub-btn-wrap.center{
  justify-content: center;
}

.sub-btn-wrap a,
.sub-btn-wrap button {
  border-radius: 0.8rem;
  font-size: 1.4rem;
  line-height: 6rem;
  padding: 0 2rem;
  min-width: 15rem;
  border: 0;
  text-align: center;
  border: 1px solid #e0e0e0;
}
.sub-btn-wrap .cancel {
  border: 1px solid #e0e0e0;
}

.sub-btn-wrap .submit {
  color: #fff;
  border-color: #0070c2;
  background: #0070c2;
}

/* 시설예약 */
.reservation01-wrap .res-sec01 {
  display: flex;
  gap: 0 4rem;
  /* flex-wrap: wrap; */
  justify-content: space-between;
  overflow: hidden;
  flex-wrap: wrap;
}

.slide-tab-wrap {
  /* min-width: 21rem; */
  width: 100%;
}
.slide-tab {
  margin-top: 20px;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 2rem;
}

.slide-tab-list {
  position: relative;
  cursor: pointer;
  font-size: 2.2rem;
  font-weight: 600;
  color: #a1a1a1;
  margin-bottom: 2rem;
  transition: 0.2s;
}
.slide-tab-list:hover,
.slide-tab-list.current {
  padding-left: 2rem;
  color: #191919;
}
.slide-tab-list::before {
  content: "▶";
  position: absolute;
  left: 0;
  top: 0.3rem;
  font-size: 1.6rem;
  transition: 0.2s;
  opacity: 0;
}
.slide-tab-list:hover::before,
.slide-tab-list.current::before {
  opacity: 1;
}

.tab-content {
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.tab-content.current {
  display: block;
}

.slide-con {
  width: 100%;
}


.fac-box {
  border: 1px solid #ebebeb;
  border-radius: 1.6rem;
  padding: 2rem;
  max-width: 370px;
}
.fac-box:hover,
.fac-box.on {
  border-color: #00a2ed;
  border-width: 2px;
  transition: 0.2s;
}
.fac-box .img-box {
  border-radius: 1.6rem;
  overflow: hidden;
  margin-bottom: 2rem;
}
.fac-box .img-box img {
  width: 100%;
}
.fac-box p {
  font-size: 2.2rem;
  font-weight: 700;
  margin-bottom: 0.8rem;
}
.fac-box span {
  font-size: 1.8rem;
  color: #333;
}
.fac-box ul {
  margin: 2rem 0 3rem;
  color: #333;
}
.fac-box li {
  font-size: 1.6rem;
}
.fac-box a {
  display: block;
  border-radius: 0.8rem;
  padding: 1.2rem;
  font-weight: 600;
  text-align: center;
  border: 1px solid #ebebeb;
  transition: 0.2s;
  font-size: 1.4;
  color: #474747;
}
.fac-box a:hover,
.fac-box.on a {
  background: #00a2ed;
  color: #fff;
  border-color: #00a2ed;
}
.fac-slide-pagination{
  text-align: center;
  font-size: 13px;
  font-weight: 400;
  display: none;
  margin-top: 2rem;
}

.reservation01-wrap .res-sec02 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.reservation01-wrap .res-sec02 .left {
  width: 48%;
}
.reservation01-wrap .res-sec02 .right {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.price-result-line{
  display: flex;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}
.reservation01-wrap .res-sec02 .right .bottom .sub-frm select{
  width: 100% !important;
}

.price-result-line > h3{
  font-size: 28px;
  font-weight: normal;
  line-height: 1.5;
  letter-spacing: -0.64px;
  color: #191919;
}
.price-result-line > h2{
  font-size: 28px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: -0.64px;
  color: #191919;
}
.price-result-line > h2 span{
  color: #0070c2;

}

.time-button {
  display: inline-block;
  width: 23%;
  margin: 1%;
  padding: 1rem;
  border: 1px solid #e0e0e0;
  text-align: center;
  font-size: 1.6rem;
  cursor: pointer;
  border-radius: 0.8rem;
}
.time-button.selected {
  background-color: #00a2ed;
  color: #fff;
}
.time-button.disabled {
  background-color: #d9d9d9;
  color: #888;
  cursor: not-allowed;
}

.selected-time {
  font-size: 1.8rem;
  text-align: center;
  margin-top: 3rem;
}

.reservation01-wrap .res-sec03 .line-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.guide-box {
  padding-bottom: 6rem;
  margin-bottom: 6rem;
  border-bottom: 1px solid #d9d9d9;
}

.guide-step ul {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem 11rem;
  margin-top: 4rem;
}
.guide-step li {
  position: relative;
  text-align: center;
  color: #333;
  font-size: 2.2rem;
  font-weight: 600;
}

.guide-step .icon-box {
  width: 12rem;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f6f6f6;
  border-radius: 50%;
  margin: 0 auto 2.4rem;
}
.guide-step li:after {
  content: "";
  position: absolute;
  right: -6.6rem;
  top: 40%;
  transform: translateY(-50%);
  width: 1.1rem;
  height: 2rem;
  background: url("/html/img/icon_res_arr.svg") no-repeat center;
  background-size: contain;
}

.guide-step li:last-child:after {
  display: none;
}

.guide-notice {
  display: flex;
  flex-wrap: wrap;
  gap: 0 4rem;
}

.guide-notice .ss-title {
  width: 100%;
}

.dot-list {
  margin-top: 4rem;
}
.dot-list li {
  position: relative;
  padding-left: 1.2rem;
  font-size: 1.8rem;
  margin-bottom: 1rem;
  color: #333;
}
.dot-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1.1rem;
  width: 3px;
  height: 3px;
  background: #333;
  border-radius: 50%;
}
.dot-list.no-dot li{
  padding-left: 0 !important;
}
.dot-list.no-dot li::before{
  display: none !important;
}
.dot-list li .rsv-subtit{
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 3px;
}
.dot-list li .rsv-subtxt{
  font-size: 18px;
  font-weight: 400;
  margin-top: 0 !important;
}
.dot-list li .rsv-substat{
  width: 100%;
  border-spacing: 0;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  margin: 10px 0;
}
.dot-list li .rsv-substat tr th,
.dot-list li .rsv-substat tr td
{
  width: 20%;
  font-size: 16px;
  font-weight: 400;
  padding: 8px 0;
  text-align: center;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.dot-list li .rsv-substat tr th{
  font-weight: bold;
}
.dot-list li .rsv-lic{
  position: relative;
  padding-left: 15px;
  font-size: 18px;
  font-weight: 400;
  margin-top: 0 !important;
}
.dot-list li .rsv-lic::before{
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
}

.parking-notice {
  font-size: 1.8rem;
  color: #000;
}
.parking-notice ul {
  margin-top: 4rem;
}

/* calendar */
.calendar-wrap {
  position: relative;
}
.top-wrap {
  position: relative;
}
.calendar-wrap .cal-tit {
  font-size: 2.8rem;
  font-weight: 500;
}
.calendar-wrap .btn-month {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.calendar-wrap .btn-month .cal-btn-wrap {
  display: flex;
  align-items: center;
  gap: 0 1rem;
  font-size: 2rem;
  color: #555;
  font-weight: 600;
}
.calendar-wrap .btn-month .cal-btn {
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0;
  background-color: #fff;
  cursor: pointer;
  transition: 0.1s;
  border: 1px solid #ebebeb;
}

.calendar-wrap .btn-month .cal-btn.on,
.calendar-wrap .btn-month .cal-btn:hover {
  background: #fafafa;
  color: #fff;
}
.calendar-wrap .btn-today {
  padding: 0 13px;
  font-size: 1.8rem;
  line-height: 43px;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  cursor: pointer;
}
.calendar-wrap .today {
  background: #fafafa;
}

.cal-tb {
  width: 100%;
  margin-top: 25px;
  font-size: 1.8rem;
  border-collapse: collapse;
  background: #fff;
}
.cal-tb th,
.cal-tb td {
  width: calc(100% / 7);
  border: 1px solid #d9d9d9;
  padding: 0.8rem;
}
.cal-tb th:first-child,
.cal-tb td:first-child {
  border-left: 0;
}
.cal-tb th:last-child,
.cal-tb td:last-child {
  border-right: 0;
}
.cal-tb th {
  font-weight: 500;
  text-align: left;
  line-height: 50px;
  background: #fafafa;
}
.cal-tb .sun {
  color: #ff3b3b;
}
.cal-tb .sat {
  color: #00a2ed;
}
.cal-tb td {
  height: 190px;
  vertical-align: top;
}

.cal-tb .not_this_month {
  opacity: 0.5;
}
.cal-tb .date {
  margin-bottom: 20px;
  padding-right: 3px;
  line-height: 1;
}
.cal-tb .box {
  padding: 3px 5px;
  font-size: 1.6rem;
  color: #fff;
  word-break: break-all;
  background-color: #00a1ed;
  border-radius: 3px;
  z-index: 9;
}
.cal-tb .box ~ .box {
  margin-top: 2px;
}
.cal-tb .box.red {
  background: #ff2b3e;
}

/*== 시설예약 ==*/
.res-cal-wrap {
  width: 100%;
  max-width: 62rem;
  margin: 0 auto;
}
.res-cal-wrap .cal-tit {
  font-weight: 700;
  font-size: 2.4rem;
  color: #191919;
}
.res-cal-wrap .btn-month .cal-btn {
  width: 5rem;
  height: 5rem;
}
.res-cal-wrap .cal-tb {
  margin-top: 2rem;
}
.res-cal-wrap .cal-tb .date {
  margin: 0;
  font-size: 1.4rem;
}
.res-cal-wrap .cal-tb th {
  font-size: 1.6rem;
  line-height: 3rem;
}
.res-cal-wrap .cal-tb td {
  height: auto;
  height: 9rem;
  text-align: left;
  position: relative;
}
.rsv-status-calendar-wrap.res-cal-wrap .cal-tb td{
  height: 16.2rem;
}
.res-cal-wrap .cal-tb td a {
  display: block;
  width: 100%;
  height: 100%;
}
.rsv-status-calendar-wrap .cal-tb{
  table-layout:fixed;
}
.rsv-status-calendar-wrap .res-cal-wrap .cal-tb td a{
  cursor: default;
}
.res-cal-wrap:not(.rsv-status-calendar-wrap) .cal-tb td:not(.disable):hover,
.res-cal-wrap:not(.rsv-status-calendar-wrap) .cal-tb td.select-days
{
  background: #00a2ed;
  color: #fff;
}
.res-cal-wrap:not(.rsv-status-calendar-wrap) .cal-tb td:not(.disable):hover p {
  color: #fff;
}
.calendar-wrap.rsv-status-calendar-wrap .btn-month{
  justify-content: center;
  gap: 40px;
}
.rsv-status-calendar-wrap{
  overflow-x: auto;
}
.rsv-status-calendar-wrap .cal-tb{
  /* min-width: 1000px; */
}
.res-cal-wrap .today {
  background: rgba(0, 162, 237, 0.1);
}
.res-cal-wrap .datepick {
  background: #00a2ed;
  color: #fff;
}
.res-cal-wrap .datepick p {
  color: #fff;
}
.res-cal-wrap .disable {
  background: #e8e8e8;
  color: #999;
}

.caption {
  width: 100%;
}
.caption p,
.caption span {
  font-size: 1.4rem;
}
.caption i {
  display: inline-block;
  background: #222;
  width: 1.6rem;
  height: 1.6rem;
  border: 1px solid #d2d2d2;
  vertical-align: -15%;
  margin-right: 0.5rem;
}
.caption i.gray {
  background: #e8e8e8;
}
.caption i.skyblue {
  background: #00a2ed;
}
.caption.color {
  margin-top: 2rem;
}
.caption.color span {
  display: inline-block;
  margin-right: 1rem;
}
.res-info {
  display: flex;
  justify-content: space-between;
}
.res-info.res-info2{
  align-items: center;
}
.res-info .left {
  display: flex;
  align-items: center;
  font-size: 2.2rem;
  font-weight: 700;
  gap: 0 4rem;
}
.res-info .right {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.res-info img {
  max-width: 10rem;
  object-fit: contain;
}

.payment-info {
  display: flex;
  align-items: center;
  gap: 2rem;
}

.payment-info dl {
  display: flex;
  align-items: center;
  gap: 1.8rem;
}

.payment-info dt {
  font-size: 1.4rem;
  background: #ededed;
  font-weight: 700;
  padding: 1rem 2rem;
  border-radius: 0.8rem;
}
.payment-info dt, .payment-info dd{
  font-size: 14px;
}
.payment-total {
  /* font-size: 1.6rem; */
  font-size: 16px;
  text-align: right;
  display: flex;
  align-items: center;
  line-height: 1;
}

.payment-total b,
.payment-total span {
  font-size: 2.4rem;
}

/* res-frm */
.sub-frm {
  position: relative;
  font-size: 1.6rem;
}

.sub-frm .ss-title {
  font-size: 2.4rem;
}
.sub-frm .ss-title small {
  font-size: 16px;
  color: #333333;
  font-weight: 400;
  vertical-align: 20%;
}
.sub-frm select {
  border-radius: 0.8rem;
  width: auto;
}

.sub-frm input[type="checkbox"],
.sub-frm input[type="radio"] {
  width: 1.6rem;
  height: 1.6rem;
  border-color: #c2c2c2;
}

.sub-frm input[type="text"],
.sub-frm input[type="password"],
.sub-frm input[type="email"],
.sub-frm input[type="tel"],
textarea {
  width: 100%;
  padding: 1.2rem;
  border: 1px solid #f5f6fa;
  background: #f5f6fa;
  font-size: 1.6rem;
  border-radius: 0.8rem;
  box-shadow: none;
}

.other-text {
  background: #f5f6fa;
  border: 1px solid #f5f6fa;
  padding: 1.2rem;
  font-size: 1.6rem;
  margin-left: 1rem;
  border-radius: 0.8rem;
}
.other-text:disabled {
  color: #ccc;
}
.other-text:disabled::placeholder {
  color: #ccc;
}
.ipt-wrap {
  padding: 1.8rem 0;
  border-bottom: 1px solid #d9d9d9;
  color: #424242;
  display: flex;
  align-items: center;
}
.ipt-wrap:not(.second):first-of-type {
  padding-top: 0;
}
.ipt-wrap:last-of-type {
  border: 0;
  padding-bottom: 0;
}
.ipt-wrap li,
.ipt-wrap label {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
}
.ipt-wrap label {
  cursor: pointer;
}
.ipt-wrap li.wd100 {
  width: 100%;
  max-width: 590px;
}
.ipt-wrap li.wd100 input,
.ipt-wrap li.wd100 label {
  width: 100%;
}
.ipt-wrap dt {
  font-size: 2rem;
  font-weight: 700;
  color: #191919;
  min-width: 20rem;
}
.ipt-wrap dd {
  width: 100%;
  font-size: 16px;
}
.ipt-wrap .ipt-list {
  display: flex;
  align-items: center;
  gap: 0 2rem;
}
.ipt-wrap small {
  margin-top: 1rem;
  color: #878787;
}

.agree-list li {
  margin-bottom: 1.2rem;
  color: #191919;
  font-weight: 600;
  cursor: pointer;
}

.green-btn,
.postcode-btn,
.postcode-btn2
{
  width: 12rem;
  font-size: 1.6rem;
  background: #54a942;
  border-radius: 0.8rem;
  padding: 1.2rem 1.6rem;
  color: #fff;
  font-weight: 700;
  text-align: center;
  border: 0;
}

#postcode,
#postcode2
{
  width: 15rem;
}
#address,
#address2
{
  width: 29rem;
}

.ipt-email {
  background: #f5f6fa;
  border-radius: 0.8rem;
}

.ipt-email .email1 {
  max-width: 20rem;
}

.cont_file{
  position: relative;
  line-height: 48px;
  cursor: pointer;

  border-radius: 8px;
  border: solid 1px rgb(230, 230, 230);
  background-color: rgb(255, 255, 255);
  padding-left: 12.5px;

  font-size: 16px;
  font-weight: normal;
  letter-spacing: 0.16px;
  color: rgb(115, 115, 115);
}
.cont_file::-webkit-file-upload-button{
  position: absolute;
  right: 0;
  width: 88px;
  height: 48px;
  background-color: #f3f4f8;
  border: 0;
  margin: 0;
  cursor: pointer;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.43;
  letter-spacing: 0.14px;
  text-align: center;
  color: #999;
}


@media screen and (max-width: 1024px) {
  html {
    font-size: 9px;
  }
  .sub_nav_ul {
    padding: 4rem 0;
  }
  .sub-sec:first-of-type {
    padding-top: 4rem;
  }
  .sub-tab li {
    min-width: auto;
  }
  .sub-top-tit {
    font-size: 3.5rem;
  }
  .ss-title {
    font-size: 2.8rem;
  }
  .ss-big-title{
    font-size: 3.2rem;
    margin-bottom: 1.6rem;
  }
  .line-box {
    padding: 2rem;
  }
  .line-box02 {
    padding: 2rem 0;
  }
  .res-info {
    flex-wrap: wrap;
  }
  .res-info .right {
    width: 100%;
    margin-top: 3rem;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .ipt-wrap dt {
    min-width: 15rem;
  }
  #address {
    width: auto;
  }

  .ipt-wrap .ipt-list {
    gap: 2rem;
    flex-wrap: wrap;
  }

  .reservation01-wrap .res-sec01 {
    flex-direction: column;
  }

  .slide-tab {
    display: flex;
    gap: 2rem;
  }
  .slide-tab-list {
    font-size: 1.6rem;
    line-height: 2;
    border-bottom: 1px solid #ccc;
  }
  .slide-tab-list::before {
    display: none;
  }
  .slide-tab-list:hover,
  .slide-tab-list.current {
    padding-left: 0;
    border-bottom: 1px solid #000;
  }
  .reservation01-wrap .res-sec02,
  .reservation01-wrap .res-sec02 .right {
    gap: 3rem;
  }
  .reservation01-wrap .res-sec02 .left,
  .reservation01-wrap .res-sec02 .right {
    width: 100%;
  }
  .reservation01-wrap .res-sec03 .line-box {
    flex-direction: column;
    align-items: flex-start;
    gap: 3rem;
  }

  .guide-box {
    padding-bottom: 4rem;
    margin-bottom: 4rem;
  }
  .fac-slide-pagination{
    display: block;
  }


  .dot-list li .rsv-subtit{
    font-size: 16px;
  }
  .dot-list li .rsv-subtxt{
    font-size: 14px;
  }
  .dot-list li .rsv-substat{
    margin: 6px 0;
  }
  .dot-list li .rsv-substat tr th,
  .dot-list li .rsv-substat tr td
  {
    font-size: 13px;
    padding: 6px 0;
  }
  .dot-list li .rsv-lic{
    padding-left: 12px;
    font-size: 15px;
  }
}

@media screen and (max-width: 768px) {
  html {
    font-size: 8px;
  }
  .sub-sec {
    padding-bottom: 4rem;
  }
  .sub-top-tit {
    font-size: 3rem;
  }
  .ss-title {
    font-size: 2.5rem;
  }
  .ss-big-title{
    font-size: 2.8rem;
  }
  .payment-info {
    flex-wrap: wrap;
  }
  .calendar-wrap .btn-month .cal-btn-wrap {
    font-size: 0;
  }

  .sub-sec:first-of-type p br{
    display: none;
  }

  .guide-step ul {
    gap: 3rem 0;
  }

  .guide-step .icon-box {
    width: 8rem;
  }
  .guide-step .icon-box img {
    height: 50%;
  }
  .guide-step li {
    width: 33.33%;
    font-size: 1.8rem;
  }
  .guide-step li:nth-child(3)::after {
    display: none;
  }
  .guide-step li:after {
    width: 0.8rem;
    right: -0.8rem;
    top: 25%;
  }
  .slide-tab {
    flex-wrap: wrap;
    gap: 0 2%;
    margin-bottom: 3rem;
  }
  .slide-tab-list {
    width: 32%;
  }
  .res-cal-wrap .cal-tb td {
    height: 7rem;
  }
  .box-txt {
    margin-bottom: 2rem;
    padding-bottom: 1.4rem;
  }

  .res-info .right .payment-total {
    width: 100%;
    text-align: left;
  }

  .ipt-wrap {
    align-items: flex-start;
    flex-direction: column;
    gap: 1rem;
  }


}

@media(max-width:359px){
  .dot-list li .rsv-subtit{
    font-size: 15px;
  }
  .dot-list li .rsv-subtxt{
    font-size: 13px;
  }
  .dot-list li .rsv-substat tr th,
  .dot-list li .rsv-substat tr td
  {
    font-size: 11px;
    padding: 5px 0;
  }
  .dot-list li .rsv-lic{
    font-size: 13px;
  }
}


/* 입시정보 */
/* tab */
.ipsi-tab {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin: 8rem 0;
}

.ipsi-tab li {
  width: 25%;
  border: 1px solid #d9d9d9;
}
.ipsi-tab li:not(:nth-child(4n)) {
  border-right: 0;
}

.ipsi-tab li.on,
.ipsi-tab li:hover {
  border: 2px solid #0070c2;
}

.ipsi-tab li a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ipsi-tab li img {
  width: auto;
  height: 4rem;
  object-fit: contain;
}
/* title */
.ipsi-title {
  position: relative;
}

.ipsi-title .sub-top-tit {
  margin-bottom: 4rem;
}
.ipsi-title .sub-btn-wrap {
  justify-content: center;
}
.ipsi-title .sub-btn-wrap a {
  position: relative;
  /* display: flex;
  gap: 1rem;
  align-items: center; */
  font-weight: 500;
  transition: 0.2s;
}
.ipsi-title .sub-btn-wrap a:hover {
  color: #fff;
  border-color: #0070c2;
  background: #0070c2;
}
.ipsi-title .sub-btn-wrap span:after {
  content: url("../img/icon_download_b.svg");
  margin-left: 1rem;
  vertical-align: -10%;
}
.ipsi-title .sub-btn-wrap a:hover span:after {
  content: url("../img/icon_download_w.svg");
  margin-left: 1rem;
  vertical-align: -10%;
}

/* chart */
.chart-wrap {
  position: relative;
  padding: 8rem 4rem 4rem;
  border: 1px solid #d9d9d9;
  border-radius: 0.8rem;
}
.chart-wrap .chart-title {
  position: absolute;
  left: -1px;
  top: -1px;
  width: calc(100% + 2px);
  text-align: center;
  padding: 2rem;
  background-color: #f6f6f6;
  font-size: 2.4rem;
  font-weight: 700;
  border-radius: 0.8rem 0.8rem 0 0;
}
.chart-box-wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.chart-box-wrap.scroll {
  overflow-x: auto;
}
.chart-box-wrap.scroll .chart-box {
  min-width: 700px;
margin-left:auto;
}
.chart-box-wrap .chart-box {
position:relative;
  width: 100%;
}

.chart-txt {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.chart-txt-top {
  color: #707070;
  font-size: 1.9rem;
  font-weight: 700;
}
.chart-txt-top h4 {
  font-size: 3.4rem;
}

/* chart(pie) */
.chart-pie {
  width: 100% !important;
  aspect-ratio: 1/1;
  max-width: 300px;
  max-height: 300px;
  margin: 1rem auto 0;
}

.pie-txt {
  font-size: 1.6rem;
  color: #707070;
  font-weight: 700;
}
.pie-txt li {
  position: absolute;
}
.pie-txt li:nth-child(1) {
  left: 0;
  top: 2rem;
}

.pie-txt li:nth-child(2) {
  font-size: 2rem;
  right: 0;
  bottom: 0;
}

/* chart legend */
.chart-legend {
  display: flex;
  gap: 3rem;
  justify-content: center;
  margin: 3rem 0 1rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #707070;
}
.legend-box {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.legend-color {
  width: 3rem;
  height: 1.5rem;
  border-radius: 0.5rem 0.5rem 0 0;
}
.legend02 {
  padding: 0.7rem 2rem;
  border: 1px solid #ddd;
  margin-bottom: 0;
  gap: 1.6rem;
  justify-content: space-between;
}
.legend02 .legend-color {
  width: 1.5rem;
  border-radius: 50%;
}

.legend02 .legend-box {
  text-align: center;
  flex-direction: column;
}

/* chart years */
.chart-year-list {
  display: flex;
  text-align: center;
  justify-content: center;
}
.chart-year-list li {
  width: 25%;
  font-size: 1.8rem;
  font-weight: 700;
  color: #707070;
}
.chart-year-list.list06 li {
  width: 13.5%;
}

/* progress */

.progress-bar {
  width: 100%;
  height: 44px;
  background: #e8e8e8;
  margin-bottom: 3rem;
}
.progress-bar::-webkit-progress-bar {
  background: #e8e8e8;
}
.progress-bar::-webkit-progress-value {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.progress01::-webkit-progress-value {
  background-color: #a3a6f7;
}
.progress02::-webkit-progress-value {
  background: #6dd5ca;
}

.progress-txt {
  display: flex;
  justify-content: space-between;
  margin: 4rem 0 1rem;
}
.progress-txt li {
  font-size: 1.8rem;
  font-weight: 700;
  color: #707070;
}

/* ipsi01 대학별 입시정보 */
.sub-sec.flex {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.sub-sec.flex.ip012 .left{
  width: 100%;
}
.sub-sec.flex.ip012 .right{
  display: none;
}
.sub-sec.flex .left {
  width: calc(36% - 2rem);
}
.sub-sec.flex .right {
  width: calc(64% - 2rem);
}
.sub-sec.ipsi01-1-sec04 .left,
.sub-sec.ipsi01-1-sec04 .right {
  width: calc(50% - 2.5rem);
}
.ipsi01-1-sec02 .left .chart-box-wrap {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.ipsi01-1-sec03 .right .chart-box-wrap {
  display: flex;
  flex-direction: row;
  align-items: normal;
}
.ipsi01-1-sec03 .right .chart-box-wrap > div {
  width: 50%;
}
.ipsi01-1-sec03 .right .chart-txt {
  padding: 3rem 0 0 3rem;
}

/* ipsi02-1 대학알리미 정보관 - 대학공시정보 */
.ipsi02-wrap .sub-sec:first-of-type {
  padding-top: 0;
}
.sub-sec .border {
  border: 1px solid #d0d0d0;
}
.univ-info {
  padding: 7.5rem 6rem;
  font-size: 2rem;
}
.univ-info-top {
  display: flex;
  justify-content: space-between;
}
.univ-info * {
  line-height: 1.5;
}
.univ-info-bottom {
  padding-top: 4rem;
  margin-top: 4rem;
  border-top: 1px solid #ccc;
}
.univ-logo {
  width: 30%;
}
.univ-desc {
  width: 65%;
}
.univ-name {
  font-size: 3rem;
  font-weight: 700;
}
.univ-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5rem;
}
.univ-link {
  display: flex;
  gap: 2rem;
}
.univ-link a {
  display: block;
  font-size: 2rem;
  border: 1px solid #ddd;
  padding: 1rem 3rem;
  border-radius: 5rem;
  transition: 0.2s;
}
.univ-link a:hover {
  color: #fff;
  background: #0070c2;
}
.univ-txt p {
  margin-bottom: 1rem;
}
.univ-txt span {
  position: relative;
  display: inline-block;
  margin-right: 1.5rem;
  padding-right: 1.5rem;
}
.univ-txt span::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 1px;
  height: 1.5rem;
  background: #707070;
}
.univ-txt span:last-of-type::after {
  display: none;
}

.univ-info-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.univ-info-list li {
  width: 32%;
  padding: 4rem;
  margin-bottom: 8rem;
}
.univ-info-box {
  position: relative;
  font-size: 1.8rem;
}

.univ-info-box .top {
  padding-bottom: 2rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid #ddd;
}

.univ-info-box .top h4 {
  display: flex;
  font-size: 2.2rem;
  font-weight: 700;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
}

.univ-info-box .top span {
  display: block;
  font-size: 1.6rem;
  font-weight: 500;
  text-align: right;
  color: #707070;
}

.univ-info-box .top strong {
  color: #0070c2;
  margin-left: auto;
}
.univ-info-box img {
  max-height: 3rem;
}

.univ-info-box dl {
  display: flex;
  justify-content: space-between;
  margin-top: 1rem;
  color: #000;
}

.univ-info-box small {
  position: absolute;
  left: 0;
  bottom: -3rem;
  font-size: 1.6rem;
  color: #9a9a9a;
}

/* ipsi02-2 대학알리미 정보관 - 학과정보 */

.sub-table table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1.8rem;
  text-align: center;
}

.sub-table.scroll {
  overflow-y: auto;
}
.sub-table.scroll table {
  min-width: 60rem;
}
.sub-table thead {
  background: rgba(21, 117, 118, 0.05);
  border-bottom: 1px solid #d0d0d0;
}
.sub-table th {
  font-weight: 700;
}
.sub-table thead td {
  font-weight: 500;
}
.sub-table th,
.sub-table td {
  padding: 2rem;
}
.sub-table tbody tr {
  border-bottom: 1px solid #d0d0d0;
}
.sub-table tbody td {
  border-right: 1px solid #d0d0d0;
}
.sub-table tbody td:last-of-type {
  border-right: 0;
}
.sub-table small {
  display: block;
  margin-top: 3rem;
  text-align: right;
  color: #4c494b;
  font-size: 1.8rem;
}

.dept-table table {
  font-size: 2rem;
}

.dept-table th {
  font-size: 2.2rem;
}
.dept-table thead {
  border-top: 1px solid #0070c2;
}
.dept-table tbody {
  font-weight: 500;
}

.dept-table .t-blue {
  text-align: left;
}

/* 페이징 */
.pg_wrap {
  clear: both;
  margin: 3rem 0;
  text-align: center;
  display: block;
  float: inherit;
}
.pg_wrap:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: "";
}
.pg_page,
.pg_current,
.qa_page {
  display: inline-block;
  vertical-align: middle;
}
.pg a:focus,
.pg a:hover {
  text-decoration: none;
}
.pg_page,
.qa_page {
  background: #fff; /* border:0; */
  color: #777;
  font-size: 1.4rem;
  height: 3.2rem;
  line-height: 3.2rem;
  padding: 0 5px;
  min-width: 3.2rem;
  text-decoration: none; /* border-radius:0;  */
  margin: 0;
}
.pg_page:hover {
  background-color: #0070c2;
  color: #fff;
  border: 1px solid #eee;
}
.pg_start {
  text-indent: -999px;
  overflow: hidden;
  background: url("../img/btn_first.gif") no-repeat 50% 50%;
  padding: 0;
}
.pg_prev {
  text-indent: -999px;
  overflow: hidden;
  background: url("../img/btn_prev.gif") no-repeat 50% 50%;
  padding: 0;
}
.pg_end {
  text-indent: -999px;
  overflow: hidden;
  background: url("../img/btn_end.gif") no-repeat 50% 50%;
  padding: 0;
}
.pg_next {
  text-indent: -999px;
  overflow: hidden;
  background: url("../img/btn_next.gif") no-repeat 50% 50%;
  padding: 0;
}
.pg_start:hover,
.pg_prev:hover,
.pg_end:hover,
.pg_next:hover {
  background-color: rgba(145, 158, 171, 0.5);
}

.pg_current {
  display: inline-block;
  /* border:none; */
  background: #0070c2;
  border: 1px solid #eee;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 500;
  height: 3.2rem;
  line-height: 3.2rem;
  padding: 0 0.5rem;
  min-width: 3.2rem;

  /* border-radius:0; */
}
span.sound_only {
  display: none;
}
.bbs-view-image img {
  max-width: 100%;
  height: auto;
}

/* ipsi02-3 대학알리미 정보관 - 수시정보 */
.admission-guide-list {
  padding: 4rem 6rem;
}
.admission-guide-list h3 {
  font-size: 2.8rem;
  margin-bottom: 4rem;
}
.admission-guide-list ul {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 500;
}

.admission-guide-list li {
  width: calc(14.285% - 20px);
}

.admission-guide-list .icon-box {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 7rem;
}

.admission-guide-list p {
  margin: 2.4rem 0;
}

.admission-guide-list a {
  display: inline-block;
  border: 1px solid #0070c2;
  border-radius: 10rem;
  width: 13rem;
  padding: 0.8rem;
  font-size: 1.6rem;
  transition: 0.2s;
}

.admission-guide-list a span {
  padding-left: 2rem;
  background: url(../img/icon_download_bl.png) no-repeat left/auto 60%;
}

.admission-guide-list a:hover {
  background: #0070c2;
  color: #fff;
}

.admission-guide-list a:hover span {
  background: url(../img/icon_download_w.png) no-repeat left/auto 60%;
}
.ipsi02-3-sec02 {
  padding-top: 2rem;
}
.admission-result-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.admission-result-list li {
  width: 47%;
  margin-bottom: 5rem;
}
.admission-result-list h4 {
  font-size: 2.6rem;
  margin-bottom: 1.5rem;
}
.adm-table table {
  border: 1px solid #d0d0d0;
  border-bottom: 0;
}
.adm-table th {
  border-right: 1px solid #d0d0d0;
}

.adm-table th:last-of-type {
  border-right: 0;
}
.adm-table small {
  font-size: 1.6rem;
  color: #9a9a9a;
}
/* ipsi03 모집요강 */

.sub03-tab {
  display: flex;
  margin-top: -1rem;
  gap: 2rem;
  margin-bottom: 4rem;
}
.sub03-tab li {
  border-radius: 10rem;
  border: 1px solid #d0d0d0;
}
.sub03-tab a {
  display: inline-block;
  padding: 1rem 5rem;
  font-size: 2rem;
  font-weight: 600;
  text-align: center;
  color: #707070;
  border: 2px solid transparent;
  border-radius: 10rem;
  transition: 0.2s;
}

.sub03-tab li.on a,
.sub03-tab li:hover a {
  border: 2px solid #0070c2;
  color: #0070c2;
}
.pdf-wrap {
  position: relative;
  display: flex;
  justify-content: space-between;
}
.pdf-viewer-wrap {
  width: 65%;
}
#pdf-viewer {
  position: relative;
  width: 100%;
  height: 100%;
  background: #ccc;
}

.pdf-sidebar {
  width: 30%;
}

.pdf-sidebar select {
  color: #0070c2;
  font-weight: 700;
  border: 1px solid #0070c2;
  border-radius: 0.6rem;
  padding: 1.5rem 2rem;
  font-size: 1.8rem;
}
.pdf-index {
  margin-top: 3rem;
  font-size: 1.8rem;
  font-weight: 600;
}
.pdf-index .top {
  border-bottom: 1px solid #707070;
  padding-bottom: 2rem;
}
.pdf-index h3 {
  font-size: 2.4rem;
  font-weight: 700;
  color: #000;
  margin-bottom: 0.5rem;
}
.pdf-index p {
  font-size: 1.6rem;
  color: #707070;
  font-weight: 400;
}
.pdf-index li {
  position: relative;
  padding: 2rem 0;
  cursor: pointer;
  border-bottom: 1px solid #d0d0d0;
  transition: 0.2s;
}
.pdf-index li::before {
  content: "";
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.6rem;
  transition: 0.2s;
  opacity: 0;
  width: 2rem;
  height: 1rem;
  background: url(../img/icon_nav_active.png) no-repeat center/cover;
}
.pdf-index li:hover {
  padding-left: 4rem;
  background-color: #f2f2f2;
}

.pdf-index li:hover:before {
  opacity: 1;
}

.pdf-download-btn {
  display: flex;
  margin-top: 2rem;
  font-size: 1.6rem;
  font-weight: 500;
  text-align: center;
  justify-content: space-between;
}

.pdf-download-btn a {
  width: 48%;
  border: 1px solid #d0d0d0;
  display: block;
  padding: 2rem;
  border-radius: 0.6rem;
  transition: 0.2s;
}
.pdf-download-btn span {
  display: block;
  padding-top: 3rem;
  background: url(../img/icon_download_b.png) no-repeat center top / auto 1.9rem;
}

.pdf-download-btn a:hover {
  background: #707070;
  color: #fff;
}

.pdf-download-btn a:hover span {
  background: url(../img/icon_download_w.png) no-repeat center top / auto 1.9rem;
}

@media screen and (max-width: 1200px) {
  .ipsi-tab {
    margin: 4rem 0;
  }
  .univ-info-list li {
    width: 49%;
  }
  .admission-guide-list ul {
    gap: 4rem 0;
  }
  .admission-guide-list li {
    width: calc(100% / 4);
  }
}
@media screen and (max-width: 768px) {
  .ipsi-tab {
    margin: 2rem 0;
  }
  .ipsi-tab li {
    width: 50%;
  }
  .ipsi-tab li:nth-child(2n) {
    border-right: 1px solid #d9d9d9;
  }

  .sub-btn-wrap a,
  .sub-btn-wrap button {
    min-width: auto;
    line-height: 1.3;
    padding: 2rem;
    font-size: 1.6rem;
  }
  .ipsi-title .sub-btn-wrap {
    flex-wrap: wrap;
  }
  .ipsi-title .sub-btn-wrap a {
    width: 100%;
    margin-bottom: 2rem;
  }
  /* .ipsi-title .sub-btn-wrap span:after {
    display: block;
    margin: 0;
    margin-top: 1rem;
  } */
  .chart-wrap {
    padding: 8rem 2rem 2rem 2rem;
  }
  .sub-sec.flex {
    gap: 3rem;
  }

  .sub-sec.flex .left,
  .sub-sec.flex .right {
    width: 100%;
  }
  .ipsi01-1-sec03 .right .chart-box-wrap {
    flex-wrap: wrap;
  }
  .ipsi01-1-sec03 .right .chart-box-wrap > div {
    width: 100%;
  }
  .ipsi01-1-sec03 .right .chart-txt {
    padding: 0;
    padding-top: 1rem;
  }

  .univ-info {
    padding: 3.5rem 3rem;
  }
  .univ-info-top {
    flex-wrap: wrap;
  }
  .univ-logo {
    width: 100%;
  }
  .univ-desc {
    width: 100%;
    margin-top: 5rem;
  }

  .univ-title {
    align-items: flex-start;
    flex-direction: column;
    gap: 3rem;
    margin-bottom: 3rem;
  }
  .univ-txt span {
    display: block;
  }
  .univ-txt span::after {
    display: none;
  }
  .univ-txt p {
    margin-bottom: 0;
  }
  .univ-info-bottom {
    padding-top: 2rem;
    margin-top: 2rem;
  }
  .univ-info-list li {
    padding: 2rem;
    width: 100%;
  }
  .sub-table th,
  .sub-table td {
    padding: 1.5rem;
  }
  .dept-table {
    margin-bottom: 5rem;
  }
  .dept-table th {
    font-size: 1.8rem;
  }
  .dept-table table {
    font-size: 1.6rem;
  }
  .sub-table small {
    text-align: left;
  }

  .admission-guide-list {
    padding: 3rem 2rem;
  }
  .admission-guide-list li {
    width: calc(100% / 3);
  }
  .admission-result-list li {
    width: 100%;
  }
  .admission-guide-list .icon-box {
    height: 6rem;
  }
  .admission-guide-list .icon-box img {
    height: 100%;
  }
  .pdf-wrap {
    flex-direction: column-reverse;
  }
  .pdf-sidebar {
    width: 100%;
    margin-bottom: 3rem;
  }
  .pdf-index {
    display: none;
  }
  .pdf-viewer-wrap {
    width: 100%;
    height: 70vh;
  }
}

@media screen and (max-width: 490px) {
  .admission-guide-list li {
    width: calc(100% / 2);
  }
}


/* 회원가입 - signup */
.signup-wrap {
  position: relative;
}
.signup-wrap .sub-btn-wrap {
  justify-content: center;
}
.signup-wrap .sub-btn-wrap a,
.signup-wrap .sub-btn-wrap button {
  min-width: 35rem;
}
.signup-caption {
  text-align: center;
  font-size: 1.8rem;
  line-height: 1;
  background: #f6f6f6;
  padding: 2rem;
  border-radius: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.signup-step ul {
  display: flex;
  justify-content: center;
  text-align: center;
  gap: 5%;
  font-size: 1.8rem;
}
.signup-step li {
  position: relative;
  width: 30%;
  max-width: 10rem;
}
.signup-step .num {
  display: block;
  margin: 0 auto 2rem;
  width: 100%;
  max-width: 10rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  font-size: 3.6rem;
  font-weight: 600;
  color: #fff;
  background: #ccc;
  display: flex;
  align-items: center;
  justify-content: center;
}
.signup-step li.on .num {
  background: #0070c2;
}
.signup-step li:nth-child(2):after {
  content: "";
  width: 330%;
  height: 1px;
  background: #ccc;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 5rem;
  z-index: -1;
}

/* 회원가입 - 약관동의 */
.signup-terms-all {
  margin-bottom: 4rem;
}
.signup-terms-all .ipt-wrap {
  font-size: 1.8rem;
  color: #191919;
  font-weight: 600;
  margin-bottom: 2rem;
}
.signup-terms {
  margin-bottom: 4rem;
}
.signup-terms:last-of-type {
  margin-bottom: 8rem;
}
.signup-terms .ipt-wrap {
  flex-direction: row-reverse;
  font-weight: 500;
  color: #191919;
  padding-top: 1.6rem;
}
.signup-terms h3 {
  font-size: 2.2rem;
  font-weight: 700;
  margin-bottom: 2rem;
}
.terms-box {
  border: 1px solid #ddd;
  border-radius: 0.8rem;
  padding: 4rem;
  max-height: 25rem;
  overflow-y: auto;
}

.terms-box h4 {
  font-size: 1.8rem;
  margin-bottom: 2rem;
}

.signup01-sec02,
.signup02-sec02 {
  padding-top: 0 !important;
}

/* 회원가입 완료 */
.signup03-sec02 strong {
  color: #0070c2;
}
.result-title {
  text-align: center;
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 4rem;
}
.result-box {
  background: #f6f6f6;
  border-radius: 0.8rem;
  padding: 4rem 6rem;
  text-align: center;
  font-size: 1.4rem;
  color: #333;
}

.result-email {
  background: #fff;
  padding: 2.4rem 0;
  margin: 1.4rem 0 2rem;
}
.result-txt {
  line-height: 1.5;
}

.rank-line{
  display: flex;
  align-items: center;
  gap: 5px;
  max-width: 590px;
  width: 100%;
}
.rank-line .rank-select{
  width: 150px;
  cursor: pointer;
}
.rank-line .rank-txtipt{
  width: calc(100% - 155px) !important;
  display: none;
}


/* 로그인 */
.login-wrap {
  background: #fff;
  border-radius: 0.8rem;
  padding: 2rem 5%;
}
.login-wrap * {
  line-height: 1.4;
}
.login-wrap h4 {
  font-size: 2.4rem;
  margin-bottom: 2rem;
}
.login-wrap #login_fs {
  padding: 0;
}
.login-wrap .mbskin {
  width: 100%;
  max-width: 60rem;
  border: 0;
  margin: 0 auto;
}
.login-wrap .mbskin .mbskin_box {
  border: 0;
}
.login-sec01 {
  text-align: center;
	font-size:1.8rem;		
}
.login-wrap .sub-frm input[type="text"],
.login-wrap .sub-frm input[type="password"] {
  padding: 2.9rem 1.2rem;
}
.login-wrap .sub-btn-wrap {
  margin-bottom: 2rem;
}
.login-wrap .submit {
  width: 100%;
}

.login-wrap #find_info .new_win_con {
  background: #fff;
  text-align: center;
  padding: 0;
  margin: 0 auto;
  max-width: 60rem;
}

.login-wrap #login_info {
margin-top:1rem;
margin-bottom:4rem;
}

/* 마이페이지 - mypage */
.mypage-wrap {
  position: relative;
}
.mypage-sec01 {
  padding-top: 0 !important;
}
.member-business-imgBtn{
  line-height: 1.5;
  letter-spacing: 0.16px;
  color: rgb(51, 51, 51);
  outline: none;
  border: none;
  background: transparent;
  text-decoration: underline;
  cursor: pointer;
}
.mypage-tab-line{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px 0;
  border-top: 2px solid rgb(25, 25, 25);
  border-bottom: 2px solid rgb(217, 217, 217);
  margin-bottom: 60px;
}
.mypage-tab-line > li a{
  display: block;
  width: 164px;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: normal;
  color: rgb(85, 85, 85);
  padding: 23px 0;
  position: relative;
  transition: all 0.3s ease-in-out;
}
.mypage-tab-line > li a::after{
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: rgb(0,112,194);
  position: absolute;
  bottom: -2px;
  left: 0;
  opacity: 0;
  z-index: 2;
  transition: all 0.3s ease-in-out;
}
.mypage-tab-line > li a:hover{
  color: rgb(0, 112, 194);
}
.mypage-tab-line > li a:hover::after{
  opacity: 1;
}

.mypage-table {
  margin: -1.2rem 0;
	color:#333;
	
}
.mypage-table .left {
  text-align: left;
}
.mypage-table thead {
  background: #fff;
}

.mypage-table tbody tr:last-child {
  border-bottom: 0;
}

.mypage-table td {
  border-right: 0 !important;
}

.status-cancel {
  color: #878787;
}
.status-confirmed {
  color: #0070c2;
}
.status-wait {
  color: #333;
}

.mypage-table .tb-btn {
display:inline-block;
border:1px solid #E3E3E3;
border-radius:0.8rem;
padding: 0.6rem 2.2rem;
background-color: #fff;
}
.mypage-table .tb-btn.disabled{
  border: solid 1px rgba(227, 227, 227,0.6);
  color: rgba(51, 51, 51, 0.6);
  cursor: no-drop;
}

.login-wrap #captcha {
  width: 100%;
  text-align: left;
	margin:1rem 0 3rem;
}



@media screen and (max-width: 768px) {
  .signup-wrap .sub-btn-wrap a,
  .signup-wrap .sub-btn-wrap button {
    min-width: auto;
  }

  .mypage-tab-line{
    border-top: 2px solid rgb(25, 25, 25);
    border-bottom: 1px solid rgb(217, 217, 217);
    margin-bottom: 30px;
    gap: 0;
  }
  .mypage-tab-line > li a{
    width: 100px;
    font-size: 15px;
    padding: 10px 0;
  }
}


.rsv-subtxt{
  margin-top: 2rem;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.2px;
  color: #191919;
}
.rsv-subtxt .blue{
  color: #0070c2;
}

.n-ipt{
  width: 100%;
  height: auto;
  font-size: 1.6rem !important;
  font-weight: normal;
  line-height: 1.25;
  letter-spacing: 0.16px;
  color: #181818;
  padding: 14px 16px !important;
  border-radius: 8px;
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 8px !important;
}
.n-ipt::placeholder{
  color: #737373;
}
select.n-ipt{
  background: #fff url(/html/img/caret_down.svg) no-repeat center right 5px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  width: 100%;
}
.datepicker{
  background: #fff url(/html/img/datepicker.svg) no-repeat center right 5px;
  cursor: pointer;
}
.n-submit-btn{
  border-radius: 8px;
  background: #0070c2;
  outline: none;
  border: none;
  text-align: center;
  width: 100%;
  display: block;
  height: auto;
  font-size: 1.4rem;
  font-weight: normal;
  text-align: center;
  color: #fff;
  padding: 15px 0;
}

.ui-datepicker .ui-datepicker-title select.ui-datepicker-year {
  order: 1; /* First in order */
  margin-right: 5px;
}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-month {
  order: 2; /* Second in order */
}
.ui-datepicker-title {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{
  top: 0 !important;
}
 

.n-popup-wrap{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0,0.4);
  z-index: 99999;
  display: none;
}
.n-popup-wrap .n-popup-box{
  max-width: 1024px;
  width: 100%;
  position: absolute;
  top: 50%;  
  left: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  padding: 30px;
  background: #fff;
  border-radius: 8px;
}
.n-popup-wrap .n-popup-box .close-btn{
  display: flex;
  justify-content: flex-end;
  position: absolute;
  top: 16px;
  right: 16px;
  width: 32px;
  cursor: pointer;
}
.n-popup-wrap .n-popup-box .n-popup-conwrap{
  max-height: calc(100vh - 100px);
  overflow-y: auto;
}
.n-popup-wrap .n-popup-box .n-popup-conbox > h2{
  font-size: 24px;
  font-weight: bold;
  letter-spacing: -0.48px;
  color: rgb(25, 25, 25);
  padding-bottom: 21px;
  margin-bottom: 20px;
  border-bottom: 1px solid rgb(217, 217, 217);
}

/* 팝업 */

/* common */

.res-selDate-frmbox{
  margin: 1rem 0 2rem;
}
.res-selDate-frmbox .con-line{
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
}
.res-selDate-frmbox .con-line > li:nth-child(1){
  width: 28%;
}
.res-selDate-frmbox .con-line > li:nth-child(2){
  width: 28%;
}
.res-selDate-frmbox .con-line > li:nth-child(3){
  width: 28%;
}
.res-selDate-frmbox .con-line > li:nth-child(4){
  width: 16%;
}

.rsv-stat{
  width: 100%;
  border-left: 1px solid rgb(234,236,240);
  border-top: 1px solid rgb(234,236,240);
  border-collapse: collapse;
}
.rsv-stat tr th,
.rsv-stat tr td{
  border-bottom: 1px solid rgb(234,236,240);
  border-right: 1px solid rgb(234,236,240);
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  padding: 5px 0;
  width: 2.5%;
}
.rsv-stat tr th:nth-child(1),
.rsv-stat tr th:nth-child(2),
.rsv-stat tr td:nth-child(1),
.rsv-stat tr th:nth-child(2){
  width: 15%;
}
.rsv-stat tr .rsv{
  background: #2785ff;
}
.rsv-stat tr .disabled{
  background: #ccc;
}

.rsv-color-infoline{
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 5px;
}
.rsv-color-infoline > li > span{
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 1px solid #D2D2D2;
  vertical-align: middle;
  position: relative;
  top: -1px;
}
.rsv-color-infoline > li.disabled > span{
  background: #ccc;
}
.rsv-color-infoline > li.rsv > span{
  background: #2785ff;
}
.rsv-color-infoline > li.psv > span{
  background: #fff;
}
.rsv-status-view-line{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 4rem;
}
.rsv-status-view-line li a{
  display: block;
  padding: 8px 5px;
  width: 74px;
  text-align: center;
  height: auto;
  color: rgb(85, 85, 85);
  border: solid 1px rgb(221, 221, 221);
  transition: all 0.3s ease-in-out;
  font-size: 15px;
}
.rsv-status-view-line li:first-child a{
  border-right: none;
}
.rsv-status-view-line li.active a,
.rsv-status-view-line li a:hover
{
  color: rgb(0, 112, 194);
}
.rsv-status-sec01 .subtab-box{
  text-align: center;
  padding: 20px 12px;
  border-radius: 8px;
  background-color: rgb(246, 246, 246);
  margin-bottom: 8.2rem;
}
.rsv-status-sec01 .subtab-box p{
  font-size: 18px;
  font-weight: normal;
  line-height: 1.5;
  letter-spacing: 0.18px;
  color: rgb(25, 25, 25);
  margin-bottom: 2rem;
}
.rsv-status-sec01 .subtab-box .con-line{
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: center;
  flex-wrap: wrap;
}
.rsv-status-sec01 .subtab-box .con-line li a{
  display: block;
  padding: 12px 20px;
  border-radius: 999px;
  background: #fff;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  text-align: left;
  color: rgb(51, 51, 51);
  transition: all 0,3s ease-in-out;
}
.rsv-status-sec01 .subtab-box .con-line li.active a,
.rsv-status-sec01 .subtab-box .con-line li a:hover
{
  background: rgb(0, 112, 194);
  color: #fff;
}
.res-cal-wrap.full{
  width: 100% !important;
  max-width: 100% !important;
}
.res-cal-wrap.w1300{
  max-width: 1300px !important;
}
.go-rsv-btnbox{
  margin-top: 4rem;
  display: flex;
  justify-content: flex-end;
}
.gr-abtn{
  padding: 14px 32px;
  border-radius: 8px;
  background-color: rgb(84, 169, 66);
  display: block;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  color: rgb(255, 255, 255);
}
.gr-abtn:hover{
  text-decoration: underline;
}

.tb-details-listbox{
  margin-top: 5px;
}
.tb-details-listbox p,
.rsv-details-more-box .view-list p
{
  width: 100%;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 500;
  color: rgb(255, 255, 255);
  padding: 7px 3px;
  text-align: left;
  border-radius: 4px;
  background-color: rgb(0, 162, 237);
}
.tb-details-listbox p{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tb-details-listbox .details-moreBtn{
  padding: 7px 0;
  text-align: center;
  width: 100%;
  border: none;
  outline: none;
  background: #fff;
  font-size: 14px;
  font-weight: 500;
  color: rgb(85, 85, 85);
}
.tb-details-listbox .details-moreBtn:hover{
  text-decoration: underline;
}

.rsv-details-more-box{
  position: absolute;
  left: 50%;
  top: calc(50% - 20px);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%,-50%);
  width: calc(100% + 45px);
  border-radius: 16px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  background-color: rgb(255, 255, 255);
  padding: 15px 22px;
  max-height: calc(100% + 100px);
  overflow-y: auto;
  z-index: 2;
}
.rsv-details-more-box .rsv-details-closebtn{
  position: absolute;
  top: 10px;
  right: 10px;
  width: 16px;
  cursor: pointer;
}

.rsv-details-more-box::-webkit-scrollbar {
  width: 4px;
  background-color: rgb(209, 209, 209);
}
.rsv-details-more-box::-webkit-scrollbar-thumb {
  background-color: rgb(125, 125, 125);
}
.rsv-details-more-box .view-date{
  text-align: center;
}
.rsv-details-more-box .view-date p{
  font-size: 14px;
  font-weight: 500;
  color: rgb(25, 25, 25);
  margin-bottom: 4px;
}
.rsv-details-more-box .view-date h3{
  font-size: 21px;
  font-weight: 500;
  color: rgb(25, 25, 25);
  margin-bottom: 16px;
}

.rsv2-golink-btnbox{
  display: flex;
  margin-top: 4rem;
  justify-content: center;
}
.rsv2-golink-btnbox .gr-abtn{
  max-width: 350px;
  width: 100%;
}
.rsv-stat-wrap{
  /* overflow-x: auto; */
}
.rsv-stat-wrap .rsv-stat{
  /* min-width: 767px; */
}
.ui-datepicker{
  z-index: 999 !important;
}

@media(max-width:1024px){
  .rsv-status-view-line{
    margin-bottom: 2rem;
  }
  .rsv-status-view-line li a{
    padding: 5px 3px;
    width: 60px;
  }
  .rsv-status-sec01 .subtab-box{
    padding: 16px 6px;
  }
  .rsv-status-sec01 .subtab-box p{
    font-size: 15px;
    margin-bottom: 1.2rem;
  }
  .rsv-status-sec01 .subtab-box .con-line{
    gap: 6px;
  }
  .rsv-status-sec01 .subtab-box .con-line li a{
    padding: 6px 10px;
    font-size: 16px;
  }
  .go-rsv-btnbox{
    margin-top: 2rem;
  }
  .gr-abtn{
    padding: 8px 16px;
  }
  
  .tb-details-listbox{
    margin-top: 4px;
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
  }
  .tb-details-listbox p,
  .rsv-details-more-box .view-list p
  {
    margin-bottom: 4px;
    font-size: 13px;
    padding: 5px 3px;
  }

  .tb-details-listbox p{
    border-radius: 100%;
    background: rgb(0, 162, 237);
    font-size: 0;
    text-indent: -9999em;

    width: 2.5vw;
    height: 2.5vw;
    padding: 0;
  }
  .rsv-status-calendar-wrap.res-cal-wrap .cal-tb td{
    height: 9rem;
  }

  .tb-details-listbox .details-moreBtn{
    padding: 5px 0;
  }
  .rsv-details-more-box{
    position: fixed;
    width: calc(100% - 15px);
    top: calc(50% - 16px);
    /* width: calc(100% + 20px); */
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    padding: 20px 15px;
    max-height: calc(100% + 80px);
  }
  .rsv-details-more-box::-webkit-scrollbar {
    width: 3px;
  }
  .rsv-details-more-box .view-date p{
    margin-bottom: 3px;
  }
  .rsv-details-more-box .view-date h3{
    font-size: 16px;
    margin-bottom: 12px;
  }

  .res-selDate-frmbox .con-line{
    flex-wrap: wrap;
  }
  .res-selDate-frmbox .con-line > li{
    width: calc(50% - 10px) !important;
  }
  .res-selDate-frmbox .con-line > li:nth-child(3){
    width: 100% !important;
  }

  .rsv-stat-wrap .rsv-stat tbody > tr:first-child{
    display: none !important;
  }
  .rsv-stat-wrap .rsv-stat tbody {
    display: flex;
    flex-direction: column;
  }
  .rsv-stat-wrap .rsv-stat tbody tr{
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    padding-bottom: 20px;
    border-bottom: 1px solid rgb(234,236,240);
  }
  .rsv-stat-wrap .rsv-stat tbody tr .time-td{
    width: 7.14%;
    height: 70px;
    position: relative;
  }
  .rsv-stat-wrap .rsv-stat tbody tr .time-td:nth-child(2n)::before{
    content: attr(data-time);
    width: 204%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 99;
    border-bottom: 1px solid rgb(234,236,240);
  }
  .rsv-stat-wrap .rsv-stat tbody tr .time-td:last-child::before{

  }
  .rsv-stat-wrap .rsv-stat tbody tr td.category{
    width: 100%;
  }
}

@media(max-width:355px){
  .tb-details-listbox p{
    width: 2vw;
    height: 2vw;
  }
  .tb-details-listbox .details-moreBtn{
    font-size: 12px;
  }
  .rsv-stat tr th, .rsv-stat tr td{
    font-size: 12px;
  }
}

/* 시설대관현황  */




.radio-ipt-wrap{
}
.radio-ipt-box{
  padding-bottom: 18px;
  border-bottom: 1px solid #d9d9d9;
  padding-top: 20px;
}
.radio-ipt-box:first-child{
  padding-top: 0;
}
.radio-ipt-box > .subject{
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -0.46px;
  color: #191919;
  margin-bottom: 1rem;
}
.radio-ipt-box > .radio-ipt-line{
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.radio-ipt-box > .radio-ipt-line li{
  position: relative;
}
.radio-ipt-box > .radio-ipt-line li input{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  opacity: 1;
}
.radio-ipt-box > .radio-ipt-line li label{
  position: relative;
  display: block;
  width: 6rem;
  height: 6rem;
  line-height: 6rem;
  border-radius: 8px;
  border: solid 1px #e0e0e0;
  background: #fff;

  font-size: 1.4rem;
  font-weight: normal;
  text-align: center;
  color: #474747;
  cursor: pointer;
}
.radio-ipt-box > .radio-ipt-line li input:checked + label{
  background-color: #0070c2;
  color: #fff;
}
.submit-line{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1rem;
}
.cancelbtn,
.frm-submitbtn{
  display: block;
  width: 100%;
  height: auto;
  text-align: center;
  outline: none;
  border: none;
  background: #fff;

  font-size: 1.4rem;
  font-weight: 600;
  color: #474747;
  padding: 2rem 0;
  border-radius: 8px;
  border: solid 1px transparent;
}
.cancelbtn:hover,
.frm-submitbtn:hover{
  text-decoration: underline;
}
.cancelbtn{
  border: solid 1px #e0e0e0;
}
.frm-submitbtn{
  color: #fff;
  border: 1px solid #0070c2;
  background-color: #0070c2;
}
.submit-line .cancelbtn,
.submit-line .frm-submitbtn{
  max-width: 35rem;
}
.survey-sec02 .submit-line{
  margin-top: 8rem; 
}
.report-sec01 .line-box02,
.survey-sec02 .line-box02
{
  margin-bottom: 8rem;
}


@media(max-width:1024px){
  .radio-ipt-box{
    padding-top: 1.8rem;
  }
  .submit-line .cancelbtn,
  .submit-line .frm-submitbtn{
    flex: 1;
  }
  .report-sec01 .line-box02,
  .survey-sec02 .line-box02
  {
    margin-bottom: 4rem;
  }
}

/* 마이페이지 */ 


.b-date-result-wrap .b-date-result-box{
  padding: 20px;
  border-radius: 8px;
  background-color: rgb(248, 248, 248);
  width: 100%;
  position: relative;
  margin-bottom: 20px;
}
.b-date-result-wrap .b-date-result-box:last-child{
  margin-bottom: 0;
}
.b-date-result-wrap .b-date-result-box .pick-cancelbtn{
  border: none;
  outline: none;
  background: none;
  position: absolute;
  top: 20px;
  right: 20px;
  width: 36px;
  z-index: 9;
  cursor: pointer;
  padding: 0;
}
.b-date-result-wrap .b-date-result-box .pick-cancelbtn img{
  display: block;
  width: 100%;
}
.b-date-result-wrap .b-date-result-box .txt-line{
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 12px;
}
.b-date-result-wrap .b-date-result-box .txt-line:last-child{
  margin-bottom: 0;
}
.b-date-result-wrap .b-date-result-box .txt-line > .tit{
  width: 72px;
  font-size: 18px;
  font-weight: normal;
  color: rgb(25, 25, 25);
}
.b-date-result-wrap .b-date-result-box .txt-line > .txt{
  width: calc(100% - 86px);
}
.b-date-result-wrap .b-date-result-box .txt-line > .txt.date{
  font-size: 18px;
  font-weight: 600;
  color: rgb(25, 25, 25);
}
.b-date-result-wrap .b-date-result-box .txt-line > .txt.time-line{
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.b-date-result-wrap .b-date-result-box .txt-line > .txt.time-line > .left{
  /* width: calc(100% - 182px); */
  width: 100%;
}
.chair-view-popup .b-date-result-wrap .b-date-result-box .txt-line > .txt.time-line > .left,
.chair-view-popup .b-date-result-wrap .b-date-result-box .txt-line > .txt.time-line > .right
{
  flex: initial;
}

.b-date-result-wrap .b-date-result-box .txt-line > .txt.time-line > .right{
  width: 172px;
}

.b-time-iptbox{
  display: flex;
  align-items: center;
  gap: 9px;
  flex-wrap: wrap;
}
.b-time-iptbox .sel{
  width: 130px;
}
.b-time-iptbox .total-time{
  font-size: 18px;
  font-weight: normal;
  text-align: left;
  color: #0070c2;
  width: calc(100% - 297px);
}
.b-time-iptbox .middle{
  width: 10px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.43;
  letter-spacing: 0.14px;
  color: rgb(0, 0, 0);
}
.b-date-result-wrap .b-date-result-box .txt-line .users-line > .sel-users-box{
  width: calc(100% - 82px);
  display: flex;
}
.sel-users-box > button,
.sel-users-box > .users-txtbox input
{
  width: 30px;
  height: 30px;
  line-height: 30px;
  border: solid 1px rgb(224, 224, 224);
  background-color: rgb(255, 255, 255);
  position: relative;
  cursor: pointer;
  text-align: center;

  font-size: 16px;
  font-weight: normal;
  color: rgb(25, 25, 25);
}
.sel-users-box > button img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  width: 11px;
  display: block;
  cursor: pointer;
}
.b-ipt-select{
  border-radius: 8px;
  border: solid 1px rgb(230, 230, 230);
  background-color: rgb(255, 255, 255);
  padding: 12px 16px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.43;
  letter-spacing: 0.14px;
  color: rgb(115, 115, 115);

  background: #fff url(/admin/img/sel_icon.svg) no-repeat center right 8px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  width: 100%;
}

select.b-ipt{
  background: rgb(245, 246, 250) url(/admin/img/sel_icon.svg) no-repeat center right 8px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  width: 100%;
}

.start-time option:disabled,
.end-time option:disabled {
  visibility: hidden;
  display: none;
}


.rsv-time-rst-wrap{
  margin-top: 2rem;
}
.rsv-time-rst-line.tit{
  border-top: 2px solid #191919;
}
.rsv-time-rst-line{
  display: flex;
  align-items: center;
  border-bottom: solid 1px #d9d9d9;
}
.rsv-time-rst-line > li{
  font-size: 20px;
  font-weight: normal;
  line-height: 1.5;
  letter-spacing: -0.4px;
  color: #191919;
  padding: 20px 0;
}
.rsv-time-rst-line > li.text-center{
  text-align: center !important;
}
.rsv-time-rst-line > li b{
  font-weight: bold !important;
}
.rsv-time-rst-line > li.date{
  width: 13%;
}
.rsv-time-rst-line > li.time{
  width: 76%;
}
.rsv-time-rst-line > li.personnel{
  width: 13%;
}
.frm-txtarea{
  height: 200px;
  overflow-y: auto;
  width: 100%;
  resize: none;
}

@media(max-width:1600px){
  .b-time-iptbox .sel{
    width: 90px;
  }
  .b-time-iptbox .total-time{
    width: calc(100% - 217px);
  }
}

@media(max-width:1024px){
  .b-date-result-wrap .b-date-result-box{
    padding: 16px 12px;
    margin-bottom: 12px;
  }
  .b-date-result-wrap .b-date-result-box .pick-cancelbtn{
    top: 6px;
    right: 6px;
    width: 22px;
  }
  .b-date-result-wrap .b-date-result-box .txt-line{
    gap: 8px;
    margin-bottom: 8px;
  }
  .b-date-result-wrap .b-date-result-box .txt-line > .tit{
    width: 60px;
    font-size: 15px;
  }
  .b-date-result-wrap .b-date-result-box .txt-line > .txt{
    width: calc(100% - 68px);
  }
  .b-date-result-wrap .b-date-result-box .txt-line > .txt.date{
    font-size: 15px;
  }
  .b-time-iptbox{
    gap: 6px;
  }
  .b-time-iptbox .sel{
    width: calc(50% - 11px);
  }
  .b-time-iptbox .total-time{
    font-size: 15px;
    width: 100%;
  }
  .b-date-result-wrap .b-date-result-box .txt-line .users-line > .sel-users-box{
    width: calc(100% - 68px);
  }
  .b-ipt-select{
    padding: 8px 12px;
  }

  .b-date-result-wrap .b-date-result-box .txt-line.time-txt-line{
    align-items: flex-start;
  }
  .b-date-result-wrap .b-date-result-box .txt-line.time-txt-line .tit{
    position: relative;
    top: 8px;
  }
  .line-box.b-date-result-wrap{
    height: auto;
    max-height: 600px;
  }

  .price-result-line > h3{
    font-size: 16px;
  }
  .price-result-line > h2{
    font-size: 18px;
  }



  .rsv-time-rst-line > li{
    font-size: 15px;
    padding: 12px 0;
  }
  .rsv-time-rst-line > li.date{
    width: 90px;
  }
  .rsv-time-rst-line > li.time{
    width: calc(100% - 170px);
  }
  .rsv-time-rst-line > li.personnel{
    width: 80px;
  }
}

@media(max-width:768px){
  .rsv-time-rst-line > li b{
    display: block;
  }
}

/* 강좌등록 */

.company-sec01 .imgbox{
  margin-bottom: 80px;
}
.company-sec01 .imgbox img{
  width: 140%;
  max-width: 140%;
  box-shadow: 0 0 28px 0 rgba(0, 0, 0, 0.15);
  border-bottom-left-radius : 70px;
  overflow: hidden;
}
.sec-cmtxt{
  text-align: center;
}
.sec-cmtxt h3{
  font-size: 48px;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: -1.1px;
  color: rgb(25, 25, 25);
  margin-bottom: 40px;
}
.sec-cmtxt h3 span,
.sec-cmtxt p span
{
  color: rgb(0, 112, 194);
}
.sec-cmtxt h3 span.gray{
  color: #999999;
}
.sec-cmtxt p{
  font-size: 20px;
  font-weight: normal;
  line-height: 1.5;
  letter-spacing: -0.46px;
  color: rgb(51, 51, 51);
}

.company-sec02{
  background: url(/html/img/company-sec02-bg.jpg) no-repeat center / cover;
  padding: 118px 0;
}
.company-sec02 .titbox{
  text-align: center;
  margin-bottom: 60px;
}
.company-sec02 .titbox .c-tit{
  font-size: 32px;
  font-weight: normal;
  line-height: 1;
  letter-spacing: -0.74px;
  color: rgb(77, 180, 255);
  margin-bottom: 20px;
}
.company-sec02 .titbox > h3{
  font-size: 48px;
  font-weight: bold;
  letter-spacing: -1.1px;
  color: rgb(255, 255, 255);
}
.company-sec02 .con-line{
  display: flex;
  gap: 26px;
}
.company-sec02 .con-line > li{
  flex: 1;
}
.company-sec02 .con-line > li .conbox{
  padding: 78px 20px;
  text-align: center;

  border-radius: 20px;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background-blend-mode: overlay;
  background: linear-gradient(to left, rgba(255, 255, 255, 0) 127%, rgb(0, 0, 0) 107%, rgba(22, 22, 22, 0.91) 89%, rgba(255, 255, 255, 0.2) -24%);
}
.company-sec02 .con-line > li .conbox h3{
  font-size: 24px;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: -0.55px;
  color: rgb(238, 238, 238);
  margin-bottom: 18px;
}
.company-sec02 .con-line > li .conbox p{
  font-size: 20px;
  font-weight: normal;
  line-height: 1.25;
  letter-spacing: -0.46px;
  color: rgb(243, 243, 243);
}
.mobile{
  display: none !important;
}
br.alw{
  display: block !important;
}

.company-sec03{
  padding-top: 120px;
}
.company-sec03 .sec-tit{
  font-size: 48px;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: -1.1px;
  color: rgb(25, 25, 25);
  margin-bottom: 120px;
}
.company-sec03 .con-line{
  display: flex;
  gap: 10px;
  margin-bottom: 60px;
}
.company-sec03 .con-line:last-child{
  margin-bottom: 140px;
}
.company-sec03 .con-line > li{
  flex: 1;
}
.company-sec03 .con-line > li .txtbox h3{
  font-size: 24px;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: -0.55px;
  color: rgb(25, 25, 25);
  position: relative;
  padding-left: 10px;
}
.company-sec03 .con-line > li .txtbox h3::before{
  content: "";
  display: block;
  width: 3px;
  height: 24px;
  position: absolute;
  top: 3px;
  left: 0;
  background: rgb(0, 112, 194);
}
.company-sec03 .con-line > li .txtbox p{
  font-size: 20px;
  font-weight: normal;
  line-height: 1.25;
  letter-spacing: -0.46px;
  color: rgb(51, 51, 51);
  margin-bottom: 2px;
  position: relative;
  padding-left: 15px;
}
.company-sec03 .con-line > li .txtbox p::before{
  content: "-";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.company-sec03 .con-line > li .txtbox p:first-of-type{
  margin-top: 20px;
}

.company-sec03 .bottom-con{
  padding: 140px 0 12px;
  background-color: rgb(246, 246, 246);
  position: relative;
}
.company-sec03 .bottom-con .inner img{
  position: absolute;
  bottom: -12px;
  right: 5vw;
  max-width: 545px;
  width: 100%;
}

.company-sec03 .bottom-txt-swiper{
  white-space: nowrap;
}
.company-sec03 .bottom-txt-swiper p {
  font-size: 104px;
  font-size: 5vw;
  font-weight: 900;
  line-height: 0.7;
  letter-spacing: -4.6px;
  color: rgba(25, 25, 25,0.08);
}
.company-sec03 .bottom-txt-swiper .swiper-wrapper{
  transition: linear;
}

@media(max-width:1920px){
  .company-sec01 .imgbox img{
    width: 130%;
  }

  .company-sec03 .bottom-con .inner img{
    right: 10vw;
  }
}

@media(max-width:1600px){
  .company-sec01 .imgbox img{
    max-width: 100%;
    width: 100%;
  }
}
@media(max-width:1400px){
  .company-sec03 .bottom-con .inner img{
    right: 0;
    max-width: 400px;
  }
}

@media(max-width:1024px){
  .mobile{
    display: block !important;
  }
  .pc{
    display: none !important;
  }
  .company-sec01 .imgbox{
    margin-bottom: 30px;
  }
  .company-sec01 .imgbox img{
    width: calc(100% + 30px);
    max-width: calc(100% + 30px);
    box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.15);
    border-bottom-left-radius : 30px;
  }
  .sec-cmtxt h3{
    font-size: 24px;
    margin-bottom: 30px;
  }
  .sec-cmtxt p{
    font-size: 16px;
  }
  .sec-cmtxt p br{
    display: none;
  }
  .company-sec02{
    padding: 60px 0;
  }
  .company-sec02 .titbox{
    margin-bottom: 30px;
  }
  .company-sec02 .titbox .c-tit{
    font-size: 18px;
    margin-bottom: 10px;
  }
  .company-sec02 .titbox > h3{
    font-size: 24px;
  }
  .company-sec02 .con-line{
    flex-wrap: wrap;
    gap: 10px;
  }
  .company-sec02 .con-line > li{
    flex: none;
    width: calc(50% - 5px);
  }
  .company-sec02 .con-line > li .conbox{
    height: 100%;
    padding: 30px 12px;
    border-radius: 12px;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255,255,255,0.2);
  }
  .company-sec02 .con-line > li .conbox h3{
    font-size: 18px;
    margin-bottom: 10px;
  }
  .company-sec02 .con-line > li .conbox p{
    font-size: 15px;
  }
  .company-sec02 .con-line > li .conbox p br{
    display: none;
  }


  .company-sec03{
    padding-top: 60px;
  }
  .company-sec03 .sec-tit{
    font-size: 24px;
    margin-bottom: 50px;
  }
  .company-sec03 .con-line{
    gap: 30px;
    margin-bottom: 30px;
    flex-wrap: wrap;
    position: relative;
    z-index: 2;
  }
  .company-sec03 .con-line:last-child{
    margin-bottom: 0px;
  }
  .company-sec03 .con-line > li{
    flex: none;
    width: calc(50% - 15px);
  }
  .company-sec03 .con-line > li .txtbox h3{
    font-size: 18px;
  }
  .company-sec03 .con-line > li .txtbox h3::before{
    width: 2px;
    height: 18px;
    top: 2px;
  }
  .company-sec03 .con-line > li .txtbox p{
    font-size: 16px;
    margin-bottom: 1px;
  }
  .company-sec03 .con-line > li .txtbox p:first-of-type{
    margin-top: 16px;
  }
  
  .company-sec03 .bottom-con{
    padding: 60px 0 6px;
    position: absolute;
    bottom: 15vw;
    left: 0;
    width: 100%;
  }
  .company-sec03 .bottom-con .inner img{
    bottom: -6px;
    right: 0;
  }
  .company-sec03 .bottom-txt-swiper p{
    letter-spacing: -0.5px;
  }
}

@media(max-width:767px){
  .company-sec03 .con-line > li{
    width: 100%;
  }
  .company-sec03 .bottom-con{
    bottom: -10px;
  }
}

@media(max-width:360px){
  .company-sec02 .con-line > li{
    width: 100%;
  }
}


/* 센터소개 */

.cminfo-sec01 .con-line{
  display: flex;
  gap: 11.5px;
  margin-top: 70px;
}
.cminfo-sec01 .con-line > li:first-child{
  width: calc(50% - 1.5px);
  border-radius: 16px;
  border: solid 1px rgb(209, 209, 209);
  display: flex;
  align-items: center;
  justify-content: center;
}
.cminfo-sec01 .con-line > li:last-child{
  width: calc(50% - 10px);
}
.cminfo-sec01 .con-line > li:first-child .imgbox{
  max-width: 540px;
  width: 100%;
  margin: 0 auto;
}
.cminfo-sec01 .con-line > li:first-child .imgbox svg .dg-icon{
  cursor: pointer;
}
.cminfo-sec01 .con-line > li:first-child .imgbox svg{
  margin: 0 auto;
  display: block;
  max-width: 100%;
  width: 100%;
}
.cminfo-sec01 .con-line .map-list-wrap{
  max-height: 748px;
  overflow-y: auto;
}
.cminfo-sec01 .con-line .map-list-wrap::-webkit-scrollbar {
  width: 3px;
  background-color: rgb(255,255,255);
}
.cminfo-sec01 .con-line .map-list-wrap::-webkit-scrollbar-thumb {
  background-color: rgb(25, 25, 25);
}
.cminfo-sec01 .con-line .map-list-wrap .map-list-line li{
  margin-bottom: 20px;
  position: relative;
}
.cminfo-sec01 .con-line .map-list-wrap .map-list-line li::after{
  content: "";
  display: block;
  width: 36px;
  height: 36px;
  background: url(/html/img/circle-linkicon.png) no-repeat center / 100%;
  position: absolute;
  top: 16px;
  right: 16px;
}
.cminfo-sec01 .con-line .map-list-wrap .map-list-line li:last-child{
  margin-bottom: 0;
}
.cminfo-sec01 .con-line .map-list-wrap .map-list-line li a{
  display: block;
  width: 100%;
  border-radius: 20px;
  border: solid 1px rgb(209, 209, 209);
  background-color: rgb(255, 255, 255);
  padding: 42px 40px;
}
.cminfo-sec01 .con-line .map-list-wrap .map-list-line li a:hover{
  border: solid 2px rgb(0, 112, 194);
}
.cminfo-sec01 .con-line .map-list-wrap .map-list-line li h3{
  font-size: 24px;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: -0.55px;
  color: rgb(25, 25, 25);
  margin-bottom: 10px;
}
.cminfo-sec01 .con-line .map-list-wrap .map-list-line li p{
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 20px;
  font-weight: normal;
  line-height: 1.25;
  letter-spacing: -0.46px;
  color: rgb(51, 51, 51);
}
.cminfo-sec01 .con-line .map-list-wrap .map-list-line li p img{
  display: block;
  width: 12px;
}
#active01, #active02, #active03, #active04, #active05, #active06, #active07, #active08, #active09, #active10, #active11, #active12{
  display: none;
}

@media(max-width:1024px){
  .cminfo-sec01 .con-line{
    gap: 20px;
    margin-top: 40px;
    flex-wrap: wrap;
  }
  .cminfo-sec01 .con-line > li:first-child{
    width: 100%;
    border-radius: 8px;
  }
  .cminfo-sec01 .con-line > li:last-child{
    width: 100%;
  }
  .cminfo-sec01 .con-line > li:first-child .imgbox{
    max-width: 100%;
    width: 95%;
  }
  .cminfo-sec01 .con-line .map-list-wrap{
    /* max-height: 520px; */
    max-height: initial;
  }
  .cminfo-sec01 .con-line .map-list-wrap .map-list-line li{
    margin-bottom: 12px;
  }
  .cminfo-sec01 .con-line .map-list-wrap .map-list-line li a{
    border-radius: 12px;
    padding: 20px 15px;
  }
  .cminfo-sec01 .con-line .map-list-wrap .map-list-line li a:hover{
    border: solid 1px rgb(0, 112, 194);
  }
  .cminfo-sec01 .con-line .map-list-wrap .map-list-line li h3{
    font-size: 18px;
    margin-bottom: 8px;
  }
  .cminfo-sec01 .con-line .map-list-wrap .map-list-line li p{
    font-size: 16px;
  }

  .cminfo-sec01 .con-line .map-list-wrap .map-list-line li::after{
    width: 28px;
    height: 28px;
    top: 15px;
    right: 15px;
  }
}

/* 대구지역대학소개 */

.dginfo01-sec01 .sec-cmtxt{
  margin: 80px 0;
}
.dginfo01-sec01 .con-wrap .con-line{
  display: flex;
  align-items: center;
  gap: 80px;
  margin-bottom: 60px;
}
.dginfo01-sec01 .con-wrap .con-line:last-child{
  margin-bottom: 120px;
}
.dginfo01-sec01 .con-wrap .con-line .img{
  width: 38%;
}
.dginfo01-sec01 .con-wrap .con-line .txt{
  width: calc(62% - 80px);
}
.dginfo01-sec01 .con-wrap .con-line .txt .txtbox h3{
  font-size: 32px;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.74px;
  color: rgb(25, 25, 25);
  margin-bottom: 45px;
}
.dginfo01-sec01 .con-wrap .con-line .txt .txtbox p{
  font-size: 20px;
  font-weight: normal;
  line-height: 1.25;
  letter-spacing: -0.46px;
  color: rgb(51, 51, 51);
}
.dginfo01-sec01 .bottom-con .bottom-conline{
  display: flex;
  gap: 12px;
}
.dginfo01-sec01 .bottom-con .bottom-conline > li{
  flex: 1;
}
.dginfo01-sec01 .bottom-con .bottom-conline a{
  position: relative;
  display: block;
  width: 100%;
  height: 100px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0 28px;
  border-radius: 4px;
  border: solid 1px rgb(209, 209, 209);
  background-color: rgb(255, 255, 255);
  transition: all 0.3s ease-in-out;
}
.dginfo01-sec01 .bottom-con .bottom-conline a:hover{
  background-color: rgb(240, 249, 255);
}
.dginfo01-sec01 .bottom-con .bottom-conline a p{
  display: flex;
  gap: 8px;
  font-size: 20px;
  font-weight: normal;
  line-height: 1.25;
  letter-spacing: -0.46px;
  color: rgb(51, 51, 51);
  align-items: center;
}
.dginfo01-sec01 .bottom-con .bottom-conline a p img{
  max-width: 32px;
}

.dginfo01-sec01 .bottom-con .bottom-conline a .linkbtn{
  position: absolute;
  top: 50%;
  right: 28px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 24px;
  height: 24px;
}
.dginfo01-sec01 .bottom-con .bottom-conline a .linkbtn img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transition: all 0.3s ease-in-out;
}
.dginfo01-sec01 .bottom-con .bottom-conline a .linkbtn img.on,
.dginfo01-sec01 .bottom-con .bottom-conline a:hover .linkbtn img.normal
{
  opacity: 0;
}
.dginfo01-sec01 .bottom-con .bottom-conline a:hover .linkbtn img.on{
  opacity: 1;
}

@media(min-width:1601px){
  .dginfo01-sec01 .con-wrap .con-line .txt .txtbox{
    max-width: 400px;
    width: 100%;
  }
  .dginfo01-sec01 .con-wrap{
    padding: 0 80px;
  }
}

@media(min-width:1025px){
  .dginfo01-sec01 .con-wrap .con-line.even .img{
    order: 1;
  }
  .dginfo01-sec01 .con-wrap .con-line.even .txt{
    order: 0;
    display: flex;
    justify-content: flex-end;
  }
}

@media(max-width:1024px){
  .dginfo01-sec01 .sec-cmtxt{
    margin: 50px 0;
  }
  .dginfo01-sec01 .con-wrap .con-line{
    flex-wrap: wrap;
    gap: 30px;
    margin-bottom: 50px;
  }
  .dginfo01-sec01 .con-wrap .con-line .img{
    width: 100%;
  }
  .dginfo01-sec01 .con-wrap .con-line .txt{
    width: 100%;
  }
  .dginfo01-sec01 .con-wrap .con-line .txt .txtbox h3{
    font-size: 20px;
    margin-bottom: 16px;
  }
  .dginfo01-sec01 .con-wrap .con-line .txt .txtbox p{
    font-size: 15px;
  }
  .dginfo01-sec01 .con-wrap .con-line .txt .txtbox p br{
    display: none;
  }
  .dginfo01-sec01 .con-wrap .con-line:last-child{
    margin-bottom: 50px;
  }


  .dginfo01-sec01 .bottom-con .bottom-conline{
    flex-wrap: wrap;
  }
  .dginfo01-sec01 .bottom-con .bottom-conline > li{
    flex: none;
    width: calc(50% - 6px);
  }
  .dginfo01-sec01 .bottom-con .bottom-conline a{
    height: 70px;
    padding: 0 20px;
  }
  .dginfo01-sec01 .bottom-con .bottom-conline a p{
    gap: 6px;
    font-size: 17px;
  }
  .dginfo01-sec01 .bottom-con .bottom-conline a p img{
    max-width: 30px;
  }
  .dginfo01-sec01 .bottom-con .bottom-conline a .linkbtn{
    right: 20px;
    width: 22px;
    height: 22px;
  }
}

@media(max-width:767px){
  .dginfo01-sec01 .bottom-con .bottom-conline > li{
    width: 100%;
  }
}

/* 대구소개 */


.dginfo02-sec01 .sec-cmtxt{
  margin-bottom: 80px;
}
.dginfo02-sec01 .conwrap{
  position: relative;
  width: 100%;
}
.dginfo02-sec01 .conwrap .txtbox{
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: 980px;
  width: 100%;
  background: #fff;
  padding: 40px 40px 0 40px;
}
.dginfo02-sec01 .conwrap .txtbox .golink{
  position: absolute;
  right: 40px;
  top: 0;
  display: flex;
  width: 113px;
  height: 86px;
  align-items: center;
  justify-content: center;
  background-color: rgb(34, 34, 34);
  font-size: 20px;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: -0.46px;
  color: rgb(255, 255, 255);
  transition: all 0.3s ease-in-out;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.dginfo02-sec01 .conwrap .txtbox .golink:hover{
  background: rgb(0, 112, 194);
}
.dginfo02-sec01 .conwrap .txtbox .txt-conline{
  display: flex;
  gap: 40px;
}
.dginfo02-sec01 .conwrap .txtbox .txt-conline li:first-child{
  width: 90px;
}
.dginfo02-sec01 .conwrap .txtbox .txt-conline li:last-child{
  width: calc(100% - 130px);
}
.dginfo02-sec01 .conwrap .txtbox .txt-conline li:last-child h3{
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: -0.46px;
  color: rgb(51, 51, 51);
  margin-bottom: 16px;
}
.dginfo02-sec01 .conwrap .txtbox .txt-conline li:last-child p{
  font-size: 18px;
  font-weight: normal;
  line-height: 1.5;
  letter-spacing: -0.41px;
  color: rgb(51, 51, 51);
}
.dginfo02-sec01 .link-line{
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-top: 80px;
}
.dginfo02-sec01 .link-line li a{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 390px;
  height: 70px;
  background: rgb(0, 112, 194);
  font-size: 20px;
  font-weight: bold;
  letter-spacing: -0.46px;
  color: rgb(255, 255, 255);
  border-bottom-left-radius: 20px;
  border-top-right-radius: 20px;
  transition: all 0.3s ease-in-out;
}
.dginfo02-sec01 .link-line li:last-child a{
  background: rgb(84, 169, 66);
}
.dginfo02-sec01 .link-line li a:hover{
  background: rgb(0,0,0);
}
.dginfo02-sec01 .conwrap .txtbox .txt-conline li:last-child h3 br{
  display: none;
}

@media(max-width:1024px){
  .dginfo02-sec01 .sec-cmtxt{
    margin-bottom: 30px;
  }
  .dginfo02-sec01 .conwrap .txtbox{
    position: relative;
    max-width: 100%;
    padding: 20px 0 0 0;
  }
  .dginfo02-sec01 .conwrap .txtbox .golink{
    position: relative;
    right: initial;
    transform: initial;
    -webkit-transform: initial;
    width: 100%;
    height: 40px;
    font-size: 16px;
    margin-top: 20px;
  }
  .dginfo02-sec01 .conwrap .txtbox .golink br{
    display: none;
  }
  .dginfo02-sec01 .conwrap .txtbox .txt-conline{
    display: flex;
    gap: 20px;
  }
  .dginfo02-sec01 .conwrap .txtbox .txt-conline li:first-child{
    width: 70px;
  }
  .dginfo02-sec01 .conwrap .txtbox .txt-conline li:last-child{
    width: calc(100% - 90px);
  }
  .dginfo02-sec01 .conwrap .txtbox .txt-conline li:last-child h3{
    font-size: 18px;
    margin-bottom: 12px;
  }
  .dginfo02-sec01 .conwrap .txtbox .txt-conline li:last-child p{
    font-size: 15px;
  }
  .dginfo02-sec01 .conwrap .txtbox .txt-conline li:last-child p br{
    display: none;
  }
  .dginfo02-sec01 .link-line{
    margin-top: 5px;
  }
  .dginfo02-sec01 .link-line{
    gap: 5px;
  }
  .dginfo02-sec01 .link-line li {
    flex: 1;
  }
  .dginfo02-sec01 .link-line li a{
    width: 100%;
    height: 40px;
    font-size: 16px;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
  }
}

@media(max-width:767px){
  .dginfo02-sec01 .conwrap .txtbox .txt-conline li:last-child h3 br{
    display: block;
  }
}

@media(max-width:350px){
  .dginfo02-sec01 .link-line{
    margin-top: 10px;
  }
  .dginfo02-sec01 .link-line{
    gap: 10px;
    flex-wrap: wrap;
  }
  .dginfo02-sec01 .link-line li{
    flex: none;
    width: 100%;
  }
}

/* 청년정책 */

.dginfo03-sec01 .sec-cmtxt{
  margin-bottom: 80px;
}
.dginfo03-sec01 .con-line{
  display: flex;
}
.dginfo03-sec01 .con-line > li{
  flex: 1;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgb(217,217,217);
  border-left: none;
}
.dginfo03-sec01 .con-line > li:first-child{
  border-left: 1px solid rgb(217,217,217);
}
.dginfo03-sec01 .con-line > li a{
  display: block;
}
.dginfo03-sec01 .con-line > li a img{
  height: 40px;
  display: block;
  margin: 0 auto;
}

@media(max-width:1024px){
  .dginfo03-sec01 .sec-cmtxt{
    margin-bottom: 30px;
  }

  .dginfo03-sec01 .con-line{
    flex-wrap: wrap;
  }
  .dginfo03-sec01 .con-line > li{
    flex: none;
    width: 50%;
    height: 60px;
  }
  .dginfo03-sec01 .con-line > li:nth-child(1),
  .dginfo03-sec01 .con-line > li:nth-child(2){
    border-bottom: none;
  }
  .dginfo03-sec01 .con-line > li:nth-child(3){
    border-left: 1px solid rgb(217, 217, 217);
  }
  .dginfo03-sec01 .con-line > li a img{
    height: auto;
    width: 80%;
  }
}

/* 대학일자리센터 */

.stat-wrap{
  overflow-x: auto;
}
.stat-wrap::-webkit-scrollbar {
  height: 3px;
  background-color: rgb(209, 209, 209);
}
.stat-wrap::-webkit-scrollbar-thumb {
  background-color: rgb(125, 125, 125);
}
.stat-wrap .stat-table{
  width: 100%;
  min-width: 767px;
  border-top: 1px solid rgb(25, 25, 25);
  border-left: 1px solid rgb(216,216,216);
  border-spacing: 0;
}
.stat-wrap .stat-table tr th,
.stat-wrap .stat-table tr td{
  padding: 16px 24px;
  padding-right: 3px;

  border-right: solid 1px rgb(216, 216, 216);
  border-bottom: solid 1px rgb(216, 216, 216);
  text-align: left;
}
.stat-wrap .stat-table tr th {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: normal;
  color: rgb(25, 25, 25);
  background-color: rgb(245, 246, 250);
}
.stat-wrap .stat-table tr td{
  font-size: 18px;
  font-weight: normal;
  line-height: 1.11;
  letter-spacing: -0.41px;
  color: rgb(25, 25, 25);
}
.stat-wrap .stat-table tr .tdtit{
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 12px;
}
p.lmk{
  position: relative;
  padding-left: 12px;
  margin-bottom: 3px;
}
.stat-wrap .stat-table tr td p span{
  color: rgb(51, 51, 51);
  font-size: 16px;
  display: block;
  margin-top: 5px;
}
p.lmk:last-child{
  margin-bottom: 0;
}
p.lmk::before{
  content: "-";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

@media(max-width:1024px){
  .stat-wrap .stat-table tr th,
  .stat-wrap .stat-table tr td{
    padding: 12px 10px;
    padding-right: 3px;
  }
  .stat-wrap .stat-table tr th {
    font-size: 16px;
  }
  .stat-wrap .stat-table tr td{
    font-size: 14px;
  }
  .stat-wrap .stat-table tr .tdtit{
    font-size: 16px;
    margin-bottom: 8px;
  }
  .stat-wrap .stat-table tr td p span{
    font-size: 13px;
  }
}

/* 창업지원 */


.sdinfo01-sec01 .sec-cmtxt{
  margin-bottom: 60px; 
}
.sdinfo01-sec01 .middle-txt{
  background: url(/html/img/sdinfo-img01.jpg) no-repeat center / cover;
  padding: 9.5rem 8rem;
  margin-bottom: 100px;
}
.sdinfo01-sec01 .middle-txt h3{
  font-size: 32px;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: -0.74px;
  color: rgb(255, 255, 255);
  margin-bottom: 40px;
}
.sdinfo01-sec01 .middle-txt p{
  font-size: 20px;
  font-weight: normal;
  line-height: 1.5;
  letter-spacing: -0.46px;
  color: rgb(255, 255, 255);
}
.sdinfo01-sec01 .con-wrap .con-line{
  display: flex;
  gap: 40px;
  margin-bottom: 60px;
}
.sdinfo01-sec01 .con-wrap .con-line:last-child{
  margin-bottom: 0;
}
.sdinfo01-sec01 .con-wrap .con-line li h3{
  font-size: 32px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -0.74px;
  color: rgb(25, 25, 25);
  padding-bottom: 22px;
  margin-bottom: 20px;
  border-bottom: 2px solid rgb(25, 25, 25);
}
.sdinfo01-sec01 .con-wrap .con-line li .tp{
  color: rgb(25, 25, 25);
  font-weight: bold;
  margin-bottom: 12px;
}
.sdinfo01-sec01 .con-wrap .con-line li p{
 font-size: 20px;
  font-weight: normal;
  line-height: 1.5;
  letter-spacing: -0.46px;
  color: rgb(51, 51, 51);
}
.sdinfo01-sec01 .con-wrap .con-line li{
  flex: 1;
}

@media(max-width:1024px){
  .sdinfo01-sec01 .sec-cmtxt{
    margin-bottom: 30px; 
  }
  .sdinfo01-sec01 .middle-txt{
    padding: 40px 20px;
    margin-bottom: 60px;
  }
  .sdinfo01-sec01 .middle-txt h3{
    font-size: 24px;
    margin-bottom: 20px;
  }
  .sdinfo01-sec01 .middle-txt p{
    font-size: 16px;
  }
  .sdinfo01-sec01 .con-wrap .con-line{
    flex-wrap: wrap;
    gap: 30px;
    margin-bottom: 30px;
  }
  .sdinfo01-sec01 .con-wrap .con-line li h3{
    font-size: 20px;
    padding-bottom: 17px;
    margin-bottom: 15px;
    border-bottom: 1px solid rgb(25, 25, 25);
  }
  .sdinfo01-sec01 .con-wrap .con-line li .tp{
    margin-bottom: 8px;
  }
  .sdinfo01-sec01 .con-wrap .con-line li p{
    font-size: 15px;
  }
  .sdinfo01-sec01 .con-wrap .con-line li{
    flex: none;
    width: 100%;
  }
}

@media(max-width:767px){
  .sdinfo01-sec01 .middle-txt h3{
    font-size: 20px;
  }
  .sdinfo01-sec01 .con-wrap .con-line li p br{
    display: none;
  }
}

@media(max-width:460px){
  .sdinfo01-sec01 .middle-txt p br{
    display: none;
  }
}

/* 대구지역 유학생활 */

.sdinfo03-sec01 .con-line{
  flex-wrap: wrap;
}
.sdinfo03-sec01 .con-line li{
  width: 25%;
  flex: none;
  border-top: none;
}

.sdinfo03-sec01 .con-line li{
  border-bottom: 1px solid rgb(217,217,217) !important;
}
.sdinfo03-sec01 .con-line li:nth-child(-n+4){
  border-top: 1px solid rgb(217,217,217);
}
.sdinfo03-sec01 .con-line li:nth-child(4n + 1){
  border-left: 1px solid rgb(217,217,217);
}
 
/* 국제교류처 */

.bo-inner{
  padding-bottom: 20rem;
}
.board-btn-wrap{
  margin-top: 3rem !important;
}
.board-btn-wrap.sub-btn-wrap a, 
.board-btn-wrap.sub-btn-wrap button{
  display: block;
  font-size: 1.6rem;
}
.top-subject-box .tool-line{
  margin-top: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.top-subject-box .tool-line li a{
  font-size: 1.4rem;
  font-weight: 400;
  text-align: center;
  display: block;
  min-width: 10rem;
  height: auto;
  padding: 8px 5px;
  border-radius: 8px;
  border: 1px solid #e0e0e0;
}
.top-subject-box .tool-line li.tool-button01 a{
  background: #0070c2;
  border: 1px solid #0070c2;
  color: #fff;
}
.top-subject-box .tool-line li a:hover{
  text-decoration: underline;
}
.view-conwrap{
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}

@media(max-width:1024px){
  .bo-inner{
    padding-bottom: 8rem;
  }
}

.hd_pops_con br{

}
@media(max-width:1024px){
  #hd_pop{
    max-width: 100% !important;
    width: 100% !important;
  }
  .hd_pops{
    left: 50% !important;
    top: 80px !important;
    transform: translateX(-50%) !important;
    -webkit-transform: translateX(-50%) !important;
    width: 98%;
  }
  .hd_pops_con{
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
  }
  .hd_pops_con br {
    display: none;
  }
}

/* 팝업 */

.h_link, .ft-right,
.rsv-status-sec01 .subtab-box .con-line > li:nth-child(2),
.rsv-status-sec01 .subtab-box .con-line > li:nth-child(3)
{
  display: none;
}

/* 추가 */

.reser-form02 .guide-box{
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.reser-form02 .guide-box:last-child{
  margin-bottom: 0;
}
.reser-form02 .guide-box .dot-list{
  margin-top: 16px;
}


.ov-pv-sec .ov-pv-wrap .pv-stat{
  width: 100%;
  border-spacing: 0;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.ov-pv-sec .ov-pv-wrap .pv-stat th,
.ov-pv-sec .ov-pv-wrap .pv-stat td{
  font-size: 16px;
  font-weight: 400;
  padding: 10px 15px;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.ov-pv-sec .ov-pv-wrap .pv-stat th{
  width: 200px;
  font-weight: bold; 
}
.ov-pv-sec .ov-pv-wrap .pv-stat td{
  width: calc(100% - 200px);
}

.pay-popup-wrap{
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
}

.pay-popup-wrap .popup-box{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  max-width: 1000px;
  width: 100%;
  padding: 30px;
  border-radius: 8px;
  background: #fff;
}
.pay-popup-wrap .popup-box > h3{
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}
.pay-popup-wrap .popup-box .pop-info ul{
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  flex-wrap: wrap;
}
.pay-popup-wrap .popup-box .pop-info ul.last{
  margin-bottom: 0;
}
.pay-popup-wrap .popup-box .pop-info ul li{
  font-size: 16px;
  font-weight: 400;
}
.pay-popup-wrap .popup-box .pop-info ul .tit{
  width: 100px;
  font-weight: bold;
}
.pay-popup-wrap .popup-box .pop-info ul .txt{
  width: calc(100% - 110px);
}
.pay-popup-wrap .popup-box .pop-info ul input{
  font-size: 16px;
}
.pay-popup-wrap .popup-box .pop-info .bottom-txt{
  font-size: 15px;
  font-weight: 400;
  margin-top: 20px;
  color: #333333;
  margin-bottom: 20px;
}
.pay-popup-wrap .popup-box .pop-info .submitbox button{
  border: none;
  outline: none;
  background: #0070c2;
  border-radius: 8px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  width: 100%;
  padding: 10px 0;
}
.pay-popup-wrap .popup-box .popup-closebtn{
  position: absolute;
  top: 30px;
  right: 30px;
  cursor: pointer;
  font-size: 30px;
}

@media(max-width:1024px){
  .reser-form02 .guide-box{
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .reser-form02 .guide-box .dot-list{
    margin-top: 10px;
  }
  .ov-pv-sec .ov-pv-wrap .pv-sta tbody{
    display: flex;
    flex-direction: column;
  }
  .ov-pv-sec .ov-pv-wrap .pv-stat tr{
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
  }
  .ov-pv-sec .ov-pv-wrap .pv-stat th{
    width: 100%;
    border-bottom: none;
    padding-top: 20px;
    padding-bottom: 0;
  }
  .ov-pv-sec .ov-pv-wrap .pv-stat td{
    width: 100%;
    padding-bottom: 20px;
    padding-top: 0;
  }
  .ov-pv-sec .ov-pv-wrap .pv-stat th,
  .ov-pv-sec .ov-pv-wrap .pv-stat td{
    font-size: 14px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .pay-popup-wrap .popup-box{
    width: 98%;
    padding: 20px;
  }
  .pay-popup-wrap .popup-box > h3{
    font-size: 18px;
    margin-bottom: 16px;
  }
  .pay-popup-wrap .popup-box .pop-info ul{
    gap: 8px;
  }
  .pay-popup-wrap .popup-box .pop-info ul .txt{
    width: calc(100% - 108px);
  }
  .pay-popup-wrap .popup-box .pop-info .bottom-txt{
    font-size: 14px;
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .pay-popup-wrap .popup-box .pop-info .submitbox button{
    padding: 8px 0;
  }
  .pay-popup-wrap .popup-box .popup-closebtn{
    top: 20px;
    right: 20px;
    font-size: 24px;
  }
}

.res-sec04-1{
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #d9d9d9;
}

/*  */


.map-wrap{width: 100%;height: 500px;border: 1px solid #E9E9EC;}
.map-wrap .wrap_map{height: 100% !important;}
.map-wrap .root_daum_roughmap{width:100% !important;height: 100% !important;}
.company2-wrap .map-info{
  margin-top: 30px;
}
.company2-wrap .map-info .con-line{
  display: flex;
}
.company2-wrap .map-info .con-line:first-child{
  border-top: 1px solid rgb(25,25,25);
}
.company2-wrap .map-info .con-line > li{
  font-size: 20px;
  font-weight: 400;
  border-bottom: 1px solid #ccc;
  padding-bottom: 7px;
  padding-top: 7px;
  padding: 15px 20px;
  color: rgb(25,25,25);
}
.company2-wrap .map-info .con-line > .tit{
  font-weight: 500;
  width: 130px;
  border-right: 1px solid #ccc;
  background: rgb(245,246,250);
}
.company2-wrap .map-info .con-line > .txt{
  width: calc(100% - 130px);
}

@media(max-width:1024px){
  .map-wrap{height: 300px;}
  .company2-wrap .map-info{
    margin-top: 20px;
  }
  .company2-wrap .map-info .con-line{
    flex-wrap: wrap;
  }
  .company2-wrap .map-info .con-line > li{
    width: 100%;
    font-size: 16px;
    padding: 8px 15px;
  }
  .company2-wrap .map-info .con-line > .tit{
    width: 100%;
    border-right: none;
  }
  .company2-wrap .map-info .con-line > .txt{
    width: 100%;
  }
}

/* 오시는 길 */

.loading-wrap{
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, .7);
  z-index: 9999999;
}

        @keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @-moz-keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @-webkit-keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @-o-keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @-moz-keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @-webkit-keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @-o-keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @keyframes loading-text-opacity {
            0%  {opacity: 0}
            20% {opacity: 0}
            50% {opacity: 1}
            100%{opacity: 0}
        }

        @-moz-keyframes loading-text-opacity {
            0%  {opacity: 0}
            20% {opacity: 0}
            50% {opacity: 1}
            100%{opacity: 0}
        }

        @-webkit-keyframes loading-text-opacity {
            0%  {opacity: 0}
            20% {opacity: 0}
            50% {opacity: 1}
            100%{opacity: 0}
        }

        @-o-keyframes loading-text-opacity {
            0%  {opacity: 0}
            20% {opacity: 0}
            50% {opacity: 1}
            100%{opacity: 0}
        }
        .loading-container,
        .loading {
            height: 100px;
            position: relative;
            width: 100px;
            border-radius: 100%;
        }


        .loading-container {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%,-50%);
          -webkit-transform: translate(-50%,-50%);
         }

        .loading {
            border: 2px solid transparent;
            border-color: transparent #fff transparent #FFF;
            -moz-animation: rotate-loading 1.5s linear 0s infinite normal;
            -moz-transform-origin: 50% 50%;
            -o-animation: rotate-loading 1.5s linear 0s infinite normal;
            -o-transform-origin: 50% 50%;
            -webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
            -webkit-transform-origin: 50% 50%;
            animation: rotate-loading 1.5s linear 0s infinite normal;
            transform-origin: 50% 50%;
        }

        .loading-container:hover .loading {
            border-color: transparent #E45635 transparent #E45635;
        }
        .loading-container:hover .loading,
        .loading-container .loading {
            -webkit-transition: all 0.5s ease-in-out;
            -moz-transition: all 0.5s ease-in-out;
            -ms-transition: all 0.5s ease-in-out;
            -o-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
        }

        #loading-text {
            -moz-animation: loading-text-opacity 2s linear 0s infinite normal;
            -o-animation: loading-text-opacity 2s linear 0s infinite normal;
            -webkit-animation: loading-text-opacity 2s linear 0s infinite normal;
            animation: loading-text-opacity 2s linear 0s infinite normal;
            color: #ffffff;
            font-family: "Helvetica Neue, "Helvetica", ""arial";
            font-size: 10px;
            font-weight: bold;
            margin-top: 45px;
            opacity: 0;
            position: absolute;
            text-align: center;
            text-transform: uppercase;
            top: 0;
            width: 100px;
        }



/* 회원 검색 */
.search-popup-wrap{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100vh;
  display: none;
}
.search-popup-wrap .bg{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .7);
}
.search-popup-wrap .popup-box{
  max-width: 520px;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  padding: 30px 24px;
  background: #fff;
  border-radius: 30px;
  border: 1px solid rgb(125, 125, 125);
  overflow-y: auto;
  max-height: 90vh;
}
.search-popup-wrap .popup-box::-webkit-scrollbar {
  width: 4px;
  background-color: rgb(209, 209, 209);
}
.search-popup-wrap .popup-box::-webkit-scrollbar-thumb {
  background-color: rgb(125, 125, 125);
}
.search-popup-wrap .popup-box .conbox > .tit{
  margin-bottom: 10px;
}
.search-popup-wrap .popup-box .conbox > .tit h3{
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.4px;
  margin-bottom: 2px;
}
.search-popup-wrap .popup-box .conbox > .tit p{
  font-size: 16px;
  font-weight: 400;
  color: #535862;
  margin-bottom: 20px;
}
.search-popup-wrap .popup-box .conbox > .tit h5{
  font-size: 16px;
  font-weight: 500;
}
.pop-category-line{
  display: flex;
  gap: 6px;
}
.pop-category-line > li{
  flex: 1;
}
.pop-category-line > li button{
  width: 100%;
  height: auto;
  outline: none;
  border-radius: 8px;
  border: 1px solid #E6E6E6;
  background: #FFF;
  transition: all 0.3s ease-in-out;

  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.16px;
  padding: 8px 0;
}
.pop-category-line > li button:hover,
.pop-category-line > li button.active{
  background: #434343;
  color: #fff;
}
.tabcontent.first{
  display: block;
}
/* .tabcontent {
  display: none;
} */
.search-frmline > h3,
.p-result-list-wrap > h3
{
  font-size: 17px;
  font-weight: 600;
  letter-spacing: -0.32px;
  margin-bottom: 16px;
}
.p-list-wrap{
  margin-bottom: 40px;
}
.p-list-wrap .con-line{
  margin-bottom: 20px;
}
.p-list-wrap .con-line li{
  font-size: 16px;
  margin-bottom: 10px;
}
.p-list-wrap .con-line li:last-child{
  margin-bottom: 0;
}
.p-list-wrap .con-line li .p-databox{
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: flex-start;
}
.p-list-wrap .con-line li .p-databox .txtbox{
  width: calc(100% - 10px);
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: -0.32px;
}

.p-list-wrap .con-line li .p-databox .txtbox span{
  color: #07F;
}
.cm-checkbox{
  width: 20px;
  height: 20px;
  overflow: hidden;
  position: relative;
}
.cm-checkbox span{
  border-radius: 6px;
  border: solid 1px rgb(221, 221, 221);
  background-color: rgb(247, 250, 255);
  width: 20px;
  height: 20px;
  display: block;
  position: relative;
}
.cm-checkbox span img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  width: 75%;
}
.cm-checkbox span img.active,
.p-list-wrap .con-line li input:checked + label .cm-checkbox span img.normal,
.cm-checkbox2 span img.active,
.cm-checkbox2 input:checked + label span img.normal
{
  opacity: 0;
}
.cm-checkbox2 label{
  cursor: pointer;
}
.p-list-wrap .con-line li input:checked .p-databox .txtbox p b{
  color: #07F;
}
.p-list-wrap .con-line li input{
  position: absolute;
  bottom: 0;
  right: 0;
  opacity: 0;
}
.p-list-wrap .con-line li label,
.p-result-list-wrap .p-list-wrap .con-line li
{
  cursor: pointer;
  border-radius: 12px;
  border: solid 1px rgb(234, 236, 240);
  padding: 12px 16px;
  display: block;
}
.p-list-wrap .con-line li input:checked + label{
  border: solid 2px #0070C2;
}
.p-list-wrap .con-line li input:checked + label .cm-checkbox span,
.cm-checkbox2 input:checked + label span
{
  border: solid 1px #0070C2;
  background-color: #0070C2;
}
.p-list-wrap .con-line li input:checked + label .cm-checkbox span img.active,
.cm-checkbox span img.normal,
.cm-checkbox2 span img.normal,
.cm-checkbox2 input:checked + label span img.active
{
  opacity: 1;
}
.cm-checkbox2{
  width: 100% !important;
  height: auto !important;
}
.cm-checkbox2  input{
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.cm-checkbox2 label{
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.2px;
  color: rgb(25, 25, 25);
}
.cm-checkbox2 label p b{
  color: rgb(255, 52, 52);
  font-weight: 600;
  margin-right: 3px;
  display: inline-block;
}

.p-submitbtn{
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  color: rgb(255, 255, 255);
  text-align: center;
  padding: 8px 0;
  border-radius: 8px;
  background: #0070C2;
  outline: none;
  border: none;
  width: 100%;
  margin-top: 16px;
} 
.p-submitbtn:hover{ 
  text-decoration: underline;
}
.search-pop-tabcontent{
  /* padding-top: 25px; */
}
.p-result-list-wrap .p-list-wrap .con-line li{
  position: relative;
}
.p-result-list-wrap .p-list-wrap .con-line li .p-search-result-closebtn{
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  cursor: pointer;
}


.popup-end-line{
  display: flex;
  gap: 12px;
  margin-top: 20px;
}
.popup-end-line button{
  flex: 1;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  color: rgb(65, 70, 81);
  text-align: center;
  padding: 8px 0;
  border-radius: 8px;
  border: solid 1px rgb(213, 215, 218);
  background-color: rgb(255, 255, 255);
}
.popup-end-line button.active{
  background: #0070C2;
  color: #fff;
  border: 1px solid #0070C2;
}
.popup-end-line button:hover{
  text-decoration: underline;
}
.p-result-list-wrap .p-list-wrap .con-line
{
  margin-bottom: 0 !important;
}
.p-result-list-wrap .p-list-wrap{
  margin-bottom: 20px !important;
}
.pg_wrap{float: none;display: block;text-align: center;}
.pg_current{min-width: 32px;height: 32px;background: #0070C2;border: #E5E5E5 solid 1px;font-size: 14px;font-weight: 700;line-height: 32px;border-radius: 4px;}
.pg_page{min-width: 32px;height: 32px;background: #fff;border: #DFE3E8 solid 1px;font-size: 14px;font-weight: 700;line-height: 32px;color: #212B36;}
.pg_end {background: url(/html/img/btn_end2.png) no-repeat 50% 50% #fff;}
.pg_start {background: url(/html/img/btn_first2.png) no-repeat 50% 50% #fff;}

.id-search-frmbox{
  margin-bottom: 20px;
}
.id-search-frmbox .id-search-iptbox{
  display: flex;
  gap: 6px;
}
.id-search-frmbox .id-search-iptbox input{
  width: calc(100% - 86px);
}
.id-search-frmbox .id-search-iptbox button{
  width: 80px;
  border: none;
  outline: none;
  background: #0070C2;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  padding: 6px 0;
  text-align: center;
  border-radius: 8px;
}

.rsv-total{
  text-align: center;
  padding: 12px 0;
  background: #F2F8FF;
  border-bottom: 1px solid #d9d9d9;
}
.rsv-total p{
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0.18px;
  margin-bottom: 3px;
}
.rsv-total h3{
  font-size: 24px;
  font-weight: bold;
  line-height: 1.33;
}
.rsv-total h3 .blue{
  color: #0070C2;
}
.rsv-total h3 .blue.danger{
  color: red;
}
.rsv-total h3 .blue.danger::after{
  content: "(최대 수용 인원을 초과 하였습니다.)";
  display: inline-block;
  font-size: 18px;
  font-weight: 400;
}
.rsv-total h3 .txt{
  display: block;
  font-size: 18px;
  font-weight: normal;
  color: rgb(105, 105, 105);
}

@media(max-width:1024px){
  .box-txt {
    margin-bottom: 2rem;
    padding-bottom: 1.4rem;
  }
  .line-box {
    padding: 2rem;
  }
  .line-box02 {
    padding: 2rem 0;
  }


  .reservation01-wrap .res-sec02 .inner{
    gap: 30px;
  }
  .reservation01-wrap .res-sec02 .left {
    width: 100%;
  }
  .reservation01-wrap .res-sec02 .right {
    width: 100%;
  }
  .price-result-line > h3{
    font-size: 16px;
  }
  .price-result-line > h2{
    font-size: 18px;
  }
  .box-txt {
    font-size: 16px;
    margin-bottom: 16px;
    padding-bottom: 16px;
  }
  .line-box {
    padding: 20px;
    border-top: 2px solid #191919;
  }
  .line-box02 {
    padding: 15px 0;
    border-top: 2px solid #191919;
  }
  .time-section{
    gap: 4px;
  }
  .time-button {
    width: calc(25% - (12px / 4));
    font-size: 14px;
    border-radius: 6px;
  }
  .selected-time {
    font-size: 16px;
    margin-top: 20px;
  }
  .ss-title{
    font-size: 20px;
    margin-bottom: 16px;
  }
  .reservation01-wrap .res-sec02 .left .calendar-wrap .btn-month{
    margin-bottom: 16px;
  }
  .reservation01-wrap .res-sec02 .left .calendar-wrap .btn-month{
    padding: 0px;
  }
  .reservation01-wrap .res-sec02 .left .calendar-wrap .cal-tb td{
    height: 50px;
  }

  .line-box .bottom-btnbox{
    margin-top: 16px;
    padding-top: 16px;
  }
  .line-box .bottom-btnbox button{
    border-radius: 6px;
    font-size: 16px;
    padding: 8px 0;
  }


  .line-box .bottom-btnbox{
    margin-top: 20px;
    padding-top: 20px;
  }
  .line-box .bottom-btnbox button{
    border-radius: 6px;
    font-size: 16px;
    padding: 8px 0;
  }
  .reservation01-wrap .sct05{
    padding: 30px 0;
  }
  .rsv-frmbox{
    border-top: 1px solid rgb(25, 25, 25);
  }
  .rsv-frmbox .con-line{
    gap: 10px;
    flex-wrap: wrap;
    padding: 12px 3px;
  }
  .rsv-frmbox .con-line > .tit{
    width: 100%;
    font-size: 16px;
  }
  .rsv-frmbox .con-line > .iptbox{
    width: 100%;
  }
  .rsv-frmbox .con-line .p-num-iptbox input{
    max-width: 100px;
    margin-right: 3px;
  }

  .rsv-radio-line{
    gap: 8px 12px;
  }
  .rsv-radio-line > li{
    gap: 4px;
  }
  .rsv-radio-line > li input{
    width: 16px;
    height: 16px;
  }
  .rsv-radio-line > li label{
    top: 0px;
  }

  .mb-search-wrap .topbox{
    margin-bottom: 16px;
  }
  .mb-search-wrap .topbox .searchline{
    gap: 6px;
  }
  .mb-search-wrap .topbox .searchline input{
    width: calc(100% - 96px);
  }
  .mb-search-wrap .topbox .searchline button{
    width: 90px;
  }
  .n-ipt2{
    padding: 8px 10px;
  }
  .searchbtn{
    font-size: 15px;
    padding: 8px 5px;
  }
  .n-ipt{
    padding: 8px 10px;
  }
  .mb-search-wrap .topbox .txtbox{
    margin-top: 8px;
  }
  .mb-search-wrap .bottom-box .search-result-line{
    gap: 8px 6px;
  }
  .mb-search-wrap .bottom-box .search-result-line > li{
    width: calc(50% - 3px);
    border-radius: 6px;
  }
  .mb-search-wrap .bottom-box .search-result-line > li .closebtn{
    right: 12px;
    width: 16px;
  }
  .mb-search-wrap .bottom-box .search-result-line .txtbox{
    padding: 12px;
    padding-right: 20px;
    gap: 6px 12px;
  }
  .mb-search-wrap .topbox .txtbox p{
    margin-bottom: 5px;
  }
  .mb-search-wrap .topbox .txtbox p:last-child{
    margin-bottom: 0;
  }

    .sub02-3 .sct03{
    padding-top: 20px;
    padding-bottom: 30px;  
  }
  .rsv-sel-list-wrap{
    max-height: 640px;
  }
  .rsv-sel-list-wrap .con-line{
    gap: 10px;
  }
  .rsv-sel-list-wrap .con-line > li{
    width: 100%;
    padding: 20px 10px;
    border-radius: 6px;
  }
  .rsv-sel-list-wrap .con-line > li .listbox .list-line{
    gap: 6px;
    flex-wrap: wrap;
  }
  .rsv-sel-list-wrap .con-line > li .listbox .list-line > .tit,
  .rsv-sel-list-wrap .con-line > li .listbox .list-line2 .small-linebox .small-line2 .tit
  {
    font-size: 16px;
    width: 100%;
  }
  .rsv-sel-list-wrap .con-line > li .listbox .list-line > .txt,
  .rsv-sel-list-wrap .con-line > li .listbox .list-line > .small-linebox
  {
    width: 100%;
  }
  .rsv-sel-list-wrap .con-line > li .listbox .list-line > .txt
  {
    font-size: 16px;
  }
  .rsv-sel-list-wrap .con-line > li .listbox .list-line2 .small-linebox{
    gap: 12px 20px;
    flex-wrap: wrap;
  }
  .rsv-sel-list-wrap .con-line > li .listbox .list-line2 .small-linebox .small-line1{
    width: 100%;
    gap: 6px;  
  }
  .rsv-sel-list-wrap .con-line > li .listbox .list-line2 .small-linebox .small-line1 .sel-time-line{
    gap: 4px;
  }
  .rsv-sel-list-wrap .con-line > li .listbox .list-line2 .small-linebox .small-line1 .sel-time-line span{
    font-size: 12px;
  }
  .list-starttime,
  .list-endtime{
    padding: 6px 12px;
    font-size: 16px;
    width: 100px;
  }
  .rsv-sel-list-wrap .con-line > li .listbox .list-line2 .small-linebox .small-line1 .sel-time-line .total-time{
    font-size: 16px;
  }
  .rsv-sel-list-wrap .con-line > li .listbox .list-line2 .small-linebox .small-line2{
    width: 100%;
    flex-wrap: wrap;
  }
  .rsv-sel-list-wrap .con-line > li .listbox .list-line2 .small-linebox .small-line2 .sel-num-line{
    width: 100%;
  }


  .caution-wrap{
    padding: 30px 0;
  }
  .caution-wrap > h3{
    font-size: 20px;
    margin-bottom: 12px;
  }
  .caution-wrap .sub-txtbox p{
    font-size: 16px;
    padding-left: 10px;
    margin-bottom: 4px;
  }
  .caution-wrap .sub-txtbox p::before{
    width: 3px;
    height: 3px;
    top: 7px;
  }

  .search-popup-wrap .popup-box{
    width: calc(100% - 20px);
    border-radius: 16px;
  }
  .search-popup-wrap .popup-box .conbox > .tit{
    margin-bottom: 5px;
  }
  .search-popup-wrap .popup-box .conbox > .tit h3{
    font-size: 18px;
  }
  .search-popup-wrap .popup-box .conbox > .tit p{
    font-size: 15px;
    margin-bottom: 12px;
  }
  .search-popup-wrap .popup-box .conbox > .tit h5{
    font-size: 15px;
  }
  .pop-category-line > li button{
    padding: 5px 0;
  }
  .search-frmline > h3,
  .p-result-list-wrap > h3
  {
    margin-bottom: 12px;
  }
  .p-list-wrap{
    margin-bottom: 20px;
  }
  .p-list-wrap .con-line{
    margin-bottom: 16px;
  }
  .p-list-wrap .con-line li{
    margin-bottom: 4px;
  }
  .p-list-wrap .con-line li .p-databox .txtbox{
    font-size: 15px;
  }
  .p-list-wrap .con-line li label,
  .p-result-list-wrap .p-list-wrap .con-line li
  {
    border-radius: 8px;
    padding: 10px 8px;
  }
  .p-list-wrap .con-line li input:checked + label{
    border: solid 1px #0070C2;
  }
  .p-submitbtn{
    padding: 6px 0;
  } 
  .search-pop-tabcontent{
    /* padding-top: 20px; */
  }

  .p-result-list-wrap .p-list-wrap .con-line li .p-search-result-closebtn{
    right: 12px;
  }
  .popup-end-line{
    gap: 8px;
    margin-top: 16px;
  }
  .popup-end-line button{
    font-size: 15px;
    padding: 6px 0;
  }
  .p-result-list-wrap .p-list-wrap{
    margin-bottom: 16px !important;
  }
  .id-search-frmbox{
    margin-bottom: 16px;
  }
  .id-search-frmbox .id-search-iptbox{
    gap: 4px;
  }
  .id-search-frmbox .id-search-iptbox input{
    width: calc(100% - 64px);
  }
  .id-search-frmbox .id-search-iptbox button{
    width: 60px;
    font-size: 15px;
    padding: 5px 0;
  }

  .rsv-total p{
    font-size: 14px;
  }
  .rsv-total h3{
    font-size: 20px;
  }
  .rsv-total h3 .txt{
    font-size: 16px;
  }

  .cm-checkbox2 label{
    gap: 5px;
    font-size: 16px;
  }
}


.searchline{display: flex;gap: 20px;}
.searchline input{width: calc(100% - 160px);}
.searchline .searchbtn{width: 140px;font-size: 16px;font-weight: 500;color: #fff;background-color: #0070C2;border: unset;}