@charset "utf-8";

.txtLeft{text-align:left}

/* title */
.popTit01{font-size:22px;color:#333;font-weight:700}
.popTit02{font-size:22px;color:#333;font-weight:800}
.popTit03{font-size:18px;color:#333;font-weight:800}
.tit01{font-size: 24px;color:#333;font-weight: 800;}

/* point */
.pointColor{color:#cf0000 !important;text-align:left}

/* button */
.btn,
a.btn{min-width:177px;padding:20px;color:#fff}
.bgGreen{background-color:#01865b}
.bgBlack{background-color:#2f2f2f}
.btn:disabled{background-color:#c0c0c0 }
.btnRound,
a.btnRound{display:block;width:176px;height:40px;line-height:40px;margin:22px auto 45px;border-radius:20px;background-color:#333;font-weight: 700;color:#fff;text-align:center}
button:disabled{background-color: #c1c1c1;color: rgba(255,255,255,.5) !important;}

/* form */
.formRadio input[type="radio"],
.formChk input[type="checkbox"],
.filebox input[type="file"]{overflow:hidden;position:absolute;padding:0 !important;margin:-1px;width:1px !important;height:1px;clip:rect(0,0,0,0);border:0} 
.formRadio label:before,
.formChk label:before{content:"";display:inline-block;width:24px;height:24px;margin-right:10px;background-color:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;vertical-align:middle}
/* input_radio */
.formRadio label:before{border:1px solid #dedede;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.formRadio input[type="radio"]:checked + label:before{background:#3b7ddd url("/images/icon/icon_radio_checked.png") no-repeat center}
/* input_check */
.formChk label:before{border:1px solid #eaeaea}
.formChk input[type="checkbox"]:checked + label:before{border:0;background:#01865b url("/img/icon/icon_checked.png") no-repeat center;background-size:12px 10px;}
/* input_file */
/*.filebox label{ display:inline-block;width:97px;height:34px;line-height:32px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;color:#fff;font-size:12px;text-align:center;cursor:pointer} */
.filebox label{display:inline-block;width:34px;height:34px;cursor:pointer} 



/* input */
input{width:100%;height:58px;line-height:58px;padding:0 12px;border:1px solid #eaeaea;box-sizing:border-box}
input:disabled{background-color:#f7f6f4;color:rgba(119, 119, 119, .7)}
.inputWrap input{height:44px;line-height:44px;border:1px solid #ccc;}

/* select */
select{width:100%;height:56px;padding:0 20px;border:1px solid #ccc;border-radius:5px;background:#fff url(/img/icon/icon_arrow_select.png) no-repeat right 20px center;font-size:18px;font-weight:800;color:#777}
.selectWrap select{height:44px;padding:0 10px;border:1px solid #ccc;border-radius:0;background-position:right 10px center;background-size:14px;font-size:16px;color:#333;font-weight:normal}
select option{font-size:20px}

/* textarea */
.tableWrap textarea{width:100%;height:118px;padding:15px 20px 20px;border:1px solid #eee;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#3e4676}

/* yScroll */
.yScroll{height:100%}
.yScroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#d5d5d6 !important}
.yScroll .mCSB_scrollTools .mCSB_draggerRail{background-color:#f4f7fc !important}
.yScroll .mCSB_scrollTools{width:6px;right:4px}
.yScroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px}

/* tabs */
/* .tabArea{padding-top:15px} */
.tabs li{float:left;margin-right:10px;vertical-align:middle}
.tabs li a{display:inline-block;width:250px;padding:22px 0 21px;border-top-left-radius:20px;border-top-right-radius:20px;background-color:#fff;font-size:18px;font-weight:700;text-align:center}
.tabs li.active a,
.tabs li a:hover{background-color:#01865b;font-weight:800;color:#fff}
.tabCont{display:none;overflow:hidden;position:relative;width:100%;top:-8px;padding:54px 6%;border:4px solid #01865b;border-radius:10px;background-color:#fff}
.tabCont.active{display:block}

/* table */
table{width:100%;color:#3e4676}
table tr:hover{background-color:#f2f9f7}
table thead tr:hover{background-color:#fff;}
table th,
table td{height:62px;text-align:center;vertical-align:middle}
table th{border-top:2px solid #000;border-bottom:1px solid #ccc;font-weight:800}
table td{padding:5px;border-bottom:1px solid #ccc}
table td a:hover{border-bottom:1px solid #333;font-weight:700}

/* table pagination */
.pagination{overflow:hidden;display:table;margin:30px auto 0}
.pagination a{display:block;float:left;width:40px;height:40px;line-height:40px;margin-left:5px;border:1px solid #cdcdcd;border-radius:50%;font-size:18px;color:#3e4676;text-align:center}
.pagination .pageNum:hover,
.pagination .pageNum.active{position:relative;background-color:#01865b;font-weight:bold;color:#fff}
.spPage{background:url(/img/icon/sp_icon_paging.png) no-repeat;text-indent:-9999em}
.pagination .first{margin-left:0;background-position:11px 12px}
.pagination .prev{margin-right:15px;background-position:14px -38px}
.pagination .next{margin-left:20px;background-position:14px -38px;transform:rotate(180deg)}
.pagination .last{background-position:11px 12px;transform:rotate(180deg)}

/* box */
.boxType01{width:100%;padding:30px;border:1px solid #eaeaea;background-color:#f9f9f9}
.boxType02{width:100%;padding:20px;border:1px solid #eaeaea}

/* spImages */
.spIconSns li a{display:inline-block;width:40px;height:40px;background:url(/img/icon/sp_icon_sns.png) no-repeat 7px 7px;text-indent:-9999em}

/* skipNavi */
#skipNavi{position:relative;left:0;top:0;width:100%;z-index:9999}
#skipNavi a{overflow:hidden;display:block;width:1px;height:1px;margin-bottom:-1px;color:#0068b0;font-size:16px;text-align:center;text-decoration:none}
#skipNavi a:active,#skipNavi a:focus{width:100%;height:auto;padding:5px 0;background-color:#ddd;font-weight:bold} 

/* main */
#wrap{overflow:hidden;width:100%}
.innerWrap{position:relative;max-width:1280px;margin:0 auto;padding:0 40px}
.mobile{display:none !important}
.tablet{display:none !important}
img{max-width:100%;height:auto}
.bdB{border-bottom:1px solid #2f2f2f}


/* header 공통 */
header{position:fixed;left:0;z-index:999;width:100%;height:80px;}
header::before{display:block;position:absolute;top:80px;left:0;width:100%;height:1px;background-color:rgba(255,255,255,.5);content:""}
.headerChange{background-color:#01865b}
.headerChange::before{content:none}

.logo a{display:inline-block;width:160px;height:44px;margin:18px 0 18px 40px;background:url(/img/logo.png) no-repeat 0 0;text-indent:-9999em}
header nav{opacity:1 !important}
header .gnb{display:flex;position:absolute;top:0;left:50%;min-width:512px;transform:translateX(-50%);color:#fff;justify-content:space-evenly;}
header .gnb > li{position: relative;}
header .gnb > li > a{display:inline-block;padding:31px 20px 28px;font-size:18px}
header .gnb > li > a:hover,
header .gnb > li.active > a{font-weight:800;color:#e8d810}

header .gnb .depth{display:none;position:absolute;left:50%;width:230px;margin-top:-2px;padding:10px 0;border-top:2px solid #75af35;background-color:#015e40;transform:translateX(-50%)} 
header .gnb .depth li a{display:inline-block;width:100%;padding:16px 20px 16px;font-size:18px;font-weight:normal;color:#fff;text-align:center}

header .gnb .depth2 { display:none; }

header nav .certification{position:absolute;top:20px;right:236px;width:96px;padding:12px 16px 9px;border-radius:5px;background-color:rgba(0,0,0,.3);text-align:center}
header .utilSns{position:absolute;top:20px;right:32px}
header .utilSns li{float:left;margin-left:7px}
header .utilSns li.fb a{background-position:14px -42px}
header .utilSns li.kas a{background-position:14px -92px}
header .utilSns li.blog a{background-position:13px -142px}


.visualArea{position:relative;}
.visualSlide{overflow:hidden;position:relative;width:100%;height:1080px}
.visualSlide > div{overflow:hidden;max-width:auto;height:1080px;margin:0 auto;}
.visualSlide > .visual01{background:url(/img/bg/bg_visual01.jpg) no-repeat center 0}
.visualSlide > .visual02{background:url(/img/bg/bg_visual02.jpg) no-repeat center 0}
.visualSlide > .visual03{background:url(/img/bg/bg_visual03.jpg) no-repeat center 0}
.visualSlide > .visual04{background:url(/img/bg/bg_visual04.jpg) no-repeat center 0}
.visualSlide > .visual05{background:url(/img/bg/bg_visual05.jpg) no-repeat center 0}

.visual .desc{display:inline-block;max-width:800px;margin-top:42px;padding:23px 54px 20px;border-top:1px solid rgba(255,255,255,.5);border-bottom:1px solid rgba(255,255,255,.5);color:#fff;text-align:center}
.visual .desc i{font-size:20px;letter-spacing: -0.2px; text-shadow:#000 1px 0 10px}
.visual .desc i span{font-size:22px;font-weight:700;color:#f7eb86}
.visual .desc p{padding-top:13px;line-height:1.5;text-align:center;color:rgba(255,255,255,.7)}
.visual .mouseScroll{position:absolute;left:50%;bottom:113px;transform:translateX(-50%)}

/* 공통 */
#container{background-color:#c0dcc6}
.sub #container{min-height: calc(100vh - 266px); position: relative;}
section{clear:both;max-width:1200px;margin:0 auto;padding:0 40px}

.video{position: relative;}
.video a{position:absolute;left:0;width:100%;height:100%;color:#fff;background-color:rgba(0,0,0,.6)}
.video a:before{position:absolute;top:50%;left:50%;width:60px;height:60px;background:url(/img/icon/icon_play.png) no-repeat 0 0;transform:translate(-50%,-50%);content:""}

/* swiper */
.swiper-button-next, 
.swiper-button-prev{width:51px;height:51px;margin-top:0;background:#0e714e url(/img/icon/icon_swiper.png) no-repeat 17px center;border-radius:50%;text-indent:-9999em}
.swiper-button-next, 
.swiper-container-rtl .swiper-button-prev{transform:rotate(180deg)}
.swiper-button-prev, 
.swiper-container-rtl .swiper-button-next{left:0}
.swiper-button-next, 
.swiper-container-rtl .swiper-button-prev{left:60px;right:0}
.swiper-button-next.swiper-button-disabled, 
.swiper-button-prev.swiper-button-disabled{cursor:pointer}

/* 메인 */
.main#container{background-color:#c5dfc2}
.main section{text-align:center}
.bgSec01{overflow:hidden;max-width:4580px;margin:0 auto;padding-bottom:240px;background:url(/img/bg/bg_sec01.jpg) no-repeat center 0;}
.main .visual{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;max-width:100%;margin:0 auto;padding:278px 40px 0;background:url(/img/bg/bg_visual.png) no-repeat center 0;background-size: auto 1080px;text-align:center}
.main section h2:before{display:inline-block;position:relative;bottom:30px;left:10px;width:58px;height:89px;background:url(/img/bg/bg_tit.png) no-repeat 0 0;content:""}
.sec01 h2{padding:68px 0 47px}
.sec01 .video li{float:left;position:relative;width:calc(50% - 10px);height:330px;margin-left:20px;border:10px solid #103723;box-shadow:3px 5px 30px -5px rgba(0,0,0,.8)}
.sec01 .video li:first-child{margin-left:0}
.sec01 .video li a{padding-top:160px}
.sec01 .video li a:before{transform:translate(-50%,-125%)}
.sec01 .video li a strong{display:block;padding-bottom:12px;font-size:24px;font-weight:800}
.sec01 .video li a span{color:rgba(255,255,255,.7)}
.sec01 .video li img{width:100%;height:100%}

.bgSec02{overflow:hidden;padding-bottom:180px}
.sec02 h2{position:relative;padding:30px 0 20px}
.sec02 h2 span{position:absolute;left:50%;font-size:22px;font-weight:800;letter-spacing: -1px;color:#0e714e;transform:translateX(-40%)}
.sec02 .txt{font-size:18px;color:#333}
.sec02 .voteDate{padding:25px 0}
.sec02 .btnRound{margin:45px auto 30px}
.sec02 .swiper{position:relative}
.sec02 .swiper::before{position:absolute;top:-27px;left:-260px;width:260px;height:297px;background:url(/img/bg/bg_sec02_swiper.png) no-repeat 0 0;content:""}
.sec02 .swiper .swiper-container{overflow:inherit;float:left;max-width:100%;margin:0 auto}
.sec02 .swiper .swiper-wrapper{position:relative;left:0}
.sec02 .swiper .swiper-slide{width:456px;height:392px;padding:10px;background-color:#fff;box-shadow:3px 5px 7px -2px rgba(195,209, 176, .34)}
.sec02 .swiper .swiper-slide .video{height:242px}
.sec02 .swiper .swiper-slide .video a{text-indent:-9999em}
.sec02 .swiper .swiper-slide .video img{height:100%}
.sec02 .swiper .swiper-slide dl{padding:30px 10px 0;text-align:left}
.sec02 .swiper .swiper-slide dl dt{padding-bottom:15px;font-size:20px;font-weight:700;color:#333}
.sec02 .swiper .swiper-slide dl dd{line-height:1.5}
.sec02 .swiper .btnNavigation{position:absolute;top:-82px;left:1090px}

.bgSec03{overflow:hidden;max-width:4580px;margin:0 auto;padding-bottom:368px;background:url(/img/bg/bg_sec03.jpg) no-repeat center 0;background-size: auto 100%;}
.sec03 h2{padding:30px 0 20px}
.sec03 .program{padding-top:105px;line-height: 1.5;}
.sec03 .program .swiper-container{width:100%;margin-bottom:140px}
.sec03 .program .swiper-slide{display:flex;justify-content:space-between;text-align:left}
.sec03 .program .swiper-slide.reverse{flex-direction:row-reverse}
.sec03 .program .swiper-slide > img{width:calc(100% - 498px);}
.sec03 .program .swiper-slide .desc{position:relative;width:498px;padding-right:58px;color:#333}
.sec03 .program .swiper-slide.reverse .desc{padding-right:0;padding-left:58px}
.sec03 .program .swiper-slide strong{display:block;padding:30px 0 25px;font-size:18px;font-weight:700}
.sec03 .program .swiper-slide strong span{display:block;color:#0e714e}
.sec03 .program .swiper-slide .openDate{display:inline-block;position:relative;line-height: 1.3;margin:20px 0 0 6px;padding:9px 22px 8px;font-size:18px;font-weight:700;color:#fff}
.sec03 .program .swiper-slide .openDate:after{position:absolute;top:0;left:0;z-index:-1;width:220px;height:38px;border-radius:10px;background-color:#0e714e;transform:skew(-20deg);content:""}
.sec03 .program .btnNavigation{position:absolute;left:0;bottom:51px}
.sec03 .program .btnNavigation.right{left:calc(100% - 498px + 58px)}

/* 메인 어제도 청춘해 오픈 */
.sec03 .program .ms1 .desc,
.sec03 .program .ms3 .desc{width:360px;padding-right:46px}
.sec03 .program .open p{padding-top:40px}
.sec03 .program .open p span{display:block}
.sec03 .program .openImg{position:relative;min-height:100%}
.sec03 .program .openImg a{float:left;width:calc(50% - 5px);margin-right:10px}
.sec03 .program .openImg a:nth-child(even){margin-right:0}
.sec03 .program .openImg a img{box-shadow:3px 3px 8px rgba(0,0,0,0.1)}

/* 메인 오늘도 청춘해 오픈 */
.sec03 .program .ms2,
.sec03 .program .ms4{display:inline-block}
.sec03 .program .ms2 .desc,
.sec03 .program .ms4 .desc{float:right;width:30%;padding-left:20px;padding-right:0;text-align:right}
.sec03 .program .ms2 .openImg,
.sec03 .program .ms4 .openImg{float:left;width:70%}
.sec03 .program .ms2 .openImg a{width:calc(33.333% - 7px)}
.sec03 .program .ms2 .openImg a:nth-child(2){margin-right:10px}
.sec03 .program .ms2 .openImg a:nth-child(3){margin-right:0}


/* footer */
#footer{overflow:hidden;position:relative;background-color:#302e2e}
#footer .relativeOrgan{width:100%;background-color:#fff}
#footer .relativeOrgan .swiper-container{height:70px}
#footer .relativeOrgan .swiper-container ul{margin-right:58px}
#footer .relativeOrgan li{width:20%}
#footer .relativeOrgan li a{display:block;line-height:68px;text-align:center}
#footer .relativeOrgan li a img{vertical-align:middle}
#footer .swiper-button-next, 
#footer .swiper-button-prev{width:46px;margin-top:-24px;background:url(/img/icon/icon_swiper_footer.png) no-repeat 17px center}
#footer .swiper-button-prev, 
#footer .swiper-container-rtl .swiper-button-next{left:-16px}
#footer .swiper-button-next, 
#footer .swiper-container-rtl .swiper-button-prev{left:auto;right:-16px}
#footer .footerTop{display:flex;padding:50px 0 30px;border-bottom: 1px solid #595858;}
#footer .footerTop a{margin-right:30px;}
#footer .footerTop .footerBanner{padding-top:3px;}
#footer .footerInner{padding-top:30px;color:#fff}
#footer .footerInner .link a{font-size:15px}
#footer .footerInner .copy{padding:20px 0 40px;font-size:14px;font-weight:300;opacity:.5}
#footer .footerInner .copy p{margin-bottom:5px}
#footer .bar{margin:0 10px;color:#757474}


/* 스크롤 탑버튼 */
.scrollTop {
position: fixed;
right: 1%;
bottom: 35px;
opacity: 0;
z-index:99;
-webkit-transition : all 0.3s ease;
-khtml-transition : all 0.3s ease;
-moz-transition : all 0.3s ease;
-ms-transition : all 0.3s ease;
-o-transition : all 0.3s ease;
transition : all 0.3s ease;
}

.scrollTop a {
font-size: 16px;
color: #333;
text-align:center;
font-weight:600;
}


/* 이벤트팝업 */
#divpop { position: absolute; top:90px; left:1%; z-index:99; background:#fff; }
#divpop ul {  }
#divpop ul:nth-child(2) { display:inline-block; height:40px; line-height:40px; width:100%; }
#divpop ul:nth-child(2) li { float:left; padding:0px 15px; }
#divpop ul:nth-child(2) li:nth-child(1) { width:80%; text-align:left; }
#divpop ul:nth-child(2) li:nth-child(2) { width:20%; text-align:right; }
#divpop ul:nth-child(2) li input { appearance:auto; position:relative; width:20px; height:20px; border:0px; outline:0; overflow: visible; background:#01865b; }
#divpop ul:nth-child(2) li input[type="checkbox"] { display:none; }
#divpop ul:nth-child(2) li input[type="checkbox"] + label { display: inline-block; width:20px; height:20px; text-align:left;margin-top:10px; background: #e4e4e4;}
#divpop ul:nth-child(2) li input[type="checkbox"]:checked + label { display: inline-block; background:url(/img/icon/check.png) #01865b no-repeat center; background-size:20px 20px; width:20px; height:20px;}
#divpop ul:nth-child(2) li a { font-size:14px; color:#333; font-weight:bold; }
#divpop ul:nth-child(2) li span { font-size:14px; color:#333; font-weight:bold; position:relative; top:-5px; left:5px; }

.title_area {font-weight:bold;text-align:center;width:100%}
.button_area {position:absolute;bottom:0;left:10px;} 


/* 서브 공통 */
.sub header{border-bottom:0;background-color:#01865b}
.sub header::before{content:none}
.sub .location{position: relative;top: 80px;height:72px;line-height:72px;background-color:#fff}
.sub .location .navi{display:inline-block;padding-right:22px;background-color:#015e40}
.sub .location ul li{float:left;font-size:18px;font-weight:700;color:#fff}
.sub .location .home{display:inline-block;width:40px;padding:0 30px;background:url(/img/icon/icon_home.png) no-repeat center 26px;text-indent:-9999em}
.sub .location .navi li:not(:first-child)::before{display:inline-block;position:relative;top:3px;width:9px;height:15px;margin-right:20px;background:url(/img/icon/icon_swiper.png) no-repeat 0 0;background-size:9px auto;transform:rotate(180deg);content:""}
.sub .location .navDepth{display:inline-block;}
.sub .location .navDepth li{margin-left: 40px;}
.sub .location .navDepth li a{padding: 26px 0;font-size: 18px;font-weight: normal;color:#333}
.sub .location .navDepth li a:hover,
.sub .location .navDepth li.active a{font-weight:700;color:#01865b}
.sub section h2{padding:120px 0 0;text-align:center}
.sub .visual{text-align:center}
.sub .visual h2{padding: 68px 0 0;line-height:1}
.sub .visual .desc{margin-top:25px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;word-break: keep-all;}
.sub .visual .desc i{font-size:18px;font-weight:800;color:#0e714e;text-shadow:none}
.sub .visual .desc p{color:#777; word-break: keep-all;}


/* 축제안내 */
.festival .bgSec01{padding-bottom: 120px;background:url(/img/bg/bg_festival_sec01.jpg) no-repeat center 0}
.festival .bgSec01::after{display:block;width:100%;height:100%;background-color:red;content:""}
.festival .bgSec01 h2{padding:216px 0 0}
.festival .bgSec01 .visual h2{padding:68px 0 0}
.festival .silverFestival{position: relative;top: -44px;max-width:1360px;margin:0 auto;height:360px;background:url(/img/bg/bg_sec01_festival.png) no-repeat center 0;background-size:100% 100%}
.festival .silverFestival .txtArea{display:flex;position:relative;top:60px;height:300px;margin:0 auto;padding:0 5%;color:#fff;text-align:center}
.festival .silverFestival dl{position:relative;top:50%;width:33.3333%;max-height:134px;padding:0 5%;border-left:1px solid #80c3ad;transform:translateY(-50%)}
.festival .silverFestival dl:first-child{border-left:0}
.festival .silverFestival dl dt{max-width:212px;height:40px;line-height:40px;margin:0 auto 20px;border-radius:20px;background-color:#e8d810;font-size:18px;font-weight:800;color:#01865b}
.festival .silverFestival dl dd{line-height:1.5}

.festival #sec02{background-color:#d3e6d7}
.festival .bgSec02{overflow:hidden;margin:0 auto;padding-bottom:120px;background:url(/img/bg/bg_festival_sec02.jpg) no-repeat center 0}

.festival .sec02 .tabArea{margin-top:17px}
.festival .sec02 .tabArea dt{font-size:18px;color:#333}
.festival .sec02 .tabArea dt strong{display:block;margin-bottom:20px;font-size:22px;font-weight:800;color:#01865b}
.festival .sec02 .tabArea dt strong::before,
.festival .sec02 .tabArea dt strong::after{display:inline-block;position:relative;top:-5px;width:8px;height:8px;border-radius:50%;background-color:#01865b;content:""}
.festival .sec02 .tabArea dt strong::before{margin-right:20px}
.festival .sec02 .tabArea dt strong::after{margin-left:20px}
.festival .sec02 .tabArea dd strong{float:left;position:relative;width:118px;height:36px;line-height:36px;font-weight:800;color:#fff;background-color:#01865b;text-align:center}
.festival .sec02 .tabArea dd ul{padding-top:84px}
.festival .sec02 .tabArea dd li{overflow:hidden;padding-bottom:43px}
.festival .sec02 .tabArea dd li strong:after{position:absolute;left:118px;width:36px;height:36px;background:#80c3ad url(/img/icon/icon_swiper.png) no-repeat center;transform:rotate(180deg);content:""}
.festival .sec02 .tabArea dd li p{float:right;width:calc(100% - 193px);line-height:1.5;padding-top:6px}
.festival .sec02 .tabArea dd .step{text-align:center}
.festival .sec02 .imgPic{display:flex;padding-top:20px}
.festival .sec02 .imgPic li:not(:first-child){margin-left:15px}
.festival .sec02 .imgPic li img {width:100%;}

.festival #sec03{background-color:#c0dcc6}
.festival .bgSec03{overflow:hidden;margin:0 auto;padding-bottom:120px;background:url(/img/bg/bg_festival_sec03.jpg) no-repeat center 0}
.festival .sec03 .controls{position:relative;padding:20px 0 40px}
.festival .sec03 .swiper-slide .slide{display:flex;height:670px;padding:56px;border:4px solid #01865b;border-radius:10px;background-color:#fff}
.festival .sec03 .swiper-button-next, 
.festival .sec03 .swiper-button-prev{z-index:99;width:46px;margin-top:-32px;background:url(/img/icon/icon_arrow.png) no-repeat 17px center}
.festival .swiper-button-prev, 
.festival .swiper-container-rtl .swiper-button-next{left:-16px}
.festival .swiper-button-next, 
.festival .swiper-container-rtl .swiper-button-prev{left:auto;right:-16px}
.festival .swiper-pagination{display:flex;position:relative;max-width:1166px;margin:0 auto;justify-content:space-between}
.festival .swiper-pagination::before{position:absolute;top:50%;z-index:-1;width:100%;height:1px;background-color:#95a99a;transform:translateY(-50%);content:""}
.festival .swiper-pagination span{width:165px;height:30px;line-height:32px;border-radius:0;background-color:#c0dcc6;font-family:"Jalnan", sans-serif;font-size:18px;font-weight:800;opacity:1;cursor:pointer}
.festival .swiper-pagination .swiper-pagination-bullet-active{font-size:20px;font-weight:800;color:#01865b}
.festival .sec03 .slide img{width:calc(39% - 40px);max-height:500px;margin-right:40px}
.festival .sec03 dl{width:61%}
.festival .sec03 dt strong{display:block;margin-bottom:20px;font-size:24px;font-weight:800;color:#01865b}
.festival .sec03 dt strong::before,
.festival .sec03 dt strong::after{display:inline-block;position:relative;top:-5px;width:8px;height:8px;border-radius:50%;background-color:#01865b;content:""}
.festival .sec03 dt strong::before{margin-right:20px}
.festival .sec03 dt strong::after{margin-left:20px}
.infoList li{display:flex;padding-bottom:20px}
.infoList li:last-child{padding-bottom:0}
.infoList li strong{min-width:134px;height:40px;line-height:40px;margin-right:20px;font-weight:800;color:#01865b;background-color:#e8d810;border-radius:20px;text-align:center}
.infoList li p{padding-top:11px}
.infoList li dl{padding-top:8px}
.infoList li dt{font-weight:700;color:#333}
.infoList li dd{padding:5px 0 25px;line-height:1.5}
.infoList li dd:last-child{padding-bottom:0}
.festival .sec03 .tabArea{padding-top:26px}
.festival .sec03 .tabCont{overflow:hidden;width:100%;top:-8px;padding:54px 6%;border:4px solid #01865b;border-radius:10px;background-color:#fff}
.festival .sec03 .tabCont ul{overflow:hidden;height:290px}
.festival .sec03 .tabCont ul li{float:left;position:relative;width:calc(25% - 8px);height:140px;margin:0 0 10px 10px;background-color: #000;}
.festival .sec03 .tabCont ul li.vertical img{display: block;width:34%;margin: 0 auto;}
.festival .sec03 .tabCont ul li:first-child{margin-left:0}
.festival .sec03 .tabCont ul li.poster{height:290px}
.festival .sec03 .tabCont ul li.winning::before{position:absolute;right:10px;bottom:10px;width:84px;height:95px;background:url(/img/icon/icon_winning.png) no-repeat 0 0;content:""}
.festival .sec03 .tabCont ul li img{width:100%;height:100%}
.festival .sec03 .tabCont .noPoster li:nth-child(4n+1){margin-left: 0;}

.festival #sec04{background-color:#dfede2}
.festival .bgSec04{overflow:hidden;margin:0 auto;padding-bottom:120px;background:url(/img/bg/bg_festival_sec04.jpg) no-repeat center 0}
.festival .sec04 .desc{padding-top:106px}
.festival .sec04 .txtArea{position:relative;width:53%;padding:0 58px 127px}
.festival .sec04 .txtArea::before,
.festival .sec04 .txtArea::after{position:absolute;width:39px;height:58px;background:url(/img/icon/icon_quotest.png) no-repeat 0 0;content:""}
.festival .sec04 .txtArea::before{top:-12px;left:0}
.festival .sec04 .txtArea::after{right:0;transform:rotate(180deg)}
.festival .sec04 .txtArea dd{line-height:1.5;padding-top:34px;font-size:18px;color:#333}
.festival .sec04 .info{position:relative;padding:6px;border:4px solid #01865b;border-radius:10px;background-color:#fff}
.festival .sec04 .info::before{position:absolute;top:-338px;right:0;width:100%;height:334px;background:url(/img/bg/bg_info.png) no-repeat right 0;background-size:50% 100%;content:""}
.festival .sec04 .infoList{display:flex;border:1px dashed #01865b;border-radius:6px;padding:50px 56px}
.festival .sec04 .infoList ul{width:50%}
.festival .sec04 .infoList ul:nth-child(2){padding-left:7%}
.festival .bgSec05{padding-bottom:120px;background-color:#c0dcc6}
.festival .sec05 .snsList{display:flex;justify-content:space-between}


/* 샤이니스타를 찾아라 */
.findStar .bgSec01{background:url(/img/bg/bg_findstar.jpg) no-repeat center 0}
.findStar .pointColor{display:block;padding-top: 25px;font-size: 18px;font-weight: 700;text-align: center;}
.votingTime{display: inline-block;padding: 60px 0;text-align: center;}
.votingTime .timeTit{float: left;padding:25px 10px 0 0;font-size: 20px;font-weight: 700;color: #333;}
.votingTime #countdown{float: left;;color: #333;}
.votingTime .bgTime{display: inline-block;position:relative;z-index: 1;margin-left: 10px;padding:7px 0 0 11px;font-size:40px;font-weight:800;color:#fff;letter-spacing:18px;vertical-align: bottom;}

.votingTime .bgTime::after{position:absolute;top:0;left:0;z-index:-1;width:88px;height:56px;background: url(/img/bg/bg_time.png) no-repeat 0 0;content:""}
.voting{display: flex;position:relative;z-index: 1;height: 81px;padding-top: 30px;font-size: 18px;font-weight: 700;color: #fff;
justify-content: space-around;}
.voting::after{position:absolute;top:0;left:0;z-index:-1;width:100%;height:81px;background: url(/img/bg/bg_vote.png) no-repeat 0 0;background-size: 100% 100%;content:""}
.voting li {text-align:center;display:inline-block;width:100%;}

.videoList{margin-top: 54px;}
.videoList li{float:left;position: relative;width:calc(33.3333% - 20px);height:442px;margin:0 0 30px 30px;padding: 8px 8px 20px;background-color: #fff;box-shadow: 3px 5px 7px -2px rgba(195,209, 176, .34);}
.videoList li:nth-child(3n+1){margin-left:0}
.videoList li a{text-indent: -9999em;}
.videoList li img{display: block;width: 100%;height: 200px;}
.videoList li dl{padding:20px 12px 0;text-align:left}
.videoList li dl dt{padding-bottom:15px;font-size:20px;font-weight:700;color:#333;letter-spacing: -0.2px;}
.videoList li dl dd{line-height:1.5}
.videoList .btnRound{position: absolute;bottom: 20px;left: 50%; width: 140px;margin:0;font-size: 17px; transform: translateX(-50%);}
.videoList .btnRound.complete:before{display:inline-block;position: relative;top: 2px;width:18px;height:14px;margin-right:8px;background: url(/img/icon/icon_checked.png) no-repeat 0 0;content:""}


/* 샤이니스타를 찾아라_본선 경연 결과 발표 */
.findStar .bgBox{overflow:hidden;position:relative;margin-top:215px;padding:72px 60px 55px;border:4px solid #01865b;border-radius:10px;background-color:#fff;}
.awards{display:flex;margin-top:100px;}
.awards.first{margin-top:0; margin-bottom:75px;}
.awards.seconds{margin-top:75px;}
.awards .awardsTit{width:233px;margin-right:51px;text-align:left;}
.awards .awardsTit dl{margin-top:40px;}
.awards .awardsTit dl dt{font-size:20px;font-weight:700;color:#333;}
.awards .awardsTit dl dd{line-height:1.5;margin-top:15px;font-size:16px;}
.awards .videoList{width:calc(100% - 284px);height:100%;margin-top:0;}
.awards .videoList.starAward{padding:8px;background-color:#f6f4f5;box-shadow:3px 5px 7px -2px rgba(195,209, 176, .34);}
.awards .starAward a{text-indent:-9999em;}
.awards .starAward img{width:100%;display:block;}
.awards .videoList li{width:calc(50% - 10px);height:390px;margin:0 0 20px 20px;padding:8px;background-color:#f6f4f5;}
.awards .videoList li:nth-child(odd){margin-left:0;}


/* 샤이니스타를 찾아라_순간의 기록 */
.record .bgSec01{background:url(/img/bg/bg_record.jpg) no-repeat center 0}
.record .pointColor{display:block;padding-top: 25px;font-size: 18px;font-weight: 700;text-align: center;}
.imgWrap{width:100%; margin-top:190px;}
.imgWrap h3{margin:56px 0 4px;text-align: left;}
.imgList li{float: left;width:calc(25% - 15px);margin-left: 20px;padding:8px;background-color: #fff;}
.imgList li:first-child{margin-left: 0;}
.imgList li img{display: block;width: 100%;max-height: 100%;}


/* 문화나눔 한마당_그때 그 시절 문화변천사 */
.culture01 .tab-wrapper .tab-content .culture .bgSec01{background:url(/img/bg/bg_culture.jpg) no-repeat center 0;}
.culture01 .tab-wrapper .tab-content .culture .sec01 > h2{padding:216px 0 20px}
.culture01 .tab-wrapper .tab-content .culture .bgBox{position:relative;padding:6px;border:4px solid #01865b;border-radius:10px;background-color:#fff}
.culture01 .tab-wrapper .tab-content .culture .bgBox .desc{display:flex;padding:60px 105px;border:1px dashed #01865b;border-radius:6px}
.culture01 .tab-wrapper .tab-content .culture .history .desc img{width:40%}
.culture01 .tab-wrapper .tab-content .culture .history .txtArea{position:relative;width:60%;padding-left:57px;line-height:1.5}
.culture01 .tab-wrapper .tab-content .culture .history .txtArea dl{position:absolute;top:50%;transform:translateY(-50%)}
.culture01 .tab-wrapper .tab-content .culture .history .txtArea dt{padding-bottom:30px;font-size:22px;font-weight:800;color:#333}
.culture01 .tab-wrapper .tab-content .culture .history .txtArea strong{color:#01865b}
.culture01 .tab-wrapper .tab-content .culture .history .txtArea span{display:block}
.culture01 .tab-wrapper .tab-content .culture .bgBox .txtArea .btnRound{position:relative;width:270px;height:70px;line-height:70px;margin:65px 0 0;font:20px "Jalnan";border-radius:35px;background-color:#333; text-indent: -22px; outline: 0; display:inline-block;}
.culture01 .tab-wrapper .tab-content .culture .bgBox .txtArea .btnRound::after{display: inline-block; position: absolute; top:36%; right:15%; width: 18px; height: 18px; background:url(/img/icon/icon_plus.png) no-repeat 0 0;content:""}

.culture01 .tab-wrapper .tab-content .culture .bgSec02{background-color:#dfede2}
.culture01 .tab-wrapper .tab-content .culture .tabArea{position:relative}
.culture01 .tab-wrapper .tab-content .culture .tabArea.active{animation:fadeInUp 1.0s}
.culture01 .tab-wrapper .tab-content .culture .b_img::before{position:absolute;top:-90px;right:17px;z-index:9;width:255px;height:250px;background:url('/img/icon/icon_tab.png');content:""}
.culture01 .tab-wrapper .tab-content .culture .tabCont{position:relative;z-index:1; text-align: left;}

.culture01 .tab-wrapper .tab-content .culture .age{display:flex;padding-bottom:120px;color:#333}
.culture01 .tab-wrapper .tab-content .culture .age::after{position:absolute;top:0;left:0;z-index:-1;width:100%;height:178px;background-color:#fbfbfb;content:""}
.culture01 .tab-wrapper .tab-content .culture .age dt{width:176px;font-size:72px;font-weight:800}
.culture01 .tab-wrapper .tab-content .culture .age dd{width:calc(100% - 176px);padding-top:7px;font-size:18px;line-height:1.5}
.culture01 .tab-wrapper .tab-content .culture .age dd em{font-weight:700}
.culture01 .tab-wrapper .tab-content .culture .age dd span{display:block}
.culture01 .tab-wrapper .tab-content .culture .age dd strong{font-size:22px;font-weight:800;color:#01865b}
.culture01 .tab-wrapper .tab-content .culture .ageList li{position:relative;padding:0 0 80px 60px;font-size:18px;font-weight:700}
.culture01 .tab-wrapper .tab-content .culture .ageList li::before{display:inline-block;position:absolute;left:0;width:40px;height:40px;background:url(/img/icon/icon_num.png) no-repeat 0 0;content:""}
.culture01 .tab-wrapper .tab-content .culture .ageList .num02::before{background-position:0 -50px}
.culture01 .tab-wrapper .tab-content .culture .ageList .num03::before{background-position:0 -100px}
.culture01 .tab-wrapper .tab-content .culture .ageList li strong{display:block;color:#333}
.culture01 .tab-wrapper .tab-content .culture .ageList li span{font-size:14px;color:#333}
.culture01 .tab-wrapper .tab-content .culture .ageList .num01 p{position:relative;z-index:1;margin-top:40px;text-align:center}
.culture01 .tab-wrapper .tab-content .culture .ageList .num02 p{margin:40px 0 0 -60px}
.culture01 .tab-wrapper .tab-content .culture .tags{margin:40px 0 0 -60px;padding:30px 0;text-align:center;border-radius:20px;background-color:#f5f5f5}
.culture01 .tab-wrapper .tab-content .culture .tags li::before{content:none}
.culture01 .tab-wrapper .tab-content .culture .tags li{padding:0 0 26px 0}
.culture01 .tab-wrapper .tab-content .culture .tags li:last-child{padding-bottom:0}
.culture01 .tab-wrapper .tab-content .culture .tags li span{margin:0 20px;font-size:16px;color:#333}
.culture01 .tab-wrapper .tab-content .culture .tags li a{margin:0 20px;font-size:20px;font-weight:800;color:#01865b}
.culture01 .tab-wrapper .tab-content .culture .ageList .num03 .pointColor{padding-top:20px;font-size:14px;text-align:center}
.culture01 .tab-wrapper .tab-content .culture .historyList{padding-top:80px;border-top:1px solid #ccc;color:#333}
.culture01 .tab-wrapper .tab-content .culture .historyList li{display:flex;margin-bottom:65px}
.culture01 .tab-wrapper .tab-content .culture .historyList li:last-child{margin-bottom:0}
.culture01 .tab-wrapper .tab-content .culture .historyList li dl{width:calc(40% - 80px);padding-right:80px}
.culture01 .tab-wrapper .tab-content .culture .historyList li dl dd{margin-top:22px;line-height:1.5}
.culture01 .tab-wrapper .tab-content .culture .historyList .card{width:66%;flex-wrap:wrap;justify-content:space-between}
.culture01 .tab-wrapper .tab-content .culture .historyList .card li{overflow:hidden;float:left;width:calc(50% - 10px);margin:0 0 10px 10px;padding:8px 8px 20px;background-color:#f6f5f5;box-shadow:8px 8px 10px -5px #ebefe4}
.culture01 .tab-wrapper .tab-content .culture .historyList .card li img{display:block;width:100%;margin-bottom:20px}
.culture01 .tab-wrapper .tab-content .culture .historyList .card span{display:block;margin-bottom:7px;font-weight:700}
.culture01 .tab-wrapper .tab-content .culture .historyList .card strong{font-size:18px;font-weight:800; display:inline-block; width:90%; height:42px; word-break: keep-all; overflow: hidden; /*text-overflow: ellipsis; white-space:nowrap; word-wrap:normal;*/}
.culture01 .tab-wrapper .tab-content .culture .sec02 .bgBox{padding:84px 90px}
.culture01 .tab-wrapper .tab-content .culture .sec02 .bgBox h2{padding:0 0 54px;border-bottom:2px solid #80c2ad}


/* 나의 인생 속 빛나는 순간 */
.culture01 .tab-wrapper .tab-content .myLife .bgSec01{background:url(/img/bg/bg_culture02_sec01.jpg) no-repeat center 0}
.culture01 .tab-wrapper .tab-content .myLife .bgSec02 {background-color: #dfede2; padding-top:120px;}
.culture01 .tab-wrapper .tab-content .myLife .bgBox{position:relative;padding:6px;border:4px solid #01865b;border-radius:10px;background-color:#fff}
.culture01 .tab-wrapper .tab-content .myLife .bgBox .desc{display:flex;padding:60px 105px;border:1px dashed #01865b;border-radius:6px}
.culture01 .tab-wrapper .tab-content .myLife .bgBox .infoWrap li:nth-of-type(2) span { font-weight:bold; color:#333; }
.culture01 .tab-wrapper .tab-content .myLife .bgBox .infoWrap li:nth-of-type(7) ul li:nth-child(3) p:nth-child(1) { padding-top:0px; }
.culture01 .tab-wrapper .tab-content .myLife .bgBox .infoWrap li:nth-of-type(7) ul li:nth-child(3) p:nth-child(2) { text-indent: 0px; }
.culture01 .tab-wrapper .tab-content .myLife .bgBox .infoWrap li:nth-of-type(7) ul li:nth-child(3) p:nth-child(3) { text-indent: 0px; }
.culture01 .tab-wrapper .tab-content .myLife .bgBox .desc{display:block}
.culture01 .tab-wrapper .tab-content .myLife .txtArea{font-size:18px;color:#333;text-align:center}
.culture01 .tab-wrapper .tab-content .myLife .txtArea strong{display:block;font-size:22px;font-weight:800;color:#01865b}
.culture01 .tab-wrapper .tab-content .myLife .txtArea span{display:block;padding:30px 0 15px;font-size:22px;font-weight:800}
.culture01 .tab-wrapper .tab-content .myLife .bgBox .txtArea .btnRound{position: relative; margin:40px auto 0; width: 270px; height: 70px; line-height: 70px; font: 20px "Jalnan";border-radius: 35px;background-color: #333; text-indent: -22px; outline:0; }
.tab-wrapper .tab-content .myLife .bgBox .txtArea .btnRound::after{ display: inline-block; position: absolute; top:36%; right:15%; width: 18px; height: 18px; background: url(/img/icon/icon_plus.png) no-repeat 0 0;content: ""; }
.culture01 .tab-wrapper .tab-content .myLife .tabArea.active{animation:fadeInUp 0.0s}
.culture01 .tab-wrapper .tab-content .myLife .bgBox .txtArea .btnRound a { display: inline-block; width: 100%; height: 100%; line-height: 68px; text-indent: -22px;}
.culture01 .tab-wrapper .tab-content .myLife .sec02 .bgBox { padding: 54px 6%; text-align: left; }
.culture01 .tab-wrapper .tab-content .myLife .sec02 .infoWrap img{width:calc(45% - 40px);margin-right:40px}
.culture01 .tab-wrapper .tab-content .myLife .sec02 .infoWrap{display:flex;padding:42px 0}
.culture01 .tab-wrapper .tab-content .myLife .sec02 .infoWrap ul li li{display:block;padding-left:88px;text-indent:-88px}
.culture01 .tab-wrapper .tab-content .myLife .sec02 h2 { padding:0 0px 20px; border-bottom:2px solid #80c2ad; }
.culture01 .tab-wrapper { margin-top:0px; }

.culture01 .tab-wrapper .tab-menu { position: absolute; top:640px; left:calc(50% - 300px); z-index:9; text-align:center; }
.culture01 .tab-wrapper .tab-menu li { display: inline-block; width:288px; height:88px; cursor:pointer; z-index:9; top:495px; }
.culture01 .tab-wrapper .tab-menu li a { display:inline-block; width:290px; height:95px; text-indent: -99999999px; }
.culture01 .tab-wrapper .tab-menu li:nth-child(1) a { background:url(/img/tab_title01_off.png) no-repeat center; background-size:288px 88px; }
.culture01 .tab-wrapper .tab-menu li:nth-child(2) a { background:url(/img/tab_title02_off.png) no-repeat center; background-size:288px 88px; }
.culture01 .tab-wrapper .tab-menu li.active:nth-child(1) a { background:url(/img/tab_title01_on.png) no-repeat center; background-size:288px 88px }
.culture01 .tab-wrapper .tab-menu li.active:nth-child(2) a { background:url(/img/tab_title02_on.png) no-repeat center; background-size:288px 88px }
.culture01 .tab-wrapper .tab-menu li.active {opacity: 1;}

.tab-panel { padding: 30px 0; }
.tab-wrapper .tab-content {clear: both; width:100%; text-align:center; position:relative; top:80px; background-color: #dfede2; }
.tab-wrapper .tab-content .tab_title { text-align:center; }
.tab-wrapper .tab-content section.tab-panel { width:100%; max-width:100%; padding:0; }
.tab-wrapper .tab-content .tab-panels { position:relative; top:-95px; text-align:left; }
.tab-wrapper .tab-content .bgSec01 { position:relative; top:0px !important; padding-bottom:120px; }
.tab-wrapper .tab-content #sec01 .visual { margin-bottom:325px; }
/* .tab-wrapper .tab-content .myLife .sec02 .infoWrap ul .list03 p{padding-left:88px;text-indent:-88px} */

.tab-wrapper .tab-content .myLife .sec02 .recruit { text-align:center;}
.tab-wrapper .tab-content .myLife .sec02 .btnRound{display:inline-block; text-align:center; width:270px;height:70px;line-height:70px;margin:80px auto 0;border-radius:35px;background-color:#01865b;font:20px "Jalnan"}
.tab-wrapper .tab-content .myLife .sec02 #complete { background: #333; display:none; }

.descPlan{margin-bottom:65px;padding:40px;background-color:#f9f9f9}
.descPlan dt{padding-bottom:14px;font-size:18px;font-weight:700;color:#333}
.descPlan dt.tit02{padding-top:40px;font-size:16px}
.descPlan dd{line-height:1.5}
.descPlan dd .pointColor{text-decoration:underline;font-weight:bold}
.descPlan dd span{display:block;text-decoration:underline}
.descPlan .notice{line-height:1.7;font-size:14px}
.descPlan .inquiry{padding-top:30px;font-size:16px;font-weight:bold;color:#333}


/* 나의 인생 속 빛나는 순간 응모완료(추가) */
.culture01 .tab-wrapper .tab-content .myLife .bgSec02{padding-top:60px}
.ageTit{padding:30px 0 24px}
.ageTit:first-child{padding:10px 0 24px}
.ageTit::after{display:inline-block;position:relative;top:-20px;left:30px;width:calc(100% - 146px);height:2px;background-color:#27906a;content:""}
.age{margin-bottom:30px}
.age:last-child{margin-bottom:0}
.age a{float:left;position:relative;width:38.2%}
.age a::before{position:absolute;right:0;bottom:0;width:95px;height:36px;background:url(/img/btn/btn_more_pic.gif) no-repeat 0 0;content:""}
.age a img{display:block;width:100%}
.age .detail{float:right;width:calc(61.8% - 50px)}
.age table{width:100%;word-wrap:break-word}
.age table th,
.age table td{height:58px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-left:none;font-size:16px}
.age table th{background-color:#f0f0f0;font-weight:800;color:#333}
.age table td{padding:14px;background-color:#fff;color:#777;text-align:left}
.age dl{margin-top:30px}
.age dl dt{margin-bottom:10px;font-size:16px;font-weight:700;color:#333}
.age dl dd{line-height:1.5}


/* 문화나눔 한마당_오늘도 청춘해_소곤소곤 */
.culture02 .tab-wrapper .tab-content .bgSec01{padding-bottom:120px;background:url(/img/bg/bg_culture02_01.jpg) no-repeat center 0} 
.culture02 .tab-wrapper .tab-content .bgSec01 .bgBox{margin-top:296px;padding:6px}
.culture02 .tab-wrapper .tab-content .visual .desc{padding:23px 132px 20px}
.culture02 .tab-wrapper .tab-content .visual .pointColor{padding-top:20px;text-align:center;font-size:14px}
.culture02 .tab-wrapper .tab-content .bgSec02 h2 { padding:0; }
.video .videoT { font-size:14px !important; text-align:center; padding:20px 0px 0px !important; font-weight:bold; }

.culture02 .tab-wrapper .tab-menu { position: absolute; top:640px; left:calc(50% - 436px); z-index:9; text-align:center; }
.culture02 .tab-wrapper .tab-menu li { display: inline-block; width:288px; height:88px; cursor:pointer; z-index:9; top:495px; }
.culture02 .tab-wrapper .tab-menu li a { display:inline-block; width:290px; height:95px; text-indent: -99999999px; }
.culture02 .tab-wrapper .tab-menu li:nth-child(1) a {background:url(/img/tab_today_title01_off.png) no-repeat center;background-size:288px 88px;}
.culture02 .tab-wrapper .tab-menu li:nth-child(2) a {background:url(/img/tab_today_title02_off.png) no-repeat center;background-size:288px 88px;}
.culture02 .tab-wrapper .tab-menu li:nth-child(3) a {background:url(/img/tab_today_title03_off.png) no-repeat center;background-size:288px 88px;}
.culture02 .tab-wrapper .tab-menu li.active:nth-child(1) a {background:url(/img/tab_today_title01_on.png) no-repeat center;background-size:288px 88px}
.culture02 .tab-wrapper .tab-menu li.active:nth-child(2) a {background:url(/img/tab_today_title02_on.png) no-repeat center;background-size:288px 88px}
.culture02 .tab-wrapper .tab-menu li.active:nth-child(3) a {background:url(/img/tab_today_title03_on.png) no-repeat center;background-size:288px 88px}
/* .culture02 .tab-wrapper .tab-content .myLife .bgSec01{background:url(/img/bg/bg_cuture02_02.jpg) no-repeat center 0} */

.culture02 .tab-wrapper .tab-content .culture .bgBox{position:relative;padding:6px;border:4px solid #01865b;border-radius:10px;background-color:#fff}
.culture02 .tab-wrapper .tab-content .culture .bgBox .desc{display:flex;padding:60px 105px;border:1px dashed #01865b;border-radius:6px}
.culture02 .tab-wrapper .tab-content .culture .desc img{width:40%}
.culture02 .tab-wrapper .tab-content .culture .txtArea{position:relative;width:60%;padding-left:57px;line-height:1.5; text-align: left;}
.culture02 .tab-wrapper .tab-content .culture .txtArea dl{position:absolute;top:50%;transform:translateY(-50%)}
.culture02 .tab-wrapper .tab-content .culture .txtArea dt{ font-size: 18px;font-weight: 400; padding-bottom:30px; }
.culture02 .tab-wrapper .tab-content .culture .txtArea strong{color:#01865b}
.culture02 .tab-wrapper .tab-content .culture .txtArea span{display:block}

.culture02 .tab-wrapper .tab-content .txtArea dt{font-size:18px;font-weight:400}
.culture02 .tab-wrapper .tab-content .txtArea dd{font-size:22px;font-weight:800;color:#333}
.culture02 .tab-wrapper .tab-content .bgSec02{padding-bottom:100px; }
.culture02 .tab-wrapper .tab-content .sec02 .bgBox{margin-bottom:60px;padding:86px 100px 58px; text-align: left;}
.culture02 .tab-wrapper .tab-content .bookDesc{display:flex}
.culture02 .tab-wrapper .tab-content .bookDesc img{width:calc(39% - 40px);margin-right:40px}
.dotTit{display:block;margin-bottom:20px;font-size:24px;font-weight:800;color:#01865b}
.dotTit::before, 
.dotTit::after{display:inline-block;position:relative;top:-5px;width:8px;height:8px;border-radius:50%;background-color:#01865b;content:""}
.dotTit::before{margin-right:20px}
.dotTit::after{margin-left:20px}
.culture02 .tab-wrapper .tab-content .bookDesc dl { width:100%; }
.culture02 .tab-wrapper .tab-content .bookDesc dt{padding:10px 0 30px;border-bottom:1px solid #ccc; width:100%;}
.culture02 .tab-wrapper .tab-content .bookDesc dt em{color:#333}
.culture02 .tab-wrapper .tab-content .bookDesc dd{padding-top:30px;font-size:18px;line-height:1.5}
.culture02 .tab-wrapper .tab-content .bookDesc dd strong{display:block;font-weight:700;color:#333}
.culture02 .tab-wrapper .tab-content .sec02 .video{position:relative;z-index:1;margin-top:136px}
.culture02 .tab-wrapper .tab-content .sec02 .video::after{position:absolute;top:-54px;right:-100px;bottom:-58px;left:-100px;z-index:-1;background-color:#eff6f1;content:""}
.culture02 .tab-wrapper .tab-content .video .video-js{width:100%;height:auto}
.culture02 .tab-wrapper .tab-content .bgSec03{background:url(/img/bg/bg_culture02_book03.jpg) no-repeat center 0;padding-bottom:0}
.culture02 .tab-wrapper .tab-content #sec03{background-color:#eff6f1}
.culture02 .tab-wrapper .tab-content .sec03{padding:76px 0 260px;text-align:center}
.culture02 .tab-wrapper .tab-content .sec03 p{padding:30px 0 60px;font-size:18px}
.culture02 .tab-wrapper .tab-content .sec03 p strong{line-height:1.5;font-weight:700;color:#333}
.culture02 .tab-wrapper .tab-content .sec03 .video{margin-top:0;padding:0 100px}
.culture02 .tab-wrapper .tab-content .sec03 .video::after{content:none}

/* 문화나눔 한마당_오늘도 청춘해_옆집 어르신의 집콕 교실 */
.culture02 .tab-wrapper .tab-content .classroom .bgSec01{padding-bottom:120px;background:url(/img/bg/bg_culture02_02.jpg) no-repeat center 0}
.culture02 .tab-wrapper .tab-content .txtArea .pointColor{padding-top:40px;font-size:14px; color:#cf0000; }
.culture02 .tab-wrapper .tab-content .bgSec02{padding:120px 0 120px}
.culture02 .tab-wrapper .tab-content .videoList{margin-top:24px}
.culture02 .tab-wrapper .tab-content .videoList li{height:434px;margin-bottom:70px}
.culture02 .tab-wrapper .tab-content .videoList li a{text-indent:0}
.txtArea .btnRound {position: relative; width: 270px; height: 70px; line-height: 70px; margin: 65px 0 0; font: 20px "Jalnan"; border-radius: 35px; background-color: #333;}

/* 문화나눔 한마당_오늘도 청춘해_요즘것들 탐구생활 */
.culture02 .tab-wrapper .tab-content .inquiryLife .bgSec01{padding-bottom:120px;background:url(/img/bg/bg_culture02_03.jpg) no-repeat center 0}
.culture02 .tab-wrapper .tab-content .inquiryLife .sec02 .bgBox {margin-bottom:60px;padding:75px 100px 80px;
}
.culture02 .tab-wrapper .tab-content .culture .inquiryLife .txtArea dt{padding-bottom:30px;font-size:22px;font-weight:800;color:#333}
.culture02 .tab-wrapper .tab-content .culture .inquiryLife .txtArea dd{font-size:18px;font-weight:400}
.culture02 .tab-wrapper .tab-content .culture .inquiryLife .sec02 h3{text-align:center} 
.culture02 .tab-wrapper .tab-content .inquiryLife .sec02 .video{margin-top:60px}
.culture02 .tab-wrapper .tab-content .inquiryLife .sec02 .video::after{content:none}
.culture02 .tab-wrapper .tab-content .inquiryLife .videoWrap{position:relative}
.culture02 .tab-wrapper .tab-content .inquiryLife .layerPop{position:absolute;top:0;left:0;z-index:9; background: #fff;}
.culture02 .tab-wrapper .tab-content .inquiryLife .layerPop img {width:100%;}
.culture02 .tab-wrapper .tab-content .inquiryLife .layerPop .btnPop{position:absolute;right:0}
.culture02 .tab-wrapper .tab-content .inquiryLife .txtVideo{margin-top:60px;font-size:18px;text-align:center}
.culture02 .tab-wrapper .tab-content .inquiryLife .txtVideo strong{display:block;margin-bottom:15px;font-size:20px;font-weight:800;color:#333;text-decoration:underline #777}
.culture02 .tab-wrapper .tab-content .inquiryLife .txtVideo em{font-size:24px;font-weight:700;color:#01865b}
.culture02 .tab-wrapper .tab-content .inquiryLife .videoWrap .btnRound{position:relative;width:270px;height:70px;line-height:70px;margin:60px auto 0;border-radius:35px;background-color:#01865b;font:20px "Jalnan"}


/* 문화나눔 한마당_내일도 건강해_어르신 건강식단 */
.culture03 .tab-wrapper .diet .bgSec01{background:url(/img/bg/bg_culture03.jpg) no-repeat center 0}
.culture03 .tab-wrapper .tab-content .diet .txtArea dt{padding-bottom:30px;font-size:22px;font-weight:800;color:#333}
.culture03 .tab-wrapper .tab-content .diet .txtArea strong{color:#01865b}
.culture03 .tab-wrapper .tab-content .diet .txtArea dd{font-size:18px;font-weight:400}
.culture03 .diet .tabs li a{width:152px}
.culture03 .diet .tabCont{padding:50px 6% 105px}
.culture03 .tableWrap strong{display:block;margin:65px 0 20px;text-align:left}
.culture03 .tableWrap em{font-weight:800;color:#01865b;word-break:break-all}
.culture03 .diet table{width:100%;color:#3e4676;table-layout:fixed}
.culture03 .diet table th,
.culture03 .diet table td{height:40px;border:0;border-left:2px solid #fff;vertical-align:middle;}
.culture03 .diet table th:first-child,
.culture03 .diet table td:first-child{border-left:0}
.culture03 .diet table th{padding-top:2px;font-size:18px;font-weight:800;color:#fff;text-align:center}
.culture03 .diet table th:nth-child(1){background-color:#6a8e30}
.culture03 .diet table th:nth-child(2){background-color:#438b40}
.culture03 .diet table th:nth-child(3){background-color:#297854}
.culture03 .diet table td{padding:30px 5px 55px;background-color:#fbf9f1;color:#333;text-align:center}


/* 문화나눔 한마당_내일도 건강해_실버홈트레이닝 */
.culture03 .tab-wrapper .silver .bgSec01{background:url(/img/bg/bg_culture03_1.jpg) no-repeat center 0; }
.culture03 .tab-wrapper .tab-menu{position:absolute;top:663px;left:calc(50% - 300px);z-index:9;text-align:center}
.culture03 .tab-wrapper .tab-menu li{float:left;margin:0 10px}
.culture03 .tab-wrapper .tab-menu li a{display:inline-block;width:288px;height:88px;text-indent:-9999em}
.culture03 .tab-wrapper .tab-menu li:nth-child(1) a{background:url(/img/tab_culture03_title01_off.png) no-repeat center}
.culture03 .tab-wrapper .tab-menu li:nth-child(2) a{background:url(/img/tab_culture03_title02_off.png) no-repeat center}
.culture03 .tab-wrapper .tab-menu li.active:nth-child(1) a{background:url(/img/tab_culture03_title01_on.png) no-repeat center}
.culture03 .tab-wrapper .tab-menu li.active:nth-child(2) a{background:url(/img/tab_culture03_title02_on.png) no-repeat center}
.culture03 .tab-wrapper .tab-menu li.active{opacity:1}
.culture03 .tab-wrapper .tab-content .bgBox{position:relative;padding:6px;border:4px solid #01865b;border-radius:10px;background-color:#fff}
.culture03 .tab-wrapper .tab-content .bgBox .desc{display:flex;padding:67px 105px;border:1px dashed #01865b;border-radius:6px}
.culture03 .tab-wrapper .tab-content .desc img{width:48%}
.culture03 .tab-wrapper .tab-content .txtArea{position:relative;width:52%;padding-left:57px;line-height:1.5;text-align:left}
.culture03 .tab-wrapper .tab-content .txtArea dl{position:absolute;top:50%;transform:translateY(-50%);color:#333}
.culture03 .tab-wrapper .tab-content .txtArea dt{font-size:18px;font-weight:400;padding-bottom:30px}
.culture03 .tab-wrapper .tab-content .txtArea strong{color:#01865b}
.culture03 .tab-wrapper .tab-content .txtArea span{display:block}
.culture03 .tab-wrapper .tab-content .txtArea dd{font-size:22px;font-weight:800}
.culture03 .tabCont{padding:105px 6%}
.culture03 .tabCont .titTab{padding-bottom:50px;border-bottom:1px solid #ccc}
.culture03 .tabCont .video{margin-top:60px}
.culture03 .tabCont .video .video-js {width:100%;height:auto}
.culture03 .tabCont .tabDesc{margin-top:60px;border:1px solid #ccc}
.culture03 .tabCont .tabDesc img { width:100%; }


/* 문화나눔 한마당_오늘도 더 청춘해_어르신 예술가 발굴 프로젝트 */
.culture04 .tab-wrapper .tab-content .bgSec01 {background: url(/img/bg/bg_culture04_01.jpg) no-repeat center 0;}
.culture04 .tab-wrapper .tab-content #sec01 .visual{margin-bottom: 150px;}
.culture04 .tab-wrapper .tab-menu{left: calc(50% - 602px);}
.culture04 .tab-wrapper .tab-menu li{margin: 0 5px;}
.culture04 .tab-wrapper .tab-menu li:nth-child(1) a{background:url(/img/tab_culture04_title01_off.png) no-repeat center}
.culture04 .tab-wrapper .tab-menu li:nth-child(2) a{background:url(/img/tab_culture04_title02_off.png) no-repeat center}
.culture04 .tab-wrapper .tab-menu li:nth-child(3) a{background:url(/img/tab_culture04_title03_off.png) no-repeat center}
.culture04 .tab-wrapper .tab-menu li:nth-child(4) a{background:url(/img/tab_culture04_title04_off.png) no-repeat center}
.culture04 .tab-wrapper .tab-menu li.active:nth-child(1) a{background:url(/img/tab_culture04_title01_on.png) no-repeat center}
.culture04 .tab-wrapper .tab-menu li.active:nth-child(2) a{background:url(/img/tab_culture04_title02_on.png) no-repeat center}
.culture04 .tab-wrapper .tab-menu li.active:nth-child(3) a{background:url(/img/tab_culture04_title03_on.png) no-repeat center}
.culture04 .tab-wrapper .tab-menu li.active:nth-child(4) a{background:url(/img/tab_culture04_title04_on.png) no-repeat center}
.txtChange dt{font-size:22px !important;font-weight:800 !important;color:#333}

.txtChange dd{font-size:18px !important;font-weight:400 !important;}
.culture04 .tab-wrapper .tab-content .sec02 .bgBox{text-align:center;}
.culture04 .sec02 .bgBox .tit{padding-bottom:60px;border-bottom: 1px solid #ccc;}
.culture04 .sec02 .bgBox dl{padding-top: 80px;line-height: 1.5;}
.culture04 .sec02 .bgBox dl dt{font-size: 20px;font-weight:800;color:#333}
.culture04 .sec02 .bgBox dl dd{padding-top: 30px;font-size: 18px;}

/* 문화나눔 한마당_오늘도 더 청춘해_일하는 실버 영웅 */
.culture04 .tab-wrapper .work .bgSec01{background:url(/img/bg/bg_culture04_02.jpg) no-repeat center 0}
.culture04 .work .sec02 .bgBox dt{display:none}
.culture04 .work .sec02 .bgBox dd{margin-top:0}

/* 문화나눔 한마당_오늘도 더 청춘해_나도 스마트폰 사진사 */
.culture04 .tab-wrapper .photographer .bgSec01{background:url(/img/bg/bg_culture04_03.jpg) no-repeat center 0}
.culture04 .tab-wrapper .tab-content .photographer .sec02 .bgBox{padding:60px 100px 58px}
.culture04 .photographer .sec02 .bgBox .tit{padding-bottom:40px}
.culture04 .tab-wrapper .tab-content .photographer .sec02 .video::after{content:none}
.culture04 .tab-wrapper .tab-content .photographer .sec02 .video{margin:60px 0}
.culture04 .tab-wrapper .tab-content .photographer .sec02 .detail{border:1px solid #ccc}

/* 문화나눔 한마당_오늘도 더 청춘해_코로나 극복 키트 캠페인 */
.culture04 .tab-wrapper .corona .bgSec01{background:url(/img/bg/bg_culture04_04.jpg) no-repeat center 0}
.culture04 .tabCont .titTab{padding-bottom:50px;border-bottom:1px solid #ccc}
.culture04 .tabInfo dl{display:flex;padding:40px 20px;border-bottom:1px solid #e5e5e5;text-align:left}
.culture04 .tabInfo dl dt{width:145px;line-height:1.5;padding-right:30px;font-size:20px;font-weight:800;color:#333}
.culture04 .tabInfo dl .infoList li{padding-bottom:10px}
.culture04 .tabInfo dl .infoList li:last-child{padding-bottom:0}
.culture04 .tabInfo dl .infoList li strong{min-width:80px;height:26px;line-height:26px}
.culture04 .tabInfo dl .infoList li p{padding-top:6px}
.culture04 .tabInfo dl span{display:block;margin:10px 0 30px;font-weight:700;color:#01865b}
.culture04 .tabInfo dl .pointColor{font-size:14px}
.sec02 .tabCont .tabDesc{margin-top:80px;border:1px solid #ccc}
.sec02 .tabCont .tabDesc img{width:100%}


/* 문화나눔 한마당_그때 그 시절 상세 */
.cultureDesc .bgSec01{background:url(/img/bg/bg_culture_desc.jpg) no-repeat center 0}
.cultureDesc .sec01{padding-top:100px}
.cultureDesc .bgBox .desc{display:block;padding:70px 100px 110px; border: 1px dashed #01865b;}
.cultureDesc .bgBox {position:relative;padding:6px;border:4px solid #01865b;border-radius:10px;background-color:#fff}
.cultureDesc section .titDesc{padding: 0 0 50px;border-bottom: 1px solid #ccc;}
.cultureDesc .subtitDesc{margin: 40px 0;font-family: "Jalnan";font-size: 36px;color:#01865b;text-align: center;}
.cultureDesc .subtitDesc img{vertical-align: middle;}
.cultureDesc .subtitDesc span{display: inline-block;margin-top: 14px;vertical-align: middle;}
.cultureDesc .txtArea{text-align: center;}
.cultureDesc .txtArea p{font-size: 18px;color:#333}
.cultureDesc .txtArea .txtLine{padding:30px 0; font-size: 20px;font-weight: 700;}
.cultureDesc .imgArticle{position: relative;max-width: 500px;margin:60px auto 100px;}
.cultureDesc .imgArticle a{display:block;position: absolute;top: 0;left: 0; width: 100%;}
.cultureDesc .imgArticle .link01{height:80%;}
.cultureDesc .imgArticle .link02{top:auto;bottom:0;height:20%;}
.cultureDesc .btn{display: block;min-width: 140px;margin: 0 auto;padding: 17px 20px 16px;font-size: 18px;}


/* 문화나눔 한마당_오늘도 청춘해 상세 */
.cultureDesc02 .descWrap{display:flex;position:relative;padding:60px 0;border-bottom:1px solid #ccc}
.cultureDesc02 .viewer{position:relative;width:50%;height:auto}
.cultureDesc02 .viewer img{width:100%}
.cultureDesc02 .viewer a{position:absolute;top:1px;left:1px}
.cultureDesc02 .txtArea{padding-left:40px;width:50%;text-align:left;line-height:1.5}
.cultureDesc02 .txtArea dt{padding-bottom:10px; color:#333; font: 20px "NanumSquareRound"; font-weight:bold;}
.cultureDesc02 .txtArea dt strong { color:#01865b; }
.cultureDesc02 p.pointColor{padding-top:36px;font-size:14px}
.cultureDesc02 .txtArea .btnRound{margin:15px 0 0;background-color:#01865b; }
.cultureDesc02 .txtArea .btnRound#complete { background:#333; display:none; }
.cultureDesc02 .txtArea #soldout { font: 20px "Jalnan"; color:#777; margin-top:30px; display:none; }
.cultureDesc02 .video{padding:60px 0}
.cultureDesc02 .video .video-js{width:100%;height:auto}


/* 알림판 */
.btnSearch{position:absolute;right:0;padding:13px;background:url(/img/icon/icon_search.png) no-repeat center;text-indent:-9999em}
.sub .bgSec01{position: relative;top: 80px;}
.notice .bgSec01{background:url(/img/bg/bg_notice.jpg) no-repeat center 0}
.visual .desc i strong{color:#333}
.board{margin-top:56px;padding:46px 40px;background-color:#fff;border-radius:20px; min-height:500px; }
.notice .board .tableTop{overflow:hidden;margin-bottom:10px}
.notice .board .tableTop p{float:left;padding-top:10px}
.notice .board .tableTop p .total{font-weight:800;color:#01865b}
.notice .board .tableTop form{float:right}
.notice .board .selectWrap,
.notice .board .inputWrap{display:inline-block;position:relative}
.notice .board .selectWrap{width:120px}
.notice .board .inputWrap{width:220px}


/* 알림판 상세*/
.notice .boardInfo{padding: 20px 0 40px;}
.notice .boardInfo dt{color:#333}
.notice .boardInfo dt,
.notice .boardInfo dd{display: inline-block;}
.notice .boardCont{height: 548px;line-height: 1.5;padding:60px 0;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;color:#333}
.notice .attachments{padding:22px 0 18px;border-bottom: 1px solid #ccc;}
.notice .attachments .file::before{display:inline-block;position: relative;top: -3px;width:22px;height:24px;margin-right:10px;background: url(/img/icon/icon_file.png) no-repeat 0 0;vertical-align: middle;content:""}
.notice .btnArea{padding-top: 30px;text-align: center;}
.notice .btnArea .btn{display: inline-block;min-width: 120px;}


/* 마이페이지 */
.stateWrap span{display:inline-block;padding:9px 20px;border-radius:5px;color:#fff}
.stateWrap .complete{background-color:#26b7d3}
.stateWrap .progress{background-color:#021651}
.stateWrap .deadline{background-color:#e22635}
.myPage .bgSec01{background:url(/img/bg/bg_mypage.jpg) no-repeat center 0}
.myPage .board { min-height:590px; }
.myPage .board ul{display:flex;flex-wrap:wrap;}
.myPage .board .Text { display:none; text-align:center; text-align: center; position: absolute; top: 53%; left: 50%; margin-left: -70px; }
.myPage .board li{overflow:hidden;width:calc(33.3333% - 14px);margin:0 0 20px 20px;padding:20px;border:1px solid #eaeaea; }
.myPage .board li:nth-child(3n+1){margin-left:0}
.myPage .board dl{padding-top:23px}
.myPage .board dl dt strong{display:block;padding-top:8px;font-size:18px;font-weight:700;color:#333}
.myPage .board dl dd{padding-top:65px}


/* popup */
.popLayer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;padding:0 30px;background-color:rgba(0,0,0,.5)}
.popWrap{position:relative;top:50%;left:50%;width:100%;max-width:800px;border:1px solid #ddd;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-color:#fff;transform:translate(-50%, -50%)}

.popLayer .btnClose{position:absolute;top:-80px;right:-20px;width:50px;height:60px;}
.btnClose{position:relative;text-indent:-9999em; outline:0;}
.btnClose::after{position:absolute;top:15px;right:10px; width:50px !important; height:50px!important; background:url(/img/btn/sp_btn_close.png) no-repeat center 10px; content:" "; outline:0;}

.popWrap .yScroll{height:calc(100vh - 160px)}
.popWrap .yScroll .mCSB_inside>.mCSB_container{margin-right: 0;}
.popWrap .yScroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{top:62px;height:calc(100% - 120px)}
.popWrap .popCont{margin:56px 60px 60px}

.mCSB_container h3 { font-size:18px; color:#333; font-weight:bold; margin:0px 0px 20px; }
.mCSB_container p { font-size:14px; margin:0px 0px 10px; color:#999; } 
.mCSB_container p strong { color:#333; font-weight:bold; }

.tg {border-collapse:collapse;border-spacing:0; margin:20px 0px; }
.tg td{border-color:black;border-style:solid;border-width:1px;overflow:hidden;padding:30px 5px;text-align:center;word-break:normal;font-size:12px; color:#333;}
.tg th{border-color:black;border-style:solid;border-width:1px;font-weight:normal;overflow:hidden;padding:0px 5px; background:#e9e9e9; text-align:center;word-break:normal;font-size:12px; color:#333; }


/* 문자인증 */
.popWrap hr{float:left;width:100%;margin-top:40px;border:0;border-bottom:1px solid #eaeaea}
.popWrap .popTit{margin-bottom:28px;text-align:center}
.popWrap .popTit01{margin:40px 0 20px}
.popWrap .privacy{margin-top:75px}
.popWrap .boxType01{color:#2f2f2f;text-align:center}
.popWrap .boxType01.txtLeft{text-align:left}
.popWrap .boxType01 span{font-weight:bold}
.popWrap .boxType02.yScroll{overflow:auto;height:146px;padding:20px 0}
.popWrap .boxType02.yScroll .mCustomScrollBox{padding:0 20px}
.popWrap .boxType02.yScroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{top:0;height:100%}
.popWrap .formChk{float:right;padding-top:20px;color:#333}
.popWrap .phoneInput input{width:calc(100% - 374px)}
.popWrap .phoneInput .btnWrap{display:inline-block}
.popWrap .phoneInput button{margin-left:6px}
.popWrap .certifiInput input{width:calc(100% - 181px)}
.popWrap .phoneInput .boxType01,
.popWrap .certifiInput .boxType01{margin-top:20px;padding:30px 20px}


/* 영상 */
.popVideo .popWrap{max-width:1200px}
.popVideo .popWrap .yScroll{height:auto}
.popVideo .popWrap .popCont{margin:30px}
.popVideo .popWrap .video{position:relative}
.popVideo .popWrap dl{overflow:hidden;padding-top:30px;color:#333}
.popVideo .popWrap dl dt{float:left;padding-right:22px;font-size:24px;font-weight:800}
.popVideo .popWrap dl dd{float: left;padding-top:7px}
.popVideo .video-js{width:100%;max-width:1140px;height:100%;max-height:640px}


/* 이미지 */
.popImage .popWrap{max-width:1200px}
.popImage .popWrap .yScroll{height:auto}
.popImage .popWrap .popCont{margin:30px}
.popImage .popWrap .imageArea{width:100%;max-width:1140px;height:100%;max-height:640px}
.popImage .popWrap .imageArea img{width:100%;}
.popImage .popWrap dl{overflow:hidden;padding-top:30px;color:#333}
.popImage .popWrap dl dt{float:left;padding-right:22px;font-size:24px;font-weight:800}
.popImage .popWrap dl dd{float: left;padding-top:7px}


/* 응모작 결과발표 이미지 */
.popImage .popWrap.vertical .popCont {margin:30px;text-align:left;}
.popImage .popWrap.vertical .imageArea { background:#222;text-align: center;}
.popImage .popWrap.vertical .imageArea img {width:auto;}
.popImage .popWrap.vertical dl {overflow:hidden;padding-top:30px;color:#333;display:inline-block;}


/* 공모하기 */
.popRecruit .personalInfo strong{display:block;padding-top:30px;font-weight:700;color:#333}
.popRecruit .personalInfo ul{padding:10px 10px 0;}
.popRecruit .personalInfo p{padding-top: 10px;font-weight: 700;color: #333;} 
.popRecruit .appInfo{display:flex;justify-content:space-between}
.popRecruit .appInfo li{width:calc(50% - 5px)}
.popRecruit .popTit02{clear:both;padding:40px 0 20px}
.popRecruit .popTit03{padding:40px 0 10px}
.popRecruit .popTit03 .pointColor{float:right;font-size:14px}
.popRecruit .appInfo label{display:block;padding:20px 0 10px;font-size:16px;font-weight:700;color:#333}
.popRecruit .entry{padding:0 30px 30px}    
.popRecruit .entry strong{font-size:16px;font-weight:700;color:#333}
.popRecruit .entry label{display:block;padding:40px 0 10px;font-size:14px}
.popRecruit .entry label.titPic{padding:30px 0 10px}
.popRecruit .entry p{padding-top:40px}
.popRecruit .entry textarea{display:block;width:calc(100% - 30px); height:58px;padding:20px 15px;border:1px solid #eaeaea;resize:none}
.popRecruit .entry .limit{padding-top: 5px;text-align: right; position:relative; top:-35px; right:10px; }
.popRecruit .entry .boxType01{position:relative;padding:23px 20px; text-align: left;}
.popRecruit .entry .boxType01 .filebox{display:inline-block}
.popRecruit .entry .boxType01 .filebox.type { position: relative; left: 50%; margin-left: -80px; }
.popRecruit .entry .boxType01 .filebox label{margin-right:20px;padding:0}
.popRecruit .entry .boxType01 p{display:inline-block;margin:0;padding-top:0;vertical-align:top;font-size:14px}
.popRecruit .entry .boxType01 p span{display:block;padding-top:2px;font-size:12px}
.popRecruit .entry .filebox.type label{width:160px;height:40px;line-height:40px;margin-right:0;border:1px solid #01865b;font-size:14px;color:#01865b;text-align:center}
.popRecruit .entry .filebox.type label::before{display:inline-block;position:relative;top:1px;width:18px;height:13px;margin-right:10px;background:url(/img/icon/icon_upload.png) no-repeat 0 0;content:""}
.popRecruit .btn{float:right;min-width:140px; margin-top:20px;padding:12px 18px;font-size:14px}
.popRecruit .recruit{clear:both;padding-top:40px}
.popRecruit .btnRound{width:270px;height:70px;line-height:70px; margin:0 auto;border-radius:35px;background-color:#01865b;font:20px "Jalnan"}
.popRecruit .btnDel{position: absolute;right: 8px;}
.btnDel{width:40px;height:40px;background: url(/img/btn/btn_del.png) no-repeat center;text-indent: -9999em;}
.popRecruit .Fixed { background:#ddd; color:#333; }
.M { display:none; }
.None { display:none; }
.Block { display:block; }


/* 키트신청 */
.popRecruit .boxType01 strong{font-weight:700}
.popRecruit .address{display:block}
.popRecruit .address label{padding-top:40px}
.popRecruit .findAddress{margin-bottom:10px}
.popRecruit .findAddress input{width:calc(100% - 187px)}
.popRecruit .findAddress .btn{min-width:177px;margin-top:0;padding:21px 18px}
.popRecruit .btnKit{margin-top:40px}

/* pc 메뉴 */
/*@media screen and (max-width:1170px){ 

header .gnb{min-width: 418px;}
header .gnb > li > a{padding:31px 10px 28px;letter-spacing:-1px}
header .utilSns li{margin-left:0}
header nav .certification{right:200px;padding:12px 8px 9px}

} */

/* pc 메뉴 */ 
@media screen and (max-width:1353px){

header .gnb > li > a{padding:31px 10px 28px}
    
}

@media screen and (max-width:1220px){

/* 문화나눔 한마당_오늘도 더 청춘해_어르신 예술가 발굴 프로젝트 */
.culture04 .tab-wrapper .tab-content #sec01 .visual{margin-bottom:295px}
.culture04 .tab-wrapper .tab-menu{left:calc(50% - 478px)}
.culture04 .tab-wrapper .tab-menu li{width:226px}
.culture04 .tab-wrapper .tab-menu li a{width:226px;background-size:100% !important}

}

/* pc 메뉴2 */ 
@media screen and (max-width:1200px){

header .gnb{min-width:418px}
header .gnb > li > a{padding:31px 5px 28px;font-size:16px;letter-spacing:-1px}
header .utilSns li{margin-left:0}
header nav .certification{width:86px;right:200px;padding:12px 8px 9px}

}

/* culture01 탭이미지 사라짐 */
@media screen and (max-width:1150px){

.culture01 .tab-wrapper .tab-content .culture .b_img::before{content:none}    

}


/* tablet */
@media screen and (max-width:1024px){ 

.pc{display:none !important}
.tablet{display:block !important}

.btnMenu{position:absolute;top:0;right:0;width:30px;height:23px;padding:40px 33px 40px 40px;background:url(/img/btn/btn_menu.png) no-repeat center;text-indent:-9999em}

.logo a{margin:18px 0 18px 20px}
header .btnClose{position:absolute;top:0;right:0;z-index:9;width:100%;background-position:right 20px center;background-color:#01865b}    
header nav{position:fixed;top:0;right:-80%;z-index: 9;width:80%;height:100vh;padding:0 20px;background-color:#fff;opacity:0}
header.bgNav:after{display:block;position: fixed;top:0;right: 0;width:100%;height: 100%;background-color: rgba(0,0,0,.5);content:""}
header .gnb{overflow:auto;display:block;position:relative;top:100px;min-width: 0;height:calc(100vh - 256px);color:#333}
header .gnb > li { border-bottom:1px solid #ebebeb; }
header .gnb > li > a{width:100%;padding:29px 10px 27px;font-size:20px;/*border-bottom:1px solid #ebebeb*/}
header .gnb > li > a:hover, 
header .gnb > li.active > a{color: #01865b;}
header .gnb .depth{display:block;position: relative;border-top:0; background-color: #fff; padding:0px; }
header .gnb .depth { left:0; transform: translateX(0%); }
header .gnb .depth li{float: none;}
header .gnb .depth li a{display:block;padding: 0px 10px 30px;text-align: left;color:#333}
header .gnb .depth li a::before{display:inline-block;position:relative;width: 6px;height:6px;margin-right: 10px;border-radius:50%;background-color: #bbb;vertical-align: middle;content:""}
header .gnb .depth li a em{position: relative;padding-bottom: 15px;background-image: linear-gradient(#cfe3dc,#cfe3dc);background-position: 0 50%;background-repeat: no-repeat;background-size: 0 15px;transition: all .5s ease;}
header .gnb .depth li a.active em,
header .gnb .depth li a:hover em{ background-size: 100% 15px;font-weight: normal; color:#333;}
header .gnb .depth li ul.depth2 { display: block !important; margin-top: 0 !important; } 
header .gnb .depth li.active ul.depth2 li a::before { width:0; height:0; }
header .gnb .depth2 li { margin-left: 30px; }
header .gnb .depth2 li a { font-size: 16px; }
header nav .btnClose{height:80px}
header nav .certification{display:block;position:relative;top:100px;left:0;width:100%;padding:20px 20px 14px;border-radius:10px;background-color:#01865b;font-size:20px;text-align:center}
header .utilSns{top:auto;bottom:32px;left:6px}
header .utilSns li{margin-left:7px}
header .utilSns li.insta a{background-position:-43px 7px}
header .utilSns li.fb a{background-position:-36px -42px}
header .utilSns li.kas a{background-position:-36px -92px}
header .utilSns li.blog a{background-position:-37px -142px}


.visualSlide{height:1024px}
.visualSlide > div{height:1024px;}
.main .visual{padding:278px 20px 0;background-size: auto 1024px;}
.sub .location{display:none}
section{padding:0 20px}
.bgSec01{padding-bottom:150px}
.bgSec02{padding-bottom:100px}
.bgSec03{padding-bottom:280px;} 
.sec01 h2{padding:70px 0 30px}

.sec03 .program{padding-top:50px;}
.sec03 .program .swiper-container{height:100%}
.sec03 .program .swiper-slide{display:block}
.sec03 .program .swiper-slide .desc{width:100%;}
.sec03 .program .swiper-slide > img{display: block;width:80%;margin:30px auto;padding-bottom:45px;transform:none}
.sec03 .program .swiper-slide.reverse .desc{padding-left: 0;}
.sec03 .program .btnNavigation,
.sec03 .program .btnNavigation.right{left:0}

    
/* 메인 어제도 청춘해 오픈 */
.sec03 .program .open .desc{padding:0}
.sec03 .program .open p{padding-top:20px}
.sec03 .program .open p span{display:inline}
.sec03 .program .open .openImg{width:100%;text-align:center;margin:30px auto 60px;display:inline-block}
.sec03 .program .openImg a{width:calc(50% - 5px)}
.sec03 .program .openImg a img{width:100%}
.sec03 .program .ms2 .openImg a{width:calc(33.333% - 7px)}
    
#footer .innerWrap{padding:0 20px}
#footer .relativeOrgan li{width:25%}

    
/* 축제안내 */
.festival .silverFestival .txtArea{padding:0 8%}
.festival .silverFestival dl{padding:0 2%}
.festival .sec02 .tabArea dl{height: 664px;}
.festival .sec03 .swiper-slide .slide{height:600px;padding:30px 20px}
.festival .sec03 .slide img{max-height:300px}
.festival .sec03 dl{width:100%}
.festival .sec03 .slide .infoList li{flex-wrap:wrap}
.festival .sec03 dt strong{text-align:center}
.festival .sec03 .tabs li a{width:200px}
.festival .sec03 .tabCont{padding:25px 3%}
.festival .sec03 .tabCont > img{height:242px}
.festival .sec03 .tabCont ul li{height:140px}
.festival .sec03 .tabCont ul li:first-child::before{width:42px;height:50px;background-size:100% auto}

.festival .sec04 .infoList{flex-wrap:wrap;padding:30px 40px}
.festival .sec04 .infoList ul{width:100%}
.festival .sec04 .infoList ul:nth-child(2){padding-left:0}
.festival .sec05 .snsList li{padding:0 10px}

    
/* 샤이니스타를 찾아라 */
.videoList li{width:calc(50% - 15px);height: 415px;}
.videoList li:nth-child(3n+1){margin-left:30px}
.videoList li:nth-child(2n+1){margin-left:0}

    
/* 샤이니스타를 찾아라_본선 경연 결과 발표 */
.findStar .bgBox{padding:30px;}
.awards{flex-wrap:wrap;}
.awards .awardsTit{width:100%;margin:0 0 20px 0; text-align:center;}
.awards .videoList{width:100%;}
.awards .videoList li{height:344px;}
.awards .videoList li:nth-child(3n+1){margin-left:inherit;}
.awards .videoList li:nth-child(even){margin-left:20px}
    
    
/* 샤이니스타를 찾아라_순간의 기록 */
.imgList li{width:calc(50% - 15px);margin-bottom: 20px;}
.imgList li:nth-child(2n+1){margin-left:0;}

    
/* 문화나눔 한마당_그때 그 시절 문화변천사 */
.culture01 .tab-wrapper .tab-content .culture .history .desc{padding:20px}
.culture01 .tab-wrapper .tab-content .culture .history .txtArea dd span{display:inline}
.culture01 .tab-wrapper .tab-content .culture .tabs li a{width:200px}
.culture01 .tab-wrapper .tab-content .culture .age{padding:30px 0 60px}
.culture01 .tab-wrapper .tab-content .culture .historyList li dl{width:calc(30% - 20px);padding-right:20px}
.culture01 .tab-wrapper .tab-content .culture .historyList .card{width:70%}
.culture01 .tab-wrapper .tab-content .culture .bgBox .desc{padding:20px}
    
    
/* 나의 인생 속 빛나는 순간 */
.culture01 .tab-wrapper .tab-content .myLife .bgBox .desc{padding:60px 20px}
.culture01 .tab-wrapper .tab-content .myLife .sec02 .bgBox{padding:60px 20px}
.culture01 .tab-wrapper .tab-content .myLife .sec02 .infoWrap{display:block;margin:0 auto}
.culture01 .tab-wrapper .tab-content .myLife .sec02 .infoWrap img{display:block;width:50%;margin:0 auto}
.culture01 .tab-wrapper .tab-content .myLife .sec02 .infoWrap .infoList{margin-top:30px}
.culture01 .tab-wrapper .tab-content .myLife .notice ul li{padding-left:16px;text-indent:-16px}


/* 나의 인생 속 빛나는 순간 응모완료(추가) */
.age .detail {width:calc(61.8% - 30px)}
    

/* 문화나눔 한마당_오늘도 청춘해_소곤소곤 */
.culture02 .tab-wrapper .tab-content .culture .bgBox .desc{display:block;padding:30px}
.culture02 .tab-wrapper .tab-content .culture .txtArea dl{position:relative;top:0;transform:none}
.culture02 .tab-wrapper .tab-content .culture .bgBox .desc img{width:100%}
.culture02 .tab-wrapper .tab-content .culture .txtArea{width:100%;padding:30px 0 0}
.culture02 .tab-wrapper .tab-content .culture .bgSec01{padding-bottom:0}
.culture02 .tab-wrapper .tab-content .culture .sec02 .bgBox{padding:30px}
.culture02 .tab-wrapper .tab-content .culture .sec02 .video::after{content:none}
.culture02 .tab-wrapper .tab-content .bookDesc img { width: calc(48% - 0px);margin-right: 40px; min-width:300px;}
.culture02 .tab-wrapper .tab-content .bookDesc dt { width:auto; }
    
/* 문화나눔 한마당_오늘도 청춘해_요즘것들 탐구생활 */
.culture02 .tab-wrapper .tab-content .inquiryLife .sec02 .bgBox{padding:30px}


/* 문화나눔 한마당_내일도 건강해_실버홈트레이닝 */
.culture03 .tab-wrapper .tab-content #sec01 .visual{margin-bottom:200px}
.culture03 .tab-wrapper .tab-content .bgBox .desc{display:block;padding:30px}
.culture03 .tab-wrapper .tab-content .desc img{width:100%}
.culture03 .tab-wrapper .tab-content .txtArea{width:100%;padding:30px 0 0}
.culture03 .tab-wrapper .tab-content .txtArea dl{position:relative;top:0;transform:none}
.culture03 .tab-wrapper .tab-content .txtArea dl span{display:inline}
.culture03  section h2{padding:20px 0 0}
.culture03 .tabs li a{width:220px}
.culture03 .tabCont{padding:60px 30px}


/* 문화나눔 한마당_오늘도 더 청춘해_어르신 예술가 발굴 프로젝트 */
.culture04 .tab-wrapper .tab-content #sec01 .visual{margin-bottom:200px}
.culture04 .tab-wrapper .tab-content .bgSec01 .bgBox{margin-top:0}
.culture04 .sec02 .bgBox .tit{padding-bottom:30px}
.culture04 br{display:none}


/* 문화나눔 한마당_오늘도 더 청춘해_코로나 극복 키트 캠페인 */
.culture04 .tabs li a{width:200px}
    
    
/* 문화나눔 한마당_오늘도 청춘해 상세 */
.cultureDesc02 .descWrap{display:block}
.cultureDesc02 .viewer,
.cultureDesc02 .txtArea{width:100%}
.cultureDesc02 .txtArea{padding:30px 0 0}    
.tab-menu { display:none; }
    
/* 마이페이지 */
.myPage .board li{width:calc(50% - 14px)}
.myPage .board li:nth-child(3n+1){margin-left:20px}
.myPage .board li:nth-child(2n+1){margin-left:0}

/* popup */
.popWrap{width:calc(100% - 40px)}

/* 문자인증 */
.popWrap .boxType01{padding:30px 40px;text-align:center;text-indent:-20px}
.popWrap .boxType01.txtLeft{text-align:left}
.popWrap .phoneInput input{width:100%}
.popWrap .phoneInput .boxType01, 
.popWrap .certifiInput .boxType01{padding:30px 40px}
.popWrap .phoneInput .btnWrap{display:block;margin-top:10px;text-align:center}
.popWrap .phoneInput .btnWrap button:first-child{margin-left:0}

/* 영상 */
/* .popVideo .popWrap dl{flex-wrap:wrap} */

/* 이미지 팝업 */
/* .popImage .popWrap dl{flex-wrap:wrap} */

/* 공모하기 */
.popRecruit .entry .boxType01{text-indent:0;text-align:center}
}

/* mobile */
@media screen and (max-width:767px){ 

.mobile{display:block !important}
header .gnb .depth { left:0; transform: translateX(0%); height:auto !important; width:260px; }
header .gnb .depth2 { display:none; }
header .gnb .depth2 li { margin-left:30px; }
header .gnb .depth2 li a { font-size:16px; }
header .gnb .depth2 li a::before { width:0px; height:0px; }
header .gnb .depth2 li a label { display:inline-block; cursor: pointer; }
header .gnb .depth2 { display:block; }
.Block { display: block !important; }

header .gnb li.active ul.depth { display:block !important; margin-top:0 !important; }
header .gnb .depth li.active ul.depth2 { display:block !important; margin-top:0 !important; }

/* table pagination */
.pagination{margin:20px auto 0}
.pagination a{width:30px;height:30px;line-height:30px}
.pagination .first{margin-left:0;background-position:6px 7px}
.pagination .next{margin-left:5px;background-position:9px -43px}
.pagination .prev{margin-right:0;background-position:9px -43px}
.pagination .last{background-position:6px 7px}

.visual .mainTit{display:none}
.visual p.mobile img{max-width: 76%;padding:0 10px}
.visual .desc{margin-top:0;padding:20px 5px}
.visual .desc i{padding:0 1px;font-size:16px}
.visual .desc i span{font-size:18px}
.visual .desc p{line-height:1.3}
.visual .mouseScroll{bottom:20px}

.main section h2{position:relative;width:244px;margin:0 auto}
.main section h2::before{position:absolute;bottom:35px;left:50%;transform:translateX(-160px)}
.video a:before{width:40px;height:40px;background-size:40px}

section{padding:0 20px 100px; }
.bgSec01{padding-bottom:25px;background:none}
.festival section {padding:0px 20px 0px;}
.festival .visual {margin-bottom:150px;}
    
.main .visual{padding:120px 20px 0;background:url(/img/bg/bg_mobile.jpg) no-repeat 0 0;background-size:100% 736px;}
.visualSlide{height:736px}
.visualSlide > div{height:736px}
.sec01 h2{padding:120px 0 20px}
.sec01 .video li{width:100%;height:270px;margin-left:0;margin-bottom:15px}
.sec01 .video li a{padding-top:130px}
.sec01 .video li a strong{padding-bottom:6px;font-size:18px}
.sec01 .video li a:before{transform:translate(-50%,-138%)}

.bgSec02{padding-bottom:120px;background:none}
.sec02 h2{padding:100px 0 20px}
.sec02 h2::before{bottom:36px;transform:translateX(-145px)}
.sec02 h2 span{width:100%;bottom:63px;font-size:20px;letter-spacing:-2.5px;transform:translateX(-50%)}
.sec02 .txt{font-size:16px;letter-spacing:-1px}

.sec02 .swiper::before{content:none}
.sec02 .swiper .swiper-slide{width:270px;height:356px}
.sec02 .swiper .swiper-slide .video{height:160px}
.sec02 .swiper .swiper-slide dl{padding:20px 10px 0}
.sec02 .voteDate{padding:20px 0}
.sec02 .swiper .btnNavigation{top:auto;right:110px;left:auto;bottom:-20px}

.bgSec03{padding-bottom:0px;background:none}
.sec03 h2{padding:46px 0 0}
.sec03 h2::before{bottom:15px;transform:translateX(-154px)}
.sec03 h2{padding:46px 0 0}
.sec03 h2::before{bottom:15px;transform:translateX(-154px)}
.sec03 .program .swiper-slide > img{width:100%;}
.sec03 .program .swiper-slide .openDate{padding: 9px 18px 8px;}

    
/* 메인 어제도 청춘해 오픈 */
.sec03 .program .swiper-container{margin-bottom:0}
.sec03 .program .open .openImg a{width:100%;margin:0 0 10px 0;padding:0px 2%}
    
    
/* footer */
#footer .relativeOrgan li{width:33.333%}
#footer .relativeOrgan li img{max-width:70%}
#footer .footerTop{display:flex;padding:30px 0 20px;}
#footer .footerInner{padding-top:20px;}
#footer .footerInner .copy{padding: 20px 0}

    
/* 축제안내 */
.sub .bgSec01{padding-bottom:150px;}
.sub section h2{width:100%;padding:100px 0 0}

.festival .tabs{display:none}

.festival #sec01{padding-bottom:35px;}
.festival .bgSec01{padding-bottom:62px;}
.festival .bgSec01 h2{padding:60px 0 0}
.festival .silverFestival{background:none;height:100%}
.festival .silverFestival .txtArea{flex-wrap:wrap;height:100%;margin:0 20px;padding:0 20px 30px;border-radius:10px;background-color:#01865b}
.festival .silverFestival dl{top:0;width:100%;padding-top:30px;border-left:0;transform:none}

.festival #sec02{background-color:transparent}
.festival .bgSec02{padding-bottom:0;background:none}
.festival .bgSec02 .tabCont{margin-top:18px}
.festival .sec02 .tabArea dl{height:auto;margin-top:10px;padding:30px 10px}
.festival .sec02 .tabArea dt strong::before, 
.festival .sec02 .tabArea dt strong::after{content:none}
.festival .sec02 .tabArea dd ul{padding-top:40px;}
.festival .sec02 .tabArea dd li p{float:left;width:100%;padding-top:20px}
.festival .sec02 .imgPic{flex-wrap:wrap;justify-content:center}
.festival .sec02 .imgPic li:not(:first-child){margin:10px 0 0 0}

.festival #sec03{background-color:transparent}
.festival .bgSec03{padding-bottom:0}
.festival .sec03 dt strong{font-size:19px}
.infoList li{flex-wrap:wrap;padding-bottom:40px}
.infoList li:last-child{padding-bottom:0}
.infoList li p{width:100%}
.festival .sec03 .controls{padding:20px 0}
.festival .sec03 .swiper-button-next, 
.festival .sec03 .swiper-button-prev{margin-top:-24px}
.festival .swiper-pagination{max-width:90%}
.festival .swiper-pagination::before{content:none}
.festival .swiper-pagination span{font-size:16px;background-color:transparent}
.festival .swiper-pagination .swiper-pagination-bullet-active{font-size:18px}
.festival .sec03 .swiper-slide .slide{flex-wrap:wrap;height:100%;padding:20px}
.festival .sec03 .slide img{width:100%;max-height:420px;margin-right:0}

.festival .sec03 dl{width:100%;margin-top:30px}
.festival .sec03 dt strong::before{top:-3px;margin-right:10px}
.festival .sec03 dt strong::after{top:-3px;margin-left:10px}
.festival .sec03 .slide .infoList dl{margin-top:0}
.festival .sec03 .tabCont{margin-top:18px;padding:20px}
.festival .sec03 .tabCont > img{width:100%;margin-bottom:10px}
.festival .sec03 .tabCont ul{width:100%;height:1560px}
.festival .sec03 .tabCont ul li{width:100%;height:180px;margin-left:0}
.festival .sec03 .tabCont ul li.poster{height:420px}
.festival .sec03 .tabCont ul li:last-child{margin-bottom:0}

.festival #sec04{background-color:transparent}
.festival .bgSec04{padding-bottom:0;background:none}
.festival .sec04 .desc{padding-top:50px}
.festival .sec04 .txtArea{width:100%;padding:0 10px 60px}
.festival .sec04 .txtArea::before{top:-40px}
.festival .sec04 .txtArea::after{bottom:35px}
.festival .sec04 .txtArea dd{text-align:center}
.festival .sec04 .info::before{content:none}
.festival .sec04 .infoList{padding:20px}
.festival .sec04 .infoList ul:not(:first-child){padding-top:40px}
.infoList li dl{padding-top:12px}

.festival .bgSec05{padding-bottom:40px;background:none}
.festival .sec05 .snsList{flex-wrap:wrap}
.festival .sec05 .snsList li{width:50%;padding-bottom:20px;text-align:center}

/* 샤이니스타를 찾아라 */
.votingTime{padding:30px 0;}
.votingTime .timeTit{float: none;padding: 0;}
.votingTime #countdown {margin-top:20px;}
.votingTime .bgTime{margin-left:0;padding:3px 0 0 6px;font-size:20px;letter-spacing: 6px;}
.votingTime .bgTime::after{width: 44px;height: 28px;background-size: 100%;}

.voteWrap{margin-top:10px;}
.voting{width:100%;height: 57px;margin: 0 auto;padding-top: 8px;font-size: 16px;font-weight: 700;}
.voting::after{background: url(/img/bg/bg_vote_m.png) no-repeat 0 0;background-size: 100% 57px;}
.voting span{display:block}

.videoList{margin-top:20px;}
.videoList li{width:100%;height: auto;margin:0 0 20px 0;}
.videoList li:nth-child(3n+1){margin-left:0}
.videoList li:last-child{margin-bottom:0}
.videoList .btnRound{position: inherit;top: 20px;left: auto;margin:0 auto 20px;transform:none}

    
/* 샤이니스타를 찾아라_본선 경연 결과 발표 */
.findStar .bgBox{padding:30px 20px;}
.awards .videoList li{width:100%;height:390px;}
.awards .videoList li:nth-child(even){margin-left:0;}
    
    
/* 샤이니스타를 찾아라_순간의 기록 */
.imgList li{width:100%;margin-bottom: 20px;margin-left:0;}
.imgList li img{padding:0}

    
/* 문화나눔 한마당_그때 그 시절 문화변천사 */
.culture01 .tab-wrapper .tab-content .culture .bgSec01{ padding-bottom: 0px;}
.culture01 .tab-wrapper .tab-content .culture .sec01 > h2{padding:60px 0 20px}
.culture01 .tab-wrapper .tab-content .culture .bgSec02{padding-bottom:70px;background:none}
.culture01 .tab-wrapper .tab-content .culture .history .desc{display:block; padding:20px;}
.culture01 .tab-wrapper .tab-content .culture .history .desc img{width:100%}
.culture01 .tab-wrapper .tab-content .culture .history .txtArea{width:100%;margin-top:20px;padding-left:0}
.culture01 .tab-wrapper .tab-content .culture .history .txtArea dl{position:relative;top:0;transform:none}
.culture01 .tab-wrapper .tab-content .culture .history .txtArea dd .btnRound{width:218px;height:56px;line-height:56px;margin:30px auto 0; font-size:18px; }
.culture01 .tab-wrapper .tab-content .culture .tabs{display:none}
.culture01 .tab-wrapper .tab-content .culture .age{flex-wrap:wrap;padding:0 0 60px}
.culture01 .tab-wrapper .tab-content .culture .age dt{width:100%;font-size:50px}
.culture01 .tab-wrapper .tab-content .culture .age dd{width:100%}
.culture01 .tab-wrapper .tab-content .culture .age dd span{display:inline}
.culture01 .tab-wrapper .tab-content .culture .ageList .num01 p,
.culture01 .tab-wrapper .tab-content .culture .ageList .num03 .pointColor{margin-left:-60px}
.culture01 .tab-wrapper .tab-content .culture .tags li{padding:0 0 20px 0}
.culture01 .tab-wrapper .tab-content .culture .tags li span,
.culture01 .tab-wrapper .tab-content .culture .tags li a{display:block;margin:10px}
.culture01 .tab-wrapper .tab-content .culture .historyList li{display:inline-block; }
.culture01 .tab-wrapper .tab-content .culture .historyList li dl{width:100%;padding-right:0}
.culture01 .tab-wrapper .tab-content .culture .historyList .card{width:100%;margin-top:20px}
.culture01 .tab-wrapper .tab-content .culture .historyList .card li{width:100%;margin-left:0}
.culture01 .tab-wrapper .tab-content .culture .b_img::before { width:100px; height:100px; top:55px; background-size:100% 100%; background: none; }
.culture01 .tab-wrapper .tab-content .culture #selectBox { margin-bottom:20px; }
.culture01 .tab-wrapper .tab-content .culture .tabCont { padding:20px }
    
/* 나의 인생 속 빛나는 순간 */
.culture01 .tab-wrapper .tab-content .myLife .bgBox .desc { padding:20px; }
.culture01 .tab-wrapper .tab-content .myLife .txtArea strong{display:inline}
.culture01 .tab-wrapper .tab-content .myLife .sec02 .bgBox{padding:20px}
.culture01 .tab-wrapper .tab-content .myLife .sec02 .bgBox h2{padding:0 0 20px}
.culture01 .tab-wrapper .tab-content .myLife .sec02 .infoWrap{padding:20px 0; display:block;}
.culture01 .tab-wrapper .tab-content .myLife .sec02 .infoWrap img{width:100%}
.culture01 .tab-wrapper .tab-content .myLife .sec02 .infoWrap li ul{padding-top:11px}
.culture01 .tab-wrapper .tab-content .myLife .sec02 .infoWrap li ul li{padding-left:18px;text-indent:-18px}
.culture01 .descPlan{padding:20px}
.culture01 .tab-wrapper .tab-content .myLife .history .txtArea dd .btnRound{width:240px;height:56px;line-height:56px;margin:30px auto 0; font-size:18px; }   
.culture01 .tab-wrapper .tab-content #sec01 .visual { margin-bottom:150px; }
.culture01 .tab-wrapper .tab-content .myLife .bgSec01 { padding-bottom:0px; }
.culture01 .tab-wrapper .tab-content .myLife .bgSec02 { padding-top:100px; }
.culture01 .tab-wrapper section { padding: 0px 20px 100px; }

    
/* 문화나눔 한마당_그때 그 시절 상세 */
.cultureDesc .sec01{padding: 68px 20px;}
.cultureDesc .bgSec01{padding-bottom: 70px;}
.cultureDesc .bgBox .desc{display:block;padding:20px;}
.cultureDesc section .titDesc{padding: 0 0 20px;}
.cultureDesc .subtitDesc{margin:20px 0;}
.cultureDesc .imgArticle{margin:30px auto}    

    
/* 나의 인생 속 빛나는 순간 응모완료(추가) */
.age a{width:100%}
.age .detail{width:100%;margin-top:20px}
.age table{border-top:1px solid #ccc}
.age table,
.age table tbody,
.age table th,
.age table td{display:block}
.age table tr{display:flex;width:100%;flex-wrap:wrap}
.age table th,
.age table td{position:relative;height:auto;border-top:0}
.age table tr:after{content:"";display:block;clear:both}
.age table th{display:inline-block;width:34%;padding:20px 0;text-align:center}
.age table td{width:66%;padding:20px 10px}    
    

/* 문화나눔 한마당_오늘도 청춘해_소곤소곤 */
.culture02 .tab-wrapper .tab-content .bgSec01 .bgBox{margin-top:60px}
.culture02 .bgBox .desc{padding:30px 20px}
.culture02 .tab-wrapper .tab-content .visual .desc{padding:20px 0}
.culture02 .tab-wrapper .tab-content .sec02 .bgBox{padding:20px}
.culture02 .tab-wrapper .tab-content .bookDesc{display:block}
.culture02 .tab-wrapper .tab-content .bookDesc img{width:100%; margin-right:0; min-width:auto;}
.culture02 .tab-wrapper .tab-content .bookDesc dl{padding-top:20px}
.culture02 .tab-wrapper .tab-content .sec02 .bgBox,
.culture02 .tab-wrapper .tab-content .videoList li{margin-bottom:30px}
.culture02 .tab-wrapper .tab-content .sec02 .video{margin-top:30px}
.culture02 .tab-wrapper .tab-content .sec03{padding:50px 20px 170px;}
.culture02 .tab-wrapper .tab-content .sec03 p{padding:30px 0}
.culture02 .tab-wrapper .tab-content .sec03 .video{padding:0}
.culture02 .tab-wrapper .tab-content .bgSec02{padding:120px 0 0px}

    
/* 문화나눔 한마당_오늘도 청춘해_옆집 어르신의 집콕 교실 */
.culture02 .tab-wrapper .tab-content .classroom .bgSec02{padding:60px 0 100px;}

    
/* 문화나눔 한마당_오늘도 청춘해_요즘것들 탐구생활 */
.bgDim::after{display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:9;background-color:rgba(0,0,0,.5);content:""}
.culture02 .tab-wrapper .tab-content .inquiryLife .layerPop{position:fixed;top:18%;width:80%;margin:0% 10%;z-index:999;}
.culture02 .tab-wrapper .tab-content .inquiryLife .layerPop .btnPop{position:absolute;top:2%; right:2%; width:70px;}
.culture02 .tab-wrapper .tab-content .inquiryLife .layerPop > img{display:none; width:100%;}
.culture02 .tab-wrapper .tab-content .inquiryLife .sec02 .bgBox{padding:30px 20px}

    
/* 문화나눔 한마당_내일도 건강해_어르신 건강식단 */
.culture03 .diet .tabCont{padding:50px 10px 105px}
.culture03 .diet .tabCont .titTab img{display:none;margin:0 auto}
.culture03 .diet table td{word-break:break-all}
    
    
/* 문화나눔 한마당_내일도 건강해_실버홈트레이닝 */
.culture03 .tab-wrapper .tab-content #sec01 .visual{margin-bottom:150px}
.culture03 .tab-wrapper .tab-content .tabs{display:none}
.culture03 section h2{padding:100px 0 0}
.culture03 .tab-wrapper .tab-content #selectBox {margin-bottom:20px}
.culture03 .tab-wrapper .silver .bgSec01{padding-bottom:100px}
.culture03 section{padding:0 20px}
.culture03 .tab-wrapper .tab-content .bgBox .desc{padding:20px}
.culture03 .tabCont{padding:60px 10px}

    
/* 문화나눔 한마당_오늘도 더 청춘해_어르신 예술가 발굴 프로젝트 */
.culture04 .sec02 .bgBox dl{margin-top:0;padding-top:30px}


/* 문화나눔 한마당_오늘도 더 청춘해_나도 스마트폰 사진사 */
.culture04 .tab-wrapper .tab-content .photographer .sec02 .bgBox .tit img{display:none;margin:0 auto}


/* 문화나눔 한마당_오늘도 더 청춘해_코로나 극복 키트 캠페인 */
.culture04 .tabs{display:none}
.culture04 .tabCont{top:10px}
.culture04 .tabInfo dl{display:block;padding:40px 0}
.culture04 .tabInfo dl dt{width:100%;margin-bottom:20px}
.culture04 .tabInfo dl dt br{display:none}
.culture02 .tab-wrapper .tab-content .bgSec02{padding:120px 0 100px}
.sec02 .tabCont .tabDesc{ margin-top:40px}
    
    
/* 문화나눔 한마당_그때 그 시절 상세 */
.cultureDesc .sec01{padding-top:68px}
.cultureDesc .bgSec01{padding-bottom:70px}
.cultureDesc .bgBox .desc{display:block;padding:30px 20px}
.cultureDesc section .titDesc{padding:0 0 20px}
.cultureDesc .subtitDesc{margin:20px 0}
.cultureDesc .imgArticle{margin:30px auto}

    
/* 문화나눔 한마당_오늘도 청춘해 상세 */
.cultureDesc02 .txtArea .btnRound{margin:15px auto 0}
.cultureDesc02 .descWrap,
.cultureDesc02 .video{padding:30px 0}

.txtArea .btnRound { width: 218px; height: 56px; line-height: 56px; margin: 30px auto 0; font-size: 18px; }
.tab-menu { display:none; }
.tab-wrapper .tab-content #sec01 .visual { margin-bottom:150px; }

    
/* 알림판 */
.notice .board{padding:20px}
.notice .board .selectWrap, 
.notice .board .inputWrap{width:100%;margin-top:10px}
.notice .board .tableTop form{float:left;width:100%}

    
/* 마이페이지 */
.myPage .board{padding:20px}
.myPage .board li{width:100%;margin-left:0}
.myPage .board li:nth-child(3n+1){margin-left:0}
.myPage .board li:last-child{margin-bottom:0}

    
/* popup */
.popLayer{padding:0}
.popLayer .btnClose{display:none}
.popLayer .mobile.btnClose{top:0px;right:0px}
.popLayer .mobile.btnClose::after{background-position:center -40px}
.popWrap{width:100%;height: auto;border:0;border-radius:0}
.popWrap .yScroll{height:100vh}
.popLayer .popWrap .popCont{margin:70px 20px 40px}
.popWrap .popTit01{float:left;width:100%}
.popWrap .phoneInput button{min-width:calc(50% - 5px);padding:20px 5px}
.popWrap .certifiInput input{width:100%}
.popWrap .certifiInput button{display:block;min-width:100%;margin:10px auto 0}

    
/* 영상팝업 */
.popLayer{background-color: #fff;}
.popLayer .popWrap .video img{height:250px}   
.popLayer .imageArea img{height:250px}
.popLayer .imageArea.vertical img{width: 50%;}


/* 응모작 결과발표 이미지 */
.popImage .popWrap.vertical .imageArea img {width:100%;height:auto;display:block;}
.popImage .popWrap.vertical .popCont {margin:40px 20px;}
.popLayer .popWrap.vertical .popCont .btnClose::after {top:-10px;}
    
    
/* 공모하기 */
.popRecruit .appInfo{display:block}
.popRecruit .appInfo li{width:100%}
.popRecruit .entry strong{display:block}
.popRecruit .entry .boxType01 .filebox{display:block}
.popRecruit .entry .boxType01 .filebox label{margin:0 auto 10px}
.popRecruit .btnRound{height:56px;line-height:56px;border-radius:28px}
    
    
/* 스크롤 탑버튼 */
.scrollTop {
position: fixed;
right: 1%;
bottom: 30px;
width:50px;
opacity: 0;
z-index:99;
-webkit-transition : all 0.3s ease;
-khtml-transition : all 0.3s ease;
-moz-transition : all 0.3s ease;
-ms-transition : all 0.3s ease;
-o-transition : all 0.3s ease;
transition : all 0.3s ease;
}

.scrollTop a {
font-size: 14px;
color: #333;
text-align:center;
font-weight:600;
}
.scrollTop a img { width:100%; }    

    
/* 이벤트팝업 */
#divpop { width:90%; margin:0% 5%; position: absolute; top:90px; left:0%; z-index:99; background:#fff; }
#divpop ul:nth-child(1) li a img { width:100%; }
#divpop ul:nth-child(2) { display:inline-block; height:40px; line-height:40px; width:100%; }
#divpop ul:nth-child(2) li { float:left; padding:0px 15px; }
#divpop ul:nth-child(2) li:nth-child(1) { width:80%; text-align:left; }
#divpop ul:nth-child(2) li:nth-child(2) { width:20%; text-align:right; }
#divpop ul:nth-child(2) li input { appearance:auto; position:relative; width:20px; height:20px; border:0px; outline:0; overflow: visible; background:#01865b; }
#divpop ul:nth-child(2) li input[type="checkbox"] { display:none; }
#divpop ul:nth-child(2) li input[type="checkbox"] + label { display: inline-block; width:20px; height:20px; text-align:left;margin-top:10px; background: #e4e4e4;}
#divpop ul:nth-child(2) li input[type="checkbox"]:checked + label { display: inline-block; background:url(/img/icon/check.png) #01865b no-repeat center; background-size:20px 20px; width:20px; height:20px;}
#divpop ul:nth-child(2) li a { font-size:14px; color:#333; font-weight:bold; }
#divpop ul:nth-child(2) li span { font-size:14px; color:#333; font-weight:bold; position:relative; top:-5px; left:5px; }
    
.active { display:block; }    
.P { display:none; }
.M { display:block; width:100%; }   
 
    
    
}