@charset "utf-8";

/* 행사 목록 */
.tab-ul {margin-bottom: 35px;}
.basic_box {padding: 15px 20px;}
.basic_box:before {display: block;bottom: -4px;left: -1px;width: 100%;height: 3px;background-color: #f1f1f1;}
.basic_search .grap select {background: none;height: 42px;}
.board_total {font-size: 14px;font-weight: bold;line-height: 40px;background-position-y: 14px;}
.board_total .bold.red {color: #e03321;}
.basic_search .searchinput input[type="text"] {height: 40px;}
.basic_search .searchinput input[type="submit"] {min-width: 56px;height: 40px;background-color: #45495b;}

.col {position: relative;padding: 8px;float: none;width: 100%;}
.ui.board--card--list .col {padding: 0;width: 100%;height: auto;margin: -15px;}
.ui.board--card--list .col:after {content: "";display: block;clear: both;}
.ui.board--card--list .item {float: left;padding: 15px;width: 100%;}
.ui.board--card--list .col .item {border: 1px solid #000;border-top: 0;border-right: 0;border-radius: 0;overflow: visible;padding: 52px;}
.ui.board--card--list .col .item:nth-child(odd) {padding-left: 0;}
.ui.board--card--list .col .item:nth-child(even) {padding-right: 0;}
.ui.board--card--list .col .item::before {content: "";position: absolute;right: -38px;bottom: -38px;width: 76px;height: 76px;background-color: #fff;z-index: 999;}
.ui.board--card--list .col .item:nth-child(even)::before {display: none;}
.ui.board--card--list .col.col2 .item {width: 50%;}
.ui.board--card--list .item .link {display: block;width: 100%;position: relative;transition: all .3s;}
.board--card--list .obj .thm--box {padding-top: 0;}
.board--card--list.type6 .item .link .thm--box {width: 100%;height: 353px;background-color: #f6f5f5;}
.ui.board--card--list .thm--inner {display: block;width: 100%;height: 100%;position: relative;overflow: hidden;}
.ui.board--card--list .link .thm--inner::before {content: "";position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: linear-gradient(to bottom, transparent, transparent, rgba(0, 0, 0, .4), #000);opacity: 0;transition: opacity .2s;z-index: 5;}
.ui.board--card--list .link:hover .thm--inner::before,
.ui.board--card--list .link:focus .thm--inner::before {opacity: 1;}
.board--card--list.type6 .item .link .thm--box .thm--inner img {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);max-width: none;max-height: none;min-height: auto;min-width: auto;height: 100%;width: 100%;object-fit: contain;object-position: center;font-size: 0;line-height: 0;}
.board--card--list.type6 .item .link .card--info {position: relative;z-index: 1;margin-top: 30px;}
.board--card--list.type6 .item:nth-child(odd) .link .card--info {padding-left: 13px;}
.ui.board--card--list .cb-title {overflow: hidden;max-width: 100%;text-overflow: ellipsis;vertical-align: middle;display: block;white-space: nowrap;font-size: 20px;color: #222;font-weight: 700;line-height: 1.3;text-align: center;}
.board--card--list.type6 .item .link .cb-title {text-align: left;}
.status-group {display: flex;align-items: center;height: 37px;margin-bottom: 10px;}
.status-group .cate, .status-group .status {font-size: 18px;font-weight: 600;line-height: 1;padding: 8px 16px;background-color: #f4f4f4;}
.status-group .cate {color: #fff;margin-right: 6px;white-space: nowrap;}
.status-group .cate.cate1 {background-color: #1B3953;}
.status-group .cate.cate2 {background-color: #222;}
.status-group .cate.cate3 {background-color: #701E20;}
.status-group .status.status1 {color: #701E20;}
.status-group .status.status2 {color: #1B4D8F;}
.status-group .status.status3 {color: #666666;}

@media(max-width: 1024px){
    .basic_box {margin-bottom: 30px;}
    .ui.board--card--list .col .item {padding: 32px;}
    .ui.board--card--list .col .item::before {right: -32px;bottom: -32px;width: 64px;height: 64px;}
}
@media(max-width: 1024px) and (min-width: 769px){
    .board--card--list.type6 .item .link .thm--box {height: 253px;}
}
@media(max-width: 768px){
    .board--card--list.type6 .item .link .thm--box {height: 36.72vw;}
}
@media(max-width: 640px){
    .basic_box {padding: 15px 20px 30px 20px;}
    .basic_search .grap {margin-bottom: 3px;}
    .ui.board--card--list .col .item {padding: 15px;}
    .ui.board--card--list .col .item::before {right: -15px;bottom: -15px;width: 30px;height: 30px;}
}
@media(max-width: 600px){
    .status-group {height: auto;}
    .board--card--list.type6 .item .link .card--info {margin-top: 15px;}
    .status-group .cate, .status-group .status {font-size: 15px;padding: 6px 12px;}
    .ui.board--card--list .cb-title {font-size: 18px;}
}
@media(max-width: 500px){    
    .basic_box {margin-bottom: 15px;}
    .ui.board--card--list .col {margin: 0;}
    .ui.board--card--list .col .item {margin: 0;}
    .ui.board--card--list .col.col2 .item {width: 100%;max-width: none;border-left: 0;padding: 15px 0;}
    .ui.board--card--list .col .item:nth-child(odd) {padding-left: 0;}
    .ui.board--card--list .col .item:nth-child(even) {padding-right: 0;}
    .ui.board--card--list .col .item::before {display: none;}
    .board--card--list.type6 .item:nth-child(odd) .link .card--info {padding: 0;}
}
@media(max-width: 420px){
    .basic_box {padding: 15px 15px 30px;}
}
@media(max-width: 360px){
    .board--card--list.type6 .item .link .thm--box {height: 253px;}
}
/* //행사 목록 */

/* 행사 상세 */
.ui.view--basic {margin-top: 60px;}
.ui.slick-wrap {margin-top: 45px;min-height: 807px;overflow: visible;}
.slide-ui-View-Navi.nv-bottom .slide {height: auto;}
.slide-ui-View-Navi.nv-bottom .slide .item {height: 747px;}
.slide-ui-View-Navi.nv-bottom .slide .thm-box {width: 100%;height: 100%;background-color: #f6f5f5;}
.slide-ui-View-Navi.nv-bottom .slide .thm-box img {display: block;width: 100%;height: 100%;object-fit: contain;max-width: none;max-height: none;min-width: auto;min-height: auto;font-size: 0;line-height: 0;}
.slide-ui-View-Navi.nv-bottom .nav-slide {width: auto;height: auto;display: block;position: absolute;left: 50%;bottom: 10px;transform: translateX(-20%);}
.slide-ui-View-Navi.nv-bottom .nav-slide .item {width: 8px !important;height: 8px;border-radius: 100px;background-color: #CFCACA;margin-right: 8px;transition: all .3s;}
.slide-ui-View-Navi.nv-bottom .nav-slide .slick-slide.slick-current.slick-active .item {width: 20px !important;background-color: #701E20;}
.slide-ui-View-Navi.nv-bottom .nav-slide .thm-box {position: relative;width: 100%;height: 100%;}
.slide-ui-View-Navi.nv-bottom .nav-slide .thm-box img {width: auto;height: 100%;min-width: 100%;object-fit: cover;}
.slide-ui-View-Navi.nv-bottom .nav-slide .slick-current .thm-box::after {}
.nav-slide.slick-initialized .slick-slide {width: auto !important;}
.nav-slide.slick-slider .slick-track {width: 100% !important;}
.slide_control .button {position: absolute;top: 50%;transform: translateY(-88%);width: 84px;height: 84px;}
.slide_control .prev {left: -42px;
    background-image: url("data:image/svg+xml,%3Csvg width='84' height='84' viewBox='0 0 84 84' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='42' cy='42' r='41.5' fill='white' stroke='%23DBDBDB'/%3E%3Cpath d='M53.25 41.2598V43.75H35.5254L42.5273 50.7227L40.7402 52.5098L30.75 42.4902L40.7695 32.5L42.5273 34.2578L35.5254 41.2598H53.25Z' fill='%23222222'/%3E%3C/svg%3E%0A");
}
.slide_control .next {right: -42px;
    background-image: url("data:image/svg+xml,%3Csvg width='84' height='84' viewBox='0 0 84 84' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='42' cy='42' r='41.5' transform='matrix(-1 0 0 1 84 0)' fill='white' stroke='%23DBDBDB'/%3E%3Cpath d='M30.75 41.2598V43.75H48.4746L41.4727 50.7227L43.2598 52.5098L53.25 42.4902L43.2305 32.5L41.4727 34.2578L48.4746 41.2598H30.75Z' fill='%23222222'/%3E%3C/svg%3E%0A");
}
.slide_control .pause {width: 1px;height: 12px;border: 3px solid #cfcaca;}

.view--basic .veiw-top-box .vtb-inner {position: relative;}
.vtb-inner .card--body {padding-bottom: 20px;border-bottom: 1px solid #000;}
.card--body .cb-title {display: block;color: #000;font-size: 42px;font-weight: 600;line-height: 1.3;letter-spacing: -0.0525rem;padding-right: 370px;}
.card--body .cb-date-wrap {display: block;text-align: right;font-size: 0;margin-top: -33px;}
.card--body .cb-date {display: inline-block;color: #222;font-size: 22px;font-weight: 400;background-position: left 3px bottom 7px;background-repeat: no-repeat;padding-left: 30px;
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.25 1.25H20.625V20.3662H0.375V1.25H3.75V0.116211H5.99121V1.25H15.0088V0.116211H17.25V1.25ZM18.3838 18.125V6.86621H2.61621V18.125H18.3838ZM9.36621 15.8838L7.78418 14.2754L5.99121 12.5088L7.59961 10.9004L9.36621 12.6934L13.4004 8.65918L15.0088 10.2412L9.36621 15.8838Z' fill='%23222222'/%3E%3C/svg%3E%0A");
}
.brthdayEvnt.be-view .h2::before{display: none;}
.brthdayEvnt.be-view .h2 {color: #000;font-size: 26px;font-weight: 600;line-height: 1.3;letter-spacing: -0.0325rem;margin-top: 40px;}
.brthdayEvnt.be-view .h2:first-child {margin-top: 40px;}
.vbb-text p {color: #444;font-size: 16px;font-weight: 400;line-height: 1.5;letter-spacing: -0.02rem;}
.brthdayEvnt.be-view .video-wrapper .tv {position: relative;height: 0;padding-bottom: 56.25%;}
.brthdayEvnt.be-view .video-wrapper .screen {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

@media(max-width: 1024px) {
    .card--body .cb-title {padding: 0;}
    .card--body .cb-date-wrap {margin-top: 10px;text-align: left;}
}

@media(max-width: 900px){
    .slide_control .btn-wrap {display: flex;justify-content: space-between;align-items: center;}
    .slide_control .button {position: static;width: 42px;height: 42px;background-size: 100%;transform: none;}
}
@media(max-width: 768px){
    .ui.slick-wrap {min-height: auto;}
    .slide-ui-View-Navi.nv-bottom .nav-slide {transform: translateX(-50%);}
    .slide-ui-View-Navi.nv-bottom .slide .item {height: 97.267vw;}
    .vtb-inner .card--body {padding-bottom: 7px;}
    .card--body .cb-title {font-size: 34px;}
    .card--body .cb-date-wrap {margin-top: 5px;}
    .card--body .cb-date {font-size: 16px;background-position: left 2px top 4px;background-size: 17px;padding-left: 24px;}
}
@media(max-width: 640px){
    .card--body .cb-title {font-size: 27px;}
    .brthdayEvnt.be-view .h2 {font-size: 21px;margin-top: 20px;}
    .brthdayEvnt.be-view .h2:first-child {margin-top: 20px;}
}
@media(max-width: 420px){
    .brthdayEvnt.be-view .video-wrapper .screen {height: 200px;}
}
@media(max-width: 390px){
    .card--body .cb-title {font-size: 22px;}
    .card--body .cb-date {font-size: 15px;background-position: left 2px top 3px;}
}
/* //행사 상세 */