/* 서브 네비게이션 */
#sub-navigation { position: relative; top: -30px; }
#sub-navigation .nav { font-size: 16px; line-height: 60px; display: flex; height: 60px; color: #222; background: #fff; }
#sub-navigation .nav > * { width: 33.3%; flex: 1 1 auto; }
#sub-navigation .nav .home { display: block; padding: 0 30px; padding-left: 60px; background: #f1f1f1 url(/user/images/common/icon_home.png) no-repeat left 30px center; }
#sub-navigation .nav .nav-name { width: 100%; padding: 0 30px; text-align: left; }
#sub-navigation .nav .nav-select { position: relative; z-index: 3; cursor: pointer; background-color: #e4e4e4; }
#sub-navigation .nav .nav-select:before { position: absolute; z-index: 1; top: 50%; right: 30px; display: block; width: 15px; height: 8px; margin-top: -4px; content: ""; background: url(/user/images/common/icon_select.png) no-repeat center; }
#sub-navigation .nav .nav-select1:before { display: none; }
#sub-navigation .nav .nav-select1 .nav-name { cursor: default; }
#sub-navigation .nav .nav-select:nth-of-type(2) { background-color: #d1d1d1; }
#sub-navigation .nav .nav-select:last-of-type { color: #fff; background-color: #0a9e4c; }
#sub-navigation .nav .nav-select:last-of-type:before { background-image: url(/user/images/common/icon_select2.png); }
#sub-navigation .nav .nav-select:last-of-type .nav-name { color: #fff; }
#sub-navigation .nav .nav-select.active .nav-select-list { display: block; }
#sub-navigation .nav .nav-select.active:before { transform: rotate(180deg); }
#sub-navigation .nav-select-list { line-height: 1.3; display: none; border: 1px solid #e4e4e4; border-top: none; background: #fff; }
#sub-navigation .nav-select-list > li { color: #222; }
#sub-navigation .nav-select-list > li > a { display: block; padding: 15px 30px; }
#sub-navigation .nav-select-list > li > a:hover { background: #f8f8f8; }

/* 메인 - 기존 */
#contents.main .content { padding: 0; overflow: hidden; }
#contents.main .main-title { font-size: 40px; font-weight: 300; margin-bottom: 65px; }
#contents.main .main-visual-area .main-notice { font-size: 22px; line-height: 160px; display: flex; width: 100%; height: 160px; color: #fff; background: #0a9e4c; }
#contents.main .main-visual-area .main-notice .notice-title { font-weight: bold; width: 10.47%; text-align: center; border-right: 1px solid rgba(0, 0, 0, 0.2); }
#contents.main .main-visual-area .main-notice .notice-list { width: 74.13%; padding: 0 2.33%; }
#contents.main .main-visual-area .main-notice .notice-list .notice-link { font-weight: 500; display: inline-block; overflow: hidden; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; }
#contents.main .main-visual-area .main-notice .notice-more { font-weight: 500; width: 15.4%; padding: 0 3.49%; text-align: right; }
#contents.main .main-visual-area .main-notice .notice-more .more-link { padding-right: 31.03%; background: url(/user/images/common/icon_more.png) no-repeat right center; }
#contents.main .main-visual .swiper-slide { position: relative;  }
#contents.main .main-visual .swiper-slide-content { position: relative; background-repeat: no-repeat; background-position: center; background-size: 100% 100%; }
#contents.main .main-visual .swiper-slide-content:before { content:""; display: block; padding-top: 26.16279%; }
#contents.main .main-visual .swiper-slide-content .img_alt { display: block; white-space: nowrap; overflow: hidden; text-indent: 100%; }
#contents.main .main-visual .visual-desc1 { font-size: 50px; font-weight: 300; color: #fff; }
#contents.main .main-visual .visual-desc2 { font-size: 64px; font-weight: 300; position: relative; color: #fff; }
#contents.main .main-visual .visual-desc2 span { position: relative; }
#contents.main .main-visual .visual-desc2 b { font-weight: bold; }
#contents.main .main-visual .visual-desc2 .dot { position: absolute; right: -20px; bottom: 15px; display: block; overflow: hidden; width: 10px; height: 10px; white-space: nowrap; text-indent: 100%; background: #0a9e4c; }
#contents.main .main-visual .swiper-slide .visual-desc1,
#contents.main .main-visual .swiper-slide .visual-desc2 { transition: 0.5s ease 0.5s; opacity: 1; }
#contents.main .main-visual .swiper-slide.active .visual-desc1,
#contents.main .main-visual .swiper-slide.active .visual-desc2 { opacity: 1; }
#contents.main .main-visual .swiper-slide.active .visual-desc1 { transition: opacity 1s ease 0.4s; }
#contents.main .main-visual .swiper-slide.active .visual-desc2 { transition: opacity 1.5s ease 0.65s; }
#contents.main .main-visual .main-visual-control { position: absolute; right: 0; bottom: 0; z-index: 1; width: 200px; height: 65px; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.6); }
#contents.main .main-visual .main-visual-control .control { overflow: hidden; width: 32px; height: 32px; white-space: nowrap; text-indent: 100%; border-radius: 100%; background-repeat: no-repeat; background-position: center; }
#contents.main .main-visual .main-visual-control .control.prev { background-image: url(/user/images/main/icon_prev2.png); }
#contents.main .main-visual .main-visual-control .control.next { background-image: url(/user/images/main/icon_next2.png); }
#contents.main .main-visual .main-visual-control .pagination { font-size: 18px; font-weight: 500; width: auto; min-width: 65px; padding: 0 15px; text-align: center; color: #fff; }
#contents.main .main-space-concept { padding: 130px 0 135px 0; }
#contents.main .main-space-concept .main-title { margin-bottom: 95px; text-align: center; }
#contents.main .main-space-concept .main-sc-list { overflow: hidden; }
#contents.main .main-space-concept .main-sc-list ul { display: flex; width: 80%; margin: 0 -30px; margin: 0 auto; justify-content: center; }
#contents.main .main-space-concept .main-sc-list ul > li { width: 33.3%; padding: 0 30px; }
#contents.main .main-space-concept .main-sc-list .item { text-align: center; }
#contents.main .main-space-concept .main-sc-list .item .main-sc-img { margin-bottom: 35px; }
#contents.main .main-space-concept .main-sc-list .item .main-sc-title { font-size: 24px; display: block; margin-bottom: 15px; color: #0a9e4c; }
#contents.main .main-space-concept .main-sc-list .item .main-sc-desc { font-size: 20px; font-weight: 300; color: #222; }
#contents.main .main-space-introduction .inner { position: relative; min-height: 1340px; padding-top: 160px; padding-bottom: 140px; }
#contents.main .main-space-introduction .main-si-list ul > li { position: absolute; overflow: hidden; }
#contents.main .main-space-introduction .main-si-list ul > li.list1 { top: 0; right: 15px; width: 450px; height: 550px; }
#contents.main .main-space-introduction .main-si-list ul > li.list2 { width: 550px; height: 450px; }
#contents.main .main-space-introduction .main-si-list ul > li.list3 { right: 100px; bottom: 140px; width: 450px; height: 550px; }
#contents.main .main-space-introduction .main-si-list .item { position: relative; display: block; height: 100%; }
#contents.main .main-space-introduction .main-si-list .item:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; content: ""; transition: 0.25s ease-in-out; background-repeat: no-repeat; background-position: center; background-size: cover; }
#contents.main .main-space-introduction .main-si-list ul > li:hover .item:before { transform: scale(1.1); }
#contents.main .main-space-introduction .main-si-list ul > li.list1 .item:before { background-image: url(/user/images/content/content1-1.png); }
#contents.main .main-space-introduction .main-si-list ul > li.list2 .item:before { background-image: url(/user/images/content/content1-2.png); }
#contents.main .main-space-introduction .main-si-list ul > li.list3 .item:before { background-image: url(/user/images/content/content1-3.png); }
#contents.main .main-space-introduction .main-si-list .item .item-content { position: absolute; bottom: 0; left: 0; min-width: 320px; padding: 25px; padding-bottom: 0; background: #fff; }
#contents.main .main-space-introduction .main-si-list .item .item-title-en { font-size: 24px; display: block; margin-bottom: 15px; color: #0a9e4c; }
#contents.main .main-space-introduction .main-si-list .item .item-title { font-size: 20px; font-weight: 300; display: block; color: #222; }
#contents.main .main-service-guide { padding: 100px 0; background: #f1f1f1; }
#contents.main .main-service-guide .inner { position: relative; z-index: 1; min-height: 530px; padding-top: 120px; }
#contents.main .main-service-guide .main-sg-wrap { float: left; }
#contents.main .main-service-guide .main-sg-wrap .main-sg-list { width: 450px; }
#contents.main .main-service-guide .main-sg-wrap .main-sg-list ul > li { font-size: 20px; font-weight: 500; color: #222; }
#contents.main .main-service-guide .main-sg-wrap .main-sg-list ul > li.active { color: #fff; background: #0a9e4c; }
#contents.main .main-service-guide .main-sg-wrap .main-sg-list ul > li > a.main-sg-menu-link { position: relative; display: block; padding: 22px 40px; }
#contents.main .main-service-guide .main-sg-wrap .main-sg-list ul > li.active > a.main-sg-menu-link:before { position: absolute; top: 50%; right: 40px; display: block; width: 20px; height: 2px; margin-top: -1px; content: ""; background: #fff; }
#contents.main .main-service-guide .main-sg-wrap .main-sg-thumb { position: absolute; z-index: -1; top: 0; right: 15px; display: none; width: 800px; height: 530px; background-repeat: no-repeat; background-position: center; background-size: cover; }
#contents.main .main-service-guide .main-sg-wrap .main-sg-list ul > li.list1 .main-sg-thumb { display: block; background-image: url(/user/images/content/content2-1.png); }
#contents.main .main-service-guide .main-sg-wrap .main-sg-list ul > li.list2 .main-sg-thumb { background-image: url(/user/images/content/content2-2.png); }
#contents.main .main-service-guide .main-sg-wrap .main-sg-list ul > li.list3 .main-sg-thumb { background-image: url(/user/images/content/content2-3.png); }
#contents.main .main-service-guide .main-sg-wrap .main-sg-content { position: relative; height: 100%; }
#contents.main .main-service-guide .main-sg-wrap .main-sg-content .more-info { font-size: 17px; font-weight: 500; line-height: 70px; position: absolute; right: 0; bottom: 0; min-width: 230px; height: 70px; padding: 0 20px 0 30px; color: #222; border-right: 10px solid #0a9e4c; background: #fff url(/user/images/common/icon_more2.png) no-repeat right 20px center; }
#contents.main .main-location { padding: 140px 0 130px 0; }
#contents.main .main-location .inner { display: flex; flex-direction: row-reverse; align-items: center; justify-content: flex-end; }
#contents.main .main-location .main-location-info .main-location-desc { font-size: 20px; margin-bottom: 45px; color: #666; }
#contents.main .main-location .main-location-info .main-location-map-link { width: 300px; }
#contents.main .main-location .main-location-info .main-location-map-link a { line-height: 60px; display: block; height: 60px; margin-bottom: 20px; padding: 0 25px; color: #666; border: 1px solid #ddd; background: url(/user/images/common/icon_more3.png) no-repeat right 25px center; }
#contents.main .main-location .main-location-info .main-location-map-link a:last-child { margin-bottom: 0; }
#contents.main .main-location .main-location-info .main-location-map-link a:hover { color: #fff; border-color: transparent; background-color: #0a9e4c; background-image: url(/user/images/common/icon_more4.png); }
#contents.main .main-location .main-location-map { width: 785px; height: 530px; margin-right: 55px; }

/* 메인 - 리뉴얼 */
#contents.main .main-content { padding: 30px 0 60px 0; }
#contents.main .today_schedule { margin-bottom: 30px; }
#contents.main .today_schedule table { width: 100%; }
#contents.main .today_schedule table thead { background: #495672; color: #fff; }
#contents.main .today_schedule table thead th,
#contents.main .today_schedule table tbody td { height: 60px; text-align: center; vertical-align: middle; padding: 10px 30px; white-space: nowrap; word-break: keep-all; }
#contents.main .today_schedule table thead th { font-size: 16px; font-weight: 500; }
#contents.main .today_schedule table tbody td { border:1px solid #ddd; font-size: 16px; color: #444; }
#contents.main .today_schedule table tbody tr:nth-child(even) { background: #f9f9f9; }
#contents.main .today_schedule table .date { font-size: 18px; color: #222; font-weight: 600; }
#contents.main .today_schedule table .desc { text-align: left; }
#contents.main .today_schedule .no_today_schedule { border:1px solid #ddd; padding: 30px 30px; padding-left: 85px; font-size: 18px; color: #999; background: url(/user/images/common/icon_calendar2.png) no-repeat left 30px center; }
#contents.main .main-col2 { display: flex; margin: 0 -50px; padding-bottom: 30px; flex-wrap: wrap; }
#contents.main .main-col2 .col-item { width: 50%; padding: 0 50px; }
#contents.main .main-tab { overflow: hidden; margin-bottom: 25px; }
#contents.main .main-tab ul { display: flex; margin: 0 -15px; }
#contents.main .main-tab ul > li { position: relative; padding: 0 15px; }
#contents.main .main-tab ul > li:before { position: absolute; top: 50%; right: 0; display: block; width: 1px; height: 20px; margin-top: -10px; content: ""; background: #ddd; }
#contents.main .main-tab ul > li:last-child:before { display: none; }
#contents.main .main-tab ul > li > a { font-size: 26px; font-weight: bold; display: block; color: #bbb; }
#contents.main .main-tab ul > li.active > a { color: #222; }
#contents.main .main-visual2 > .inner2 { position: relative; height: 450px; background: url(/user/images/main/main_visual1.jpg) no-repeat center top / cover; }
#contents.main .main-visual2 .main-visual-banner { position: absolute; top: 0; right: calc(3.43% + 15px); bottom: 0; width: 30.86%; padding: 40px; background: rgba(0, 0, 0, 0.4); }
#contents.main .main-visual2 .main-visual-banner .swiper-slide { overflow: hidden; border-radius: 20px; }
#contents.main .main-visual2 .main-visual-banner .swiper-slide img { overflow: hidden; width: 460px; height: 310px; transition: 0.3s ease; border-radius: 20px; }
#contents.main .main-visual2 .main-visual-banner .swiper-slide img:hover { transform: scale(1.1); }
#contents.main .main-visual2 .main-visual-banner .main-visual-control { display: flex; margin-top: 28px; align-items: center; justify-content: center; }
#contents.main .main-visual2 .main-visual-banner .main-visual-control .control { overflow: hidden; width: 32px; height: 32px; white-space: nowrap; text-indent: 100%; border-radius: 100%; background: #fff; background-repeat: no-repeat; background-position: center; }
#contents.main .main-visual2 .main-visual-banner .main-visual-control .control.prev { background-image: url(/user/images/main/icon_prev.png); }
#contents.main .main-visual2 .main-visual-banner .main-visual-control .control.next { background-image: url(/user/images/main/icon_next.png); }
#contents.main .main-visual2 .main-visual-banner .main-visual-control .pagination { font-size: 18px; font-weight: 500; width: auto; min-width: 65px; padding: 0 15px; text-align: center; color: #fff; }
#contents.main .dream-site-course { padding-bottom: 30px; }
#contents.main .dream-site-course .main-dream-site { position: relative; padding: 0 60px; }
#contents.main .dream-site-course .main-dream-site .swiper-container { padding: 0 10px; }
#contents.main .dream-site-course .main-dream-site .dream-site-list { /* margin: 0 -13px; */ margin: 0; }
#contents.main .dream-site-course .main-dream-site .dream-site-list > .swiper-slide { width: 25%; /* padding: 0 13px; */ padding: 0; height: auto; }
#contents.main .dream-site-course .main-dream-site .dream-site-list > .swiper-slide > .item { position: relative; height: 100%; }
#contents.main .dream-site-course .main-dream-site .dream-site-list > .swiper-slide > .item .item-link { display: block; height: 100%; padding: 60px 30px 90px 30px; border: 1px solid #ddd; }
#contents.main .dream-site-course .main-dream-site .dream-site-list > .swiper-slide.closed > .item { background: #f9f9f9; }
#contents.main .dream-site-course .main-dream-site .dream-site-list > .swiper-slide > .item .item-cate-wrap { overflow: hidden; position: absolute; top: 1px; left: 1px; display: flex; }
#contents.main .dream-site-course .main-dream-site .dream-site-list > .swiper-slide > .item .item-cate,
#contents.main .dream-site-course .main-dream-site .dream-site-list > .swiper-slide > .item .item-cate2 { position: relative; flex:0 0 auto; display: inline-flex; height: 40px; align-items: center; justify-content: center; font-size: 15px; font-weight: 500; padding: 0 15px; text-align: center; color: #fff; }
#contents.main .dream-site-course .main-dream-site .dream-site-list > .swiper-slide > .item .item-cate { border-radius: 0 0 10px 0; min-width: 100px; padding-left: 25px; }
#contents.main .dream-site-course .main-dream-site .dream-site-list > .swiper-slide > .item .item-cate2 { z-index: 1; padding: 0 15px; padding-right: 10px; }
#contents.main .dream-site-course .main-dream-site .dream-site-list > .swiper-slide > .item .item-cate2:before { content:""; display: block; position: absolute; left: -20px; top: 0; right: -10px; bottom: 0; z-index: -1; transform: skewX(-20deg); }
#contents.main .dream-site-course .main-dream-site .dream-site-list > .swiper-slide > .item .item-title { font-size: 20px; font-weight: 500; display: block; display: -webkit-box; overflow: hidden; max-height: 52px; margin-bottom: 15px; text-overflow: ellipsis; word-break: keep-all; color: #222; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
#contents.main .dream-site-course .main-dream-site .dream-site-list > .swiper-slide > .item .item-btn { font-size: 16px; font-weight: 500; line-height: 53px; position: absolute; z-index: 1; right: 30px; bottom: 25px; left: 30px; display: block; height: 55px; text-align: center; color: #fff; border: 1px solid transparent; background: #0a9e4c; }
#contents.main .dream-site-course .main-dream-site .dream-site-list > .swiper-slide > .item .item-btn.closed { background: #999; }
#contents.main .dream-site-course .main-dream-site .dream-site-list > .swiper-slide > .item .item-btn.wait { color: #0a9e4c; border-color: #0a9e4c; background: #fff; }
#contents.main .dream-site-course .main-dream-site .dream-site-list > .swiper-slide > .item .item-btn.standby { background: #8a8; }
#contents.main .dream-site-course .main-dream-site .dream-site-list > .swiper-slide > .item dl { margin-bottom: 5px; }
#contents.main .dream-site-course .main-dream-site .dream-site-list > .swiper-slide > .item dl > dt { width: 80px; flex: 0 0 auto; }
#contents.main .dream-site-course .main-dream-site .dream-site-list > .swiper-slide > .item dl > dd { width: calc(100% - 80px); }
#contents.main .dream-site-course .main-dream-site .dream-site-list > .swiper-slide-invisible-blank { visibility: visible; }
#contents.main .dream-site-course .main-dream-site .md-control .control { position: absolute; top: 50%; overflow: hidden; width: 32px; height: 32px; margin-top: -16px; white-space: nowrap; text-indent: 100%; border: 1px solid #dedede; border-radius: 100%; background: #fff; background-repeat: no-repeat; background-position: center; }
#contents.main .dream-site-course .main-dream-site .md-control .control.prev { left: 0; background-image: url(/user/images/main/icon_prev.png); }
#contents.main .dream-site-course .main-dream-site .md-control .control.next { right: 0; background-image: url(/user/images/main/icon_next.png); }
#contents.main .dream-site-course .main-dream-site .md-control .control.swiper-button-disabled { opacity:0.3; cursor: default; }
#contents.main .dream-site-course .main-dream-site .blank_cont { background: #ededed url(/user/images/common/blank_cont.png) no-repeat center / 71%; border:1px solid #ddd; height: 100%; }
#contents.main .main-board1 { position: relative; }
#contents.main .main-board1 .tab-content { display: none; min-height: 373px; border-top: 1px solid #444; border-bottom: 1px solid #ddd; }
#contents.main .main-board1 .tab-content:first-child { display: block; }
#contents.main .main-board1 .board-list ul > li { border-bottom: 1px solid #ddd; }
#contents.main .main-board1 .board-list ul > li:last-child { border-bottom: 0; }
#contents.main .main-board1 .board-list .item { display: block; }
#contents.main .main-board1 .board-list .item .item-cate { font-size: 16px; font-weight: bold; line-height: 28px; display: block; min-width: 65px; height: 30px; padding: 0 9px; text-align: center; color: #0a9e4c; border: 1px solid #0a9e4c; }
#contents.main .main-board1 .board-list .item .item-title { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#contents.main .main-board1 .board-list .item:hover .item-title,
#contents.main .main-board1 .board-list .item:focus .item-title { text-decoration: underline; color: #0a9e4c !important; }
#contents.main .main-board1 .board-list .item .item-date { font-size: 16px; color: #999; }
#contents.main .main-board1 .board-list ul > li.type1 .item { display: flex; padding: 0 20px; height: 75px; align-items: center; }
#contents.main .main-board1 .board-list ul > li.type1 .item-cate { margin-right: 20px; flex: 0 0 auto; }
#contents.main .main-board1 .board-list ul > li.type1 .item-cate2 { margin-right: 20px; flex: 0 0 auto; }
#contents.main .main-board1 .board-list ul > li.type1 .item .item-title { font-size: 17px; margin-right: 30px; color: #222; flex: 1 1 auto; }
#contents.main .main-board1 .board-list ul > li.type1 .item .item-date { min-width: 72px; flex: 0 0 auto; }
#contents.main .main-board1 .board-list ul > li.type1 .item .item-state { flex: 0 0 auto; }
#contents.main .main-board1 .board-list ul > li.type2 .item { padding: 35px 20px; }
#contents.main .main-board1 .board-list ul > li.type2 .item .item-title { font-size: 22px; font-weight: 500; display: block; margin-bottom: 15px; color: #222; }
#contents.main .main-board1 .board-list ul > li.type2 .item .item-desc { font-size: 17px; line-height: 1.588; display: -webkit-box; overflow: hidden; height: 52px; margin-bottom: 40px; text-overflow: ellipsis; color: #999; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
#contents.main .main-board1 .st-view-more { position: absolute; z-index: 1; top: 5px; right: 0; }
#contents.main .no-data-content { border: 0; }
#contents.main .main-board2 { position: relative; min-height: 100%; border-bottom:1px solid #ddd; }
#contents.main .main-board2 .tab-content { display: none; min-height: 373px; }
#contents.main .main-board2 .tab-content:first-child { display: block; }
#contents.main .main-board2 .board-list1 .board-gallery .gallery-list2 > ul { border-bottom: 0; margin: -12px; }
#contents.main .main-board2 .board-list1 .board-gallery .gallery-list2 > ul > li { width: 33.3%; padding: 12px; }
#contents.main .main-board2 .board-list2 #board-basic .group-list2 { margin: -12px; }
#contents.main .main-board2 .board-list2 #board-basic .group-list2 > li { width: 33.3%; padding: 12px; }
#contents.main .main-board2 .board-list2 #board-basic .group-list2 > li > .item { border-radius: 15px; }
#contents.main .main-board2 .board-list2 #board-basic .group-list2 > li > .item .item-title-wrap { padding: 15px; }
#contents.main .main-board2 .board-list2 #board-basic .group-list2 > li > .item .item-title { font-size: 18px; }
#contents.main .main-board2 .board-list2 #board-basic .group-list2 > li > .item .item-content { padding: 15px; }
#contents.main .main-board2 .board-list2 #board-basic .group-list2 > li > .item .item-content dl { margin-bottom: 8px; }
#contents.main .main-board2 .board-list2 #board-basic .group-list2 > li > .item .item-content dl:last-child { margin-bottom: 0; }
#contents.main .main-board2 .board-list2 #board-basic .group-list2 > li > .item .item-content dt,
#contents.main .main-board2 .board-list2 #board-basic .group-list2 > li > .item .item-content dd { font-size: 15px; }
#contents.main .main-board2 .st-view-more { position: absolute; z-index: 1; top: 5px; right: 0; }
#contents.main .main-board2 .list-s15 > ul > li { width: 33.3%; height: 352px; }
#contents.main .main-board2 .list-s15 > ul > li > .item_wrap .item .item-contents dd { height: 168px; -webkit-line-clamp: 8; }
#contents.main .main-space-equipment > .inner3 { position: relative; }
#contents.main .main-space-equipment .st-view-more { position: absolute; top: 8px; right: 15px; }
#contents.main .main-space-equipment .se-list ul { display: flex; flex-wrap: wrap; justify-content: center; }
#contents.main .main-space-equipment .se-list ul > li { padding: 0 50px; }
#contents.main .main-space-equipment .se-list .item { display: block; text-align: center; }
#contents.main .main-space-equipment .se-list .item .item-img { position: relative; display: flex; width: 170px; height: 170px; margin-bottom: 20px; border-radius: 100%; align-items: center; justify-content: center; }
#contents.main .main-space-equipment .se-list .item .item-img:before { position: absolute; z-index: -1; top: 42px; right: 22px; display: block; width: 30px; height: 30px; content: ""; transition: ease 0.3s; border-radius: 100%; }
#contents.main .main-space-equipment .se-list .item .item-img img { width: 100px; height: auto; }
#contents.main .main-space-equipment .se-list ul > li.list1 .item .item-img:before { background: #d2eef4; }
#contents.main .main-space-equipment .se-list ul > li.list2 .item .item-img:before { background: #e0d4e6; }
#contents.main .main-space-equipment .se-list ul > li.list3 .item .item-img:before { background: #f8d0cd; }
#contents.main .main-space-equipment .se-list ul > li.list4 .item .item-img:before { background: #fceab4; }
#contents.main .main-space-equipment .se-list ul > li.list5 .item .item-img:before { background: #b5e2c9; }
#contents.main .main-space-equipment .se-list .item:hover .item-img:before,
#contents.main .main-space-equipment .se-list .item:focus .item-img:before { top: 0; right: 0; width: 170px; height: 170px; }
#contents.main .main-space-equipment .se-list .item .item-title { font-size: 21px; font-weight: 500; display: block; color: #222; }
#contents.main .txt-s13 { margin-bottom: 15px; }
#contents.main .main_content_wrap { margin: 50px 0 100px 0; }
#contents.main .item-cate-wrap2 { position: absolute; top: 14px; right: 13px; display: flex; z-index: 1; }
#contents.main .item-cate3 { display: flex; align-items: center; justify-content: center; font-size: 15px; font-weight: 500; height: 40px; padding: 0 18px; padding-left: 30px; }
#contents.main .item-cate3.cate1 { color: #0ef35a; background-color: #111; clip-path: polygon(25% 0, 100% 0%, 100% 100%, 0% 100%); }
#contents.main .item-cate3.cate2 { color: #fbd022; background-color: #111; clip-path: polygon(25% 0, 100% 0%, 100% 100%, 0% 100%); }
#contents.main .item-cate3.cate3 { color: #fff; background-color: #999; clip-path: polygon(25% 0, 100% 0%, 100% 100%, 0% 100%); }

/* contents */
#contents { min-height: calc(100vh - 200px); padding-top: 100px; }

/* 센터소개 */
#center-introdution .introdution-section1 { padding-bottom: 45px; }
#center-introdution .introdution-section3 { padding: 45px 0; }
#center-introdution .introdution-title .quotes { position: relative; display: inline-block; padding: 0 50px; }
#center-introdution .introdution-title .quotes:before,
#center-introdution .introdution-title .quotes:after { position: absolute; top: 0; display: block; width: 35px; height: 31px; content: ""; background-repeat: no-repeat; background-size: contain; }
#center-introdution .introdution-title .quotes:before { left: 0; background-image: url(/user/images/common/icon_quotes_left.png); }
#center-introdution .introdution-title .quotes:after { right: 0; background-image: url(/user/images/common/icon_quotes_right.png); }
#center-introdution .introdution-title-en { font-size: 16px; margin-bottom: 30px; color: #999; }
#center-introdution .introdution-desc { line-height: 1.6; color: #444; }
#center-introdution .introdution-goal { position: relative; margin: 35px 0; padding-left: 80px; }
#center-introdution .introdution-goal .goal-title { position: absolute; top: 0; left: 0; }
#center-introdution .introdution-goal.introdution-goal2 .goal-title { top: 95px; }
#center-introdution .introdution-goal .goal-content { text-align: center; }
#center-introdution .introdution-goal.introdution-goal3 .goal-content { padding-top: 15px; }
#center-introdution .art-space .img-container { position: relative; }
#center-introdution .art-space .img-container .img-txt { position: absolute; right: 50px; bottom: 0; left: 50px; margin-bottom: 0; padding: 25px 15px 10px 15px; text-align: center; background: #fff; }
#center-introdution .art-space .txt-container { padding: 35px 0 45px 0; }
#center-introdution .art-space .txt-container .paragraph { line-height: 1.7; margin-bottom: 25px; color: #444; }
#center-introdution .art-space .txt-container .paragraph:last-child { margin-bottom: 0; }
#center-introdution .space-concept .space-concept-content { margin-bottom: 45px; padding-right: 70px; }
#center-introdution .space-concept .space-concept-content:first-child { margin-top: 40px; }
#center-introdution .space-concept .space-concept-content > .inner { position: relative; }
#center-introdution .space-concept .space-concept-content.space-concept-content5 { position: relative; padding-bottom: 70px; }
#center-introdution .space-concept .space-concept-content.space-concept-content5:before { position: absolute; right: 0; bottom: 0; left: 0; display: block; height: 600px; content: ""; background: #f1f1f1; }
#center-introdution .space-concept .space-concept-content .space-concept-title { margin-bottom: 15px; }
#center-introdution .space-concept .space-concept-content .space-concept-desc { margin-bottom: 25px; }
#center-introdution .space-concept .space-concept-content .space-concept-video-wrap { position: relative; width: 100%; }
#center-introdution .space-concept .space-concept-content .space-concept-video-wrap:before { display: block; padding-top: 56.23%; content: ""; }
#center-introdution .space-concept .space-concept-content .space-concept-video { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; width: 100%; height: 100%; }
#center-introdution .space-concept .space-concept-content.space-concept-content1 > .inner:before,
#center-introdution .space-concept .space-concept-content.space-concept-content2 > .inner:before,
#center-introdution .space-concept .space-concept-content.space-concept-content3 > .inner:before,
#center-introdution .space-concept .space-concept-content.space-concept-content4 > .inner:before { font-size: 90px; font-weight: bold; line-height: 1; position: absolute; z-index: -1; top: 0; top: -5px; right: 15px; content: ""; color: #eee; }
#center-introdution .space-concept .space-concept-content.space-concept-content1 > .inner:before { content: "Enjoy & Play"; }
#center-introdution .space-concept .space-concept-content.space-concept-content2 > .inner:before { content: "Art Factory"; }
#center-introdution .space-concept .space-concept-content.space-concept-content3 > .inner:before { content: "Transform"; }
#center-introdution .space-concept .space-concept-content.space-concept-content4 > .inner:before { content: "Powerhouse"; }
#center-introdution .main-facilities .main-facilities-list .txt-s2 { margin-bottom: 10px; }
#center-introdution .main-facilities .main-facilities-list .facilities-content { margin-bottom: 40px; }
#center-introdution .main-facilities .main-facilities-list .facilities-content:last-child { margin-bottom: 0; }
#center-introdution .CI-intro .CI-img { margin-bottom: 50px; text-align: center; }
#center-introdution .CI-intro .CI-comments { display: flex; margin: 0 -25px; margin-bottom: 50px; flex-wrap: wrap; }
#center-introdution .CI-intro .CI-comments > li { padding: 0 25px; }
#center-introdution .CI-intro .CI-comments > li > .item { position: relative; padding-left: 80px; }
#center-introdution .CI-intro .CI-comments > li > .item:before { position: absolute; top: 5px; left: 0; display: block; width: 57px; height: 47px; content: ""; background-repeat: no-repeat; background-position: center; background-size: contain; }
#center-introdution .CI-intro .CI-comments > li.list1 > .item:before { background-image: url(/user/images/icon/icon4-1.png); }
#center-introdution .CI-intro .CI-comments > li.list2 > .item:before { background-image: url(/user/images/icon/icon4-2.png); }
#center-introdution .CI-intro .CI-comments > li.list3 > .item:before { background-image: url(/user/images/icon/icon4-3.png); }
#center-introdution .CI-intro .CI-comments > li > .item .item-title { font-size: 20px; font-weight: bold; display: block; margin-bottom: 10px; color: #222; }
#center-introdution .CI-intro .CI-comments > li > .item .item-desc { font-size: 16px; color: #444; }
#center-introdution .CI-intro .mean-title { min-height: 47px; margin-bottom: 35px; padding-top: 8px; padding-left: 70px; background: url(/user/images/icon/icon4-3.png) no-repeat left top; }
#center-introdution .CI-intro .CI-combination { display: flex; margin: 0 -10px; margin-top: 40px; flex-wrap: wrap; }
#center-introdution .CI-intro .CI-combination > li { width: 50%; padding: 0 10px; }
#center-introdution .location .location-list > li { position: relative; padding: 30px 0; border-top: 1px solid #bbb; }
#center-introdution .location .location-list > li:before { position: absolute; top: -1px; left: 0; display: block; width: 47px; height: 3px; content: ""; background: #0a9e4c; }
#center-introdution .location .location-list > li .item .item-title { font-size: 26px; font-weight: 500; display: block; margin-bottom: 25px; color: #444; }
#center-introdution .location .location-list .icon-line { position: relative; margin-right: 10px; padding-right: 20px; }
#center-introdution .location .location-list .icon-line:before { font-size: 13px; font-weight: 500; line-height: 16px; position: absolute; top: 50%; right: 0; display: block; width: 16px; height: 16px; margin-top: -8px; content: "8"; text-align: center; color: #fff; border-radius: 100%; }
#center-introdution .location .location-list .icon-line.line8:before { background: #ee4b95; }
#center-introdution .location .location-list .bus-line { display: flex; margin-top: 15px; margin-bottom: 10px; }
#center-introdution .location .location-list .bus-line > dt { font-size: 14px; font-weight: 300; margin-right: 10px; padding: 3px 9px; color: #fff; }
#center-introdution .location .location-list .bus-line.bus-line1 > dt { background: #7182f5; }
#center-introdution .location .location-list .bus-line.bus-line2 > dt { background: #5fb73c; }
#center-introdution .location .location-list .bus-line.bus-line3 > dt { background: #00aeab; }
#center-introdution .location .location-list .bus-line.bus-line4 > dt { background: #5fb73c; }
#center-introdution .location .location-map { position: relative; height: 500px; margin-bottom: 50px; }
#center-introdution .location .location-map .location-map-item { width: 100%; height: inherit; }
#center-introdution .location .location-map .location-map-item .wrap_map { height: inherit; }
#center-introdution .location .location-map .location-map-item .wrap_controllers { display: none; }
#center-introdution .location .location-map .location-map-info { font-size: 18px; position: absolute; z-index: 1; right: 0; bottom: 0; left: 0; padding: 25px 30px; color: #fff; background: rgba(0, 0, 0, 0.5); }
#center-introdution .location .location-map .location-map-info .info-title { font-weight: 500; display: block; margin-bottom: 5px; }
#center-introdution .location .location-map .location-map-info .info-desc { font-weight: 300; }
#center-introdution .organization-chart .chart { position: relative; margin: 0 35px; margin-bottom: 65px; }
#center-introdution .organization-chart .chart .ceo { font-size: 22px; font-weight: 500; position: relative; z-index: 1; display: flex; overflow: visible; width: 280px; height: 90px; margin: 0 auto; color: #fff; background: url(/user/images/content/content10-1.png) no-repeat center; background-size: contain; align-items: center; justify-content: center; }
#center-introdution .organization-chart .chart .team { font-size: 18px; font-weight: bold; display: flex; overflow: visible; width: 220px; height: 80px; border: 1px solid transparent; border-radius: 8px; background: #fff; align-items: center; justify-content: center; }
#center-introdution .organization-chart .chart .team.team1 { color: #495672; border-color: #495672; }
#center-introdution .organization-chart .chart .team.team2 { color: #0a9e4c; border-color: #0a9e4c; }
#center-introdution .organization-chart .chart .item1 { position: absolute; top: 5px; right: 0; }
#center-introdution .organization-chart .chart .item1:before { position: absolute; z-index: -1; top: 50%; right: 0; left: -100%; display: block; height: 1px; content: ""; background: #ddd; }
#center-introdution .organization-chart .chart .item1:after { position: absolute; top: 50%; right: calc(100% - 10px); display: block; width: 20px; height: 20px; margin-top: -10px; content: ""; border: 5px solid #fff; border-radius: 100%; background: #495672; }
#center-introdution .organization-chart .chart .team.item2 { margin: 0 auto 0 0; }
#center-introdution .organization-chart .chart .team.item4 { margin: 0 0 0 auto; }
#center-introdution .organization-chart .sub-chart2 { position: relative; display: flex; }
#center-introdution .organization-chart .sub-chart2:before { position: absolute; top: 0; right: 10%; left: 10%; display: block; height: 1px; content: ""; background: #ddd; }
#center-introdution .organization-chart .sub-chart2 > li { position: relative; width: 33.3%; padding-top: 65px; }
#center-introdution .organization-chart .sub-chart2 > li:before { position: absolute; z-index: -1; top: 0; bottom: 0; left: 50%; width: 1px; margin-left: 0.5px; content: ""; background: #ddd; }
#center-introdution .organization-chart .sub-chart2 > li:nth-child(1):before { left: 30%; margin-left: 0; }
#center-introdution .organization-chart .sub-chart2 > li:nth-child(3):before { right: 30%; left: auto; margin-right: -2px; margin-left: 0; }
#center-introdution .organization-chart .sub-chart2 .team { margin: 0 auto; }
#center-introdution .organization-chart .sub-chart2 .team:after { position: absolute; z-index: 1; top: 65px; left: calc(50% - 10px); display: block; width: 20px; height: 20px; margin-top: -10px; content: ""; border: 5px solid #fff; border-radius: 100%; background: #0a9e4c; }
#center-introdution .organization-chart .sub-chart2 .team.item2:after { left: calc(30% - 10px); }
#center-introdution .organization-chart .sub-chart2 .team.item4:after { right: calc(30% - 10px); left: auto; }
#center-introdution .organization-chart .team-member-title { display: flex; margin-bottom: 30px; align-items: center; }
#center-introdution .organization-chart .team-member-title .all-view { font-size: 15px; font-weight: 500; line-height: 35px; display: inline-block; width: 110px; height: 35px; margin-left: 10px; text-align: center; color: #fff; border-radius: 100px; background: #555; flex: 0 0 auto; }
#center-introdution .organization-chart .team-member-title .all-view span { padding-right: 17px; background: url(/user/images/common/icon_more4.png) no-repeat right center; }
#center-introdution .organization-chart .team-member { position: relative; display: none; margin-bottom: 30px; padding: 0 40px; text-align: left; border: 1px solid #ddd; border-top: 2px solid #0a9e4c; }
#center-introdution .organization-chart .team-member:last-child { margin-bottom: 0; }
#center-introdution .organization-chart .team-member-list { padding: 30px 0; }
#center-introdution .organization-chart .team-member-list > li { padding: 35px 0; background: url(/user/images/common/line.png) repeat-x center bottom; }
#center-introdution .organization-chart .team-member-list > li:last-child { background: none; }
#center-introdution .organization-chart .team-member-list > li > .item .team-info { display: flex; margin-bottom: 20px; flex-wrap: wrap; align-items: center; }
#center-introdution .organization-chart .team-member-list > li > .item .team-info .info-list { font-weight: 500; display: flex; margin: 0 -20px; flex-wrap: wrap; align-items: center; }
#center-introdution .organization-chart .team-member-list > li > .item .team-info .info-list dt,
#center-introdution .organization-chart .team-member-list > li > .item .team-info .info-list dd { padding: 0 20px; }
#center-introdution .organization-chart .team-member-list > li > .item .team-info .info-list dt { font-size: 24px; position: relative; color: #222; }
#center-introdution .organization-chart .team-member-list > li > .item .team-info .info-list dt:after { position: absolute; top: 50%; right: 0; display: block; width: 1px; height: 20px; margin-top: -10px; content: ""; background: #ddd; }
#center-introdution .organization-chart .team-member-list > li > .item .team-info .info-list dt.line-none:after { display: none; }
#center-introdution .organization-chart .team-member-list > li > .item .team-info .info-list dd { font-size: 20px; color: #0a9e4c; }
#center-introdution .organization-chart .team-member-list > li > .item .team-info .info-tel { font-size: 16px; position: relative; display: flex; margin-left: 20px; color: #222; flex-wrap: wrap; align-items: center; }
#center-introdution .organization-chart .team-member-list > li > .item .team-info .info-tel:before { display: block; width: 30px; height: 30px; margin-right: 10px; content: ""; border-radius: 100%; background: #eee url(/user/images/common/icon_call.png) no-repeat center; flex: 0 0 auto; }
#center-introdution .organization-chart .team-member-list > li > .item .team-content { font-size: 16px; color: #666; }
#center-introdution .organization-chart .team-member-list > li > .item .team-content > li { margin-bottom: 10px; }
#center-introdution .organization-chart .team-member-list > li > .item .team-content > li:last-child { margin-bottom: 0; }
#center-introdution .organization-chart .team-member .team-position { font-size: 20px; font-weight: 500; position: absolute; top: 35px; right: 40px; color: #0a9e4c; }

/* 사업안내 */
#business-guide .society-culture-imgs > ul { display: flex; margin: -10px; flex-wrap: wrap; }
#business-guide .society-culture-imgs > ul > li { width: 20%; padding: 10px; }
#business-guide .school-culture .education { position: relative; margin-bottom: 45px; border: 1px solid #ddd; }
#business-guide .school-culture .education .edu-top { padding: 30px 40px; padding-right: 430px; }
#business-guide .school-culture .education .edu-content { padding: 30px 40px; padding-bottom: 60px; background: #eee; padding-right: 430px; }
#business-guide .school-culture .education .edu-content .edu-title { font-size: 20px; display: block; margin-bottom: 20px; color: #222; }
#business-guide .school-culture .education .edu-content .edu-list { overflow: hidden; }
#business-guide .school-culture .education .edu-content .edu-list > ul { display: flex; margin: 0 -5px; flex-wrap: wrap; }
#business-guide .school-culture .education .edu-content .edu-list > ul > li { padding: 0 5px; flex: 0 0 auto; }
#business-guide .school-culture .education .edu-content .edu-list > ul > li .item { position: relative; overflow: hidden; width: 120px; text-align: center; color: #fff; border-radius: 100%; }
#business-guide .school-culture .education .edu-content .edu-list > ul > li .item:before { display: block; padding-top: 100%; content: ""; }
#business-guide .school-culture .education .edu-content .edu-list > ul > li .item .item-title { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; padding: 10px; word-break: keep-all; align-items: center; justify-content: center; }
#business-guide .school-culture .education .edu-content .edu-list > ul > li.list1 .item { background: #0d9388; }
#business-guide .school-culture .education .edu-content .edu-list > ul > li.list2 .item { background: #8eb63c; }
#business-guide .school-culture .education .edu-content .edu-list > ul > li.list3 .item { background: #fd9f0e; }
#business-guide .school-culture .education .edu-content .edu-list > ul > li.list4 .item { background: #cb4528; }
#business-guide .school-culture .education .edu-content .edu-list > ul > li.list5 .item { background: #64bc0a; }
#business-guide .school-culture .education .edu-content .edu-list > ul > li.list6 .item { background: #00c2a1; }
#business-guide .school-culture .education .edu-content .edu-list .edu-img { position: absolute; top: 30px; right: 30px; }

/* 공간·장비 */
#spaceEquipment .reservation-layout-wrap { position: relative; }
#spaceEquipment .reservation-layout-wrap .state-box { position: absolute; top: 50px; right: 0; padding: 15px 30px; border-radius: 5px; background: #eee; }
#spaceEquipment .reservation-layout-wrap .state-box .state { font-size: 16px; position: relative; margin-right: 40px; padding-left: 30px; }
#spaceEquipment .reservation-layout-wrap .state-box .state:last-child { margin-right: 0; }
#spaceEquipment .reservation-layout-wrap .state-box .state:before { position: absolute; top: 50%; left: 0; width: 20px; height: 20px; margin-top: -10px; content: ""; border: 1px solid transparent; border-radius: 5px; }
#spaceEquipment .reservation-layout-wrap .state-box .state.state1:before { background: #0a9e4c; }
#spaceEquipment .reservation-layout-wrap .state-box .state.state2:before { border-color: #061d30; background: #fff; }
#spaceEquipment .reservation-layout { margin: -50px 0; }
#spaceEquipment .reservation-layout > li { padding: 50px 0; border-bottom: 1px solid #ddd; }
#spaceEquipment .reservation-layout > li:last-child { border-bottom: 0; }
#spaceEquipment .reservation-layout .layout-title { font-size: 40px; font-weight: bold; display: block; margin-bottom: 50px; padding-left: 50px; color: #222; background-repeat: no-repeat; background-position: left center; }
#spaceEquipment .reservation-layout .layout-title.layout-title1 { background-image: url(/user/images/icon/icon10-1.png); }
#spaceEquipment .reservation-layout .layout-title.layout-title2 { background-image: url(/user/images/icon/icon10-2.png); }
#spaceEquipment .reservation-layout .layout-title.layout-title3 { background-image: url(/user/images/icon/icon10-3.png); }
#spaceEquipment .reservation-layout .layout-title.layout-title4 { background-image: url(/user/images/icon/icon10-4.png); }
#spaceEquipment .reservation-layout .layout-title.layout-title5 { background-image: url(/user/images/icon/icon10-5.png); }
#spaceEquipment .reservation-layout .layout-content { text-align: center; }
#spaceEquipment .reservation-layout .layout-imgs { display: flex; margin: -20px -22px; flex-wrap: wrap; }
#spaceEquipment .reservation-layout .layout-imgs > li { width: 33.3%; padding: 20px 22px; }
#spaceEquipment .reservation-layout .layout-imgs .item { display: block; width: 100%; border: 1px solid #222; }
#spaceEquipment .reservation-layout .layout-imgs > li.type2 .item { border-color: #2bab64; }
#spaceEquipment .reservation-layout .layout-imgs .item .button-fixed { display: block; }
#spaceEquipment .reservation-layout .layout-imgs .item .item-img { display: block; overflow: hidden; }
#spaceEquipment .reservation-layout .layout-imgs .item .item-img img { transition: ease-in-out 0.3s; }
#spaceEquipment .reservation-layout .layout-imgs .item:hover .item-img img { transform: scale(1.1); }
#spaceEquipment .reservation-layout .layout-imgs .item .item-desc { font-size: 17px; font-weight: 500; line-height: 70px; display: block; height: 70px; color: #222; background: #fff; }
#spaceEquipment .reservation-layout .layout-imgs .item .item-desc img { margin-left: 5px; vertical-align: middle; }
#spaceEquipment .reservation-layout .layout-imgs > li.type2 .item .item-desc { color: #fff; background: #0a9e4c; }
#spaceEquipment .reservation-layout2 { overflow: hidden; }
#spaceEquipment .reservation-layout2 .layout-imgs { display: flex; margin: -20px -22px; text-align: left; flex-wrap: wrap; }
#spaceEquipment .reservation-layout2 .layout-imgs > li { width: 33.3%; padding: 40px 22px; border-bottom: 1px solid #ddd; }
#spaceEquipment .reservation-layout2 .layout-imgs .item { display: block; }
#spaceEquipment .reservation-layout2 .layout-imgs .item .item-img { position: relative; overflow: hidden; }
#spaceEquipment .reservation-layout2 .layout-imgs .item .item-img:before { position: absolute; z-index: 1; top: 0; right: 0; display: block; width: 45px; height: 45px; content: ""; background: #e4e4e4 url(/user/images/common/icon_more8.png) no-repeat center; }
#spaceEquipment .reservation-layout2 .layout-imgs .item .item-img img { transition: ease-in-out 0.3s; }
#spaceEquipment .reservation-layout2 .layout-imgs .item:hover .item-img:before { background-color: #0a9e4c; background-image: url(/user/images/common/icon_more7.png); }
#spaceEquipment .reservation-layout2 .layout-imgs .item:hover .item-img img { transform: scale(1.1); }
#spaceEquipment .reservation-layout2 .layout-imgs .item .item-desc { font-size: 17px; font-weight: 500; padding-top: 25px; color: #222; background: #fff; }
#spaceEquipment .reservation-layout2 .layout-imgs .item .item-desc2 { font-size: 17px; margin-top: 7px; color: #999; }
#spaceEquipment .reservation-layout2.type2 { border-top: 2px solid #0a9e4c; }
#spaceEquipment .reservation-layout2.type2 .layout-imgs { margin: 0 -22px; }
#spaceEquipment .reservation-layout2.type2 .layout-imgs > li { width: 25%; padding: 30px 22px; }
#spaceEquipment .reservation-layout2.type2 .layout-imgs .item .item-img { position: relative; background-repeat: no-repeat; background-position: center; background-size: contain; }
#spaceEquipment .reservation-layout2.type2 .layout-imgs .item .item-img:after { display: block; padding-top: 60%; content: ""; }
#spaceEquipment .service-guide { margin: -45px 0; }
#spaceEquipment .service-guide > li { padding: 45px 0; }
#spaceEquipment .service-guide > li:nth-child(even) { background: #f1f1f1; }
#spaceEquipment .service-guide .point { font-size: 21px; }
#spaceEquipment .se-reservation .se-info { display: flex; margin-bottom: 60px; padding: 25px; border: 3px solid #0a9e4c; align-items: flex-start; }
#spaceEquipment .se-reservation .se-info .info-img { width: 32.29%; margin-right: 40px; background-repeat: no-repeat; background-position: center; background-size: cover; flex: 0 0 auto; }
#spaceEquipment .se-reservation .se-info .info-img:before { display: block; padding-top: 66.49%; content: ""; }
#spaceEquipment .se-reservation .se-info .info-img-slide-wrap { width: 32.28621%; margin-right: 40px; flex: 0 0 auto; }
#spaceEquipment .se-reservation .se-info .info-img-slide .swiper-slide { position: relative; background-repeat: no-repeat; background-position: center; background-size: contain; }
#spaceEquipment .se-reservation .se-info .info-img-slide .swiper-slide:before { display: block; padding-top: 66.49%; content: ""; }
#spaceEquipment .se-reservation .se-info .info-img-slide.info-img-slide1 .swiper-slide { cursor: pointer; border: 1px solid #ddd; }
#spaceEquipment .se-reservation .se-info .info-img-slide.info-img-slide2 { margin-bottom: 10px; border: 1px solid #ddd; }
#spaceEquipment .se-reservation .se-info .info-item { width: 67.71%; padding: 25px 0; flex: 1 1 auto; }
#spaceEquipment .se-reservation .se-info .info-item .item-info > dt { width: 80px; flex: 0 0 auto; }
#spaceEquipment .se-reservation .se-info .info-item .item-info > dd { width: calc(100% - 140px); flex: 1 1 auto; }
#spaceEquipment .se-reservation .se-info .table-s6 td > * { vertical-align: middle; }
#spaceEquipment .se-reservation .se-info .table-s6 td .view-btn-s1 { margin: 0; }
#spaceEquipment .se-reservation .state-info { display: flex; margin: 0 -10px; flex-wrap: wrap; }
#spaceEquipment .se-reservation .state-info > li { font-size: 14px; padding: 0 10px; }
#spaceEquipment .se-reservation .state-info > li img { margin-right: 7px; vertical-align: middle; }
#spaceEquipment .equipment-table img { vertical-align: middle; }
#spaceEquipment .equipment-rental-price-table .data_content { text-align: left; }
#spaceEquipment .equipment-rental-price-table .price { text-align: right; }

#spaceEquipment .eq-box-wrap { display: flex; flex-wrap: wrap; width: 100%; }
#spaceEquipment .eq-box-wrap .eq-box:first-child { margin-right: 20px; }
#spaceEquipment .eq-box-wrap .eq-box { width: calc((100% - 20px) / 2 - 0.1px);}
#spaceEquipment .eq-box-wrap .table-s8 { overflow: visible; }
#spaceEquipment .eq-box-wrap .eq-box .table-s8 .btn-basic { margin-top: 7px; }
#spaceEquipment .eq-box-wrap .eq-box .table-s8 .btn-basic:first-child { margin-top: 0; }
#spaceEquipment .eq-box-wrap .eq-box .table-s8 .custom-select { margin-top: 7px; width: 80px; }
#spaceEquipment .eq-box-wrap .eq-box .table-s8 .custom-select:first-child { margin-top: 0; }
#spaceEquipment .eq-box-wrap .eq-total { width: 100%; border: 2px solid #0a9e4c; }
#spaceEquipment .eq-box-wrap .eq-total .eq-total-cont { padding: 20px 30px; font-size: 18px; color: #444; }
#spaceEquipment .eq-box-wrap .eq-total .eq-total-cont .ly-utill { margin-bottom: 10px; line-height: 1.5; word-break: keep-all; }
#spaceEquipment .eq-box-wrap .eq-total .eq-total-cont .ly-utill:last-child { margin-bottom: 0; }
#spaceEquipment .eq-box-wrap .eq-total .eq-total-cont .ly-utill .btn-basic { margin-left: 10px; }
#spaceEquipment .eq-box-wrap .eq-total .eq-total-cont .ly-utill dd { flex-shrink: 0; padding-left: 15px; }
#spaceEquipment .eq-box-wrap .eq-total .eq-total-result { padding: 20px 30px; background-color: #f9f9f9; }
#spaceEquipment .eq-box-wrap .eq-total .eq-total-price { font-size: 20px; font-weight: 500; color: #0a9e4c; }

.reservation_youtube_wrap { padding-bottom: 30px; border-bottom: 1px solid #ddd; margin-top: 30px; }
.reservation_youtube_iframe { position: relative; display: block; width: 83.333%; margin: 0 auto; margin-bottom: 30px; }
.reservation_youtube_iframe:before { content:""; display: block; padding-top: 56.25%; }
.reservation_youtube_iframe:last-child { margin-bottom: 0; }
.reservation_youtube_iframe iframe { display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; }

/* 교육 안내 */
#education-introdution .service-guide { margin: -27px 0; }
#education-introdution .service-guide > li { padding: 27px 0; }
#education-introdution .service-guide .course-list { overflow: hidden; }
#education-introdution .service-guide .course-list > ul { display: flex; margin: 0 -15px; flex-wrap: wrap; }
#education-introdution .service-guide .course-list > ul > li { width: 16.66666%; padding: 0 15px; }
#education-introdution .service-guide .course-list > ul > li > .item .item-img { line-height: 80px; width: 80px; height: 80px; margin: 0 auto; margin-bottom: 15px; text-align: center; border-radius: 100%; background: #fff; }
#education-introdution .service-guide .course-list > ul > li > .item .item-img img { vertical-align: middle; }
#education-introdution .service-guide .course-list > ul > li > .item .item-desc { font-size: 16px; text-align: center; word-break: keep-all; }
#education-introdution .service-guide .sn-campus-link { font-size: 17px; position: absolute; top: 50%; right: 30px; display: block; margin-top: -31.5px; color: #666; }
#education-introdution .service-guide .sn-campus-link span { display: inline-block; margin-top: 28px; padding-right: 25px; background: url(/user/images/common/icon_more6.png) no-repeat right center; }
#education-introdution .join-guide > ul { display: flex; margin: -15px -25px; flex-wrap: wrap; }
#education-introdution .join-guide > ul > li { position: relative; width: 25%; margin: 15px 0; padding: 0 25px; }
#education-introdution .join-guide > ul > li:before { position: absolute; top: 50%; right: -16.5px; display: block; width: 33px; height: 34px; content: ""; background: url(/user/images/common/icon_arrow.png) no-repeat center; background-size: contain; }
#education-introdution .join-guide > ul > li:nth-child(4n+4):before,#education-introdution .join-guide > ul > li:last-child:before { display: none; }
#education-introdution .join-guide > ul > li > .item .item-title-wrap { position: relative; margin-bottom: 10px; padding-left: 22px; }
#education-introdution .join-guide > ul > li > .item .item-title-wrap .item-num { font-size: 10px; font-weight: 500; line-height: 16px; position: absolute; top: 2px; left: 0; width: 17px; height: 17px; text-align: center; color: #fff; border-radius: 100%; background: #333; }
#education-introdution .join-guide > ul > li > .item .item-title-wrap .item-title { font-size: 14px; font-weight: 500; display: block; color: #222; }
#education-introdution .join-guide > ul > li > .item .item-title-wrap .item-title.point { color: #e40707; }

/* 게시판 - 꿈터강좌 */
#border-dream-site { overflow: hidden; }
#border-dream-site .dream-site-list { display: flex; margin: -20px; flex-wrap: wrap; }
#border-dream-site .dream-site-list > .swiper-slide { width: 33.3%; padding: 20px; }
#border-dream-site .dream-site-list > .swiper-slide > .item { position: relative; height: 100%; }
#border-dream-site .dream-site-list > .swiper-slide > .item .item-link { display: block; height: 100%; padding: 60px 30px 110px 30px; border: 1px solid #ddd; }
#border-dream-site .dream-site-list > .swiper-slide.closed > .item { background: #f9f9f9; }
#border-dream-site .dream-site-list > .swiper-slide > .item .item-cate { font-size: 16px; font-weight: 500; position: absolute; top: 0; left: 0; min-width: 100px; padding: 10px; text-align: center; color: #fff; border-radius: 0 0 10px 0; }
#border-dream-site .dream-site-list > .swiper-slide > .item .item-title { font-size: 20px; font-weight: 500; display: block; display: -webkit-box; overflow: hidden; height: 52px; margin-bottom: 25px; text-overflow: ellipsis; word-break: keep-all; color: #222; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
#border-dream-site .dream-site-list > .swiper-slide > .item .item-btn { font-size: 16px; font-weight: 500; line-height: 53px; position: absolute; z-index: 1; right: 30px; bottom: 30px; left: 30px; display: block; height: 55px; text-align: center; color: #fff; border: 1px solid transparent; background: #0a9e4c; }
#border-dream-site .dream-site-list > .swiper-slide > .item .item-btn.closed { background: #999; }
#border-dream-site .dream-site-list > .swiper-slide > .item .item-btn.wait { color: #0a9e4c; border-color: #0a9e4c; background: #fff; }
#border-dream-site .dream-site-list > .swiper-slide > .item dl > dt { width: 80px; flex: 0 0 auto; }
#border-dream-site .dream-site-list > .swiper-slide > .item dl > dd { width: calc(100% - 80px); }
#border-dream-site .dream-site-list2-title { position: relative; }
#border-dream-site .dream-site-list2-title .txt-s7 { margin-bottom: 25px; }
#border-dream-site .dream-site-list2-title .st-view-more { position: absolute; top: 4px; right: 0; }
#border-dream-site .dream-site-list2 { border-top: 1px solid #000; }
#border-dream-site .dream-site-list2 > li { padding: 20px; border-bottom: 1px solid #ddd; }
#border-dream-site .dream-site-list2 > li > .item { position: relative; display: flex; align-items: center; }
#border-dream-site .dream-site-list2 > li > .item .item-thumb { position: relative; display: block; width: 230px; height: 158px; margin-right: 40px; flex: 0 0 auto; }
#border-dream-site .dream-site-list2 > li > .item .item-thumb .item-cate { font-size: 14px; font-weight: 500; position: absolute; top: 0; left: 0; min-width: 80px; padding: 8px; text-align: center; color: #fff; border-radius: 0 0 10px 0; }
#border-dream-site .dream-site-list2 > li > .item .item-thumb .item-img-wrap { display: block; padding: 10px; border: 1px solid #ddd; }
#border-dream-site .dream-site-list2 > li > .item .item-thumb .item-img-wrap img { width: 100%; height: 100%; }
#border-dream-site .dream-site-list2 > li > .item .item-contents { width: calc(100% - 270px); padding-right: 230px; }
#border-dream-site .dream-site-list2 > li > .item .item-contents .item-title-wrap { display: flex; margin-bottom: 15px; align-items: center; }
#border-dream-site .dream-site-list2 > li > .item .item-contents .item-title { font-size: 20px; font-weight: 500; display: block; width: 100%; color: #222; }
#border-dream-site .dream-site-list2 > li > .item .item-contents .item-title a { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#border-dream-site .dream-site-list2 > li > .item .item-contents .item-state { margin-right: 10px; flex: 0 0 auto; }
#border-dream-site .dream-site-list2 > li > .item .item-contents .item-info { display: flex; margin: 0 -5px; flex-wrap: wrap; }
#border-dream-site .dream-site-list2 > li > .item .item-contents .item-info dl { width: 50%; padding: 0 5px; flex: 1 1 auto; }
#border-dream-site .dream-site-list2 > li > .item .item-contents .item-info dl > dt { width: 80px; flex: 0 0 auto; }
#border-dream-site .dream-site-list2 > li > .item .item-contents .item-info dl > dd { position:relative; width: calc(100% - 80px); }
#border-dream-site .dream-site-list2 > li > .item .item-btns { position: absolute; z-index: 1; right: 0; bottom: 10px; display: flex; margin: 0 -5px; }
#border-dream-site .dream-site-list2 > li > .item .item-btn { font-size: 16px; font-weight: bold; display: flex; width: 90px; height: 90px; margin: 0 5px; color: #fff; border-radius: 100%; align-items: center; justify-content: center; }
#border-dream-site .dream-site-list2 > li > .item .item-btn.type1 { background: #aaa; }
#border-dream-site .dream-site-list2 > li > .item .item-btn.type2 { background: #0a9e4c; }
#border-dream-site .dream-site-list2 > li > .item .item-btn.type3 { color: #aaa; background: url(/user/images/common/bg_end.png) no-repeat center; background-size: contain; }
#border-dream-site .dream-site-list2 > li > .item .item-btn.type4 { color: #aaa; border: 2px solid #bdbdbd; }
#border-dream-site .dream-site-list2 > li > .item .item-btn.type5 { background: #8a8; }
#border-dream-site .dream-site-view .ds-section { margin-bottom: 55px; }
#border-dream-site .dream-site-view .ds-section:last-child { margin-bottom: 0; }
#border-dream-site .dream-site-view .intro { position: relative; }
#border-dream-site .dream-site-view .intro .item { position: relative; border: 1px solid #ddd; }
#border-dream-site .dream-site-view .intro .item .item-title-wrap { display: flex; padding: 30px 40px; text-align: center; align-items: center; }
#border-dream-site .dream-site-view .intro .item .item-title-wrap .item-left { margin-right: 40px; }
#border-dream-site .dream-site-view .intro .item .item-title-wrap .item-left .item-img-wrap { display: block; width: 230px; padding: 10px; border: 1px solid #ddd; }
#border-dream-site .dream-site-view .intro .item .item-title-wrap .item-right { width: calc(100% - 292px); text-align: left; }
#border-dream-site .dream-site-view .intro .item .item-cate { font-size: 16px; font-weight: 500; position: absolute; top: 0; left: 0; min-width: 100px; padding: 10px; text-align: center; color: #fff; border-radius: 0 0 10px 0; }
#border-dream-site .dream-site-view .intro .item .item-title { font-size: 30px; font-weight: 500; display: block; margin-bottom: 20px; word-break: keep-all; color: #222; }
#border-dream-site .dream-site-view .intro .item .item-keyword .label-keyword { font-size: 14px; line-height: 26px; display: inline-block; width: 75px; height: 26px; text-align: center; vertical-align: top; color: #fff; border-radius: 5px; background: #0a9e4c; }
#border-dream-site .dream-site-view .intro .item .item-keyword .keyword-list { font-size: 16px; line-height: 26px; display: inline-flex; overflow: hidden; height: 26px; padding: 0 5px; vertical-align: top; color: #0a9e4c; flex-wrap: wrap; }
#border-dream-site .dream-site-view .intro .item .item-keyword .keyword-list > li { padding: 0 5px; }
#border-dream-site .dream-site-view .intro .item-content { padding: 30px 40px; padding-bottom: 40px; background: #f1f1f1; }
#border-dream-site .dream-site-view .intro .item-content .info-list { display: flex; margin: 0 -10px; flex-wrap: wrap; }
#border-dream-site .dream-site-view .intro .item-content .info-list dl { width: 50%; padding: 0 10px; }
#border-dream-site .dream-site-view .intro .item-content .info-list dt { width: 80px; flex: 0 0 auto; }
#border-dream-site .dream-site-view .intro .item-content .info-list dd { position: relative; }
.edu-calendar-btn { display: inline-block; width: 17px; height: 17px; margin-left: 10px; vertical-align: middle; background: url(/user/images/common/icon_calendar.png) no-repeat center; }
.edu-calendar { position: absolute; z-index: 9999; top: 30px; left: 0; display: none; width: 260px; padding: 25px; border: #000 solid 1px; background: #fff; }
.edu-calendar .head { font-size: 17px; font-weight: 500; line-height: 16px; position: relative; width: 100%; height: 16px; text-align: center; color: #222; }
.edu-calendar .head .prev { position: absolute; top: 0; left: 0; width: 8px; height: 15px; background: url(/user/images/common/btn_calprev.png); }
.edu-calendar .head .next { position: absolute; top: 0; right: 0; width: 8px; height: 15px; background: url(/user/images/common/btn_calnext.png); }
.edu-calendar .cal_table { width: 100%; margin-top: 13px; }
.edu-calendar .cal_table table { width: 100%; }
.edu-calendar .cal_table table th,
.edu-calendar .cal_table table td { width: 14.28571%; text-align: center; }
.edu-calendar .cal_table table th { font-size: 14px; line-height: 27px; height: 27px; color: #666; background: #eee; }
.edu-calendar .cal_table table td { height: 28px; }
.edu-calendar .cal_table table .gap td { height: 8px; }
.edu-calendar .cal_table table td span { font-size: 14px; line-height: 24px; display: block; width: 24px; height: 24px; margin: auto; text-align: center; color: #666; }
.edu-calendar .cal_table table td span.on { color: #fff; background: #0a9e4c; }
.edu-calendar .btn_close { position: absolute; top: -1px; right: -35px; display: block; width: 35px; height: 35px; background: url(/user/images/common/btn_calclose.png) center center no-repeat #000; }
#border-dream-site .dream-site-view .intro .apply-btn { font-size: 16px; font-weight: 500; line-height: 55px; position: absolute; z-index: 1; bottom: -27.5px; left: 50%; display: block; width: 314px; height: 55px; margin-left: -157px; text-align: center; color: #fff; background: #0a9e4c; }
#border-dream-site .dream-site-view .intro .apply-stand-btn { font-size: 16px; font-weight: 500; line-height: 55px; position: absolute; z-index: 1; bottom: -27.5px; left: 50%; display: block; width: 314px; height: 55px; margin-left: -157px; text-align: center; color: #fff; background: #8a8; }
#border-dream-site .dream-site-view .intro .apply-finish-btn { font-size: 16px; font-weight: 500; line-height: 55px; position: absolute; z-index: 1; bottom: -27.5px; left: 50%; display: block; width: 314px; height: 55px; margin-left: -157px; text-align: center; color: #fff; background: #aaa; }
#border-dream-site .dream-site-view .view-content { padding: 40px 30px; border-top: 2px solid #222; border-bottom: 1px solid #ddd; }
#border-dream-site .dream-site-view .teacher-info-wrap { border-top: 2px solid #0a9e4c; }
#border-dream-site .dream-site-view .teacher-info { display: flex; border-bottom: 1px solid #bbb; }
#border-dream-site .dream-site-view .teacher-info .teacher-img { display: flex; width: 176px; padding: 20px; border-right: 1px solid #ddd; flex: 0 0 auto; align-items: center; justify-content: center; }
#border-dream-site .dream-site-view .teacher-info .teacher-content { width: calc(100% - 176px); padding: 20px; }
#border-dream-site .dream-site-view .teacher-info .teacher-name-wrap { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #ddd; }
#border-dream-site .dream-site-view .teacher-info .teacher-name { margin-bottom: 10px; }
#border-dream-site .dream-site-view .teacher-info .teacher-name .point { margin-right: 5px; }
#border-dream-site .dream-site-view .teacher-info .teacher-txt1 { color: #777; }
#border-dream-site .dream-site-view .teacher-info .teacher-txt2 { font-size: 14px; overflow: auto; height: 140px; }

/* 멤버쉽 */
#membership .membership-box { width: 100%; max-width: 460px; margin: 0 auto; }
#membership .membership-box .membership-form { margin-bottom: 30px; }
#membership .membership-box .membership-form > li { margin-bottom: 10px; }
#membership .membership-box .membership-form > li:last-child { margin-bottom: 0; }
#membership .membership-box .membership-form .form-basic { height: 60px; }
#membership .membership-box .membership-btns .membership-btn { display: block; width: 100%; height: 60px; text-align: center; color: #fff; background: #0a9e4c; }
#membership .membership-box .membership-login-util { overflow: hidden; }
#membership .membership-box .membership-login-util .util-list { display: flex; margin: 0 -30px; margin-top: 30px; flex-wrap: wrap; justify-content: center; }
#membership .membership-box .membership-login-util .util-list > li { font-size: 16px; position: relative; padding: 0 30px; color: #555; }
#membership .membership-box .membership-login-util .util-list > li:before { position: absolute; top: 3px; right: 0; display: block; width: 1px; height: 20px; content: ""; background: #ddd; }
#membership .membership-box .membership-login-util .util-list > li:last-child:before { display: none; }

/* 팝업 - 공간상세 */
.modal-space-detail .space-info { display: flex; flex-direction: column; }

/* 피난안내도, 팝업 - 피난안내도 */
.evacuation-guide-btn { font-size: 16px; font-weight: 500; line-height: 30px; display: inline-block; height: 30px; margin-left: 10px; padding-right: 13px; padding-left: 35px; vertical-align: middle; border-radius: 5px; background-color: #f0f0f0; background-image: url(/user/images/common/icon_evacuation.png); background-repeat: no-repeat; background-position: left 10px center; }
.modal-evacuation-guide .modal-n-body { width: 1000px; }
.modal-refuse .refuse-box { overflow: auto; height: 350px; padding: 15px; border: 1px solid #ddd; }

/* 게시판 - 기본 */
#board-basic { position: relative; }
#board-basic .basic-list-wrap { border-top: 2px solid #444; border-bottom: 1px solid #aaa; }
#board-basic .basic-list { table-layout: fixed; border-style: hidden; }
#board-basic .basic-list tr { border-bottom: 1px solid #ddd; }
#board-basic .basic-list tr.notice { background: #ecfcea; }
#board-basic .basic-list th,
#board-basic .basic-list td { font-size: 16px; height: 60px; padding: 15px 20px; text-align: center; vertical-align: middle; word-break: keep-all; color: #777; }
#board-basic .basic-list th { font-size: 18px; font-weight: 500; color: #444; }
#board-basic .basic-list .num .cate-notice { display: block; overflow: hidden; width: 28px; height: 20px; margin: 0 auto; white-space: nowrap; text-indent: 100%; background: url(/user/images/common/icon_notice.png) no-repeat center; background-size: contain; }
#board-basic .basic-list .subject { text-align: left; color: #555; }
#board-basic .basic-list .subject > * { vertical-align: middle; }
#board-basic .basic-list .subject .subject-title { display: block; overflow: hidden; max-width: calc(100% - 50px); white-space: nowrap; text-overflow: ellipsis; }
#board-basic .basic-list .subject .icon-secret { margin-right: 5px; }
#board-basic .basic-list .subject .cmt-cnt { font-weight: bold; color: #0a9e4c; }
#board-basic .basic-list .state-type1 { color: #0a9e4c; }
#board-basic .basic-list .state-type1 .btn-basic { font-size: 15px; line-height: 33px; min-width: 70px; height: 35px; margin: 5px; padding: 0 10px; }
#board-basic .basic-view { border-top: 2px solid #444; }
#board-basic .basic-view > .item { margin-bottom: 50px; }
#board-basic .basic-view > .item .item-title-wrap { margin-bottom: -1px; padding: 50px 0; text-align: center; border-bottom: 1px solid #ddd; }
#board-basic .basic-view > .item .item-title-wrap .item-cate { font-size: 17px; font-weight: 500; display: inline-block; margin-bottom: 15px; padding: 7px 24px; vertical-align: top; color: #0092d7; border: 1px solid #0092d7; border-radius: 100px; }
#board-basic .basic-view > .item .item-title-wrap .item-cate2 { font-size: 18px; font-weight: bold; display: inline-block; margin-bottom: 15px; vertical-align: top; color: #0a9e4c; }
#board-basic .basic-view > .item .item-title-wrap .item-title { font-size: 30px; font-weight: 500; display: block; margin-bottom: 33px; word-break: keep-all; }
#board-basic .basic-view > .item .item-title-wrap .item-info { font-size: 16px; display: flex; margin: 0 -15px; justify-content: center; flex-wrap: wrap; }
#board-basic .basic-view > .item .item-title-wrap .item-info dl { position: relative; display: flex; padding: 0 15px; align-items: center; }
#board-basic .basic-view > .item .item-title-wrap .item-info dl:before { position: absolute; top: 50%; right: 0; display: block; width: 1px; height: 15px; margin-top: -7.5px; content: ""; background: #ddd; }
#board-basic .basic-view > .item .item-title-wrap .item-info dl:last-child:before { display: none; }
#board-basic .basic-view > .item .item-title-wrap .item-info dt { font-weight: 500; margin-right: 10px; color: #555; flex: 0 0 auto; }
#board-basic .basic-view > .item .item-title-wrap .item-info dd { color: #666; flex: 0 0 auto; }
#board-basic .basic-view > .item .editor-content { padding: 60px 40px; border-bottom: 1px solid #ddd; }
#board-basic .basic-view > .item .editor-content img { height: auto !important; }
#board-basic .basic-view > .item .item-data .id-row { display: flex; border-bottom: 1px solid #ddd; }
#board-basic .basic-view > .item .item-data .id-row .id-title,
#board-basic .basic-view > .item .item-data .id-row .id-data { display: flex; min-height: 60px; padding: 15px 30px; align-items: center; }
#board-basic .basic-view > .item .item-data .id-row .id-title { font-size: 16px; font-weight: bold; width: 150px; background: #f3f3f3; flex: 0 0 auto; }
#board-basic .basic-view > .item .item-data .id-row .id-data { flex: 1 1 auto; }
#board-basic .basic-view .qna-answer { margin-top: -1px; padding: 20px 40px; padding-bottom: 30px; border: 1px solid #ddd; }
#board-basic .basic-view .qna-answer .qna-answer-info { display: flex; align-items: center; }
#board-basic .basic-view .qna-answer .qna-answer-info:before { display: block; margin-right: 15px; padding: 6px 18px; content: "답변"; color: #fff; background-color: #0a9e4c; }
#board-basic .basic-view .qna-answer .qna-answer-info > ul { display: flex; }
#board-basic .basic-view .qna-answer .qna-answer-info > ul > li { margin-right: 10px; }
#board-basic .basic-view .qna-answer .qna-answer-info > ul > li:last-child { margin-right: 0; }
#board-basic .basic-view .qna-answer .qna-answer-info > ul > li.list1 { font-weight: 500; color: #555; }
#board-basic .basic-view .qna-answer .qna-answer-info > ul > li.list2 { color: #666; }
#board-basic .basic-view .qna-answer .qna-answer-content { margin-top: 20px; }
#board-basic .basic-view .video_wrap { padding-top: 60px; }
#board-basic .basic-view .video_wrap:after { display: block; clear: both; content: ""; }
#board-basic .basic-view .video_wrap .video { position: relative; float: left; width: 50%; margin-right: 40px; margin-bottom: 25px; }
#board-basic .basic-view .video_wrap .video:before { display: block; padding-top: 56.25%; content: ""; }
#board-basic .basic-view .video_wrap .video iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }
#board-basic .basic-view .video_wrap .video_desc .editor-content { padding: 0; border-bottom: 0; }
#board-basic .basic-apply { padding: 57px 0 0 0; background: #fff; }
#board-basic .basic-apply > .item { margin-bottom: 50px; }
#board-basic .basic-apply > .item .item-title-wrap { padding: 0 20px 60px 20px; text-align: center; border-bottom: 1px solid #ddd; }
#board-basic .basic-apply > .item .item-title-wrap .item-title { font-size: 30px; font-weight: 300; display: block; margin-bottom: 33px; word-break: keep-all; }
#board-basic .basic-apply > .item .item-title-wrap .item-info { font-size: 17px; display: flex; margin: 0 -15px; justify-content: center; }
#board-basic .basic-apply > .item .item-title-wrap .item-info dl { display: flex; padding: 0 15px; }
#board-basic .basic-apply > .item .item-title-wrap .item-info dt { margin-right: 18px; color: #666; }
#board-basic .basic-apply > .item .item-title-wrap .item-info dd { color: #aaa; }
#board-basic .basic-apply > .item .item-form { max-width: 570px; margin: 0 auto; padding: 60px 15px; }
#board-basic .basic-write-wrap { border-top: 2px solid #444; border-bottom: 1px solid #ddd; }
#board-basic .basic-write-wrap .editor-content { padding: 20px; border-top: 1px solid #ddd; }
#board-basic .basic-write-wrap .editor-content textarea { min-height: 430px; }
#board-basic .basic-write { table-layout: fixed; }
#board-basic .basic-write tr { border-top: 1px solid #ddd; }
#board-basic .basic-write th,
#board-basic .basic-write td { font-size: 16px; height: 55px; padding: 20px; text-align: left; vertical-align: middle; word-break: keep-all; }
#board-basic .basic-write th { font-weight: 500; color: #222; }
#board-basic .basic-write td { color: #444; }

/* 게시판 - 기관/단체 리스트형 */
#board-basic .group-list > li { margin-bottom: 20px; }
#board-basic .group-list > li:last-child { margin-bottom: 0; }
#board-basic .group-list > li > .item { border: 1px solid #ddd; }
#board-basic .group-list > li > .item .item-title { font-size: 20px; font-weight: 500; padding: 22px 30px; color: #0a9e4c; }
#board-basic .group-list > li > .item .item-content { display: flex; padding: 15px 30px; background: #f6f6f6; flex-wrap: wrap; }
#board-basic .group-list > li > .item .item-content .col1 { width: 100%; }
#board-basic .group-list > li > .item .item-content dl { display: flex; width: 50%; padding: 8px 0; flex: 1 0 auto; }
#board-basic .group-list > li > .item .item-content dt,
#board-basic .group-list > li > .item .item-content dd { font-size: 16px; }
#board-basic .group-list > li > .item .item-content dt { font-weight: 500; width: 120px; color: #444; flex: 0 0 auto; }
#board-basic .group-list > li > .item .item-content dd { color: #666; flex: 1 1 auto; }
#board-basic .group-list2 { display: flex; margin: -15px -10px; flex-wrap: wrap; }
#board-basic .group-list2 > li { width: 25%; padding: 15px 10px; }
#board-basic .group-list2 > li > .item { display: block; overflow: hidden; height: 100%; transition: 0.25s ease-in-out; border: 1px solid #ddd; border-radius: 30px; background: #f6f6f6; }
#board-basic .group-list2 > li > .item .item-title-wrap { padding: 30px; background: #fff; }
#board-basic .group-list2 > li > .item .item-title { font-size: 20px; font-weight: 500; margin-bottom: 15px; padding-left: 22px; color: #0a9e4c; background: url(/user/images/common/icon_home2.png) no-repeat left top 6px; }
#board-basic .group-list2 > li > .item .item-thumb { display: flex; height: 130px; align-items: center; justify-content: center; }
#board-basic .group-list2 > li > .item .item-thumb img { width: auto; max-height: 130px; }
#board-basic .group-list2 > li > .item .item-content { padding: 30px; }
#board-basic .group-list2 > li > .item .item-content dl { display: flex; margin-bottom: 13px; flex-wrap: wrap; }
#board-basic .group-list2 > li > .item .item-content dl:last-child { margin-bottom: 0; }
#board-basic .group-list2 > li > .item .item-content dt,
#board-basic .group-list2 > li > .item .item-content dd { font-size: 16px; }
#board-basic .group-list2 > li > .item .item-content dt { font-weight: 500; width: 80px; color: #444; }
#board-basic .group-list2 > li > .item .item-content dd { display: block; overflow: hidden; width: calc(100% - 80px); white-space: nowrap; text-overflow: ellipsis; word-wrap: normal; color: #666; }
#board-basic .group-list2 > li > .item:hover { box-shadow: 11px 18px 21px 0 rgba(0, 0, 0, 0.1); }

/* 게시판 - 문화예술교육 현장 소식 */
#board-news .news-list > ul { display: flex; margin: -20px; flex-wrap: wrap; }
#board-news .news-list > ul > li { width: 33.3%; padding: 20px; }
#board-news .news-list > ul > li > .item { display: block; height: 100%; padding: 30px; border: 1px solid #ddd; }
#board-news .news-list > ul > li > .item:hover { box-shadow: 11px 18px 21px 0 rgba(0, 0, 0, 0.1); }
#board-news .news-list > ul > li > .item .item-img { position: relative; width: 100%; margin-bottom: 25px; border: 1px solid #ddd; }
#board-news .news-list > ul > li > .item .item-img:before { display: block; padding-top: 100%; content: ""; }
#board-news .news-list > ul > li > .item .item-img img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; }
#board-news .news-list > ul > li > .item .item-cate { font-size: 18px; font-weight: bold; display: block; margin-bottom: 10px; color: #0a9e4c; }
#board-news .news-list > ul > li > .item .item-title { font-size: 20px; font-weight: 500; line-height: 1.5; display: block; display: -webkit-box; overflow: hidden; max-height: 60px; margin-bottom: 20px; text-overflow: ellipsis; word-break: keep-all; color: #222; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
#board-news .news-list > ul > li > .item .item-desc { font-size: 16px; line-height: 1.7; display: -webkit-box; overflow: hidden; max-height: 54px; margin-bottom: 30px; text-overflow: ellipsis; color: #666; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
#board-news .news-list > ul > li > .item .item-date { font-size: 16px; color: #666; }

/* 게시판 - 갤러리 */
.board-gallery .gallery-list { border-bottom: 1px solid #ddd; }
.board-gallery .gallery-list > ul { display: flex; margin: 0 -15px; flex-wrap: wrap; }
.board-gallery .gallery-list > ul > li { width: 33.3%; margin-bottom: 30px; padding: 15px; }
.board-gallery .gallery-list > ul > li > .item > .item-img { position: relative; overflow: hidden; margin-bottom: 25px; background-repeat: no-repeat; background-position: center; background-size: cover; }
.board-gallery .gallery-list > ul > li > .item > .item-img:before { display: block; padding-top: 64.47%; content: ""; }
.board-gallery .gallery-list > ul > li > .item > .item-img .alt { position: absolute; top: 0; left: 0; overflow: hidden; white-space: nowrap; text-indent: 100%; }
.board-gallery .gallery-list > ul > li > .item > .item-img img { width: 100%; height: 245px; }
.board-gallery .gallery-list > ul > li > .item > .item-title { font-size: 20px; font-weight: 500; line-height: 1.5; display: block; display: -webkit-box; overflow: hidden; max-height: 60px; text-overflow: ellipsis; word-break: keep-all; color: #222; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.board-gallery .gallery-list.video > ul > li > .item > .item-img:after { position: absolute; top: 50%; left: 50%; display: block; width: 67px; height: 46px; margin-top: -23px; margin-left: -33.5px; content: ""; background: url(/user/images/common/icon_video.png) no-repeat center; }
.board-gallery .gallery-list2 > ul { display: flex; margin: -25px -30px; border-bottom: 1px solid #ddd; flex-wrap: wrap; }
.board-gallery .gallery-list2 > ul > li { width: 25%; padding: 30px; }
.board-gallery .gallery-list2 > ul > li > .item .item-title { font-size: 20px; font-weight: 500; margin-bottom: 15px; color: #222; height: 52px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; }
.board-gallery .gallery-list2 > ul > li > .item .item-img-wrap { position: relative; border: 1px solid #e0e0e0; }
.board-gallery .gallery-list2 > ul > li > .item .item-img { background-size: cover; background-repeat: no-repeat; background-position: center; }
.board-gallery .gallery-list2 > ul > li > .item .item-cate { font-size: 16px; font-weight: 500; position: absolute; top: 0; left: 0; min-width: 100px; padding: 10px; text-align: center; color: #fff; border-radius: 0 0 10px 0; }
.board-gallery .gallery-list2 > ul > li > .item .item-cate.cate1 { background-color: #e86457; }
.board-gallery .gallery-list2 > ul > li > .item .item-cate.cate2 { background-color: #e989b3; }
.board-gallery .gallery-list2 > ul > li > .item .item-cate.cate3 { background-color: #6babdd; }
.board-gallery .gallery-list2 > ul > li > .item .item-cate.cate4 { background-color: #976fad; }
.board-gallery .gallery-list2 > ul > li > .item .item-cate.cate5 { background-color: #6cc147; }
.board-gallery .gallery-list2 > ul > li > .item .item-img:before { display: block; padding-top: 123.53%; content: ""; }
.board-gallery .gallery-list2 > ul > li > .item .item-btn { line-height: 43px; display: block; height: 45px; padding: 0 10px; text-align: center; border: 1px solid transparent; }
.board-gallery .gallery-list2 > ul > li > .item .item-btn span { display: inline-block; padding-left: 30px; background-repeat: no-repeat; background-position: left center; }
.board-gallery .gallery-list2 > ul > li > .item .item-btn.btn1 { color: #0a9e4c; border-color: #0a9e4c; }
.board-gallery .gallery-list2 > ul > li > .item .item-btn.btn1 span { background-image: url(/user/images/common/icon_down3.png); }
.board-gallery .gallery-list2 > ul > li > .item .item-btn.btn2 { color: #fff; background-color: #0a9e4c; }
.board-gallery .gallery-list2 > ul > li > .item .item-btn.btn2 span { background-image: url(/user/images/common/icon_link.png); }

/* 게시판 - 발간자료 */
#board-basic .pdf_list { overflow: hidden; }
#board-basic .pdf_list > ul { display: flex; margin: -25px -30px; padding-bottom: 25px; border-bottom: 1px solid #ddd; flex-wrap: wrap; }
#board-basic .pdf_list > ul > li { width: 50%; padding: 25px 30px; }
#board-basic .pdf_list .item_wrap { position: relative; }
#board-basic .pdf_list .item_wrap .item { display: flex; flex-wrap: wrap; }
#board-basic .pdf_list .item_wrap .item .item-img { position: relative; overflow: hidden; width: 45%; border: 1px solid #ddd; background-repeat: no-repeat; background-position: center; background-size: cover; }
#board-basic .pdf_list .item_wrap .item .item-img:before { display: block; padding-top: 141.18%; content: ""; }
#board-basic .pdf_list .item_wrap .item .item-img .alt { position: absolute; top: 0; left: 0; overflow: hidden; white-space: nowrap; text-indent: 100%; }
#board-basic .pdf_list .item_wrap .item .item-content_wrap { position: relative; width: 55%; margin-bottom: 45px; }
#board-basic .pdf_list .item_wrap .item .item-content { position: absolute; top: 0; right: 0; bottom: 20px; left: 0; overflow: auto; padding: 15px 30px 15px 30px; }
#board-basic .pdf_list .item_wrap .item .item-content .item-title { font-size: 24px; font-weight: 500; margin-bottom: 28px; word-break: keep-all; color: #222; }
#board-basic .pdf_list .item_wrap .item .item-content .item-desc { font-size: 17px; color: #999; }
#board-basic .pdf_list .item_wrap .item-btn { font-size: 15px; line-height: 43px; position: absolute; right: 0; bottom: 0; left: 45%; height: 45px; margin-left: 30px; text-align: center; color: #0a9e4c; border: 1px solid #0a9e4c; }
#board-basic .pdf_list .item_wrap .item-btn span { padding-left: 26px; background: url(/user/images/common/icon_down3.png) no-repeat left center; }

/* 예술강사 등록 */
#information-sharing .teacher_title { font-size: 24px; font-weight: 500; padding-left: 40px; color: #222; background-repeat: no-repeat; background-position: left center; background-size: 1.7143rem; }
#information-sharing .teacher_title.teacher_title1 { background-image: url(/user/images/common/icon_teacher2.png); }
#information-sharing .teacher_title.teacher_title2 { background-image: url(/user/images/common/icon_teacher1.png); }
#information-sharing .teacher_btn { font-size: 13px; display: inline-block; margin-left: 10px; padding: 8px 15px; color: #fff; background: #0a9e4c; }
#information-sharing .teacher_btn span { padding-right: 15px; background: url(/user/images/common/icon_more4.png) no-repeat right center; background-size: 6px; }

/* 마이페이지 */
#myPage .tab-s1 { background-color: #f1f1f1; }

#myPage .my-coronation #board-basic .basic-list td { color: #555; }

/* 예술강사신청 */
.art-teacher-info-list { position: relative; }
.art-teacher-info-list ul > li { position: relative; margin-bottom: 10px; }
.art-teacher-info-list ul > li:last-child { margin-bottom: 0; }
.art-teacher-info-list .item-tr { display: flex; width: 100%; margin: 0 -5px; align-items: center; }
.art-teacher-info-list .item-td { padding: 0 5px; flex: 1 1 auto; }
.art-teacher-info-list .atil-btn { font-size: 16px; line-height: 48px; display: block; width: 100px; height: 50px; padding: 0 15px; text-align: center; color: #0a9e4c; border: 1px solid transparent; background: #fff; }
.art-teacher-info-list .btn-remove { color: #0a9e4c; border-color: #0a9e4c; }
.art-teacher-info-list .btn-add { color: #fff; background: #0a9e4c; }

/* 게시판 - 예술강사 */
#board-art-teacher td.ly-teacher-img { padding-top: 60px; vertical-align: top; }

/* footer */
#footer { font-size: 16px; padding: 40px 0 50px 0; background: #f1f1f1; }
#footer > .inner2 { position: relative; }
#footer .link-list { overflow: hidden; }
#footer .link-list ul { display: flex; margin: 0 -20px; margin-bottom: 30px; flex-wrap: wrap; }
#footer .link-list ul > li { font-weight: 300; position: relative; padding: 0 20px; color: #444; }
#footer .link-list ul > li.active { font-weight: 500; color: #0a9e4c; }
#footer .link-list ul > li:before { position: absolute; top: 50%; right: -2px; display: block; width: 4px; height: 4px; content: ""; border-radius: 100%; background: #c3c3c3; }
#footer .link-list ul > li:last-child:before { display: none; }
#footer .info-list-wrap { position: relative; padding-left: 160px; }
#footer .family-site-wrap { position: absolute; top: 0; right: 0; width: 260px; }
#footer .family-site .custom-select-trigger { padding-left: 58px; background-image: url(/user/images/common/icon_site.png); background-repeat: no-repeat; background-position: left 25px center; background-size: 20px; }
#footer .footer-logo { position: absolute; z-index: 1; top: 0; left: 0; }
#footer .info-list ul { display: flex; margin: 0 -12px; margin-bottom: 15px; flex-wrap: wrap; }
#footer .info-list ul:last-child { margin-bottom: 0; }
#footer .info-list ul > li { font-weight: 300; position: relative; padding: 0 12px; color: #666; }
#footer .info-list ul > li:before { position: absolute; top: 50%; right: 0; display: block; width: 1px; height: 15px; margin-top: -7.5px; content: ""; background: #ccc; }
#footer .info-list ul > li:last-child:before { display: none; }
#footer .info-list .info-btn { font-size: 14px; margin: 3px 8px; padding: 4px 12px; color: #0a9e4c; border: 1px solid #0a9e4c; }
#footer .copyright { margin-top: 20px; color: #999; }

/* 통합검색 */
#header .header_search { position: absolute; z-index: 2020; top: 100px; right: 0; left: 0; display: none; padding: 65px 30px; background: #eee; }
#header .header_search.active { display: block; }
#header .header_search .search_wrap { position: relative; width: 100%; max-width: 615px; margin: 0 auto; border: 2px solid #0a9e4c; background: #fff; }
#header .header_search .search_input { font-size: 17px; width: 100%; height: 65px; padding: 0 28px; padding-right: 100px; color: #000; }
#header .header_search .search_submit { position: absolute; top: 0; right: 15px; overflow: hidden; width: 65px; height: 65px; white-space: nowrap; text-indent: 100%; background: url(/user/images/common/btn_search.png) no-repeat center; }
.ly_unified_search .result_txt { font-size: 30px; padding: 20px 0; text-align: center; color: #222; }
.ly_unified_search .result_txt .search_keyword { font-weight: 500; color: #0a9e4c; }
.ly_unified_search .result_txt .search_cnt { font-weight: 500; color: #0313aa; }
.ly_unified_search .search_result { padding: 45px 0 75px 0; border-bottom: 2px solid #333; }
.ly_unified_search .search_result:first-child { border-top: 2px solid #333; }
.ly_unified_search .search_result .result_title_wrap { display: flex; margin-bottom: 30px; justify-content: space-between; align-items: flex-end; }
.ly_unified_search .search_result .result_title_wrap .left_item { display: flex; align-items: flex-end; }
.ly_unified_search .search_result .result_more { font-size: 18px; padding-right: 16px; color: #666; background: url(/user/images/common/icon_more6.png) no-repeat right center; }
.ly_unified_search .search_result .result_more:hover { text-decoration: underline; }
.ly_unified_search .search_result .result_title { font-size: 30px; color: #222; }
.ly_unified_search .search_result .result_cnt { font-size: 18px; margin-left: 18px; color: #666; }
.ly_unified_search .search_result .result_content .result_item { margin-bottom: 30px; }
.ly_unified_search .search_result .result_content .result_item:last-child { margin-bottom: 0; }
.ly_unified_search .search_result .result_content .result_item a:hover .item_title { text-decoration: underline; }
.ly_unified_search .search_result .result_content .item_title { font-size: 18px; margin-bottom: 10px; color: #0313aa; }
.ly_unified_search .search_result .result_content .item_desc { font-size: 16px; display: -webkit-box; overflow: hidden; max-height: 42px; margin-bottom: 15px; text-overflow: ellipsis; color: #666; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.ly_unified_search .search_result .result_content .item_desc .search_keyword { color: #333; }
.ly_unified_search .search_result .result_content .item_nav { font-size: 16px; padding-left: 25px; color: #666; background: url(/user/images/common/icon_home.png) no-repeat left center; }
.ly_unified_search .search_result .result_content .item_nav b { color: #0a9e4c; }
.ly_unified_search .search_keyword { font-weight: bold !important; }
.ly_unified_search .reservation-layout .layout-imgs { display: flex; margin: -20px -22px; text-align: center; flex-wrap: wrap; }
.ly_unified_search .reservation-layout .layout-imgs > li { width: 33.3%; padding: 20px 22px; }
.ly_unified_search .reservation-layout .layout-imgs .item { display: block; width: 100%; border: 1px solid #222; }
.ly_unified_search .reservation-layout .layout-imgs > li.type2 .item { border-color: #2bab64; }
.ly_unified_search .reservation-layout .layout-imgs .item .button-fixed { display: block; }
.ly_unified_search .reservation-layout .layout-imgs .item .item-img { display: block; overflow: hidden; }
.ly_unified_search .reservation-layout .layout-imgs .item .item-img img { transition: ease-in-out 0.3s; }
.ly_unified_search .reservation-layout .layout-imgs .item:hover .item-img img { transform: scale(1.1); }
.ly_unified_search .reservation-layout .layout-imgs .item .item-desc { font-size: 17px; font-weight: 500; line-height: 70px; display: block; height: 70px; color: #222; background: #fff; }
.ly_unified_search .reservation-layout .layout-imgs .item .item-desc img { margin-left: 5px; vertical-align: middle; }
.ly_unified_search .reservation-layout .layout-imgs > li.type2 .item .item-desc { color: #fff; background: #0a9e4c; }
.ly_unified_search .reservation-layout2 { overflow: hidden; }
.ly_unified_search .reservation-layout2 .layout-imgs { display: flex; margin: -20px -22px; text-align: left; flex-wrap: wrap; }
.ly_unified_search .reservation-layout2 .layout-imgs > li { width: 33.3%; padding: 40px 22px; }
.ly_unified_search .reservation-layout2 .layout-imgs .item { display: block; }
.ly_unified_search .reservation-layout2 .layout-imgs .item .item-img { position: relative; overflow: hidden; }
.ly_unified_search .reservation-layout2 .layout-imgs .item .item-img:before { position: absolute; z-index: 1; top: 0; right: 0; display: block; width: 45px; height: 45px; content: ""; background: #e4e4e4 url(/user/images/common/icon_more8.png) no-repeat center; }
.ly_unified_search .reservation-layout2 .layout-imgs .item .item-img img { transition: ease-in-out 0.3s; }
.ly_unified_search .reservation-layout2 .layout-imgs .item:hover .item-img:before { background-color: #0a9e4c; background-image: url(/user/images/common/icon_more7.png); }
.ly_unified_search .reservation-layout2 .layout-imgs .item:hover .item-img img { transform: scale(1.1); }
.ly_unified_search .reservation-layout2 .layout-imgs .item .item-desc { font-size: 17px; font-weight: 500; padding-top: 25px; color: #222; background: #fff; }
.ly_unified_search .reservation-layout2 .layout-imgs .item .item-desc2 { font-size: 17px; margin-top: 7px; color: #999; }
.ly_unified_search .reservation-layout2.type2 .layout-imgs { margin: 0 -22px; }
.ly_unified_search .reservation-layout2.type2 .layout-imgs > li { width: 25%; padding: 30px 22px; }
.ly_unified_search .reservation-layout2.type2 .layout-imgs .item .item-img { position: relative; background-repeat: no-repeat; background-position: center; background-size: contain; }
.ly_unified_search .reservation-layout2.type2 .layout-imgs .item .item-img:after { display: block; padding-top: 60%; content: ""; }
.ly_unified_search .layout-imgs .search_keyword { color: #f74c00 !important; }

/* 카테고리 컬러 */
#contents.main .dream-site-course .main-dream-site .dream-site-list > .swiper-slide > .item .item-cate.cate1,
#border-dream-site .dream-site-list > .swiper-slide > .item .item-cate.cate1,
#border-dream-site .dream-site-list2 > li > .item .item-thumb .item-cate.cate1,
#border-dream-site .dream-site-view .intro .item .item-cate.cate1 { background: #e17ba7; } /* 유아 */
#contents.main .dream-site-course .main-dream-site .dream-site-list > .swiper-slide > .item .item-cate.cate2,
#border-dream-site .dream-site-list > .swiper-slide > .item .item-cate.cate2,
#border-dream-site .dream-site-list2 > li > .item .item-thumb .item-cate.cate2,
#border-dream-site .dream-site-view .intro .item .item-cate.cate2 { background: #e86457; } /* 아동·청소년 */
#contents.main .dream-site-course .main-dream-site .dream-site-list > .swiper-slide > .item .item-cate.cate3,
#border-dream-site .dream-site-list > .swiper-slide > .item .item-cate.cate3,
#border-dream-site .dream-site-list2 > li > .item .item-thumb .item-cate.cate3,
#border-dream-site .dream-site-view .intro .item .item-cate.cate3 { background: #0487bd; } /* 청년 */
#contents.main .dream-site-course .main-dream-site .dream-site-list > .swiper-slide > .item .item-cate.cate4,
#border-dream-site .dream-site-list > .swiper-slide > .item .item-cate.cate4,
#border-dream-site .dream-site-list2 > li > .item .item-thumb .item-cate.cate4,
#border-dream-site .dream-site-view .intro .item .item-cate.cate4 { background: #0a9e4c; } /* 성인 */
#contents.main .dream-site-course .main-dream-site .dream-site-list > .swiper-slide > .item .item-cate.cate5,
#border-dream-site .dream-site-list > .swiper-slide > .item .item-cate.cate5,
#border-dream-site .dream-site-list2 > li > .item .item-thumb .item-cate.cate5,
#border-dream-site .dream-site-view .intro .item .item-cate.cate5 { background: #8747aa; } /* 신중년 */
#contents.main .dream-site-course .main-dream-site .dream-site-list > .swiper-slide > .item .item-cate.cate6,
#border-dream-site .dream-site-list > .swiper-slide > .item .item-cate.cate6,
#border-dream-site .dream-site-list2 > li > .item .item-thumb .item-cate.cate6,
#border-dream-site .dream-site-view .intro .item .item-cate.cate6 { background: #aa6c47; } /* 노인 */
#contents.main .dream-site-course .main-dream-site .dream-site-list > .swiper-slide > .item .item-cate.cate99,
#border-dream-site .dream-site-list > .swiper-slide > .item .item-cate.cate99,
#border-dream-site .dream-site-list2 > li > .item .item-thumb .item-cate.cate99,
#border-dream-site .dream-site-view .intro .item .item-cate.cate99 { background: #8f8f8f; } /* 기타 */
#contents.main .dream-site-course .main-dream-site .dream-site-list > .swiper-slide > .item .item-cate2.cate1:before { background: #324264; }
#contents.main .dream-site-course .main-dream-site .dream-site-list > .swiper-slide > .item .item-cate2.cate2:before { background: #2c95ab; }

/* 메인 - 센터일정 */
.center_calendar { display: flex; align-items: center; height: 60px; background-color: #495672; padding: 0 60px; }
.center_calendar .calendar_date { flex: 0 0 auto; display: flex; align-items: center; margin-right: 45px; }
.center_calendar .calendar_date .prev_btn,
.center_calendar .calendar_date .next_btn { display: block; width: 15px; height: 20px; background-repeat: no-repeat; background-position: center; white-space: nowrap; overflow: hidden; text-indent: 100%; }
.center_calendar .calendar_date .prev_btn { background-image: url(/user/images/common/btn_calprev2.png); }
.center_calendar .calendar_date .next_btn { background-image: url(/user/images/common/btn_calnext2.png); }
.center_calendar .calendar_date .date { display: flex; align-items: center; padding: 0 25px; font-weight: bold; color: #fff; }
.center_calendar .calendar_date .date .date_year { font-size: 20px; margin-right: 15px; }
.center_calendar .calendar_date .date .date_month { font-size: 26px; }
.center_calendar .calendar_area { width: 100%; display: flex; align-items: center; justify-content: space-between; }
.center_calendar .calendar_area .day { position: relative; }
.center_calendar .calendar_area .day_btn { text-align: center; padding: 0 5px; }
.center_calendar .calendar_area .calendar_layer { visibility: hidden; position: absolute; background: #fff; z-index: 2; width: 300px; left: 0; top: 52px; border: 1px solid #dfdfdf; }
.center_calendar .calendar_area .calendar_layer.right { left: auto; right: 0; }
.center_calendar .calendar_area .calendar_layer.active { visibility: visible; }
.center_calendar .calendar_area .calendar_content { padding: 15px 20px; height: 320px; overflow: auto; }
.center_calendar .calendar_area .cal_empty { display: flex; height: 100%; align-items: center; justify-content: center; }
.center_calendar .calendar_area .cal_empty span { position: relative; padding-left: 30px; font-size: 16px; color: #999; }
.center_calendar .calendar_area .cal_empty span:before { content:""; display: block; position: absolute; left: 0; top: 50%; width:20px; height: 17px; margin-top: -8.5px; background: url(/user/images/common/icon_calendar3.png) no-repeat center; }
.center_calendar .calendar_area .calendar_close_btn { position: relative; display: block; width: 100%; height: 40px; background: #f4f4f4; border-top: 1px solid #dfdfdf; }
.center_calendar .calendar_area .calendar_close_btn span { display: block; position: absolute; right: 20px; top: 50%; width: 16px; height: 16px; margin-top: -8px; white-space: nowrap; overflow: hidden; text-indent: 100%; background: url(/user/images/common/icon_close.png) no-repeat center / contain; }
.center_calendar .calendar_area .calendar_list { margin: -15px 0; }
.center_calendar .calendar_area .calendar_list > li { padding: 15px 0; border-bottom: 1px dashed #b5b5b5; }
.center_calendar .calendar_area .calendar_list > li:last-child { border: none; }
.center_calendar .calendar_area .cal_data_list dl { display: flex; align-items: baseline; margin-bottom: 10px; }
.center_calendar .calendar_area .cal_data_list dl:last-child { margin-bottom: 0; }
.center_calendar .calendar_area .cal_data_list dt { flex: 0 0 auto; font-size: 14px; color: #999; width: 70px; }
.center_calendar .calendar_area .cal_data_list dd { width: 100%; font-size: 15px; color: #666; }
.center_calendar .calendar_area .cal_data_list dd.cal_data_list_title { font-size: 17px; font-weight: bold; color: #495672; }
.center_calendar .calendar_area .day .day_m { font-size: 11px; color: rgba(255, 255, 255, 0.5); }
.center_calendar .calendar_area .day .day_d { width: 24px; height: 24px; line-height: 24px; font-size: 16px; font-weight: 500; color: #fff; }
.center_calendar .calendar_area .day.saturday .day_m { color: #7ea8ff; }
.center_calendar .calendar_area .day.sunday .day_m { color: #fe8f8f; }
.center_calendar .calendar_area .day:hover .day_d,
.center_calendar .calendar_area .day_btn.active .day_d, 
.center_calendar .calendar_area .day.today .day_d { background-color: #6babdd; }
.center_calendar .calendar_area .day.empty .day_d { color: rgba(255, 255, 255, 0.2);  }
.center_calendar .calendar_area .day.empty .day_btn { cursor:default; }
.center_calendar .calendar_area .day.empty:hover .day_d { background-color: transparent; }

/* 개인정보처리방침 */
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url('../fonts/NotoSansKR-Regular.woff2') format('woff2'), url('../fonts/NotoSansKR-Regular.woff') format('woff'), url('../fonts/NotoSansKR-Regular.otf') format('opentype'); }
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: url('../fonts/NotoSansKR-Bold.woff2') format('woff2'), url('../fonts/NotoSansKR-Bold.woff') format('woff'), url('../fonts/NotoSansKR-Bold.otf') format('opentype'); }
.privacy_policy { font-family: 'Noto Sans KR', sans-serif; font-size: 14px; line-height: 1.5; letter-spacing: -0.5px; color: #333; font-weight: 400; }
.privacy_policy * { font-family: 'Noto Sans KR', sans-serif; }
.privacy_policy a { text-decoration: none; color: #00f !important; }
.privacy_policy a:hover { text-decoration: underline; }
.privacy_policy .policy_title { font-size: 22px; font-weight: bold; margin-bottom: 15px; text-align: center; }
.privacy_policy .policy_desc { margin-bottom: 30px; text-align: center; word-break: keep-all; font-size: 14px; }
.privacy_policy .labeling_list_wrap { line-height: 1.3; width: 100%; margin-bottom: 30px; table-layout: fixed; border-collapse: collapse; border: 1px solid #ddd; }
.privacy_policy .labeling_list_wrap th,
.privacy_policy .labeling_list_wrap td { padding: 10px; border: 1px solid #ddd; font-size: 14px; vertical-align: baseline; }
.privacy_policy .labeling_list_wrap th { font-size: 15px; font-weight: bold; text-align: center; border-top: 2px solid #333; background-color: #f1f1f1; }
.privacy_policy .labeling_list_wrap td { text-align: center; word-break: keep-all; color: #666; }
.privacy_policy .labeling_list_wrap .labeling_img { display: inline-block; width: 55px; margin-bottom: 7px; }
.privacy_policy .labeling_list_wrap .labeling_img2 { display: inline-block; width: 31px; margin-right: 5px; }
.privacy_policy .labeling_min_img { width: 31px; margin-left: 5px; vertical-align: bottom; }
.privacy_policy .labeling_list_wrap .labeling_item:hover,
.privacy_policy .labeling_list_wrap .labeling_item:focus { text-decoration: underline; }
.privacy_policy .labeling_item_title { font-weight: bold; color: #333; }
.privacy_policy .privacy_policy_title { font-size: 16px; font-weight: bold; margin-bottom: 15px; }
.privacy_policy .privacy_policy_list { list-style: none; margin: 0; padding: 0; margin-bottom: 20px; word-break: keep-all; }
.privacy_policy .privacy_policy_list > li { position: relative; margin-bottom: 10px; padding-left: 20px; font-size: 14px; }
.privacy_policy .privacy_policy_list > li:last-child { margin-bottom: 0; }
.privacy_policy .privacy_policy_list .privacy_policy_list { font-size: 13px; margin-top: 7px; }
.privacy_policy .privacy_policy_list .privacy_policy_list > li { padding-left: 15px; }
.privacy_policy .privacy_policy_list2 { list-style: none; margin: 0; padding: 0; }
.privacy_policy .privacy_policy_list2 > li { position: relative; padding-left: 10px; }
.privacy_policy .privacy_policy_list2 > li:before { position: absolute; top: 10px; left: 0; display: block; width: 2px; height: 2px; content: ""; background-color: #333; }
.privacy_policy .privacy_policy_num { position: absolute; top: 0; left: 0; }
.privacy_policy .policy_cont { margin-bottom: 30px; }
.privacy_policy .policy_table { line-height: 1.3; width: 100%; margin-top: 10px; border-collapse: collapse; border-top: 2px solid #333; }
.privacy_policy .policy_table th,
.privacy_policy .policy_table td { font-size: 13px; padding: 5px 10px; text-align: center; border: 1px solid #ddd; vertical-align: middle; }
.privacy_policy .policy_table th { font-weight: bold; background-color: #f1f1f1; }
.privacy_policy .policy_table .align_left { text-align: left !important; }
.privacy_policy .policy_btn { font-size: 13px; display: inline-block; margin: 5px 0; padding: 5px 10px; color: #fff !important; background-color: #333; }
.privacy_policy .toc { display: flex; align-items: center; text-align: left; }
.privacy_policy .privacy_img1 { margin: 30px 0; text-align: center; border: 1px solid #ddd; padding: 30px; }
.privacy_policy .privacy_img1 img { max-width: 100%; }
.policy_color { color: #fc4c4e !important; font-weight: bold !important; }