@charset "UTF-8";

/* 메인 header 스타일 별도 */
.header:not(.on, .scrolled) {color:#fff;background-color:rgba(0,0,0,0.3);backdrop-filter:blur(16px)}
.header:not(.on, .scrolled) .header_top {border-bottom-color:rgba(255,255,255,0.1)}
.header:not(.on, .scrolled) .header_top .right_btn_group .btn_li .btn {font-weight:500}
.header:not(.on, .scrolled) .header_top .top_small_btn .btn.ic01 {background-image:url(/images/other/kor/user/header/ic_home_w.png)}
.header:not(.on, .scrolled) .gnb_cont_area {border-bottom-color:transparent}
.header:not(.on, .scrolled) .gnb_cont_area #gnb > li .sitemap_tit {color:#fff}
.header:not(.on, .scrolled) .gnb_cont_area #gnb > li .sitemap_tit .text {font-weight:500}

.boryeong .header:not(.on, .scrolled) .header_top .logo_area .logo {background-image:url(/images/other/kor/user/common/logo_boryeong_w.png)}
.buyeo .header:not(.on, .scrolled) .header_top .logo_area .logo {background-image:url(/images/other/kor/user/common/logo_buyeo_w.png)}
.cheonan_dong .header:not(.on, .scrolled) .header_top .logo_area .logo {background-image:url(/images/other/kor/user/common/logo_cheonan_dong_w.png)}
.cheonan_seo .header:not(.on, .scrolled) .header_top .logo_area .logo {background-image:url(/images/other/kor/user/common/logo_cheonan_seo_w.png)}
.cheongyang .header:not(.on, .scrolled) .header_top .logo_area .logo {background-image:url(/images/other/kor/user/common/logo_cheongyang_w.png)}
.dangjin .header:not(.on, .scrolled) .header_top .logo_area .logo {background-image:url(/images/other/kor/user/common/logo_dangjin_w.png)}
.geumsan .header:not(.on, .scrolled) .header_top .logo_area .logo {background-image:url(/images/other/kor/user/common/logo_geumsan_w.png)}
.gongju .header:not(.on, .scrolled) .header_top .logo_area .logo {background-image:url(/images/other/kor/user/common/logo_gongju_w.png)}
.hongseong .header:not(.on, .scrolled) .header_top .logo_area .logo {background-image:url(/images/other/kor/user/common/logo_hongseong_w.png)}
.nonsan .header:not(.on, .scrolled) .header_top .logo_area .logo {background-image:url(/images/other/kor/user/common/logo_nonsan_w.png)}
.onyang .header:not(.on, .scrolled) .header_top .logo_area .logo {background-image:url(/images/other/kor/user/common/logo_onyang_w.png)}
.seocheon .header:not(.on, .scrolled) .header_top .logo_area .logo {background-image:url(/images/other/kor/user/common/logo_seocheon_w.png)}
.seosan .header:not(.on, .scrolled) .header_top .logo_area .logo {background-image:url(/images/other/kor/user/common/logo_seosan_w.png)}
.taean .header:not(.on, .scrolled) .header_top .logo_area .logo {background-image:url(/images/other/kor/user/common/logo_taean_w.png)}
.yesan .header:not(.on, .scrolled) .header_top .logo_area .logo {background-image:url(/images/other/kor/user/common/logo_yesan_w.png)}

/* 메인 공통 */
.sec {padding:80px 0}
.sec .subject {font-size:24px;font-weight:700;color:var(--colorGray90);line-height:1.5}
.sec .tab_box:not(.round) {display:inline-block}
.sec .tab_box:not(.round) .btn_tab {display:block;margin-bottom:20px;font-size:24px;font-weight:700;color:var(--colorGray40)}
.sec .tab_box:not(.round) .btn_tab .text {display:inline-block;line-height:1.2;position:relative}
.sec .tab_box:not(.round) .btn_tab .text::after {display:block;width:0;height:2px;content:'';background-color:var(--colorGray40);transition:width 0.3s;position:absolute;left:0;bottom:0}
.sec .tab_box:not(.round) .btn_tab:hover, 
.sec .tab_box:not(.round) .btn_tab:focus, 
.sec .tab_box:not(.round) .btn_tab.current {color:var(--colorMain)}
.sec .tab_box:not(.round) .btn_tab:hover .text::after, 
.sec .tab_box:not(.round) .btn_tab:focus .text::after, 
.sec .tab_box:not(.round) .btn_tab.current .text::after {width:100%;background-color:var(--colorMain)}
.sec .tab_box.round {display:flex;gap:8px}
.sec .tab_box.round .btn_tab {display:inline-flex;align-items:center;justify-content:center;min-width:120px;height:40px;text-align:center;color:var(--colorGray40);font-size:1.15em;font-weight:700;background-color:#fff;border:1px solid var(--colorGray40);border-radius:40px}
.sec .tab_box.round .btn_tab:hover, 
.sec .tab_box.round .btn_tab:focus {color:var(--colorMain);border-color:var(--colorMain);outline-offset:2px}
.sec .tab_box.round .btn_tab.current {color:#fff;background-color:var(--colorMain);border-color:var(--colorMain)}
.main_tit {margin-bottom:8px;font-size:52px;font-weight:700;color:var(--colorGray90);line-height:1.4}
.main_tit2 {margin-bottom:4px;font-size:32px;font-weight:700;color:var(--colorGray90);line-height:1.4}
.main_txt {font-size:1.25em;line-height:1.4}
.tit_box {margin-bottom:40px}
.btn_more:not(.noicon) {display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;font-size:1.8em;color:var(--colorGray60);background-color:#fff;border:1px solid var(--colorBorderGray);border-radius:64px;position:absolute;right:0;top:45px}
.btn_more:not(.noicon) .icon {transition:transform 0.4s}
.btn_more:not(.noicon):hover, 
.btn_more:not(.noicon):focus {color:var(--colorMain);border-color:var(--colorMain)}
.btn_more:not(.noicon):hover .icon, 
.btn_more:not(.noicon):focus .icon {transform:rotate(180deg)}


/* 메인 비주얼 */
.mv_group {position:relative}
.mv_group .slide_btn .btn {color:#fff}
.mv_group .slide_btn .btn:hover, 
.mv_group .slide_btn .btn:focus {opacity:0.7}
.mv_group .slide_btn .btn:hover::after,
.mv_group .slide_btn .btn:focus::after {color:#fff}
.mv_group .slide_btn .btn::after {font-size:17px}

.main_visual {height:880px;position:relative;overflow:hidden}
.main_visual .container {display:flex;align-items:center;justify-content:left;height:100%}
.main_visual .typo {max-width:640px;color:#fff;position:relative;z-index:2}
.main_visual .mv_tit {font-size:64px;line-height:1.4;font-weight:700}
.main_visual .mv_txt {margin-top:20px;font-size:24px}
.main_visual .slide_wrap {width:100%;height:100%;position:absolute;left:0;top:0;z-index:1}
.main_visual .slide_wrap .slide_inner, 
.main_visual .slide_wrap .slick-list, 
.main_visual .slide_wrap .slick-track {height:100%}
.main_visual .slide_wrap .slide_box {position:relative}
.main_visual .slide_wrap .mv_bg {display:flex;align-items:center;justify-content:center;height:100%;position:relative}
.main_visual .slide_wrap .mv_bg::before {display:block;width:100%;height:100%;content:'';background:linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 30%);position:absolute;left:0;top:0}
.main_visual .slide_wrap .mv_bg img {width:100%;height:100%;max-width:inherit}
.main_visual .slide_wrap .slide_txt {width:1400px;color:#fff;font-weight:500;position:absolute;top:calc(50% + 188px);left:50%;transform:translateX(-50%);z-index:3}
.main_visual .slide_wrap .slide_txt .offset {display:flex;align-items:center;column-gap:4px}
.main_visual .slide_wrap .slide_txt .offset .icon {}
.main_visual .slide_wrap .slide_txt .offset .text {display:-webkit-inline-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;max-width:calc(100% - 500px);overflow:hidden}
.main_visual .slide_btn {display:block;width:100%;max-width:1400px;position:absolute;left:50%;top:calc(50% + 220px);transform:translateX(-50%);z-index:3}
.main_visual .slide_btn .pbar {width:400px;background-color:rgba(255,255,255,0.3);background-image:linear-gradient(to right, #fff, #fff)}
.main_visual .slide_btn .pbar .fill {background-color:#fff}
.main_visual .slide_btn .slide_count {font-size:0.9375em;color:rgba(255,255,255,0.5);position:absolute;left:0;top:8px}
.main_visual .slide_btn .slide_count .now {color:#fff;font-weight:700}
.main_visual .slide_btn .ctrl {justify-content:right;width:400px;margin-top:8px}
.main_visual .slide_btn .btn {}
.main_visual .slide_btn .btn.stop::after {width:24px;height:24px;content:'';background-image:url(/images/other/kor/user/main/ic_popupzone_stop.png);background-repeat:no-repeat;background-position:center}
.main_visual .slide_btn .btn.play {}


/* POPUPZONE */
.popup_zone {height:80px;position:relative;overflow:hidden}
.popup_zone::before {display:block;width:calc((100% - 1400px) / 2);height:calc(100% + 1px);content:'';background-color:var(--colorMain);position:absolute;left:0;top:0;z-index:1}
.popup_zone::after {display:block;width:100%;height:1px;content:'';background-color:var(--colorBorderGray);position:absolute;left:0;bottom:0;z-index:0}
.popup_zone .container {display:flex;z-index:2}
.popup_zone .board_slide_list {order:2;flex:1.7;display:flex;align-items:center;padding:25px 0}
.popup_zone .typo {width:200px;margin-right:24px;padding:0 24px;font-size:1.1em;font-weight:700;color:var(--colorMain);position:relative}
.popup_zone .typo::after {width:1px;height:16px;content:'';background-color:var(--colorBorderGray);position:absolute;right:0;top:50%;transform:translateY(-50%)}
.popup_zone .typo .icon {margin-right:12px}
.popup_zone .slide_wrap {width:calc(100% - 224px)}
.popup_zone .slide_wrap .slide_box {}
.popup_zone .slide_wrap .link {display:grid;grid-template-columns:auto max-content;justify-content:space-between;align-items:center;column-gap:5px}
.popup_zone .slide_wrap .link .els {font-size:1.1em;transition:0.3s;position:relative}
.popup_zone .slide_wrap .link .els::before {display:block;width:0;height:12px;content:'';background-color:#D8E5FD;position:absolute;left:0;bottom:2px;z-index:-1;transition:0.3s}
.popup_zone .slide_wrap .link .tag {transition:0.3s}
.popup_zone .slide_wrap .link:hover .els,
.popup_zone .slide_wrap .link:focus .els {font-weight:700;letter-spacing:-0.01em}
.popup_zone .slide_wrap .link:hover .els::before,
.popup_zone .slide_wrap .link:focus .els::before {width:100%}
.popup_zone .slide_wrap .link:hover .tag,
.popup_zone .slide_wrap .link:focus .tag {color:var(--colorMain);border-color:var(--colorMain)}
.popup_zone .slide_btn {order:1;flex:0.8;justify-content:right;column-gap:40px;padding-right:32px;color:#fff;background-color:var(--colorMain)}
.popup_zone .slide_btn .slide_count {display:flex;align-items:center;column-gap:16px;width:210px;font-weight:500;white-space:nowrap}
.popup_zone .slide_btn .slide_count .now {width:20px;white-space:nowrap}
.popup_zone .slide_btn .slide_count .total {width:20px;white-space:nowrap}
.popup_zone .slide_btn .pbar {width:calc(100% - 72px);background-color:rgba(255,255,255,0.3);background-image:linear-gradient(to right, #fff, #fff)}
.popup_zone .slide_btn .pbar .fill {background-color:#fff}
.popup_zone .slide_btn .ctrl {}
.popup_zone .slide_btn .btn.prev {}
.popup_zone .slide_btn .btn.next {}
.popup_zone .slide_btn .btn.stop {}
.popup_zone .slide_btn .btn.stop::after {width:16px;height:16px;content:'';background-image:url(/images/other/kor/user/main/ic_popupzone_stop.png);background-repeat:no-repeat;background-position:center}
.popup_zone .slide_btn .btn.play {}


/* 상단 이벤트 배너존 */
.event_banner {width:450px;margin-left:250px;position:absolute;left:50%;top:calc(50% + 30px);transform:translateY(-50%);z-index:10}
.event_banner .slide_wrap {}
.event_banner .slide_wrap .slide_box {}
.event_banner .slide_wrap .link {}
.event_banner .slide_wrap .link .img_box {padding-bottom:100%;box-shadow:0 4px 24px rgba(0, 0, 0, 0.12)}
.event_banner .slide_wrap .link .img {}
.event_banner .slide_btn {justify-content:space-between;margin-top:16px}
.event_banner .slide_btn .paging {}
.event_banner .slide_btn .ctrl {}
.event_banner .slide_btn .btn {}
.event_banner .slide_btn .btn::after {}
.event_banner .slide_btn .btn.prev {}
.event_banner .slide_btn .btn.next {}
.event_banner .slide_btn .btn.stop {}
.event_banner .slide_btn .btn.stop::after {width:24px;height:24px;content:'';background-image:url(/images/other/kor/user/main/ic_popupzone_stop.png);background-repeat:no-repeat;background-position:center}
.event_banner .slide_btn .btn.play {}


/* 문화소식 */
.sec_news {background-color:#fff;background-image:url(/images/other/kor/user/main/bg_pattern.png);background-repeat:no-repeat;background-position:left bottom -62px}
.sec_news .container {display:flex;column-gap:60px;padding:20px 0 0 0}
.sec_news .container .row {width:416px;min-height:430px}
.sec_news .tit_box {padding-bottom:20px}
.sec_news .main_tit {}
.sec_news .main_txt {}
.sec_news .tab_box {}
.sec_news .tab_box .btn_tab {}
.sec_news .tab_box .btn_tab .text {}
.sec_news .tab_box .btn_tab.current {}
.sec_news .news_board_list {width:calc(100% - 476px)}
.sec_news .news_board_list .list_inner {display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:24px}
.sec_news .news_board_list .card_box {}
.sec_news .news_board_list .card_box:nth-child(2n) {transform:translateY(-40px)}
.sec_news .news_board_list .link {display:block;padding:24px;background-color:var(--colorBgGray);border:1px solid var(--colorBorderGray);border-radius:12px;position:relative}
.sec_news .news_board_list .link::after {font-family:'xeicon';content:'\e915';font-size:36px;color:var(--colorBorderGray);position:absolute;right:18px;top:6px;transform:rotate(45deg);z-index:2;transition:0.3s}
.sec_news .news_board_list .link:hover, 
.sec_news .news_board_list .link:focus {background-color:#fff;box-shadow:0 12px 24px rgba(0, 0, 0, 0.12)}
.sec_news .news_board_list .link:hover::after, 
.sec_news .news_board_list .link:focus::after {color:var(--colorMain)}
.sec_news .news_board_list .link .tag {margin-bottom:12px}
.sec_news .news_board_list .link .subject {-webkit-line-clamp:2;height:72px;margin-bottom:17px}
.sec_news .news_board_list .link .text {-webkit-line-clamp:2;height:52px;margin-bottom:24px;color:var(--colorGray70)}
.sec_news .news_board_list .link .date {color:var(--colorGray50)}
.sec_news .btn_more:not(.noicon) {column-gap:6px;width:140px;font-size:1.25em;font-weight:700;right:auto;left:0;top:auto;bottom:0}
.sec_news .btn_more:not(.noicon) .icon {transition:transform 0.3s}
.sec_news .btn_more:not(.noicon):hover, 
.sec_news .btn_more:not(.noicon):focus {color:var(--colorMain);border-color:var(--colorMain);outline-offset:2px}
.sec_news .btn_more:not(.noicon):hover .icon, 
.sec_news .btn_more:not(.noicon):focus .icon {transform:translateX(5px)}


/* 시설대관 */
.sec_rental {background-color:var(--colorBgGray)}
.sec_rental .container {}
.sec_rental .tit_box {}
.sec_rental .main_tit {}
.sec_rental .main_txt {}
.sec_rental .slide_wrap {width:calc(100% + 24px);position:relative;left:50%;transform:translateX(-50%)}
.sec_rental .slide_wrap .slide_box {margin:0 12px}
.sec_rental .slide_wrap .link {display:block;border-radius:12px;overflow:hidden;position:relative}
.sec_rental .slide_wrap .link::before {width:100%;height:100%;content:'';background:linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7) 100%);position:absolute;left:0;bottom:0;z-index:2}
.sec_rental .slide_wrap .link .img_box {padding-bottom:100%}
.sec_rental .slide_wrap .link .img {}
.sec_rental .slide_wrap .link .img img {max-width:inherit;width:100%;max-height:100%}
.sec_rental .slide_wrap .link .txt_box {width:calc(100% - 32px);height:90px;padding:24px 16px 3px 24px;position:absolute;left:0;bottom:0;z-index:2;transition:0.4s}
.sec_rental .slide_wrap .link .txt_box::before {display:block;width:100%;height:100%;content:'';background-color:#fff;border-radius:0 24px 0 0;position:absolute;left:0;bottom:-100px;z-index:1;transition:bottom 0.4s}
.sec_rental .slide_wrap .link .txt_box::after {font-family:'xeicon';content:'\e915';font-size:24px;position:absolute;right:16px;top:8px;transform:rotate(45deg);z-index:2;transition:0.4s;opacity:0}
.sec_rental .slide_wrap .link .subject {max-width:calc(100% - 25px);color:#fff;transition:0.4s;position:relative;z-index:3}
.sec_rental .slide_wrap .link .text {height:0;font-size:0.9375em;color:var(--colorGray70);overflow:hidden;transition:height 0.4s;position:relative;z-index:3}
.sec_rental .slide_wrap .link:hover, 
.sec_rental .slide_wrap .link:focus {outline-offset:2px}
.sec_rental .slide_wrap .link:hover .txt_box::before, 
.sec_rental .slide_wrap .link:focus .txt_box::before,  
.sec_rental .slide_wrap .slick-current .link .txt_box::before {bottom:0}
.sec_rental .slide_wrap .link:hover .txt_box::after, 
.sec_rental .slide_wrap .link:focus .txt_box::after, 
.sec_rental .slide_wrap .slick-current .link .txt_box::after {opacity:1}
.sec_rental .slide_wrap .link:hover .subject, 
.sec_rental .slide_wrap .link:focus .subject, 
.sec_rental .slide_wrap .slick-current .link .subject {color:var(--colorGray90)}
.sec_rental .slide_wrap .link:hover .text, 
.sec_rental .slide_wrap .link:focus .text, 
.sec_rental .slide_wrap .slick-current .link .text {height:auto}
.sec_rental .board_result {max-width:1400px;margin:0 auto;padding-top:155px;padding-bottom:155px;text-align:center;background-color:rgba(0,0,0,0.01);border-radius:8px;box-shadow:inset 0 0 40px rgba(0,0,0,0.1)}
.sec_rental .board_result .text {font-size:1.15em;color:var(--colorGray60)}
.sec_rental .slide_btn .btn {position:absolute;top:calc(50% + 77px);transform:translateY(-50%)}
.sec_rental .slide_btn .btn::after {font-size:46px}
.sec_rental .slide_btn .btn.prev {right:calc(100% + 24px)}
.sec_rental .slide_btn .btn.next {left:calc(100% + 24px)}
.sec_rental .btn_more {}


/* 문화학교 */
.sec_culture {}
.sec_culture .container {}
.sec_culture .tit_box {display:flex;justify-content:space-between;align-items:flex-end;margin-right:104px}
.sec_culture .slide_wrap {width:calc(100% + 24px);position:relative;left:50%;transform:translateX(-50%)}
.sec_culture .slide_wrap .slide_box {margin:0 12px}
.sec_culture .slide_wrap .link {display:block;padding:24px 24px 0 24px;background-color:#fff;border:1px solid var(--colorBorderGray);border-radius:12px;overflow:hidden}
.sec_culture .slide_wrap .link .tag {margin-bottom:14px;font-weight:500}
.sec_culture .slide_wrap .link .subject {margin-bottom:12px;transition:0.2s}
.sec_culture .slide_wrap .link .dl_group {flex-wrap:wrap}
.sec_culture .slide_wrap .link .dl_group .dl {display:block;width:100%}
.sec_culture .slide_wrap .link .dl_group .dl.last {margin-top:20px}
.sec_culture .slide_wrap .link .dl_group .dt {}
.sec_culture .slide_wrap .link .dl_group .dd {}
.sec_culture .slide_wrap .link .detail_view {display:flex;align-items:center;justify-content:center;column-gap:6px;width:calc(100% + 48px);height:56px;margin-top:24px;font-size:1.1em;font-weight:700;text-align:center;color:var(--colorGray70);background-color:var(--colorBgGray);position:relative;left:50%;transform:translateX(-50%);transition:0.2s}
.sec_culture .slide_wrap .link .detail_view .icon {font-weight:bold;transition:0.2s}
.sec_culture .slide_wrap .link:hover, 
.sec_culture .slide_wrap .link:focus {box-shadow:0 12px 24px rgba(0, 0, 0, 0.12);outline-offset:2px}
.sec_culture .slide_wrap .link:hover .subject, 
.sec_culture .slide_wrap .link:focus .subject {color:var(--colorMain)}
.sec_culture .slide_wrap .link:hover .detail_view, 
.sec_culture .slide_wrap .link:focus .detail_view {color:#fff;background-color:var(--colorMain)}
.sec_culture .slide_wrap .link:hover .detail_view .icon, 
.sec_culture .slide_wrap .link:focus .detail_view .icon {transform:translateX(5px)}
.sec_culture .slide_wrap .board_result {height:298.78px;padding-top:76px;padding-bottom:76px;text-align:center}
.sec_culture .slide_wrap .board_result .icon_box {display:block;width:100px;height:100px;margin-bottom:21px}
.sec_culture .slide_wrap .board_result .icon_box .icon {display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.sec_culture .slide_wrap .board_result .text {color:var(--colorGray70)}
.sec_culture .slide_btn {}
.sec_culture .slide_btn .btn {position:absolute;top:calc(50% + 77px);transform:translateY(-50%)}
.sec_culture .slide_btn .btn::after {font-size:46px}
.sec_culture .slide_btn .btn.prev {right:calc(100% + 24px)}
.sec_culture .slide_btn .btn.next {left:calc(100% + 24px)}
.sec_culture .btn_more:not(.noicon) {}

/* 태안의 문화 */
.sec_taean {background-color:#ECF2FE}
.sec_taean .btn_more {align-items:center;justify-content:center;column-gap:5px;font-weight:700;text-align:center}
.sec_taean .btn_more .icon {transition:transform 0.3s}
.sec_taean .btn_more:hover .icon, 
.sec_taean .btn_more:focus .icon {transform:translateX(10px)}
.sec_taean .container {}
.sec_taean .container > .btn_more {display:flex;width:130px;height:36px;border:1px solid var(--colorGray90);border-radius:36px;position:absolute;right:0;top:68px;z-index:2}
.sec_taean .container > .btn_more:hover, 
.sec_taean .container > .btn_more:focus {color:#fff;background-color:var(--colorGray90)} 
.sec_taean .tit_box {}
.sec_taean .main_tit {}
.sec_taean .main_txt {}
.sec_taean .toggle_grid {height:420px}
.sec_taean .toggle_grid .grid_inner {display:flex;gap:12px;height:100%}
.sec_taean .toggle_grid .toggle {flex:1;height:100%;transition:all 0.5s}
.sec_taean .toggle_grid .toggle .hover {display:flex;justify-content:center;align-items:flex-start;width:100%;height:100%;padding:40px 43px;text-align:left;color:#fff;cursor:pointer;border-radius:12px;overflow:hidden;position:relative}
.sec_taean .toggle_grid .toggle .typo {width:100%;position:relative;z-index:1}
.sec_taean .toggle_grid .toggle .typo > .text {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:1px;max-width:calc(100% - 175px);font-size:1.1em;font-weight:500;line-height:1.5;transition:all 0.5s;overflow:hidden}
.sec_taean .toggle_grid .toggle .typo .main_tit2 {color:#fff;writing-mode:vertical-lr;letter-spacing:2px;text-shadow:0 2px 6px rgba(0, 0, 0, 0.4);transition:all 0.5s} 
.sec_taean .toggle_grid .toggle .btn_more {display:none;width:145px;height:45px;color:var(--colorGray90);font-size:1.1em;background-color:#fff;border-radius:45px;position:absolute;right:0;bottom:0}
.sec_taean .toggle_grid .toggle .btn_more:hover, 
.sec_taean .toggle_grid .toggle .btn_more:focus {width:165px}
.sec_taean .toggle_grid .toggle .bg {display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:absolute;left:0;top:0;z-index:0}
.sec_taean .toggle_grid .toggle .bg::before {width:100%;height:100%;content:'';background:linear-gradient(180deg, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.5) 80%, rgba(0, 0, 0, 0.5) 100%);position:absolute;left:0;top:0}
.sec_taean .toggle_grid .toggle .bg img {max-width:inherit;max-height:100%}
.sec_taean .toggle_grid .toggle.current {flex:7.5}
.sec_taean .toggle_grid .toggle.current .hover {align-items:flex-end;justify-content:left;padding-left:50px;padding-right:50px}
.sec_taean .toggle_grid .toggle.current .typo {}
.sec_taean .toggle_grid .toggle.current .typo > .text {width:auto}
.sec_taean .toggle_grid .toggle.current .typo .main_tit2 {writing-mode:lr;letter-spacing:0} 
.sec_taean .toggle_grid .toggle.current .btn_more {display:flex}
.sec_taean .toggle_grid .toggle.current .bg {}
.sec_taean .toggle_grid .toggle.current .bg img {max-width:100%;max-height:inherit}