@charset "utf-8";

:root {
	--font-size:18px;
	--sub-font-size: 16px;
	--small-font-size: 15px;
}

.m_gnb .sub_menu {display:none !important;}
.web_dis {display:block;}
.mb_dis {display:none;}
.pc_view {display:block}
.mb_view {display:none}
.mont {font-family:'Montserrat', sans-serif; }





/* header */
#header {width:100%; position: relative; left:0px; top:0px; z-index:9999; box-sizing:border-box; transition:all 0.3s 0s ease-in-out;}
#header h1 {position:absolute; left:0px; top:50%; transform:translateY(-50%); -wbkit-transform:translateY(-50%); z-index:10; line-height:0px}
.header_top {background:#000;  padding:0px 10px; font-size:14px; font-weight:400; color:#fff;}
.header_top_in {max-width:var(--inner); margin:0 auto; display: flex; align-items: center; height:50px; justify-content: space-between; position: relative;}
.header_top .link_left {display: flex; font-size:1.21em;}
.header_top .link_left > li > a {color:#fff; font-weight:500;}
.header_top .link_left > li + li {margin-left: 1em; padding-left:1em; position: relative;}
.header_top .link_left > li + li:before {content:""; width: 1px; height:18px; background: #fff; position: absolute; left: 0px; top:50%; transform: translateY(-50%);}

.header_top .link_right {display: flex; gap:7px; align-self: center; margin-left:auto; margin-right:min(35px, 2vw)}
.header_top .calendar {margin-right:min(35px, 2vw)}
.header_top .calendar > a {display: flex; align-items: center; color:#fff; gap:10px}
.header_top .login_bt {display: flex; gap:0px 10px; align-self: center;}
.header_top .login_bt > li a {color:#fff; display: flex; align-items: center; gap:5px;}
.header_top .login_bt > li + li {padding-left:5px; position: relative;}
.header_top .login_bt > li + li::before {content: ""; width:2px; height:2px; background: #fff; border-radius:100%; position:absolute; left:-3px;top:50%; transform: translateY(-50%);}
.header_top .login_bt > li .ico {line-height:0px;}

.header_bar {padding:0px 10px; background: #fff;}
.header_bar.fix {width:100%; position: fixed; left: 0px; top:0px;  box-shadow:0px 6px 5px rgba(0, 0, 0, 10%);}
.in_header {max-width:var(--inner); width:100%; height:100px; box-sizing:border-box; margin:0 auto; position:relative; z-index:9;}


/* wrap */
#wrap {width:100%; overflow:hidden; word-break:keep-all; transition:all 0.3s 0s ease-in-out;}
#inner_wrap {position:relative; padding:0px 10px 100px 10px;}
.inner {max-width:var(--inner); margin:0 auto;}


.side_quick { position: fixed; right: 10px; top: 50%; z-index:99; transform: translateY(-50%);}
.side_quick > ul > li:not(:first-child) {border-top:1px solid #000;}
.side_quick a {background:#000; display:flex; width:100px; height:100px; border-radius:100%; font-size: 14px; font-weight:500; line-height:1.4em; justify-content: center; align-items: center; color:#fff; text-align: center; flex-direction: column;}
.side_quick a .ico {display:block; margin-bottom:5px;}

.m_gnb_on {display:none;  position:absolute; right:10px; top:50%; box-sizing:border-box; transform:translateY(-50%);}
.m_gnb_on .menu_btn {margin:0 auto;}
.menu_btn {position:absolute; right:0px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); box-sizing:border-box; display:block; }
.menu_btn a {display: block; line-height: 0px;}
.menu_btn a img {width: 26px; height: 26px;}

.top_search {position:absolute; right:45px; line-height:0px;; top:50%; transform:translateY(-50%);}
.top_search > button {padding:0px; line-height: 0px;}
.top_search > button img {width: 26px; height: 26px;}

.searchPop {width:100%; position:absolute; left:0px; top:100%; background:#fff; border-top:1px solid #eee; border-bottom:1px solid #eee; box-shadow:0px 3px 5px rgba(0, 0, 0, 10%); padding:0px 10px; font-size:var(--font-size); z-index: 2;}
.searchPop .inner {width:100%; max-width:1720px; position:relative; height:200px; display:flex; justify-content:center; align-items:center;}
.searchPop .search_area .input {background:none} 
.searchPop .close {position:absolute; right:0px; top:50%; transform: translateY(-50%);} 
.searchPop .close a {color:#fff; font-weight:400; line-height:1.4em; font-size:1px; text-indent:-99999em; display: block; width:30px; height:30px;} 
.searchPop .x_btn {padding-left:0px;}
.searchPop .x_btn:after {display:block; content:""; width:20px; height:4px; background:#333; transform-origin:center; transform:translate(-50%, -50%) rotate(45deg); position:absolute; top:55%; left:10px}
.searchPop .x_btn:before {display:block; content:""; width:20px; height:4px; background:#333; transform-origin:center; transform:translate(-50%, -50%) rotate(135deg); position:absolute; top:55%; left:10px;}
.search_area_wrap {margin:20px auto 0px auto; max-width:570px; border-bottom:9px solid #000; border-width:min(9px, 2vw); width:80%; position:relative;}
.search_area {display:flex; overflow:hidden; height:75px; align-items:center; position:relative; z-index:1; font-weight:500;}
.search_area .input {border:none; outline:none; flex:1; width:100%;}
.search_area .check {min-width:160px; color:#999999;}
.search_area .btn {min-width:50px; height:100%; display:flex; justify-content:center ;align-items:center; text-indent:-999999em; font-size:1px; color:#fff; background: url(../img/common/search.svg) no-repeat center center ;}



/* GNB */
.w_gnb {padding:0px 175px 0px 248px;}
.w_gnb .gnb {max-width:780px; margin:0 auto; display:flex; flex-wrap:wrap; justify-content:space-around;  transition:all 0.5s 0s ease-out;}
.w_gnb .gnb > li {text-align:left; flex:auto; padding:0px 5px; vertical-align:top;}
.w_gnb .gnb > li > a {display:block; color:#333;}
.w_gnb .gnb > li > a > span {display:flex; justify-content:center; align-items:center; font-size:24px; font-weight:700; height:100px; transition:all 0.2s 0s ease-in-out; position:relative;}
.w_gnb .gnb > li:hover > a > span {color: var(--key-color);}
.w_gnb .sub_menu {display:none;}
.w_gnb .m_gnb_on {position:absolute; right:0px; top:-1px; padding:21px; background:#2d3749}
#gnb_bar {border-top:1px solid #ccc;position:absolute; display:none; left:0%; top:100%; width:100%; background:#fff; box-shadow:0px 2px 5px rgba(0, 0, 0, 10%)}
.gnb_bar_in {max-width:var(--inner); min-height:400px; margin:0 auto; display: flex; align-items: flex-start; position:relative;}
.gnb_bar_in:before {display:block; content: ""; width:1px; height: 100%; background:#e5e5e5; position:absolute; left:340px; top: 0px;}
.gnb_bar_in .bar_left {width:340px; min-width:340px; padding-top:50px;}
.gnb_bar_in .bar_left .txt_a {font-weight:400;}
.gnb_bar_in .bar_left > h3 {color: var(--key-color); padding:0.1em 0px 0.4em 0px; font-size:42px; font-weight:600; line-height:1.4em;}
.gnb_bar_in .sub_menu {display:flex !important; }
.bar_right {display:flex; flex-wrap:wrap; gap:24px 30px; max-height:calc(100vh - 100px); overflow-y: auto; flex:1; padding:55px 0px 55px 50px; }
.bar_right::-webkit-scrollbar { width: 6px; }
.bar_right::-webkit-scrollbar-thumb { background-color:#ccc; border-radius: 10px; }
.bar_right::-webkit-scrollbar-track { background-color: transparent;  }
.bar_right > li {width:calc(33.333% - 20px)}
.bar_right > li > a {display:flex; height:60px; align-items:center; border:1px solid #e5e5e5; background: #fff; border-radius:6px; font-size:20px; color:#000000; font-weight:400; padding-right:20px; padding-left:35px; transition:all 0.2s 0s ease-in-out; position: relative;}
.bar_right > li > a:after {content: "▼"; position: absolute; right:20px; top:50%; transform: translateY(-50%); color: #cccccc; font-size:9px; line-height:9px; font-weight:400;}
.bar_right > li:hover > a {color:#fff; background: var(--key-color); border-color:var(--key-color); font-weight:700;}
.bar_right > li:hover > a:after {color:#fff; font-weight:400;}

.three_depth {padding:20px 20px 10px 35px}
.three_depth > li + li {margin-top:5px;}
.three_depth > li > a {position:relative; padding-left:27px; display: block;}
.three_depth > li > a:before {content:""; width:16px; height:16px; border:1px solid #eee; border-radius:3px; background: #fff; position: absolute; left: 0px; top:50%; margin-top:-8px}
.three_depth > li > a:after {content: ""; width:3px; height:3px; border-top:1px solid #a9a9a9; border-right:1px solid #a9a9a9;transform: rotate(45deg) translateY(-50%); position: absolute; left:5px; top:50%;}
.three_depth > li > a:hover {color: var(--key-color); font-weight:600;}
.three_depth > li > a:hover::before {background: var(--key-color); border-color: var(--key-color);}
.three_depth > li > a:hover::after {border-color:#fff;}


.gnb06, .gnb08, .gnb09 {display:none !important;}

/* slide_menu */
.slide_menu_wrap {width:100vw; height:100%;  z-index:998; position:fixed; top:-100%; left:0px; overflow: hidden;}
.slide_menu_inner {height:100%; background:#fff; overflow-x:inherit; -webkit-overflow-scrolling:touch; z-index:2; position:relative;}
.slide_menu_inner .header {height:100px; max-width: 1820px; margin:0 auto; position:relative; background: url(../img/common/logo.png) no-repeat 10px center;}
.slide_menu_inner .header::after {content:""; width:100vw; height:1px; background:#000; position:absolute; left:50%; top:100%; transform: translateX(-50%)}
.slide_menu_inner .bt_close {position:absolute; right: 0px; top:50%; transform: translateY(-50%); display: flex; width: 26px; height:26px; text-indent: -999999em;}
.slide_menu_inner .bt_close:after {display:block; content:""; width:20px; height:4px; background:#333; transform-origin:center; transform:translate(-50%, -50%) rotate(45deg); position:absolute; top:50%; left:50%}
.slide_menu_inner .bt_close:before {display:block; content:""; width:20px; height:4px; background:#333; transform-origin:center; transform:translate(-50%, -50%) rotate(135deg); position:absolute; top:50%; left:50%;}
.slide_menu_inner .gnb {max-width:1820px; margin:0 auto; position:relative; border-left:1px solid #000; border-right:1px solid #000; font-size:var(--sub-font-size); overflow-y: auto; height:calc(100% - 100px); overflow-x: hidden;}
.slide_menu_inner .gnb::-webkit-scrollbar { width: 6px; }
.slide_menu_inner .gnb::-webkit-scrollbar-thumb { background-color:#ccc; border-radius: 10px; }
.slide_menu_inner .gnb::-webkit-scrollbar-track { background-color: transparent;  }
.slide_menu_inner .gnb > li:not(:first-child) {border-top:1px solid #000;}
.slide_menu_inner .gnb > li {display:flex;}
.slide_menu_inner .gnb > li > a {font-size:2em; color:#000; font-weight:800 ; line-height:1.4em; padding:min(50px, 6vw) min(44px, 5vw); min-width:12em; align-self: flex-start;}
.slide_menu_inner .gnb a {color:#000;}
.slide_menu_inner .gnb .sub_menu {display: flex !important; gap:0.8em min(6em, 5vw); flex:1; flex-wrap:wrap; padding:min(50px, 6vw) min(44px, 5vw); border-left:1px solid #000 ;}
.slide_menu_inner .gnb .sub_menu > li > a {font-size:1.5em; line-height:1.4em; font-weight:700;}
.slide_menu_inner .three_depth {padding:10px 0px 10px 0px;}
.slide_menu_inner .three_depth > li {padding-top:0px;}


.section {padding-top:min(80px, 13vw); padding-bottom:min(80px, 13vw); padding-left:10px; padding-right: 10px; font-size: var(--font-size); line-height:1.5em}
.section .more {position:absolute; right:0px; top:0px;}
.section .more > a {display:flex; color:#000; font-weight:600; align-items:center;}
.section .more > a > span {display:flex; width:32px; height:32px; justify-content:center; align-items:center; margin-left:10px; background:#fff; border-radius:10px; color:#fff; position:relative}
.section .more > a > span:after {display:block; content:""; width:16px; height:2px; background:#000; position:absolute; left:50%; top:50%; margin-left:-8px; margin-top:-1px; transition:all 0.5s;}
.section .more > a > span:before {display:block; content:""; width:2px; height:16px; background:#000; position:absolute; left:50%; top:50%; margin-top:-8px; margin-left:-1px; transition:all 0.5s;}
.section .more > a:hover > span:after {transform:rotate(90deg);}
.section .more > a:hover > span:before {transform:rotate(90deg);}
.m_tit {padding:1em 0px 0.8em 0px; color:#000000; font-size:2.88888em; line-height:120%; font-weight:400; }
.m_tit > strong {font-weight:800;}
.m_tit_txt {color:#e71b36; margin-bottom: 0.3em; font-weight:600;}
.m_tit_txt + .m_tit {padding-top:0px;}


#section1 {padding:0px;}
.main_visual {max-width: 100%;}
.main_visual .banner_slide {position: relative;}
.main_visual .swiper-slide { position: relative;}
.main_visual .swiper-slide .bg_img {position:absolute; transform: translateX(-50%); border-radius:8px; left: 50%; top: 0px; width:100%; height:100%; object-fit: cover; max-width:1820px; }
.main_visual .txt_frame {position:relative; height:620px; z-index:2; color:#fff; display: flex; justify-content: center; flex-direction: column; width:100%; max-width:var(--inner); padding:0px 10px; margin:0 auto; text-shadow: 2px 2px 4px #333;}
.main_visual .txt_frame strong {font-weight:700}
.main_visual .txt_frame .txt_b {font-size:2.3333em; font-weight:100; line-height:1.4em;}
.main_visual .txt_frame .txt_a {font-size:3.55555em; font-weight:700; line-height:1.4em;}
.main_visual .slide_control { display: flex; justify-content: center; align-items: center; height: 34px; margin-top:20px;}
.main_visual .slide_control .swiper-pagination {display: flex; margin-right:20px; align-items: center; gap:5px; font-size:11px; color:#000; font-weight:300;}
.main_visual .slide_control .swiper-pagination > span {font-size:14px; font-weight:600}
.main_visual .slide_control .play_stop {font-size:0px; display: flex; width:14px; height:26px; justify-content: center; align-items: center; color:#000;}
.main_visual .slide_control .play_stop:focus {outline:1px solid #000}
.main_visual .slide_control .play:before {display: block; content: "▶"; font-size:9px;}
.main_visual .slide_control .stop:before {display: block; content: ""; width: 2px; height: 9px; border-left:3px solid #000; border-right:3px solid #000;}
.main_visual .swiper-button-next {margin:0px 10px 0px 10px}
.main_visual .swiper-button-prev:after {width: auto; height: auto; border: none; transform: none; border-radius: 0px; content: "←"; color: #000; font-size:19px; font-weight:600;}
.main_visual .swiper-button-next:after {width: auto; height: auto; border: none; transform: none; border-radius: 0px; content: "→"; color: #000; font-size:19px; font-weight:600;}

.event_slide {position:relative ;}
.event_slide .swiper-slide { width:450px;}
.event_slide .box * {transition: all 0.4s 0s ease-in-out;}
.event_slide .box {display:block; position:relative}
.event_slide .box::before {display:block; content: ""; width: 114px; height: 110px; background: url(../img/main/event_arrow_bg.svg) no-repeat left top/cover; position:absolute; right:-1px; bottom:-1px; z-index: 2;;}
.event_slide .box::after {content: ""; width: 64px; height:64px; background:url(../img/common/m_arrow2.png) no-repeat center center #333333; background-size:15px auto; border-radius:100%; position: absolute; right: 0px; bottom: 0px; z-index: 3;}
.event_slide .box .info {background: #efefef; padding: 40px 45px 10px 45px; height:11em;  border-radius:min(20px, 5vw) min(20px, 5vw) 0px 0px;}
.event_slide .box .txt_a {font-size: 1.777em; font-weight:700; line-height:1.3em; max-height: 2.6em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp:2; line-clamp:2; -webkit-box-orient: vertical;}
.event_slide .box .txt_b {margin-top: 0.5em; font-size: var(--sub-font-size);}
.event_slide .box .img {border-radius:min(20px, 5vw); margin-top:-1em; display: block; padding-bottom:calc(470 / 450 * 100%); position: relative; overflow: hidden;}
.event_slide .box .img > img {width:100%; height:100%; object-fit: cover; position: absolute; left: 0px; top: 0px; }
.event_slide .box:hover .info {background: var(--point-color) !important; color: #fff;}
.event_slide .box:hover:after {transform:rotate(45deg)}

.event_slide .slide_control {display:flex; align-items:center; justify-content: space-between; position:absolute; right:0px; top:40px; width:85px;}
.event_slide .swiper-button-prev {width:40px; height:40px; background:var(--point-color); border-radius:100%;}
.event_slide .swiper-button-next {width:40px; height:40px; background:var(--point-color); border-radius:100%; }
.event_slide .swiper-button-prev:after {width: auto; height: auto; border: none; transform: none; border-radius:0px; content:"←"; color:#fff; line-height: 1.3em; font-size:24px; font-weight:100;}
.event_slide .swiper-button-next:after {width: auto; height: auto; border: none; transform: none; border-radius:0px; content:"→"; color:#fff; line-height: 1.3em; font-size:24px; font-weight:100;}
.event_slide .slide_control .play_stop {font-size:0px; display: flex; width:30px; height:30px; justify-content: center; align-items: center; color:#000;}
.event_slide .slide_control .play:before {display: block; content: "▶"; font-size:16px;}
.event_slide .slide_control .stop:before {display: block; content: ""; width:4px; height:18px; border-left:4px solid #000; border-right:4px solid #000;}

.event_slide .list {display: flex; flex-wrap: wrap; gap:40px}
.event_slide .list > li {width:calc(33.333% - 27px)}

#section2 .event_slide .box .info {background:#fff}


#section3 .m_tit, #section3 .m_tit_txt {position:relative; z-index: 2;}
.main_research {position: relative; }
.main_research .haed {position: relative; display: flex; width: 100%; flex-direction: column; justify-content: center; min-height: 364px; padding:130px 0px 90px 0px}
.main_research .haed::before {content:""; width: 1820px; height: 100%; min-height: 364px; background: url(../img/main/bg_section3.jpg) no-repeat left top/cover; position: absolute; left: 50%; top: 0px; transform: translateX(-50%);}
.main_research .selects {display: flex; gap:40px; width: 100%; max-width:690px; margin: 0 auto; position: relative;}
.main_research .selects > li {display: flex; gap: 10px; flex:1;}
.main_research .selects > li:nth-child(2) {display:none}
.main_research .selects .select {flex:1; border-color:#d6af78; color:#d6af78; font-weight:600; background: url(../img/common/select_arrow3.svg) no-repeat calc(100% - 5px) center !important; background-size:26px auto !important;}
.main_research .selects .select option {color: #d6af78; font-weight:400;  background: #181a26; }
.main_research .search_area {height:60px; width: 100%; background: #fff; border-radius:60px; padding:0px 10px 0px 20px}
.main_research .tag {display: flex; gap:0.5em 1em; flex-wrap: wrap; color: #d6af78; font-weight:700; line-height: 1.3em; justify-content: center; padding-top:1.5em; position: relative;}
.main_research .list {display: flex; flex-wrap: wrap; gap:30px 20px;}
.main_research .list > li {width:calc(25% - 20px)}
.main_research .list .cate {font-size:1.3em; line-height: 1.4em; font-weight:800; margin-bottom: 0.5em; margin-left:30px;}
.main_research .list .box {display:block; border:1px solid #e5e5e5; border-radius:10px; padding:20px 30px; transition: all 0.3s 0s ease-in-out; position: relative;}
.main_research .list .box:hover {border-color: var(--key-color); box-shadow:2px 3px 4px rgba(0, 0, 0, 10%) ; color: var(--key-color);}
.main_research .list .txt_a {font-weight:500; line-height: 1.3em; height: 2.6em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.main_research .list .txt_b {font-size:0.83em; margin-top:1em;}
.main_research .list .down {position: absolute; right:30px; bottom:25px; line-height:0px; display: block;}

#section4 {background: url(../img/main/bg_section4.jpg) no-repeat center top/cover;}
#section4 .m_tit {color: #fff; padding-top: 0px;}

.main_sns {display: flex; justify-content: space-between; gap:20px; position: relative;}
.main_sns .link {display: flex; gap:10px; position: absolute; right: 0px; top:-5em;}
.main_sns .list {display: flex; flex-wrap: wrap; gap:10px; width: 50%; max-width:695px;}
.main_sns .list > li {width:calc(33.3333% - 10px); position: relative;}
.main_sns .list a {display: block;}
.main_sns .list .img {display: block; position: relative; overflow: hidden; border-radius:6px; overflow: hidden; padding-bottom:100%;}
.main_sns .list .img > img {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover;}
.main_sns .list .img::after {display: block; content: ""; width: 100%; height: 100%; background: #000; opacity: 0; position: absolute; left: 0px; top: 0px; transition: all 0.3s 0s ease-in-out; z-index: 2;}
.main_sns .list .ico {position: absolute; right:5px; bottom:5px;}

@media (hover: hover) and (pointer: fine) {
    .main_sns .list a:hover .img:after {opacity:0.8;}
    .main_sns .list a:hover .over_view {opacity:1;}

 }


.main_sns .video {width: 50%; max-width:691px;}
.main_sns .box .movie {cursor:pointer; border-radius:8px; overflow:hidden; position:relative}
.main_sns .box .movie::after {display: none; content:""; width:72px; height:72px; background:url(../img/main/bt_play.png) no-repeat left top/cover; position: absolute; left: 50%; top:50%; transform: translate(-50%, -50%);}
.main_sns .box .txt_t {margin:0.8em 0px 0.2em 0px; font-size:1.3333em; line-height:1.4em; font-weight:600; transition:all 0.2s 0s ease-in-out;}
.movie_frame {padding-bottom:calc(388 / 691 * 100%); position: relative; overflow:hidden;}
.movie_frame > img, .movie_frame iframe {position:absolute; left:0px; top:0px; width:100%; height:100%; object-fit: cover;}

.calendar_wrap {border:1px solid #000; display: flex; position: relative; padding:35px; gap: 70px;}
.calendar_wrap .go {position: absolute; right: 0px; top:-4em;}
.calendar_wrap .go > a {display:flex; align-items: center; font-size: 14px; font-weight:600; gap:10px;}
.calendar_wrap:after {display:block; content: ""; width: 1px; height: 100%; background: #000; position: absolute; left: 50%; top:0px;}
.calendar_wrap > div {width: 50%;}
.calendar_wrap .event_tbW {padding-bottom: 0px;}
.calendar_wrap .ev_tb {font-size:var(--sub-font-size);}
.calendar_wrap .ev_tb thead tr th {background: none; border: none; text-align: left; padding-top:0px; line-height: 1em; padding-bottom:30px;}
.calendar_wrap .ev_tb thead tr th > span {display:block; border-bottom:1px solid #000; max-width:66px ;}
.calendar_wrap .ev_tb tbody tr td {text-align: center; font-size:0.93em; border:none; height:61px;}
.calendar_wrap .ev_tb tbody tr td .date {font-family:'Montserrat', sans-serif; font-weight:700; color: #000;}
.calendar_wrap .ev_tb tbody tr td.sun .date {color: #e71b36;}
.calendar_wrap .ev_tb tbody tr td.today { background: none; position: relative;}
.calendar_wrap .ev_tb tbody tr td.today::before {content: ""; width: 90%; height: 100%; background: #f4e355; border-radius: 4px; position: absolute; left: 50%; top: 0px; transform: translateX(-50%);}
.calendar_wrap .ev_tb tbody tr td.today .date {color: var(--key-color);}
.calendar_wrap .schedule {overflow-y: auto; max-height:465px;}
.calendar_wrap .schedule::-webkit-scrollbar { width: 6px; }
.calendar_wrap .schedule::-webkit-scrollbar-thumb { background-color:#ccc; border-radius: 10px; }
.calendar_wrap .schedule::-webkit-scrollbar-track { background-color:#f2f2f2;  }

.schedule .no_event {height: 100%; display: flex; justify-content: center; align-items:center; text-align: center; padding:1em; font-size:2em; line-height:1.4em; font-family: "JeongnimsaJi"; font-weight:100;}
.schedule .list .box {display: flex; justify-content: space-between; gap:10px;}
.schedule .list .box * { transition: all 0.3s 0s ease-in-out;}
.schedule .list > li + li {margin-top:20px; padding-top: 20px; border-top:1px solid #ccc;}
.schedule .list .box .img {width:145px; min-width:145px;}
.schedule .list .box .img > span {overflow:hidden; padding-bottom: calc(210 / 145 * 100%); position: relative; display: block;}
.schedule .list .box .img > span > img {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover;}
.schedule .list .box .info {flex:1; display: flex; flex-direction: column; gap:0.2em; font-size:0.93em; line-height:1.4em; overflow:hidden;}
.schedule .list .box .txt_a {font-size:2.1em; font-weight: 600; line-height:1.4em; font-family: "JeongnimsaJi"; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; background: linear-gradient(transparent 65%, #f4e355 5%); }
.schedule .list .box .txt_b {font-weight:600;}
.schedule .list .box .txt_c {font-weight:500;}
.schedule .list .box .bt {margin-top:auto; padding-top:10px;}
.schedule .list .box .bt > a {display: flex; max-width: 140px; border-radius:6px; justify-content:center; align-items: center; color: #fff; background: var(--key-color); font-family: "JeongnimsaJi"; font-weight: 300; height:2.93em; font-size: var(--sub-font-size) ; border:1px solid var(--key-color);}
.schedule .list .box:hover {color: var(--key-color);}
.schedule .list .box:hover .bt > a{background:#fff; color:var(--key-color);}

.program_banner {position: relative; margin-top:min(130px, 9vw);}
.program_banner > a {display: flex; gap:10px; height:150px; border-radius:10px; background: #f5a101; align-items: center; padding:1em 130px 1em 5%; color: #fff; justify-content: space-between; position: relative;}
.program_banner > a:before {display: block; content: ""; width: 114px; height: 110px; background: url(../img/main/event_arrow_bg.svg) no-repeat left top / cover; position: absolute; right: -1px; bottom: -1px; z-index: 2;}
.program_banner > a::after {content: ""; width: 64px; height: 64px; background: url(../img/common/m_arrow2.png) no-repeat center center #333333; background-size: 15px auto; border-radius: 100%; position: absolute; right: 0px; bottom: 0px; z-index: 3;}
.program_banner > a .img {position: absolute; right: 100px; bottom: 0px;}
.program_banner > a > dl {flex:1; position: relative; z-index: 2;}
.program_banner > a > dl dd {font-size:0.95em;}
.program_banner > a > dl dt {font-size:1.777em; font-weight:700; line-height:1.4em;}


#section2 {background:#f9f9f9;}
.main_board_wrap {display: flex; gap:35px;}
.main_board_wrap > div {width:50%; overflow: hidden;}
.main_board {position: relative; margin-top:2.5em}
.main_board .more {position:absolute; right: 0px; top: 0px;}
.main_board .more > a {text-indent:-99999em; width:55px; height: 55px; background: #fff; border:1px solid #e3e3e3;}
.main_board .more > a > span {width: 100%; height:100%; margin-left:0px; background:none; color: #000;}
.main_board .tab {display: flex; padding-right: 55px;}
.main_board .tab > li {flex:1}
.main_board .tab > li > a {display: flex; justify-content: center; align-items: center; background: #fff; border:1px solid #e3e3e3; border-right:none; height:55px; font-weight:600;}
.main_board .tab .active {background:var(--point-color); color: #fff; border-color: var(--point-color);}
.m_board .first_new {background:url(../img/main/line.jpg) repeat-x left bottom; display:flex; padding-bottom:30px; margin-top:60px; overflow: hidden;}
.m_board .first_new .day {display:flex; flex-wrap:wrap; min-width:100px; width:100px; height:100px; justify-content:center; align-items:center; text-align:center; align-content:center; border-radius:100%; font-weight:400; background:#efefef;}
.m_board .first_new .day strong { width:100%; font-size:36px; line-height:1.3em; font-weight:800;}
.m_board .first_new a {flex:1; margin-left:5%; overflow:hidden;  transition:all 0.2s 0s ease-in-out;}
.m_board .first_new a .tit {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; display:inline-block; vertical-align: top; font-size:1.3em; line-height:1.3em; font-weight:700; max-width:100%}
.m_board .first_new a .tit.new {padding-right:20px; position:relative;}
.m_board .first_new a .tit.new:after {content:"N"; width:16px; height:16px; min-width:16px; line-height:16px; display:flex; align-items:center; justify-content:center; color:#fff; background:#f5a101; font-size:12px; font-weight:500; border-radius:100%; position:absolute; right:0px; top:50%; transform:translateY(-50%)}
.m_board .first_new a .tit .notice {transform: translateY(-5%); width:38px; height:20px; background:var(--point-color); color:#fff; font-size:14px; line-height:20px; display:inline-block; vertical-align:middle; text-align:center; font-weight:500; margin-right:5px;}
.m_board .first_new a .txt {display:block; margin:14px 0px 10px 0px; overflow:hidden;text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; color:#666666; font-size:var(--sub-font-size); line-height:1.4em; height:2.8em; line-clamp: 2;}
.m_board .first_new:hover {color: var(--point-color);}
.m_board .first_new:hover * {color: var(--point-color);  transition:all 0.2s 0s ease-in-out;}
.m_board .first_new:hover .txt {color: var(--point-color);}
.m_board .news_list ul li a:hover {color: var(--point-color);}

.m_board .news_list ul {padding-top:25px;  font-size:var(--sub-font-size);}
.m_board .news_list ul li {display:flex; align-items:center; justify-content:space-between; position:relative; margin-top:5px;}
.m_board .news_list ul li:first-child {margin-top:0px;}
.m_board .news_list ul li a {flex:1; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; color:#666666;}
.m_board .news_list ul li .date {color:#666; min-width:100px; text-align:right;}

.main_photo {display: flex; gap:20px}
.main_photo .photo_slide {width:50%; overflow: hidden;}
.main_photo .photo_slide > h4 {font-size:1.33em;  line-height: 1.4em; margin-bottom: 0.5em;}
.main_photo .photo_slide > h4 + div {background: #fff; border:1px solid #e3e3e3; padding:20px;  transition:all 0.2s 0s ease-in-out;}
.main_photo .photo_slide > h4 + div:hover {border-color: var(--point-color);}
.main_photo .photo_slide > h4 + div:hover * {color:var(--point-color);  transition:all 0.2s 0s ease-in-out;}
.main_photo .photo_slide .swiper {overflow: hidden;}
.main_photo .photo_slide .box {display: block;}

.main_photo .photo_slide .photo {padding-bottom: calc(153 / 287 * 100%); overflow: hidden; position: relative;}
.main_photo .photo_slide .photo > img {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover;}
.main_photo .photo_slide .txt_a { margin:0.7em 0px 0.5em 0px; overflow:hidden;text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; line-clamp: 2; -webkit-box-orient:vertical; line-height:1.4em; height:2.8em; font-size: 1.11em; font-weight: 700;}
.main_photo .photo_slide .txt_b { overflow:hidden;text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; line-clamp: 2; -webkit-box-orient:vertical; line-height:1.4em; height:2.8em; font-size:var(--sub-font-size); color: #666666;}
.photo_slide .swiper-pagination {justify-content: flex-start; margin-top:20px;}
.photo_slide .swiper-pagination-bullet {width:9px; height:9px; border-color:#999999; background: #999999;}
.photo_slide .swiper-pagination-bullet-active {border-color:#cc1427; background: #cc1427;}


/* footer */
#footer {max-width:1460px; padding:0px 10px; position:relative; margin:0 auto; }
#footer .go_top {position:absolute; right:0px; top:0px; z-index:99}
#footer .go_top > a {display:flex; width:67px; height:67px; line-height:1.6em; background:#181a26; justify-content:center; text-align: center; align-items:center; flex-direction:column; color:#fff; font-size:9px; font-weight:600; border-radius:100%;}
.footer_navi {display:flex; flex-wrap:wrap; padding:10px 0px; gap:10px 20px; min-height:65px; justify-content:space-between; position:relative; color: #fff;}
.footer_navi:after {display:block; content:""; width:100vw; height:100%; background:#181a26; position:absolute; left:50%; top:0%; transform:translateX(-50%); z-index: -1;}
.footer_navi > ul {display:flex; flex-wrap:wrap; align-items:center;}
.footer_navi .navi > li { position:relative;}
.footer_navi .navi > li:not(:first-child) {margin-left:1em; padding-left:1em;}
.footer_navi .navi > li:not(:first-child):after {display:block; content:""; width:1px; height:10px; background:#fff; position:absolute; left:0px; top:50%; transform: translateY(-50%);}
.footer_navi .navi > li a {display:block; font-size:var(--sub-font-size); color:#fff; font-weight:400; line-height:1.3em; }
.footer_navi .sns {margin-left:auto; gap:15px}
.footer_navi .sel_box {max-width: 235px; flex:1;}
.footer_navi .sel_box > li {width:100%;}
.footer_navi .sel_box > li select {height:42px; width:100%; font-size:var(--sub-font-size); color:#fff; border-color: #8c8d93; border-radius:0px; padding:0px 1em; font-weight:400; background: url(../img/common/select_arrow4.svg) no-repeat calc(100% - 5px) center !important; background-size: 22px auto !important;}
.footer_navi .sel_box > li select option {color: #fff;  background: #181a26; }
.addressW {display: flex; justify-content: space-between; font-size:var(--sub-font-size); gap:10px; margin:50px 0px; position:relative}
.addressW .f_logo {min-width: max-content;}
.addressW address {display: flex; flex-wrap: wrap; gap:0.5em 2em; flex: 1; padding-right:60px; max-width:1070px;}
.addressW address > span {position:relative; font-weight:500;}
.addressW address > span+span:before {content:""; width:1px; height:14px; background: #ccc; opacity: 0.5; position: absolute; left:-1em; top: 50%; transform: translateY(-50%);}
.addressW .copy {width:100%; font-weight: 300;}




/* sub_page */
.sub_visual {width:100%; max-width:var(--cont-inner); margin:0 auto; border-radius:20px; overflow:hidden; position:relative; background-size:cover !important;}
.sub_visual .sub_txt {text-align:center; display:flex; flex-direction:column; justify-content:center; align-items:center; height:322px; color:#fff; z-index:9; margin:0 auto; max-width:var(--inner); padding:0px 10px;}
.sub_visual .sub_txt h2 {font-size:min(46px, 7vw); line-height:1.4em; font-weight:700;}



.sub_wrap_1 .sub_visual {background:url(../img/introduce/sub_visual.jpg) no-repeat center top/cover;}
.sub_wrap_2 .sub_visual {background:url(../img/community/sub_visual.jpg) no-repeat center top/cover;}
.sub_wrap_3 .sub_visual {background:url(../img/tourism/sub_visual.jpg) no-repeat center top/cover;}
.sub_wrap_4 .sub_visual {background:url(../img/event/sub_visual.jpg) no-repeat center top/cover;}
.sub_wrap_5 .sub_visual {background:url(../img/data/sub_visual.jpg?ver=250314) no-repeat center top/cover;}
.sub_wrap_6 .sub_visual {background:url(../img/program/sub_visual.jpg?ver=250314) no-repeat center top/cover;}
.sub_wrap_7 .sub_visual {background:url(../img/career/sub_visual.jpg?ver=250314) no-repeat center top/cover;}
.sub_wrap_8 .sub_visual {background:url(../img/member/sub_visual.jpg?ver=250314) no-repeat center top/cover;}
.sub_wrap_9 .sub_visual {background:url(../img/member/sub_visual.jpg?ver=250314) no-repeat center top/cover;}


.location {position:relative; text-align:center; margin:0 auto; line-height:40px; height:40px; font-size:var(--font-size);}
.location span {display:inline-block; margin-left:14px; color:#fff; font-weight:400;}
.location span.home {display: inline-flex; justify-content:center; align-items: center; /*background: #fff; border-radius:100%; width:40px; height:40px;*/}
.location > span:after {display:block; content:""; width:5px; height:5px; border-top:2px solid #fff; border-right:2px solid #fff; display:inline-block; transform:rotate(45deg); margin-left:11px; border-bottom:2px solid transparent; border-left:2px solid transparent;}
.location > span.home:after {display:none;}
.location > span:last-child:after {display:none;}
.location span:first-child {padding-left:0px; margin-left:0px;}
.location #location_2 {font-weight:600; color:#fff}
.location #location_3 {font-weight:600;}
.location img {vertical-align:middle; margin-top:-2px;}



.lnbs3 {padding:30px 0px; position: relative;}
.lnbs3:before {content:""; width: var(--cont-inner); height:1px; background: #ccc; position: absolute; left: 50%; top:100%; transform: translateX(-50%);}
.lnbs3 > ul {display:flex; gap:2px; justify-content: center;}
.lnbs3 li > a {display:flex; align-items:center; justify-content: center; height:46px; font-size:1.2222em; line-height:1.3em; word-break:break-all; border-radius:4px; background: #fff; padding:5px 1em; font-weight:700}
.lnbs3 li.on > a, .lnbs3 li > a:hover {background:var(--key-color); color:#fff}

.lnbs3 .three_depth {display:none;}
#lnb_wrap .lnbs {display:none;}
#lnb_wrap .ico_home {display:none;}


.lnb_tit, a.lnb_tit {font-size:16px; display:block; box-sizing:border-box; padding-left:20px; color:#000; line-height:60px; height:60px; cursor:pointer; padding-right:20px; font-weight:600; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.lnb_tit:after {display:block; content:""; position:absolute; right:20px; top:50%; transform:translateY(-50%); width:0; height:0;border-top:7px solid #fff; border-left:5px solid transparent; border-right:5px solid transparent; transition:all 0.2s 0s ease-in-out;}
.lnb_tit.on:after {transform:rotate(-180deg); margin-top:-5px}

.sub_con { max-width:var(--inner); margin:0 auto; font-size:var(--font-size); word-break:keep-all;}
.sub_con > .s_tit:first-child {margin-top:0px;}
.s_tit {font-size:2.6666em; color:#000000; font-family:'Hana2'; line-height:130%; padding:0px 0px 20px 0px;  position:relative; margin-top:60px; font-weight:800; display:flex; align-items:center;}
.s_tit.no-flex {display:block; line-height:1.3em;}
/*
.s_tit:before {display:block; content:""; z-index:0; width:26px; height:26px; border-radius:100%; background:linear-gradient( 120deg, #00aa53, #005e9c ); align-self:flex-start; margin-right:10px;}
.s_tit:after {display:block; content:""; position:absolute; left:9px; top:10px; width:4px; height:4px; border-top:1px solid #fff; border-right:1px solid #fff; transform:rotate(45deg);}
*/
.s_tit.tc {text-align:center; justify-content:center; background:none !important; padding-left:0px;}
.s_tit.tc:after {display:none;}
.s_tit.tc:before {display:none;}

.ss_tit {font-size:1.77em; color:#000; margin:2.26em 0px 0.5em 0px; font-weight:700; display:flex; align-items:center;}
.ss_tit.tc {justify-content:center; text-align:center}
.ss_tit.no-flex {display:block;}
.ss_tit > span{font-weight:300;}


.b_txt {font-size:min(2em , 5.5vw); line-height:1.6em;}
.b_txt_s {font-size:min(1.44em , 4.5vw); line-height:1.6em;}

.title_bar {text-align: center; padding:3em 0px 3em 0px;}
.title_bar > h2 {font-size:2.33em; line-height: 1.4em; font-weight:800}


.introduce .in_movie .video_wrap {border-radius:6px; overflow: hidden;}
.introduce .in_movie .vod-txt {width:100%; height:186px; padding:25px 4%; border-radius:6px; border:none; background:#f6f8fe; display:block; overflow-x:hidden;}
.introduce .img_box {position: relative;}
.introduce .img_box img {width:100%}
.introduce .img_box .dec {width:50%; height:190px; border-radius:10px 0px 0px 0px; padding:4%; background: #fff; position: absolute; right:0px; bottom: 0px;}
.introduce .step {display: flex; flex-wrap: wrap; gap:30px 10px; justify-content: space-between;}
.introduce .step > li {width:calc(50% - 5px); max-width: 500px; background:#f6f8fe; border:1px solid #1933da; padding:3% 3.5%; border-radius:6px;}
.introduce .step dt {position:relative; font-size:1.33em; line-height:1.4em; color: var(--key-color); font-weight:700;}
.introduce .step dt .mont {display:block; color:#000; font-size:16px; font-weight:600;}
.introduce .step dt .ico {display:block;  position: absolute; right:0px; top:0px;}
.introduce .step dd {padding-top:1em;}
.introduce .distinct {margin-top:1em;}
.introduce .distinct li {border:1px solid var(--key-color); background:#f6f8fe; margin-top:5px; border-radius:14px; padding:20px; display: flex; align-items: center;}
.introduce .distinct li > h5 {display: flex; min-width:14em; width:14em; height:3em; background: var(--key-color); color:#fff; justify-content: center; align-items: center; border-radius:14px; padding:0.5em; text-align: center; margin-right:1em; font-weight:500}
.key_tit {color:#fff; font-size:min(1.666em, 5.5vw); display: flex; min-height:min(135px, 28vw); justify-content: center ; align-items: center; background: url(../img/introduce/01_bg01.jpg) no-repeat center top/contain var(--key-color); padding:10px; text-align: center; padding-bottom:40px; border-radius:26px 26px 0px 0px; position: relative; }
.key_tit:after {content:""; width:100%; height:35px; background: #fff; border-radius:26px 26px 0px 0px; position: absolute; left: 0px; bottom:0px;}

.introduce_box{display:flex; gap:30px 60px; flex-direction: row-reverse; justify-content: space-between; padding-top:3em;}
.introduce_box .introduce_img > img{border-radius:20px;}
.introduce_box .introduce_txt{flex:1;}

.introduce .txt_a {font-size:min(2.8em, 5.2vw); line-height:1.4em; font-weight:300;}
.introduce .txt_b {/**padding-top:3em; */font-size:1.11em; line-height:1.4em}
.introduce .sign {font-weight:800; font-size:1.222em; padding-top:1em; line-height:1.5em}

.purpose .txt_a {display: flex;flex-direction: column; justify-content: center; align-items: center; min-height:min(480px, 43vw ); color: #Fff; position: relative;}
.purpose .txt_a:Before {display: block; content: ""; width: 100vw; height: 100%; position: absolute; left: 50%; top: 0px; transform: translateX(-50%); background: url(../img/introduce/03_img01.jpg) no-repeat center top/cover; z-index: -1;}
.purpose .txt_a > strong {font-weight:700; font-size:min(2.88em , 8vw); line-height:1.4em ;}
.purpose .txt_b {padding:min(90px, 9vw) 0px; text-align: center; font-size:1.44444em; line-height: 1.8em ;}
.purpose .txt_c {display: flex; gap:10px; justify-content:space-between;}
.purpose .txt_c > li {position: relative; flex:1}
.purpose .txt_c .txt {position: absolute; left: 0px; top: 0px; width: 100%; height:100% ; display: flex; align-items: center; font-size:min(1.666em, 2.5vw); font-weight: 700; line-height:1.4em ; max-width:430px; padding-left: min(140px, 30%);}
.purpose .txt_c > li:nth-child(1) .txt {color: #1e3e6d;}
.purpose .txt_c > li:nth-child(2) .txt {color: #f5a101;}
.purpose .txt_c > li:nth-child(3) .txt {color: #d8192b;}

.sub_tab_menu {display: flex; justify-content: center; gap:3px 6px; flex-wrap: wrap; margin-bottom: min(70px, 7vw);}
.sub_tab_menu > li {width:13em; max-width:calc(33.333% - 4px);}
.sub_tab_menu > li > a {display:flex; align-items:center; justify-content:center; height: 3.3em; line-height: 1.2em; border:1px solid #cccccc; border-radius:4px; text-align: center; padding:0.5em 1em; color: #999999; font-weight:600; transition:all 0.3s 0s ease-in-out;}
.sub_tab_menu > li > a:hover {color: var(--key-color); border-color:var(--key-color);}
.sub_tab_menu > li.on > a {color: var(--key-color); border-color:var(--key-color);}
.sub_tab_menu.seven > li {width:11.1em}
.sub_tab_menu.two > li {width:17em; max-width:calc(50% - 3px);}

.event_page {position: relative;}
.event_page .titW {display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; height: 370px; position: relative; color: #fff; padding-left: 50%;}
.event_page .tit {color:#fff; font-size:4em; line-height: 1.3em; text-align: center;}
.event_page .date {color:#fff; font-size:1.33em; line-height: 1.3em; padding-top: 1em; text-align: center;}
.event_page .top_img {position: absolute; left:50%; top: 0px; transform: translateX(-50%); width: 100vw; height:100%; object-fit: cover; max-width: inherit; z-index: -1;}
.poster_wrap {display: flex; gap: 30px; align-items: flex-start; justify-content: space-between;}
.poster_wrap > div {width: 50%;}
.poster_wrap .poster {max-width:max-content; margin-top:-23%}
.poster_wrap .poster.mt0 {padding-top:3em ;}

.poster_wrap .sub_tit {font-size:2.888em; line-height:1.5em; font-weight: 700; color: var(--key-color) ; padding-top: 1em;}
.poster_wrap .sub_tit + .list {margin-top: 5em;}
.poster_wrap .dec {font-size:1.77em; line-height:1.5em; padding-bottom: 1em; min-height: 3.5em;}
.poster_wrap .list {display: flex; flex-wrap:wrap; gap:2em 1em;}
.poster_wrap .list > li.one {width: 100%;}
.poster_wrap .list > li {width: calc(50% - 0.75em); display: flex; align-items:center; gap: 1em;}
.poster_wrap .list .subj {min-width: 4.6em; height:1.95em; padding:0px 0.5em; display: flex; justify-content: center; align-items: center; color: #fff; border-radius:4px; background: var(--sub-point-color); align-self: flex-start; font-weight: 500;}
.poster_wrap .list .subs {flex:1; font-weight: 700; font-size:1.44em; line-height: 1.4em;}
.poster_wrap .list .subs .bul01 {font-size: var(--sub-font-size); line-height: 1.4em; font-weight:500; margin-top: 0.5em;}

.event_page .txt {padding-top:2em;}
.event_page .btn {padding-top:3em;}
.event_page .btn > a {display: flex; max-width: 420px; margin: 0 auto; border:1px solid var(--sub-point-color); color:var(--sub-point-color); background: #fff; justify-content: center; align-items:center; border-radius:4px; position: relative; height:4em; font-weight: 600;}
.event_page .btn > a:after {content: "→"; position: absolute; right: 1em;}

.event_bottom {position: relative; padding-bottom:min(230px, 10vw); min-width: 100vw; left: 50%; transform: translateX(-50%);}
.event_bottom:before {content: ""; width:min(1679px, 79vw); height:min(445px, 21vw); position: absolute; right:0%; bottom: 0px; background: url(../img/event/bottom_bg.jpg) no-repeat left top/cover;}
.event_bottom .wave_text {white-space: nowrap; margin:0px -10px; margin-top:min(100px, 12vw); box-sizing: border-box; overflow: hidden;}
.event_bottom .wave_text > p {display:flex; align-items: center; animation:text-to-left 20s linear infinite; gap:min(2em, 3vw)}
.event_bottom .wave_text > p img {border-radius:min(24px, 3vw); max-width:min(100%, 25vw);}
.event_bottom .wave_text > p .mont {font-size: 1.15em;}
@keyframes text-to-left {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}
.history_wrap_bg {background: url(../img/introduce/history_bg.jpg) no-repeat center -30px; min-height: 1100px;}
.history_wrap { position: relative;}
.history_wrap::before {content:""; width: 1px; height:calc(100% - 90px); background: #ccc; opacity: 0.5; position: absolute; left: 50%; top:50%; transform: translateY(-47%);}
.history_wrap .box {display: flex; align-items:center;}
.history_wrap .box .txt_a {font-size:2.111em; line-height: 1.4em; font-weight: 300; width: 50%; padding-right: 30px;}
.history_wrap .box .txt_a.big {font-size:2.88em;}

.history_wrap .box + .box {padding-top:6em; margin-top:5em; border-top:1px solid #000;}
.history_wrap .box:nth-of-type(2) .history {position: relative;}
.history_wrap .box:nth-of-type(2) .history::after {content: ""; width: 1px; height:58%; background: #ccc; position: absolute; left: 0px; top:15px; transform: rotate(35deg); transform-origin: left top; opacity: 0.5;}
.history_wrap .box:nth-of-type(2) .history::before {content: ""; width: 1px; height: 58%; background: #ccc; position: absolute; left: 0px; bottom:15px; transform: rotate(-35deg);transform-origin: left bottom; opacity: 0.5;}

.history_wrap .history {width:50%;}
.history_wrap .history > li {display:flex; align-items: center; position:relative; z-index: 2;}
.history_wrap .history > li.on {color: var(--sub-point-color);}
.history_wrap .history > li + li {margin-top:1.7em;}
.history_wrap .history .year {font-size:2em; line-height: 1.2em; font-weight: 700; min-width:5.5em; align-self: flex-start;  padding-left: 70px; position: relative;}
.history_wrap .history .year::before {display: block; content:""; width:12px; height:12px; background: #f5a101; border-radius:100%; outline:10px solid rgba(245, 161, 1, 10%); position:absolute; left:-6px; top:50%; transform: translateY(-50%);}
.history_wrap .history .subs {font-size:1.22em; line-height: 1.3em; flex:1;}
.history_wrap .history .subs > p {display: flex; align-items: center;}
.history_wrap .history .subs > p .month {min-width:4em; align-self: flex-start; line-height: 1.4em;}
.history_wrap .history .subs > p + p {margin-top:0.5em;}

.three_img > ul {display: flex; justify-content: space-between; gap: 10px;}
.three_img > ul > li {max-width:max-content;}
.three_img > ul .on {display: flex; flex-direction: column; gap: 10px;}
.three_img > ul dl {font-size: 1.444em; line-height: 1.4em;}
.three_img > ul dl dt {font-size:1.23em; line-height: 1.4em; font-weight: 700; margin-bottom: 0.3em;}
.three_img > ul .on img {margin-top:auto}
.three_img .txt_a {text-align:center; font-size: 1.444em; line-height: 1.5em; padding: 2.5em 0px; }
.three_img .line {border-top:1px solid #712c0e; position: relative; padding-top:3em;}
.three_img .line:after {content:""; width:74px; height:25px; background: url(../img/introduce/line.jpg) no-repeat left top/cover; position: absolute; margin-left:-37px; left: 50%; top:-12px;}
.three_img .line > ul {margin: 0 auto; max-width: max-content; font-size:1.33em; line-height: 1.4em ; font-family: "JeongnimsaJi";}
.three_img .line > ul > li {display:flex; align-items: center; margin-top:1.8em;}
.three_img .line > ul > li > strong {min-width:3.3em; color: var(--sub-point-color); align-self: flex-start;}
.three_img .line .sign {padding-top: 3em; font-weight: 700; text-align: center;}

.t_img_list {display: flex; flex-wrap: wrap; justify-content: space-between; gap:50px 30px;}
.t_img_list > li {width: calc(33.3333% - 20px); max-width: 435px;}
.t_img_list > li > p {padding-top: 1em;}
.t_img_list > li > p .kop {color:var(--sub-point-color); display: block; line-height:1.7em;  font-size:1.33em;}
.t_img_list > li > p .jeong {color:var(--sub-point-color); display: block; line-height:1.7em;  font-size:1.33em;}

.rule_box_page .h2 {font-size:1.11em; line-height: 1.4em; padding: 3em 0px 0.7em 0px ;}
.rule_box_page .h2:first-child {padding-top: 0px;}
.rule_box_page .bul_a > li {padding-left: 1em; text-indent: -1em;}
.rule_box_page .bul_a > li:has(ul) > li {margin-top: 1em;}
.rule_box_page .bul_b > li {padding-left: 1.2em; text-indent: -1.2em;}
.rule_box_page .bul_c > li {padding-left: 1.4em; text-indent: -1.4em;}


.map_wrap {border:1px solid #ccc; height:600px; border-radius:min(20px, 3vw) ; overflow:hidden; box-sizing:border-box; margin-top:30px; margin-bottom:8px}
.map_wrap > div {height:100% !important; width:100% !important;}
.map_wrap > div .wrap_map {height:100% !important; width:100% !important;}
.map_wrap .border1, .map_wrap .border2, .map_wrap .border3, .map_wrap .border4 {display: none !important;}
.map_p_wrap.bg {justify-content: center; align-items: center; background: #f5a101; color: #fff; padding: 1em; min-height:5em; border-radius:4px ;}
.map_p_wrap {display: flex; flex-wrap: wrap; gap:10px 4em;}
.map_p {display:flex; align-items:center;}
.map_p > strong {display:flex; gap:10px; align-items:center; font-weight:700; min-width:fit-content; margin-right:15px;}
.map_p > strong .ico {display: flex; width:50px; height: 50px; background: #eff1f6; border-radius:10px; justify-content: center; align-items: center;}
.map_p + .map_p {position: relative;}
.map_p + .map_p:before {content:""; width: 1px; height:100%; background: #fff; position: absolute; left: -2em;}

.program_list > li {padding-bottom: min(50px, 10vw); border-bottom: 1px solid #ccc; display: flex; justify-content: space-between; gap: 20px;}
.program_list > li + li {margin-top: min(50px, 10vw);}
.program_list > li > div, .program_write > div {width: 50%;}
.program_list .img {max-width:620px;}
.program_list .img .frame {padding-bottom:calc(360 / 620 * 100%) ; border-radius:10px; overflow: hidden; position: relative; display: block;}
.program_list .img .frame > img {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover;}
.program_list .img.off .frame:after {display:flex; content:"예약종료"; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; justify-content: center; align-items: center; background: rgba(0, 0, 0, 80%); text-align: center; color: #fff; font-size: 1.77em; font-weight:700; padding: 10px; box-sizing: border-box;}
.program_list .img .head {margin-top: 1em;}
.program_list .info {font-size: var(--sub-font-size);} 
.program_list .head {display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; font-size: var(--sub-font-size);}
.program_list .head .tit {flex:1;}
.program_list .head .tit > h3 {font-size:2em; line-height: 1.4em;}
.program_list .head .tit .dec {color: #666666;}
.program_list .state {width:6.1875em; height:2.4375em; border-radius:4px; color: #fff; font-weight:600; align-items: center; justify-content: center; background:var(--sub-point-color); display: flex;}
.program_list .state.off {background: #333333;}
.program_list .bul01 {margin:1.5em 0px;line-height: 1.4em;}
.program_list .bul01 > li {display: flex; align-items: center; gap:5px;}
.program_list .bul01 > li .subj {min-width:4.5em; align-self: flex-start;}
.program_list .bul01 > li:nth-child(3) {position: relative; margin-top:2.6em;}
.program_list .bul01 > li:nth-child(3):after {content: ""; width:4.2em; height:1px; background: #000; position: absolute; left: 0px; top:-1.3em;}
.program_list .episode > ul {display: flex; flex-wrap: wrap; background: #f5f5f5; gap:0.8em 3em; padding:20px; border-top:1px solid #000; position: relative;}
.program_list .episode > ul > li {width: calc(50% - 1.5em); gap:0.5em 1em; display: flex;;}
.program_list .episode > ul > li:nth-child(2)::before {content:""; width: 1px; height:calc(100% - 40px); background: #ccc; position: absolute; left: 50%; top: 50%; transform: translateY(-50%);}
.program_list .episode dl {flex:1; line-height: 1.4em;}
.program_list .episode dt {font-weight:700;}
.program_list .episode .state {width:4.8125em; background:#f5a101;}
.program_list .episode .state.off {background: #333333;}
.program_list .episode .btn {margin-top:1.5em}
.program_list .episode .btn > a {display: flex; border: 1px solid var(--sub-point-color); color: var(--sub-point-color); background: #fff; justify-content: center; align-items: center; border-radius: 4px; position: relative; height: 4em; font-weight: 600;}
.program_list .episode .btn > a:after {content: "→"; position: absolute; right: 1em;}
.program_list .episode .btn > a.off {border: 1px solid #cccccc; color: #999999; cursor: unset;}
.program_list .episode .btn > a:after {content: "→"; position: absolute; right: 1em;}

.program_write {display: flex; justify-content: space-between; gap: 20px;}
.program_write .write {font-size:var(--sub-font-size); line-height: 1.4em;}
.program_write .write .ss_tit {font-size:1.625em; margin-top: 2em;}
.program_write .write .big select {height:4em;}
.program_write .write select {height:3.125em; width: 100%; padding-right: 20px; background-color:#fff !important;}
.program_write .write .input {height:3.125em; width: 100%; background: #fff;}
.program_write .write .signup > li + li {margin-top:1.5em;}
.program_write .write .signup > li .label {font-size:1.125em; font-weight:700; line-height: 1.4em; display: block; margin-bottom: 0.5em;}
.program_write .people_info {padding: 1.5em; background: #eff1f6; border-top:1px solid #000; margin-top: 1em;}
.program_write .people_info .txt_a {font-size:1.125em;}
.program_write .people_info > ul > li {margin-top:0.6em;}
.program_write .people_info .flex_input .input:nth-of-type(1) {margin-right:1em;}
.program_write .img .frame {padding: 0px;}
.program_write .img .frame > img {position: relative; left:auto; top:auto; height:auto;}

.precautions {background: #eff1f6; padding: 1.5em;}
.precautions .label {display: flex !important; align-items: center; gap:10px;}
.precautions .label img {max-width:5vw;}
.precautions .txt_in {padding-left: 2em}


.vision_wrap .ss_tit {font-size: 2em; margin:2em 0px 0.5em 0px;}
.vision_a {color: #fff; background: #f5a101; padding:3em 1em 2em 1em; text-align: center; clip-path: polygon(0 100%, 0 40%, 50% 0, 100% 40%, 100% 100%); border-radius:14px;}
.vision_a dt {font-size:1.1111em; opacity: 0.8; font-weight:600;}
.vision_a dt:after {content:""; display: block; width: 1px; height:24px; background: #fff; margin:0.5em auto;}
.vision_a dd {font-size:2.3333em; font-weight:700; line-height: 1.4em;}

.vision_b::before {content:""; display: block; width: 100%; height:160px; border:1px solid #f5a101; border-bottom:none; border-radius:80px; position: absolute; left: 0px; top: 0px; z-index: -1; box-sizing: border-box;}
.vision_b::after {content:""; display: block; width: 100%; height:80px; position: absolute; left: 0px; top:70px; background: #fff; z-index: -1;}
.vision_b {display: flex; gap:20px; flex-wrap:wrap; justify-content: center; position: relative; padding-top:30px;}
.vision_b > li {width: 223px;}
.vision_b dt {width: 223px; height: 223px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap:0.5em; font-size:1.777em; line-height: 1.4em; font-weight:700; border-radius: 100%; background:var(--key-color); color: #fff;}
.vision_b dd {text-align: center; padding: 1em 1.5em}

.vision_c {display: flex; gap:20px; }
.vision_c > li {flex: 1;}
.vision_c .txt_a {display: flex; color: #fff; margin: 0 auto; font-weight:600; border-radius:40px; height:2.5em; background: #e71b36; width:7.6111em; justify-content: center; align-items: center; text-align: center;}
.vision_c dl {position: relative; border:1px solid #e71b36; text-align: center; border-radius:6px; padding: 1em; height:calc(100% - 2.5em);}
.vision_c dl::before {content: ""; border-top:6px solid #e71b36; border-left:4px solid transparent; border-right:4px solid transparent; position: absolute; left: 50%; top: 0px; transform: translateX(-50%);}
.vision_c dl dt {font-size:1.777em; line-height: 1.4em; font-weight:700; color: #e71b36; padding: 0.5em 0px;}


.symbol_wrap {display:flex; flex-direction:column;}
.symbol_wrap .info {display:flex;  gap: 20px; justify-content: space-between; padding:min(50px ,6vw) 0px;}
.symbol_wrap .info .txt_a {font-size:2em; line-height:1.4em; width: 50%; max-width:630px ;}
.symbol_wrap .info .txt_a > strong {font-weight:700;}
.symbol_wrap .info .txt_b {width: 50%;}
.symbol_wrap .down_bt {display: flex; gap:10px; max-width:650px;}
.symbol_wrap .down_bt > li {flex:1}
.symbol_wrap .down_bt a {display: flex; border: 1px solid var(--sub-point-color); color: var(--sub-point-color); background: #fff; justify-content: center; align-items: center; border-radius: 4px; position: relative; height: 4em; font-size: var(--sub-font-size); font-weight: 600;}
.symbol_wrap .down_bt a img {margin-left:10px;}
.symbol_wrap .down_bt a:after {content: ""; width:20px; height:16px; background: url(../img/common/ico_down2.png) no-repeat left top/cover; position: absolute; right: 1em; top:50%; transform: translateY(-50%);}
.symbol_wrap .ci_bg {height:min(386px, 39vw);}
.ci_bg {border:1px solid #e8e8e8; background:url(../img/introduce/ci_bg.gif) repeat left top; display:flex; justify-content:center; align-items:center; width:100%; background-size:min(11px , 1.5vw) auto ;}

.color_system {display: flex; justify-content: space-between; gap: 10px;}
.color_system > li {width: 100%; max-width:327px;}
.color_system .box {display:flex; justify-content: center; align-items: center; color: #fff; padding:1em; height:4.3em; font-weight:600; font-size:1.333em ;}
.color_system .box + p {padding-top: 0.6em;}

.color_system > h4 {font-size:1.3em; padding-bottom:5px; font-weight:700; line-height:1.3em; margin-top:30px;}
.color_system > ul {display:flex; flex-wrap:wrap; margin:-10px; justify-content:space-between;}
.color_system > ul > li {width:25%; max-width:320px; padding:10px;}

.color_system > ul > li .box {height:70px;}
.color_system .box+ul {display:flex; flex-wrap:wrap; padding-top:10px; font-size:0.88em; line-height:1.3em; margin:-2px -5px;}
.color_system .box+ul > li {padding:2px 5px; letter-spacing:-0.5px;}

a.btnNormal, .btnNormal {display:inline-flex; width:100%; max-width:125px; height:35px; line-height:120%; justify-content:center; align-items:center; color:#666; box-sizing:border-box; background:#fff; letter-spacing:-1px; text-align:center; border:1px solid #666; font-size:0.85em; font-weight:300;border-radius:6px; }

.data_top_img {position: relative; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 1.111em; padding:1em 0px}
.data_top_img .bg {position: absolute; left: 50%; top: 0px; width: 100vw; max-width:100vw; height: 100%; object-fit: cover; transform: translateX(-50%); z-index: -1;}
.data_top_img .txt_a {font-size:1.8em; line-height: 1.4em; font-weight: 600;}
.data_top_img .txt_b {font-weight: 300; padding-top: 0.8em;}
.data_top_img .txt_c {display: inline-flex; border:2px solid #fff; border-radius:30px; padding:0.5em 1em; margin: 2em 0px; font-weight: 500;}
.data_top_img .txt_d {display: flex; justify-content: center; align-items:center; font-weight:500; gap:0.4em; margin-top: 1em;}
.data_top_img .txt_d .subj {font-weight: 400; border:1px solid #fff; border-radius:20px; padding:0.2em 1em;}
.data_top_img .pa_txt {font-size:min(var(--sub-font-size), 2vw); color: #fff; position: absolute; right: 0px; bottom: 1em;}

.ball_wrap {display: flex; justify-content: space-between; gap: 10px; max-width:700px; margin: 0 auto; margin-top: -100px; margin-bottom:3em;}
.ball_wrap > li {flex: 1; max-width:200px; text-align: center;}
.ball_wrap .box {color: #fff; width: 200px; height: 200px; display: flex; justify-content: center; align-items: center; border-radius:100%; padding:0.5em; text-align: center;}
.ball_wrap .txt {padding-top: 0.8em; color: #333;}

.img_half_list > li {display: flex; gap: 20px; justify-content: space-between; align-items: center;}
.img_half_list > li > div {width: 50%; max-width: 688px;}
.img_half_list > li + li {margin-top: min(50px, 5vw);}
.img_half_list > li:nth-child(even) .img_area {order:2}
.img_half_list .img_area .swiper {border-radius:8px; overflow: hidden; border:1px solid #eee;}
.img_half_list .img_area .swiper-pagination {margin-top:8px;}
.img_half_list .img_area .swiper-pagination-bullet {width: min(10px, 2.5vw); height: min(10px, 2.5vw); border:none; background: #999999;}
.img_half_list .img_area .swiper-pagination-bullet-active {background: #cc1427 !important;}
.img_half_list .ss_tit {margin-top:0px;}
.img_half_list .bul02 > li {padding-left: 0.8em; font-weight: 500; text-indent: -0.8em;}
.img_half_list .bul02 > li .bul03 {color: #333; font-weight: 400; opacity:0.9;}
.img_half_list .bul03 > li {padding-left: 0.5em; text-indent: -0.5em;}
.img_half_list .bul03 > li + li {margin-top: 0.4em;}
.img_half_list .bt {margin-top: 1em; max-width: 420px;}
.img_half_list .bt > li {margin-top:0.5em;}
.img_half_list .bt a {display: flex; align-items: center; justify-content: center; height:4em; border:1px solid var(--sub-point-color); border-radius:4px; background: #fff; color: var(--sub-point-color); text-align: center; padding: 0px 30px; position: relative; font-weight:600; font-size:var(--sub-font-size);}
.img_half_list .bt a.link:after {content: ""; display: block; width:14px; height: 14px; background: url(../img/data/ico_link.png) no-repeat left top; position: absolute; right: 10px; top: 50%; transform: translateY(-50%);}
.img_half_list .bt a.go:after {content: "→"; display: block; font-weight:600; position: absolute; right: 10px;}
.img_half_list .list {display: flex; flex-direction: column; gap:0.3em;}
.img_half_list .list > li {display: flex; align-items: center; gap:0.6em; line-height: 1.3em;}
.img_half_list .list .subj {min-width:6.66em; font-weight:500; background:var(--sub-point-color); color: #fff; border-radius:4px; display: flex; justify-content: center; align-items: center; height:2.2em; align-self: self-start;}

.topophilia {position:relative;}
.topophilia > h3 {display:flex; font-size:1.44em; line-height:1.4em; width:7.57em; height: 2.15em; padding: 5px; border-radius:4px; background:var(--sub-point-color); justify-content: center; align-items: center; color: #fff; margin:0 auto; transform: translateY(50%);}
.topophilia .list {display: flex; gap:1.5em;}
.topophilia .list > li {flex:1; border:1px solid #ccc; border-radius:10px; display: flex; justify-content: center; text-align: center; align-items: center; padding:1em 0.5em; font-size:1.33em; line-height: 1.4em; min-height: 6.375em;}
.topophilia + .topophilia {margin-top:1.5em;}

.topophilia .ico_list {display:flex; flex-wrap: wrap; justify-content: center; gap:30px; background:#f5f5f5; padding:4.5em 2em 3em 2em; border-radius:10px;}
.topophilia .ico_list > li {width:calc(25% - 23px); background: #fff; border-radius:10px; min-height: 11.2em; display: flex; flex-direction: column; justify-content: center; align-items: center; gap:0.7em; padding:1em; font-size: 1.11em; line-height: 1.4em; text-align: center;}
.topophilia .ico_list > li .txt {min-height:2.8em;}

.faq_list {}
.faq_list > li {overflow:hidden; border-radius:6px; border:1px solid #ccc; padding:0px 1.5em}
.faq_list > li:not(:first-child) {margin-top: 10px; }
.faq_list > li .title {display:flex; align-items:center; min-height:80px; font-weight:600; box-sizing:border-box; padding:10px 0px 10px 0px;  cursor:pointer; background: #fff;  font-size: 1.7em; font-weight:700;}
.faq_list > li .title .txt {flex:1;}
.faq_list > li .title:after {content:''; min-width:10px; width:10px; height:10px; border-bottom:3px solid #c5c6c8; border-right:3px solid #c5c6c8; border-radius:3px; display:inline-block; transform:rotate(45deg); margin-top:-3px;}
.faq_list > li .title.on:after {border-color:#333 !important; transform:rotate(-135deg); margin-top:0px;}
.faq_list > li .title .q {line-height:1.2em; margin:0px 20px 0px 20px; font-weight:800;}
.faq_list > li .answer_wrap {padding:0.5em 0px 2em 0px; position:relative; display:none; background:#fff;}
.faq_list > li .answer {display: block; line-height:140%; color:#333333; word-break:keep-all; word-wrap:break-word; position:relative; font-size:0.95em; line-height:1.5em; font-weight:400;}
.faq_list > li .answer .a {font-weight:800; min-width:1.5em; font-size: 1.1em; align-self: flex-start}
.faq_list .link {display:inline-block; border-bottom:1px solid #000; color:#000;}
.faq_list .table_wrap {overflow: hidden;}
.faq_list .table_wrap .table_style1 {width:calc(100% + 2px); margin-left:-1px}

.cm_center {position:relative; min-height:28.888em; display:flex; align-items:center; padding:1.5em 0px; margin-bottom:50px;}
.cm_center:before {content:""; width:100vw; height:100%; background:url(../img/introduce/05_5_bg.jpg) no-repeat left top/cover; position:absolute; left:50%; top:0px; transform:translateX(-50%); z-index:-1}
.cm_center > ul {display:flex; gap:1em; width:100%; max-width:1160px; margin: 0 auto; flex-wrap:wrap}
.cm_center > ul > li {flex:45%; border-radius:20px; gap:10px; padding:2em; padding-right:1em; display:flex; align-items:center; justify-content: space-between;}
.cm_center > ul > li .ico {min-width:max-content;}
.cm_center > ul > li .ico img {max-width:20vw}
.cm_center dl {flex:1; font-size:1.277em; line-height:1.5em;}
.cm_center dl dd {font-size:1.478em; line-height:1.5em; font-weight:700; color:#000;}

/*atab*/

.atab {display:flex; overflow-x:auto; gap:8px; justify-content:center; position:relative;}
.atab::-webkit-scrollbar {width:5px; height:8px; background-color:#eee;}
.atab::-webkit-scrollbar-thumb {background:#666;}
.atab li {flex:1;}
.atab li a {display:flex; height:2.94em; justify-content:center; align-items:center; background:#fff; text-align:center; font-weight:500; font-size:17px; line-height:1.2em; box-sizing:border-box; color:#000; padding:0px 5px; border-radius:60px; }
.atab li.on {position:relative; z-index:2;}
.atab li.on a {background:#009178; color:#fff;}

.btab {display:flex;flex-wrap: wrap; margin-bottom:min(50px, 5vw); justify-content:center; position:relative;}
.btab li a {display:flex; height:2.88em; justify-content:center; align-items:center; word-break: break-all; background:#fff; border:1px solid #cccccc; border-radius:4px; text-align:center; font-weight:500; line-height:1.2em; box-sizing:border-box; color:#000; padding:0px 0.5em; min-width:6.6em;}
.btab li.on {position:relative; z-index:2;}
.btab li.on a {background:#d6c0fb;}

.ctab {display:flex; overflow-x:auto; margin-bottom:50px; padding-bottom:10px; position:relative; margin:0px -5px;}
.ctab::-webkit-scrollbar {width:5px; height:8px; background-color:#eee;}
.ctab::-webkit-scrollbar-thumb {background:#666;}
.ctab li {flex:1; padding:0px 5px; min-width:fit-content;}
.ctab li a {display:flex; height:60px; justify-content:center; align-items:center; background:#fff; box-sizing:border-box; text-align:center; font-weight:700; font-size:18px; line-height:1.2em; box-sizing:border-box; color:#999999; padding:0px 1em; border:1px solid #cccccc;}
.ctab li.on {position:relative; z-index:2;}
.ctab li.on a { color:#009477; border-color:#009477}




.of_hi .fl50 {float:left; width:49%;}
.of_hi .fr50 {float:right; width:49%;}
.graybox { background:#cccccc; padding:10px;}
.no_flash { display:none;}

/* 레이어팝 */
.layerPop {-webkit-overflow-scrolling:touch; display: flex; align-items: center; justify-content:center; width:100%; position:fixed; left:0; right:0; top:0; bottom:0; padding:10px; z-index:99999;  background:rgba(0, 0, 0, 50%); font-size:var(--font-size); line-height:1.5em; padding:10px;}
.pop_wrap {width:100%; max-height:100%; padding:10px; position:relative;  background:#fff; border:4px solid #000}
.pop_wrap .pop_body {padding:15px 20px; word-break:keep-all; overflow-y:auto; max-height:90vh;}
.pop_wrap .pop_body::-webkit-scrollbar { width: 6px; }
.pop_wrap .pop_body::-webkit-scrollbar-thumb { background-color:#ccc; border-radius: 10px;}
.pop_wrap .pop_body::-webkit-scrollbar-track { background-color: transparent; }
.pop_wrap .x_btn {position:absolute; right:0px; top:10px; display:block; cursor:pointer; background:none; width:30px; height:30px; font-size:0px;}
.pop_wrap .x_btn:after {display:block; content:""; width:20px; height:4px; background:#000; transform-origin:center; transform:translate(-50%, -50%) rotate(45deg); position:absolute; top:50%; left:50%;}
.pop_wrap .x_btn:before {display:block; content:""; width:20px; height:4px; background:#000; transform-origin:center; transform:translate(-50%, -50%) rotate(135deg); position:absolute; top:50%; left:50%;}
.pop_wrap .pop_head.bg_no {background:#fff;}
.pop_wrap .pop_head.bg_no .title {color:#000; border-bottom:1px solid #000}
.pop_wrap .pop_head.bg_no .x_btn:after {background:#000}
.pop_wrap .pop_head.bg_no .x_btn:before {background:#000;}
.pop_wrap .pop_head {background:var(--key-color); position:relative;}
.pop_wrap .pop_head .x_btn {top:50%; transform: translateY(-50%); font-size:1px !important; text-indent:-999999px;}
.pop_wrap .pop_head .title {font-size:26px; line-height:140%; color:#fff; padding:20px 50px 15px 25px; text-align:left; font-weight:800;}
.pop_wrap .pop_head .title.tc {padding-left:50px;}
.pop_wrap .pop_head .s_txt {font-size:14px; line-height:14px;  color:#646464; text-align:center; padding:0px 0px 30px 0px;}



/* 팝업 */
.main_layer_pop {position:absolute; left:5%;  top:100px; z-index:9999}
.main_pop_bottom {background:#fff; font-weight:300; color:#000; padding:10px; position:relative; font-size:14px; box-sizing:border-box; border:1px solid #ccc;}
.main_pop_bottom .close {position:absolute; right:10px; top:10px; padding-right:30px; background:url(../img/common/close.png) no-repeat right center; background-size:20px auto;}
.main_layer_pop_inner {width:100%; height:100%; display:table; position:relative; margin:0 auto; box-sizing:border-box;}
.main_layer_pop_inner .cell {display:table-cell; vertical-align:middle; position:relative; padding:0px 10px;}
.main_layer_pop .bx-wrapper .bx-controls-direction a {margin-top:-22px; width:44px; height:44px;}
.main_layer_pop .bx-wrapper .bx-prev {left:0px; background:url(../img/main/pop_l.png) no-repeat 0 0;}
.main_layer_pop .bx-wrapper .bx-next {right:0px; background:url(../img/main/pop_r.png) no-repeat 0 0;}
.main_layer_pop .pop_wrap_in {margin:0 auto;}
.main_layer_pop .pop_wrap_in{overflow-y:auto;}


.layers_wrap {background:#FFF; position:relative; min-width:300px;  font-weight:300;}
.layers_wrap .layers_tit {width:100%; padding:15px 0px; line-height:150%; background:#333;  text-align:center; font-size:1.8em; color:#fff; position:relative;}
.layers_wrap .layers_tit .logo {padding-left:25px; padding-top:20px;}
.layers_wrap  .close_pop { position:absolute; right:25px; top:17px;}
.layers_wrap .layers {padding:20px; font-size:14px; position:relative; /*min-height:100px; max-height:760px; overflow-x:hidden; overflow-y:auto; -webkit-print-color-adjust:exact;*/}

.layers_wrap .close {height:30px; border-top:none; text-align:right; background:#e2e2e2; line-height:30px;}
.layers_wrap .close a { display:inline-block; zoom:1; font-family:Pretendard; color:#2d2d2d; padding-right:20px; background:url(http://pic.neungyule.com/newnetimes/img/btn/pop_close_s.gif) no-repeat right center; margin-right:10px;}
.layers_wrap .pop_tit {padding-left:5px; border-bottom:1px solid #afafaf; min-height:41px; padding-bottom:3px; font-family:Pretendard; color:#444444; font-size:22px; line-height:41px;}
.layers_wrap .pop_tit.ico_check2 { font-size:13px; min-height:20px; padding:10px 10px 10px 50px; background:url(../img/common/ico_check2.gif) no-repeat 10px 10px #f9f9f9; line-height:150%; border-bottom:none;}
.layers_wrap .pop_tit_no {min-height:38px; font-family:Pretendard; color:#444444; font-size:22px; line-height:38px;}


.print_wrap #header {display:none !important}
.print_wrap .sub_visual {display:none !important}
.print_wrap .lnb_position {display:none !important}
.print_wrap #lnb_wrap {display:none !important}
.print_wrap .title_bar {display:none !important}
.print_wrap .page_tab {display:none !important}
.print_wrap #footerW {display:none !important}
.print_wrap .print_bt {display:none !important}
.print_wrap .p_none {display:none !important}
.print_wrap .print_hide {display:none !important}
#wrap.print_wrap, .print_wrap #inner_wrap {padding:0px !important}


.date_picker_two {overflow:hidden; position:relative}
.date_picker_two .date_picker {float:left; width:47%;}
.date_picker {display:flex; align-items:center;}
.date_picker .input {width:100%; flex:1;}
.date_picker img {min-width:fit-content; margin:0px 10px;}
.date_picker.two_col .input {width:100%;}
.date_picker_two .col-sm-2  {float:left; width:47%;}
.date_picker_two .pa {left:50%; top:0%; line-height:30px; text-align:center; width:10px; margin:0px 0px 0px -5px;}

.cm_ul > li{padding:1.4em 0em;}
.cm_ul > li:first-child{padding-top:0px;}
.cm_ul > li .cm_w{display:flex; gap:30px; border:1px solid #DFE4EF; border-radius:30px; padding:40px 30px;}
.cm_ul > li .cm_w  .ic_box > img{padding:20px; background-color:#fff7d5; border-radius:32px;}
.cm_ul > li:nth-child(2) .ic_box > img{background-color:#e4eeff}
.cm_ul > li:nth-child(3) .ic_box > img{background-color:#ffe3d6}
.cm_ul > li .cm_w .cm_box{flex:1;}
.cm_ul > li .cm_w .cm_box .cm_tit{display:block; padding-bottom:1.1em; margin-bottom:1.1em; border-bottom:1px solid #DFE4EF; font-size:1.6em; line-height:1em; font-weight:900;}
.cm_ul > li .cm_w .cm_box .cm_txt{line-height:1.4em;}







/* 1280px 이상 */
@media screen and (min-width:1199px) {
	.m_gnb {display:none !important;}
     
}



@media screen and (max-width:1640px) {
	.main_visual .txt_frame {height:38vw ;}
}

/* 1440px 이하 */
@media screen and (max-width:1439px) {
	
	
	.side_quick {transform: translate(200%, -50%);}
}

/* 1200px 이하 */
@media screen and (max-width:1200px) {
	.all_menu {display:block;}
	.w_gnb {display: none;}
	#header h1 {left:50%; transform:translate(-50%, -50%); -wbkit-transform: translate(-50%, -50%);	}
	.top_search {right: auto; left: 0px;}

	.main_visual {flex-wrap: wrap;}
	.main_visual .txt_frame {justify-content: flex-start; padding-top:50px}
	.main_visual .banner_slide {width:100%; max-width: none;}

	.sub_visual {border-radius:0px;}
	

	.lnb_position {transform: none; width:100%;}
	.lnb_position .lnb_title, .lnbs3, .lnb_quick {display:none;}

	

	#lnb_wrap {position: relative; margin:0px -10px}
	#lnb_wrap:before {content:""; width:100vw; height:100%; position: absolute; left: 50%; top: 0px; transform: translateX(-50%); background: var(--key-color);}
	#lnb_wrap .lnbs {display:block;}
	#lnb_wrap .lnb {display:flex; margin:0 auto; position:relative; z-index:9; transition:all 0.3s;}
	#lnb_wrap .lnb .lnbs { width:50%; max-width:300px; box-sizing:border-box; border-right:1px solid rgba(255, 255, 255, 30%); position:relative;}
	#lnb_wrap .lnb .lnbs .copy_menu { position:absolute; left:0px; top:calc(100% + 0px); top:-webkit-calc(100% + 0px); width:100%; border-left:1px solid #e2e2e2;  border-right:1px solid #e2e2e2;  border-top:1px solid #e2e2e2; display:none; background:#fff; box-shadow: 0px 0px 13px rgba(0, 0, 0, 10%);}
	#lnb_wrap .lnb .lnbs .sub_menu {display:none !important;}
	#lnb_wrap .lnb .lnbs .three_depth {padding: 10px 20px 10px 20px; display:none}
	#lnb_wrap .lnb  .lnbs .three_depth a {font-size:14px; min-height:auto; padding:15px 0px 15px 25px; border-bottom: 1px dashed #e2e2e2;}

	.lnb_tit, a.lnb_tit {color:#fff; font-size: 16px; padding-left: 20px; line-height: 60px; height: 60px;}
	.lnb ul li a {font-size:15px; display:block; line-height:130%; min-height:30px; height:auto; padding:15px 0px 15px 20px; border-bottom:1px solid #e2e2e2; box-sizing:border-box; text-align:left; border-top:none; font-weight:500;}
	.lnb ul li a:hover {color:#000;}

	.half > li {flex-direction: column;}
	.half .img {order:1;}
	.half .info {order:2;}
	.half > li > div {width:100%; max-width: 100% !important;}

	.program_list .episode > ul > li {width:100%}
	.program_list .episode > ul > li:nth-child(2)::before {display:none;}

}

/* 980px 이하 */
@media screen and (max-width:979px) {
	:root {
		--font-size:17px;
		--sub-font-size:15px;
		--small-font-size: 14px;
	}


	.slide_menu_inner .header {height:80px; background-size: auto 40px;}
	.slide_menu_inner .gnb {height: calc(100% - 80px);	}

	
	.main_movie {flex-direction: column;}
	.main_movie .box {width:100%}

	.main_research .list > li {width: calc(50% - 10px);}
	.main_sns {flex-direction: column;}
	.main_sns .list, .main_sns .video {width: 100%; max-width:100%;}

	.calendar_wrap {flex-direction:column; gap:20px}
	.calendar_wrap > div {width:100%}
	.calendar_wrap:after {display:none;}

	.main_board_wrap {flex-direction:column; gap:30px}
	.main_board_wrap > div {width:100%}
	.main_board {margin-top:0px;}

	.addressW {flex-direction: column; gap:20px; text-align: center;}
	.addressW .f_logo {text-align: center;}
	.addressW .f_logo img {max-width:41vw;}
	.addressW address {padding: 0px; justify-content:center;}

	.event_slide .list {display: flex; flex-wrap: wrap; gap:30px}
	.event_slide .list > li {width:calc(50% - 15px)}

	.event_page .titW {padding-left: 0px;}
	.poster_wrap {flex-direction: column;}
	.poster_wrap > div {width:100%}
	.poster_wrap .poster {margin: 0 auto;}
	.poster_wrap .sub_tit {padding-top: 0px;}

	.history_wrap .box {flex-direction: column;}
	.history_wrap .box .txt_a {width: 100%; padding: 0px; padding-bottom:1em;}
	.history_wrap .box .txt_a br {display:none; }
	.history_wrap .history {width:100%}
	.history_wrap::before {left: 0px; display: none;}
	.history_wrap .history .year {min-width: 4.5em; padding-left: 40px;}
	.history_wrap .history .year::before {left: 0px;}

	.program_list > li, .program_write {flex-direction: column;}
	.program_list > li > div, .program_write > div {width: 100%;}
	.program_list .img {max-width:100%;}

	.vision_c {flex-wrap: wrap;}
	.vision_c > li {flex:none; width:calc(33.3333% - 14px);}

	.symbol_wrap .info {flex-direction: column;}
	.symbol_wrap .info .txt_a {width: 100%; max-width:100%;}
	.symbol_wrap .info .txt_b {width: 100%; max-width:100%;}
	.symbol_wrap .down_bt {width: 100%; max-width:100%;}

	.color_system {flex-wrap:wrap; gap:20px 10px;}
	.color_system > li {width:calc(50% - 5px); max-width: 100%;}

	.img_half_list > li {flex-direction: column; gap:10px;}
	.img_half_list > li > div {width: 100%; max-width: 100%;}
	.img_half_list > li .swiper img {width: 100%;}
	.img_half_list > li .img_area {order:2;}
	.img_half_list > li + li {margin-top:50px;}

	.ball_wrap {justify-content: center; margin-top:-13.5vw;}
	.ball_wrap .box {width:29vw; height: 29vw ;}

	.introduce_box{flex-wrap: wrap; flex-direction: column; align-items: center; padding:0px;}
	
}

/* 768 이하 */
@media screen and (max-width:767px) {
	:root {
		--font-size:15px;
		--sub-font-size:14px;
		--small-font-size:13px;
	}
	
	.pc_view {display:none}
	.mb_view {display:block}

	.header_top .calendar {display:none;;}
	.header_top .link_left {font-size:1em;}
	.header_top .link_left img {height:21px;}

	.slide_menu_inner .gnb > li {flex-direction: column; padding:6vw}
	.slide_menu_inner .gnb > li > a {min-width: auto; padding:0px;}
	.slide_menu_inner .gnb .sub_menu {border:none; padding:0px; gap:4vw}
	.slide_menu_inner .gnb .sub_menu > li > a {font-size:1.4em;}
	.slide_menu_inner .top_menu {right:50px}
	

	.main_layer_pop {-webkit-overflow-scrolling:touch; position:fixed; overflow-y:auto; width:100% !important; max-width:100% !important; transform:none !important; -webkit-transform:none !important; left:0 !important; right:0 !important; top:0 !important; bottom:0; z-index:99999; background:rgba(0, 0, 0, 50%); margin:0px !important}
    .main_pop_bottom {padding:10px; font-size:14px;}
    .main_pop_bottom .close {right:10px; top:10px;}
	.main_layer_pop .pop_wrap_in {float:none !important;}

	.in_header {height:80px;}

	.main_visual .txt_frame {display:none;}
	.m_tit {font-size:min(2.5em, 8vw);}

	.event_slide .swiper {width:100%; flex: none;}
	.event_slide .swiper-slide {width:65%;}
	.event_slide .slide_control {display:none; justify-content:center; position:relative; left:auto; top:auto; width:100%	}

	.main_research .selects {flex-wrap:wrap; gap:20px}
	.main_research .selects > li {flex: inherit; width: 100%;}
	.main_research .selects .select {height: 3em;}

	.program_banner > a .img {right:min(-60px, -8vw); width:min(340px, 65vw);}
	
	.m_board .first_new {margin-top:min(60px, 8vw);}

	.over_layerW {position:relative;}
	.over_layerW .table_style1 {width:100%; margin:0px;}
	.over_layerW .table_style1 tbody tr th.tl {word-break: keep-all}
	.over_layerW table td, .over_layerW table th {word-break: keep-all}
    .over_layer {overflow:auto;}
	.over_layer > div {overflow:inherit; min-width:680px;}
	.over_layer::-webkit-scrollbar {width:5px; height:8px; background-color:#eee;}
	.over_layer::-webkit-scrollbar-thumb {background:#666;}
    .over_layerW:after {display:block; content:""; width:10px; height:100%; position:absolute; right:0px; top:0px; background:url(../img/common/bg_shadow.png) repeat-y left top}
    .over_layer > table {min-width:900px;}

	
	.quick_sns {margin:2.6vw 0px 3.9vw 0px}

	.table_wrap {position:relative; overflow: auto;}
	.table_wrap > table {min-width: max-content; max-width:768px;}
	
	.table_wrap::-webkit-scrollbar {height:3px }
	.table_wrap::-webkit-scrollbar-thumb { background-color:#ccc; border-radius: 10px;}
	.table_wrap::-webkit-scrollbar-track { background-color: transparent; }

	.sub_visual .sub_txt {height:32.5vw}
	.sub_visual .location {display:none;}

	.introduce .step {gap:10px;}
	.introduce .step > li {width:100%; max-width:100%;}
	.introduce .step dt .ico img {max-width:10vw}
	.introduce .img_box .dec {width:100%; height: auto; border-radius:0px; padding:0px;	position:relative; right:auto; bottom: auto; padding-top:1em}
	.introduce .distinct li {flex-direction: column; text-align: center;}
	.introduce .distinct li > h5 {margin-bottom: 0.5em;}


	.map_wrap {height:440px;}

	.table_wrap {position:relative; overflow: auto;}
	.table_wrap > table {min-width: max-content; max-width:768px;}
	
	.table_wrap::-webkit-scrollbar {height:3px }
	.table_wrap::-webkit-scrollbar-thumb { background-color:#ccc; border-radius: 10px;}
	.table_wrap::-webkit-scrollbar-track { background-color: transparent; }
	
	.event_slide .list .box .info {padding:2em 2em 1em 2em;}
	
	.event_page .titW {height: 260px;}
	.event_page .tit {font-size: 3em;}
	.event_page .date {font-size: 1.2em;}

	.t_img_list > li {width: calc(50% - 15px);}

	.program_list .head {flex-wrap: wrap;}
	.program_list .head .tit {flex: inherit; width: 100%;}
	
	.program_write .people_info .flex_input {gap:5px;}
	.program_write .people_info .flex_input .space {display:none;}

	.vision_b > li {width:calc(50% - 10px);}
	.vision_b dt {width: 100%; border-radius:6px; height: auto; padding:1em; font-size: 1.5em;}
	.vision_a dd {font-size: 2em;}
	.vision_c > li {width: calc(50% - 10px);}
	.vision_c dl dt {font-size: 1.5em;}

	.topophilia .list > li {padding:1.5em 0.5em}

	.topophilia .list {flex-direction: column;}
	.topophilia .ico_list {gap:min(30px, 4vw)}
	.topophilia .ico_list > li {width: calc(50% - min(15px, 2vw));}

	.topophilia .ico_list {padding:min(4.5em, 5vw) min(2em, 3vw)}
	.topophilia .ico_list > li img {max-width:15vw;}




}






/* 480px 이하 */
@media screen and (max-width:479px) {
	:root {
		--font-size:14px;
		--sub-font-size:13px;
		--small-font-size:12px;
	}
	
	#header h1 img {height: 30px;}
	.header_top_in {height:40px}
	.header_top .link_left {padding-left:0px;}
	.header_top .link_left > li > a {font-size:12px; height:40px;  text-indent: -9px;}
	.header_top .link_right {display:none;}
	.header_top .login_bt > li .ico img {width:15px;}
    .in_header {height:60px;}

	.slide_menu_inner .header {background-size: auto 30px;}
	.slide_menu_inner .gnb > li > a {font-size:1.5em; margin-bottom:0.5em}
	.slide_menu_inner .gnb .sub_menu > li > a {font-size:1.15em;}

	.three_depth > li > a {padding-left:20px}
	.three_depth > li > a:before {width:12px; height:12px; margin-top: -7px;}
	.three_depth > li > a:after {left:3px;}
	
	.menu_btn a > span {width:28px; height:28px}
	.menu_btn a > span > span:after {top:-8px;}
	.menu_btn a > span > span:before {bottom:-8px;}	

	.search_area_wrap {margin-top:0px; border-width:4px}
	.search_area .btn {background-size:20px auto ;}
	.searchPop .inner {height:130px;}
	.search_area {height: 55px;}


	.event_slide .box .info {padding:20px; height: 9.5em;}
	.event_slide .box .txt_a {font-size: 1.5em;}
	.event_slide .swiper-slide {width:80%}
	.event_slide .box::before {width:84px; height:80px;}
	.event_slide .box::after {width: 50px; height:50px;}

	.main_research {margin-top: -6em;}
	.main_research .haed {padding: 110px 0px 70px 0px;}
	.main_research .list {gap: 20px 10px;}
	.main_research .list .cate {margin-left: 15px;}
	.main_research .list .box {padding:15px}
	.main_research .list .down {right:10px; bottom: 20px;}

	.main_sns .link {top:-4em}
	.main_sns .link img {width:30px}
	.main_sns .list .ico {width:30px}
	.main_sns .box .movie::after {width:50px; height:50px}

	.calendar_wrap {padding:20px 10px; gap:10px}
	.calendar_wrap .ev_tb tbody tr td {height: 50px;}
	.calendar_wrap .go {top:-3.7em}
	.calendar_wrap .go > a {font-size:13px; gap:5px}
	.calendar_wrap .go img {width:20px;}
	.calendar_wrap .schedule {padding-top:20px; border-top:1px solid #000}
	.schedule .list .box .img {width: 105px;min-width: 105px;}
	.schedule .list .box .txt_a {font-size:1.8em;}

	.program_banner > a:before {width:84px; height:80px;}
	.program_banner > a::after {width: 50px; height:50px;}

	

	.m_board .first_new .day {width:80px; min-width:80px; height:80px;}
	.m_board .first_new .day strong {font-size:30px;}

	.main_photo .photo_slide > h4 + div {padding:10px}

	.footer_navi .sel_box {flex: inherit; width: 100%; max-width: 100%;}
	.footer_navi .sns img {width:24px}
	#footer .go_top{top:-20px}
	#footer .go_top > a {width:57px; height: 57px;}

	
    .pop_wrap .pop_head .title {text-align:left !important; font-size:20px; padding-left:15px !important; padding:15px 45px 15px 15px;}
    .pop_wrap .pop_head .title br {display:none;}
	.pop_wrap .pop_body {padding:10px}

	#inner_wrap {padding-bottom:50px; padding-top:0px;}
	
	.sub_visual {border-radius: 0px;;}
	.lnb_tit, a.lnb_tit {height:50px; line-height:50px; font-size:14px; }
	.lnb ul li a {font-size:13px;}
	.lnb_tit:after {right:10px;}

	.purpose .txt_b {font-size:1.2em ;}
	
	.event_slide .list {gap:30px;}
	.event_slide .list > li {width:100% }

	.event_page .titW {height: 200px;}
	.event_page .tit {font-size: 2.3em;}
	.event_page .date {font-size: 1.2em;}
	.poster_wrap .poster {max-width:80%;}
	.poster_wrap .sub_tit {font-size:2em; text-align: center;}
	.poster_wrap .dec {font-size: 1.5em; text-align: center}
	.poster_wrap .list {gap:1em}
	.poster_wrap .list > li {width:100%}

	.poster_wrap .sub_tit + .list {margin-top:1em}

	.history_wrap_bg {min-height:inherit;background-size: cover;}
	.history_wrap .box .txt_a {font-size: 2em;}
	.history_wrap .box .txt_a.big {font-size: 2.2em;}
	.history_wrap .box + .box {padding-top: 3em; margin-top: 2em;	}
	.history_wrap .history .year::before {width: 8px; height: 8px; outline: 6px solid rgba(245, 161, 1, 10%);}
	.history_wrap .history .year {padding-left: 30px; font-size: 1.7em;}
	.history_wrap .history .subs {font-size:1.1em;}

	.three_img > ul dl {font-size:1.1em;}

	.t_img_list > li {width: 100%;}

	.map_p > strong .ico {width:40px; height: 40px;}
	.map_wrap {height:350px; margin:10px 0px 5px 0px}
	.map_p_wrap.bg {flex-direction: column;}
	.map_p + .map_p:before {display:none;}

	.program_list .head .tit > h3 {font-size: 1.65em;}

	.program_write .people_info .flex_input .select:nth-of-type(1) {max-width:60px !important;} 
	.program_write .people_info .flex_input .select {max-width:50px !important;} 
	.program_write .people_info .flex_input .input:nth-of-type(1) {margin-right:0em;}
	.program_write .people_info {padding:1em}

	.vision_b dt img {max-width:30px;}

	.symbol_wrap .info .txt_a {font-size:1.5em;}

	.topophilia .ico_list > li {width: 100%; min-height: auto;}
	.topophilia .ico_list > li .txt {min-height:auto;}

	.faq_list > li {padding: 0px 10px;}
	.faq_list > li .title {min-height:50px; font-size:1.2em;}
	.faq_list > li .title .txt {font-size:1em; font-weight:500;}
	.faq_list > li .title:after {min-width:8px; width:8px; height:8px; border-width:3px !important; border-radius:3px; margin-left:5px; }
	
	.introduce .txt_a  {padding-bottom:1em}

	.cm_center dl {font-size:1em; word-break: break-all; margin-bottom:30px;}
	.cm_center > ul > li {flex:none; width:100%}

	.cm_ul > li .cm_w{flex-wrap: wrap; flex-direction: column; align-items: center;  padding: 30px 20px;}
	.cm_ul > li .cm_w .cm_box .cm_tit{font-size:1.2em; text-align:center;}

	
}