@charset "utf-8";

.visual-section {position:relative;overflow:hidden;}
.main-visual {background:#f1f1f1;}
.main-visual .swiper-slide {text-align:center;}
.main-visual img {vertical-align:top;}
.main-visual img.mo {display:none;}
.visual-section .swiper-ctrl {position:absolute;left:50%;margin-left:-720px;top:442.5px;z-index:2;display:flex;}
.visual-section .swiper-ctrl .swiper-button {position:relative;left:auto;top:auto;right:auto;width:12px;height:21px;margin:0;}
.visual-section .swiper-ctrl .swiper-button-prev {width:47px;background:url("../images/visual_prev.svg") no-repeat 0 50%;}
.visual-section .swiper-ctrl .swiper-button-next {width:47px;background:url("../images/visual_next.svg") no-repeat 100% 50%;margin-right:40px;}
.swiper-button::after {content:"";}
.swiper-button-play::after {position:absolute;left:0;top:4px;display:inline-flex;width:0;height:14px;border-color:transparent transparent transparent #797979;border-style:solid;border-width:7px 0 7px 12px;transition:.05s;}
.swiper-button-play.paused::after {border-style:double !important;border-width:0 0 0 12px !important;}
.visual-section .swiper-ctrl .swiper-pagination {position:static;width:55px;line-height:21px;font-size:18px;color:#797979;}
.visual-section .swiper-ctrl .swiper-pagination .swiper-pagination-current {font-weight:700;}
.visual-section .inner {position:absolute;left:50%;margin-left:-740px;top:164.5px;z-index:2;}
.visual-section .slogan {line-height:70px;font-weight:600;font-size:50px;margin:0 0 30px;}
.visual-section .slogan b {font-weight:800;font-size:58px;}
.visual-section .slogan .mo {display:none;}
.visual-section .search-box {display:flex;width:520px;background:rgba(255,255,255,.6);backdrop-filter:blur(10px);border:1px solid rgba(204,204,204,.6);border-radius:50px;}
.visual-section .search-box .srh-input {padding:15px 30px;width:calc(100% - 70px);height:78px;font-family:'Paperlogy', sans-serif;font-weight:400;font-size:20px;background:none;border:0;border-radius:0;}
.visual-section .search-box .srh-btn {width:70px;height:78px;font-size:1px;color:transparent;background:url("../images/icon_search2.svg") no-repeat center;border:0;}
.visual-section .marquee-slide {position:absolute;left:0;bottom:0;z-index:1;width:100%;height:114px;overflow:hidden;}
.visual-section .marquee-slide .marquee-container {display:flex;height:146px;line-height:146px;font-family:'Constantia', serif;font-weight:700;font-size:120px;color:#f8f8f8;text-transform:uppercase;}
.visual-section .marquee-slide .marquee-container .slide-box {width:auto;height:auto;white-space:nowrap;will-change:transform;transform:translateX(0);animation:marquee 40s linear infinite;}
.visual-section .marquee-slide .marquee-container img {vertical-align:top;margin-inline:100px -30px;max-height:100%;}
@keyframes marquee {
    0% {transform:translateX(0);}
    100% {transform:translateX(-100%);}
}

@media screen and (max-width: 1600px){
    .visual-section .swiper-ctrl {top:368px;}
    .visual-section .inner {top:90px;}
}
@media screen and (max-width: 1496px){
    .visual-section .swiper-ctrl {left:20px;margin-left:0;}
    .visual-section .inner {left:0;margin-left:0;}
}
@media screen and (max-width: 1200px){
    .main-visual img {display:none;}
    .main-visual img.mo {display:inline-block;height:700px;}
    .visual-section .swiper-ctrl {left:50%;margin-left:-66px;top:450px;}
    .visual-section .swiper-ctrl .swiper-button-prev {width:25px;}
    .visual-section .swiper-ctrl .swiper-button-next {width:25px;margin-right:20px;}
    .visual-section .swiper-ctrl .swiper-pagination {width:50px;font-size:16px;}
    .visual-section .inner {top:243px;}
    .visual-section .slogan {text-align:center;line-height:32px;font-size:24px;}
    .visual-section .slogan b {font-size:26px;}
    .visual-section .slogan .mo {display:block;}
    .visual-section .search-box {width:390px;margin:0 auto;}
    .visual-section .search-box .srh-input {padding:10px 20px;width:calc(100% - 60px);height:48px;font-size:14px;}
    .visual-section .search-box .srh-btn {width:60px;height:48px;background-image:url("../images/icon_srh_m.svg");}
    .visual-section .marquee-slide {height:54px;}
    .visual-section .marquee-slide .marquee-container {height:73px;line-height:73px;font-size:60px;}
}
@media screen and (max-width: 500px){
    .main-visual img.mo {width:100%;height:auto;}
    .visual-section .swiper-ctrl {top:105.33vw;}
    .visual-section .inner {top:50.4vw;}
}
@media screen and (max-width: 430px){
    .visual-section .search-box {width:100%;}
}

.menu-section.quick-menu {position:static;width:auto;margin:0;transform:none;}
.menu-section.quick-menu ul {display:flex;justify-content:center;width:100%;border:0;border-radius:0;box-shadow:none;}
.menu-section.quick-menu ul li {width:120px;max-width:12.5%;border:0 !important;}
.menu-section.quick-menu ul li a {display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:120px;}

@media screen and (max-width: 768px){
    .menu-section.quick-menu {padding:20px;}
    .menu-section.quick-menu ul {flex-wrap:wrap;}
    .menu-section.quick-menu ul li {width:25%;max-width:25%;}
    .menu-section.quick-menu ul li a {height:77px;}
}

.board-section {padding:100px 0;background:url("../images/dibip_bg_big.png") no-repeat 124px calc(100% - 46px);}
.board-section .inner {display:flex;justify-content:space-between;}
.board-section h3 {font-family:'Paperlogy', sans-serif;font-weight:700;font-size:36px;letter-spacing:0;margin:0 0 20px;}
.board-section .main-board {position:relative;width:72.36%;}
.main-board .tab-title {margin:0 0 10px;}
.main-board .tab-title ul {display:flex;gap:20px;width:100%;}
.main-board .tab-title ul li button {position:relative;padding:20px 0;font-family:'Paperlogy', sans-serif;font-size:20px;color:#797979;}
.main-board .tab-title ul li button::after {content:"";position:absolute;left:0;bottom:0;display:flex;width:0;height:3px;background:linear-gradient(90deg, #6B816A 0%, #224F35 100%);transition:.2s;}
.main-board .tab-title ul li.active button {font-weight:500;color:#000;}
.main-board .tab-title ul li.active button::after {width:100%;}
.board-list {display:flex;width:calc(100% + 20px);margin:0 -10px;}
.board-list li {width:calc(100%/3);}
.board-list li a {display:block;padding:10px;width:100%;height:100%;transition:.3s;}
.board-list li a:hover {background:#fff;box-shadow:0 10px 15px rgba(0,0,0,.1);}
.board-list li a i {margin:0 0 20px;}
.board-list li a .title {display:block;margin:0 0 25px;}
.board-list li a .title span {display:block;width:100%;line-height:29px;max-height:58px;font-weight:600;font-size:24px;color:#111827;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.board-list li.new a .title span::after {content:"NEW";display:inline;vertical-align:middle;font-weight:500;font-size:12px;color:#E93660;margin-left:5px;}
.board-list li a .desc {display:block;line-height:24px;max-height:48px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.board-list li a .date {display:block;color:#7C7E81;margin:60px 0 0;}
.board-section .card-news {position:relative;width:26.04%;}
.pop-slider {border-radius:20px;box-shadow:0 10px 15px rgba(0,0,0,.1);}
.pop-slider .swiper-slide a {position:relative;display:block;width:100%;}
.pop-slider .swiper-slide a img {display:block;width:100%;}
.pop-slider .swiper-ctrl {position:absolute;right:0;top:0;z-index:1;display:inline-flex;padding:7px 24px;background:#fff;border-radius:0 20px;}
.pop-slider .swiper-button {position:relative;left:auto;top:auto;right:auto;width:27px;height:21px;margin:0;}
.pop-slider .swiper-button-prev {background:url("../images/arrow_left.svg") no-repeat 0 50%;}
.pop-slider .swiper-button-next {background:url("../images/arrow_right.svg") no-repeat 100% 50%;}
.pop-slider .swiper-pagination {position:static;margin:0;width:55px;line-height:21px;font-size:18px;}
.pop-slider .swiper-pagination .swiper-pagination-current {font-weight:700;color:#698069;}

@media screen and (max-width: 1200px){
    .board-section .inner {align-items:center;}
}
@media screen and (max-width: 768px){
    .board-section {padding:60px 0;background:url("../images/dibip_bg.png") no-repeat calc(100% - 33px) 420px/470px auto;}
    .board-section .inner {flex-wrap:wrap;gap:80px;}
    .board-section h3 {font-size:30px;}
    .board-section .more-btn {top:69.5px;}
    .board-section .main-board {width:100%;}
    .main-board .tab-title {padding-right:50px;margin:0;}
    .main-board .tab-title ul li {width:calc((100% - 60px)/4);}
    .main-board .tab-title ul li button {width:100%;font-size:16px;}
    .board-list {display:block;width:100%;margin:0;}
    .board-list li {width:100%;}
    .board-list li + li {margin:10px 0 0;}
    .board-list li a {padding:20px 0;}
    .board-list li a:hover {background:none;box-shadow:none;}
    .board-list li a .title {display:flex;width:100%;margin:0 0 25px;}
    .board-list li a .title br {display:none;}
    .board-list li a .title i {padding:5px 7px;width:66px;white-space:nowrap;margin:0 5px 0 0;}
    .board-list li a .title span {display:block;width:calc(100% - 73px);line-height:29px;font-size:20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
    .board-list li a .desc {line-height:20px;max-height:40px;font-size:14px;}
    .board-list li a .date {font-size:14px;margin:10px 0 0;}
    .board-section .card-news {width:100%;}
}

.shortcut-section {padding:100px 0;}
.shortcut-section .growth-box {display:flex;justify-content:space-between;align-items:center;padding:30px 40px 30px 30px;width:100%;background:url("../images/main_growth_box.png") no-repeat center/cover;border-radius:10px;box-shadow:0 10px 15px rgba(0,0,0,.1);}
.shortcut-section .growth-box .txt-area h3 {font-family:'Paperlogy', sans-serif;font-weight:700;font-size:36px;letter-spacing:0;margin:0 0 10px;}
.shortcut-section .growth-box .txt-area h3 span {color:transparent;background:linear-gradient(90deg, #6B816A 0%, #224F35 100%);background-clip:text;-webkit-background-clip:text;}
.shortcut-section .growth-box .txt-area .sub {line-height:1.6;font-size:20px;color:#404041;}
.shortcut-section .growth-box .txt-area .sub .mo {display:none;}
.shortcut-section .growth-box .link-area {display:flex;gap:10px;width:45.138%;}
.shortcut-section .growth-box .link-area li {width:calc(50% - 5px);}
.shortcut-section .growth-box .link-area li a {position:relative;display:flex;align-items:center;padding:20px;width:100%;height:80px;font-size:20px;background:rgba(255,255,255,.8);border-radius:10px;transition:.2s;}
.shortcut-section .growth-box .link-area li a::after {content:"";position:absolute;right:18px;top:50%;margin-top:-10px;display:flex;width:11px;height:20px;background:url("../images/arrow_right.svg") no-repeat center;}
.shortcut-section .growth-box .link-area li a:hover {color:#fff;background:#333;}
.shortcut-section .growth-box .link-area li a:hover::after {background-image:url("../images/arrow_right_w.svg");}

@media screen and (max-width: 1120px){
    .shortcut-section .growth-box {padding:30px 20px;display:block;background-image:url("../images/main_growth_box_m.png");}
    .shortcut-section .growth-box .txt-area {text-align:center;margin:0 0 20px;}
    .shortcut-section .growth-box .txt-area h3 {font-size:24px;}
    .shortcut-section .growth-box .txt-area .sub {line-height:1.2;font-size:16px;}
    .shortcut-section .growth-box .txt-area .sub .mo {display:block;}
    .shortcut-section .growth-box .link-area {display:block;width:460px;max-width:100%;margin:0 auto;}
    .shortcut-section .growth-box .link-area li {width:100%;}
    .shortcut-section .growth-box .link-area li + li {margin:10px 0 0;}
    .shortcut-section .growth-box .link-area li a {padding:10px 20px;height:45px;font-size:16px;}
    .shortcut-section .growth-box .link-area li a::after {width:9px;background-size:7px auto;}
}
@media screen and (max-width: 768px){
    .shortcut-section {padding:20px 0 80px;}
}

.expert-section {padding:100px 0;}
.expert-section .inner {display:flex;justify-content:space-between;}
.expert-section .inner::before {content:"";position:absolute;left:0;top:-109px;z-index:-1;display:flex;width:260px;height:260px;background:url("../images/main_bg_item.svg") no-repeat center/contain;}
.expert-section .inner::after {content:"";position:absolute;right:7px;top:128px;z-index:-1;display:flex;width:390px;height:458px;background:url("../images/main_bg_item.png") no-repeat center/contain;}
.expert-section .menu-box {position:relative;width:47.08%;}
.expert-section .menu-box::after {content:"";display:table;width:100%;clear:both;}
.expert-section .menu-box .menu-header {position:relative;float:left;width:47.05%;}
.expert-section .menu-box h3 {font-family:'Paperlogy', sans-serif;font-weight:700;font-size:36px;letter-spacing:0;margin:0 0 20px;}
.expert-section .menu-box .sub {line-height:1.6;font-size:20px;}
.expert-section .menu-box .menu-link {position:relative;float:right;width:260px;height:260px;text-align:center;border-radius:50%;overflow:hidden;box-shadow:0 10px 15px 0 rgba(0,0,0,.1);}
.expert-section .menu-box .menu-link + .menu-link {margin:33px 0 0;}
.expert-section .menu-box .menu-link img {width:100%;height:100%;transition:.3s;}
.expert-section .menu-box .menu-link:hover img {transform:scale(1.1);}
.expert-section .menu-box .menu-link .box {position:absolute;left:0;top:0;display:flex;justify-content:center;align-items:flex-end;padding:26.5px;width:100%;height:100%;}
.expert-section .menu-box .menu-link .box span {display:inline-flex;align-items:center;height:56px;font-family:'Paperlogy', sans-serif;font-weight:600;font-size:24px;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.25);}

@media screen and (max-width: 1309px){
    .expert-section {padding:80px 0 0;}
    .expert-section .inner {flex-wrap:wrap;width:100%;}
    .expert-section .menu-box {width:100%;}
    .expert-section .menu-box .menu-header {width:100%;}
    .expert-section .menu-box .menu-link + .menu-link {margin:60px 120px 80px 0;}
}
@media screen and (max-width: 768px){
    .expert-section {padding:0;}
    .expert-section .inner::before {left:5.33vw;top:9.33vw;width:35.73vw;height:35.73vw;}
    .expert-section .inner::after {right:10.66vw;top:154.93vw;width:38.93vw;height:45.86vw;}
    .expert-section .menu-box .menu-header {margin:0 0 32px;}
    .expert-section .menu-box h3 {font-size:30px;margin:0 0 15px;}
    .expert-section .menu-box .sub {font-size:14px;}
    .expert-section .menu-box .sub br {display:none;}
    .expert-section .menu-box .menu-link {width:40vw;height:40vw;}
    .expert-section .menu-box .menu-link + .menu-link {margin:50px 15px 80px;}
    .expert-section .menu-box .menu-link .box {padding:8vw 4vw;}
    .expert-section .menu-box .menu-link .box span {align-items:flex-end;height:10.13vw;font-size:4.26vw;}
}

.activity-section {padding:100px 0;}
.activity-section .inner {display:flex;justify-content:space-between;}
.activity-section .card-container {position:relative;padding:30px;background:#F1F1F1;border-radius:20px;box-shadow:0 10px 15px 0 rgba(0,0,0,.1);}
.activity-section .card-header {position:relative;display:flex;align-items:center;margin:0 0 20px;}
.activity-section .card-header h3 {font-family:'Paperlogy', sans-serif;font-weight:700;font-size:36px;letter-spacing:0;}
.activity-section .card-header .sub {margin-left:28px;font-size:20px;color:#404041;}
.activity-section .card-header .more-btn {top:0;}
.activity-section .promo-box {width:33.333%;}
.activity-section .promo-box .card-header {margin:0 0 35px;}
.shop-slider {width:600px;max-width:100%;}
.shop-slider .img-wrap {margin:0 0 25px;}
.shop-slider .prd-box {margin:25px 0 0;}
.promo-box .swiper-button {top:30px;z-index:1;margin:0;width:40px;height:40px;}
.promo-box .swiper-button-prev {left:auto;right:130px;background:url("../images/btn_prev.png") no-repeat center/contain;}
.promo-box .swiper-button-next {right:80px;background:url("../images/btn_next.png") no-repeat center/contain;}
.activity-section .sns-box {width:65.48%;}
.sns-box .sns-list {display:flex;flex-wrap:wrap;gap:20px;width:100%;}
.sns-box .sns-list li {width:calc((100% - 40px)/3);}
.sns-box .sns-list li a {position:relative;display:flex;flex-direction:column;gap:10px;padding:20px;width:100%;height:100%;background:#fff;border-radius:10px;overflow:hidden;}
.sns-box .sns-list li a::before {content:"";position:absolute;left:0;top:0;z-index:1;width:40px;height:40px;background:url("../images/icon_youtube.svg") no-repeat 0 0;border-radius:10px 0;}
.sns-box .sns-list li.facebook a::before {background-image:url("../images/icon_facebook.svg");}
.sns-box .sns-list li.instagram a::before {background-image:url("../images/icon_instagram.svg");}
.sns-box .sns-list li a .thumb {position:relative;display:block;width:100%;padding:0 0 56.01%;background:#000;border-radius:5px;overflow:hidden;}
.sns-box .sns-list li a .thumb img {position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);display:block;width:100%;height:auto;transition:.3s;}
.sns-box .sns-list li a:hover .thumb img {transform:translate(-50%, -50%) scale(1.1);}
.sns-box .sns-list li a .title {line-height:19px;max-height:38px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.sns-box .sns-list li a .time {padding-left:16px;height:16px;line-height:16px;font-size:13px;color:#797979;background:url("../images/icon_clock.svg") no-repeat 0 50%;}

@media screen and (max-width: 1170px){
    .activity-section .inner {flex-wrap:wrap;gap:80px;width:100%;}
    .activity-section .card-header {display:block;}
    .activity-section .promo-box,
    .activity-section .sns-box {width:100%;}
    .sns-box .sns-list {gap:10px;}
    .sns-box .sns-list li {width:100%;}
    .sns-box .sns-list li:nth-child(2) ~ li {display:none;}
}
@media screen and (max-width: 768px){
    .activity-section {padding:0 0 80px;}
    .activity-section .card-container {padding:24px;}
    .activity-section .card-header h3 {font-size:30px;}
    .activity-section .card-header .sub {line-height:32px;font-size:14px;margin:10px 0 0;}
    .activity-section .card-header .more-btn {top:3px;}
    .promo-box .swiper-button {top:26.5px;width:30px;height:30px;}
    .promo-box .swiper-button-prev {right:95px;}
    .promo-box .swiper-button-next {right:60px;}
}

.partner-section {border-top:1px solid #ccc;}
.partner-slider .swiper-slide {display:inline-flex;align-items:center;width:auto;height:69px;}
.partner-slider .swiper-slide img {max-height:30px;vertical-align:top;}
.partner-slider .swiper-button {position:absolute;top:0;margin-top:0;padding:0 10px;width:auto;width:27px;height:70px;background:#fff;}
.partner-slider .swiper-button-prev {left:auto;right:47px;background:#fff url("../images/arrow_left.svg") no-repeat center;}
.partner-slider .swiper-button-next {right:-10px;background:#fff url("../images/arrow_right.svg") no-repeat center;}
.partner-slider .swiper-button-play {right:17px;z-index:11;width:30px;background:#fff;}
.partner-slider .swiper-button-play::after {left:9px;top:27.5px;border-left-color:#333;}

@media screen and (max-width: 768px){
    .partner-slider .swiper-slide {height:70px;}
}