#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; }

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

.clearfixed:after{content: ""; display: block; clear: both;}

.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; }

.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; }
.fspx-19 { font-size:19px !important; }
.fspx-20 { font-size:20px !important; }

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

.divpdlr-5 { padding-left:5px !important; padding-right:5px !important; }
.pdlr-5 { padding-left:5px !important; padding-right:5px !important; }

.heione { height:1px !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;
}

.blinking{
  -webkit-animation:blink 0.7s ease-in-out infinite alternate;
  -moz-animation:blink 0.7s ease-in-out infinite alternate;
  animation:blink 0.7s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
  0% {opacity:0;}
  100% {opacity:1;}
}
@-moz-keyframes blink{
  0% {opacity:0;}
  100% {opacity:1;}
}
@keyframes blink{
  0% {opacity:0;}
  100% {opacity:1;}
}

.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; }
    .main-tit-box { height:800px !important; }
    .main-tit-box-in { padding-top:320px; }
}

@media (max-width: 991px) {
  .main-tit-box { height:600px !important; }
  .main-tit-box-in { padding-top:220px; }
}

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

.vContent img { max-width: 100%; height: auto; }

@media (min-width:768px) {
  #vContent p { margin-bottom:0px !important; padding:0 !important; }
}

@media (max-width:767px) {
  #vContent p { margin-bottom:0px !important; padding:0 !important; }
  .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; }
  .cycle_2 { width: 9rem !important; height: 9rem !important; }
}

.cycle_2 { width: 11rem; height: 11rem; }




/*! 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:700px !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;
}

.si-hover-blog i img { width:25px !important; }
.bxl-blog-n:before {
  content: url(/assets/img/brands/blog_25.png);
}

.si-hover-blog {
  background-color: transparent;
  border: solid transparent;
  color: #fff !important;
}
.si-hover-blog:hover {
  background-color: #5db434 !important;
  border-color: #5db434 !important;
  color: #fff !important;
}


.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:0px 0px 10px; background-color: #f8fbfe; }


/* 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; }
.imgdiv { height:322px !important; }
.imgbox { min-height:322px !important; object-fit: cover !important; }
.imgdivcn { height:451px !important; }
.imgboxcn { min-height:451px !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;  }


.border-ddd { border-color: #ddd !important; padding-top: 1.5rem; padding-bottom: 1.0rem; }
.border-ddd:hover { border-color: #f65660 !important; }
.border-zero { border: 0px solid #000 !important; }
.htnine { height:39px !important; }
.hover-shadow-ddd:hover { box-shadow: 5px 5px 0px 0px #f65660 !important; }


/* left-notice */
.notice-date { font-size:13px; font-weight: 300 !important; color:#555; padding:10px 0 0px; margin:0; text-align: right; }
.notice-title { font-size:18px; font-weight: 400; color:#000; border-top: 1px solid #ccc; margin:0px !important; padding:15px 0 0; height:45px !important; max-height:40px !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:15px 0 0; height:44px !important; max-height:40px !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:hover { border-top: 2px solid #000; }
.notice-ment { font-size:15px; font-weight: 300; color:#333 !important; line-height: 1.4em !important; text-align:justify; padding:0px; margin:10px 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; }

.notice-title-b { font-weight: 500; color:#000; -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-mentline { font-weight: 300; color:#333 !important; text-align:justify; border-top: 1px solid #ccc; -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; }
.notice-mentline:hover { border-top: 2px solid #000; }

@media (min-width: 1400px) {
  .notice-title-b { font-size:18px; margin:0px !important; padding:0; height:25px !important; max-height:25px !important; }
  .notice-mentline { font-size:15px; line-height: 1.4em !important; padding:8px 0 0; margin:5px 0 0; height:70px !important; max-height:70px !important; }
}

@media all and (max-width: 1399px) and (min-width:1200px) {
  .border-ddd { padding-top: 1.0rem !important; padding-bottom: 0.9rem !important; }
  .notice-title-b { font-size:16px; margin:0px !important; padding:0; height:20px !important; max-height:20px !important; }
  .notice-mentline { font-size:14px; line-height: 1.3em !important; padding:8px 0 0; margin:5px 0 0; height:48px !important; max-height:48px !important; }
}

@media (max-width: 1199px) {
  .notice-title-b { font-size:18px; margin:0px !important; padding:0; height:25px !important; max-height:25px !important; }
  .notice-mentline { font-size:15px; line-height: 1.4em !important; padding:8px 0 0; margin:5px 0 0; height:70px !important; max-height:70px !important; }

  .pdl0-xl { padding-left:0px !important; }
  .pdl5-xl { padding-left:5px !important; }
  .pdr0-xl { padding-right:0px !important; }
  .pdr5-xl { padding-right:5px !important; }
}


/* right-notice */
.allnotice { position: relative; width:100%; height:100%; padding:0; margin:0; }
.allnotice dl { padding: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); }

.notice_list { position: relative; width:100%; padding:0; margin:0; clear: both !important;}
.notice_list dl { padding:0; margin:0; }
.notice_list dl dt { float:left !important; font-weight:400; margin:0px !important; color: rgb(51, 51, 51); overflow: hidden; border-bottom-color: rgb(217, 217, 217); border-bottom-width: 1px; border-bottom-style: solid; }
.notice_list dl dd { float:left !important; font-weight:400; margin:0px !important; color: rgb(133, 133, 133); text-align:right; border-bottom-color: rgb(217, 217, 217); border-bottom-width: 1px; border-bottom-style: solid; }

.notice_list dl dt:first-child { border-top-width: 2px; border-top-color: rgb(0, 0, 0); border-top-style: solid; }
.notice_list dl dd:nth-child(2) { border-top-width: 2px; border-top-color: rgb(0, 0, 0); border-top-style: solid; }

.notice_list dl dt a { color: rgb(51, 51, 51); overflow: hidden; white-space: nowrap; word-break: break-all; text-overflow: ellipsis; }
.notice_list dl dt a:hover { text-decoration: none; color: rgb(246, 86, 96); font-weight:500; }

.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%; }

  .notice_list dl dt { width:75%; }
	.notice_list dl dd { width:25%; }
  .notice_list dl dt, .notice_list dl dd { font-size:18px; padding: 23px 0 !important; }
  
  .viewdl dt { width:20%; }
	.viewdl dd { width:80%; }

  .btehight { height:122px !important; }
}

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

  .notice_list dl dt { width:75%; }
	.notice_list dl dd { width:25%; }
  .notice_list dl dt, .notice_list dl dd { font-size:16px; padding: 13px 0 !important; }

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

  .btehight { height:104px !important; }
}

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

  .notice_list dl dt { width:75%; }
	.notice_list dl dd { width:25%; }
  .notice_list dl dt, .notice_list dl dd { font-size:16px; padding: 15px 0 !important; }

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

  .btehight { display: none !important; }
}

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

  .notice_list dl dt { width:75%; }
	.notice_list dl dd { width:25%; }
  .notice_list dl dt, .notice_list dl dd { font-size:16px; padding: 15px 0 !important; }

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

  .btehight { display: none !important; }
}

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

	.notice_list dl dt { width:100%; font-size:16px; font-weight:500 !important; padding: 15px 0 0 !important; border-bottom-width: 0px !important; }
	.notice_list dl dd { width:100%; font-size:13px; padding: 5px 0 15px !important; text-align:left !important;  }
  .notice_list dl dd:nth-child(2) { border-top-width: 0px !important; }

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

  .btehight { display: none !important; }
}

.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; }
}


@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, .bg-shade-img-02, .bg-shade-img-03, .bg-shade-img-04, .bg-shade-img-05, .bg-shade-img-06, .bg-shade-img-07 {
        margin-top:0px !important;
        background-size: cover !important;
        height: 100%;
    }
    .bg-shade-img-01 { background: url(/assets/img/backgrounds/contents_bg_img_01.jpg) scroll center no-repeat; }
    .bg-shade-img-02 { background: url(/assets/img/backgrounds/contents_bg_img_02.jpg) scroll center no-repeat; }
    .bg-shade-img-03 { background: url(/assets/img/backgrounds/contents_bg_img_03.jpg) scroll center no-repeat; }
    .bg-shade-img-04 { background: url(/assets/img/backgrounds/contents_bg_img_04.jpg) scroll center no-repeat; }
    .bg-shade-img-05 { background: url(/assets/img/backgrounds/contents_bg_img_05.jpg) scroll center no-repeat; }
    .bg-shade-img-06 { background: url(/assets/img/backgrounds/contents_bg_img_06.jpg) scroll center no-repeat; }
    .bg-shade-img-07 { background: url(/assets/img/backgrounds/contents_bg_img_07.jpg) scroll center no-repeat; }

    .breadcrumb-wrap { height:410px !important; padding-top:250px; }
    .breadcrumb-wrap h1 { font-size:25px !important; font-weight: 500 !important; }
    ol.breadcrumb { margin:0; padding:0; }
}

@media (max-width: 991px) {
    .bg-shade-img-01, .bg-shade-img-02, .bg-shade-img-03, .bg-shade-img-04, .bg-shade-img-05, .bg-shade-img-06, .bg-shade-img-07 {
        margin-top:0px !important;
        background-size: cover !important;
        height: 100%;
    }
    .bg-shade-img-01 { background: url(/assets/img/backgrounds/contents_bg_img_01.jpg) scroll center no-repeat; }
    .bg-shade-img-02 { background: url(/assets/img/backgrounds/contents_bg_img_02.jpg) scroll center no-repeat; }
    .bg-shade-img-03 { background: url(/assets/img/backgrounds/contents_bg_img_03.jpg) scroll center no-repeat; }
    .bg-shade-img-04 { background: url(/assets/img/backgrounds/contents_bg_img_04.jpg) scroll center no-repeat; }
    .bg-shade-img-05 { background: url(/assets/img/backgrounds/contents_bg_img_05.jpg) scroll center no-repeat; }
    .bg-shade-img-06 { background: url(/assets/img/backgrounds/contents_bg_img_06.jpg) scroll center no-repeat; }
    .bg-shade-img-07 { background: url(/assets/img/backgrounds/contents_bg_img_07.jpg) scroll center no-repeat; }

    .breadcrumb-wrap { height:175px !important; padding-top:105px; }
    .breadcrumb-wrap h1 { font-size:18px !important; font-weight: 500 !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, 0.4); border-bottom: 1px solid rgba(227, 227, 227, 0.4); background: rgba(0, 0, 0, 0.2); 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, 0.4); }
.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(255, 255, 255); line-height: 54px; padding-right: 55px; padding-left: 30px; border-right: 1px solid rgba(227, 227, 227, 0.4); 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(246, 86, 96); border-right: 1px solid #f65660; border-left: 1px solid #f65660; border-bottom: 0px solid #f65660; }
.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 #222;
  border-right: 1px solid #222;
  border-top: 1px solid #222;
  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(#222, #222);
  background: -moz-linear-gradient(#222, #222);
  background: -o-linear-gradient(#222, #222);
  background: -ms-linear-gradient(#222, #222);
  background: linear-gradient(#222, #222);
  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(#222, #222);
  background: -moz-linear-gradient(#222, #222);
  background: -o-linear-gradient(#222, #222);
  background: -ms-linear-gradient(#222, #222);
  background: linear-gradient(#222, #222);
}
#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 #222;
}
#cssmenu > ul > li:last-child > a,
#cssmenu > ul > li.last > a {
  border-bottom: 1px solid #222;
}
.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(40, 156, 151); border: 1px solid rgb(40, 156, 151); color: rgb(255, 255, 255); }

  .jbtop-btn, .jbtop-btn-on { height: 35px; line-height: 30px; font-size: 13px; font-weight: 500; }
}

@media screen and (min-width:768px) {
	.kplt3 br, .blockquote br, .brpcno br { display: none !important; }
	.kplt3 span { font-size:18px !important; }
	.jbtop { padding-top:0px !important; padding-right:11px !important; padding-left:12px !important; margin-bottom:20px !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(40, 156, 151); border: 1px solid rgb(40, 156, 151); color: rgb(255, 255, 255); }

  .jbtop-btn, .jbtop-btn-on { height: 45px; line-height: 40px; font-size: 16px; font-weight: 500; }
}

.jbtop-btn { background: rgb(255, 255, 255); border: 1px solid rgba(221, 221, 221, 1); text-align: center; color: rgb(51, 51, 51); display: block; z-index: 1; }
.jbtop-btn:hover { background: rgb(0, 0, 0); border: 1px solid rgb(0, 0, 0); color: rgb(255, 255, 255); } 
.jbtop-btn-on { background: rgb(246, 86, 96); border: 1px solid rgb(246, 86, 96); text-align: center; color: rgb(255, 255, 255); display: block; z-index: 1; }
.jbtop-btn-on:hover { background: rgb(246, 86, 96); border: 1px solid rgb(246, 86, 96); 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 */
#contentsArea { min-height: 600px; padding-bottom:50px !important; }
#contentsArea .buttons { min-height:100px !important; }
.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; }
}


.programBox h2 { border-bottom:#2E3552 solid 2px; padding-bottom:15px; text-align: center; }
.programBox h3 { padding:30px 0 10px; margin:0; font-size: 20px; }
.progulstyle li strong { min-width:80px !important; width:80px !important; }
.answerBox { border-bottom-color: rgb(218, 218, 218); border-bottom-width: 1px; border-bottom-style: dashed; padding:10px 0 10px; }
.registDate { text-align: right; padding-top:10px; }


/*! gncoffeemap */
@media (min-width: 768px) {
	.gncoffeemap { position:relative; width:768px; height:666px; margin:0 auto; padding:0; background:url(/images/contents/gn_map.jpg) no-repeat 0 0; }

	.area_01 { position:absolute; left:330px; top:85px; } /* 연곡,주문진 */
	.area_02 { position:absolute; left:460px; top:140px; } /* 경포,강문,사천 */
	.area_03 { position:absolute; left:580px; top:195px; } /* 안목(강릉항) */
	.area_04 { position:absolute; left:540px; top:450px; } /* 정동진 */
	.area_05 { position:absolute; left:390px; top:235px; } /* 솔올,유천지구 */
	.area_06 { position:absolute; left:390px; top:370px; } /* 시내 중심 */
	.area_07 { position:absolute; left:540px; top:320px; } /* 시내 동부 */
	.area_08 { position:absolute; left:475px; top:380px; } /* 시내 남부 */
	.area_09 { position:absolute; left:340px; top:480px; } /* 성산,학산 */
	.area_10 { position:absolute; left:280px; top:220px; } /* 기타 */

	.areabox { width: 100px; height: 100px; padding-top:32px; font-size: 13px; }
	.areaboxm { width: 80px; height: 80px; padding-top:20px; font-size: 13px; }
}

@media (max-width: 767px) {
	.gncoffeemap { position:relative; width:340px; height:400px; margin:0 auto; padding:0; background:url(/images/contents/gn_map_m.jpg) no-repeat 0 0; border:0px solid #ff0000; }
	
	.area_01 { position:absolute; left:95px; top:30px; } /* 연곡,주문진 */
	.area_02 { position:absolute; left:170px; top:55px; } /* 경포,강문,사천 */
	.area_03 { position:absolute; left:240px; top:110px; } /* 안목(강릉항) */
	.area_04 { position:absolute; left:250px; top:250px; width:55px; height:55px; } /* 정동진 */
	.area_05 { position:absolute; left:140px; top:120px; } /* 솔올,유천지구 */
	.area_06 { position:absolute; left:120px; top:200px; } /* 시내 중심 */
	.area_07 { position:absolute; left:255px; top:180px; } /* 시내 동부 */
	.area_08 { position:absolute; left:190px; top:200px; } /* 시내 남부 */
	.area_09 { position:absolute; left:120px; top:270px; } /* 성산,학산 */
	.area_10 { position:absolute; left:50px; top:80px; width:55px; height:55px; } /* 기타 */
	
	.areabox { padding: 12px 10px 10px; font-size: 11px; }
	.areaboxm { padding: 12px 10px 10px; font-size: 11px; }
}

.areabox {
	display: inline-block;
	float: left;
	text-align: center;
	line-height: 1.5em;
	text-align: center;
	background-color: #16288b;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
}

.areaboxm {
	display: inline-block;
	float: left;
	text-align: center;
	line-height: 1.5em;
	text-align: center;
	background-color: #16288b;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
}

.areabox:hover, .areaboxm:hover { background-color: #d94625; display: block; }

.areabox a, .areaboxm a { color: #fff; display: block; }
.areabox a:hover, .areaboxm a:hover { color: #fff; display: block; }
.areabox a:visited, .areaboxm a:visited { color: #fff; display: block; }


/*! 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 13px !important; font-size:20px; padding:10px 0 0 20px; 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 13px !important; font-size:20px; padding:10px 0 0 20px; min-height:20px; font-weight: 500; margin-top:20px !important; }
.prosubtitle-nom { background:url("/images/contents/ami_title_1.png") no-repeat 0px 13px !important; font-size:20px; padding:10px 0 0 20px; 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: #000; 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:#000; padding:3px 0 0 25px; min-height:30px; }
.ami-l-title { background:url("/images/contents/ami_title_1.png") no-repeat 0px 13px !important; font-size:20px; padding:10px 0 0 20px; 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; }

.his_s_ul { font-size: 14px; padding-top:1px; padding-left:21px; color:#555; }
.his_s_ul li { padding-top:2px; }

/* 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; }


/*! 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 #D1D1D1; }

#st-view .viewbox .subject { margin:0; }
#st-view .viewbox .subject h1 { width:100%; color:#000 !important; margin:0; border-bottom:#d5d5d5 dashed 0px; }

@media (min-width: 768px) {
  #st-view .viewbox .subject h1 { padding:25px 0px 0px; font-size: 1.75rem !important; font-weight:600; }
  .chamspan { margin-top:-7px !important; }
  .chamspam { margin-top:-3px !important; }
}

@media (max-width: 767px) {
  #st-view .viewbox .subject h1 { padding:15px 0px 0px; font-size: 1.25rem !important; font-weight:500; }
  .chamspam { margin-top:-3px !important; }
}

#st-view .viewbox .prodprice { width:100%; margin:0; padding:10px 5px 12px; font-weight:600; border-bottom:#d5d5d5 dashed 1px; }
#st-view .viewbox .prodinfo { width:100%; margin:0; padding:10px 5px 12px; font-weight:400; color:#555; border-bottom:#d5d5d5 dashed 1px; }

#st-view .viewbox .info { padding:0px 0 0; margin:0; color:#555; font-size:14px; font-weight:400; }
#st-view .viewbox .info ul li { font-size: 15px; padding:1px 0 !important; }
#st-view .viewbox .info .common { width:100%; padding:15px 0px 20px !important; margin:0; }
#st-view .viewbox .info .attach { width:100%; padding:15px 0px; margin:0; border-top:#D5D5D5 dotted 1px; }
#st-view .viewbox .info .attach:hover { background:#f9f9f9; }

#st-view .viewbox .chaminfo { padding:10px 0; margin:20px 0 0 0; color:#555; font-weight:400; border-top:#D1D1D1 solid 1px; }
#st-view .viewbox .chaminfo ul { margin:0; padding:0; list-style-position: inside; }
#st-view .viewbox .chaminfo ul li { font-size: 16px; padding:5px 0 !important; border-top:#D5D5D5 dotted 1px; }
#st-view .viewbox .chaminfo ul li:first-child { border-top:#D5D5D5 dotted 0px; }
#st-view .viewbox .chaminfo .common { width:100%; padding:15px 0px 20px !important; margin:0; }
#st-view .viewbox .chaminfo .attach { width:100%; padding:15px 0px; margin:0; border-top:#D5D5D5 dotted 1px; }
#st-view .viewbox .chaminfo .attach:hover { background:#f9f9f9; }

#st-view .viewbox .content { 
  min-height:400px; padding:40px 0; line-height:160%; 
  border-top:0px solid #D1D1D1 !important; border-right:0px solid #D1D1D1 !important; border-bottom:1px solid #D1D1D1 !important; border-left:0px solid #D1D1D1 !important; 
  word-break:break-all; word-break:break-word; overflow:auto;
}
.ReadFile img { margin:0 auto; text-align: center; }

.badge-info { background-color: #F65660; 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; }
}

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

.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; } 
}


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

/** 교육/참여 리스트 **/
.expbox .searchbox .input-group { margin-top:1px;}
.chamtopad { margin-top:30px !important; }

@media (min-width: 768px) {
  .chambtn { width:200px !important; }
	#st-list .headertop .subject h2, #st-expview .headertop .subject h2 { padding:15px 0 17px; font-size:20px; }
	#st-list .view-detail li, #st-expview .view-detail li { font-size: 14px; }
}

@media (max-width: 767px) {
  .chambtn { width:100% !important; }
	#st-list .headertop .subject h2, #st-expview .headertop .subject h2 { padding:12px 0 10px; font-size:15px; }
	#st-list .view-detail li, #st-expview .view-detail li { font-size: 13px; border-top-color: rgb(238, 238, 238); border-top-width: 1px; border-top-style: dashed; }
}

.tibx-1 { border-radius: 50px !important; background:#377d3c; color:#fff; padding:3px 10px; font-size:14px; }
.tibx-2 { border-radius: 50px !important; background:#924396; color:#fff; padding:3px 10px; font-size:14px; }
.tibx-3 { border-radius: 50px !important; background:#e86457; color:#fff; padding:3px 10px; font-size:14px; }
.tibx-4 { border-radius: 50px !important; background:#60aadd; color:#fff; padding:3px 10px; font-size:14px; }
.tibx-5 { border-radius: 50px !important; background:#495672; color:#fff; padding:3px 10px; font-size:14px; }

.btn-ibx-1 { background:#377d3c; color:#fff; }
.btn-ibx-2 { background:#924396; color:#fff; }
.btn-ibx-3 { background:#e86457; color:#fff; }

.stateTitle-1 { color:#fff; background-color: #3655ff; }
.stateTitle-2 { color:#fff; background-color: #f65660; }
.stateTitle-3 { color:#fff; background-color: #37a878; }
.stateTitle-4 { color:#fff; background-color: #000; }

.stateTitle-m-1 { color:#fff; background-color: #3655ff; padding:0 8px !important; }
.stateTitle-m-2 { color:#fff; background-color: #f65660; padding:0 8px !important; }
.stateTitle-m-3 { color:#fff; background-color: #37a878; padding:0 8px !important; }
.stateTitle-m-4 { color:#fff; background-color: #000; padding:0 8px !important; }

.QuestionTitle { padding:20px 0 3px; font-weight: 500 !important; }

.edu-list .slide { position: relative; display: block; margin: 0px; border:1px solid #f5f5f5 !important; border-radius: 20px !important; transition:0.3s !important; overflow: hidden !important; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.03) !important; }
.edu-list .slide .ibx-1 { position: relative; width: 100%; display: block; font-weight: 500; font-size:1.25em; background:#377d3c; text-align: center; color: #fff; padding:10px 0; } /* 부스  */
.edu-list .slide .ibx-2 { position: relative; width: 100%; display: block; font-weight: 500; font-size:1.25em; background:#924396; text-align: center; color: #fff; padding:10px 0; } /* 행사참여 */
.edu-list .slide .ibx-3 { position: relative; width: 100%; display: block; font-weight: 500; font-size:1.25em; background:#e86457; text-align: center; color: #fff; padding:10px 0; } /* 서포터즈 */
.edu-list .slide .ibx-4 { position: relative; width: 100%; display: block; font-weight: 500; font-size:1.25em; background:#60aadd; text-align: center; color: #fff; padding:10px 0; } /* 기타1 */
.edu-list .slide .ibx-5 { position: relative; width: 100%; display: block; font-weight: 500; font-size:1.25em; background:#495672; text-align: center; color: #fff; padding:10px 0; } /* 기타2 */

.edu-list .slide .pro-info { background: rgb(255, 255, 255); padding: 15px 15px; border-top:1px solid #E8E8E8; position: relative; }
.edu-list .slide .pro-info dl { margin: 0px; display: flex; }
.edu-list .slide .pro-info dl:last-of-type { margin-bottom: 0px; }
.edu-list .slide .pro-info dt { flex:0 0 auto; width: 65px; font-weight: 400; font-size: 15px; color: rgb(85, 85, 85); }
.edu-list .slide .pro-info dd { width: calc(100% - 65px); font-size: 15px; color: rgb(85, 85, 85); }

.edu-list .slide .items-btn { background: rgb(12, 117, 222); height: 60px; text-align: center; color: rgb(255, 255, 255); line-height: 58px; font-size: 18px; font-weight: 500; display: block; z-index: 1; }
.edu-list .slide .items-btn:hover { background: rgb(49, 80, 167); } 
.edu-list .slide .items-btn.closed { background: rgb(153, 153, 153); }
.edu-list .slide .items-btn.wait { background: rgb(255, 255, 255); border-color: rgb(10, 158, 76); color: rgb(10, 158, 76); }

.edu-list .slide p { background: rgb(255, 255, 255); padding: 15px; margin:0; position: relative; }
.edu-list .slide p strong { color: rgb(42, 42, 42); line-height: 1.4 !important; font-size: 18px; font-weight: 500; margin-top: 0px; display: block; }

.edu-list .slide:hover { text-decoration: none; box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.15); transform: translateY(10px); }
.edu-list .slide:hover .ibx::after { opacity: 0; }
.edu-list .slide:hover p { text-decoration: none; }

@media all and (max-width:1199px) {
	.edu-list h2 { font-size: 28px; }
	.edu-list h2 span { padding: 0px 20px; }
	.edu-list h2::before { left: 20px; right: 20px; }
	.edu-list .slick { margin-top: 0px; margin-right: -140px; }
	.edu-list .slick .slick-list { margin: 0px -10px; padding: 35px 0px 30px; }
	.edu-list .slide { margin: 0px 10px; box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.03); }
	.arrow.edu-list { display: none; }
	.edu-list .slide.ing p::after { transform-origin: 100% 0%; top: 15px; right: 15px; transform: scale(0.85); }
	.edu-list .slide:hover { box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15); transform: translateY(0px); }
	.edu-list .slide.slick-current .ibx::after { opacity: 0; }
}

@media all and (max-width:991px) {
	.edu-list h2 { font-size: 24px; }
	.edu-list h2 span { padding: 0px 15px; }
	.edu-list .slick { margin-right: -90px; }
	.edu-list .slide.ing p::after { top: 15px; right: 15px; transform: scale(0.8); }
}

@media all and (max-width:767px) {
	.edu-list h2 { font-size: 22px; }
	.edu-list .slick { margin-right: -220px; }
	.edu-list .slick .slick-list { margin: 0px -8px; padding: 30px 0px 25px; }
	.edu-list .slide { margin: 0px 8px; }
	.edu-list .slide.ing p::after { top: 10px; right: 10px; transform: scale(0.7); }
}


/*-----------------------------------------------------------------------------------*/
/*	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: 992px) {
    .lg-pd-50 { padding:50px !important; }
  }
  @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;
  }


/**2024**/
@media (min-width: 992px) {
	.fes_t_box { background-color: #ffeb6c; padding:30px; }
	.fes_r_box { padding: 40px; border-radius: 40px; border:16px solid #3c2313; text-align: center !important; }
	.fes-t { font-size:22px; font-weight: 600; line-height: 1.3; color:#3c2313; }
}

/**2024**/
@media (max-width: 991px) {
	.fes_t_box { background-color: #ffeb6c; padding:0 0 30px; }
	.fes_r_box { padding: 20px; border-radius: 40px; border:7px solid #3c2313; text-align: center !important; }
	.fes-t { font-size:18px; font-weight: 600; line-height: 1.3; color:#3c2313; }
	.mx-200 { max-width:200px; }
}

/**Shop_info**/
.shop_title { margin-top:3px !important; }
.shopinfo_middle { border-bottom: 0px solid #E9E9EC !important; }

@media (min-width: 768px) {
  .shopinfo_middle { font-size:14px; }
  .shopinfo_content { font-size:15px !important; text-align: justify !important; }
  .badge_padb { font-size: 14px !important; padding-right: 1rem !important; padding-bottom: 0.5em !important; padding-left: 1rem !important; }
  .textleftcen { text-align: left !important; }
}

@media (max-width: 767px) {
  .pc-none { display:none; }
  .shop_title { font-size: 1.25rem !important; }
  .shopinfo_middle { font-size:14px; }
  .shopinfo_content { font-size:14px !important; text-align: justify !important; }
  .badge_padb { font-size: 12px !important;  padding-top: 0.5em !important; padding-right: 1rem !important; padding-bottom: 0.5em !important; padding-left: 1rem !important; }
  .textleftcen { text-align: center !important; }
}

@media all and (max-width:991px) and (min-width:768px) {
  .pc-none { display:none; }
  .shop_title { font-size: 1.25rem !important; }
}

@media all and (max-width:1199px) and (min-width:992px) {
  .tree-none { display:none; }
  .shop_title { font-size: calc(1.275rem + 0.2vw) !important; }
}

@media all and (max-width:1399px) and (min-width:1200px) {
  .lef_t { width:1500px; margin-left:-50px; background: url("../../images/contents/2024_lef_09_1000.jpg") right bottom; background-repeat: no-repeat; }
  .lef_m { width:1500px; margin-left:-50px; }
  .new-none { display:none; }
  .shop_title { font-size: 1.25rem !important; }
}

@media (min-width: 1400px) {
  .shop_title { font-size: calc(1.275rem + 0.2vw) !important; }
}

/*! Modal Width 정보 */
@media (min-width: 1200px) {
  .modal-dialog { max-width: 1100px; margin: 1.75rem auto; }
}

@media all and (max-width:1199px) and (min-width:992px) {
  .modal-dialog { max-width: 900px; margin: 1.75rem auto; }
}


.col-xl-4d5 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
@media (min-width: 1200px) {
  .col-xl-4d5 { float: left; }
  .col-xl-4d5 { width: 37.5%; }
}

/* PC에만 적용 */
@media (min-width: 992px) {
  .pc-fz16 { font-size:1.333em; }
  .pc-fz18 { font-size:1.500em; }
  .pc-fz25 { font-size:2.083em }
  .pc-fz30 { font-size:2.500em; }

  .pc-lh16 { line-height:1.333em; }
  .pc-lh18 { line-height:1.555em; }

  .pc-pdr20 { padding-right:20px; }
  .pc-pdr0 { padding-right:0 !important; }
  .pc-pdl0 { padding-left:0 !important; }

  .pc-wid30 { width:30% }

  .pc-aright { text-align:right; }

  .pc-drag { position:absolute;
    overflow:hidden;	
    width:1px;
    height:1px;
    top:auto;
    text-indent:-9999%;	
    font-size:0;
    line-height:0; }
}