@charset "utf-8";

/* 공통*/
/* 타이틀*/
.titleGr {padding: 90px 0 35px;}
.titleGr p {font-size: 23px; letter-spacing: 0; font-weight: 800; color: #00779a;}
.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: -14px; right: -27px; width: 25px; height: 21px; background-image:url("../../images/main/dreamdance/point_icon.png"); background-size: 25px auto; background-position: center; background-repeat: no-repeat; transition: filter 0.4s;}
.titleGr h3.mH3 {display: none;}

/* 더보기 버튼*/
.moreBtn {text-align: right; padding-top: 90px;}
.moreBtn a {position: relative; font-size: 17px; font-weight: 600; padding-right: 32px; color: #000;}
.moreBtn a:after {content: ""; display: block; position: absolute; top: -1px; right: 0; width: 23px; height: 23px; background-image: url("../../images/common/dreamdance/more_icon.png"); background-repeat: no-repeat;}
.moreBtn a:hover:after {background-image: url("../../images/common/dreamdance/more_hover_icon.png");}
.moreBtn a.hoverUnderline .hoverItem {background-image: linear-gradient(to right, #00779a 50%, transparent 50%);}
.moreBtn a.hoverUnderline:hover {color: #00779a;}


/* 메인이미지*/
#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/dreamdance/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 .dcdInfo {position: relative; padding: 0 0 60px;}
#contents .dcdInfo .dcdBi {min-height: 500px;}
#contents .dcdInfo .dcdBi .preview {position: absolute; right: 0; bottom: 0;top: 0; left: 0; min-width: 100%; min-height: 100%; background-size: cover;}


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


/* 아카이빙*/
#contents .dcdNews {width: 100%; height: 100%; background-image: linear-gradient(to bottom, #f2f8f6, transparent);}
#contents .dcdNews .news {position: relative;}
#contents .dcdNews .news .newsTab .tab {position: inherit; margin: -10px 0 20px;}
#contents .dcdNews .news .newsTab .tab .tablist {display: flex; width: 100%; height: 100%; z-index: 1;}
#contents .dcdNews .news .newsTab .tab .tablist li {margin-left: 10px; width: fit-content;}
#contents .dcdNews .news .newsTab .tab .tablist li:first-child {margin-left: 0;}
#contents .dcdNews .news .newsTab .tab .tablist li.active .tabBtn {border-radius: 25px; font-weight: 600; color: #ffffff; background-color: #00779a;}
#contents .dcdNews .news .newsTab .tab .tablist li .tabBtn {font-size: 18px; font-weight: 600; line-height: 100%; letter-spacing: -0.48px; padding: 0 25px; height: 40px; background: transparent; color: #343434;}

#contents .dcdNews .news .newsTab .tabCont .tabContWrap {display: none;}
#contents .dcdNews .news .newsTab .tabCont .tabContWrap.active {display: block;}

#contents .dcdNews .news .newsTab .tabCont .tabContents .tabContList .tabContItem a {position: relative; display: block; width: 100%;}
#contents .dcdNews .news .newsTab .tabCont .tabContents .tabContList .tabContItem a .conImg {border-radius: 15px; background-position: 50% 50%; background-size: 100%; background-repeat: no-repeat;}
#contents .dcdNews .news .newsTab .tabCont .tabContents .tabContList .tabContItem a .conTxt {padding-left: 10px;}
#contents .dcdNews .news .newsTab .tabCont .tabContents .tabContList .tabContItem a .conTxt .title {color: #000; font-size: 25px; font-weight: 600; letter-spacing: -0.7px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 37px;}
#contents .dcdNews .news .newsTab .tabCont .tabContents .tabContList .tabContItem a .conTxt .substance {color: #434343; font-weight: 400; font-size: 20px;margin-top: 25px;}
#contents .dcdNews .news .newsTab .tabCont .tabContents .tabContList .tabContItem a .conTxt .date {color: #7a7a7a; letter-spacing: 0; font-weight: 400; padding-top: 45px;}

#contents .dcdNews .news .newsTab .tabCont .tabContents .tabContList .tabContItem01 {margin-right: 40px; height: 345px; border-radius: 15px;}
#contents .dcdNews .news .newsTab .tabCont .tabContents .tabContList .tabContItem01 a {position: relative; display: block; background: #5fb67a; background-image: url("../../images/main/dreamdance/word_bg.jpg"); background-repeat: no-repeat; background-position: 50%, 50%; height: 345px; border-radius: 15px;}
#contents .dcdNews .news .newsTab .tabCont .tabContents .tabContList .tabContItem01 a.hoverUnderline .hoverItem {background-image: linear-gradient(to right, white 50%, transparent 50%);}
#contents .dcdNews .news .newsTab .tabCont .tabContents .tabContList .tabContItem01 a .conTxt {width: 100%; height: 100%; padding: 35px 25px 35px;}
#contents .dcdNews .news .newsTab .tabCont .tabContents .tabContList .tabContItem01 a .conTxt .type {position: relative; padding-left: 20px; font-weight: 700; font-size: 18px; color: #fff;}
#contents .dcdNews .news .newsTab .tabCont .tabContents .tabContList .tabContItem01 a .conTxt .type:before {content: ""; display: block; position: absolute; top: 6px; left: 0; width: 10px; height: 10px; border-radius: 50%;}
#contents .dcdNews .news .newsTab .tabCont .tabContents .tabContList .tabContItem01 a .conTxt .type.news:before {background-color: #ed1475;}
#contents .dcdNews .news .newsTab .tabCont .tabContents .tabContList .tabContItem01 a .conTxt .type.schedule:before {background-color: #fd762a;}
#contents .dcdNews .news .newsTab .tabCont .tabContents .tabContList .tabContItem01 a .conTxt .title {font-size: 25px; font-weight: 700; color: #fff; margin-top: 25px; letter-spacing: -0.7px; width: 100%;}
#contents .dcdNews .news .newsTab .tabCont .tabContents .tabContList .tabContItem01 a .conTxt .substance {font-size: 18px; color: #fff; margin-top: 30px;}
#contents .dcdNews .news .newsTab .tabCont .tabContents .tabContList .tabContItem01 a .conTxt .date {text-align: right; color: #fff; letter-spacing: 0; padding-top: 30px;}

#contents .dcdNews .news .newsTab .tabCont .tabContents .mainSlide {overflow: hidden; width: 100%; z-index: 10;}
#contents .dcdNews .news .newsTab .tabCont .tabContents .subSlide {display: none;}

#contents .dcdNews .news .newsTab .tabCont .tabContents .mainSlide .tabContItem a .conImg {position: relative; overflow: hidden; width: 100% !important; height: 100%; min-width: 320px; min-height: 480px; background-color: #21388a !important;}
#contents .dcdNews .news .newsTab .tabCont .tabContents .mainSlide .tabContItem a .conImg img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 100%; height: 100%; margin: 0 auto; object-fit: cover;}

#contents .dcdNews .news .newsTab .tabCont #tabItem03 .tabContents .tabContList .tabContItem {margin-right: 40px; height: 345px; border-radius: 15px;}
#contents .dcdNews .news .newsTab .tabCont #tabItem03 .tabContents .tabContList .tabContItem a {position: relative; display: block; background: #5fb67a; background-image: url("../../images/main/dreamdance/word_bg.jpg"); background-repeat: no-repeat; background-position: 50%, 50%; height: 345px; border-radius: 15px;}
#contents .dcdNews .news .newsTab .tabCont #tabItem03 .tabContents .tabContList .tabContItem a.hoverUnderline .hoverItem {background-image: linear-gradient(to right, white 50%, transparent 50%);}
#contents .dcdNews .news .newsTab .tabCont #tabItem03 .tabContents .tabContList .tabContItem a .conTxt {width: 100%; height: 100%; padding: 35px 25px 35px;}
#contents .dcdNews .news .newsTab .tabCont #tabItem03 .tabContents .tabContList .tabContItem a .conTxt .title {font-size: 25px; font-weight: 700; color: #fff; margin-top: 25px; letter-spacing: -0.7px; width: 100%;}
#contents .dcdNews .news .newsTab .tabCont #tabItem03 .tabContents .tabContList .tabContItem a .conTxt .substance {font-size: 18px; color: #fff; margin-top: 30px;}
#contents .dcdNews .news .newsTab .tabCont #tabItem03 .tabContents .tabContList .tabContItem a .conTxt .date {text-align: right; color: #fff; letter-spacing: 0; padding-top: 30px;}


#contents .dcdNews .news .newsTab .tabCont .swiper-control .swiper-button-prev,
#contents .dcdNews .news .newsTab .tabCont .swiper-control .swiper-button-next,
#contents .dcdNews .news .newsTab .tabCont .swiper-control .swiper-moreBtn {position: absolute; top: 22px; font-size: 0; background-size: 11px; background-repeat: no-repeat; background-position: 50% 50%; color: transparent; width: 40px; height: 40px; background-size: 40px;}
#contents .dcdNews .news .newsTab .tabCont .swiper-control .swiper-button-prev {left: auto; right: 110px; background-image: url("../../images/main/dreamdance/prev_icon.png");}
#contents .dcdNews .news .newsTab .tabCont .swiper-control .swiper-button-next {right: 55px; background-image: url("../../images/main/dreamdance/next_icon.png");}

#contents .dcdNews .news .newsTab .tabCont .swiper-control .swiper-moreBtn {top: 0; right: 0; background-image: url("../../images/main/dreamdance/more_icon.png");}
#contents .dcdNews .news .newsTab .tabCont .swiper-control .swiper-moreBtn a {display: block; width: 100%; height: 100%;}


/* 꿈무소식*/
#contents .dcdWord .word {position: relative;}
#contents .dcdWord .word .wordTab .tab {position: inherit; margin: -10px 0 20px;}
#contents .dcdWord .word .wordTab .tab .tablist {display: flex; width: 100%; height: 100%; z-index: 1;}
#contents .dcdWord .word .wordTab .tab .tablist li {margin-left: 10px; width: fit-content;}
#contents .dcdWord .word .wordTab .tab .tablist li:first-child {margin-left: 0;}
#contents .dcdWord .word .wordTab .tab .tablist li.active .tabBtn {border-radius: 25px; font-weight: 600; color: #ffffff; background-color: #00779a;}
#contents .dcdWord .word .wordTab .tab .tablist li .tabBtn {font-size: 18px; font-weight: 600; line-height: 100%; letter-spacing: -0.48px; padding: 0 25px; height: 40px; background: transparent; color: #343434;}

#contents .dcdWord .word .wordTab .tabCont .tabContWrap {display: none;}
#contents .dcdWord .word .wordTab .tabCont .tabContWrap.active {display: block;}
#contents .dcdWord .word .wordTab .tabCont .tabContents.swiper {position: inherit;}
#contents .dcdWord .word .wordTab .tabCont .tabContents .tabContList .tabContItem {margin-right: 40px; height: 314px; border-radius: 15px;}
#contents .dcdWord .word .wordTab .tabCont .tabContents .tabContList .tabContItem a {position: relative; display: block; background: #5fb67a; background-image: url("../../images/main/dreamdance/word_bg.jpg"); background-repeat: no-repeat; background-position: 50%, 50%; height: 100%; border-radius: 15px;}
#contents .dcdWord .word .wordTab .tabCont .tabContents .tabContList .tabContItem a.hoverUnderline .hoverItem {background-image: linear-gradient(to right, white 50%, transparent 50%);}
#contents .dcdWord .word .wordTab .tabCont .tabContents .tabContList .tabContItem a .conTxt {width: 100%; height: 100%; padding: 35px 25px;}
#contents .dcdWord .word .wordTab .tabCont .tabContents .tabContList .tabContItem a .conTxt .type {position: relative; padding-left: 20px; font-weight: 700; font-size: 18px; color: #fff;}
#contents .dcdWord .word .wordTab .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 .dcdWord .word .wordTab .tabCont .tabContents .tabContList .tabContItem a .conTxt .type.news:before {background-color: #207209;}
#contents .dcdWord .word .wordTab .tabCont .tabContents .tabContList .tabContItem a .conTxt .type.schedule:before {background-color: #0f73a2;}
#contents .dcdWord .word .wordTab .tabCont .tabContents .tabContList .tabContItem a .conTxt .title {font-size: 25px; font-weight: 700; color: #fff; margin-top: 23px; letter-spacing: -0.7px; width: 100%;}
#contents .dcdWord .word .wordTab .tabCont .tabContents .tabContList .tabContItem a .conTxt .substance {font-size: 18px; color: #fff; margin-top: 20px;}
#contents .dcdWord .word .wordTab .tabCont .tabContents .tabContList .tabContItem a .conTxt .date {color: #fff; letter-spacing: 0; padding-top: 29px;}

#contents .dcdWord .word .wordTab .tabCont .swiper-control .swiper-button-lock {display: block;}
#contents .dcdWord .word .wordTab .tabCont .swiper-control .swiper-button-prev,
#contents .dcdWord .word .wordTab .tabCont .swiper-control .swiper-button-next,
#contents .dcdWord .word .wordTab .tabCont .swiper-control .swiper-moreBtn {position: absolute; top: 22px; font-size: 0; background-size: 11px; background-repeat: no-repeat; background-position: 50% 50%; color: transparent; width: 40px; height: 40px; background-size: 40px;}
#contents .dcdWord .word .wordTab .tabCont .swiper-control .swiper-button-prev {left: auto; right: 110px; background-image: url("../../images/main/dreamdance/prev_icon.png");}
#contents .dcdWord .word .wordTab .tabCont .swiper-control .swiper-button-next {right: 55px; background-image: url("../../images/main/dreamdance/next_icon.png");}

#contents .dcdWord .word .wordTab .tabCont .swiper-control .swiper-moreBtn {top: 0; right: 0; background-image: url("../../images/main/dreamdance/more_icon.png");}
#contents .dcdWord .word .wordTab .tabCont .swiper-control .swiper-moreBtn a {display: block; width: 100%; height: 100%;}


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


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

    .dcdNews .titleGr,
    .dcdWord .titleGr {overflow: hidden;}
    .dcdNews .titleGr .scroll_on,
    .dcdWord .titleGr .scroll_on {opacity: 0; transition: all 1s; transform: translate(0, 50px);}
    .dcdNews .titleGr .scroll_on.active,
    .dcdWord .titleGr .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: 15px; 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 .dcdInfo {padding: 0 0 70px;}

    /* 아카이빙*/
    #contents .dcdNews .news .newsTab .tab,
    #contents .dcdWord .word .wordTab .tab {position: absolute; top: -98px; right: 190px; margin: 0 0;}
    #contents .dcdNews .news .newsTab .tab .tablist,
    #contents .dcdWord .word .wordTab .tab .tablist {display: flex; width: 100%; height: 100%; z-index: 1;}

    #contents .dcdNews .news .newsTab .tabCont .tabContents {display: flex;}
    #contents .dcdNews .news .newsTab .tabCont .tabContents .mainSlide,
    #contents .dcdNews .news .newsTab .tabCont .tabContents .subSlide {display: flex; flex-direction: column; justify-content: space-between;}
    #contents .dcdNews .news .newsTab .tabCont .tabContents .mainSlide {width: 59%;}
    #contents .dcdNews .news .newsTab .tabCont .tabContents .subSlide {width: calc(41% - 100px); margin-left: 100px; z-index: 1;}

    #contents .dcdNews .news .newsTab .tabCont .tabContents .videoSwiper,
    #contents .dcdNews .news .newsTab .tabCont .tabContents .pictureSwiper {height: 680px;}

    #contents .dcdNews .news .newsTab .tabCont .tabContents .mainSlide .tabContItem a .conImg {min-height: 574px;}
    #contents .dcdNews .news .newsTab .tabCont .tabContents .mainSlide .tabContItem a .conImgDump {min-height: 420px;}
    #contents .dcdNews .news .newsTab .tabCont .tabContents .mainSlide .tabContItem a .conTxt .title {font-weight: 700;}

    #contents .dcdNews .news .newsTab .tabCont .tabContents .subSlide .tabContItem a .conImg {position: relative; overflow: hidden; width: 320px; height: 240px; background-color: #f9f9f9 !important;}
    #contents .dcdNews .news .newsTab .tabCont .tabContents .subSlide .tabContItem a .conImg img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 100%; height: 100%; margin: 0 auto; object-fit: fill;}
    #contents .dcdNews .news .newsTab .tabCont #tabItem02 .subSlide .tabContItem a .conImg img {object-fit: cover;}
    #contents .dcdNews .news .newsTab .tabCont .tabContents .subSlide .tabContItem a .conImgDump {width: 100%; height: 220px; !important; background-size: cover;}
    #contents .dcdNews .news .newsTab .tabCont .tabContents .subSlide .tabContItem a .conTxt .title {font-size: 18px; margin-top: 25px;}
    #contents .dcdNews .news .newsTab .tabCont .tabContents .subSlide .tabContItem a .conTxt .date {padding-top: 15px;}

    #contents .dcdNews .news .newsTab .tabCont .tabContents .tabContList .tabContItem01 a .conTxt {padding: 50px 40px 40px;}
    #contents .dcdNews .news .newsTab .tabCont .tabContents .tabContList .tabContItem01 a .conTxt .title {font-size: 27px;}

    #contents .dcdNews .news .newsTab .tabCont #tabItem03 .tabContents .tabContList .tabContItem a .conTxt {padding: 50px 40px 40px;}
    #contents .dcdNews .news .newsTab .tabCont #tabItem03 .tabContents .tabContList .tabContItem a .conTxt .title {font-size: 27px;}

    #contents .dcdNews .news .newsTab .tabCont .tabContents .subSlide .swiper-slide.on {opacity: 1;}
    #contents .dcdNews .news .newsTab .tabCont .tabContents .subSlide .swiper-slide ul li {margin-right: 50px;}
    #contents .dcdNews .news .newsTab .tabCont .tabContents .subSlide .swiper-slide ul li:nth-child(even) {margin-top: 30px;}
    #contents .dcdNews .news .newsTab .tabCont .tabContents .subSlide .swiper-slide-thumb-active {opacity: 1;}
    #contents .dcdNews .news .newsTab .tabCont .tabContents .subSlide .swiper-slide .conImg {opacity: 0.4; margin-top: 0 !important;}
    #contents .dcdNews .news .newsTab .tabCont .tabContents .subSlide .swiper-slide .conImg.on {opacity: 1;}

    #contents .dcdNews .news .newsTab .tabCont .swiper-control .swiper-button-prev,
    #contents .dcdNews .news .newsTab .tabCont .swiper-control .swiper-button-next  {top: -76px;}
    #contents .dcdNews .news .newsTab .tabCont .swiper-control .swiper-moreBtn {top: -98px !important;}

    /* 꿈무소식*/
    #contents .dcdWord .word .wordTab .tabCont .tabContents .tabContList .tabContItem a .conTxt {padding: 40px 40px;}
    #contents .dcdWord .word .wordTab .tabCont .tabContents .tabContList .tabContItem a .conTxt .title {font-size: 27px;}

    #contents .dcdWord .word .wordTab .tabCont .swiper-control .swiper-button-prev,
    #contents .dcdWord .word .wordTab .tabCont .swiper-control .swiper-button-next {top: -76px;}
    #contents .dcdWord .word .wordTab .tabCont .swiper-control .swiper-moreBtn {top: -98px !important;}
    #contents .dcdWord .word .wordTab .tabCont .tabContents .swiper-control .swiper-moreBtn {top: -98px !important;}

}

/* 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 .dcdInfo .dcdBi {min-height: 345px;}

    /* 아카이빙*/
    #contents .dcdNews .news .newsTab .tab .tablist li,
    #contents .dcdWord .word .wordTab .tab .tablist li {margin-left: 2px;}
    #contents .dcdNews .news .newsTab .tab .tablist li .tabBtn,
    #contents .dcdWord .word .wordTab .tab .tablist li .tabBtn {height: 35px; padding: 0 15px;}
    #contents .dcdNews .news .newsTab .tabCont .swiper-control .swiper-button-prev,
    #contents .dcdNews .news .newsTab .tabCont .swiper-control .swiper-button-next,
    #contents .dcdNews .news .newsTab .tabCont .swiper-control .swiper-moreBtn {top: 22px; width: 35px; height: 35px; background-size: 35px;}
    #contents .dcdNews .news .newsTab .tabCont .swiper-control .swiper-button-prev {right: 90px;}
    #contents .dcdNews .news .newsTab .tabCont .swiper-control .swiper-button-next {right: 45px;}
    #contents .dcdNews .news .newsTab .tabCont .swiper-control .swiper-moreBtn {top: 0;}

    #contents .dcdNews .news .newsTab .tabCont .tabContents .tabContList .tabContItem a .conTxt {padding-left: 0;}
    #contents .dcdNews .news .newsTab .tabCont .tabContents .tabContList .tabContItem a .conTxt .title {font-size: 22px; margin-top: 30px;}
    #contents .dcdNews .news .newsTab .tabCont .tabContents .tabContList .tabContItem a .conTxt .substance {font-size: 16px; margin-top: 20px;}
    #contents .dcdNews .news .newsTab .tabCont .tabContents .tabContList .tabContItem a .conTxt .date {font-size: 15px; padding-top: 15px;}

    #contents .dcdNews .news .newsTab .tabCont .tabContents .tabContList .tabContItem01,
    #contents .dcdNews .news .newsTab .tabCont .tabContents .tabContList .tabContItem01 a {height: 310px;}
    #contents .dcdNews .news .newsTab .tabCont .tabContents .tabContList .tabContItem01 a .conTxt .title {font-size: 22px;}
    #contents .dcdNews .news .newsTab .tabCont .tabContents .tabContList .tabContItem01 a .conTxt .substance {font-size: 16px;}



    /* 꿈무소식*/
    #contents .dcdWord .word .wordTab .tabCont .tabContents .tabContList .tabContItem,
    #contents .dcdWord .word .wordTab .tabCont .tabContents .tabContList .tabContItem a {height: 310px;}
    #contents .dcdWord .word .wordTab .tabCont .tabContents .tabContList .tabContItem a .conTxt .title {font-size: 22px;}
    #contents .dcdWord .word .wordTab .tabCont .tabContents .tabContList .tabContItem a .conTxt .substance {font-size: 16px;}

    #contents .dcdWord .word .wordTab .tabCont .swiper-control .swiper-button-prev,
    #contents .dcdWord .word .wordTab .tabCont .swiper-control .swiper-button-next,
    #contents .dcdWord .word .wordTab .tabCont .swiper-control .swiper-moreBtn {top: 22px; width: 35px; height: 35px; background-size: 35px;}
    #contents .dcdWord .word .wordTab .tabCont .swiper-control .swiper-button-prev {right: 90px;}
    #contents .dcdWord .word .wordTab .tabCont .swiper-control .swiper-button-next {right: 45px;}
    #contents .dcdWord .word .wordTab .tabCont .swiper-control .swiper-moreBtn {top: 0;}
}

/* 640이상 PC*/
@media only screen and (max-width: 640px) {
    /* 공통*/
    /* 더보기 버튼*/
    .moreBtn {padding-top: 65px;}
    .moreBtn a {font-size: 16px; padding-right: 30px;}
    .moreBtn a:after {background-size: 20px;}

    /* 꿈무소개*/
    #contents .dcdInfo .dcdBi {min-height: 300px; margin-top: -40px;}
}

/* 470이상 PC*/
@media only screen and (max-width: 470px) {
    /* 공통*/
    /* 타이틀*/
    .titleGr h3.mH3 {display: inline-block;}
    .titleGr h3.pcH3 {display: none;}

    /* 아카이빙*/
    #contents .dcdNews .news .newsTab .tabCont .tabContents .mainSlide .tabContItem a .conImg {min-height: 325px;}

    /* 아카이빙, 꿈무소식*/
    #contents .dcdNews .news .newsTab .tabCont .swiper-control .swiper-button-prev,
    #contents .dcdNews .news .newsTab .tabCont .swiper-control .swiper-button-next,
    #contents .dcdNews .news .newsTab .tabCont .swiper-control .swiper-moreBtn,
    #contents .dcdWord .word .wordTab .tabCont .swiper-control .swiper-button-prev,
    #contents .dcdWord .word .wordTab .tabCont .swiper-control .swiper-button-next,
    #contents .dcdWord .word .wordTab .tabCont .swiper-control .swiper-moreBtn {top: -42px;}
    #contents .dcdNews .news .newsTab .tabCont .swiper-control .swiper-moreBtn,
    #contents .dcdWord .word .wordTab .tabCont .swiper-control .swiper-moreBtn {top: -64px;}

    #contents .dcdNews .news .newsTab .tab .tablist li .tabBtn,
    #contents .dcdWord .word .wordTab .tab .tablist li .tabBtn {padding: 0 13px; font-size: 17px; font-weight: 500;}

}