@charset "UTF-8";
/* modal_popup */
.modal_popup_wrap .modal_popup .slick-controls, .event_head_pop .slick-controls, .event_foot_pop .slick-controls { right: auto; /* @include flex; @include pos(rt, 0, .3rem); */ }

.modal_popup_wrap .modal_popup .slick-controls .slick-counter, .event_head_pop .slick-controls .slick-counter, .event_foot_pop .slick-controls .slick-counter { color: #fff; font-size: 1.6rem; }

.modal_popup_wrap .modal_popup .slick-controls .slick-counter i, .event_head_pop .slick-controls .slick-counter i, .event_foot_pop .slick-controls .slick-counter i { background: #fff; }

.modal_popup_wrap .modal_popup .slick-controls .control, .event_head_pop .slick-controls .control, .event_foot_pop .slick-controls .control { font-size: 1.8rem; margin-left: 2rem; }

.modal_popup_wrap { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); z-index: 30; display: block; }

.modal_popup_wrap .modal_popup { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; width: 40rem; }

.modal_popup_wrap .modal_popup .item { border-radius: 5rem; overflow: hidden; }

.modal_popup_wrap .modal_popup .slick-arrow { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: .2s; transition: .2s; }

.modal_popup_wrap .modal_popup .slick-arrow::before { color: #fff; font-size: 4rem; }

.modal_popup_wrap .modal_popup .slick-prev { left: -18rem; }

.modal_popup_wrap .modal_popup .slick-prev:hover { -webkit-transform: translate(-1rem, -50%); transform: translate(-1rem, -50%); }

.modal_popup_wrap .modal_popup .slick-next { right: -18rem; }

.modal_popup_wrap .modal_popup .slick-next:hover { -webkit-transform: translate(1rem, -50%); transform: translate(1rem, -50%); }

.modal_popup_wrap .modal_popup .slick-controls { left: 0; top: auto; bottom: -4rem; }

.modal_popup_wrap .modal_popup .popup_close { display: -webkit-box; display: -ms-flexbox; display: flex; right: 0; margin-top: 1.4rem; }

body.not_event .event_head_pop { opacity: 0; visibility: hidden; overflow: hidden; max-height: 0; padding-top: 0; }

.event_head_pop { background: #000; color: #fff; position: relative; overflow: hidden; z-index: 2; height: 10rem; }

.event_head_pop .container { max-width: 1903px; padding: 0; }

.event_head_pop picture { display: block; height: 10rem; }

.event_head_pop picture img { -o-object-fit: cover; object-fit: cover; height: 100%; }

.event_head_pop .slick-controls { left: 8.6rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.event_head_pop .slick-controls .control { margin-left: 3.4rem; }

.event_head_pop .slick-arrow { right: inherit; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #fff; }

.event_head_pop .slick-arrow::before { font-size: 1.8rem; }

.event_head_pop .slick-prev { left: 5rem; }

.event_head_pop .slick-next { left: 12.5rem; }

.event_head_pop .popup_close { right: 6.3rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.event_foot_pop { background: #776d75; color: #fff; padding-top: 7rem; border-radius: 2rem 2rem 0 0; width: 58.2rem; position: fixed; left: 0; bottom: 0; z-index: 10; opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); /* opacity:0;visibility:hidden;transform:translateY(100%);transition:.3s ease;  */ }

.event_foot_pop .slick-list .item:focus { border: 2px solid #000; border-radius: 1rem; }

.event_foot_pop .popup_close { right: 4rem; top: 2.4rem; }

.event_foot_pop.fixed { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); }

.event_foot_pop .slick-controls { left: 6.6rem; top: 2.4rem; }

.event_foot_pop .slick-controls .control { margin-left: 3.4rem; }

.event_foot_pop .slick-arrow { right: inherit; top: 1.7rem; color: #fff; }

.event_foot_pop .slick-arrow::before { font-size: 1.8rem; }

.event_foot_pop .slick-prev { left: 3rem; }

.event_foot_pop .slick-next { left: 10.5rem; }

.popup_close { position: absolute; font-size: 1.8rem; }

.popup_close .custom-input input + label { font-size: 1.4rem; line-height: 2.2rem; }

.popup_close .custom-input input + label::before, .popup_close .custom-input input + label::after, .popup_close .custom-input input + i::before, .popup_close .custom-input input + i::after { width: 2rem; height: 2rem; border-radius: 50%; background: transparent; border-color: #fff; font-size: 1.8rem; }

.popup_close .popup_close_btn { display: inline-block; vertical-align: middle; }

.section h2 { text-align: center; font-size: 5.5rem; font-family: 'Play', sans-serif; color: #000; }

.section .cont { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.slick-arrow { position: absolute; top: 0; overflow: hidden; z-index: 1; font-size: 0; -webkit-transition: .2s; transition: .2s; color: #000; width: 3.6rem; height: 4rem; line-height: 1; }

.slick-arrow::before { font-family: "xeicon"; font-size: 2.2rem; display: block; -webkit-transition: .2s; transition: .2s; }

.main .slick-arrow { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 5.5rem; height: 5.5rem; overflow: hidden; z-index: 1; border: 1px solid rgba(180, 180, 180, 0.35); border-radius: 1.5rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: transparent; font-size: 0; -webkit-transition: .2s; transition: .2s; }

.main .slick-arrow::before { font-family: "xeicon"; font-size: 2.8rem; display: block; -webkit-transition: .2s; transition: .2s; }

.main .slick-arrow:hover { background: #fff; color: #000; -webkit-box-shadow: 0.3rem 0.3rem 2rem rgba(0, 0, 0, 0.13); box-shadow: 0.3rem 0.3rem 2rem rgba(0, 0, 0, 0.13); }

.slick-prev { left: 0; }

.slick-prev::before { content: '\e93c'; }

.slick-next { right: 0; }

.slick-next::before { content: '\e93f'; }

.slick-controls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; right: 0; top: 0.3rem; }

.slick-controls .slick-counter { position: static; }

.slick-controls .control { position: static; margin-left: 4.8rem; }

.slick-counter { /* @include pos(rt, 7.6rem, .8rem); */ font-weight: bold; }

.slick-counter i { display: inline-block; width: 1px; height: 1.2rem; background: #313133; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin: 0 .7rem; }

.control { /* @include pos(rt, 0, .5rem); */ }

.control button { display: none; }

.control button.active { display: block; }

#content { width: 100%; margin: 0; }

.container { max-width: 1280px; }

.go_top { display: none; }

/* =======================================================================================
visual_section
======================================================================================= */
.olpark_live { /*position: fixed;left:0;top:0;right: 0;bottom: 0;z-index: 999; */ }

.olpark_live .live_wrap { position: fixed; right: 10rem; top: 21%; width: 10.6rem; z-index: 3; }

.olpark_live .live_wrap .live { position: relative; padding-bottom: .9rem; }

.olpark_live .live_wrap .live .live_thumb { position: relative; overflow: hidden; border-radius: 50%; }

.olpark_live .live_wrap .live .live_thumb > img { -webkit-transition: all .5s; transition: all .5s; }

.olpark_live .live_wrap a:hover .live .live_thumb > img { -webkit-transform: scale(1.1); transform: scale(1.1); }

.olpark_live .live_wrap .live .live_thumb .play { position: absolute; left: 50%; top: 45%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.olpark_live .live_wrap .live .live_title { position: absolute; left: 50%; bottom: 0; width: 8.8rem; margin: 0 auto; padding: .8rem 0; border-radius: 5rem; background: #FC1D61; font-size: 1.5rem; color: #fff; font-weight: bold; text-align: center; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.olpark_live .live_wrap .live .live_title span:after { content: ""; display: inline-block; position: relative; top: .1rem; width: .5rem; height: .5rem; margin-left: .2rem; border-radius: 50%; background: #2CDB6C; vertical-align: top; -webkit-animation: light 1.5s infinite; animation: light 1.5s infinite; }

.olpark_live .video_popup_wrap { display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; padding: 3rem; text-align: center; overflow-y: auto; background: rgba(0, 0, 0, 0.8); z-index: 999; }

.olpark_live .video_popup_wrap::before { content: ""; display: inline-block; height: 100%; vertical-align: middle; }

.olpark_live .video_popup_wrap .video_wrap { display: inline-block; width: 99%; max-width: 100rem; vertical-align: middle; text-align: left; }

.olpark_live .video_popup_wrap .video_title { margin-bottom: 2.5rem; color: #fff; }

.olpark_live .video_popup_wrap .video_title strong { font-size: 3.6rem; vertical-align: middle; }

.olpark_live .video_popup_wrap .video_keyword { margin-top: 3.2rem; font-size: 2.4rem; font-weight: 300; color: #fff; opacity: .8; }

.olpark_live .video_popup_wrap .video_close { position: absolute; right: 3.3rem; top: 3.3rem; z-index: 3; -webkit-transition: all .3s; transition: all .3s; }

.olpark_live .video_popup_wrap .video_close:hover { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.olpark_live .video_popup_wrap .video_desc { color: #fff; border: 1px solid rgba(255, 255, 255, 0.3); padding: 2rem; height: 15rem; overflow-y: auto; line-height: 1.6; font-size: 1.4rem; }

.olpark_live .video_popup_wrap .video_desc::-webkit-scrollbar-track { background-color: #f5f5f5; border-radius: 1rem; }

.olpark_live .video_popup_wrap .video_desc::-webkit-scrollbar { width: 0.6rem; }

.olpark_live .video_popup_wrap .video_desc::-webkit-scrollbar-thumb { background-color: #d5d7dc; border-radius: 1rem; }

.olpark_live .video_popup_wrap .video_desc::-webkit-scrollbar-track { background: #666; }

.olpark_live .live_type { display: inline-block; vertical-align: middle; margin: 0 auto; padding: .8rem 1.9rem; border-radius: 5rem; background: #FC1D61; font-size: 2.5rem; color: #fff; font-weight: bold; text-align: center; }

.olpark_live .live_type span:after { content: ""; display: inline-block; position: relative; top: .1rem; width: .5rem; height: .5rem; margin-left: .2rem; border-radius: 50%; background: #2CDB6C; vertical-align: top; -webkit-animation: light 1.5s infinite; animation: light 1.5s infinite; }

.olpark_live .video_box { position: relative; padding-bottom: 56.25%; }

.olpark_live .video_box iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.visual_section { color: #fff; background: #3E3E3E; padding: 5rem 0 13rem; }

.visual_section .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 1720px; }

.visual_section .item { position: relative; }

.visual_section .title { position: absolute; left: 4rem; top: 3.3rem; z-index: 2; }

.visual_section .title strong { font-size: 2.7rem; font-family: 'Play', sans-serif; display: block; margin-bottom: 0.5rem; -webkit-transition: .2s; transition: .2s; }

.visual_section .title p { opacity: 0; visibility: hidden; -webkit-transform: translateY(2rem); transform: translateY(2rem); -webkit-transition: .2s .2s; transition: .2s .2s; margin-top: 2rem; }

.visual_section .figure { position: relative; -webkit-transition: .3s; transition: .3s; border-radius: 1rem; overflow: hidden; display: block; }

.visual_section .figure::before { content: ""; display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 30rem; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 15, 50, 0.75)), to(rgba(0, 15, 50, 0))); background: linear-gradient(180deg, rgba(0, 15, 50, 0.75), rgba(0, 15, 50, 0)); opacity: 0; visibility: hidden; -webkit-transform: translateY(-30rem); transform: translateY(-30rem); -webkit-transition: .2s; transition: .2s; }

.visual_section img { display: block; }

.visual_section .detail { display: none; position: absolute; left: 4rem; right: 4rem; bottom: 4rem; margin: 0 auto; max-width: 40rem; }

.visual_section .detail a { display: block; border: 1px solid rgba(255, 255, 255, 0.4); background: rgba(0, 0, 0, 0.5); padding: 1rem; margin-top: .5rem; }

.visual_section .detail a:hover, .visual_section .detail a:focus { background: rgba(0, 0, 0, 0.7); -webkit-transition: .2s; transition: .2s; }

.visual_section .active.item { z-index: 1; }

.visual_section .active .title strong { font-size: 3.4rem; }

.visual_section .active .title p { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); }

.visual_section .active .figure { -webkit-transform: scale(1.05); transform: scale(1.05); }

.visual_section .active .figure::before { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); }

.visual_section .active img { -webkit-box-shadow: 4rem 0 5rem rgba(0, 0, 0, 0.4); box-shadow: 4rem 0 5rem rgba(0, 0, 0, 0.4); }

.visual_section .active .detail { display: block; }

/* =======================================================================================
section01 - Olpark News
======================================================================================= */
.contents_section { background: linear-gradient(156deg, #fff, #EFF2FF, #F1F6F1, #F1F7EF, #F1F8ED); }

.section01 { max-width: 1720px; background-color: #fff; border-radius: 4rem 4rem 0 0; padding: 7rem 0 0; -webkit-transform: translateY(-8rem); transform: translateY(-8rem); margin: 0 auto; }

.section01 .container { border-bottom: 1px solid rgba(112, 112, 122, 0.2); }

.section01 .cont { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 4rem; }

.section01 .news { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 60%; flex: 1 1 60%; max-width: 60%; }

.section01 .news .balloon { position: absolute; left: 0; top: -8rem; color: #fff; background: linear-gradient(100deg, #0F7B7B, #2780DF); padding: 1.5rem; border-radius: 1.8rem 1.8rem 1.8rem 0; }

.section01 .news .balloon strong { font-size: 1.7rem; }

.section01 .news .balloon span { font-size: 1.5rem; }

.section01 .news .balloon::after { content: ""; display: block; width: 1.6rem; height: 1.4rem; background: url("../img/main/balloon_tail.png") 0 0/cover no-repeat; position: absolute; left: 0; top: 100%; }

.section01 .news .title { display: block; font-size: 3.3rem; text-align: left; margin-bottom: 3rem; font-family: 'Spoqa Han Sans Neo'; }

.section01 .news .link { padding: 1rem 1.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.section01 .news .link:hover .txt::before, .section01 .news .link:focus .txt::before { width: 100%; -webkit-transition: 0.2s; transition: 0.2s; }

.section01 .news .date { text-align: center; -webkit-box-flex: 0; -ms-flex: 0 0 7rem; flex: 0 0 7rem; max-width: 7rem; padding-right: 2rem; }

.section01 .news .date small { color: #767676; font-size: 1.4rem; }

.section01 .news .date strong { display: block; font-size: 3.1rem; }

.section01 .news .txt { display: block; display: -webkit-box; -webkit-line-clamp: 2; height: 4rem; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; word-break: keep-all; height: auto; /*flex:1 1 calc(100% - 7rem);max-width:calc(100% - 7rem);*/ position: relative; }

.section01 .news .txt::before { position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background-color: #222; content: ''; }

.section01 .news .more { position: absolute; left: 15rem; top: 1rem; }

.section01 .news .more i { margin-left: 0.5rem; }

.section01 .news .slick-arrow { -webkit-transform: none; transform: none; }

.section01 .news .slick-prev { top: 0; left: inherit; right: 6.5rem; }

.section01 .news .slick-next { top: 0; }

.section01 .popupzone { -webkit-box-flex: 1; -ms-flex: 1 1 47.8rem; flex: 1 1 47.8rem; max-width: 47.8rem; position: relative; color: #fff; }

.section01 .popupzone .slick-counter { position: absolute; right: 6.4rem; bottom: 1rem; z-index: 1; }

.section01 .popupzone .slick-arrow { border: 0; width: auto; height: auto; left: inherit; top: inherit; bottom: 1rem; -webkit-transform: none; transform: none; color: #fff; }

.section01 .popupzone .slick-arrow::before { font-size: 2rem; }

.section01 .popupzone .slick-arrow:hover { background: none; }

.section01 .popupzone .slick-prev { right: 10rem; }

.section01 .popupzone .slick-next { right: 3.5rem; }

.section01 .popupzone .control { position: absolute; right: 0; bottom: 0; width: 13.6rem; height: 4.3rem; background: rgba(0, 0, 0, 0.5); }

.section01 .popupzone .control button { position: absolute; right: 1.5rem; bottom: 0.9rem; }

.section01 .popupzone .slick-slide { overflow: hidden; background: #000; }

.section01 .popupzone .slick-slide img { display: block; width: 100%; opacity: 1; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: 0.2s; transition: 0.2s; }

.section01 .popupzone .slick-slide:hover img, .section01 .popupzone .slick-slide:focus img { opacity: 0.75; -webkit-transform: scale(1.15); transform: scale(1.15); }

/* =======================================================================================
section02 - Culture & Arts
======================================================================================= */
.section02 { max-width: 1720px; background-color: #fff; padding: 7rem 0 3rem; -webkit-transform: translateY(-8rem); transform: translateY(-8rem); margin: 0 auto; }

.section02 .title h2 { margin-bottom: 1.8rem; text-align: center; }

.section02 .culture { margin: 0 -1.3rem; display: block; }

.section02 .culture .item { opacity: .6; -webkit-transform: scale(0.9); transform: scale(0.9); }

.section02 .culture .item:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); }

.section02 .culture .slick-list { padding: 8rem 1.3rem 10rem !important; /* &::before, &::after{content:"";display: block;width: 5rem;height: 100%;position: absolute;left: 0;top: 0;background: linear-gradient(to left, rgba(255,255,255,0), rgba(255,255,255,1));z-index: 2;} &::after{background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1));left:auto;right:0;} */ }

.section02 .culture .slick-list img { width: 100%; height: 100%; border-radius: .8rem; -webkit-transition: .2s; transition: .2s; }

.section02 .culture .slick-center { /*width: 32.8rem!important;height: 45rem;margin:-3rem 0 0 0;*/ position: relative; z-index: 10; -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 1; }

.section02 .culture .slick-center img { -webkit-box-shadow: 0 2rem 5rem rgba(0, 0, 0, 0.3); box-shadow: 0 2rem 5rem rgba(0, 0, 0, 0.3); }

.section02 .culture .slick-center:hover img { -webkit-transform: scale(1); transform: scale(1); }

.section02 .culture .slick-center .poster .place { opacity: 1; visibility: visible; -webkit-transform: translateX(0rem); transform: translateX(0rem); -webkit-transition: .3s ease .2s; transition: .3s ease .2s; }

.section02 .culture .slick-center .poster .link { opacity: 1; visibility: visible; -webkit-transform: translateY(0rem); transform: translateY(0rem); -webkit-transition: .3s ease .4s; transition: .3s ease .4s; }

.section02 .culture .slick-center .detail { display: block; }

.section02 .culture .slick-arrow { border: 0; width: auto; height: auto; top: 1.2rem; }

.section02 .culture .slick-arrow::before { font-size: 4.8rem; }

.section02 .culture .slick-arrow:hover { -webkit-box-shadow: none; box-shadow: none; }

.section02 .culture .slick-prev { left: 50%; -webkit-transform: translateX(-32.75rem); transform: translateX(-32.75rem); }

.section02 .culture .slick-prev::before { content: '\e93b'; }

.section02 .culture .slick-next { right: inherit; left: 50%; -webkit-transform: translateX(27.25rem); transform: translateX(27.25rem); }

.section02 .culture .slick-next::before { content: '\e93e'; }

.section02 .culture .slick-dots { margin-top: 2rem; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.section02 .culture .slick-dots li { display: inline-block; margin: 0 .4rem; }

.section02 .culture .slick-dots li button { color: transparent; display: block; width: 1.2rem; height: 1.2rem; background-color: #fff; border: 1px solid #AAAAAA; border-radius: 50%; }

.section02 .culture .slick-dots li.slick-active button { background-color: #292F54; border-color: #292F54; }

.section02 .culture .slick-controls { position: static; margin-top: -2rem; margin-bottom: 4rem; }

.section02 .culture .slick-controls .control { margin-left: 2rem; font-size: 2rem; }

.section02 .culture .poster { position: relative; border-radius: 1rem; }

.section02 .culture .poster .place { position: absolute; left: -1.4rem; top: 2rem; padding: .7rem 1.4rem; display: block; color: #fff; background: #000; border-radius: .5rem .5rem .5rem 0; opacity: 0; visibility: hidden; -webkit-transform: translateX(-1rem); transform: translateX(-1rem); }

.section02 .culture .poster .place::before { content: ""; display: block; width: 0; height: 0; border: 1rem solid transparent; border-bottom-color: #000; position: absolute; top: calc(100% - 1rem); left: 0.4rem; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.section02 .culture .poster .link { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; left: 0; right: 0; bottom: 0; color: #fff; border-radius: 0 0 .8rem .8rem; overflow: hidden; opacity: 0; visibility: hidden; -webkit-transform: translateY(1rem); transform: translateY(1rem); }

.section02 .culture .poster .ticket { background: #3A3A3A; padding: 1.8rem; -webkit-box-flex: 1; -ms-flex: 1 1 80%; flex: 1 1 80%; max-width: 80%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: .2s; transition: .2s; }

.section02 .culture .poster .ticket i { margin-right: 1rem; font-size: 2.1rem; color: #0F7B7B; }

.section02 .culture .poster .ticket span { font-size: 1.4rem; }

.section02 .culture .poster .ticket:hover { background: #2d2d2d; }

.section02 .culture .poster .view { background: #0F7B7B; padding: 1.8rem; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center; font-size: 1.4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 0 0 .8rem 0; -webkit-transition: .2s; transition: .2s; }

.section02 .culture .poster .view:hover { background: #0c6464; }

.section02 .culture .poster .pic { position: relative; overflow: hidden; }

.section02 .culture .poster .pic::after { position: absolute; left: -7rem; top: -30rem; width: 10rem; height: 50rem; background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(#fff), to(rgba(255, 255, 255, 0))); background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff, rgba(255, 255, 255, 0)); content: ''; opacity: 0.2; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.section02 .culture .poster:hover .pic::after { left: 100%; top: 100%; -webkit-transition: 1.5s ease; transition: 1.5s ease; }

.section02 .culture .detail { text-align: center; display: none; }

.section02 .culture .detail .date { color: #8c8c8c; font-size: 1.4rem; letter-spacing: 0.1em; display: block; margin: 2.5rem 0 .8rem; }

.section02 .culture .detail .title { font-size: 2rem; display: block; }

/* =======================================================================================
section03 - Olpark9
======================================================================================= */
.section03 { padding-bottom: 8rem; }

.section03 .title { position: absolute; top: 0; }

.section03 .title h2 { text-align: left; }

.section03 .title h2 strong { display: block; margin-bottom: 2rem; }

.section03 .title h2 small { display: block; font-size: 1.9rem; color: #0F7B7B; margin-bottom: 1.2rem; }

.section03 .title p { font-size: 1.6rem; }

.section03 .cont { position: relative; height: 48.4rem; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.section03 .cont .item { position: relative; margin: 0 7.5px; }

.section03 .cont .item:hover img, .section03 .cont .item:focus img { -webkit-transform: scale(1.1); transform: scale(1.1); }

.section03 .cont .detail { position: absolute; bottom: 1.5rem; left: 1.5rem; z-index: 1; -webkit-transition: .2s; transition: .2s; }

.section03 .cont .item_title { font-size: 1.7rem; }

.section03 .cont .item_title span { margin-right: 1rem; }

.section03 .cont .item_title strong { font-weight: 400; }

.section03 .cont .item_cont { display: none; }

.section03 .cont .item_cont strong { display: block; margin-bottom: .7rem; }

.section03 .cont .btn { display: none; position: absolute; right: 0rem; top: 0rem; border-radius: 2.4rem; border: 1px solid #fff; padding: 1rem 2rem; }

.section03 .cont img { width: 245px; height: 162px; -webkit-transition: .2s; transition: .2s; }

.section03 .cont .figure { position: relative; display: inline-block; border-radius: .8rem; overflow: hidden; }

.section03 .cont .figure::after { content: ""; display: block; background: rgba(0, 0, 0, 0.35); position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.section03 .cont .slick-list { color: #fff; padding-top: 30rem !important; }

.section03 .cont .slick-active + .slick-active + .slick-active + .slick-active { margin: -300px 0 0 -212px !important; z-index: -1; }

.section03 .cont .slick-active + .slick-active + .slick-active + .slick-active .figure::after { display: none; }

.section03 .cont .slick-active + .slick-active + .slick-active + .slick-active .detail { top: 4rem; bottom: inherit; left: 4rem; right: 4rem; }

.section03 .cont .slick-active + .slick-active + .slick-active + .slick-active .item_title { font-size: 2.7rem; margin-bottom: 1.8rem; }

.section03 .cont .slick-active + .slick-active + .slick-active + .slick-active .item_cont, .section03 .cont .slick-active + .slick-active + .slick-active + .slick-active .btn { display: block; }

.section03 .cont .slick-active + .slick-active + .slick-active + .slick-active img { width: 720px; height: 480px; }

.section03 .cont .slick-next { left: 6rem; }

/* =======================================================================================
section04 - Play & Health
======================================================================================= */
.section04 .container { background: linear-gradient(100deg, #0F7B7B, #54AB34); border-radius: 4rem; padding: 7rem 7rem 0; max-width: 1720px; }

.section04 .title { color: #fff; text-align: center; margin-bottom: 5rem; }

.section04 .title h2 { color: inherit; margin-bottom: 1.8rem; }

.section04 .title p { margin-bottom: 3rem; }

.section04 .title .more { border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 2.4rem; padding: 1.4rem 3.5rem; display: inline-block; -webkit-transition: .2s; transition: .2s; }

.section04 .title .more:hover { background: rgba(255, 255, 255, 0.35); -webkit-box-shadow: 0.3rem 0.3rem 2rem rgba(0, 0, 0, 0.13); box-shadow: 0.3rem 0.3rem 2rem rgba(0, 0, 0, 0.13); }

.section04 .cont { display: block; }

.section04 .cont .slick-list { padding: 9.5rem 0; }

.section04 .cont a { display: block; position: relative; text-align: center; }

.section04 .cont a .figure { display: inline-block; border-radius: 6.6rem; overflow: hidden; position: relative; }

.section04 .cont a .figure::after { content: ''; background: rgba(0, 0, 0, 0.4); position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; -webkit-transition: .2s; transition: .2s; }

.section04 .cont a .detail { opacity: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; -webkit-transform: translateY(2rem); transform: translateY(2rem); color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; -webkit-transition: .2s .1s; transition: .2s .1s; }

.section04 .cont a strong { display: block; font-size: 2.4rem; margin-bottom: 1rem; }

.section04 .cont a img { -webkit-transition: .2s; transition: .2s; }

.section04 .cont a:hover .figure, .section04 .cont a:focus .figure { -webkit-box-shadow: 0 4rem 2rem rgba(0, 0, 0, 0.16); box-shadow: 0 4rem 2rem rgba(0, 0, 0, 0.16); }

.section04 .cont a:hover .figure img, .section04 .cont a:focus .figure img { -webkit-transform: scale(1.1); transform: scale(1.1); }

.section04 .cont a:hover .figure::after, .section04 .cont a:focus .figure::after { opacity: 1; visibility: visible; }

.section04 .cont a:hover .figure .detail, .section04 .cont a:focus .figure .detail { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.section04 .cont .item:nth-child(odd) { margin-top: -8rem; }

.section04 .slick-arrow { top: 12.5rem; }

.section04 .slick-arrow::before { color: #fff; }

.section04 .slick-arrow:hover { background: rgba(255, 255, 255, 0.35); }

.section04 .slick-prev { left: 50%; -webkit-transform: translateX(-32.75rem); transform: translateX(-32.75rem); }

.section04 .slick-next { right: inherit; left: 50%; -webkit-transform: translateX(27.25rem); transform: translateX(27.25rem); }

.etc_site .list { padding: 0 8rem 0 5rem; }

.etc_site a { display: block; padding: 2rem; font-weight: bold; -webkit-transition: .2s; transition: .2s; }

.etc_site a:hover { -webkit-transform: translateY(-0.5rem); transform: translateY(-0.5rem); text-shadow: 0 0.5rem 0.75rem rgba(0, 0, 0, 0.05); }

.etc_site .slick-arrow { border: 0; }

.etc_site .slick-arrow:hover { background: none; -webkit-box-shadow: none; box-shadow: none; }

.etc_site .slick-next { right: 3rem; }

.etc_site .control { position: absolute; right: 0; top: 1.7rem; font-size: 2.2rem; }

/* =======================================================================================
글자크기
======================================================================================= */
/* =======================================================================================
블랙모드
======================================================================================= */
.contrast .gnb_area, .contrast .visual_section { background: #1E1E1E; color: #fff; }

.contrast .contents_section { background: #1E1E1E; color: #fff; }

.contrast .section h2 { color: #fff; }

.contrast .section01, .contrast .section02, .contrast .section04 .container { background: #2D2D2D; }

.contrast .section02 .culture .slick-list::before, .contrast .section02 .culture .slick-list::after { display: none; }

.contrast .footer { background: #262626; color: #fff; }

.contrast .footer a { color: inherit; }

.contrast .footer .footer_logo .link { background-position: 0 0; }

.contrast .footer .address_group { color: #979797; }

@media (max-width: 1720px) { .event_head_pop { height: auto; }
  .event_head_pop .popup_close { right: 2rem; } }

@media (max-width: 1023.98px) { .event_head_pop { padding-top: 4rem; }
  .event_head_pop .slick-counter, .event_head_pop .control, .event_head_pop .popup_close { top: 1rem; -webkit-transform: none; transform: none; }
  .event_head_pop .control button { line-height: 1.2; }
  .olpark_live .live_wrap { right: 3rem; }
  .olpark_live .video_popup_wrap { padding: 1.5rem; }
  .olpark_live .video_popup_wrap .video_title { left: 1.5rem; right: 8rem; }
  .olpark_live .video_popup_wrap .video_title strong { font-size: 2.3rem; }
  .olpark_live .video_popup_wrap .video_close { width: 5rem; right: 1.5rem; }
  .visual_section { padding: 2rem 0 5rem; }
  .visual_section .item { text-align: center; }
  .visual_section .figure { display: inline-block; position: relative; text-align: left; }
  .visual_section .slick-slider img { -webkit-box-shadow: none; box-shadow: none; -webkit-transform: none; transform: none; }
  .visual_section .slick-slider .title strong { font-size: 3.4rem; margin-bottom: 1rem; }
  .visual_section .slick-slider .title p { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); margin-top: 2rem; }
  .visual_section .slick-slider .detail { display: block; }
  .visual_section .slick-slider .slick-arrow { background: rgba(0, 0, 0, 0.5); }
  .section01 { -webkit-transform: translateY(-4rem); transform: translateY(-4rem); }
  .section01 .cont { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .section01 .cont .news { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; }
  .section01 .cont .news .balloon { width: 100%; }
  .section01 .cont .popupzone { margin: 2rem auto 0; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; }
  .section02 { padding-top: 3rem; -webkit-transform: translateY(-4rem); transform: translateY(-4rem); }
  .section02 .culture { /* .slick-current + .slick-active + .slick-active{opacity:0.6; transform:scale(0.9); img{box-shadow:none}  .poster .place, .poster .link, .detail{display: none;} }    */ }
  .section02 .culture .item { -webkit-transform: scale(1); transform: scale(1); }
  .section02 .culture .slick-list { padding: 8rem 8rem 9rem !important; }
  .section02 .culture .slick-current { /*width: 32.8rem!important;height: 45rem;margin:-3rem 0 0 0;*/ position: relative; z-index: 10; -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 1; }
  .section02 .culture .slick-current img { -webkit-box-shadow: 0 2rem 5rem rgba(0, 0, 0, 0.3); box-shadow: 0 2rem 5rem rgba(0, 0, 0, 0.3); }
  .section02 .culture .slick-current .poster .place { display: block; }
  .section02 .culture .slick-current .poster .link { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .section02 .culture .slick-current .detail { display: block; }
  .section02 .culture .slick-arrow { width: 5.5rem; height: 5.5rem; top: 30rem; background: rgba(0, 0, 0, 0.5); color: #fff; border: 1px solid rgba(180, 180, 180, 0.35); }
  .section02 .culture .slick-arrow::before { font-size: 2.8rem; }
  .section02 .culture .slick-prev { left: 0; -webkit-transform: none; transform: none; }
  .section02 .culture .slick-next { left: inherit; right: 0; -webkit-transform: none; transform: none; }
  .section02 .culture .poster .ticket i { display: none; }
  .section02 .news { padding: 0 4rem; }
  .section02 .news .item { padding: 1rem; }
  .section03 { padding-bottom: 5rem; }
  .section03 .title { position: static; }
  .section03 .title h2 small, .section03 .title p { display: none; }
  .section03 .cont { height: auto; }
  .section03 .cont .slick-list { padding-top: 0 !important; }
  .section03 .cont .figure .detail { bottom: auto; top: 1.5rem; }
  .section03 .cont .figure .item_title { font-size: 2rem; }
  .section03 .cont .figure img { width: auto; height: auto; }
  .section03 .cont .figure::after { display: none; }
  .section03 .cont .slick-arrow { left: inherit; top: 0; -webkit-transform: translateY(-140%); transform: translateY(-140%); }
  .section03 .cont .slick-prev { right: 6rem; }
  .section03 .cont .slick-next { right: 0; }
  .section04 .container { padding: 5rem 1.5rem; }
  .section04 .cont .slick-list { padding-left: 3rem !important; padding-right: 3rem !important; }
  .section04 .cont .slick-arrow { top: 20.5rem; }
  .section04 .cont .slick-prev { -webkit-transform: translateX(-17.25rem); transform: translateX(-17.25rem); }
  .section04 .cont .slick-next { -webkit-transform: translateX(11.25rem); transform: translateX(11.25rem); }
  .section04 .cont .item:nth-child(odd) { margin-top: 0rem; }
  .section04 .cont a { margin: 0 1rem; }
  .section04 .cont a:hover .figure { -webkit-box-shadow: none; box-shadow: none; }
  .section04 .cont a .figure .detail { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); }
  .section04 .cont a .figure::after { opacity: 1; visibility: visible; } }

@media (max-width: 767.98px) { .event_foot_pop { max-width: 100%; } }
/*# sourceMappingURL=main.css.map */