@charset "utf-8";

.wrap {position:relative; max-width:1920px; margin:0 auto; overflow:hidden;}
.inner {position:relative; width:100%; max-width:1200px; margin:0 auto;}
.dim {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.7); z-index:1000; display:none;}

.gloHeader { position:fixed; left:0; top:0; width:100%; z-index:200; background:rgba(255, 255, 255, 1.0); border-bottom:1px solid #ddd; transition:.4s all;}
.gloHeader .inner {display:flex; justify-content:space-between; align-items:center; padding:0;}
.gloHeader .inner .logo {display:block; width:144px; height:60px; transition:.4s all;}
.gloHeader .inner .logo a {display:block; width:100%; height:100%; background:url(../img/logo.svg) no-repeat 50% 50%; background-size:100%;}
.gloHeader .inner .naviSec {display:flex; justify-content:center; align-items:center; position:relative;}
.gloHeader .inner .naviSec .mobileFunc {display:none;}
.gloHeader .inner .naviSec .menu {position:relative;}
.gloHeader .inner .naviSec .menu > a {display:flex; justify-content:space-between; align-items:center; color:#111; font-size:20px; font-weight:700; padding:34px 36px; position:relative; transition:.4s all;}
.gloHeader .inner .naviSec .menu > a:hover {color:#004DC0;}
.gloHeader .inner .naviSec .menu > a.on {color:#004DC0;}
.gloHeader .inner .naviSec .menu > a .more {display:none;}
.gloHeader .inner .naviSec .menu ul {position:absolute; left:50%; top:92px; transform:translate(-50%, 0); width:auto; height:auto; padding:10px 0; border-top:3px solid #004DC0; background:#FFF; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.20); z-index:100; display:none;}
.gloHeader .inner .naviSec .menu ul li {display:block;}
.gloHeader .inner .naviSec .menu ul li a {display:block; padding:14px 24px; color:#777; font-size:18px; font-weight:500; white-space:nowrap;}
.gloHeader .inner .naviSec .menu ul li a:hover {color:#004DC0;}
.gloHeader .inner .utilSec {display:flex; justify-content:flex-start; align-items:center; gap:20px;}
.gloHeader .inner .utilSec .btnCampaign a {display:block; padding:16px 20px; background:#004DC0; border-radius:50px; color:#FFF; font-size:18px; font-weight:600; transition:.4s all;}
.gloHeader .inner .utilSec .moMenu {display:none;}

.gloHeader.on {background:rgba(255, 255, 255, 0.8);}
.gloHeader.on .inner .logo {display:block; width:100px; height:42px;}
.gloHeader.on .inner .naviSec .menu > a {font-size:18px; padding:26px 36px;}
.gloHeader.on .inner .utilSec .btnCampaign a {font-size:16px; padding:14px 16px;}
.gloHeader.on .inner .naviSec .menu ul {top:72px;}

.mainHead {position:relative; padding:90px 0 118px; margin-top:90px;}
.mainHead .inner {display:flex; justify-content:flex-start; align-items:flex-start; max-width:100%; gap:46px;}
.mainHead .inner .imgSec {display:block; width:58%; position:relative;}
.mainHead .inner .imgSec .mVisual {border-radius:0 32px 32px 0; overflow:hidden;}
.mainHead .inner .imgSec .mVisualFunc {display:flex; justify-content:flex-end; align-items:center; width:calc(100% - 70px); z-index:20; margin-top:16px;}
.mainHead .inner .imgSec .mVisualFunc .controls {width:100px; display:flex; justify-content:center; align-items:center; gap:10px;}
.mainHead .inner .imgSec .mVisualFunc .mv-prev {display:block; width:26px; height:26px; background:url(../img/ico_dir.svg) no-repeat 50% 50%; background-size:100%; transform:rotate(180deg); cursor:pointer; flex:0 0 auto;}
.mainHead .inner .imgSec .mVisualFunc .mv-next {display:block; width:26px; height:26px; background:url(../img/ico_dir.svg) no-repeat 50% 50%; background-size:100%; cursor:pointer; flex:0 0 auto;}
.mainHead .inner .imgSec .mVisualFunc .mv-play {display:block; width:20px; height:20px; background:url(../img/ico_play.svg) no-repeat 50% 50%; background-size:100%; cursor:pointer; display:none; text-indent:-9999px;}
.mainHead .inner .imgSec .mVisualFunc .mv-pause {display:block; width:20px; height:20px; background:url(../img/ico_pause.svg) no-repeat 50% 50%; background-size:100%; cursor:pointer; text-indent:-9999px;}
.mainHead .inner .imgSec .mVisualFunc .mv-pagination {width:60px; text-align:center; color:#222; font-size:16px; font-weight:600; }
.mainHead .inner .imgSec .sitModel {position:absolute; right:-70px; bottom:-10px; width:140px; height:328px; z-index:10;}
.mainHead .inner .imgSec .sitModel .model {position:absolute; left:0; top:0; width:100%; height:100%;}
.mainHead .inner .mSchedule {width:calc(42% - 46px);}
.mainHead .inner .mSchedule .txtSec {width:100%; max-width:400px;}
.mainHead .inner .mSchedule .txtSec .title {display:flex; justify-content:space-between; align-items:center; color:#222; font-size:36px; font-weight:700; margin-bottom:24px;}

.scheBox {position:relative; padding:32px 20px; border-radius:16px; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.10); display:flex; justify-content:flex-start; align-items:flex-start; gap:48px; flex-direction:column;}
.scheBox .perSche {display:flex; justify-content:flex-start; align-items:center; gap:24px; position:relative; width:100%;}
.scheBox .perSche:after {content:''; position:absolute; left:0; bottom:-24px; width:100%; height:1px; background:#E8E8E8;}
.scheBox .perSche:last-child:after {display:none;}
.scheBox .perSche .empty {display:block; text-align:center; padding:20px 0; width:100%;}
.scheBox .perSche .date {display:block; width:60px; text-align:center;}
.scheBox .perSche .date .day {color:#222; font-size:28px; font-weight:700; line-height:1.0;}
.scheBox .perSche .date .yrMonth {color:#777; font-size:16px; font-weight:400; margin-top:7px; line-height:1.0;}
.scheBox .perSche .scheCont {position:relative;}
.scheBox .perSche .scheCont .time {color:#222; font-size:14px; font-weight:400; line-height:1.0; margin-bottom:8px;}
.scheBox .perSche .scheCont .subject {color:#222; font-size:20px; font-weight:500; line-height:1.3; height:52px; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: keep-all;}
.scheBox .perSche .scheCont .place {color:#666; font-size:14px; font-weight:400; line-height:1.3; margin-top:5px;}
.scheBox .perSche .scheCont .place span {font-weight:700; display:inline-block; margin-right:5px;}

.mainHead .inner .mSchedule .txtSec .dyBnr {position:relative; margin-top:40px;}
.mainHead .inner .mSchedule .txtSec .dyBnr a {display:block; padding:30px 0 0 40px;}
.mainHead .inner .mSchedule .txtSec .dyBnr .ico {position:absolute; left:10px; top:0; width:47px; height:41px;}
.mainHead .inner .mSchedule .txtSec .dyBnr .desc {color:#004DC0; font-size:18px; font-weight:400; line-height:1.2; margin-bottom:10px;}
.mainHead .inner .mSchedule .txtSec .dyBnr .number {color:#152244; font-size:24px; font-weight:700;}
.mainHead .inner .mSchedule .txtSec .dyBnr .dyName {color:#152244; font-size:28px; font-weight:600;}
.mainHead .inner .mSchedule .txtSec .dyBnr .dyName strong {font-size:48px; font-weight:700; letter-spacing:-1px;}

.mVodSec {position:relative;}
.mVodSec.greet {border-radius:32px; overflow:hidden; z-index:10;}
.mVodSec:after {content:''; display:block; height:auto; padding-bottom:56.25%;}
.mVodSec iframe, .mVodSec video {position:absolute; left:50%; top:50%; width:100%; height:100%; transform:translate(-50%, -50%);}

.mPromise {position:relative; margin-bottom:180px;}
.mPromise .inner {padding:50px 80px; background:#004DC0; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.30); border-radius:16px;}
.mPromise .txtSec {position:relative; color:#FFF; width:calc(100% - 486px);}
.mPromise .txtSec .desc {font-size:18px; font-weight:500; line-height:1.2;}
.mPromise .txtSec .slogan {font-size:42px; font-weight:700; line-height:1.2; margin:12px 0 24px;}
.mPromise .txtSec .slogan br {display:none;}
.mPromise .txtSec .goPromise {display:flex; justify-content:flex-start; align-items:flex-start; gap:12px; flex-wrap:wrap;}
.mPromise .txtSec .goPromise a {display:flex; justify-content:flex-start; align-items:center; gap:4px; padding:9px 12px; border:1px solid #FFF; border-radius:4px; color:#FFF; font-size:16px; font-weight:600;}
.mPromise .txtSec .goPromise a:after {content:''; width:12px; height:12px; background:url(../img/btn_ar_w.svg) no-repeat 50% 50%; background-size:100%;}
.mPromise .txtSec .goPromise a:hover {color:#004DC0; background:#FFF;}
.mPromise .txtSec .goPromise a:hover:after {background:url(../img/btn_ar.svg) no-repeat 50% 50%; background-size:100%;}
.mPromise .img {position:absolute; right:80px; bottom:0; width:39%;}

/* .mMedia {position:relative; margin-bottom:180px;}
.mMedia .inner > .title {position:absolute; left:0; top:0; display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column; color:#222; font-size:36px; font-weight:700; z-index:100;}
.mMedia .inner > .title .btnMore {margin:12px 0 0 5px;}
.mMedia .inner .swiper-wrapper {display:flex; justify-content:flex-start; align-items:stretch; margin-left:32px;}
.mMedia .inner .swiper-slide {}
.mMedia .inner .swiper-slide {display:flex; align-items:flex-end; opacity:0.5; transition:.4s all; height:500px; position:relative;}
.mMedia .inner .swiper-slide img {width:100%; max-width:100%; border-radius:16px; border:1px solid #eee;}
.mMedia .inner .swiper-slide .mediaInfo {position:absolute; left:0; bottom:0; width:100%; display:flex; justify-content:space-between; gap:10px; align-items:flex-end; border-radius:0 0 16px 16px; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%); z-index:10; padding:20px 16px;}
.mMedia .inner .swiper-slide .mediaInfo .subject {display:flex; justify-content:flex-start; align-items:center; gap:8px;}
.mMedia .inner .swiper-slide .mediaInfo .subject .title {display:none;}
.mMedia .inner .swiper-slide .mediaInfo .subject .ico {width:24px; height:24px; flex:0 0 auto;}
.mMedia .inner .swiper-slide .mediaInfo .subject .ico.img {background:url(../img/mico_img.svg) no-repeat 50% 50%; background-size:100%;}
.mMedia .inner .swiper-slide .mediaInfo .subject .ico.vod {background:url(../img/mico_vod.svg) no-repeat 50% 50%; background-size:100%;}
.mMedia .inner .swiper-slide .mediaInfo .date {color:#FFF; font-size:12px; margin-bottom:0px;}
.mMedia .inner .swiper-slide .mVodSec {height:100%; width:100%; display:block;}
.mMedia .inner .swiper-slide-active {opacity:1.0; width:63% !important;}
.mMedia .inner .swiper-slide-active img {box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.30);}
.mMedia .inner .swiper-slide-active .mediaInfo {position:absolute; left:0; bottom:0; width:100%; display:flex; justify-content:space-between; gap:20px; align-items:flex-end; border-radius:0 0 16px 16px; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%); z-index:10; padding:40px 32px;}
.mMedia .inner .swiper-slide-active .mediaInfo .subject .ico {width:56px; height:56px; flex:0 0 auto;}
.mMedia .inner .swiper-slide-active .mediaInfo .subject .title {display:block; color:#FFF; font-size:20px; font-weight:500; line-height:1.4; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word;}
.mMedia .inner .swiper-slide-active .mediaInfo .date {font-size:14px;} */

.mMedia {position:relative; margin-bottom:180px;}
.mMedia .inner > .title {position:absolute; left:0; top:0; display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column; color:#222; font-size:36px; font-weight:700; z-index:100;}
.mMedia .inner > .title .btnMore {margin:12px 0 0 5px;}
.mMedia .inner .swiper-wrapper {display:flex; justify-content:flex-start; align-items:stretch; margin-left:32px;}
.mMedia .inner .swiper-slide {opacity:0.5; transition:.4s all; height:500px;}
.mMedia .inner .swiper-slide a {display:block; height:100%; position:relative;}
.mMedia .inner .swiper-slide img {position:absolute; left:50%; bottom:0; transform:translate(-50%, 0); width:auto; height:245px; border-radius:16px; }
.mMedia .inner .swiper-slide a .mediaInfo {position:absolute; left:0; bottom:0; width:100%; display:flex; justify-content:space-between; gap:10px; align-items:flex-end; border-radius:0 0 16px 16px; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%); z-index:10; padding:20px 16px;}
.mMedia .inner .swiper-slide a .mediaInfo .subject {display:flex; justify-content:flex-start; align-items:center; gap:8px;}
.mMedia .inner .swiper-slide a .mediaInfo .subject .title {display:none;}
.mMedia .inner .swiper-slide a .mediaInfo .subject .ico {width:24px; height:24px; flex:0 0 auto;}
.mMedia .inner .swiper-slide a .mediaInfo .subject .ico.img {background:url(../img/mico_img.svg) no-repeat 50% 50%; background-size:100%;}
.mMedia .inner .swiper-slide a .mediaInfo .subject .ico.vod {background:url(../img/mico_vod.svg) no-repeat 50% 50%; background-size:100%;}
.mMedia .inner .swiper-slide a .mediaInfo .date {color:#FFF; font-size:12px; margin-bottom:0px;}
.mMedia .inner .swiper-slide-active {opacity:1.0; width:63% !important;}
.mMedia .inner .swiper-slide-active img {box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.30); height:100%;}
.mMedia .inner .swiper-slide-active a .mediaInfo {position:absolute; left:0; bottom:0; width:100%; display:flex; justify-content:space-between; gap:20px; align-items:flex-end; border-radius:0 0 16px 16px; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%); z-index:10; padding:40px 32px;}
.mMedia .inner .swiper-slide-active a .mediaInfo .subject .ico {width:56px; height:56px; flex:0 0 auto;}
.mMedia .inner .swiper-slide-active a .mediaInfo .subject .title {display:block; color:#FFF; font-size:20px; font-weight:500; line-height:1.4; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word;}
.mMedia .inner .swiper-slide-active a .mediaInfo .date {font-size:14px;}

.mBbs {position:relative;}
.mBbs .titleSec {display:flex; justify-content:space-between; align-items:center; margin-bottom:42px;}
.mBbs .titleSec .title {color:#222; font-size:36px; font-weight:700;}
.mBbs .titleSec .sort {display:flex; justify-content:flex-start; align-items:center; gap:8px;}
.mBbs .titleSec .sort a {display:inline-block; padding:9px 12px; color:#999; font-size:14px; font-weight:600; border:1px solid #ddd; border-radius:50px;}
.mBbs .titleSec .sort a:hover {background:#f0f0f0;}
.mBbs .titleSec .sort a.on {color:#FFF; border:1px solid #004DC0; background:#004DC0;}
.mBbs .tabCont {display:none; position:relative;}
.mBbs .tabCont:after {content:''; position:absolute; right:-140px; bottom:0; width:280px; height:280px;}
.mBbs .tabCont#mBbsView01:after {background:url(../img/model_news.png) no-repeat 50% 50%; background-size:100%;}
.mBbs .tabCont#mBbsView02:after {background:url(../img/model_fake.png) no-repeat 50% 50%; background-size:100%;}
.mBbs .tabCont#mBbsView03:after {background:url(../img/model_brief.png) no-repeat 50% 50%; background-size:100%;}
.mBbs .tabCont .btnArea {display:flex; justify-content:center; align-items:center; padding:48px 0 140px;}
.mBbs .tabCont .btnArea .btnMore {padding:8px 18px; border:1px solid #bbb; border-radius:100px;}

.bbsList {display:flex; justify-content:flex-start; align-items:stretch; gap:24px; flex-wrap:wrap;}
.bbsList .perArticle {width:calc(33.33334% - 16px); border-radius:16px; background:#F9F9F9;/*  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.10); */}
.bbsList .perArticle a {display:block; padding:40px 32px;}
.bbsList .perArticle .date {color:#999; font-size:18px; font-weight:400;}
.bbsList .perArticle .subject {color:#222; font-size:26px; font-weight:700; line-height:1.3; height:64px; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word; margin:16px 0 24px;}
.bbsList .perArticle .cont {color:#333; font-size:18px; font-weight:500; line-height:1.6; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; word-break: break-word;}
.bbsList .empty {padding:100px 0; text-align:center; color:#ccc; font-size:20px; width:100%;}

.bbsList.ty01 {display:flex; justify-content:flex-start; align-items:stretch; gap:24px; flex-wrap:wrap;}
.bbsList.ty01 .perArticle {width:calc(33.33334% - 16px); border-radius:16px; box-shadow:none; overflow:hidden;}
.bbsList.ty01 .perArticle a {display:block; padding:0; overflow:hidden;}

.footer {position:relative;}
.footer .footerInfo {background:#152244; padding:32px 0;}
.footer .inner {display:flex; justify-content:space-between; align-items:flex-end;}
.footer .footerInfo .logoBtm {display:block; width:252px; height:56px; background:url(../img/footer_logo.svg) no-repeat 50% 50%; background-size:100%;}
.footer .footerInfo .txt {display:block; margin-top:16px;}
.footer .footerInfo .txt span {display:inline-block; color:#FFF; font-size:14px; font-weight:400; position:relative; padding-right:14px; margin-right:10px;}
.footer .footerInfo .txt span:first-child:after {content:''; position:absolute; right:0; top:50%; transform:translate(0, -50%); width:1px; height:12px; background:#FFF;}
.footer .footerInfo .snsBox {display:flex; justify-content:flex-start; align-items:center; gap:24px;}
.footer .footerInfo .snsBox a {display:block; width:24px; height:24px;}
.footer .footerInfo .snsBox a.facebook {background:url(../img/sns_fb.svg) no-repeat 50% 50%; background-size:100%;}
.footer .footerInfo .snsBox a.twx {background:url(../img/sns_x.svg) no-repeat 50% 50%; background-size:100%;}
.footer .footerInfo .snsBox a.kakao {background:url(../img/sns_kakao.svg) no-repeat 50% 50%; background-size:100%;}
.footer .footerInfo .snsBox a.insta {background:url(../img/sns_insta.svg) no-repeat 50% 50%; background-size:100%;}
.footer .footerInfo .snsBox a.youtube {background:url(../img/sns_youtube.svg) no-repeat 50% 50%; background-size:100%;}
.footer .footerInfo .snsBox a.blog {background:url(../img/sns_blog.svg) no-repeat 50% 50%; background-size:100%;}

.footer .copyright {background:#000; padding:20px 0;}
.footer .copyright .txt {color:#777; font-size:12px; font-weight:500;}
.footer .copyright .txt a {color:#888; font-weight:600;}

.btnMore {display:flex; justify-content:center; align-items:center; color:#222; font-size:14px; font-weight:600; gap:4px;}
.btnMore:after {content:''; width:12px; height:12px; background:url(../img/ico_more.svg) no-repeat 50% 50%; background-size:100%;}

.subConWrap {position:relative; margin:90px 0 0;}
.subConWrap .pTitleSec {position:relative; padding:100px 0;}
.subConWrap .pTitleSec .inner {display:flex; justify-content:space-between; align-items:center;}
.subConWrap .pTitleSec .pageTitle {color:#222; font-size:40px; font-weight:700; letter-spacing:-1px;}
.subConWrap .pTitleSec .current {display:flex; justify-content:flex-start; align-items:center; gap:4px;}
.subConWrap .pTitleSec .current span {display:flex; justify-content:flex-start; align-items:center; color:#222; font-size:14px; position:relative; gap:4px;}
.subConWrap .pTitleSec .current span:after {content:''; width:12px; height:12px; background:url(../img/ar_current.svg) no-repeat 50% 50%; background-size:100%;}
.subConWrap .pTitleSec .current span:last-child:after {display:none;}
.subConWrap .subCont .inner {padding-bottom:90px;}
.subConWrap .subCont .inner .sitModel {content:''; position:absolute; right:-140px; bottom:0; width:280px; height:280px;}
.subConWrap .subCont .inner .sitModel.model01 {background:url(../img/model_news.png) no-repeat 50% 50%; background-size:100%;}
.subConWrap .subCont .inner .sitModel.model02 {background:url(../img/model_fake.png) no-repeat 50% 50%; background-size:100%;}
.subConWrap .subCont .inner .sitModel.model03 {background:url(../img/model_brief.png) no-repeat 50% 50%; background-size:100%;}
.subConWrap .subCont .inner .sitModel.model04 {background:url(../img/model_schedule.png) no-repeat 50% 50%; background-size:100%;}

.bbsView {border-top:1px solid #222;}
.bbsView .subject {padding:20px 32px; background:#F8F8F8; border-bottom:1px solid #ddd; color:#222; font-size:20px; font-weight:600; line-height:1.3;}
.bbsView .bbsInfo {display:flex; justify-content:space-between; align-items:center; padding:20px 32px; gap:20px; border-bottom:1px solid #ddd;}
.bbsView .bbsInfo .attatchFile {display:block; font-size:16px;}
.bbsView .bbsInfo .attatchFile a {color:#666; font-weight:500;}
.bbsView .bbsInfo .bbsDate {color:#666; font-size:16px;}
.bbsView .bbsCont {padding:40px 32px; position:relative; border-bottom:1px solid #ddd;}
.bbsView .bbsCont p {color:#222; font-size:18px; font-weight:500; line-height:1.4;}
.bbsView .bbsCont p span {color:#222; font-size:18px; font-weight:500; line-height:1.4;}
.bbsView .bbsCont div {color:#222; font-size:18px; font-weight:500; line-height:1.4;}
.bbsFunc {display:flex; justify-content:space-between; align-items:center; margin-top:36px;}
.bbsFunc a.relBbs {display:flex; justify-content:flex-start; align-items:center; color:#222; font-size:18px; font-weight:500; position:relative;}
.bbsFunc a.relBbs.prev:before {content:''; width:32px; height:32px; background:url(../img/bbs_dir.svg) no-repeat 50% 50%; background-size:30px; transform:rotate(180deg);}
.bbsFunc a.relBbs.next:after {content:''; width:32px; height:32px; background:url(../img/bbs_dir.svg) no-repeat 50% 50%; background-size:30px;}
.bbsFunc a.btnList {color:#222; font-size:18px; font-weight:700;}

/** paging **/
.pagingWrap {display:flex; justify-content:center; align-items:center; gap:0px; margin:50px 0 0;}
.pagingWrap a {display:inline-flex; justify-content:center; align-items:center; border-radius:50%; color:#222; font-size:16px;  width:32px; height:32px; box-sizing:border-box;}
.pagingWrap a.dir {padding:0 4px;}
.pagingWrap a.dir.first {background:url(../img/bbs_dir.svg) no-repeat 50% 50%; background-size:30px; transform:rotate(180deg);}
.pagingWrap a.dir.back {background:url(../img/bbs_dir.svg) no-repeat 50% 50%; background-size:30px;}
.pagingWrap a.on {background:#222; color:#FFF; font-weight:600; position:relative;}

.greeting {position:relative; /* background:url(../img/txt_dy.svg) no-repeat right 400px bottom 50px; background-size:755px auto; background-attachment:fixed; */}
.greeting h2 {color:#222; font-size:60px; font-weight:900; letter-spacing:-1px; margin:60px 0 30px;}
.greeting .greetBox {position:relative; margin-bottom:80px; z-index:10;}
.greeting .greetBox .gTitle {color:#004DC0; font-size:24px; font-weight:700; margin-bottom:20px;}
.greeting .greetBox .gDesc {color:#222; font-size:20px; line-height:1.4;}
.greeting .signature {color:#222; font-size:20px;}
.greeting .signature em {font-weight:700; font-size:30px; display:block; margin-top:5px;}
.greetDeco {position:fixed; right:50%; margin-right:-607px; bottom:100px; z-index:1;}

/* media */
.mediaSort {display:flex; justify-content:flex-end; align-items:center; gap:8px; margin-bottom:32px;}
.mediaSort button.sortBtn {display:flex; justify-content:center; align-items:center; gap:4px; padding:12px 24px; border:1px solid #ddd; border-radius:50px; color:#999; font-size:18px; font-weight:400; position:relative;}
.mediaSort button.sortBtn.photo:before {content:''; width:24px; height:24px; background:url(../img/sico_img_off.svg) no-repeat 50% 50%; background-size:100%;}
.mediaSort button.sortBtn.video:before {content:''; width:24px; height:24px; background:url(../img/sico_vod_off.svg) no-repeat 50% 50%; background-size:100%;}
.mediaSort button.sortBtn:hover {background:#f0f0f0;}
.mediaSort button.sortBtn.on {background:#222; color:#FFF; border:1px solid #222;}
.mediaSort button.sortBtn.on.photo:before {background:url(../img/sico_img_on.svg) no-repeat 50% 50%; background-size:100%;}
.mediaSort button.sortBtn.on.video:before {background:url(../img/sico_vod_on.svg) no-repeat 50% 50%; background-size:100%;}
.mediaList {display:flex; justify-content:flex-start; align-items:stretch; flex-wrap:wrap; gap:40px 24px;}
.mediaList .perMedia {width:calc(33.33334% - 16px);}
.mediaList .perMedia .thumb {position:relative; overflow:hidden; border:1px solid #eee; border-radius:16px; overflow:hidden;}
.mediaList .perMedia .thumb:after {content:''; display:block; height:auto; overflow:hidden; padding-bottom:66%;}
.mediaList .perMedia .thumb > img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:auto;}
.mediaList .perMedia .thumb > .thumbDim {display:none;}
.mediaList .perMedia .thumb > .thumbDim a {display:block; width:100%; height:100%;}
.mediaList .perMedia .thumb .inIco {position:absolute; right:16px; bottom:16px; width:40px; height:40px; border-radius:50%; background:rgba(0, 0, 0, 0.2); z-index:1;}
.mediaList .perMedia.photo .thumb > .thumbDim {content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%; background:rgba(0, 0, 0, 0.6) url(../img/ico_img.svg) no-repeat 50% 50%; background-size:80px; z-index:10;}
.mediaList .perMedia.photo .thumb .inIco:after {content:''; display:block; width:40px; height:40px; background:url(../img/inico_img.svg) no-repeat 50% 50%; background-size:100%;}
.mediaList .perMedia.video .thumb > .thumbDim {content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%; background:rgba(0, 0, 0, 0.6) url(../img/ico_vod.svg) no-repeat 50% 50%; background-size:80px; z-index:10;}
.mediaList .perMedia.video .thumb .inIco:after {content:''; display:block; width:40px; height:40px; background:url(../img/inico_vod.svg) no-repeat 50% 50%; background-size:100%;}
.mediaList .perMedia .subject {margin-top:16px; color:#222; font-size:20px; font-weight:600; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: break-word;}

.popMedia {position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); width:90%; max-width:1100px; z-index:1100; display:none;}
.popMedia .subject {text-align:center; color:#FFF; font-size:24px; font-weight:600; margin-bottom:20px; line-height:1.3;}
.popMedia .popCont {display:block; overflow:hidden;}
.popMedia .popCont .popInCont {position:relative;}
.popMedia .popInCont.photo:after {content:''; display:block; height:auto; overflow:hidden; padding-bottom:66%;}
.popMedia .popInCont.vod:after {content:''; display:block; height:auto; overflow:hidden; padding-bottom:56.25%;}
.popMedia .popInCont img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:auto; height:100%;}
.popMedia .popInCont video, .popMedia .popInCont iframe {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%;}
.popMedia .popInCont video img {width:100%; height:100%;}
.popMedia .rv-prev {position:absolute; left:-80px; top:50%; transform:translate(0, -50%) rotate(180deg); width:60px; height:60px; background:url(../img/pop_dir.svg) no-repeat 50% 50%; background-size:100%; z-index:10; cursor:pointer;}
.popMedia .rv-next {position:absolute; right:-80px; top:50%; transform:translate(0, -50%); width:60px; height:60px; background:url(../img/pop_dir.svg) no-repeat 50% 50%; background-size:100%; z-index:10; cursor:pointer;}
.popMedia .rv-prev.swiper-button-disabled, .popMedia.rv-next.swiper-button-disabled {opacity:0.2;}
.popMedia .mediaClose {margin-top:16px; text-align:center;}
.popMedia .mediaClose a {display:inline-flex; justify-content:center; align-items:center; gap:6px; padding:10px 22px; border:1px solid #FFF; border-radius:50px; color:#FFF; font-size:18px; font-weight:500;}
.popMedia .mediaClose a:after {content:''; width:20px; height:20px; background:url(../img/ico_pop_close.svg) no-repeat 50% 50%; background-size:15px;}

.scheduleList {display:flex; justify-content:flex-start; align-items:flex-start; position:relative; gap:46px;}
.scheduleList .imgSec {display:block; width:63%;}
.scheduleList .imgSec .dateControll {display:flex; justify-content:space-between; align-items:center; margin-bottom:24px;}
.scheduleList .imgSec .dateControll a.dir {display:flex; justify-content:flex-start; align-items:center; color:#999; font-size:18px; font-weight:500; gap:4px;}
.scheduleList .imgSec .dateControll a.dir.prev:before {content:''; width:40px; height:40px; background:url(../img/ar_schedule.svg) no-repeat 50% 50%; background-size:100%; transform:rotate(180deg);}
.scheduleList .imgSec .dateControll a.dir.next:after {content:''; width:40px; height:40px; background:url(../img/ar_schedule.svg) no-repeat 50% 50%; background-size:100%;}
.scheduleList .imgSec .dateControll .current {text-align:center; color:#222; font-size:30px; font-weight:700;}
.scheduleList .imgSec .img {position:relative; border-radius:16px; overflow:hidden; border:1px solid #eee;}
.scheduleList .scheBox {width:calc(37% - 46px); margin-top:66px;}

.joinCampaign {display:flex; justify-content:space-between; align-items:center; border:1px solid #ccc; border-radius:16px; overflow:hidden; position:relative; padding:30px 30px 20px; margin-bottom:30px;}
.joinCampaign.apply {padding:40px;}
.joinCampaign .topDeco {position:absolute; left:0; top:0; width:100%; height:16px; display:flex; justify-content:flex-start; align-items:stretch;}
.joinCampaign .topDeco span {width:33.33334%; height:4px; background:#9bd2b7;}
.joinCampaign .topDeco span:nth-child(2) {background:#c9e6f9;}
.joinCampaign .topDeco span:last-child {background:#e5c3dc;}
.joinCampaign .txtSec {position:relative;}
.joinCampaign .txtSec .title {color:#222; font-size:18px; font-weight:500; line-height:1.4;}
.joinCampaign .txtSec .title span {color:#004DC0;}
.joinCampaign .txtSec .title strong {font-size:24px; font-weight:700;}
.joinCampaign .txtSec .desc {color:#666; font-size:16px; margin-top:3px;}
.joinCampaign .btnSec {position:relative;}
.joinCampaign .btnSec a.btnCheer {display:inline-flex; justify-content:center; align-items:center; padding:12px 30px; background:#444; color:#FFF; font-size:18px; font-weight:700; gap:4px; border-radius:100px;}
.joinCampaign .btnSec a.btnCheer:before {content:'👍';}

.campaignList {display:flex; justify-content:flex-start; align-items:stretch; flex-wrap:wrap; gap:40px 24px;}
.perCampaign {width:calc(33.33334% - 16px); position:relative;}
.perCampaign .thumb {position:relative; margin-bottom:10px; border-radius:16px; border:1px solid #ccc; overflow:hidden;}
.perCampaign .thumb:after {content:''; display:block; height:auto; padding-bottom:133.33334%;}
.perCampaign .thumb .decoBox {position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;}
.perCampaign .thumb .decoBox.ty01 {background:url(../img/camp_box01.png) no-repeat 50% 50%; background-size:100%;}
.perCampaign .thumb .decoBox.ty02 {background:url(../img/camp_box02.png) no-repeat 50% 50%; background-size:100%;}
.perCampaign .thumb .decoBox.ty03 {background:url(../img/camp_box03.png) no-repeat 50% 50%; background-size:100%;}
.perCampaign .thumb .decoBox.ty04 {background:url(../img/camp_box04.png) no-repeat 50% 50%; background-size:100%;}
.perCampaign .thumb .decoBox.ty05 {background:url(../img/camp_box05.png) no-repeat 50% 50%; background-size:100%;}
.perCampaign .thumb .decoBox.ty06 {background:url(../img/camp_box06.png) no-repeat 50% 50%; background-size:100%;}
.perCampaign .thumb img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:auto; height:100%;}
.perCampaign .txt {color:#222; font-size:18px; font-weight:500; line-height:1.4; padding:0 20px;}
.perCampaign .txt em {display:block; color:#999; margin-top:5px; font-size:16px;}

.comnPop {position:fixed; left:50%; top:50%; width:90%; transform:translate(-50%, -50%); max-width:540px; background:#FFF; border-radius:32px; padding:60px 30px; z-index:2000; display:none;}
.comnPop .popClose {position:absolute; right:14px; top:14px; width:40px; height:40px; cursor:pointer;}
.comnPop .popClose:after {content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) rotate(45deg); width:2px; height:16px; background:#333;}
.comnPop .popClose:before {content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) rotate(-45deg); width:2px; height:16px; background:#333;}
.comnPop .guideTxt {position:relative; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #333;}
.comnPop .guideTxt p {color:#004DC0; font-size:16px; font-weight:500; line-height:1.4;}
.comnPop ul {position:relative;}
.comnPop ul li {display:flex; justify-content:flex-start; align-items:center; gap:10px; margin-bottom:8px; border-bottom:1px solid #eee; padding:0 10px 8px;}
.comnPop ul li .item {width:100px; font-size:14px; font-weight:500; color:#222;}
.comnPop ul li .ipCon {width:calc(100% - 110px);}
.comnPop ul li .ipCon.flex {display:flex; justify-content:flex-start; align-items:center; gap:8px;}
.comnPop ul li button {width:100px; height:36px; flex:0 0 auto; color:#FFF; font-size:14px; font-weight:500; background:#888; border-radius:4px;}
.comnPop input[type="text"], .comnPop input[type="number"] {display:block; width:100%; padding:0 15px; border:1px solid #aaa; height:36px; color:#222; font-size:16px; line-height:34px; border-radius:4px;}
.comnPop .agreeSec {margin-top:20px;}
.comnPop .agreeSec .agTitle {color:#222; font-size:16px; font-weight:600; margin-bottom:10px;}
.comnPop .agreeSec .terms {display:block; padding:16px; background:#f0f0f0; border:1px solid #eee; height:120px; overflow:hidden; overflow-y:auto; border-radius:8px;}
.comnPop .agreeSec .agreeChk {margin-top:10px;}
.comnPop .agreeSec .agreeChk .comnChk {font-size:14px;}
.comnPop .popBtns {display:flex; justify-content:center; align-items:center; margin-top:20px;}
.comnPop .popBtns a {display:inline-flex; justify-content:center; align-items:center; gap:4px; padding:10px 36px; background:#444; color:#FFF; font-size:16px; font-weight:700; border-radius:100px;}
.comnPop .popBtns a:before {content:'📸'; font-size:30px; margin-top:-12px;}

.photoSec .btnPhoto {display:block; padding:12px 16px; text-align:center; color:#FFF; font-size:16px; background:#333; border-radius:100px;}
.photoSec #file {display:none;}

.joinForm {display:flex; justify-content:flex-start; align-items:flex-start; gap:30px;}
.joinForm .photoSec {width:330px; flex:0 0 auto;}
.joinForm .stepTitle {display:flex; justify-content:flex-start; align-items:center; gap:5px; color:#222; font-size:16px; font-weight:500; margin-bottom:20px;}
.joinForm .stepTitle .round {padding:6px 16px; border-radius:100px; color:#FFF; font-size:12px; font-weight:600; background:#32a96f; flex:0 0 auto;}
.joinForm .photoSec .perCampaign {width:100%;}

.joinForm .txtSec {width:calc(100% - 360px);}
.joinForm .txtSec .coverList {display:flex; justify-content:flex-start; align-items:stretch; gap:10px; margin-bottom:40px;}
.joinForm .txtSec .coverList .perCover {display:block; border-radius:16px; overflow:hidden; border:3px solid #ccc; cursor:pointer;}
.joinForm .txtSec .coverList .perCover:hover {border-color:#004DC0;}
.joinForm .txtSec .coverList .perCover.on {border-color:#004DC0;}
.joinForm .txtSec .cmtBox .inputForm {display:flex; justify-content:flex-start; align-items:center; gap:8px;}
.joinForm .txtSec .cmtBox .inputForm input[type="text"] {display:block; width:100%; flex:0 1 auto; border:1px solid #ccc; background:#FFF; border-radius:50px; color:#222; font-size:16px; height:48px; padding:0 30px;}
.joinForm .txtSec .cmtBox .inputForm .maxByte {color:#999; font-size:12px; font-weight:400; flex:0 0 auto;}
.joinForm .txtSec .btnArea {display:flex; justify-content:flex-end; align-items:center; gap:10px; margin-top:20px;}
.joinForm .txtSec .btnArea a {display:block; padding:12px 16px; font-size:18px; border-radius:100px;}
.joinForm .txtSec .btnArea a.btnBack {border:1px solid #ccc; color:#999;}
.joinForm .txtSec .btnArea a.btnApply {border:1px solid #004DC0; background:#004DC0; color:#FFF; font-weight:700; padding:12px 30px;}