@charset "utf-8";

/* 공통*/
/* 타이틀*/
.titleGr {padding: 90px 0 35px;}
.titleGr p {font-size: 23px; letter-spacing: 0; font-weight: 800; color: #ed1475;}
.titleGr h3 {position: relative; display: inline-block; font-size: 45px; font-weight: 800; color: #000; padding-top: 5px;}
.titleGr h3:after {content:""; display: block; position: absolute; top: -18px; right: -27px; width: 38px; height: 38px; background-image:url("../../images/main/orchestra/point_icon.png"); background-size: 30px auto; background-position: center; background-repeat: no-repeat; transition: filter 0.4s;}
/* 더보기 버튼*/
.moreBtn {text-align: right; padding-top: 90px;}
.moreBtn a {position: relative; font-size: 17px; font-weight: 600; padding-right: 30px; color: #000;}
.moreBtn a:after {content: ""; display: block; position: absolute; top: 0; right: 0; width:22px; height: 22px; background-image: url("../../images/common/orchestra/more_icon.png");}
.moreBtn a:hover:after {background-image: url("../../images/common/orchestra/more_hover_icon.png");}
.moreBtn a.hoverUnderline .hoverItem {background-image: linear-gradient(to right, #f1116e 50%, transparent 50%);}
.moreBtn a.hoverUnderline:hover {color: #f1116e;}

/* 메인이미지*/
#contents .mainVis {position: relative; height: 100svh;}
#contents .mainVis .swiper {width: 100%; height: 100%;}
#contents .mainVis .swiper-wrapper .swiper-slide img {display: block; width: 100%; height: 100%; object-fit: cover;}
#contents .mainVis .swiper-control .progress-bar-wrap {position: absolute; left: 20px; right: 20px; bottom: 60px; height: 2px; background: var(--Fills-Tertiary---Dark, rgba(118, 118, 128, 0.24)); z-index: 2;}
#contents .mainVis .swiper-control .progress-bar-wrap .progress-bar {display: block; width: 0%; height: 2px; background-color: #fff;}
#contents .mainVis .swiper-control .swiper-button-next,
#contents .mainVis .swiper-control .swiper-button-prev {position: absolute; top:inherit; bottom: 95px; left: inherit; width: 10px; height: 15px; color: transparent; background-image: url("../../images/main/orchestra/swiper_control_icon.png"); transform: translate(50%, 50%);}
#contents .mainVis .swiper-control .swiper-button-prev {background-position: 0 100%; right :50px; left: auto;}
#contents .mainVis .swiper-control .swiper-button-next {background-position: 100% 100%; right: 20px;}
#contents .mainVis .swiper-control .swiper-pagination {position: absolute; top: inherit; left: inherit; bottom: 85px; right: 70px; width: fit-content; color: #fff; text-align: right;}
#contents .mainVis .swiper-control .swiper-pagination span {padding: 0 1px;}
#contents .mainVis .swiper-control .swiper-pagination .swiper-pagination-current {opacity: 0.9;}
#contents .mainVis .mainVisTit {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 90%; text-align: center; z-index: 10;}
#contents .mainVis .mainVisTit span {font-size: 19px; font-weight: 400; letter-spacing: 0; padding-bottom: 35px; display: inline-block; line-height: 1.2; color: #fff; white-space: break-spaces;}
#contents .mainVis .mainVisTit p {font-size: 36px; font-weight: 600; letter-spacing: -0.45px; line-height: 1.2; color: #fff; white-space: break-spaces;}

/* 꿈오소개*/
#contents .oodInfo {padding: 115px 0 60px;}
#contents .oodInfo .oodInfoWrap .infoTxt {text-align: center;}
#contents .oodInfo .oodInfoWrap .infoTxt strong {font-size: 50px; font-weight: 800; background: linear-gradient(to right, #ed156b, #fda228); color: transparent; -webkit-background-clip: text;}
#contents .oodInfo .oodInfoWrap .infoTxt .Ltxt {font-size: 26px; font-weight: 600; padding-top: 25px; letter-spacing: 0; color: #222;}
#contents .oodInfo .oodInfoWrap .infoTxt .Stxt {font-size: 18px; font-weight: 500; line-height: 31px; padding-top: 30px; color: #333;}
#contents .oodInfo .oodInfoWrap .infoTxt .Stxt span {display: block;}
#contents .oodInfo .oodInfoWrap .infoTxt .Stxt span em {display: inline-block; color: #f1116e; font-weight: 700;}

/* 활동영상*/
#contents .oodVideo {width: 100%; height: 100%; background-image: linear-gradient(to bottom, #f8f8ef, transparent);}
#contents .oodVideo .video .videoWrap {position: relative; padding-top: 44.57%; /*padding-bottom: 56.25%;*/}
#contents .oodVideo .video .videoWrap .videoPlayer {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 25px;}
#contents .oodVideo .video .videoWrap .videoPlayer .html5-video-player .video-stream {width: 100% !important; left: 0 !important;}

/* 최근소식*/
#contents .oodNews .news {position: relative;}
#contents .oodNews .news .newsTab .tab {position: inherit; margin: -10px 0 20px;}
#contents .oodNews .news .newsTab .tab .tablist {display: flex; width: 100%; height: 100%; z-index: 1;}
#contents .oodNews .news .newsTab .tab .tablist li {margin-left: 10px; width: fit-content;}
#contents .oodNews .news .newsTab .tab .tablist li:first-child {margin-left: 0;}
#contents .oodNews .news .newsTab .tab .tablist li.active .tabBtn {border-radius: 25px; font-weight: 600; color: #ffffff; background-color: #ee1e7a; padding: 0 25px;}
#contents .oodNews .news .newsTab .tab .tablist li .tabBtn {font-size: 17px; font-weight: 500; line-height: 100%; letter-spacing: -0.48px; padding: 0 20px; height: 35px; background: transparent; color: #343434;}

#contents .oodNews .news .newsTab .tabCont .tabContWrap {display: none;}
#contents .oodNews .news .newsTab .tabCont .tabContWrap.active {display: block;}
#contents .oodNews .news .newsTab .tabCont .tabContents.swiper {position: inherit;}
#contents .oodNews .news .newsTab .tabCont .tabContents .tabContList .tabContItem {margin-right: 40px; height: 314px; border-radius: 15px;}
#contents .oodNews .news .newsTab .tabCont .tabContents .tabContList .tabContItem a {position: relative; display: block; background: #f8f7fa; height: 100%; border-radius: 15px;}
#contents .oodNews .news .newsTab .tabCont .tabContents .tabContList .tabContItem a:before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 115px; height: 140px; background-image: url("../../images/main/orchestra/news_bg_left.png"); opacity: 0.2;}
#contents .oodNews .news .newsTab .tabCont .tabContents .tabContList .tabContItem a:after {content: ""; display: block; position: absolute; bottom: 0; right: 0; width: 115px; height: 140px; background-image: url("../../images/main/orchestra/news_bg_right.png"); opacity: 0.2;}
#contents .oodNews .news .newsTab .tabCont .tabContents .tabContList .tabContItem a .conTxt {width: 100%; height: 100%; padding: 35px 25px;}
#contents .oodNews .news .newsTab .tabCont .tabContents .tabContList .tabContItem a .conTxt .type {position: relative; padding-left: 20px; font-weight: 700; font-size: 18px; color: #000;}
#contents .oodNews .news .newsTab .tabCont .tabContents .tabContList .tabContItem a .conTxt .type:before {content: ""; display: block; position: absolute; top: 6px; left: 0; width: 10px; height: 10px; border-radius: 50%;}
#contents .oodNews .news .newsTab .tabCont .tabContents .tabContList .tabContItem a .conTxt .type.news:before {background-color: #ed1475;}
#contents .oodNews .news .newsTab .tabCont .tabContents .tabContList .tabContItem a .conTxt .type.data:before {background-color: #fd762a;}
#contents .oodNews .news .newsTab .tabCont .tabContents .tabContList .tabContItem a .conTxt .title {font-size: 25px; font-weight: 700; color: #000; margin-top: 23px; letter-spacing: -0.7px; width: 100%;}
#contents .oodNews .news .newsTab .tabCont .tabContents .tabContList .tabContItem a .conTxt .substance {font-size: 18px; color: #3d3d3d; margin-top: 20px;}
#contents .oodNews .news .newsTab .tabCont .tabContents .tabContList .tabContItem a .conTxt .date {text-align: right; color: #434343; letter-spacing: 0; padding-top: 29px;}

#contents .oodNews .news .newsTab .tabCont .tabContents .swiper-control .swiper-button-prev,
#contents .oodNews .news .newsTab .tabCont .tabContents .swiper-control .swiper-button-next {position: absolute; top: 18px; font-size: 0; background-size: 11px; background-repeat: no-repeat; background-position: 50% 50%; border-radius: 50%; color: transparent;}
#contents .oodNews .news .newsTab .tabCont .tabContents .swiper-control .swiper-button-prev {left: auto; right: 30px; background-image: url("../../images/main/orchestra/prev_icon.png");}
#contents .oodNews .news .newsTab .tabCont .tabContents .swiper-control .swiper-button-next {right: 0; background-image: url("../../images/main/orchestra/next_icon.png");}
#contents .oodNews .news .newsTab .tabCont .tabContents .swiper-control .moreBtn {padding-top: 25px;}

/* 파트너*/
#contents .oodpartner .oodpartnerWrap {margin: 95px 0 0; background-color: #f3f3f3; padding: 36px 0;}
#contents .oodpartner .partner .swiper {width: 100%; height: 100%;}
#contents .oodpartner .partner .swiper .swiper-wrapper {transition-timing-function: linear;}
#contents .oodpartner .partner .swiper .swiper-slide {text-align: center; font-size: 18px; background: rgb(255 255 255 / 80%); display: flex; justify-content: center; align-items: center; padding: 18px 0; border-radius: 10px;}
#contents .oodpartner .partner .swiper .swiper-slide img {display: block; width: 100%; height: 30px; object-fit: contain;}


/* ---------- 반응형 ---------- */
/* 1024이상 PC*/
@media only screen and (min-width: 1024px) {
    /* 공통*/
    /* 더보기 버튼*/
    .moreBtn {padding-top: 170px;}
    .moreBtn a {font-size: 18px;}
    /* 타이틀*/
    .titleGr {padding: 110px 0 55px;}
    .titleGr p {font-size: 27px;}
    .titleGr h3 {font-size: 57px;}
    .titleGr h3:after {top: -21px; right: -30px; width: 40px; height: 40px; background-size: 40px auto; }

    .oodVideo .titleGr,
    .oodNews .titleGr,
    .oodInfo .infoTxt {overflow: hidden;}
    .oodVideo .titleGr .scroll_on,
    .oodNews .titleGr .scroll_on,
    .oodInfo .infoTxt .scroll_on {opacity: 0; transition: all 1s; transform: translate(0, 50px);}
    .oodVideo .titleGr .scroll_on.active,
    .oodNews .titleGr .scroll_on.active,
    .oodInfo .infoTxt .scroll_on.active {opacity: 1 !important;transform: translate(0, 0) !important;}


    /* 메인이미지*/
    #contents .mainVis .swiper-control .swiper-button-next,
    #contents .mainVis .swiper-control .swiper-button-prev {top:inherit; bottom: 110px; width: 10px; height: 15px;}
    #contents .mainVis .swiper-control .swiper-button-prev {right :130px; left: auto;}
    #contents .mainVis .swiper-control .swiper-button-next {right: 100px;}
    #contents .mainVis .swiper-control .progress-bar-wrap {left: 100px; right: 100px; bottom: 70px;}
    #contents .mainVis .swiper-control .swiper-pagination {bottom: 100px; right: 152px;}
    #contents .mainVis .mainVisTit {width: 95%;}
    #contents .mainVis .mainVisTit span {font-size: 1.4vw;}
    #contents .mainVis .mainVisTit p {font-size: 3vw;}

    /* 꿈오소개*/
    #contents .oodInfo {padding: 170px 0 70px;}
    #contents .oodInfo .oodInfoWrap .infoTxt {text-align: center;}
    #contents .oodInfo .oodInfoWrap .infoTxt strong {font-size: 70px;}
    #contents .oodInfo .oodInfoWrap .infoTxt .Ltxt {font-size: 32px; padding-top: 30px;}
    #contents .oodInfo .oodInfoWrap .infoTxt .Stxt {font-size: 21px; line-height: 36px; padding-top: 35px;}


    /* 최근소식*/
    #contents .oodNews .news .newsTab .tab {position: absolute; top: -90px; right: 0px; margin: 0 0;}
    #contents .oodNews .news .newsTab .tab .tablist {display: flex; width: 100%; height: 100%; z-index: 1;}
    #contents .oodNews .news .newsTab .tabCont .tabContents .tabContList .tabContItem a .conTxt {padding: 40px 40px;}
    #contents .oodNews .news .newsTab .tabCont .tabContents .tabContList .tabContItem a .conTxt .title {font-size: 27px;}
    #contents .oodNews .news .newsTab .tabCont .tabContents .swiper-control .swiper-button-prev,
    #contents .oodNews .news .newsTab .tabCont .tabContents .swiper-control .swiper-button-next {top: 50%; width: 15px; height: 25px; top:50% !important; transform: translate(-50%, -50%); background-size: 15px;}
    #contents .oodNews .news .newsTab .tabCont .tabContents .swiper-control .swiper-button-prev {left: -60px;}
    #contents .oodNews .news .newsTab .tabCont .tabContents .swiper-control .swiper-button-next {right: -77px;}
}



/* 768이상 PC*/
@media only screen and (max-width: 768px) {
    .titleGr p {font-size: 21px;}
    .titleGr h3 {font-size: 40px;}

    /* 메인이미지*/
    #contents .mainVis .mainVisTit {text-align: left;}
    #contents .mainVis .mainVisTit span {font-size: 18px; padding-bottom: 23px;}
    #contents .mainVis .mainVisTit p {font-size: 33px;}

    /* 꿈오소개*/
    #contents .oodInfo .oodInfoWrap .infoTxt strong {font-size: 43px;}
    #contents .oodInfo .oodInfoWrap .infoTxt .Ltxt {font-size: 22px; padding-top: 20px; line-height: 30px;}
    #contents .oodInfo .oodInfoWrap .infoTxt .Stxt {font-size: 17px; padding-top: 25px;}

    /* 최근소식*/
    #contents .oodNews .news .newsTab .tab .tablist li {margin-left: 2px;}
    #contents .oodNews .news .newsTab .tab .tablist li .tabBtn {padding: 0 13px;}
    #contents .oodNews .news .newsTab .tabCont .tabContents .tabContList .tabContItem,
    #contents .oodNews .news .newsTab .tabCont .tabContents .tabContList .tabContItem a {height: 290px;}
    #contents .oodNews .news .newsTab .tabCont .tabContents .tabContList .tabContItem a .conTxt .title {font-size: 22px;}
    #contents .oodNews .news .newsTab .tabCont .tabContents .tabContList .tabContItem a .conTxt .substance {font-size: 16px;}
    #contents .oodNews .news .newsTab .tabCont .tabContents .swiper-control .swiper-button-prev {right: 25px;}
}