#skipNavi { background: none; margin: 0px; padding: 0px; width: 0px; height: 0px; color: transparent; line-height: 0; font-size: 0px; position: absolute; display: none; }
.skip, .blind { background: none; margin: 0px; padding: 0px; width: 0px; height: 0px; color: transparent; line-height: 0; font-size: 0px; position: absolute; display: none; }
.hidden_txt, .blind, caption, legend { width: 0px; height: 0px; line-height: 0; overflow: hidden; font-size: 0px; position: absolute; }

.test { border: 1px solid #ff0000 !important; }
.hand { cursor: pointer; }
.opacity-90 { opacity: 0.90 !important; }
.font_sans { font-family: 'Noto Sans KR' !important; }

.blank { padding-left:2px; margin:0px; color:#3655ff; font-size:12px !important; }
.marzau { margin: 0 auto !important; }

.blockquote-footer-w {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: 1.00rem;
  color: #fff;
}
.blockquote-footer-w::before {
  content: "— ";
}

main.content { padding-bottom:0px; }
.fcontent { min-height: 400px; }
.fcontent .buttons { padding-bottom:50px; }

.fspx-11 { font-size:11px !important; }
.fspx-12 { font-size:12px !important; }
.fspx-13 { font-size:13px !important; }
.fspx-14 { font-size:14px !important; }
.fspx-15 { font-size:15px !important; }
.fspx-16 { font-size:16px !important; }
.fspx-17 { font-size:17px !important; }
.fspx-18 { font-size:18px !important; }
.fsrem { font-size: 1.15rem !important; }

.text-yellow { color:#ffff00 !important; }
.text-green { color:#037b33 !important; }
.text-won { color:#a8a8a8 !important; }

.heione { height:1px !important; }
.min-h-150 { min-height:150px !important; }

.text-justify { text-align: justify !important; }
.tour-btn:hover { background-color: #890042 !important; }
.border-radius-tb-left { border-top-left-radius: 0.375rem !important; border-bottom-left-radius: 0.375rem !important; }
.border-radius-tb-right { border-top-right-radius: 0.375rem !important; border-bottom-right-radius: 0.375rem !important; }
.border-radius-square { border-radius: 0.375rem !important; }

.bg-skyblue { background-color: #f6f9fb !important; }

.no-btn-outline-danger, .no-btn-outline-danger:hover {
  color: #F65660;
  border-color: #F65660;
  cursor:default !important;
}
.no-btn-outline-info, .no-btn-outline-info:hover {
  color: #28abff;
  border-color: #28abff;
  cursor:default !important;
}


.input-group-text-gray {
  display: flex;
  align-items: center;
  padding: 0.475rem 1rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #232A42;
  text-align: center;
  white-space: nowrap;
  background-color: #f5f5f8;
  border: 1px solid #d6d6df;
  border-radius: 0.375rem;
}

.input-group-text-blue {
  display: flex;
  align-items: center;
  padding: 0.475rem 1rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: rgba(42, 82, 190, 1.0);
  border: 1px solid #2a52be;
  border-radius: 0.375rem;
}

.text-blue-box {
  align-items: center;
  padding: 0.475rem 1rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: rgba(42, 82, 190, 1.0);
  border: 1px solid #2a52be;
  border-radius: 0.375rem;
}

.input-group-text-none {
  display: flex;
  align-items: center;
  padding: 0.475rem 1rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #232A42;
  text-align: center;
  white-space: nowrap;
  background-color: rgba(103, 0, 54, 0.0);
  border: 0px solid #d6d6df;
  border-radius: 0.375rem;
}

.input-group-text-none-white {
  display: flex;
  align-items: center;
  padding: 0.475rem 1rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #232A42;
  text-align: center;
  white-space: nowrap;
  background-color: rgba(103, 0, 54, 0.0);
  border: 1px solid #d6d6df;
  border-radius: 0.375rem;
}

.input-group-text-none-box {
  display: flex;
  align-items: center;
  padding: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #232A42;
  text-align: center;
  white-space: nowrap;
  background-color: rgba(103, 0, 54, 0.0);
  border: 0px solid #d6d6df;
  border-radius: 0.375rem;
}


/*! 대관절차 */
.step-process { position:relative; margin:0; padding:0; width:100%; }
.step-process ul { position:relative; margin:0; padding:5px 0 0; width:100%; display: flex; flex-wrap: wrap; }
.step-process ul > li { flex: 0 0 auto; list-style: none; margin-left:0px; padding:0 5px 5px; display: inline-block; }
.step-process ul > li { width:50%; }
.step-process ul > li:last-child { width:100% ; }

.step-pro { width:100%; text-align: center; padding:7px 0px 10px; margin:0 auto; border-radius: 50px; color:#fff; background-color: #2E3552; font-size: 13px; }

.col-fix-85-l { flex: 0 0 auto; width: 85px; }
.col-fix-85-r { flex: 0 0 auto; width: calc(100% - 85px) !important; }
.hover-shadow-bora:hover {
  box-shadow: 5px 5px 0px 0px #62509c !important;
}

@media (min-width: 1400px) {
    .col-xxl-2d5 {
      flex: 0 0 auto;
      width: 20%;
    }
    .col-xxl-2d7 {
      flex: 0 0 auto;
      width: 14.285%;
    }
    .col-xxl-2d8 {
      flex: 0 0 auto;
      width: 12.5%;
    }
    .step-process ul > li { width:20% !important; font-size: 14px !important; }
    .step-process ul > li:last-child { width:20% !important; font-size: 14px !important; }
}

@media (min-width: 1200px) {
    .col-xl-2d5 {
      flex: 0 0 auto;
      width: 20%;
    }
    .col-xl-2d7 {
      flex: 0 0 auto;
      width: 14.285%;
    }
    .col-xl-2d8 {
      flex: 0 0 auto;
      width: 12.5%;
    }
    .col-xl-2d8-1 {
      flex: 0 0 auto;
      width: 15.5%;
    }
    .col-xl-2d8-2 {
      flex: 0 0 auto;
      width: 11.5%;
    }
    .step-process ul > li { width:20% !important; font-size: 14px !important; }
    .step-process ul > li:last-child { width:20% !important; font-size: 14px !important; }
}

@media (min-width: 992px) {
  .col-lg-2d5 {
    flex: 0 0 auto;
    width: 20%;
  }
  .col-lg-2d7 {
    flex: 0 0 auto;
    width: 14.285%;
  }
  .col-lg-2d8 {
    flex: 0 0 auto;
    width: 12.5%;
  }
}

@media (min-width: 992px) {
    .modal-buil {
      max-width: 692px;
    }
}

.b-searchbox { width:470px; margin:0 auto; }

@media (max-width:767px) {
  .hidden-xs { display:none!important }
  .way-img img { width:140px; }
  .friend-img { height:30px !important; }
}

@media (max-width: 480px) {
	.hidden-xs-v {display: none;}
  .b-searchbox { width:100%; margin:0 auto; }
}


/*! Login */
.disnone { display: none !important; }
.btn-facebook {
  color: #fff;
  background-color: #3b5998;
  border-color: #3b5998;
  padding: 6px 12px;
}
.btn-facebook i {
  margin-right: 5px;
}
.btn-facebook:hover {
  color: #fff;
  background-color: #243c79;
  border-color: #243c79;
  opacity: 1;
}

.btn-twitter {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-twitter i {
  margin-right: 5px;
}
.btn-twitter:hover {
  color: #fff;
  opacity: 2;
}

.btn-google {
  color: #000;
  background-color: #3367d6;
  border-color: #3367d6;
}
.btn-google i {
  margin-right: 5px;
}
.btn-google:hover {
  color: #fff;
  background-color: #ea4335;
  border-color: #ea4335;
  opacity: 1;
}

.btn-naver {
  color: #fff;
  background-color: #1dc800;
  border-color: #1dc800;
}
.btn-naver i {
  margin-top: 5px;
  margin-right: 5px;
}
.btn-naver:hover {
  color: #fff;
  background-color: #10b200;
  border-color: #10b200;
  opacity: 1;
}

.btn-kakao {
  color: #181600;
  background-color: #ffcd00;
  border-color: #ffcd00;
}
.btn-kakao i {
  margin-right: 5px;
}
.btn-kakao:hover {
  color: #fff;
  background-color: #ffb900;
  border-color: #ffb900;
  opacity: 1;
}

.btn-block { padding: 7px 0 12px !important; }


/*! main swiper-classic height */
@media (min-width:992px){
  .swiper-classic{height:600px !important;}
}
.swiper-pagination { padding-bottom:30px !important; }


/*! youtube_btn_main */
.youtube_btn_main { position: absolute; left:50%; margin-left:-66px !important; z-index: 2; }
.kakao-qr img{ width:200px !important; }
.kakao-qr-s img{ width:110px !important; }


@media (min-width: 768px) {
  .youtube_btn_main { top:650px; width:6rem!important; height:6rem!important; }
  .login_social-l { padding-right:5px; }
  .login_social-r { padding-left:5px; }
  .kakao-qr, .kakao-qr-s { text-align:right; }
  .ytb-h { height:900px; }
  .abt-padd { padding-top:700px; }
  .foot-title { font-weight: 500 !important; }
}

@media (max-width: 767px) {
  .youtube_btn_main { top:250px; width:3.0rem!important; height:3.0rem!important; }
  .kakao-qr, .kakao-qr-s { text-align:center; }
  .ytb-h { height:600px; }
  .abt-padd { padding-top:480px; }
  .foot-title { font-size:16px !important; font-weight: 500 !important; }
}

@media (min-width: 992px) {
    .top-infobox { position: relative; display: block; width:100%; --bs-bg-opacity: 1; background-color: rgba(103, 0, 54, 1.0) !important; }
    .ytubetopp { padding-top:180px; height:780px; }
}

@media (max-width: 991px) {
    .top-infobox { display: none; }
    .ytubetopp { margin-top:0px; }
}


.display-main {
    font-size: calc(1.325rem + 0.9vw);
    font-weight: 600;
    line-height: 1.2;
    font-family: var(--bs-font-sans-serif);
}

@media (min-width: 1200px) {
    .display-main { font-size: 3.5rem; }
}

.btn-mid {
    padding: 0.625rem 1.2rem 0.785rem;
    font-size: 1.125rem;
    border-radius: 0.575rem;
}

.bxl-blog-s:before { content: url(/assets/img/contents/blog_icon_s.png); }
.bxl-blog-m:before { content: url(/assets/img/contents/blog_icon.png); }
.bxl-blog-f:before { content: url(/assets/img/contents/blog_icon_b.png); }

.si-spotify, .si-spotify:hover {
    background-color: #1ed760 !important;
    border-color: #1ed760 !important;
    color: #fff !important;
}
.si-facebook, .si-facebook:hover {
    background-color: #3b5998 !important;
    border-color: #3b5998 !important;
    color: #fff !important;
}

.si-instagram, .si-instagram:hover {
    background-image: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%) !important;
    color: #fff;
    border-color: transparent;
}

.modal { z-index:2051; }
#myModal { z-index:2001; }

.vertical-top { vertical-align: top !important; }
.vertical-top-main { display: table-cell !important; vertical-align: top !important; float: top !important; }

#followquick ul { padding:0; margin:0; }
#followquick li { list-style: none; }

/*! kakao */
@media (min-width: 1400px) {
    #followquick { width:1px; position:absolute; top:310px; right:50%; margin-top:100px; margin-right:-710px; padding:0px; z-index:102; }
    .kakaobox { 
      position:absolute; width:230px; height:50px;
      right:50%;
      margin-top:-50px;
      margin-right:-700px;
      z-index: 101;
    }
    .dlinkbox { 
      position:absolute; width:230px; height:50px;
      right:50%;
      margin-top:-43px;
      margin-right:-700px;
      z-index: 101;
    }
}
@media (max-width: 1399px) {
  #followquick { width:1px; position:absolute; top:310px; right:58px; margin-top:100px; z-index:102; }
  .kakaobox { 
    position:absolute; width:230px; height:50px;
    right:0px;
    margin-top:-50px;
    z-index: 101;
  }
  .dlinkbox { 
    position:absolute; width:230px; height:50px;
    right:50px;
    margin-top:-43px;
    z-index: 101;
  }
}
.kakaobox-d { position:relative; float: right; width:224px; height:50px; margin:0; padding:0; }
.kakaoleft { float:left !important; width:110px; height:50px; padding:0; }
.kakaoright { float:left !important; width:114px; height:50px; padding:0; }


/*! logo */
.navbar-brand { width:200px !important; }
@media (max-width: 991px) {
    .navbar-brand { width:120px !important; }
}


/* section */
.noticebox-top { width:100%; padding:0px 0px 10px; background-color: #fff; }
.noticebox { width:100%; padding:10px 0px 10px; background-color: #fff; }
.noticebox-t { width:100%; padding:10px 0px 10px; background-color: #f8fbfe; }

.not-title { position: relative; padding:10px 10px 3px; background-color: #f7fbfe; }
.not-title:hover { background-color: #f3f9fd; }
.not-title .more { top: 2px; right: 10px; display: block; position: absolute; }


/* photo-gallery */
.card-hover-2-title h5 { border: 0px solid #ff0000 !important; display:-webkit-box !important; height:26px !important; max-height:26px !important; overflow:hidden !important; white-space: normal !important; word-wrap:break-word !important; text-overflow:ellipsis !important; -webkit-line-clamp:3 !important; -webkit-box-orient:vertical !important; }
.imgbox { height:322px !important; object-fit: cover !important; }
.gallery_title { font-size:15px; font-weight: 500; height:20px !important; max-height:20px !important; -webkit-line-clamp:1 !important; display:-webkit-box !important; overflow:hidden !important; white-space: normal !important; word-wrap:break-word !important; text-overflow:ellipsis !important; -webkit-box-orient:vertical !important;  }

.imgbox-card, .imgbox-gallery { object-fit: cover !important; }
@media (min-width: 1400px) {
  .imgbox-card { height:447px !important; }
  .imgbox-gallery { height:326px !important; }
}
@media all and (max-width:1399px) and (min-width:1200px) {
  .imgbox-card { height:352px !important; }
  .imgbox-gallery { height:255px !important; }
}
@media all and (max-width:1199px) and (min-width:992px) {
  .imgbox-card { height:292px !important; }
  .imgbox-gallery { height:255px !important; }
}
@media all and (max-width:991px) and (min-width:768px) {
  .imgbox-card { max-height:697px !important; }
  .imgbox-gallery { height:324px !important; }
}
@media all and (max-width:767px) and (min-width:576px) {
  .imgbox-card { max-height:516px !important; }
  .imgbox-gallery { height:234px !important; }
}
@media (max-width: 575px) {
  .imgbox-card { max-height:545px !important; }
  .imgbox-gallery { max-height:300px !important; }
}

.after_box { font-size:18px; font-weight: 400; margin:0px !important; padding:0; height:165px !important; max-height:165px !important; text-align: justify !important; -webkit-line-clamp:6 !important; display:-webkit-box !important; overflow:hidden !important; white-space: normal !important; word-wrap:break-word !important; text-overflow:ellipsis !important; -webkit-box-orient:vertical !important;  }


/* left-notice */
.notice-date { font-size:13px; font-weight: 300 !important; color:#555; padding:0 0 5px; margin:0; }
.notice-title { font-size:18px; font-weight: 400; color:#000; border-top: 3px solid #000; margin:0px !important; padding:20px 0 0; height:45px !important; max-height:45px !important; -webkit-line-clamp:1 !important; display:-webkit-box !important; overflow:hidden !important; white-space: normal !important; word-wrap:break-word !important; text-overflow:ellipsis !important; -webkit-box-orient:vertical !important;  }
.notice-title-g { font-size:18px; font-weight: 400; margin:0px !important; padding:20px 0 0; height:44px !important; max-height:44px !important; -webkit-line-clamp:1 !important; display:-webkit-box !important; overflow:hidden !important; white-space: normal !important; word-wrap:break-word !important; text-overflow:ellipsis !important; -webkit-box-orient:vertical !important;  }
.notice-ment { font-size:14px; font-weight: 300; color:#333 !important; line-height: 1.4em !important; text-align:justify; padding:0px; margin:5px 0 0; height:60px !important; max-height:60px !important; -webkit-line-clamp:3 !important; display:-webkit-box !important; overflow:hidden !important; white-space: normal !important; word-wrap:break-word !important; text-overflow:ellipsis !important; -webkit-box-orient:vertical !important; }

.border-ddd { border-color: #ddd !important; }
.border-ddd:hover { border-color: #ef6266 !important; }
.hover-shadow-ddd:hover { box-shadow: 5px 5px 0px 0px #ef6266 !important; }


/* right-notice */
.allnotice { position: relative; width:100%; height:100%; padding:0; margin:0; }
.allnotice dl { padding:2px 0; margin:0; }
.allnotice dl dt { float:left !important; font-size:15px; padding: 10px 0 !important; font-weight:400; margin:0px !important; color: rgb(51, 51, 51); overflow: hidden; border-top-color: rgb(238, 238, 238); border-top-width: 1px; border-top-style: dashed; }
.allnotice dl dd { float:left !important; font-size:15px; padding: 10px 0 !important; font-weight:400; margin:0px !important; color: rgb(133, 133, 133); text-align:right; border-top-color: rgb(238, 238, 238); border-top-width: 1px; border-top-style: dashed; }

.allnotice dl dt:first-child { border-top-width: 0px; }
.allnotice dl dd:nth-child(2) { border-top-width: 0px; }

.allnotice dl dt a { color: rgb(51, 51, 51); overflow: hidden; white-space: nowrap; word-break: break-all; text-overflow: ellipsis; }
.allnotice dl dt a:hover { text-decoration: none; color: rgb(49, 80, 169); }

.viewh5 { background-color: #2e3552; padding:12px 10px; border-radius: 0px; color:#fff; font-size: 18px; text-align: center; }
.viewdl { position: relative; }
.viewdl dt { float:left !important; padding: 10px 0 !important; font-weight:500; margin:0px !important; border-top-color: rgb(238, 238, 238); border-top-width: 1px; border-top-style: dashed; }
.viewdl dd { float:left !important; padding: 10px 0 !important; font-weight:400; margin:0px !important; border-top-color: rgb(238, 238, 238); border-top-width: 1px; border-top-style: dashed; }

.viewdl dt:first-child { border-top-width: 0px; }
.viewdl dd:nth-child(2) { border-top-width: 0px; }


@media all and (min-width:1400px) {
	.allnotice dl dt { width:75%; }
	.allnotice dl dd { width:25%; }

  .viewdl dt { width:20%; }
	.viewdl dd { width:80%; }
}

@media all and (max-width:1399px) {
	.allnotice dl dt { width:75%; }
	.allnotice dl dd { width:25%; }

  .viewdl dt { width:25%; }
	.viewdl dd { width:75%; }
}

@media all and (max-width:1199px) {
	.allnotice dl dt { width:75%; }
	.allnotice dl dd { width:25%; }
  .lg-mb-1 { margin-bottom: 0.25rem !important; }

  .viewdl dt { width:25%; }
	.viewdl dd { width:75%; }
}

@media all and (max-width:991px) {
	.allnotice dl dt { width:75%; }
	.allnotice dl dd { width:25%; }
  #sectionSchedule { width:1000px !important; }

  .viewdl dt { width:30%; }
	.viewdl dd { width:70%; }
}

@media all and (max-width:767px) {
	.allnotice dl dt { width:100%; }
	.allnotice dl dd { display:none; }

  .viewdl dt { width:25%; }
	.viewdl dd { width:75%; }
}

.event-c-box { width:100%; z-index: 103 !important; }
.event-c-box-in { position:relative; top:0; left:0; width:100%; overflow:auto; }
.event-c-box-in::-webkit-scrollbar { width:8px; height:8px; z-index: 103 !important; }
.event-c-box-in::-webkit-scrollbar-thumb { background-color: #a1a1a1; border-radius: 4px; }
.event-c-box-in::-webkit-scrollbar-track { background-color: #e2e2e2; border-radius: 4px; }

.event-c-sche {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
  border-bottom: 1px dashed #e7e7ef;
  padding:12px 0;
}
.event-c-sche > .event-control {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}

@media all and (min-width:992px) {
  .event-c-box { height:210px; margin-top:15px;  }
  .event-c-box-in { height:210px; padding:0px; }
  .rounded-pill-event { border-radius: 50rem !important; padding: 0.5rem 0.75rem !important; }
  .ev-w-1 { width:60px !important; color:#e32c51; font-weight: 500; }
  .ev-w-2 { width:100px !important; text-align: center; }
  .ev-w-3 { width: calc(100% - 380px) !important; overflow: hidden; white-space: nowrap; word-break: break-all; text-overflow: ellipsis; padding-left:20px; padding-right:10px; }
  .ev-w-4 { width:220px !important; text-align: right; padding-right:10px; }
  .ev-w-4 i { margin-top:-2px; }
  .lg-br br { display: none; }
}


@media all and (max-width:991px) {
  .event-c-box { height:320px; margin-top:0px !important;  }
  .event-c-box-in { height:320px; border:#d9d9d9 solid 0px; border-radius: 0px; padding:10px !important; }
  .rounded-pill-event { border-radius: 1rem !important; padding: 0.5rem !important; font-size: 13px !important; }
  .ev-w-1 { width:60px !important; color:#e32c51; font-weight: 500; padding-top:2px; }
  .ev-w-2 { width: calc(100% - 60px) !important; text-align: left !important; }
  .ev-w-3 { width:100% !important; overflow: hidden; white-space: nowrap; word-break: break-all; text-overflow: ellipsis; padding-top:5px; padding-left:0px; padding-right:0px; }
  .ev-w-4 { width:100% !important; text-align: right; padding-right:0px; }
  .ev-w-4 i { margin-top:-2px; }
}


/*! event_calendar */
#sectionSchedule { position:relative; width:100%; padding:0; margin:0; }
.conts_calendar {width:100%; margin-bottom:0px; position:relative; overflow:hidden;}
.conts_calendar h2{font-size:20px; color:#000; font-weight:normal;}
.conts_calendar .calendar_wrap{padding:0; margin-top:0px; border-top:0px solid #333;}
.conts_calendar .calendar_wrap:after {display:block; content:"";clear:both;}
.conts_calendar .calendar_wrap .calendar_mm{ float:left; width:139px; height:140px; background:#009d61;}
.conts_calendar .calendar_wrap .calendar_mm:after {display:block; content:"";clear:both;}
.conts_calendar .calendar_wrap .calendar_mm h3{background:url('/images/main/calendar_01.png') no-repeat 21px center; padding-left:41px; height:40px; line-height:40px; font-size:14px; color:#fff; font-weight:bold; border-bottom:1px solid #01b872;}
.conts_calendar .calendar_wrap .calendar_mm a{margin:40px 15px 0 15px; float:left; display:block;}
.conts_calendar .calendar_wrap .calendar_mm span{text-align:center; font-size:13px; color:#fff; font-weight:bold; display:block; float:left; width:77px; margin-top:10px; margin-left:31px;}
.conts_calendar .calendar_wrap .calendar_mm span strong{font-size:32px; font-weight:bold; margin-top:0px; text-align:center; display:block; margin-left:0px;}

.conts_calendar .calendar_wrap .calendar_dd{ float:left; width:calc(100% - 140px); background:url('/images/main/calendar_bar.gif') repeat-x 0px 40px; padding-left:10px; height:135px; position:relative; }
.conts_calendar .calendar_wrap .calendar_dd:after {display:block; content:"";clear:both;}
.conts_calendar .calendar_wrap .calendar_dd>li{text-align:center; float:left; width:3.225%; list-style: none; }
.conts_calendar .calendar_wrap .calendar_dd>li>a{margin:0px; padding:10px 0; color:#666; font-size:13px; font-weight:bold; display:block; height:100%; width:100%; line-height:1.0em; font-family:Tahoma !important; }
.conts_calendar .calendar_wrap .calendar_dd>li>a:hover, 
.conts_calendar .calendar_wrap .calendar_dd>li>a:focus,
.conts_calendar .calendar_wrap .calendar_dd>li>a:active{background:#009d61; color:#fff;}
.conts_calendar .calendar_wrap .calendar_dd>li.on>a{background:#009d61; color:#fff;}
.conts_calendar .calendar_wrap .calendar_dd>li .calendar_info{position:absolute; top:55px; left:0px; width:100%; height:80px; overflow:hidden;display:none; border-top: 0px solid #ff0000 !important;}
.conts_calendar .calendar_wrap .calendar_dd>li .calendar_info ul{width:100%; height:80px; overflow:hidden; list-style-type: none;}
.conts_calendar .calendar_wrap .calendar_dd>li .calendar_info ul:after {display:block; content:"";clear:both;}
.conts_calendar .calendar_wrap .calendar_dd>li .calendar_info ul li{width:100%; float:left; position:relative; height:80px; }
.conts_calendar .calendar_wrap .calendar_dd>li .calendar_info ul li .img_box{position:absolute;top:0;left:0;width:58px; height:79px;  text-align:center;overflow:hidden;}
.conts_calendar .calendar_wrap .calendar_dd>li .calendar_info ul li .img_box img{max-height:77px;width:auto;max-width:56px;height:auto; border:1px solid #d5d5d5;}
.conts_calendar .calendar_wrap .calendar_dd>li .calendar_info ul li dl{position:absolute; top:0px; left:0px; width:100%;}
.conts_calendar .calendar_wrap .calendar_dd>li .calendar_info ul li dt{ float:left; text-align:left; letter-spacing:0; font-size:13px; color:#0078d7; width:120px; margin-bottom:5px; padding-left:16px; }
.conts_calendar .calendar_wrap .calendar_dd>li .calendar_info ul li dd{ float:left; text-align:left; letter-spacing:0; font-size:13px; color:#555; width:275px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom:5px; }
.conts_calendar .calendar_wrap .calendar_dd>li .calendar_info ul li>a{position:absolute; top:0px; left:0px; color:#333; font-size:12px; font-weight:bold;}
.conts_calendar .calendar_wrap .calendar_dd>li .calendar_info ul li>a>img{padding-bottom:2px; padding-left:4px;}
.conts_calendar .calendar_wrap .calendar_dd>li .calendar_info>span{display: block; font-size: 14px; font-weight: 600; color: #444; margin-top: 23px; text-align: center;}

.conts_calendar .more{position:absolute; right:0; top:5px; color:#333; font-weight:bold; font-size:12px;}
.conts_calendar .more img{padding:3px 0 2px 4px;}

.evcal-tit-line { text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.evcal-tit-1 { font-size:14px; color:#0078d7; }
.evcal-tit-2 { font-size:14px; color:#555; }

/*! contents */
#contents { min-height:400px; }

@media (min-width: 992px) {
    .bg-shade-img-01 {
        margin-top:0px !important;
        background: url(/assets/img/backgrounds/contents_bg_img.jpg) scroll center no-repeat;
        background-size: cover;
        height: 100%;
    }
    .breadcrumb-wrap { height:410px !important; padding-top:240px; }
    .breadcrumb-wrap h1 { font-size:35px !important; font-weight: 500 !important; color:#000 !important; }
    ol.breadcrumb { margin:0; padding:0; }
}

@media (max-width: 991px) {
    .bg-shade-img-01 {
        margin-top:0px !important;
        background: url(/assets/img/backgrounds/contents_bg_img.jpg) scroll right no-repeat;
        background-size: cover;
        height: 100%;
    }
    .breadcrumb-wrap { height:130px !important; padding-top:80px; }
    .breadcrumb-wrap h1 { font-size:18px !important; font-weight: 500 !important; color:#000 !important; }
    ol.breadcrumb { display:none !important; }
}

/* breadcrumb */
ol.breadcrumb {
    float:right;
    margin-top: -34px;
    padding: 5px 20px 7px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    border-radius: 50px;
}

ol.breadcrumb li {
    font-weight: 400;
    font-size: 13px;
    text-transform: capitalize;
    letter-spacing: 0px;
}

ol.breadcrumb li a {
    color: #fff;
}

.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}
.breadcrumb>li{display:inline-block}
.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}
.breadcrumb>.active{color:#777}

.form-select-m { padding:0 20px; }

.wpx-100 { width:100px !important; }

.step .step-icon-blue {
    display: inline-flex;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    margin-right: 1.25rem;
}
.step .step-icon-blue::after {
    border-left: 2px dashed #24355b;
    content: "";
    position: absolute;
    top: 3.75rem;
    left: calc(1.5rem - 1px);
    width: 1rem;
    height: calc(100% - 3.25rem);
}

#commentPost .step .step-icon::after {
    border-left: 1px dashed #e7e7ef;
    content: "";
    position: absolute;
    top: 3.00rem;
    left: calc(1.5rem - 1px);
    width: 1rem;
    height: calc(100% - 3.25rem);
}

#commentPost .step .step-item {
    margin-bottom: 0.0rem;
}

#commentPost .step .step-item:last-child .step-icon-blue::after {
    height: 0;
}

#commentPost .step .step-item .step-content {
    flex-grow: 1;
}

#commentPost .step .step-item:not(:first-child) .step-content {
    padding-top: 0.75rem;
    border-top: 1px solid #efeff8;
}

.lead_s {
    font-size: 1.0rem;
    font-weight: 300;
}


/* 1차 서브 메뉴 */
.pcmenunone { margin-top:-55px; border-top: 1px solid rgba(227, 227, 227, 1.0); border-bottom: 1px solid rgba(227, 227, 227, 1.0); background: rgba(255, 255, 255, 0.8); height:55px; }

@media screen and (max-width:991px) {
  .pcmenunone { margin-top:0px !important; border-top: 0px solid rgba(255, 255, 255, 0.2) !important; border-bottom: 0px solid rgba(227, 227, 227, 1.0); background: rgba(0, 0, 0, 0.0) !important; height:45px !important; }
	.quick_wrap { display:none; }
  .kakaobox { display:none; }
  .dlinkbox { 
    position:absolute !important; width:230px; height:32px;
    right:12px !important;
    margin-top:0 !important;
    padding-top:14px !important;
    text-align: right !important;
    z-index: 101;
  }
  #followquick { display:none; }
}

.quick_wrap { height: 54px !important; position: relative; z-index: 40; }
.quick_wrap .container { padding: 0px; }

.snb_link { float: left; padding:0; margin:0; }
.snb_link > li { list-style-type: none; }
.snb_link > li.sub_link_on { background: url("../../images/common/n_bar_on.png") no-repeat right 20px center rgb(80, 138, 255); }
.snb_link > li.sub_link_on > a { color: rgb(255, 255, 255); }

.snb_link > li.home { background: none; text-align: center; border-left: 1px solid rgba(227, 227, 227, 1.0); }
.snb_link > li.home .icon_home { background: url("../../images/common/home_new.png") no-repeat center; padding: 0px; display: block; min-width: 55px; }
.snb_link > li.home .icon_home:hover { background: url("../../images/common/home_new_w.png") no-repeat center rgba(0, 0, 0, 0.5); }
.snb_link > li { background: url("../../images/common/n_bar_on2_mint.png") no-repeat right 20px center rgba(255, 255, 255, 0); height: 54px; float: left; position: relative; }


.snb_link > li > a { height: 54px; color: rgb(85, 85, 85); line-height: 54px; padding-right: 55px; padding-left: 30px; border-right: 1px solid rgba(227, 227, 227, 1.0); display: block; } /* min-width 는 assets_top_all.css에서 관리 */
.snb_link > li.on > a { color: rgb(255, 255, 255); }
.snb_link > li.on { background: url("../../images/common/n_bar_on.png") no-repeat right 20px center rgba(0, 0, 0, 0.5); }
.snb_link > li.home > a::after { display: none; }
.snb_link > li.on.home { background: none; }
.snb_link > li.on > a::after { transform: rotate(180deg); }

.snb_link div { height: 100%; padding-left: 30px; font-size: 0.93em; vertical-align: middle; display: table-cell; cursor: pointer; min-width: 150px; }
.snb_link li .L2_Items, .snb_link li .L3_Items { left: -999em; top: 54px; display: none; position: absolute; z-index: 40; padding:0; margin:0; }
.snb_link li.on .L2_Items, .snb_link li.on .L3_Items { background: rgb(255, 255, 255); left: -1px; width: 100%; border-bottom: 0px solid #ddd; display: block; }
.snb_link li.de_2items .L2_Items, .snb_link li.de_3items .L3_Items { width: 100.5%; padding:0; margin:0; }
.snb_link li.de_2items.on .L2_Items, .snb_link li.de_3items.on .L3_Items { left: -1px; }
.snb_link li .L2_Items li, .snb_link li .L3_Items li { margin: 0px auto; width: 100%; height: 40px; line-height: 40px; float: inherit; display: inline-block; position: relative; padding:0; border-bottom: 1px solid #ddd; }
.snb_link li .L2_Items li:last-child, .snb_link li .L3_Items li:last-child { border-bottom: 1px solid #ddd; }
.snb_link li .L2_Items li a, .snb_link li .L3_Items li a { width: 100%; color: rgb(119, 119, 119); padding-left: 30px; display: block; border-right: 1px solid #ddd; border-left: 1px solid #ddd; }
.snb_link li .L2_Items li a:hover, .snb_link li .L3_Items li a:hover { color: rgb(255, 255, 255); background: rgb(239, 98, 102); border-right: 1px solid #ef6266; border-left: 1px solid #ef6266; border-bottom: 0px solid #ef6266; }
.snb_link li .L2_Items li a:focus, .snb_link li .L3_Items li a:focus { color: rgb(255, 255, 255); }
.snb_link li.de_2items.only, .snb_link li.de_3items.only { background: rgb(255, 255, 255); }
.snb_link > li.de_3items > a.de_menu2 { width: 170px; padding-right: 0px; }

@media (max-width:767px){.hidden-xs{display:none!important}}
@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}
@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}
@media (min-width:1200px){.hidden-lg{display:none!important}}

.visible-lg,.visible-md,.visible-sm,.visible-xs{display:none!important}
.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}

@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}}@media (max-width:767px){.visible-xs-block{display:block!important}}
@media (max-width:767px){.visible-xs-inline{display:inline!important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block!important}}

/***Mobile Sub Menu***/
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu {
  width: 100%;
  color: #ffffff;
  margin-bottom: 15px;
}
#cssmenu ul ul {
  display: none;
}
.align-right {
  float: right;
}
#cssmenu > ul > li > a {
  padding: 15px 20px;
  border-left: 1px solid #ef6266;
  border-right: 1px solid #ef6266;
  border-top: 1px solid #ef6266;
  cursor: pointer;
  z-index: 2;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  color: #ffffff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
  background: #36aae7;
  background: -webkit-linear-gradient(#ef6266, #ef6266);
  background: -moz-linear-gradient(#ef6266, #ef6266);
  background: -o-linear-gradient(#ef6266, #ef6266);
  background: -ms-linear-gradient(#ef6266, #ef6266);
  background: linear-gradient(#ef6266, #ef6266);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
}
#cssmenu > ul > li > a:hover,
#cssmenu > ul > li.active > a,
#cssmenu > ul > li.open > a {
  color: #eeeeee;
  background: #1fa0e4;
  background: -webkit-linear-gradient(#ef6266, #ef6266);
  background: -moz-linear-gradient(#ef6266, #ef6266);
  background: -o-linear-gradient(#ef6266, #ef6266);
  background: -ms-linear-gradient(#ef6266, #ef6266);
  background: linear-gradient(#ef6266, #ef6266);
}
#cssmenu > ul > li.open > a {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),
    0 1px 1px rgba(0, 0, 0, 0.15);
  border-bottom: 1px solid #ef6266;
}
#cssmenu > ul > li:last-child > a,
#cssmenu > ul > li.last > a {
  border-bottom: 1px solid #ef6266;
}
.holder {
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  right: 0;
}
.holder::after,
.holder::before {
  display: block;
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  right: 20px;
  z-index: 10;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.holder::after {
  top: 17px;
  border-top: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
}
#cssmenu > ul > li > a:hover > span::after,
#cssmenu > ul > li.active > a > span::after,
#cssmenu > ul > li.open > a > span::after {
  border-color: #eeeeee;
}
.holder::before {
  top: 18px;
  border-top: 2px solid;
  border-left: 2px solid;
  border-top-color: inherit;
  border-left-color: inherit;
}
#cssmenu ul ul li a {
  cursor: pointer;
  border-bottom: 1px solid #32373e;
  border-left: 1px solid #32373e;
  border-right: 1px solid #32373e;
  padding: 10px 20px;
  z-index: 1;
  text-decoration: none;
  font-size: 13px;
  color: #eeeeee;
  background: #49505a;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li.open > a,
#cssmenu ul ul li.active > a {
  background: #424852;
  color: #ffffff;
}
#cssmenu ul ul li:first-child > a {
  box-shadow: none;
}
#cssmenu ul ul ul li:first-child > a {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
#cssmenu ul ul ul li a {
  padding-left: 30px;
}
#cssmenu > ul > li > ul > li:last-child > a,
#cssmenu > ul > li > ul > li.last > a {
  border-bottom: 0;
}
#cssmenu > ul > li > ul > li.open:last-child > a,
#cssmenu > ul > li > ul > li.last.open > a {
  border-bottom: 1px solid #32373e;
}
#cssmenu > ul > li > ul > li.open:last-child > ul > li:last-child > a {
  border-bottom: 0;
}
#cssmenu ul ul li.has-sub > a::after {
  display: block;
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  right: 20px;
  z-index: 10;
  top: 11.5px;
  border-top: 2px solid #eeeeee;
  border-left: 2px solid #eeeeee;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
#cssmenu ul ul li.active > a::after,
#cssmenu ul ul li.open > a::after,
#cssmenu ul ul li > a:hover::after {
  border-color: #ffffff;
}


/* 3차 서브 메뉴 */
@media screen and (max-width:767px) {
	.kplt3 span { font-size:14px !important; }
	.jbtop { margin-top:0px !important; padding-right:11px !important; padding-left:12px !important; }
	.jbmid-o { margin-top:20px !important; padding-right:12px !important; padding-left:15px !important; }
  .jbmid { margin-top:5px !important; padding:0px 12px !important; background-color: #474952; }

  .famtop {  margin-top:0px !important; padding-right:7px !important; padding-left:12px !important; }
  .famtop-btn { background: rgb(255, 255, 255); border: 1px solid rgba(221, 221, 221, 1); height: 35px; text-align: center; color: rgb(51, 51, 51); line-height: 30px; font-size: 13px; font-weight: 400; display: block; z-index: 1; }
  .famtop-btn:hover { background: rgb(239, 63, 53); border: 1px solid rgb(239, 63, 53); color: rgb(255, 255, 255); } 
}

@media screen and (min-width:768px) {
	.jbtop { padding-top:0px !important; padding-right:11px !important; padding-left:12px !important; }
	.jbmid-o { padding-top:20px !important; padding-right:12px !important; padding-left:15px !important; }
  .jbmid { margin-top:0; padding:0px 12px !important; background-color: #474952; }

  .famtop { padding-top:0px !important; padding-right:7px !important; padding-left:12px !important; }
  .famtop-btn { background: rgb(255, 255, 255); border: 1px solid rgba(221, 221, 221, 1); height: 45px; text-align: center; color: rgb(51, 51, 51); line-height: 40px; font-size: 14px; font-weight: 400; display: block; z-index: 1; }
  .famtop-btn:hover { background: rgb(239, 63, 53); border: 1px solid rgb(239, 63, 53); color: rgb(255, 255, 255); } 
}

.jbtop-btn { background: rgb(255, 255, 255); border: 1px solid rgba(221, 221, 221, 1); height: 45px; text-align: center; color: rgb(51, 51, 51); line-height: 40px; font-size: 16px; font-weight: 500; display: block; z-index: 1; }
.jbtop-btn:hover { background: rgb(239, 63, 53); border: 1px solid rgb(239, 63, 53); color: rgb(255, 255, 255); } 
.jbtop-btn-on { background: rgb(40, 156, 151); border: 1px solid rgb(40, 156, 151); height: 45px; text-align: center; color: rgb(255, 255, 255); line-height: 40px; font-size: 16px; font-weight: 500; display: block; z-index: 1; }
.jbtop-btn-on:hover { background: rgb(40, 156, 151); border: 1px solid rgb(40, 156, 151); color: rgb(255, 255, 255); }

.jbmid-btn-o { background: rgb(246, 246, 246); border: 1px solid rgba(221, 221, 221, 1); border-radius: 50px; height: 45px; text-align: center; color: rgb(51, 51, 51); line-height: 40px; font-size: 16px; font-weight: 500; display: block; z-index: 1; }
.jbmid-btn-o:hover { background: rgb(121, 159, 65); border: 1px solid rgb(121, 159, 65); color: rgb(255, 255, 255); } 
.jbmid-btn-o-on { background: rgb(241, 145, 0); border: 1px solid rgb(241, 145, 0); border-radius: 50px; height: 45px; text-align: center; color: rgb(255, 255, 255); line-height: 40px; font-size: 16px; font-weight: 500; display: block; z-index: 1; }
.jbmid-btn-o-on:hover { background: rgb(121, 159, 65); border: 1px solid rgb(121, 159, 65); color: rgb(255, 255, 255); } 

.jbmid-btn { background: rgba(246, 246, 246, 0.0); border-bottom: 1px solid rgba(255, 255, 255, 0.3); border-radius: 0px; text-align: center; color: rgb(255, 255, 255); line-height: 1.0; padding:13px 10px 16px; font-size: 16px; font-weight: 500; display: block; z-index: 1; }
.jbmid-btn-on { background: rgb(20, 87, 168); border-bottom: 1px solid rgba(255, 255, 255, 0.3); border-radius: 0px; text-align: center; color: rgb(255, 255, 255); line-height: 1.0; padding:13px 10px 16px; font-size: 16px; font-weight: 500; display: block; z-index: 1; }
.jbmid-btn:hover { background: rgb(0, 157, 98); border-bottom: 1px solid rgba(255, 255, 255, 0.3); color: rgb(255, 255, 255); } 
.jbmid-btn-on:hover { background: rgb(20, 87, 168); border-bottom: 1px solid rgba(255, 255, 255, 0.3); color: rgb(255, 255, 255); } 

.pdrb1 { padding-top:0px !important; padding-right:1px !important; padding-bottom:1px !important; padding-left:0px !important; }
.pdrb3 { padding-top:0px !important; padding-right:0px !important; padding-bottom:0px !important; padding-left:0px !important; }
.pdrb5 { padding-top:0px !important; padding-right:5px !important; padding-bottom:5px !important; padding-left:0px !important; }

@media screen and (max-width:767px) {
	  .thirdbox { margin-top:0px !important; }
    .link-multiline { font-size:14px !important; line-height: 1.3em; }
}

@media screen and (min-width:768px) {
	.thirdbox { padding-top:0px !important; }
}

.third-btn { background: rgb(255, 255, 255); border: 1px solid rgba(221, 221, 221, 1); height: 50px; text-align: center; color: rgb(51, 51, 51); line-height: 45px; font-size: 16px; font-weight: 500; display: block; z-index: 1; }
.third-btn:hover { background: rgb(157, 144, 119); border: 1px solid rgb(157, 144, 119); color: rgb(255, 255, 255); } 
.third-btn-on { background: rgb(194, 181, 155); border: 1px solid rgb(194, 181, 155); height: 50px; text-align: center; color: rgb(255, 255, 255); line-height: 45px; font-size: 16px; font-weight: 500; display: block; z-index: 1; }
.third-btn-on:hover { background: rgb(157, 144, 119); border: 1px solid rgb(157, 144, 119); color: rgb(255, 255, 255); } 


/*! contents */
.buttons .left-side {float:left; text-align:left; padding-top:20px;}
.buttons .right-side {float:right; text-align:right; padding-top:20px;}
.buttons .right-side a { margin-right:0px; }

.btn-default {
  color: #fff;
  background-color: #890042;
  border-color: #890042;
}
.btn-default:hover {
  color: #fff;
  background-color: #890042;
  border-color: #890042;
}

/*! table */
.bor-zero { border-width: 0px !important; }
.borb-zero { border-bottom-width: 0px !important; }
.bort-zero { border-top-width: 0px !important; }
.tab-b-line { border-bottom: 1px solid #e7e7ef !important; }

.table-hover-2 { padding:0 !important; margin:0 !important; }
.table-hover-2 thead th h4 { font-weight: 500 !important; }
.table-hover-2 tbody tr:hover { background-color: #f9f9f9 !important; }
.table-hover-2 tbody th { padding-top:20px !important; padding-bottom:20px !important; font-size: 15px !important; background-color: #f6f9fb !important; }
.table-hover-2 tbody td { padding-top:20px !important; padding-bottom:20px !important; font-size: 15px !important; color:#555 !important; }
.table-hover-2 tbody td .btn-sm { padding: 0.1rem 0.5rem !important; font-size: 0.8203125rem !important; border-radius: 0.2rem !important; }

.table-hover-3 { padding:0 !important; margin:0 !important; border-top-width: 0px !important; width: 100%; }
.table-hover-3 table { border-top-color: currentColor; border-top-width: medium; border-top-style: none; }
.table-hover-3 tbody tr:hover { background-color: #f9f9f9 !important; }
.table-hover-3 tbody th { padding:20px !important; font-size: 15px !important; background-color: #f6f9fb !important; text-align: center !important; border-bottom: 1px solid #e7e7ef !important; }
.table-hover-3 tbody td { padding:20px !important; font-size: 15px !important; color:#555 !important; border-bottom: 1px solid #e7e7ef !important; }
.table-hover-3 tbody th.end, .table-hover-3 tbody td.end { border-bottom: 0px solid #e7e7ef !important; }
.table-hover-3 tbody td .btn-sm { padding: 0.1rem 0.5rem !important; font-size: 0.8203125rem !important; border-radius: 0.2rem !important; }

.table-dashboard { border-top-color: rgb(34, 34, 34) !important; border-top-width: 2px !important; border-top-style: solid !important; }
.table-dashboard table { border-top-color: currentColor; border-top-width: medium; border-top-style: none; }
.table-dashboard tr:hover { background:#f9f9f9; }
.table-dashboard thead th { font-size: 18px; padding:10px 10px !important; color:#333; font-weight:500; }
.table-dashboard tbody th { font-size: 16px; padding:10px 10px !important; color:#333; font-weight:400; }
.table-dashboard tbody th.left { padding:13px 10px !important; text-align:left; }
.table-dashboard th { line-height: 1.4; background: rgb(246, 246, 246); text-align: center; border-bottom-color: rgb(211, 211, 211) !important; border-left-color: rgb(238, 238, 238); border-bottom-width: 1px !important; border-left-width: 1px; border-bottom-style: solid !important; border-left-style: solid; vertical-align: middle !important; }
.table-dashboard td { font-size: 16px; font-weight:400; padding:10px 10px !important; text-align: center; line-height: 1.4; vertical-align: middle !important; border-left-color: rgb(238, 238, 238); border-left-width: 1px; border-left-style: solid; border-bottom-color: rgb(211, 211, 211); border-bottom-width: 1px; border-bottom-style: solid; }
.table-dashboard td h4 { font-size:18px; font-weight:500; padding:0 0 3px; }
.table-dashboard td .fw400 { font-weight:400 !important; }
.table-dashboard td ul { margin:0; padding:5px 0 5px 17px; }
.table-dashboard td ul li { padding:2px 0px; margin:0; font-weight:400; color:#555; letter-spacing:0em;  list-style-type:disc; }
.table-dashboard td.tdend { border-bottom-color: rgb(211, 211, 211); border-bottom-width: 1px; border-bottom-style: solid; background:#fff; }
.table-dashboard td.left { text-align: left; padding-left:10px; }
.table-dashboard th.bln, .table-dashboard td.bln { border-left-color: currentColor; border-left-width: medium; border-left-style: none; }
.table-dashboard th.brn, .table-dashboard td.brn { border-right-color: currentColor; border-right-width: medium; border-right-style: none; }
.table-dashboard td img { margin:0 auto; }
.table-dashboard td .cent { vertical-align: middle !important; }

.table-dashboardview .table-cols { width:100%; border-top-color: rgb(34, 34, 34) !important; border-top-width: 2px !important; border-top-style: solid !important; }
.table-dashboardview table { border-top-color: currentColor; border-top-width: medium; border-top-style: none; }
.table-dashboardview .table-cols tr:hover { background:#f9f9f9; }
.table-dashboardview .table-cols thead th { font-size: 16px; padding:12px 10px !important; color:#333; font-weight:500; }
.table-dashboardview .table-cols tbody th { font-size: 15px; padding:10px 10px !important; color:#333; font-weight:400; }
.table-dashboardview .table-cols tbody th.left { padding:10px 10px !important; text-align:left; }
.table-dashboardview .table-cols th { line-height: 1.4; background: rgb(246, 246, 246); text-align: center; border-bottom-color: rgb(211, 211, 211) !important; border-left-color: rgb(238, 238, 238); border-bottom-width: 1px !important; border-left-width: 1px; border-bottom-style: solid !important; border-left-style: solid; vertical-align: middle !important; }
.table-dashboardview .table-cols td { font-size: 15px; font-weight:400; padding:13px 10px !important; text-align: center; line-height: 1.4; vertical-align: middle !important; border-left-color: rgb(238, 238, 238); border-left-width: 1px; border-left-style: solid; border-bottom-color: rgb(211, 211, 211); border-bottom-width: 1px; border-bottom-style: solid; }
.table-dashboardview .table-cols td h4 { font-size:16px; font-weight:500; padding:0 0 3px; }
.table-dashboardview .table-cols td .fw400 { font-weight:400 !important; }
.table-dashboardview .table-cols td ul { margin:0; padding:5px 0 5px 17px; }
.table-dashboardview .table-cols td ul li { padding:2px 0px; margin:0; font-weight:400; color:#555; letter-spacing:0em;  list-style-type:disc; }
.table-dashboardview .table-cols td.tdend { border-bottom-color: rgb(211, 211, 211); border-bottom-width: 1px; border-bottom-style: solid; background:#fff; }
.table-dashboardview .table-cols td.left { text-align: left; padding-left:10px; }
.table-dashboardview .table-cols th.bln, .table-dashboardview .table-cols td.bln { border-left-color: currentColor; border-left-width: medium; border-left-style: none; }
.table-dashboardview .table-cols th.brn, .table-dashboardview .table-cols td.brn { border-right-color: currentColor; border-right-width: medium; border-right-style: none; }

.table-dashboardview .table-cols td img, .table-dashboardview-s .table-cols td img { margin:0 auto; }

.table-facility { width:100%; border-top-color: rgb(34, 34, 34) !important; border-top-width: 2px !important; border-top-style: solid !important; }
.table-facility table { border-top-color: currentColor; border-top-width: medium; border-top-style: none; }
.table-facility tr:hover { background:#f9f9f9; }
.table-facility thead th { font-size: 15px; padding:12px 10px !important; color:#333; font-weight:500; }
.table-facility tbody th { font-size: 15px; padding:10px 10px !important; color:#333; font-weight:400; }
.table-facility tbody th.left { text-align:left; }
.table-facility th { line-height: 1.4; background: rgb(246, 246, 246); text-align: center; border-bottom-color: rgb(211, 211, 211) !important; border-left-color: rgb(238, 238, 238); border-bottom-width: 1px !important; border-left-width: 1px; border-bottom-style: solid !important; border-left-style: solid; vertical-align: middle !important; }
.table-facility td { font-size: 15px; font-weight:400; padding:13px 10px !important; text-align: center; line-height: 1.4; vertical-align: middle !important; border-left-color: rgb(238, 238, 238); border-left-width: 1px; border-left-style: solid; border-bottom-color: rgb(211, 211, 211); border-bottom-width: 1px; border-bottom-style: solid; }
.table-facility td h4 { font-size:16px; font-weight:500; padding:0 0 3px; }
.table-facility td .fw400 { font-weight:400 !important; }
.table-facility td ul { margin:0; padding:5px 0 5px 23px; }
.table-facility td ul li { padding:2px 0px; margin:0; font-weight:400; color:#555; letter-spacing:0em;  list-style-type:disc; }
.table-facility td.tdend { border-bottom-color: rgb(211, 211, 211); border-bottom-width: 1px; border-bottom-style: solid; background:#fff; }
.table-facility td.left { text-align: left; padding-left:10px; }
.table-facility th.bln, .table-facility td.bln { border-left-color: currentColor; border-left-width: medium; border-left-style: none; }
.table-facility th.brn, .table-facility td.brn { border-right-color: currentColor; border-right-width: medium; border-right-style: none; }

.table-facility td img { margin:0 auto; }

.table-est { width:100%; border-top-color: rgb(34, 34, 34) !important; border-top-width: 2px !important; border-top-style: solid !important; }
.table-est table { border-top-color: currentColor; border-top-width: medium; border-top-style: none; }
.table-est tr:hover { background:#f9f9f9; }
.table-est thead th { font-size: 14px; padding:10px 8px !important; color:#333; font-weight:500; }
.table-est tbody th { font-size: 14px; padding:8px !important; color:#333; font-weight:400; }
.table-est tbody th.left { text-align:left; }
.table-est th { line-height: 1.4; background: rgb(246, 246, 246); text-align: center; border-bottom-color: rgb(211, 211, 211) !important; border-left-color: rgb(238, 238, 238); border-bottom-width: 1px !important; border-left-width: 1px; border-bottom-style: solid !important; border-left-style: solid; vertical-align: middle !important; }
.table-est td { font-size: 14px; font-weight:400; padding:8px !important; text-align: center; line-height: 1.4; vertical-align: middle !important; border-left-color: rgb(238, 238, 238); border-left-width: 1px; border-left-style: solid; border-bottom-color: rgb(211, 211, 211); border-bottom-width: 1px; border-bottom-style: solid; }
.table-est td .fw400 { font-weight:400 !important; }
.table-est td ul { margin:0; padding:5px 0 5px 23px; }
.table-est td ul li { padding:2px 0px; margin:0; font-weight:400; color:#555; letter-spacing:0em;  list-style-type:disc; }
.table-est td.left { text-align: left;}
.table-est th.bln, .table-est td.bln { border-left-color: currentColor; border-left-width: medium; border-left-style: none; }
.table-est th.brn, .table-est td.brn { border-right-color: currentColor; border-right-width: medium; border-right-style: none; }
.table-est .input-group { background-color:rgba(238, 238, 238, 0) !important; }
.table-est select { font-size:13px !important; }
.table-est input disabled { color:#ff0000; }
.table-est td img { margin:0 auto; }

.table-mem { width:100%; border-top-color: rgb(34, 34, 34) !important; border-top-width: 2px !important; border-top-style: solid !important; }
.table-mem tbody { border-top: 0px solid #e2e2e2 !important;  }
.table-mem tr:hover { background:#f9f9f9; }
.table-mem thead th { font-size: 15px; padding:15px 8px !important; color:#333; font-weight:500; }
.table-mem tbody th { font-size: 14px; padding:12px 10px !important; color:#333; font-weight:400; }
.table-mem th { line-height: 1.4; background: rgb(246, 246, 246); text-align: center; border-bottom-color: rgb(211, 211, 211) !important; border-left-color: rgb(238, 238, 238); border-bottom-width: 1px !important; border-left-width: 1px; border-bottom-style: solid !important; border-left-style: solid; vertical-align: middle !important; }
.table-mem td { font-size: 14px; font-weight:400; padding:12px 10px !important; text-align: center; line-height: 1.4; vertical-align: middle !important; border-left-color: rgb(238, 238, 238); border-left-width: 1px; border-left-style: solid; border-bottom-color: rgb(211, 211, 211); border-bottom-width: 1px; border-bottom-style: solid; }
.table-mem td ul { margin:0; padding:5px 0 5px 23px; }
.table-mem td ul li { padding:2px 0px; margin:0; font-weight:400; color:#555; letter-spacing:0em;  list-style-type:disc; }
.table-mem td.left { text-align: left;}
.table-mem th.bln, .table-mem td.bln { border-left-color: currentColor; border-left-width: medium; border-left-style: none; }
.table-mem th.brn, .table-mem td.brn { border-right-color: currentColor; border-right-width: medium; border-right-style: none; }
.table-mem .input-group { background-color:rgba(238, 238, 238, 0) !important; }
.table-mem select { font-size:13px !important; }
.table-mem input disabled { color:#ff0000; }
.table-mem td img { margin:0 auto; }
.table-mem td.dataNo { padding:30px 0 !important; }

.table-responsive-line {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border: 1px solid #e2e2e2 !important; 
}

.table-dashboardview, .table-dashboardview-s {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border: 0px solid #e2e2e2 !important; 
}

@media all and (max-width:1199px) {
  .table-dashboardview-s table th, .table-dashboardview-s table td { white-space: nowrap !important; word-break: keep-all !important; }
}

@media all and (max-width:991px) {
  .table-responsive table, .table-responsive table { width:100% !important; padding:0 !important; margin:0 !important; }
  .table-responsive table th, .table-responsive table td, .table-dashboardview table th, .table-dashboardview table td, #sectionSchedule { white-space: nowrap !important; word-break: keep-all !important; }
}

.table-cols tr:hover { background-color: #f9f9f9; }
.table-cols th, .table-cols td { vertical-align: middle !important; }
.table-cols ul, .table-cols ol { margin:0 !important; padding:0 0 0 23px !important; }

@media (min-width:768px){
	.pyo-drag, .pyo-dragp, .pyo-dragb { position:absolute !important; overflow:hidden !important; width:1px !important; height:1px !important; top:auto !important; text-indent:-9999% !important; font-size:0 !important; line-height:0 !important; }
  .pyo-star { font-size:15px !important; line-height:1.3; margin-top:-10px !important; }
}
@media (max-width:767px){
  .pyo-drag { width:100%; text-align:right !important; font-size:13px !important; line-height:1.3; margin:7px 0 !important; color: #3e75bb !important; }
  .pyo-dragp { width:100%; text-align:center !important; font-size:13px !important; line-height:1.3; margin:0px !important; color: #3e75bb !important; }
  .pyo-dragb { width:100%; text-align:center !important; font-size:13px !important; line-height:1.3; margin:0px !important; padding-bottom:15px; color: #3e75bb !important; }
	.pyo-star { font-size:14px !important; line-height:1.3; margin-top:5px !important; }
}


/*! program calendar */
.calendar-top-box a { margin-top:-12px !important; }
.float-right { float:right; margin-top:-35px; }
.table-calendar {  border-top-style: none !important; }
.table-calendar thead th { padding:10px; font-size:15px; color:#fff; text-align:center; font-weight:500; background:#5a6475; border-right:#7b8492 1px solid; border-top:#7b8492 0px solid; border-bottom:#7b8492 0px solid; }
.table-calendar thead th.sunDay { color:#fff;  }
.table-calendar thead th:last-child { border-right:#7b8492 0px solid; }
.table-calendar td { min-height:100px; padding:10px; border-left:#ccc 1px solid; border-bottom:#ccc 1px solid; background: none transparent scroll repeat 0% 0%; }
.table-calendar td:first-child { border-left:#ccc 0px solid; }
.table-calendar td:hover { background:#f9f9f9; }
.table-calendar ul { list-style-type:none; padding-left:0; }
.table-calendar ul li { line-height:1.5em; }

.sunDay, .holiDay { font-weight:600; color:#ff0000; font-family:tahoma; }
.commonDay { font-weight:600; color:#333; font-family:tahoma; }

.sunDay_before, .holiDay_before, .sunDay_after, .holiDay_after { color:#fe9d9d; font-family:tahoma; }
.commonDay_before, .commonDay_after { color:#5bafdd; font-family:tahoma; }

.commonDay span, .sunDay span, .holiDay span, .commonDay_before span, .sunDay_before span, .holiDay_before span,  .commonDay_after span, .sunDay_after span, .holiDay_after span { position:absolute; visibility:hidden; width:0; height:0; font-size:0; overflow:hidden; }

.commonTitle, .holidayTitle { padding-left:25px; margin-top:-38px; color:#3655ff; font-size: 13px; }

/*! program */
.progmbox { padding:0; margin:0; }
.progmbox li { font-size:14px !important; }
.progmbox li:last-child { border-bottom-width: 0px !important; }
.progmtit-t { padding:10px; margin:0; text-align: center; color:#fff; background-color: #62509c; font-size: 18px; font-weight: 500; }
.progmtit { padding:5px; margin:0; text-align: center; color:#fff; background-color: #62509c; font-size: 14px; font-weight: 500; }
.progment { padding:12px 10px; margin:0 0 8px; font-size: 14px; background-color: #f8fbfe; border-bottom: 1px solid #e7e7ef !important; }
.progment:hover { background-color: #fff; }

.prog-title { background:url("/images/contents/ami_title.png") no-repeat 0 0 !important; font-size:24px; padding:3px 0 0 25px; min-height:30px; font-weight: 500; }
.prog-color { color:#660033; }

#pintro h3 { background:url("/images/contents/ami_title_1.png") no-repeat 0px 11px !important; font-size:20px; padding:10px 0 0 27px; min-height:20px; font-weight: 500; }
.bort { padding:0 0 0 50px; margin:0; }
.prosubtitle { background:url("/images/contents/ami_title_1.png") no-repeat 0px 11px !important; font-size:20px; padding:10px 0 0 27px; min-height:20px; font-weight: 500; margin-top:20px !important; }
.prosubtitle-nom { background:url("/images/contents/ami_title_1.png") no-repeat 0px 1px !important; font-size:20px; padding:0px 0 0 27px; min-height:20px; font-weight: 500; }
.mm1 { padding-top:5px; }


.appstepbox { position: relative !important; border: 1px solid #e7e7ef; padding: 1rem 1rem; border-radius: 0.375rem; }
.atb-bg-1 { background-color: rgb(1, 95, 193); }
.atb-bg-2 { background-color: rgb(105, 73, 198); }
.atb-bg-3 { background-color: rgb(11, 47, 143); }

.appstep6 { margin: 0px auto; text-align: center; vertical-align: top; display: inline-block; box-sizing: border-box; }
.appstep6 .stepnum { font-size:13px; font-weight:500; color:#ffff00; }
.appstep6 p { font-size:15px; font-weight:400; line-height:1.3; padding-top:3px !important; color:#fff; }

.appstep7 { margin: 0px auto; text-align: center; vertical-align: top; display: inline-block; box-sizing: border-box; background: url("/images/contents/blue_round.png") no-repeat left top rgb(11, 47, 143); }
.appstep7 .stepnum { font-size:14px; font-weight:500; color:#ffff00; }
.appstep7 p { font-size:16px; font-weight:400; line-height:1.3; padding-top:5px !important; color:#fff; }

.step-arrow { position: absolute !important; font-size:25px; color:#b2bacb; margin:0; top:19px; right:-12px; line-height: 25px; z-index: 9; }

@media all and (max-width: 1199px) and (min-width: 767px) {
  .step-arrow { right:-12px !important; }
}


@media all and (min-width:768px) {
  .appstep6 { width:150px; height:70px; border-radius: 7px; padding: 10px 5px 0px; }
  .appstep7 { width:150px; height:150px; border-radius: 50%; padding: 35px 5px 20px; }
  .program-title-m br { display: none; }
  .wpx-80-mot { width:80px !important; }

  .program-title-t { font-size: calc(1.275rem + 0.3vw) !important; font-weight: 400 !important; }
  .program-title-m { font-size: 18px; background-color: #26348b; color:#fff; padding:15px; text-align: center; border-radius: 0.375rem; margin-bottom:15px; font-weight: 400 !important; }
}

@media all and (max-width:767px) {
  .appstep6 { width:100%; height:70px; border-radius: 7px; padding: 10px 5px 0px; }
  .appstep7 { width:100%; height:auto; border-radius: 10px; padding: 15px 5px 20px; }
  .step-arrow { display: none; }
  .pdl0-mo { padding-left:0px !important; }
  .pdl5-mo { padding-left:5px !important; }
  .pdr5-mo { padding-right:5px !important; }
  .mb-10-mo { margin-bottom:10px !important; }
  .pflr5-mo { padding-left:5px !important; padding-right:5px !important; }
  .pflr8-mo { padding-left:8px !important; padding-right:8px !important; }
  .pflr10-mo { padding-left:10px !important; padding-right:10px !important; }
  .w-100-mo { width:100% !important; }
  .md-mb-1 { margin-bottom: 0.25rem !important; }

  .program-title-t { font-size: 1.25rem !important; font-weight: 400 !important; }
  .program-title-m { font-size: 17px; background-color: #26348b; color:#fff; padding:15px; text-align: center; border-radius: 0.375rem; margin-bottom:15px; font-weight: 400 !important; }

  .form-control-mo {
    display: block;
    width: 100%;
    padding: 0.475rem 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #232A42;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #d6d6df;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border-radius: 0.375rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }
}

@media all and (min-width:992px) {
  .ps2-ta { padding-left:2px !important; }
  .pe2-ta { padding-right:2px !important; }
}


/*! 회원가입 */
.sub-title { font-size: 18px; background-color: #4fb9b0; color:#fff; padding:12px; text-align: center; border-radius: 0.375rem; margin-bottom:15px; }
.px-pt-4 { padding-top:4px; }
.px-min-hei-44 { min-height:44px; }
.mt-nus { margin-top:-1px !important; }

.policy_box {
  position: relative;
  border: 1px solid #e9e9ed;
  margin: 0;
  padding: 0;
}
.policy_box_top {
  width: 100%;
  border-bottom: 1px solid #e9e9ed;
  padding: 20px 20px 15px;
}
.policy_box_bot {
  width: 100%;
  padding: 15px 20px 20px;
}

/*! 회원가입 STEP */
.application-process { position:relative; margin:0; padding:0; width:100%; }
.application-process ul { position:relative; margin:0; padding:0; width:100%; display: flex; flex-wrap: wrap; }
.application-process ul > li { flex: 0 0 auto; width: 33.33333333%; list-style: none; margin-left:0px; padding:0; display: inline-block; }
.application-process ul > li.w50p { width: 50% !important; }

.app-pro-active { width:95%; text-align: center; padding:7px 0px 10px; margin:0 auto; border-radius: 50px; border: 1px solid #886d9a !important; background-color: #886d9a; color:#fff; }
.app-pro { width:95%; text-align: center; padding:7px 0px 10px; margin:0 auto; border-radius: 50px; border: 1px solid #886d9a !important; color:#000; }


.helptext { font-size: 13px !important; padding-top:3px; margin:0; text-align: right; line-height: 1.3em !important; color:#3655ff !important; }
.form-last { border-top:1px dashed #ccc; }
.so-li { border-top:1px solid #f1f1f1 !important; margin-bottom: 0.5rem !important; }
.so-li-d { border-top:1px dashed #f1f1f1 !important; margin-bottom: 0.5rem !important; }
.so-mb { margin-bottom: 0.5rem !important; }
.img-thumbnail { max-width:75px !important; margin-bottom:3px; }
.img-thumbnail-big { max-width:150px !important; margin-bottom:3px; }

@media (min-width: 768px) {
  .po-pt { padding-top: 0.5rem !important; }
}

@media (max-width: 767px) {
  .po-pt { padding-top: 0.0rem !important; }
  .po-pb { padding-bottom: 0.25rem !important; }
}


.card-se-body:hover { background-color: #f9f9f9; }

.modal-body input.form-control, .tb input.form-control, .tb input.form-control-sm, .tb textarea { background:#f9f9f9 !important; }
.modal-body input.form-control:hover, .tb input.form-control:hover, .tb input.form-control-sm:hover,  .tb textarea:hover { background:#fff !important; }

.card-est {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid #efeff8;
  border-top-left-radius: 0rem;
  border-top-right-radius: 0rem;
  border-bottom-left-radius: 0.4rem;
  border-bottom-right-radius: 0.4rem;
}

@media (min-width: 576px) {
  .sm-mb-1 { margin-bottom: 0.25rem !important; }
  .helptext br { display: none !important; }
  .card-db, .card-se {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #efeff8;
    border-radius: 0.4rem;
  }
  .card-est-body, .card-db-body, .card-se-body {
    flex: 1 1 auto;
    padding: 1.25rem 1.25rem;
  }
}

@media (max-width: 575px) {
  .card-db, .card-se {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0px solid #efeff8;
    border-radius: 0rem;
  }
  .card-est-body, .card-db-body, .card-se-body {
    flex: 1 1 auto;
    padding: 0;
  }
}

/*! .history .box_wrap .box ul li span::before { background: rgb(23, 118, 255); left: 0px; top: 10px; width: 5px; height: 2px; position: absolute; content: ""; } */
.step-box { width:800px; margin:0 auto; padding:0; display: flex; flex-wrap: wrap; }
.col-step-3 { flex: 0; width: 160px; height:140px; margin:0; padding:0 10px; text-align: center; }

.bc-step-1 { width: 140px; height:140px; border-radius: 70px; background-color: rgb(119, 87, 162); color: rgb(255, 255, 255); padding-top: 20px; margin:0; text-align: center; }
.bc-step-2 { width: 140px; height:140px; border-radius: 70px; background-color: rgb(24, 62, 114); color: rgb(255, 255, 255); padding-top: 20px; margin:0; text-align: center; }

.helptext { width: 100%; margin-top: 0.25rem; font-size: 0.8em; color: #474952; }
.yestext { width: 100%; margin-top: 0.25rem; font-size: 0.8em; color: #1457a8; }
.notext { width: 100%; margin-top: 0.25rem; font-size: 0.8em; color: #f73859;}


/*! 0101 교육안내 */
@media (min-width: 768px) {
  .ami-1 { width:650px; text-align: center; color:#6a4d7d; font-size: 20px; font-weight: 500; border-radius: 15px; border: 5px solid #886d9a !important; background-color: rgb(255, 255, 255); margin: 20px auto 0; padding:20px; }
  .ami-2 { width:650px; text-align: center; color:#884a93; font-size: 20px; font-weight: 500; border-radius: 15px; border: 5px solid #9757a3 !important; background-color: rgb(255, 255, 255); margin: 15px auto 0; padding:20px; }
}
@media (max-width: 767px) {
  .ami-1 { width:100%; text-align: center; color:#6a4d7d; font-size: 16px; font-weight: 500; border-radius: 15px; border: 5px solid #886d9a !important; background-color: rgb(255, 255, 255); margin: 20px auto 0; padding:15px 10px; }
  .ami-2 { width:100%; text-align: center; color:#884a93; font-size: 16px; font-weight: 500; border-radius: 15px; border: 5px solid #9757a3 !important; background-color: rgb(255, 255, 255); margin: 15px auto 0; padding:15px 10px; }
}
.ami-title { background:url("/images/contents/ami_title.png") no-repeat 0 0 !important; color:#6a4d7d; padding:3px 0 0 25px; min-height:30px; }
.ami-l-title { background:url("/images/contents/ami_title_1.png") no-repeat 0px 11px !important; font-size:20px; padding:10px 0 0 15px; min-height:20px; font-weight: 500; }
.hr-gray-1 { border-bottom: 1px solid #474952 !important; max-height:1px !important; }
.hr-gray-2 { border-bottom: 2px solid #474952 !important; max-height:2px !important; }
.hr-d-gray-1 { border-top: 1px dashed #e9eaec !important; }
.text-color-g5 { color:#555 !important; }
.text-color-jj { color:#890042 !important; }
.ami-ul { margin:-5px 0 0; padding:0 0 0 20px; }
.ami-ol { margin:-5px 0 0; padding:0 0 0 25px; }
.ami-color { color:#884a93; }


/* 0105 대관 일정 */
.month_viewall { text-align:center; padding:20px 0 10px; margin:0; font-size:30px; }
.month_viewall .btnPage i { margin-top:-3px !important; }
dl.schedl { position:relative; width:750px; margin-top:5px; padding:0; }
dt.schedt { float:left; letter-spacing:0; font-size:15px; color:#1457a8; width:140px; margin-bottom:5px; padding:0; font-weight: 500; }
dd.schedd { float:left; letter-spacing:0; font-size:15px; color:#555; width: calc(100% - 140px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom:5px; }


/*! 0201 층별안내 */
@media screen and (max-width:767px) {
  .modal-title { font-size: 15px !important; }
  .modal-stit { font-size: 11px !important; }
}

.modal-title { font-size: 20px; font-weight: 500; color:#fff; }
.modal-stit { font-size: 13px; font-weight: 300; padding-left:8px; color:#ffe100; }
.modal-ment { margin:0 !important; padding:15px 0 0 !important; font-size: 14px; }
.buildingall { position:relative; width:870px; height:1750px; margin:20px auto; padding:0; background:url("/images/contents/2023_building.png") no-repeat 0 0 !important; }

.cf5c1 { position: absolute !important; top:110px; left:180px; } /* 휴게실 */
.cf5c2 { position: absolute !important; top:80px; left:570px; } /* 숙박시설 */
.cf5c3 { position: absolute !important; top:185px; right:100px; } /* 스카이라운지 */

.cf4c1 { position: absolute !important; top:380px; left:200px; } /* 휴게실 */
.cf4c2 { position: absolute !important; top:380px; left:570px; } /* 숙박시설 */
.cf4c3 { position: absolute !important; top:570px; right:180px; } /* 휴게실 */

.cf3c1 { position: absolute !important; top:790px; left:35px; } /* 대강당 */
.cf3c2 { position: absolute !important; top:680px; left:200px; } /* 중강의실 */
.cf3c3 { position: absolute !important; top:935px; left:260px; } /* 소강의실 */
.cf3c4 { position: absolute !important; top:685px; left:570px; } /* 숙박시설 */
.cf3c5 { position: absolute !important; top:875px; right:180px; } /* 휴게실 */

.cf2c1 { position: absolute !important; top:1140px; left:35px; } /* 대강당 */
.cf2c2 { position: absolute !important; top:1020px; left:200px; } /* 중강의실 */
.cf2c3 { position: absolute !important; top:1205px; right:290px; } /* 정보검색실 */
.cf2c4 { position: absolute !important; top:1270px; right:35px; } /* 요가명상 */
.cf2c5 { position: absolute !important; top:1170px; right:175px; } /* 여성휴게실 */
.cf2c6 { position: absolute !important; top:1075px; right:90px; } /* 어린이놀이방 */
.cf2c7 { position: absolute !important; top:1170px; right:30px; } /* 세탁실 */

.cf1c1 { position: absolute !important; top:1500px; left:30px; } /* 다목적실 */
.cf1c2 { position: absolute !important; top:1360px; left:230px; } /* 소강의실 */
.cf1c3 { position: absolute !important; top:1600px; right:150px; } /* 안내데스크 */
.cf1c4 { position: absolute !important; top:1680px; right:145px; } /* 매점 */
.cf1c5 { position: absolute !important; top:1530px; right:110px; } /* 갤러리 솔 */
.cf1c6 { position: absolute !important; top:1560px; right:230px; } /* 로비 */
.cf1c7 { position: absolute !important; top:1390px; right:130px; } /* 식당 */
.cf1c8 { position: absolute !important; top:1660px; right:20px; } /* 체력단련실 */


/*! E 시설안내 */
.spotment { width:100% !important; margin:0 !important; padding:10px 0 !important; }
.pptitlebox { margin-bottom:15px; padding:10px; font-size:18px !important; font-weight: 500 !important; border-bottom-color: rgb(240, 243, 248); border-bottom-width: 1px !important; border-bottom-style: solid !important; }
.ppdot { margin:0; padding:0px 0 5px 28px; font-size:15px !important; font-weight: 400 !important; background: url("../../images/contents/board_title_dot.gif") no-repeat 16px 9px; }


.tour_map { position:relative; width:1400px; height:1286px; margin:0; padding:0; background:url("/images/contents/tour_map_2022.jpg") no-repeat 0 0 !important; }
.way_map { position:relative; width:1100px !important; height:500px; margin:0; padding:0; background:url("/images/contents/0508_img_01.jpg") no-repeat 0 0 !important; }
.way_map_eng { position:relative; width:1100px !important; height:500px; margin:0; padding:0; background:url("/images/contents/eng_0406_map.jpg") no-repeat 0 0 !important; }

.waybox { line-height: 1.7em !important; }
@media (min-width: 768px) {
  .way-t-box { width:1102px; margin:0 auto; }
  .waybox br { display: none; }
}

/*! 0502 vision */
.vision { box-sizing: border-box; }

@media (min-width: 992px) {
  .vision .txt_wrap { margin-bottom: 10px; position: relative; }
  .vision .txt_wrap_t { margin-bottom: 0px; padding:0; position: relative; }
  .vision .txt_wrap_m { margin-bottom: 0px; padding:0; position: relative; }
  .vision .txt_wrap_b { margin-bottom: 20px; padding:0; position: relative; }
  .vision .txt_wrap .txt_wrap_tit_1 { left: 0px; top: 0px; width: 100px; height: 100px; border-radius: 50px; background-color: rgb(232, 232, 232); color: rgb(85, 85, 85); line-height: 100px; padding: 0px; font-size: 18px; text-align: center; position: absolute; vertical-align:middle !important; }
  .vision .txt_wrap .txt_wrap_tit_2 { left: 0px; top: 0px; width: 100px; height: 100px; border-radius: 50px; background-color: rgb(232, 232, 232); color: rgb(85, 85, 85); line-height: 100px; padding: 0px; font-size: 18px; text-align: center; position: absolute; vertical-align:middle !important; }
  .vision .txt_wrap .txt_wrap_tit_6 { left: 0px; top: 0px; width: 100px; height: 100px; border-radius: 50px; background-color: rgb(232, 232, 232); color: rgb(85, 85, 85); line-height: 100px; padding: 0px; font-size: 18px; text-align: center; position: absolute; vertical-align:middle !important; }
  .vision .txt_wrap_t .txt_wrap_tit_3 { left: 0px; top: 0px; width: 100px; height:100%; padding-top:75px; border-radius: 50px; background-color: rgb(232, 232, 232); color: rgb(85, 85, 85); line-height: 1.3; font-size: 22px; text-align: center; position: absolute; vertical-align:middle !important; }
  .vision .txt_wrap_m .txt_wrap_tit_4 { left: 0px; top: 0px; width: 100px; height:100%; padding-top:50px; border-radius: 50px; background-color: rgb(232, 232, 232); color: rgb(85, 85, 85); line-height: 1.3; font-size: 22px; text-align: center; position: absolute; vertical-align:middle !important; }
  .vision .txt_wrap_b .txt_wrap_tit_5 { left: 0px; top: 0px; width: 100px; height:100%; padding-top:120px; border-radius: 50px; background-color: rgb(232, 232, 232); color: rgb(85, 85, 85); line-height: 1.3; font-size: 22px; text-align: center; position: absolute; vertical-align:middle !important; }
  .vision .txt_wrap_m .txt_wrap_tit_7 { left: 0px; top: 0px; width: 100px; height:100%; padding-top:120px; border-radius: 50px; background-color: rgb(232, 232, 232); color: rgb(85, 85, 85); line-height: 1.3; font-size: 15px; text-align: center; position: absolute; vertical-align:middle !important; }

  .vision .txt_wrap .bc-1 { height: 100px; text-align: center; border-radius: 50px; background-color: rgb(87, 150, 1); color: rgb(255, 255, 255); line-height: 95px; margin-left: 120px; font-size: 28px; vertical-align:middle !important; }
  .vision .txt_wrap .bc-2 { height: 100px; text-align: center; border-radius: 50px; background-color: rgb(105, 73, 198); color: rgb(255, 255, 255); line-height: 95px; margin-left: 120px; font-size: 28px; vertical-align:middle !important; }
  .vision .txt_wrap .bc-6 { height: 100px; text-align: center; border-radius: 50px; background-color: rgb(24, 62, 114); color: rgb(255, 255, 255); line-height: 95px; margin-left: 120px; font-size: 28px; vertical-align:middle !important; }
  .vision .txt_wrap_t .bc-3 { height:100%; border-radius: 50px; border: 1px solid #e0e0e0 !important; background-color: rgb(255, 255, 255); margin-left: 120px; padding:30px 20px; vertical-align:middle !important; }
  .vision .txt_wrap_m .bc-4 { height:100%; border-radius: 50px; border: 1px solid #e0e0e0 !important; background-color: rgb(255, 255, 255); margin-left: 120px; padding:20px 20px 12px; vertical-align:middle !important; }
  .vision .txt_wrap_b .bc-5 { height:100%; border-radius: 50px; border: 1px solid #e0e0e0 !important; background-color: rgb(255, 255, 255); margin-left: 120px; padding:20px 20px 12px; vertical-align:middle !important; }

  .value-box { width:640px; margin:0 auto; padding:0; display: flex; flex-wrap: wrap; }
  .col-value-3 { flex: 0; width: 160px; height:140px; margin:0; padding:0 10px; text-align: center; }

  .bc-round-1 { width: 140px; height:140px; border-radius: 70px; background-color: rgb(119, 87, 162); color: rgb(255, 255, 255); line-height: 140px; padding: 0px; margin:0; font-size: 30px; text-align: center; }
  .bc-square-1 { width:100%; border-radius: 50px; padding:15px 30px 17px; margin:0; text-align: left; background-color: rgb(2, 120, 216); color: rgb(255, 255, 255); font-size: 18px; line-height: 1.4; font-weight: 400; }
  .bc-square-2 { width:100%; border-radius: 50px; padding:15px 30px 17px; margin:0; text-align: left; background-color: rgb(123, 1, 74); color: rgb(255, 255, 255); font-size: 18px; line-height: 1.4; font-weight: 400; }
}

@media (max-width: 991px) {
  .vision .txt_wrap { margin-bottom: 20px; position: relative; }
  .vision .txt_wrap_t { margin: 0px; padding:0; position: relative; }
  .vision .txt_wrap_m { margin: 0px; padding:0; position: relative; }
  .vision .txt_wrap_b { margin: 0 0 20px; padding:0; position: relative; }
  .vision .txt_wrap .txt_wrap_tit_1 { width: 100%; border-top-left-radius: 10px; border-top-right-radius: 10px; border: 1px solid rgb(87, 150, 1); background-color: rgb(87, 150, 1); color: rgb(255, 255, 255); padding: 15px; margin:0; font-size: 18px; text-align: center; }
  .vision .txt_wrap .txt_wrap_tit_2 { width: 100%; border-top-left-radius: 10px; border-top-right-radius: 10px; border: 1px solid rgb(105, 73, 198); background-color: rgb(105, 73, 198); color: rgb(255, 255, 255); padding: 15px; margin:0; font-size: 18px; text-align: center; }
  .vision .txt_wrap .txt_wrap_tit_7 { width: 100%; border-top-left-radius: 10px; border-top-right-radius: 10px; border: 1px solid rgb(24, 62, 114); background-color: rgb(24, 62, 114); color: rgb(255, 255, 255); padding: 15px; margin:0; font-size: 18px; text-align: center; }
  .vision .txt_wrap_t .txt_wrap_tit_3 { width: 100%; border-top-left-radius: 10px; border-top-right-radius: 10px; border: 1px solid rgb(232, 232, 232); background-color: rgb(232, 232, 232); color: rgb(85, 85, 85); padding: 15px; margin:0; font-size: 18px; text-align: center; }
  .vision .txt_wrap_m .txt_wrap_tit_4, .vision .txt_wrap .txt_wrap_tit_6, .vision .txt_wrap_m .txt_wrap_tit_7 { width: 100%; border-top-left-radius: 10px; border-top-right-radius: 10px; border: 1px solid rgb(232, 232, 232); background-color: rgb(232, 232, 232); color: rgb(85, 85, 85); padding: 15px; margin:0; font-size: 18px; text-align: center; }
  .vision .txt_wrap_b .txt_wrap_tit_5 { width: 100%; border-top-left-radius: 10px; border-top-right-radius: 10px; border: 1px solid rgb(232, 232, 232); background-color: rgb(232, 232, 232); color: rgb(85, 85, 85); padding: 15px; margin:0; font-size: 18px; text-align: center; }

  .vision .txt_wrap .bc-1 { width:100%; margin: 0; padding:20px 15px; font-size: 20px; text-align: center; color: rgb(51, 51, 51); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-right: 1px solid rgb(224, 224, 224); border-bottom: 1px solid rgb(224, 224, 224); border-left: 1px solid rgb(224, 224, 224); background-color: rgb(255, 255, 255); }
  .vision .txt_wrap .bc-2 { width:100%; margin: 0; padding:20px 15px; font-size: 20px; text-align: center; color: rgb(51, 51, 51); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-right: 1px solid rgb(224, 224, 224); border-bottom: 1px solid rgb(224, 224, 224); border-left: 1px solid rgb(224, 224, 224); background-color: rgb(255, 255, 255); }
  .vision .txt_wrap .bc-6 { width:100%; margin: 0; padding:20px 15px; font-size: 20px; text-align: center; color: rgb(51, 51, 51); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-right: 1px solid rgb(224, 224, 224); border-bottom: 1px solid rgb(224, 224, 224); border-left: 1px solid rgb(224, 224, 224); background-color: rgb(255, 255, 255); }
  .vision .txt_wrap_t .bc-3 { width:100%; margin: 0; padding:20px 15px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-right: 1px solid rgb(224, 224, 224); border-bottom: 1px solid rgb(224, 224, 224); border-left: 1px solid rgb(224, 224, 224); background-color: rgb(255, 255, 255); }
  .vision .txt_wrap_m .bc-4 { width:100%; margin: 0; padding:20px 15px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-right: 1px solid rgb(224, 224, 224); border-bottom: 1px solid rgb(224, 224, 224); border-left: 1px solid rgb(224, 224, 224); background-color: rgb(255, 255, 255); }
  .vision .txt_wrap_b .bc-5 { width:100%; margin: 0; padding:20px 15px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-right: 1px solid rgb(224, 224, 224); border-bottom: 1px solid rgb(224, 224, 224); border-left: 1px solid rgb(224, 224, 224); background-color: rgb(255, 255, 255); }

  .value-box { width:320px; margin:0 auto; padding:0; display: flex; flex-wrap: wrap; }
  .col-value-3 { flex: 0; width: 80px; height:80px; margin:0; padding:0 5px; text-align: center; }

  .bc-round-1 { width: 70px; height:70px; border-radius: 35px; background-color: rgb(119, 87, 162); color: rgb(255, 255, 255); line-height: 70px; padding: 0px; margin:0; font-size: 15px; text-align: center; font-weight: 500 !important; }
  .bc-square-1 { width:100%; border-radius: 50px; padding:10px 25px 12px; margin:0; text-align: left; background-color: rgb(2, 120, 216); color: rgb(255, 255, 255); font-size: 15px; line-height: 1.4; font-weight: 400; }
  .bc-square-2 { width:100%; border-radius: 50px; padding:10px 25px 12px; margin:0; text-align: left; background-color: rgb(123, 1, 74); color: rgb(255, 255, 255); font-size: 15px; line-height: 1.4; font-weight: 400; }

  .tr-img-1 { width:180px !important; margin:0 !important; padding:0 !important; }
  .tr-img-2 { width:180px !important; margin:0 !important; padding:0 !important; }
  .txt_wrap_tit_3 br, .txt_wrap_tit_4 br, .txt_wrap_tit_5 br, .txt_wrap_tit_7 br { display: none !important; }
}


/*! 0503 연혁 */
.history { background: url("../../images/contents/history_line.gif") repeat-y center; overflow: hidden; }
.history .tit_wrap { margin: 0px 0px 10%; }
.history .tit_wrap h4 { margin: 0px auto; width: 155px; height: 172px; text-align: center; color: rgb(255, 255, 255); font-size: 24px; position: relative; }
.history .tit_wrap h4 span { background: url("../../images/contents/history_bg.png") no-repeat center; width: 100%; height: 100%; line-height: 1.0; padding-top:85px; display: block; position: relative; z-index: 1; }
.history .history_box { width: 100%; }
.history .box_wrap { background: url("../../images/contents/history_line.gif") repeat-x 0px 40px; width: 50%; position: relative; }
.history .box_wrap::before { top: 30px; position: absolute; content: url('../../images/contents/history_dot.gif'); }
.history .box_wrap.right::before { left: -11px; }
.history .box_wrap.left::before { right: -11px; }
.history .box_wrap .box { background: rgb(248, 251, 253); padding: 20px 30px 30px; border: 1px solid rgb(190, 208, 231); border-radius: 15px; border-image: none; }
.history .box_wrap .box p.year { color: rgb(0, 0, 0); font-size: 24px; font-weight: 600; margin: 0px; padding:0; }
.history .box_wrap .box ul { margin: 10px 0 0; padding:0; }
.history .box_wrap .box ul li { margin:0 0 5px; line-height: 1.6; letter-spacing: 0px; padding-left: 55px; font-size: 14px; position: relative; list-style: none; }
.history .box_wrap .box ul li span { left: 0px; top: 0px; color: rgb(23, 85, 163); padding-left: 0px; position: absolute; }
.history .box_wrap .box ul li:last-child { margin:0; }
/*! .history .box_wrap .box ul li span::before { background: rgb(23, 118, 255); left: 0px; top: 10px; width: 5px; height: 2px; position: absolute; content: ""; } */
.history .box_wrap.right { float: right; }
.history .box_wrap.right .box { margin-left: 15%; }
.history .box_wrap.left { float: left; }
.history .box_wrap.left .box { margin-right: 15%; }
.history .box_wrap.left .box p.year { text-align: right; }

@media screen and (min-width:992px) {
  .history .history_box { overflow: hidden; }
  .mgtper-0 { margin-top:0%; }
  .mgtper-1 { margin-top:-1%; }
  .mgtper-2 { margin-top:-2%; }
  .mgtper-3 { margin-top:-3%; }
  .mgtper-4 { margin-top:-4%; }
  .mgtper-5 { margin-top:-5%; }
  .mgtper-6 { margin-top:-6%; }
  .mgtper-7 { margin-top:-7%; }
  .mgtper-8 { margin-top:-8%; }
}

@media screen and (max-width:991px) {
  .history .tit_wrap { margin: 0px 0px 10px; }
  .history .history_box { margin: 40px 0px 0px; float: left; }
  .history .box_wrap { width: 100%; }
  .history .box_wrap.right .box { margin: 0px; }
  .history .box_wrap.left .box { margin: 0px; }
  .history .box_wrap::before { top: -11px; }
  .history .box_wrap.right::before { left: 50%; right: auto; margin-left: -11px; }
  .history .box_wrap.left::before { left: 50%; right: auto; margin-left: -11px; }
  .history .box_wrap .box p.year { text-align: center !important; }
}


/*! 0505 CI */
.ci-top-box { min-height:334px; background: url("../../images/contents/0505_ci_00.png") repeat 0 0 !important; }

@media (min-width: 768px) {
  .cit01 { height:280px; }
  .cit02 { padding-top:50px; height:230px; }
}
@media (max-width: 767px) {
  .cit01 { width:70%; }
  .cit02 { padding-top:20px; width:90%; }
}

/*! table 리스트 */
.table-responsive .table-hover tbody tr td.dataNo { padding:20px 0 !important; text-align: center; vertical-align:middle !important; border-top:0px solid #d5d5d5; }


#st-list table { width:100%; }
#st-list table caption { display:none; }
#st-list .table-hover { border-top: 2px solid currentColor; }
#st-list .table-hover thead tr th { text-align:center; padding:15px 0 !important; }
#st-list .table-hover > tbody > tr:hover > * { --bs-table-accent-bg:#f9f9f9 !important; }
#st-list .table-hover tbody tr td { text-align:center; vertical-align:middle !important; }
#st-list .table-hover tbody tr td.dataNo { padding:20px 0 !important; text-align: center;}
#st-list .table-hover tbody tr td.sbj { text-align:left !important; padding-left: 0; padding-right: 0; }
#st-list .table-hover tbody tr td.sbj a { padding: 0 !important; position:relative; }
#st-list .table-hover tbody tr td.sbj a i { color:#3655FF !important; position:relative; }
#st-list .table-hover tbody tr td.sbj a span.no-new { padding-bottom:6px !important; position: relative; bottom:2px; }
#st-list .table-hover tbody tr td.sbj a span.no-com { position: relative; bottom:3px; }

/*! table 글읽기 */
#st-view { width:100%; }
#st-view .viewbox .boardheader { margin:5px 0 0; padding:0; border-top:2px solid #2b2b2b; border-bottom:1px solid #d5d5d5; }
#st-view .viewbox .subject { margin:0; }
#st-view .viewbox .subject h1 { width:100%; margin:0; padding:15px 5px; font-size: 1.25rem; font-weight:500; border-bottom:#d5d5d5 dotted 1px; }
#st-view .viewbox .prodprice { width:100%; margin:0; padding:10px 5px 12px; font-weight:600; border-bottom:#d5d5d5 dotted 1px; }
#st-view .viewbox .prodinfo { width:100%; margin:0; padding:10px 5px 12px; font-weight:400; color:#555; border-bottom:#d5d5d5 dotted 1px; }
#st-view .viewbox .info { padding:0; margin:0; color:#555; font-size:15px }
#st-view .viewbox .info .common { width:100%; padding:10px 5px !important; margin:0; }
#st-view .viewbox .info .attach { width:100%; padding:10px 5px; margin:0; background:#f9f9f9; border-top:#d5d5d5 dotted 1px; }
#st-view .viewbox .content { 
  min-height:400px; padding:20px 0; line-height:160%; 
  border-top:0px solid #d5d5d5 !important; border-right:0px solid #d5d5d5 !important; border-bottom:1px solid #d5d5d5 !important; border-left:0px solid #d5d5d5 !important; 
  word-break:break-all; word-break:break-word; overflow:auto;
}
.ReadFile img { margin:0 auto; text-align: center; }

.badge-info { background-color: #3655ff; border-radius: 50rem !important; padding:2px 7px 5px !important; top:-3px !important; position: relative; margin-left:3px; }
.badge-info:hover { background-color: #000; }

.b-searchbox { width:500px; margin:0 auto; }
.picmobox { text-align: center; padding-top:0px; padding-bottom:10px; }
.bottombox { text-align: center; padding-top:30px; padding-bottom:10px; }
.remove_button { border-top-left-radius: 0; border-bottom-left-radius: 0; }

div.PrevNext { margin:50px 0; border-top: 1px solid #ccc; border-bottom: 0px solid #ccc; font-size:14px; font-weight: 400; }
div.PrevNext dt { float:left; padding:12px 10px 12px 0; min-height:48px; border-bottom:1px solid #ececea; }
div.PrevNext dd { margin:0; padding:12px 0 12px 10px; min-height:48px; background: url(/images/cafe/view_bar.gif) no-repeat 0 1.1em; border-bottom:1px solid #ececea; overflow: hidden; white-space: nowrap; -ms-word-break: break-all; -ms-text-overflow: ellipsis; }
div.PrevNext dl.prev_next dd.prev, div.PrevNext dl.prev_next dd.view { border-bottom:1px solid #ececea; }
div.PrevNext dl.prev_next dt.view, div.PrevNext dl.prev_next dd.view { color:#0075df; }
div.PrevNext .rightDate { float:right; padding-right:10px; font-size:0.98em; font-family:Tahoma; }
div.PrevNext img { padding-top:4px; }


@media (max-width: 767px) {
    .hidden-xs { display: none !important; }
    #st-view .viewbox .subject h1 { font-size: 1.0rem !important; font-weight:500 !important; }
}

@media (max-width: 480px) {
    .hidden-xs-v {display: none;}
    .b-searchbox { width:100%; margin:0 auto; }
    .main_ment { width:90% !important; margin:0 auto; padding-top:0px !important; padding-left:22px; border: 0px solid #ff0000 !important; }
}

@media (min-width: 481px) {
  .main_ment { width:372px !important; margin:0 auto; padding-top:90px; padding-left:22px; border: 0px solid #ff0000 !important; }
}

.bg-n-blue {
    --bs-bg-opacity: 1;
    background-color: rgba(51, 122, 183, 1) !important;
}


.bw-70 { min-width:70px !important; }
.bw-80 { min-width:80px !important; }


/*! FORM */
.fz-form { font-size: 0.8203125rem !important; }
.formgroup { padding-bottom:20px; margin-bottom:20px; border-top-color: rgb(235, 235, 235); border-top-width: 1px; border-top-style: dashed; }

.form-select-sm { 
  border: 1px solid #D7D7E7 !important;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 1rem !important;
}

@media (max-width: 767px) {
  .mo-w-130 { width:30% !important; }
  .form-select-sm { 
    border: 1px solid #D7D7E7 !important;
    background-color: #fff !important;
  }
  .form-control-sm-mo { width: 100%; }
}

.form-control-sm, .form-control-sm-mo {
  display: block;
  padding: 0.375rem 0.75rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212133;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #D7D7E7 !important;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0.4rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control-sm:focus, .form-control-sm-mo:focus {
  color: #212133;
  background-color: #ffffff;
  border-color: #80b0ff !important;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(0, 97, 255, 0.1);
  z-index:3;
}

.form-con-none {
  border: 1px solid #ffffff;
  display: block;
  padding: 0.5rem 0.0rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212133;
  background-color: #ffffff;
  background-clip: padding-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0.0rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-con-noch {
  border: 0px solid #D7D7E7 !important;
  display: block;
  padding: 0.6rem 0.0rem 0.25rem;
  font-size: 1rem !important;
  font-weight: 400;
  line-height: 1.5;
  color: #212133;
  background-color: #ffffff;
  background-clip: padding-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0.0rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-con-noin {
  border: 0px solid #D7D7E7 !important;
  display: block;
  padding: 0.0rem;
  font-size: 1rem !important;
  font-weight: 400;
  line-height: 1.5;
  color: #212133;
  background-color: #ffffff;
  background-clip: padding-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0.0rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

/*! 통합검색 */
.list-inline-se {
  padding-left: 0;
  margin-left: -5px;
  list-style: none;
}
.list-inline-se > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}
.post-detail { font-size: 13px; padding-bottom:10px; border-top: 0px solid #ebeaea !important; border-bottom: 1px solid #ebeaea !important; background-color: #fff; }
.blog-post .tourboxtitle { text-align: center; padding:20px; font-size: 25px; }
.blog-post .dataNo { text-align: center; padding:0px; font-size: 18px; }

/*! office */
.needs-validation legend { display:none; }

@media (min-width: 768px) {
  .pcta-t-150 { padding:150px 30px 0; }
  .fz-copyright { font-size: 14px !important; }
}

@media (max-width: 767px) {
  .bw-97 { width:97px; }
  .pcta-t-150 { padding:50px 20px 0; }
  .fz-copyright { font-size: 13px !important; }
}



/* none */
@media (min-width: 992px) {
    .mo-none { display: none; }
}

@media (max-width: 991px) {
    .pc-none { display: none; } 
    .text-center-lg {
      text-align: center !important;
    }
}


/* ENGLISH */
.dropcapkw::first-letter {
  float: left;
  line-height: 1.0;
  font-weight: 600;
  font-size: 2.5rem;
  margin: 0 2px 0 0;
  color: #3655FF;
}



/*-----------------------------------------------------------------------------------*/
/*	DIVIDERS
/*-----------------------------------------------------------------------------------*/

.mt-mt1 { margin-top:-10px !important; }

@media (max-width: 767px) {
  .footmp { font-size: 13px !important; }
}

.divide0 {
    width: 100%;
    height: 0px;
  }
  
  .divide2 {
    width: 100%;
    height: 2px;
  }
  
  .divide3 {
    width: 100%;
    height: 3px;
  }
  
  .divide5 {
    width: 100%;
    height: 5px;
  }
  
  .divide7 {
    width: 100%;
    height: 7px;
  }
  
  .divide10 {
    width: 100%;
    height: 10px;
  }
  
  .divide15 {
    width: 100%;
    height: 15px;
  }
  
  .divide17 {
    width: 100%;
    height: 17px;
  }
  
  .divide20 {
    width: 100%;
    height: 20px;
  }
  
  .divide25 {
    width: 100%;
    height: 25px;
  }
  
  .divide30 {
    width: 100%;
    height: 30px;
  }
  
  .divide35 {
    width: 100%;
    height: 35px;
  }
  
  .divide40 {
    width: 100%;
    height: 40px;
  }
  
  .divide45 {
    width: 100%;
    height: 40px;
  }
  
  .divide50 {
    width: 100%;
    height: 50px;
  }
  
  .divide55 {
    width: 100%;
    height: 55px;
  }
  
  .divide60 {
    width: 100%;
    height: 60px;
  }
  
  .divide65 {
    width: 100%;
    height: 65px;
  }
  
  .divide70 {
    width: 100%;
    height: 70px;
  }
  
  .divide75 {
    width: 100%;
    height: 75px;
  }
  
  .divide80 {
    width: 100%;
    height: 80px;
  }
  
  .divide85 {
    width: 100%;
    height: 85px;
  }
  
  @media (min-width: 768px) {
  .pctb-divide19 { width: 100%; height: 19px; }
  }
  @media (max-width: 767px) {
  .mo-divide10 { width: 100%; height: 10px; }
  }
  
  
  /*margins*/
  .margin1 {
    margin-bottom: 1px;
  }
  
  .margin5 {
    margin-bottom: 5px;
  }
  
  .margin8 {
    margin-bottom: 8px;
  }
  
  .margin10 {
    margin-bottom: 10px;
  }
  
  .margin20 {
    margin-bottom: 20px;
  }
  
  .margin30 {
    margin-bottom: 30px;
  }
  
  .margin35 {
    margin-bottom: 35px;
  }
  
  .margin40 {
    margin-bottom: 40px;
  }
  
  .no-padding {
    padding: 0px;
  }
  
  .no-padding.gray {
    background-color: #f5f5f5;
  }
  
  .no-padding-inner h3 {
    text-transform: uppercase;
    font-weight: 900;
    margin-bottom: 40px;
  }
  
  .no-padding-inner {
    padding: 60px;
  }
  
  @media (max-width: 568px) {
    .no-padding-inner {
      padding: 15px;
    }
  }
  .margin-0 {
    margin: 0px !important;
  }