@import url('https://fonts.googleapis.com/css2?family=Lato:wght@700&display=swap');

.board--vertical--list{margin-top:20px;overflow:hidden;}
.board--vertical--list .obj{margin: 0 0 -1.5% -1.5%; display: flex; flex-wrap: wrap;}
.board--vertical--list .obj *{-ms-flex:unset;flex:unset;max-width:none;}
.board--vertical--list .obj > .item{width:31.83333333333%;margin: 0 0 1.5% 1.5%;}
.board--vertical--list .obj > .item > .link{position: relative;padding:30px;border:1px solid #ddd;width: 100%;}
/*
.board--vertical--list .obj > .item > .link:hover,
.board--vertical--list .obj > .item > .link:focus{border-color:#d32936}
*/
.board--vertical--list .obj .thumbnail{position: relative;padding-bottom:140%;overflow: hidden;background:#efefef;border:none;border-radius: 0;}
.board--vertical--list .obj .thumbnail img{position: absolute;left: 0;top:0;right: 0;bottom: 0;width: 100%;margin: auto;}
.board--vertical--list .obj .title{display: block;height: 2.8em;font-weight: 300;color:#333;font-size: 1.08em;overflow: hidden;margin: 1em 0 0.8em 0;line-height: 1.35;font-family: "GmarketSans", "gothic", "Malgun Gothic", "맑은 고딕", Dotum, 돋움, Helvetica, "Apple SD Gothic Neo", "애플 SD 산돌고딕 Neo";font-weight: 500;text-align: left;}
/*.board--vertical--list .obj .add{margin-bottom: .3em;color: #666;white-space: nowrap;overflow: hidden;margin-bottom: .3em;text-overflow: ellipsis;}*/
.board--vertical--list .obj .etc{font-size: 14px;color:#666;font-weight: 300;}
.board--vertical--list .obj .etc .date{float: left;font-family: 'Lato', sans-serif;line-height: 20px;}
.board--vertical--list .obj .etc .cat{float: right;background-color: transparent !important;font-size: 14px;/* margin-top: -3px; */line-height: 20px;}
.board--vertical--list .obj > .item .badge.circle{position: absolute;left: 0;top:0;width: 50px !important;height: 50px !important;font-size: 14px !important;line-height: 1.2 !important;}
.board--vertical--list .obj > .item .badge.circle.right{position: absolute;left:inherit;right: 0;top:0;width: 65px !important;height: 50px !important;font-size: 14px !important;line-height: 1.2 !important;}

.board--vertical--list .obj > .item > .link .hover{position: absolute;left: 0;top:0;width: 100%;height: 100%;text-align: center;font-size: 0.875em;background: rgba(0,0,0,.8);opacity:0;z-index:-1;transition: all 0.2s;}
.board--vertical--list .obj > .item > .link .hover .box_table{display: table; width: 100%; height: 100%}
.board--vertical--list .obj > .item > .link .hover .vertical{display: table-cell; vertical-align: middle;}
.board--vertical--list .obj > .item > .link .hover span{width: 5.111em;height: 5.111em;border-radius:50%;text-align: center;line-height: 5em;font-weight: 500;display: inline-block;margin: 0.07em;font-weight: 400;}
.board--vertical--list .obj > .item > .link .hover span:focus{outline: 2px solid #fff;}
.board--vertical--list .obj > .item > .link .hover span.d{color:#fff; border:2px solid #fff; background: none}
.board--vertical--list .obj > .item > .link:hover .hover,
.board--vertical--list .obj > .item > .link:focus .hover,
.board--vertical--list .obj > .item > .link.ov .hover,
.board--vertical--list .obj > .item > .link.ov .hover{opacity:1;z-index:11;}




@media (max-width: 1450px){
    .board--vertical--list .obj > .item > .link {padding: 15px;}
}
@media (max-width:1024px){
    .board--vertical--list .obj > .item > .link {padding: 1em;}
    .board--vertical--list .title{height: auto}
    .board--vertical--list .etc > *{float: none !important;display: block;}
    .board--vertical--list .etc .place{text-align: right;margin-top: .3em;}
}
@media (max-width:640px){
    .board--vertical--list .obj{margin: 0 0 -2% -2%;}
    .board--vertical--list .obj > .item{margin: 0 0 2% 2%;width: 48%;}
}
@media (max-width:380px){
    .board--vertical--list .obj{margin: 0 0 -2% 0%;}
    .board--vertical--list .obj > .item{margin: 0 0 2% 0%;width: 100%;}
}



.clturevent_view{border:1px solid #ddd;padding: 60px 70px;margin-bottom: 30px;background: #fafafa;border-radius: 7px;}
.clturevent_view .inner{position: relative; display: flex; flex-wrap: wrap;}
.clturevent_view .poster{width: 340px;box-shadow: 3px 7px 21px rgb(0 0 0 / 3%);background: #fff;height: 100%;/* padding-bottom: 140%; */position: relative;min-height: 485px;border: 1px solid #efefef;}
.clturevent_view .poster img{width: 100%;display: block;position: absolute;left: 0;top:0;right: 0;bottom: 0;/* width: 100%; */margin: auto;max-height: none;max-width: none;height: 100%;}
.clturevent_view .details{min-height:350px; flex:1; margin-left: 50px}
.clturevent_view .tit{position: relative;padding-right: 0;}
.clturevent_view .tit .title{font-size: 30px;font-size: 1.575rem;display: block;margin-bottom: 1em;letter-spacing: -0.05em;line-height: 1.35;font-family: "GmarketSans", "gothic", "Malgun Gothic", "맑은 고딕", Dotum, 돋움, Helvetica, "Apple SD Gothic Neo", "애플 SD 산돌고딕 Neo";color: #333;}
.clturevent_view .detail{font-size: 0.938em;}
.clturevent_view .detail > li{position: relative;border-bottom: 1px solid #ddd;padding: 0.8em 0 0.8em 5.533em;}
.clturevent_view .detail .dt{position: absolute;left: 0;top:0.8em;font-weight: bold;color: #111;}
.clturevent_view .detail .dt em{width:auto;padding-left: 23px;position: relative;}
.clturevent_view .detail .dt em:before{content: '';display:inline-block;position:absolute;top: 2px;left:0;width:20px !important;height:20px !important;background:url(/images/common/list_ico.png) no-repeat;transform: none;}
.clturevent_view .detail .dt em.icon1:before{background-position:0 0}
.clturevent_view .detail .dt em.icon2:before{background-position:-21px 0}
.clturevent_view .detail .dt em.icon3:before{background-position:-42px 0}
.clturevent_view .detail .dt em.icon4:before{background-position:-63px 0}
.clturevent_view .detail .dt em.icon5:before{background-position:-84px 0}
.clturevent_view .detail .dt em.icon6:before{background-position:-105px 0}



.clturevent_view .poster .layer-button{
    position: absolute;
    bottom: -50px;
    left: 50%;
    transform: translate(-50%, 0);
}


.btn-st1{width: 200px;height: 53px;display: block;font-size: 17px;}
a.btn-st1{line-height: 50px;}
.btn-st2{height: 3.3em;font-size: 18px;font-size: 1em;display: block;font-weight: 400;width: 100%;text-align: center;letter-spacing: -1px;color: #666;font-weight: bold;}
a.btn-st2{line-height: 3.15em;}
.btn-st3{height: 4.286em;width:17.500em;display: block;font-size: 14px;font-weight: 500;text-align: center;font-size: 0.875rem;}
a.btn-st3{line-height: 4.286em;}
.btn-link{color:#0e0e71; border-bottom: 1px solid #0e0e71;font-size: 15px;font-size: .938rem;font-weight: 500;}


.schedule_btn2{margin-top:20px;}
.schedule_btn2 button,
.schedule_btn2 a{float: left;margin-bottom: 2%;}
.schedule_btn2 .w1{width: 24%;margin-right: 1%;}
.schedule_btn2 .w2{width: 49%; margin-left: 1%;}
.schedule_btn2 .bg-black_r{background: #fff;border: 1px solid #ddd;}
.schedule_btn2 .bg-black{background: #cd1f2a;border: 1px solid #cd1f2a;color:#cd1f2a;color:#fff;font-weight: bold;letter-spacing: -1px;}

@media (max-width:1024px){
    .clturevent_view{padding: 40px 30px;}
    .clturevent_view .poster{width:280px;min-height:385px;}
    .clturevent_view .details{margin-left:30px;}
}
@media (max-width:767px){
    .clturevent_view .inner{flex-direction: column;}
    .clturevent_view .details{margin-left:0px;margin-top:30px;}
    .clturevent_view .poster{width: 340px;min-height: 480px;overflow: hidden;margin: 0 auto;}
    .clturevent_view .tit .title{text-align:center}

}
@media (max-width:480px){
    .clturevent_view{padding:20px 15px;}
    .clturevent_view .poster{width:280px;min-height:385px;}
}

.end_small {padding:10px 12px;border-radius:0px;background-color:#a8b5c5;color:#fff}
#lsit_copy {border-top: 1px solid #ddd;}