.main-banner img {border-radius:24px; width: 100%;}

/*포인트색상*/
.bg-blue  {background-color:#0066b3;}
.bg-pink  {background-color:#e21548;}
.bg-yellow {background-color:#fba210;}
.bg-light {background: #f4f4f4!important;}
.bg-white {background: #fff!important;}
.bg-ededed {background: #ededed!important;}
.btn-blue  {background-color:#0066b3; color: #fff;}
.btn-blue:hover {color: #fff; background-color: #065088; border-color: #065088;}
.btn-pink  {background-color:#e21548; color: #fff;}

.text-blue  {color: #0066b3!important;}
.text-pink  {color:#e21548!important;}
.text-white    {color: #fff!important;}
.border-blue   {border-color: #0066b3!important;}
.border-pink   {border-color: #e21548!important;}

.main-bt-bn {margin: 40px 0;}

.main-bt-bn .menu-b a {font-size: 18px;  text-decoration: none; color: #222; display: flex; align-items: center; justify-content: flex-start;}
.main-bt-bn .menu-b a::before {width: 60px; height: 60px; content: ""; background: #7A4281; background-repeat: no-repeat; border-radius:60px; display: flex; align-items: center; margin-left: -8px;}
.main-bt-bn .menu-b:nth-child(1) a::before {background-image: url("../img/main/sl-icon-1.png"); background-position:12px; }
.main-bt-bn .menu-b:nth-child(2) a::before {background-image: url("../img/main/sl-icon-2.png"); background-position:12px; }
.main-bt-bn .menu-b:nth-child(3) a::before {background-image: url("../img/main/sl-icon-3.png"); background-position:12px; }
.main-bt-bn .menu-b:nth-child(4) a::before {background-image: url("../img/main/sl-icon-4.png"); background-position:12px; }
.main-bt-bn .menu-b:nth-child(5) a::before {background-image: url("../img/main/sl-icon-5.png"); background-position:12px; }
.main-bt-bn .menu-b a::after.main-bt-bn .menu-b a::after { content: url("../img/main/sl-icon-arrow.png"); display: flex; align-items: center; }

.nav-tabs {border: none; margin-bottom: 20px;}
.nav-tabs .nav-link {margin-bottom:0; border:0;border-radius: 8px; line-height: 1rem;  padding-top: 16px; color: #787878; font-size: 20px;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {background: #9D1CBD; color: #fff; line-height: 1rem;  padding-top: 16px; }
.nav-tabs .nav-item {margin-right: 50px;}
.nav-tabs .nav-item::after {content:''; height: 8px; width: 8px; background-image: url("../img/main/dot.png"); display: block;  margin-left: 127px; position: absolute; margin-top: -28px;}
.nav-tabs .nav-item.naver {margin-right: 0 !important;}
.nav-tabs .nav-item.naver::after {background: none !important;}

.main-notice-2-title a:link,a:visited {font-size: 1.2rem;}
.main-notice-2-title .text-secondary {font-size: 14px;}

.main-img-card img {width: 100%; height: auto;}

.main-banner-link-1 {width: 19%}
.main-right-bn-back {display: flex; flex-direction: column; justify-content: space-around ; text-align:center;  color:#fff; font-weight:700;  padding: 1.1rem;border-radius: 18px; text-align: left; padding-left: 20px;}
.main-right-bn-back:first-child {background:#3C7EE0; background-image: url("../img/main/m-banner-1.png"); background-size: 86px;  background-position-x: 254px; background-position-y: 16px; background-repeat: no-repeat;}
.main-right-bn-back:nth-child(2){background:#5FD229; background-image: url("../img/main/m-banner-2.png"); background-size: 68px;  background-position-x: 267px; background-position-y: 16px; background-repeat: no-repeat;}
.main-right-bn-back:nth-child(3){background:#F69B12; background-image: url("../img/main/m-banner-3.png"); background-size: 75px;  background-position-x: 264px; background-position-y: 16px; background-repeat: no-repeat;}
.main-right-bn-back:nth-child(4){background:#925f9f; background-image: url("../img/main/person.png"); background-size: 75px;  background-position-x: 264px; background-position-y: 9px; background-repeat: no-repeat;}
.main-right-bn {font-size: 1.4rem; color: #ffffff; padding-left: 20px;}

.bbs-title {display: flex; justify-content: center;}
.bbs-title h2::before {content: ""; background-image: url(../img/main/slash.png); height: 17px; width: 17px; display: block; position: relative; left: -14px; top: 4px;}
.bbs-title h2::after {content: ""; background-image: url(../img/main/slash.png); height: 17px; width: 17px; display: block; position: relative; right: -78px; top: -10px;}

.bbs-title-2 {display: flex; justify-content: center;}
.bbs-title-2 h2::before {content: ""; background-image: url(../img/main/slash.png); height: 17px; width: 17px; display: block; position: relative; left: -14px; top: 4px;}
.bbs-title-2 h2::after {content: ""; background-image: url(../img/main/slash.png); height: 17px; width: 17px; display: block; position: relative; right: -116px; top: -10px;}

.intro-banner {width: 13%; border-radius: 8px;}
.intro-banner a:link,a:visited {}

.grape-info-title{display: flex; justify-content: center;}
.grape-info-title h2 {padding-left:20px; font-weight: 800;}
.grape-info-title h2::before {content: ""; background-image: url(../img/main/grape-info-title.png); height: 24px; width: 24px; display: block; position: absolute; margin-left: -36px; padding-left: -20px;}



@media (max-width: 575px) {
  .mobile-mb-2 {margin-bottom: 20px;}
  .mobile-center {justify-content: center; display: flex;}

  .nav-tabs .nav-item {margin-right: 30px;}
  .nav-tabs .nav-item::after {margin-left: 110px;}


  .main-notice-1-title {padding-left: 10px; }
  .main-notice-1-title a:link,a:visited {font-size: 16px; line-height: 10px;}
  .main-notice-1-sub-title {overflow: hidden;}
  .text-truncate {display: block;}
  .main-notice-1-sub-date {display: none;}

  .main-notice-2-title a:link,a:visited {font-size: 1.2rem;}
  .main-notice-2-title .text-secondary {font-size: 14px;}

  .main-banner-link-1 {display: flex; width: 42% !important; justify-content: center; flex-wrap: wrap; margin: 2% 4%; flex-direction: column; }
  .main-banner-link-1 img {width: 100%;}

  .main-bt-bn .col-6 {width: 46%;}
  .main-bt-bn {margin: 0;}
  .main-bt-bn .menu-b a { font-size: 14px;}
  .main-bt-bn .menu-b a::before {width: 40px; height: 40px; border-radius: 40px; margin-left: -8px;}
  .main-bt-bn .menu-b:nth-child(1) a::before {background-size: 27px; background-position:6px; }
  .main-bt-bn .menu-b:nth-child(2) a::before {background-size: 27px; background-position:6px; }
  .main-bt-bn .menu-b:nth-child(3) a::before {background-size: 27px; background-position:6px; }
  .main-bt-bn .menu-b:nth-child(4) a::before {background-size: 27px; background-position:6px; }
  .main-bt-bn .menu-b:nth-child(5) a::before {background-size: 27px; background-position:6px; }

  .main-right-bn-back:first-child {background-position-y: 3px;}
  .main-right-bn-back:nth-child(2) {background-position-y: 3px;}
  .main-right-bn-back:nth-child(3) {background-position-y: 3px;}
  .main-right-bn-back:nth-child(4){background-position-y: -3px;}
}
