@charset "utf-8";

/* ===================================================== */
/* MAIN-COMMON : S */
.main-sec .inner {height: 100%;}
.main-sec {padding: 115px 0 125px;}
.sec-tit { font-weight: 800;}
.sec-desc {line-height: 1.25;}

@media (max-width: 1280px) {
  .main-sec {padding: 100px 0 110px;}
}
@media (max-width: 768px) {
  .main-sec {padding: 85px 0 95px;}
}
/* MAIN-COMMON : S */
/* ===================================================== */
 

/* ===================================================== */
/* MAIN-VISUAL : S */
.visual {position: relative; background-color: #222;}
.visual-slide { height: 100vh; height: 100svh; min-height: 768px;}
.visual-slide-img { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #222 no-repeat center/cover; transform: scale(1.1); transition: all 4s linear;} 
.visual-01 {background-image: url(../images/main/main_visual01.jpg);}
.visual-02 {background-image: url(../images/main/main_visual02.jpg);}
.visual-03 {background-image: url(../images/main/main_visual03.jpg);}
.visual-on .visual-slide-img { transform: scale(1.01); } 

.visual-txt { position: absolute;bottom: 0; left: 0; width: 100%; height: 100%;}
.visual-txt .inner {height: 100%;}
.visual-txt-wrap { position: absolute; bottom: 60%; left: 0; width: 100%; transform: translateY(60%);}
.visual-txt-slide {color: #fff;} 
.visual-txt-con {height: 220px;}
.visual-tit { position: absolute; bottom: 65px; height: 160px; font-weight: 700; font-size: 60px;}
.visual-on .visual-tit {animation: fadeIn 0.8s ease-out 0.6s both;}
.visual-on .visual-desc {animation: fadeIn 1s ease-out 0.9s both;}
.visual-desc {position: absolute; bottom: 0; font-weight: 500;font-size: 24px; letter-spacing: normal;}
.visual-desc br {display: none;}
.visual-txt .txt1 .txt-serif {font-size: 2.5em; line-height: 1.1;}
.visual-txt .txt2 .visual-tit {padding-top: 0.2em;}
.visual-txt .txt2 .txt-serif { display: inline-block; margin-top: -0.1em; font-size: 1.45em; line-height: 0.8; transform: translateY(0.1em);}
.visual-txt .txt3 .visual-tit { padding-top: 0.1em;font-size: 65px;}
.visual-dot { margin-top: 20px; } 
.visual-dot .slick-dots { display: flex; } 
.visual-dot button { display: flex; width: 25px; padding: 15px 0; margin-right: 15px; font-size: 0;} 
.visual-dot button::before { width: 100%; height: 3px; margin: auto; background-color: rgba(255, 255, 255, 0.4); content: ''; transition: all 0.3s; } 
.visual-dot .slick-active button {width: 50px;}
.visual-dot li {animation: fadeIn 0.8s ease-out 1.1s both;}
.visual-dot li:nth-child(2) {animation-delay: 1.2s;}
.visual-dot li:nth-child(3) {animation-delay: 1.3s;}
.visual-dot li:not(.slick-active) button:hover::before { background-color: rgba(255, 255, 255, 0.8); } 
.visual-dot li.slick-active button::before { background-color: #fff; } 

/* VISUAL-GUIDE */
.visual-guide {animation: fadeUp 0.8s ease-out 0.5s both; display: flex; overflow: hidden; position: absolute; bottom: 6%; left: 0; width: calc(100% - 10px); padding: 37px 5%; border-radius: 0 30px;background-color: #fff; box-shadow: 10px 10px 0 #c5006e;}
.visual-guide::before { position: absolute; bottom: -0.12em; left: 0;content: "Guide"; font-weight: 700; font-size: 96px; font-family: 'Noto Serif KR', serif; line-height: 1; color: #f3eeee;}
.visual-guide .left-tit { display: flex; align-items: center; z-index: 5; font-weight: 800;font-size: 24px;}
.visual-guide .left-tit::after { margin-left: 2em; content: '· · · · · ·'; letter-spacing: 0.125em; white-space: nowrap; user-select: none;}

.visual-guide .list {display: flex; flex-grow: 1; justify-content: space-between; z-index: 10; margin-left: 3%;}
.visual-guide .item {width: 15%;}
.visual-guide .item-ico { display: flex; position: relative; width: 100px; height: 100px; margin: 0 auto;}
.visual-guide .item-ico::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background-color: #f8f1f1; content: ''; transform-origin: 50% 100%; transition: all 0.3s;}
.visual-guide .item-ico::after { opacity: 0;position: absolute; top: 0; left: 50%; width: 116%; height: 100%; background: url(../images/common/heart.svg) no-repeat center/contain; content: ''; transform: scale(0.85) translateX(-50%); transform-origin: 0 100%;  transition: all 0.3s; }
.visual-guide .item-ico-img { display: flex; position: relative; z-index: 5; width: 100%; height: 100%;}
.visual-guide .item-ico-img::before { width: 64%; height: 64%; margin: auto; background: url(../images/main/visual_guide_ico01.png) no-repeat center/contain; content: ''; transition: all 0.3s;}
.visual-guide .item:nth-child(2) .item-ico-img::before {background-image: url(../images/main/visual_guide_ico02.png);}
.visual-guide .item:nth-child(3) .item-ico-img::before {background-image: url(../images/main/visual_guide_ico03.png);}
.visual-guide .item:nth-child(4) .item-ico-img::before {background-image: url(../images/main/visual_guide_ico04.png);}
.visual-guide .item:nth-child(5) .item-ico-img::before {background-image: url(../images/main/visual_guide_ico05.png);}
.visual-guide .item:nth-child(6) .item-ico-img::before {background-image: url(../images/main/visual_guide_ico06.png);}
.visual-guide .item-tit { padding-top: 1em; font-weight: 600;font-size: 18px; text-align: center; color: #444; transition: all 0.3s;}
.visual-guide .item a:hover .item-tit {color: #c5006e;}
.visual-guide .item a:hover .item-ico::before {opacity: 0; transform: scale(0.5);}
.visual-guide .item a:hover .item-ico::after {opacity: 1; transform: scale(1) translateX(-50%);}
.visual-guide .item:nth-child(1) a:hover .item-ico-img::before {background-image: url(../images/main/visual_guide_ico01_hover.png);}
.visual-guide .item:nth-child(2) a:hover .item-ico-img::before {background-image: url(../images/main/visual_guide_ico02_hover.png);}
.visual-guide .item:nth-child(3) a:hover .item-ico-img::before {background-image: url(../images/main/visual_guide_ico03_hover.png);}
.visual-guide .item:nth-child(4) a:hover .item-ico-img::before {background-image: url(../images/main/visual_guide_ico04_hover.png);}
.visual-guide .item:nth-child(5) a:hover .item-ico-img::before {background-image: url(../images/main/visual_guide_ico05_hover.png);}
.visual-guide .item:nth-child(6) a:hover .item-ico-img::before {background-image: url(../images/main/visual_guide_ico06_hover.png);}

.visual-scroll { position: absolute; left: 45px; bottom: 8%;  } 
.visual-scroll-btn { display: flex; width: 21px; height: 29px; border: 2px solid #fff; border-radius: 10px; color: #fff; } 
.visual-scroll-btn::before { width: 3px; height: 6px; margin: auto; border-radius: 3px; background-color: #fff; content: ''; transform: translateY(-3px); transition: all 0.3s; } 
.visual-scroll-btn:hover::before { background-color: #c5006e; animation: visual-scroll 1.3s infinite; } 
@keyframes visual-scroll { 50% { opacity: 0; transform: translateY(0); } 
 75% { opacity: 0; transform: translateY(-7px); } 
 }
.visual-scroll-btn::after { position: absolute; bottom: -17px; left: 4px; width: 13px; height: 7px; background: url(../images/main/visual_scroll_arrow.svg) no-repeat center; content: ''; animation: visual-scroll-arrow 1.5s ease-in-out infinite; } 
@keyframes visual-scroll-arrow { 50% { transform: translateY(4px); } 
 } 

@media (max-width: 1600px) {
  .visual-scroll { left: 50%; bottom: calc(7% + 245px); transform: translateX(-50%); } 
}
@media (max-width: 1280px) {
  .visual-slide {min-height: 640px;}
  .visual-txt-con {height: 195px; }
  .visual-tit { bottom: 55px; height: 135px; font-size: 50px;  }
  .visual-txt .txt3 .visual-tit { font-size: 55px;}
  .visual-desc {font-size: 22px; }
  .visual-dot { margin-top: 15px; } 
  .visual-dot button { margin-right: 13px; } 

  /* VISUAL-GUIDE */
  .visual-guide { padding: 35px 5%; border-radius: 0 25px;}
  .visual-guide::before { font-size: 72px;}
  .visual-guide .left-tit {font-size: 22px;}
  .visual-guide .item-ico { width: 80px; height: 80px;}
  .visual-guide .item-tit { font-size: 16px;}
  .visual-scroll { bottom: calc(7% + 210px);  } 
}
@media (max-width: 1024px) {
  .visual-slide {min-height: 576px;}
  .visual-guide { padding: 33px 6%;}
  .visual-guide .left-tit {width: 195px;}
  .visual-guide .left-tit::after { margin-left: 1em; }
  .visual-guide .list {overflow-x: auto; overflow-y: hidden; width: calc(90% - 195px);}
  .visual-guide .list::-webkit-scrollbar {height: 6px; border-radius: 5px; background-color: #eee; }
  .visual-guide .list::-webkit-scrollbar-thumb { border: 1px solid #eee; border-radius: 5px;background-color: #c5006e;}
  .visual-guide .item { flex-shrink: 0;width: 100px; padding-bottom: 15px;}
  .visual-scroll { display: none; } 
}
@media (max-width: 768px) {
  .visual-guide {bottom: 4%;}
  .visual-txt-wrap {  bottom: 60%; transform: translateY(65%);}
  .visual-txt-con { height: 165px; }
  .visual-tit { bottom: 45px; height: 110px; font-size: 40px;}
  .visual-txt .txt3 .visual-tit { font-size: 44px;}
  .visual-desc { font-size: 20px; }
  .visual-dot { margin-top: 10px; } 
  .visual-dot button { margin-right: 11px; } 
}
@media (max-width: 640px) {
  .visual-desc br {display: block;}
  .visual-txt-con { height: 195px; }
  .visual-tit { bottom: 77px;}
  .visual-side {display: none;}

  .visual-guide { flex-direction: column; padding: 30px 6% 33px;}
  .visual-guide::before {  opacity: 0.7;}
  .visual-guide .left-tit {margin-bottom: 0.8em;}
  .visual-guide .left-tit br {display: none;}
  .visual-guide .left-tit::after { display: none;}
  .visual-guide .list { margin-left: 0; width: 100%;}
  .visual-guide .item {width: 90px; padding-bottom: 12px;}
  .visual-guide .item-ico { width: 70px; height: 70px; ;}
  .visual-guide .item-tit {font-size: 15px;}
}
@media (max-width: 576px) {
  .visual-txt-wrap { transform: translateY(55%);}
  .visual-txt-con { height: 245px; }
  .visual-tit { bottom: 75px; height: 95px; font-size: 32px;}
  .visual-txt .txt1 .visual-tit { bottom: 135px; font-size: 45px;}
  .visual-txt .txt1 .txt-serif { display: block; font-size: 2.1em;line-height: 0.95;}
  .visual-txt .txt3 .visual-tit { font-size: 36px;}
}
@media (max-width: 412px) {
  .visual-txt-con { height: 195px; }
  .visual-tit { bottom: 70px; height: 75px; font-size: 26px;}
  .visual-txt .txt1 .visual-tit { bottom: 115px; font-size: 36px;}
  .visual-txt .txt3 .visual-tit { font-size: 29px;}
  .visual-desc { font-size: 18px; }
}
@media (max-width: 320px) {
  .visual-txt-con { height: 165px; }
  .visual-tit { bottom: 45px; height: 75px; font-size: 20px;}
  .visual-txt .txt1 .visual-tit { bottom: 75px; font-size: 27px;}
  .visual-txt .txt3 .visual-tit { font-size: 22px;}
  .visual-desc { font-size: 16px; }
}
/* MAIN-VISUAL : E */
/* ===================================================== */


/* ===================================================== */
/* NEWS : S */
.news { padding-bottom: 0;background-color: #fff;}
.news .sec-header { margin-bottom: 50px;text-align: center;}
.news .sec-tit { margin-bottom: 0.3em;font-size: 40px;}
.news .sec-tit .txt-serif { display: inline-block;font-size: 1.25em; letter-spacing: -0.05em; text-shadow: 0.025em 0 0 #c5006e; transform: translateY(0.075em);}
.news .sec-desc { font-weight: 500;font-size: 18px; color: #888;}

.news-wrap { position: relative;padding-bottom: 125px;}
.news-wrap::before { position: absolute; bottom: 0; left: 0; width: 100%; height: calc(100% - 90px); background-color: #f6f1e8;content: '';}
.news-box {display: flex;}

.news-item { width: 50%; padding: 0 4%; border: 1px solid #e0d8c7;border-radius: 30px 0 30px 30px; background-color: #fff;}
.news-tit { display: flex; align-items: center; height: 90px; border-bottom: 2px solid #e3b455;font-size: 25px;}
.news-tit h4 {font-weight: 700;}
.news-tit a { display: flex; width: 30px; height: 30px; margin-left: auto;}
.news-tit a::before { width: 15px; height: 15px; margin: auto 0 auto auto; background: url(../images/common/more_ico.svg) no-repeat center; content: ''; transition: all 0.4s;}
.news-con {display: flex; justify-content: space-between; padding: 40px 0;}
.news-con::before { flex-shrink: 0; width: 85px; height: 94px; background: url(../images/main/news_ico01.png) no-repeat center top/contain; content: '';}
.news-con ul {width: calc(92% - 85px);}
.news-con li {display: flex; align-items: center; font-size: 17px; white-space: nowrap; }
.news-con li .tit { overflow: hidden; flex-grow: 1; padding: 0.3em 0; font-weight: 600;text-overflow: ellipsis;}
.news-con li::before { flex-shrink: 0; width: 3px; height: 3px; margin-right: 6px; background-color: #222; content: '';}
.news-con li .txt-serif { flex-shrink: 0; width: 7em; letter-spacing: -0.05em; text-align: right; color: #888;}
.news-con li .tit:hover {color: #c5006e;}
.news-tit a:hover::before { background-image: url(../images/common/more_ico_pink.svg);transform: rotate(90deg);}

.news-item:nth-child(2) { width: calc(50% + 1px); margin-left: -1px; border-color: #e9dbe3;border-radius: 0 30px 30px 30px;}
.news-item:nth-child(2) .news-tit {border-color: #c5006e;}
.news-item:nth-child(2) .news-con::before {background-image: url(../images/main/news_ico02.png);}

@media (max-width: 1280px) {
.news .sec-header { margin-bottom: 45px;}
.news .sec-tit { font-size: 35px;}
.news .sec-desc { font-size: 17px;}
.news-wrap { padding-bottom: 110px;}
.news-wrap::before { height: calc(100% - 80px);}
.news-item { padding: 0 3%; border-radius: 25px 0 25px 25px;}
.news-tit { height: 80px; padding-top: 0.3em; font-size: 23px;}
.news-con { padding: 35px 0;}
.news-con::before { width: 65px;}
.news-con ul {width: calc(94% - 65px);}
.news-con li { font-size: 16px; }
.news-item:nth-child(2) { border-radius: 0 25px 25px 25px;}
}
@media (max-width: 1024px) {
  .news-item { padding: 0 25px;}
  .news-con::before { display: none;}
  .news-con ul {width: 100%;}
  .news-con li { font-size: 15px; }
  .news-con li .txt-serif {font-size: 14px;}
}
@media (max-width: 768px) {
  .news .sec-header { margin-bottom: 40px;}
.news .sec-tit { font-size: 30px;}
.news .sec-desc { font-size: 16px;}
.news-wrap { padding-bottom: 95px;}
.news-wrap::before { height: calc(100% - 75px);}
.news-box {flex-direction: column;}

.news-item { width: 100%; border-radius: 20px 0 20px 20px;}
.news-tit { height: 75px; font-size: 21px;}
.news-con { padding: 30px 0;}
.news-con::before { display: block; width: 65px;}
.news-con ul {width: calc(94% - 65px);}
.news-con li { font-size: 17px; }
.news-con li .txt-serif {font-size: 16px;}
.news-item:nth-child(2) { width: 100%; margin-top: 40px; border-radius: 0 20px 20px 20px;}
}
@media (max-width: 640px) {
  .news-item { padding: 0 20px;}
  .news-con::before { width: 55px;}
  .news-con ul {width: calc(95% - 55px);}
  .news-con li { font-size: 16px; }
  .news-con li .txt-serif { width: 6.5em;font-size: 15px;}
}
@media (max-width: 480px) {
  .news-tit::before { flex-shrink: 0; width: 36px; height: 100%; margin-right: 15px; background: url(../images/main/news_ico01.png) no-repeat center/contain;content: '';}
  .news-con { padding: 25px 0;}
  .news-con::before { display: none;}
  .news-con ul {width: 100%;}
  .news-con li { font-size: 15px; }
  .news-con li .txt-serif {font-size: 14px;}
  .news-item:nth-child(2) .news-tit::before {background-image: url(../images/main/news_ico02.png);}
}
@media (max-width: 320px) {
  .news-con li .txt-serif {display: none;}
}
/* NEWS : E */
/* ===================================================== */



/* ===================================================== */
/* SUPPORT : S */
.support .inner {display: flex; justify-content: space-between;}

.support .left { position: relative;width: 48%;}
.support .left::before { position: absolute; top: 100%; right: 115%; content: "SUPPORT"; font-weight: 800; font-weight: 700; font-size: 21px; letter-spacing: 2em; text-indent: 2em; color: #eadcdd; transform: rotate(90deg); transform-origin: 100% 50%; }
.support .sec-header {font-size: 36px;}
.support .sec-desc {font-weight: 300; letter-spacing: normal;}
.support .sec-desc span {font-weight: 800;}
.support .sec-tit {font-size: 2.6em;}
.support .left-wrap { padding-top: 80px; font-weight: 800;}
.support .left-desc { display: flex; margin-bottom: 40px; font-size: 15px;}
.support .left-desc span { margin-right: 0.3em; font-size: 20px;}
.support .left-desc::after {width: 158px; height: 25px; margin: 0.5em 0 0 1.5em; background: url(../images/main/support_arrow.svg) no-repeat center/contain; content: '';}
.support .left-link {display: flex; justify-content: space-between; font-size: 25px; color: #fff;}
.support .left-link a { display: flex; justify-content: center; align-items: center; width: 48%;padding: 1em; padding-left: 0.8em; border-radius: 0 30px; background-color: #c5006e;}
.support .left-link a::before { flex-shrink: 0; width: 50px; height: 46px; margin-right: 1em;background: url(../images/main/support_ico01.png) no-repeat center/contain; content: '';}
.support .left-link a:nth-child(2) { position: relative; border-radius: 30px 30px 0 0;background-color: #2c8db4;}
.support .left-link a:nth-child(2)::before {background-image: url(../images/main/support_ico02.png);}
.support .left-link a:nth-child(2)::after { position: absolute; bottom: calc(100% - 4px); left: 50%;width: 248px; height: 235px; background: url(../images/main/support_bg.png) no-repeat center bottom/contain; content: ''; transform: translateX(-50%); pointer-events: none;}
.support .left-link a:hover {background-color: #d44092;}
.support .left-link a:nth-child(2):hover {background-color: #61aac7;}

.support .right { display: flex; justify-content: space-between;width: 50%;}
.support .right > li {width: 32%;}
.support .right > li a { display: flex; flex-direction: column; position: relative; height: 100%; border-radius: 30px 0;background: url(../images/main/support_right_bg1.jpg) center/cover;}
.support .right-tit { display: flex; justify-content: center; align-items: center; position: relative; width: calc(100% - 60px); height: 100px; margin: 0 auto; border-radius: 0 0 5px 5px; background-color: #fff; box-shadow: 0 0 3px rgba(255, 255, 255, 0.8); font-weight: 700;font-size: 20px; color: #88ab3e;}
.support .right-tit::before { position: absolute; top: 0; right: 0; width: calc(100% - 30px); height: 2px; background-color: #97c734;content: '';}
.support .right-tit::after { position: absolute; top: -13px; right: calc(100% - 45px); width: 2px; height: 28px; background-color: #97c734;content: '';}
.support .right-tit .txt-serif { display: block;font-size: 1.25em;}
.support .right-desc { height: 40%; padding: 0 12%; margin-top: auto; font-weight: 700;font-size: 18px; color: #fff;}
.support .right-desc strong { padding-bottom: 0.15em;background: linear-gradient(to top, #fff 100%, #fff 100%) no-repeat left bottom/0 2px , linear-gradient(to top, rgba(255, 255, 255, 0.7) 100%, rgba(255, 255, 255, 0.7) 100%) no-repeat center bottom/100% 2px; line-height: 1.6; transition: all 0.4s; }
.support .right-desc p { padding-top: 1em;font-size: 15px;}
.support .right > li a:hover .right-desc strong {background-size: 100% 2px , 100% 2px;}

.support .right > li:nth-child(2) a { border-radius: 0 0 30px 30px;background-image: url(../images/main/support_right_bg2.jpg);}
.support .right > li:nth-child(2) .right-tit {color: #ce717e;}
.support .right > li:nth-child(2) .right-tit::before, 
.support .right > li:nth-child(2) .right-tit::after {background-color: #dc7987;}
.support .right > li:nth-child(3) a { border-radius: 0 30px 30px 30px;background-image: url(../images/main/support_right_bg3.jpg);}
.support .right > li:nth-child(3) .right-tit { font-weight: 800;color: #4e1b64;}
.support .right > li:nth-child(3) .right-tit::before, 
.support .right > li:nth-child(3) .right-tit::after {background-color: #4e1b64;}

@media (max-width: 1280px) {
  .support .left {width: 44%;}
  .support .left::before { display: none; }
  .support .sec-header {font-size: 28px;}
  .support .left-desc {  margin-bottom: 35px; font-size: 14px;}
  .support .left-desc span { font-size: 19px;}
  .support .left-desc::after {width: 105px; margin-left: 1em;}
  .support .left-link {font-size: 22px;}
  .support .left-link a { border-radius: 0 25px;}
  .support .left-link a::before { width: 42px;}
  .support .left-link a:nth-child(2) { border-radius: 25px 25px 0 0;}
  .support .left-link a:nth-child(2)::after { width: 85%;  transform: translateX(-40%);}

  .support .right { width: 54%;}
  .support .right > li a { border-radius: 25px 0;}
  .support .right > li:nth-child(2) a { border-radius: 0 0 25px 25px;}
  .support .right > li:nth-child(3) a { border-radius: 0 25px 25px 25px;}
  .support .right-tit { width: calc(100% - 50px); height: 90px; box-shadow: none; font-size: 17px; }
  .support .right-tit::before { width: calc(100% - 25px); }
  .support .right-tit::after { right: calc(100% - 40px);}
  .support .right-desc { height: 45%; font-size: 16px; }
}
@media (max-width: 1024px) {
  .support .inner {flex-direction: column;}
  .support .sec-header {font-size: 30px;}
  .support .left {width: 100%; margin-bottom: 70px;}
  .support .left-wrap {display: flex; padding-top: 50px;}
  .support .left-desc { align-self: end;width: calc(200px + 10vw); margin-bottom: 0; font-size: 15px;}
  .support .left-desc span { font-size: 20px;}
  .support .left-link {flex-grow: 1;}
  .support .left-link a {width: 48.5%;}
  .support .left-link a::before { margin-right: 7%;}
  .support .left-link a:nth-child(2)::after { transform: translateX(-50%);}

  .support .right { width: 100%; height: 330px;}
  .support .right-tit {font-size: 20px;}
  .support .right-desc { font-size: 18px;text-align: center; text-shadow: 0 0 12px rgba(0, 0, 0, 0.3);}
}
@media (max-width: 768px) {
  .support .sec-header {font-size: 27px;}
  .support .left-wrap {display: block; padding-top: 60px;}
  .support .left-desc { width: 100%;  margin-bottom: 40px; font-size: 14px;}
  .support .left-desc span { font-size: 19px;}
  .support .left-desc::after {width: 130px; margin-left: 1.5em;}
  .support .left-link a { border-radius: 0 20px;}
  .support .left-link a::before { margin-right: 9%;}
  .support .left-link a:nth-child(2) { border-radius: 20px 20px 0 0;}
  .support .left-link a:nth-child(2)::after { width: 90%; }

  .support .right > li a { border-radius: 20px 0;}
  .support .right > li:nth-child(2) a { border-radius: 0 0 20px 20px;}
  .support .right > li:nth-child(3) a { border-radius: 0 20px 20px 20px;}
  .support .right-tit { width: calc(100% - 40px); font-size: 18px;}
  .support .right-tit::before { width: calc(100% - 20px); }
  .support .right-tit::after { right: calc(100% - 35px);}
  .support .right-desc { padding: 0 15px;font-size: 16px;}
  .support .right-desc p { font-weight: 500; font-size: 14px;}
}
@media (max-width: 576px) {
  .support .sec-header {font-size: calc(10px + 2.5vw);}
  .support .left-wrap {padding-top: calc(20px + 5vw);}
  .support .left-desc span { font-size: 18px;}
  .support .left-desc::after {width: calc(40px + 10vw); margin-left: 2vw;}
  .support .left-link {font-size: calc(9px + 2.25vw);}
  .support .left-link a { padding: 0.8em 1em;}
  .support .left-link a::before { width: 1.75em;}
  .support .left-link a:nth-child(2)::after { width: 85%; }

  .support .right {flex-direction: column; height: auto;}
  .support .right > li {width: 100%;}
  .support .right > li + li {margin-top: 30px;}
  .support .right-tit { width: 60%; min-width: 220px; height: 75px;font-size: 20px;}
  .support .right-tit .txt-serif {display: inline-block; margin-right: 3px; transform: translateY(2px);}
  .support .right-desc {height: auto; padding: 30px 15px 35px; font-size: 17px;}
  .support .right-desc p {font-size: 15px;}
  .support .right-desc br {display: none;}
}
@media (max-width: 480px) {
  .support .left-link a:nth-child(2)::after {  width: 80%; transform: translateX(-40%); }
}
/* SUPPORT : E */
/* ===================================================== */



/* ===================================================== */
/* PR : S */
.pr { padding-bottom: 70px;background-color: #f4e9ea;}
.pr .sec-header { text-align: center;}
.pr .sec-tit {font-size: 40px;}
.pr .sec-tit::before { display: block; width: 3em; height: 0.7em; margin: 0 auto 10px; background: url(../images/main/pr_youtube-logo.svg) no-repeat center/contain; content: ''; }

.pr-wrap {position: relative; padding-top: calc(32.5% + 3em); font-size: 18px;}
.pr-nav { position: absolute; top: 0 ; left: 0; width: 100%; height: 100%;font-size: 0;}
.pr-nav .slick-arrow {position: absolute; top: 45%; left: 29.5%;  z-index: 5; transform: translateY(-55%); padding: 7px; transition: background-color 0.3s, box-shadow 0.3s; border-radius: 7px;}
.pr-nav .slick-arrow::before { display: block;width: 31px; height: 54px; background: url(../images/main/pr_arrow.svg) no-repeat center/contain; content: '';}
.pr-nav .slick-next { right: 29.5%;left: auto;}
.pr-nav .slick-next::before {transform: scaleX(-1);}
.pr-nav .slick-arrow:hover {background-color: rgba(255, 255, 255, 0.7); box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);}

.pr-slick-wrap {position: absolute; top: 0; left: 0; width: 100%;}
.pr-slide { padding-top: 95px;}
.pr-slide .pr-inner { position: relative; width: 75%;padding: 25px 25px 0; margin: 0 auto; border: 5px solid transparent; border-radius: 10px; transition: all 0.3s;}
.pr-slide .pr-inner::after { opacity: 0; position: absolute; top: 0; right: 8%; width: 93px; height: 73px; background: url(../images/main/pr_deco.png) no-repeat center/contain;content: ''; transition: all 0.3s; pointer-events: none;}
.pr-slide .media { overflow: hidden; position: relative; width: 100%; padding-top: 56%; border-radius: 5px; box-shadow: 5px 0 40px #3d303138;}
.pr-slide .media iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.pr-slide h4 { padding: 40px 0 45px; font-weight: 600; line-height: 1.6; text-align: center; color: #666;}

.pr-slide.slick-center .pr-inner {width: 95%; border-color: #deced0; background-color: #fff; box-shadow: 5px 0 40px #3d303138; transform: translateY(-50px);}
.pr-slide.slick-center .pr-inner::after {opacity: 1; transform: translateY(-50%); transition-duration: 0.5s; transition-delay: 0.2s;}
.pr-slide.slick-center h4 {font-weight: 800; font-size: calc(1em + 2px); color: #222;}

@media (max-width: 1280px) {
.pr .sec-tit {font-size: 35px;}
.pr-wrap { font-size: 16px;}
.pr-nav .slick-arrow {left: 29%; padding: 5px; border-radius: 5px;}
.pr-nav .slick-arrow::before { width: 25px; height: 44px;}
.pr-nav .slick-next { right: 29%;left: auto;}
.pr-nav .slick-arrow:hover {box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);}
.pr-slide { padding-top: 90px;}
.pr-slide .pr-inner { width: 80%; padding: 20px 20px 0; border-width: 4px; }
.pr-slide .pr-inner::after {  right: 6%; width: 83px;}
.pr-slide .media { box-shadow: 4px 0 25px #3d303138;}
.pr-slide h4 { padding: 35px 0 40px;}
.pr-slide.slick-center .pr-inner { width: 100%; box-shadow: 4px 0 25px #3d303138;  transform: translateY(-55px);}
}
@media (max-width: 1024px) {
  .pr-wrap { padding-top: calc(50% + 4em);}
  .pr-nav .slick-arrow {left: 14%;}
.pr-nav .slick-next { right: 14%;left: auto;}
}
@media (max-width: 768px) {
  .pr .sec-tit {font-size: 30px;}
  .pr-wrap { padding-top: calc(55% + 5em); font-size: 15px;}
  .pr-nav .slick-arrow {left: 13.5%;}
  .pr-nav .slick-arrow::before { width: 22px; height: 38px;}
  .pr-nav .slick-next { right: 13.5%;left: auto;}
  .pr-slide { padding-top: 85px;}
  .pr-slide .pr-inner { border-width: 3px; }
  .pr-slide .pr-inner::after {  right: 5%; width: 73px;}  
.pr-slide h4 { padding: 30px 0 35px;}
}
@media (max-width: 640px) {
  .pr-nav .slick-arrow {left: 13%;}
  .pr-nav .slick-next { right: 13%;left: auto;}
}
@media (max-width: 576px) {
  .pr-wrap { padding-top: calc(60% + 7em);}
  .pr-nav .slick-arrow { top: 0; left: 10vw; transform: translateY(-120%);}
  .pr-nav .slick-next { right: 10vw; left: auto;}
}
@media (max-width: 480px) {
  .pr-wrap { padding-top: calc(65% + 8em); font-size: 14px;}
  .pr-slide .pr-inner::after { top: 5px; width: 63px;}  
}
/* PR : E */
/* ===================================================== */



/* ===================================================== */
/* EVENT : S */
.event { overflow: hidden;position: relative; padding: 200px 0 220px; background: url(../images/main/event_bg01.svg) no-repeat left bottom/35% auto, url(../images/main/event_bg03.svg) no-repeat right -2% top -50%/auto 50%;}
.event::before { position: absolute; bottom: 0; left: 4%; width: 299px; height: 350px;background: url(../images/main/event_bg02.png) no-repeat left bottom/contain; content: ''; transform-origin: 50% 100%; opacity: 0; transform: translateY(35px) scale(0.9) rotate(-3deg);}
.aos-animate.event::before {animation: eventBg1 1.2s cubic-bezier(0.28, 0.23, 0, 1.29) 0.5s both;}
@keyframes eventBg1 {
  0% { opacity: 0; transform: translateY(35px) scale(0.9) rotate(-3deg);} 
	100% { opacity: 1; transform: translateY(0) scale(1); } 
}
.event .inner {display: flex; justify-content: space-between;}
.event .sec-header {flex-shrink: 0;}
.event .sec-desc { margin-bottom: 10px; font-weight: 600; font-size: 20px; color: #888;}
.event .sec-tit { margin-bottom: 25px;font-size: 50px;}
.event .sec-header .more-btn { display: inline-block; padding: 0.5em 2em; border: 2px solid #222; border-radius: 3em; font-weight: 800; transition: all 0.3s;}
.event .sec-header .more-btn:hover { border-color: #c5006e;background-color: #c5006e; color: #fff;}

.event-wrap { position: relative;width: 75%; max-width: 1000px;}
.event-wrap::before { position: absolute; top: -75px; right: 0;width: 184px; height: 220px; background: url(../images/main/event_bg04.png) no-repeat right top/contain; content: ''; transform-origin: 100% 100%;  transform: rotate(5deg);}
.aos-animate.event-wrap::before {animation: eventBg2 0.6s ease-out 0.2s both;}
@keyframes eventBg2{
  0% { opacity: 0; transform: translateY(35px) scale(0.9) rotate(5deg);} 
	100% { opacity: 1; transform: translateY(0) scale(1); } 
}
.event-nav { position: relative; z-index: 5;width: calc((100% / 3) - 20px); margin-left: auto;}
.event-nav .slick-arrow {font-size: 0;}
.event-nav .slick-arrow::before { display: block; width: 56px; height: 20px; background: url(../images/common/arrow_black.svg) no-repeat center/contain;content: ''; transition: all 0.3s;}
.event-nav .slick-next {margin-left: 25px; transform: scaleX(-1);}
.event-nav .slick-arrow:hover::before { background-image: url(../images/common/arrow_pink.svg);transform: translateX(-7px);}

.event-slick {margin-top: -45px;}
.event-slick .slick-list {margin: 0 -20px;}
.event-slide {padding: 70px 0 20px; font-size: 18px;}
.event-slide > a { position: relative; margin: 0 20px; border: 1px solid #e5e5e5; border-radius: 0 30px 30px 30px; background-color: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); transition: all 0.3s;}
.event-slide > a::before { opacity: 0; position: absolute; top: -1px; left: -1px; z-index: 5;width: calc(100% + 2px); height: calc(100% + 2px); border: 2px solid #c5006e; border-radius: 0 30px 30px 30px; box-shadow: 0 0 1px #c5006e; content: ''; transition: all 0.3s;}
.event-slide > a::after { opacity: 0; position: absolute; bottom: 0; left: 50%; z-index: 10;width: 64px; height: 54px; background: url(../images/common/more_ico_white.svg) no-repeat center, url(../images/common/heart.svg) no-repeat center/contain; content: ''; transform: translate(-50%, 100%); transition: all 0.5s;}
.event-slide .thumb { overflow: hidden; position: relative; padding-top: 62.5%; border-radius: 0 30px 0 0; background-color: #ddd;}
.event-slide .img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #222 no-repeat center/cover; transition: all 0.3s;}
.event-slide > a:hover .img {transform: scale(1.05);}
.event-slide .txt {padding: 2em 10%; transform: all 0.5s;}
.event-slide .tit { overflow: hidden; margin-bottom: 0.6em; font-weight: 800; white-space: nowrap; text-overflow: ellipsis; transition: color 0.5s;}
.event-slide .txt-serif {font-size: 16px; color: #888; transition: color 0.5s;}

.event-slide.slick-current > a {transform: translateY(-2.5em);}
.event-slide.slick-current > a::before {opacity: 1;}
.event-slide.slick-current > a::after { opacity: 1;transform: translate(-50%, 50%);}
.event-slide.slick-current .tit {color: #c5006e;}
.event-slide.slick-current .txt {padding: 2em 10% 4em;}
.event-slide.slick-current .txt-serif {color: #222;}

@media (max-width: 1440px) {
  .event::before { left: 20px; }
}
@media (max-width: 1280px) {
  .event { padding: 175px 0 195px; background-position: left bottom, right -20% top -50%;}
.event::before {  width: 250px; }
.event .sec-desc { margin-bottom: 9px; font-size: 18px;}
.event .sec-tit { margin-bottom: 23px; font-size: 44px;}
.event .sec-header .more-btn { font-size: 15px;}

.event-wrap { width: calc(92% - 190px);}
.event-wrap::before {  top: -65px;width: 160px;}
.event-nav { width: 100%; text-align: center;}
.event-nav .slick-next {margin-left: 20px;}

.event-slick .slick-list {margin: 0 -1.2vw;}
.event-slide { font-size: 16px;}
.event-slide > a {  margin: 0 1.2vw;  border-radius: 0 25px 25px 25px; box-shadow: 0 0 1vw rgba(0, 0, 0, 0.1); }
.event-slide > a::before { border-radius: 0 25px 25px 25px; }
.event-slide > a::after { width: 22%; min-width: 49px;}
.event-slide .thumb { border-radius: 0 25px 0 0;}
.event-slide .txt-serif {font-size: 15px;}
}
@media (max-width: 1024px) {
  .event { background-position: left bottom, right -30% top -50%; background-size: 45% auto, auto 45%;}
  .event-wrap::before { display: none;}
  .event-nav { width: calc(50% - 2vw); text-align: left;}
  .event-slick .slick-list {margin: 0 -2vw;}
  .event-slide { padding: 80px 0 20px; font-size: 17px;}
  .event-slide > a {  margin: 0 2vw;}
  .event-slide.slick-current > a {transform: translateY(-55px);}
}
@media (max-width: 768px) {
  .event { padding: 150px 0 170px; background-position: left bottom, right -40% top -50%;}
  .event::before {  width: 200px; }
  .event .sec-desc { margin-bottom: 8px; font-size: 16px;}
  .event .sec-tit { margin-bottom: 21px; font-size: 38px;}
  .event .sec-header .more-btn { padding: 0.5em 1.5em; font-size: 14px;}

  .event-wrap { width: calc(96% - 175px);}
  .event-nav { width: calc(50% - 1vw); text-align: center; transform: translateY(2vw);}
  .event-nav .slick-next {margin-left: 15px;}
  .event-slick .slick-list {margin: 0 -1vw;}
  .event-slide { font-size: 16px;}
  .event-slide > a {  margin: 0 1vw;  border-radius: 0 20px 20px 20px;  box-shadow: 0 0 0.8vw rgba(0, 0, 0, 0.1); }
  .event-slide > a::before { border-radius: 0 20px 20px 20px; }
  .event-slide .thumb { border-radius: 0 20px 0 0;}
  .event-slide .txt-serif {font-size: 14px;}
}
@media (max-width: 640px) {
  .event {padding: calc(30px + 15vw) 0 calc(50px + 17vw); background-position: left bottom, right -30vw top -30vw; background-size: calc(112px + 21vw), 60vw;}
  .event::before {  width: calc(80px + 15vw); }
  .event .inner {display: block;}
  .event .sec-header { margin-bottom: 40px;text-align: center;}
  .event .sec-desc { margin-bottom: 5px;}
  .event .sec-tit { margin-bottom: 18px;}
  
  .event-wrap {width: 100%;}
  .event-nav { width: calc(50% - 3vw); }
  .event-slick .slick-list {margin: 0 -3vw;}
  .event-slide > a { margin: 0 3vw; box-shadow: 0 0 2.5vw rgba(0, 0, 0, 0.1); }
}
@media (max-width: 480px) {
  .event-slide { font-size: 15px;}
  .event-nav { width: calc(50% - 1vw); transform: translateY(20px); }
  .event-nav .slick-arrow::before { width: 45px;}
  .event-nav .slick-arrow:hover::before {transform: translateX(-4px);}
  .event-slick .slick-list {margin: 0 -1vw;}
  .event-slide > a {  margin: 0 1vw;  box-shadow: 0 0 0.8vw rgba(0, 0, 0, 0.1); }
  .event-slide .txt {padding: 1.5em 10%;}
  .event-slide .txt-serif {font-size: 13px;}
  .event-slide.slick-current .txt {padding: 1.5em 10% 3em;}
}
/* EVENT : E */
/* ===================================================== */


/* ===================================================== */
/* BANNER : S */
.banner { padding: 45px 0; border-top: 1px solid #eee;}
.banner .inner {display: flex; justify-content: space-between; align-items: center;}
.banner .sec-header {display: flex; align-items: center; width: 250px;}
.banner .sec-tit { margin-right: 20px; font-weight: 800;font-size: 17px;}

.banner-nav {display: flex; align-items: center;}
.banner-nav button { display: flex;width: 40px; height: 40px;}
.banner-arrow {display: flex;}
.banner-arrow button {font-size: 0;}
.banner-arrow button::before { display: block; width: 8px; height: 14px; margin: auto;background: url(../images/main/banner_arrow.svg) no-repeat center; content: ''; transition: all 0.3s;}
.banner-arrow .slick-next::before {transform: scaleX(-1);}
.banner-toggle {position: relative;}
.banner-toggle::before { width: 7px; height: 15px; margin: auto; border-right: 2px solid #222; border-left: 2px solid #222;content: ''; transition: border-color 0.3s;}
.banner-toggle::after {content: ''; position: absolute; left: 16px; top: 50%; transform: translateY(-50%);  width: 0px; height: 0px; border-style: solid; border-width: 8.5px 0 8.5px 13px;  border-color: transparent transparent transparent #222; opacity: 0; transition: border-color 0.3s;}
.banner-toggle.paused::before {opacity: 0;}
.banner-toggle.paused::after {opacity: 1;}
.banner-more { display: flex;width: 40px; height: 40px;}
.banner-more::before { width: 15px; height: 15px; margin: auto; background: url(../images/common/more_ico.svg) no-repeat center;content: ''; transition: all 0.4s;}
.banner-arrow button:hover::before {background-image: url(../images/main/banner_arrow_hover.svg);}
.banner-toggle:hover::before { border-color: #c5006e;}
.banner-toggle:hover::after { border-color: transparent transparent transparent #c5006e;}
.banner-more:hover::before { background-image: url(../images/common/more_ico_pink.svg);transform: rotate(90deg);}

.banner-wrap {width: calc(97% - 250px);}
.banner-slick .slick-list {margin: 0 -15px;}
.banner-slide {margin: 0 15px;}
.banner-slide a { display: flex; justify-content: center; align-items: center;height: 80px; padding: 4% 5%; border: 1px solid #eee; border-radius: 5px; transition: border-color 0.3s; overflow: hidden;}
.banner-slide a img {width: 100%; width: fit-content; max-height: 100%;}
.banner-slide a:hover {border-color: #c5006e;}

@media (max-width: 1280px) {
  .banner { padding: 42px 0;}
  .banner .sec-header { width: 245px;}
.banner .sec-tit { margin-right: 15px;}
.banner-wrap {width: calc(98% - 245px); height: 75px;}
.banner-slick .slick-list {margin: 0 -1.2vw;}
.banner-slide {margin: 0 1.2vw;}
.banner-slide a {height: 75px;}
}
@media (max-width: 810px) {
  .banner { padding: 30px 0 42px;}
.banner .inner {display: block;}
.banner .sec-header { width: 100%; margin-bottom: 15px;}
.banner .sec-tit { margin-right: 20px;}
.banner-wrap {width: 100%; height: 9vw;}
.banner-slide a {height: 9vw;}
}
@media (max-width: 768px) {
  .banner { padding: 27px 0 39px;}
  .banner .sec-header { margin-bottom: 10px;}
}
@media (max-width: 640px) {
  .banner-wrap {height: 12vw;}
  .banner-slide a {height: 12vw;}
}
@media (max-width: 412px) {
  .banner-wrap {height: 15vw;}
  .banner-slide a {height: 15vw;}
}
/* BANNER : E */
/* ===================================================== */