@charset "utf-8";

/* reset */
body {width: 100%; overflow-x: hidden;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0; font-size: 1em; font-family: 'Noto Sans KR', sans-serif; line-height: 1; box-sizing: border-box;}
fieldset,img {border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle}
button {border:0 none;background-color:transparent;cursor:pointer}
body {background:#fff; color: #222;  }
body,th,td,input,select,textarea,button {font-size: 1em; color: #222;} /* color값은 디자인가이드에 맞게사용 */
a {font-size: 1em; color: #222; text-decoration:none;box-sizing: border-box; transition: all 0.3s;}
a:active, a:hover {text-decoration:none}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
img {max-width: 100%;}

/* 반응형 폰트 사이즈 */
html {overflow-y:scroll;-moz-text-size-adjust: none; -ms-text-size-adjust: none; -webkit-text-size-adjust : none;}
body {overflow:hidden;margin:0;padding:0;min-width:320px;-webkit-text-size-adjust : none;background:#fff}

/* clearfix */
.clearfix{*zoom: 1;}
.clearfix:after{content: '';display: block;clear: both;}

/* common */
.inner {position: relative; max-width: 1400px; width: 100%; margin: 0 auto;}
.sub-inner {position: relative; max-width: 1200px; width: 100%; margin: 0 auto;}

/* response */
.pc {display: block;}
.mobile {display: none;}

/* header */
.header-top {position: relative; top: 0; width: 100%; height: 40px; background: #f4f4f4; box-sizing: border-box; z-index: 999;}
.header-top ul {float: right; font-size: 0;}
.header-top ul li {display: inline-block; line-height: 40px; margin-left: 10px;}
.header-top ul li:last-child {margin-left: 20px;}
.header-top ul li a {display: inline-block; opacity: 0.8; line-height: 1; font-size: 14px; font-weight: 400; color: #000; vertical-align: middle;}

#header {position: absolute; top: 40px; width: 100%; height: 100px; z-index: 999; background: #fff; overflow: visible; z-index: 999;}
#header:after {content: ""; display: block; position: absolute; left: 0; top: 100px; width: 100%; height: 1px; background: #ddd; transition: all 0.3s;}
#header.active .header {height: 350px; border-bottom: 1px solid #ddd;}
.header {height: 100px; border-bottom: 1px solid transparent; background: #fff; overflow: hidden; transition: all 0.3s;}
.logo {float: left; line-height: 100px;}
.logo a {display: inline-block;}
.logo a img {vertical-align: middle;}

.search-wrap {position: absolute; right: calc(50% - 700px); top: 30px; z-index: 999;}

#gnb {float: right;}
#gnb > ul {position: relative; float: left; font-size: 0; z-index: 200;}
#gnb > ul > li {display: inline-block; vertical-align: top;}

#gnb > ul:nth-child(1) > li {position: relative;}
#gnb > ul:nth-child(1) > li + li {margin-left: 40px;}
#gnb > ul:nth-child(1) > li > a {display: inline-block; padding: 35px 10px; line-height: 1.5; font-size: 20px; font-weight: bold; color: #222;}
#gnb > ul:nth-child(1) > li ul {display: block; position: absolute; top: 100px; left: 50%; padding: 20px 0 0; transform: translateX(-50%); text-align: center;}
#gnb > ul:nth-child(1) > li ul.active {display: block;}
#gnb > ul:nth-child(1) > li ul li {}
#gnb > ul:nth-child(1) > li ul li a {display: inline-block; padding: 10px; line-height: 1.3; font-size: 16px; font-weight: 400; color: #999;}
#gnb > ul:nth-child(1) > li ul li:hover a {color: #222;}

#gnb > ul:nth-child(2) {margin: 30px 0 0 50px; font-size: 0;}
#gnb > ul:nth-child(2) li {position: relative;}
#gnb > ul:nth-child(2) li + li {margin-left: 20px; width: 40px;}
#gnb > ul:nth-child(2) li .google-language {}
#gnb > ul:nth-child(2) li .google-language > div > a {display: inline-block; line-height: 40px; vertical-align: top;}
#gnb > ul:nth-child(2) li .google-language > div > a img {vertical-align: middle;}
#gnb > ul:nth-child(2) li #google_translate_element {display: block; width: 37px; height: 40px; position: absolute; right: 0; top: 0; opacity: 0; overflow: hidden;}
#gnb > ul:nth-child(2) li #google_translate_element > div {padding: 10px 0;}

.icon-search.active + div {height: 50px;}
.search {display: block; position: absolute; right: 0; top: 50px; width: 280px; height: 0; z-index: 9999; overflow: hidden; transition: all 0.3s;}
.search .clearfix {position: relative; padding: 8px 10px 12px; max-width: 280px; width: 100%; height: 50px; background: #fff; border: 1px solid #ddd; box-sizing: border-box;}
.search input[type="text"] {float: left; padding-left: 10px; width: calc(100% - 36px); height: 31px; font-size: 16px; border: 0; outline: none; appearance: none;}
.search input[type="text"] + img {margin-left: 5px; cursor: pointer;}

/* main */
#container {padding-top: 100px;}
.main-wrap {position: relative; width: 100%; height: 684px;}

.visual-text {position: absolute; max-width: 1400px; width: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 10;}
.visual-text div:nth-child(1) {max-width: 700px; margin-bottom: 30px; line-height: 1; font-size: 36px; font-weight: bold; color: #fff; transition: all 0.3s;}
.visual-text div:nth-child(2) {max-width: 700px; margin-bottom: 35px; line-height: 1.6; font-size: 20px; font-weight: 300; color: #fff; transition: all 0.3s;}
.visual-text div:nth-child(2) p {font-size: 20px !important; line-height: 1.6;}
.visual-text div:nth-child(2) p span {font-size: 20px !important;}
.visual-text a {display: block; width: 44px; height: 44px;}

.main-slider li {position: relative; width: 100%; height: 684px; overflow: hidden;}
.main-slider li:after {position: absolute; left: 0; top: 0; content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1;}
.main-slider li > div > img {display: none;}
.main-slider li.current {z-index: 999;}
.main-pager {position: absolute; right: 0; bottom: -96px; font-size: 0; z-index: 20;}
.main-pager > a {display: inline-block; padding: 35px 45px; width: 310px; height: 164px; font-size: 20px; font-weight: 500; color: #999; background: #003670; vertical-align: top; box-sizing: border-box; transition: none;}
.main-pager > a.active {color: #fff; background: #005bad;}
.main-pager > a span.num {display: block; margin-bottom: 5px; font-size: 35px; font-weight: 700;}
.main-pager > a span.text {display: inline-block; line-height: 1.6; font-size: 20px; font-weight: 500;}

.main-section-01 {padding: 188px 0 100px;}
.main-section-01 .inner > div {display: table-cell; width: calc(100% - 500px); box-sizing: border-box;}
.main-section-01 .inner > div:nth-child(2) {padding-left: 50px; width: calc(500px - 50px);}

.main-section-01 .inner > div.state h3 {margin-bottom: 20px; font-size: 35px; font-weight: bold; color: #212121; text-align: left;}
.main-section-01 .inner > div.state > .state-top {padding: 25px; border: 1px solid #d4d4d4;}
.main-section-01 .inner > div.state > .state-top .photo li {float: left; width: calc(50% - 10px);}
.main-section-01 .inner > div.state > .state-top .photo li:nth-child(1) {max-width: 400px; max-height: 284px; overflow: hidden;}

.main-section-01 .inner > div.state > .state-top .photo li:nth-child(2) {position: relative; min-height: auto; margin-left: 20px;}
.main-section-01 .inner > div.state > .state-top .photo li:nth-child(2) .view {position: relative; width: 100%; font-size: 0; text-align: center;}
.main-section-01 .inner > div.state > .state-top .photo li:nth-child(2) .view span {margin-right: 10px;}
.main-section-01 .inner > div.state > .state-top .photo li:nth-child(2) .view a {display: inline-block; width: 130px; height: 40px; line-height: 38px; font-size: 16px; font-weight: 300; color: #999; border: 1px solid #d4d4d4; text-align: center;}
.main-section-01 .inner > div.state > .state-top .photo .title-wrap {margin-bottom: 25px;}
.main-section-01 .inner > div.state > .state-top .photo .date {display: table-cell; width: 76px; height: 82px; text-align: center; background: #005bad; box-sizing: border-box; vertical-align: middle;}
.main-section-01 .inner > div.state > .state-top .photo .date span {color: #fff; text-transform: uppercase;}
.main-section-01 .inner > div.state > .state-top .photo .date span strong {display: block; margin-bottom: 5px; font-size: 35px;}
.main-section-01 .inner > div.state > .state-top .photo .title {display: table-cell; padding-left: 20px; width: calc(100% - 76px); line-height: 1.4; font-size: 20px; font-weight: bold; color: #fff; box-sizing: border-box; vertical-align: middle;}
.main-section-01 .inner > div.state > .state-top .photo .cont {display: block; height: 120px; margin-bottom: 20px; line-height: 1.5; font-size: 20px; font-weight: 300; color: #555; overflow: hidden;}

.main-section-01 .inner > div.state ul.text {padding: 25px; border: 1px solid #d4d4d4; border-top: 0; box-sizing: border-box;}
.main-section-01 .inner > div.state ul.text li {position: relative; display: table; width: 100%; padding-left: 15px; line-height: 1; box-sizing: border-box;}
.main-section-01 .inner > div.state ul.text li:before {content: ""; position: absolute; left: 0; top: 50%; width: 5px; height: 5px; border-radius: 100%; transform: translateY(-50%); background: #005bad;}
.main-section-01 .inner > div.state ul.text li + li {margin-top: 15px;}
.main-section-01 .inner > div.state ul.text .title {display: table-cell; width: calc(100% - 130px); line-height: 1; font-size: 20px; color: #777;}
.main-section-01 .inner > div.state ul.text .title a {font-size: 20px; color: #777;}
.main-section-01 .inner > div.state ul.text .date {display: table-cell; width: 130px; line-height: 1; font-size: 18px; color: #777; text-align: right; text-transform: uppercase; vertical-align: middle;}
.main-section-01 .inner > div.state ul.text .date span {text-transform: uppercase;}

.main-section-01 .inner > div.state > .state-list {padding: 25px;}
.main-section-01 .inner > div.state > .state-list ul li {}

.main-section-01 .inner > div.twitter {}
.main-section-01 .inner > div.twitter h3 {margin-bottom: 20px; font-size: 35px; font-weight: bold; color: #212121; text-align: left;}
.main-section-01 .inner > div.twitter > div {padding: 25px; border: 1px solid #d4d4d4; height: 445px; box-sizing: border-box; overflow-y: scroll; transition: all 0.3s;}

.bullet-wrap {position: relative; padding: 120px 0; width: 100%; height: auto; background: url(/images/bullet_bg.png) center no-repeat; background-size: cover;}
.bullet-wrap h3 {margin-bottom: 50px; font-size: 35px; font-weight: bold; color: #000; text-align: center;}

.bullet-slider {max-width: 1400px; width: 100%; margin: 0 auto;}
.bullet-slider li {width: 100%; height: auto; overflow: hidden;}
.bullet-slider li > div {display: table;}
.bullet-slider li > div > div {position: relative; display: table-cell; width: 50%; height: 490px; vertical-align: middle; overflow: hidden; transition: all 0.3s;}
.bullet-slider li > div > div.img div {position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%);}
.bullet-slider li > div > div.img div img {width: 100%; height: 490px;}
.bullet-slider li > div > div.text {position: relative; padding: 0 7.5%; background: url(/images/bullet_box_bg.png) center no-repeat; background-size: cover;}
.bullet-slider li > div > div.text a > div:nth-child(1) {margin-bottom: 25px; color: #fff; transition: all 0.3s;}
.bullet-slider li > div > div.text a > div:nth-child(1) > span {display: table-cell; width: 68px; height: 68px; text-align: center; background: #003670; box-sizing: border-box; vertical-align: middle; text-transform: uppercase;}
.bullet-slider li > div > div.text a > div:nth-child(1) > span strong {display: block; margin-bottom: 3px; font-size: 32px; font-weight: 800;}
.bullet-slider li > div > div.text a > div:nth-child(1) > div {display: table-cell; padding-left: 20px; width: calc(100% - 68px); line-height: 1.6; font-size: 20px; font-weight: bold; color: #fff; vertical-align: middle;}
.bullet-slider li > div > div.text a > div:nth-child(2) {line-height: 1.6; font-size: 20px; font-weight: 300; color: #d1d0d0; transition: all 0.3s;}
.bullet-slider li > div > div.text a .plus-link {position: absolute; right: 30px; top: 30px;}
.bullet-wrap .bx-wrapper .bx-controls-direction a {z-index: 100;}

.news-wrap {position: relative; max-width: 1400px; width: 100%; height: 650px; margin: 0 auto; padding: 110px 0 140px; box-sizing: border-box; z-index: 10;}
.news-inner {width: calc(100% + 290px);}

.news-title {float: left; width: 350px; padding-top: 50px; box-sizing: border-box;}
.news-title h3 {margin-bottom: 15px; line-height: 1; font-size: 35px; font-weight: bold; color: #212121;}
.news-title div:nth-of-type(1) {line-height: 1.6; font-size: 20px; font-weight: 300; color: #555;}
.news-slider {position: relative; bottom: 0; float: left; width: calc(100% - 350px); z-index: 100; overflow: hidden;}
.news-slider ul {}
.news-slider ul li {float: left; margin-top: 90px; padding: 50px 25px; max-width: 350px; height: 310px; background: #fff; border: 1px solid #d4d4d4; box-sizing: border-box; transition: all 0.3s;}
.news-slider ul li.current {margin-top: 0; height: 400px; border-top: 2px solid #0055a2;}

.news-slider .slick-slide {margin: 0 10px;}
.news-slider ul div.slick-current li {margin-top: 0; height: 400px; border-top: 2px solid #0055a2;}

.news-slider ul li .title-wrap {margin-bottom: 25px;}
.news-slider ul li .title-wrap .date {display: table-cell; width: 76px; text-align: center; box-sizing: border-box; vertical-align: middle;}
.news-slider ul li .title-wrap .date span {display: table-cell; width: 76px; height: 82px; color: #fff; vertical-align: middle; text-transform: uppercase; background: #005bad;}
.news-slider ul li .title-wrap .date span strong {display: block; margin-bottom: 5px; font-size: 35px;}
.news-slider ul li .title-wrap .title {display: table-cell; padding-left: 20px; overflow: hidden; line-height: 1.4; font-size: 20px; font-weight: bold; color: #212121; box-sizing: border-box; line-height: 1.4; font-size: 20px; font-weight: 500; vertical-align: middle;}
.news-slider ul li .title-wrap .title span {display: table-cell; vertical-align: middle;}
.news-slider ul li .cont {display: block; height: 170px; line-height: 1.6; font-size: 20px; font-weight: 300; color: #555; overflow: hidden;}
.news-slider ul li .more-btn {text-align: center;}
.news-slider ul li .more-btn a {display: inline-block; padding-bottom: 8px; line-height: 1; font-size: 14px; font-weight: 500; color: #212121; border-bottom: 1px solid #818181;}
.news-slider ul li .cont {display: block; height: 100px; line-height: 1.6; font-size: 20px; font-weight: 300; color: #555; overflow: hidden;}
.news-slider ul li .more-btn {display: none;}
.news-slider ul li .more-btn a {display: inline-block; padding-bottom: 8px; line-height: 1; font-size: 14px; font-weight: 500; color: #212121; border-bottom: 1px solid #818181;}

.news-slider ul div.slick-current .cont {display: block; margin-bottom: 55px; height: 100px; line-height: 1.6; font-size: 20px; font-weight: 300; color: #555; overflow: hidden;}
.news-slider ul div.slick-current .more-btn {display: block; text-align: center;}
.news-slider ul div.slick-current .more-btn a {display: inline-block; padding-bottom: 8px; line-height: 1; font-size: 14px; font-weight: 500; color: #212121; border-bottom: 1px solid #818181;}

.news-slider .slick-track {margin-left: -185px;}

.news-wrap .bx-wrapper {background: none;}
.news-wrap .bx-wrapper .bx-controls {position: absolute; left: 0; top: 0; width: 88px; height: 44px;}
.news-wrap .bx-wrapper .bx-controls-direction a.bx-prev {left: 0; top: 0; margin-top: 0; }
.news-wrap .bx-wrapper .bx-controls-direction a.bx-next {right: 1px; top: 0; margin-top: 0; }

.news-controls {font-size: 0; margin-top: 70px;}
.news-controls > div {display: inline-block;}
.news-controls > .news-next {margin-left: -1px;}
.news-controls > .news-next {display: inline-block !important; font-size: 0; width: 44px; height: 44px; background: url(/images/news_slider_next.png) center no-repeat; cursor: pointer;}
.news-controls > .news-prev {display: inline-block !important; font-size: 0; width: 44px; height: 44px; background: url(/images/news_slider_prev.png) center no-repeat; cursor: pointer;}

.add-bg {position: absolute; left: 0; bottom: 0; width: 100%; height: 200px; background: #212121; z-index: 5;}

/* footer */
#footer {padding: 60px 0 50px; background: #252525; box-sizing: border-box;}
#footer .inner .left {float: left; display: table;}
#footer .inner .right {float: right;}
#footer .inner .right ul li {display: inline-block; vertical-align: top; opacity: 0.5;}
#footer .inner .right ul li + li {margin-left: 0;}
#footer .inner .right ul li + li:before {content: ""; display: inline-block; margin: 0 20px; width: 1px; height: 43px; background: url(/images/partner_line.png) center center no-repeat; vertical-align: top;}

.footer-logo {display: table-cell; margin-top: 5px; width: 186px; vertical-align: middle; opacity: 0.5;}

.footer-info {display: table-cell; padding-left: 30px; width: calc(100% - 186px); box-sizing: border-box; vertical-align: middle;}
.footer-info ul {margin-bottom: 15px; font-size: 0; opacity: 0.5;}
.footer-info ul li {display: inline-block;}
.footer-info ul li + li {margin-left: 12px;}
.footer-info {line-height: 1.6; font-size: 14px; color: rgba(255, 255, 255, 0.5);}

#footer .inner .right div {margin-bottom: 20px; font-size: 16px; font-weight: 400; color: rgba(255, 255, 255, 0.5);}

/* sub */
#cont1 {display: none !important;}

.section-content h4.sub-title {line-height: 1.6; font-size: 35px; font-weight: bold; text-transform: uppercase; color: #005ead;}
.section-content h4.sub-title:after {display: block; margin: 18px 0 32px; content: ""; width: 100%; height: 1px; background: #dcdcdc;}

.section-content h4.sub-title.sub-title-02 {min-height: 81px; padding-bottom: 25px; line-height: 1.6; font-size: 35px; font-weight: bold; text-transform: uppercase; color: #005ead; box-sizing: border-box;}
.section-content h4.sub-title.sub-title-02:after {display: none; margin: 18px 0 32px; content: ""; width: 100%; height: 1px; background: #dcdcdc;}

.section-content .content {line-height: 1.6; font-size: 20px; font-weight: 300; color: #666; word-break: keep-all;}

.sub-visual {position: relative; width: 100%; height: 340px;}
.sub-visual.sub-about-visual {background: url(/images/sub_about_visual.png) center center no-repeat; background-size: cover;}
.sub-visual.sub-state-visual {background: url(/images/sub_state_visual.png) center center no-repeat; background-size: cover;}
.sub-visual.sub-active-visual {background: url(/images/sub_active_visual.png) center center no-repeat; background-size: cover;}
.sub-visual.sub-news-visual {background: url(/images/sub_news_visual.png) center center no-repeat; background-size: cover;}
.sub-visual.sub-pub-visual {background: url(/images/sub_pub_visual.png) center center no-repeat; background-size: cover;}

.sub-visual > div {position: absolute; left: 50%; top: 50%; font-size: 40px; font-weight: bold; color: #fff;   text-transform: uppercase; transform: translate(-50%, -50%);}

.sub-visual-wrap {padding-top: 100px;}
.sub-visual-wrap .location-wrap {width: 100%; height: 60px; background: #212121; box-sizing: border-box;}
.sub-visual-wrap .location-wrap > div > ul > li {float: left; display: table; height: 60px; text-align: center; box-sizing: border-box;}
.sub-visual-wrap .location-wrap > div > ul > li:nth-child(1) {width: 36px; text-align: left; color: #fff;}
.sub-visual-wrap .location-wrap > div > ul > li:nth-child(1) > a {display: table-cell; vertical-align: middle; background: url(/images/home.png) left center no-repeat; background-size: 20px; opacity: 0.5}
.sub-visual-wrap .location-wrap > div > ul > li:nth-child(1) > a img {display: none;}
.sub-visual-wrap .location-wrap > div > ul > li:nth-child(2) {padding-left: 10px; width: 175px; text-align: left; background: url(/images/loc_arrow_right.png) left center no-repeat;}
.sub-visual-wrap .location-wrap > div > ul > li:nth-child(2) > a {display: table-cell; padding-left: 20px; font-size: 18px; text-transform: uppercase; color: #999; vertical-align: middle;}
.sub-visual-wrap .location-wrap > div > ul > li:nth-child(3) {padding-left: 10px; position: relative; width: 200px; text-align: left; background: url(/images/loc_arrow_right.png) left center no-repeat;}
.sub-visual-wrap .location-wrap > div > ul > li:nth-child(3) > a {display: table-cell; padding-left: 20px; font-size: 18px; text-transform: uppercase; color: #999; vertical-align: middle; white-space: nowrap;}


.sub-visual-wrap .location-wrap ul > li:nth-child(3) ul {display: none; position: absolute; left: 0; top: 55px; width: 100%; padding: 20px 10px; padding-left: 20px; background: #212121; border: 1px solid #5c5c5c; z-index: 20; box-sizing: border-box; transition: all 0.3s;}
/* .sub-visual-wrap .location-wrap ul > li:nth-child(3):hover ul {display: block;}
.sub-visual-wrap .location-wrap ul > li:nth-child(3) ul li + li {margin-top: 10px;}
.sub-visual-wrap .location-wrap ul > li:nth-child(3) ul li a {display: block; padding: 10px; font-size: 16px; font-weight: 300; color: #fff;} */

.sub-title-wrap {padding: 150px 0 120px; text-align: center;}
.sub-title-wrap h3.page-title {line-height: 1; font-size: 48px; font-weight: bold; color: #212121; text-transform: uppercase;}

.about-section-01 {padding-bottom: 100px;}
.about-section-01 .left {float: left; width: calc(50% - 15px)}
.about-section-01 .right {float: left; margin-left: 30px; width: calc(50% - 15px)}

.about-section-02 {padding: 100px 0; background: #f4f4f4;}
.about-section-02 .left {float: left; width: calc(50% - 35px)}
.about-section-02 .right {float: left; margin-left: 70px; width: calc(50% - 35px)}

.about-section-03 {padding: 100px 0;}
.about-section-03 .left {float: left; width: calc(50% - 35px)}
.about-section-03 .right {float: left; margin-left: 70px; width: calc(50% - 35px)}

.sub-search-wrap {margin-bottom: 20px;}
.sub-search {display: block; float: right;}
.sub-search div input {float: left; padding-left: 10px; width: 180px; height: 36px; border: 0; outline: none; border: 1px solid #d2d2d2; box-sizing: border-box;}
.sub-search div div {float: left;}
.sub-search div div a {display: inline-block; width: 100px; height: 36px; line-height: 34px; font-size: 15px; font-weight: 300; color: #fff; cursor: pointer; text-align: center; background: #313131;}



/* member list */
.sub_mem_new_gb {position: relative; margin-bottom: 150px; width: 1200px; height: 1200px; background: url(/images/member_bg.png) center top no-repeat;}
.sub_mem_new_gb a img {display: inline-block; vertical-align: top; transition: all 0.3s;}
.sub_mem_new_gb a div {display: inline-block; margin-left: 10px; line-height: 46px; font-size: 16px; color: #333; vertical-align: top; transition: all 0.3s;}
.sub_mem_new_gb a:hover div,
.sub_mem_new_gb a.on div {line-height: 41px; font-size: 20px; font-weight: bold; color: #7200ff;}
.sub_mem_new_gb a {position: absolute; transition: all 0.3s;}

.sub_mem_new_gb a:nth-child(1) {top: 83px; left: 420px;}
.sub_mem_new_gb a:nth-child(2) {top: 209px; left: 524px}
.sub_mem_new_gb a:nth-child(3) {top: 191px; left: 778px;}
.sub_mem_new_gb a:nth-child(4) {top: 183px; left: 668px;}
.sub_mem_new_gb a:nth-child(5) {top: 259px; left: 227px;}

.sub_mem_new_gb a:nth-child(6) {top: 368px; left: 227px;}
.sub_mem_new_gb a:nth-child(7) {top: 421px; left: 464px}
.sub_mem_new_gb a:nth-child(8) {top: 411px; left: 650px;}
.sub_mem_new_gb a:nth-child(9) {top: 514px; left: 284px;}
.sub_mem_new_gb a:nth-child(10) {top: 567px; left: 495px; z-index: 2;}

.sub_mem_new_gb a:nth-child(11) {top: 539px; left: 484px; z-index: 1;}
.sub_mem_new_gb a:nth-child(12) {top: 650px; left: 544px;}
.sub_mem_new_gb a:nth-child(13) {top: 856px; left: 806px;}
.sub_mem_new_gb a:nth-child(14) {width: 200px; top: 1030px; left: 1067px;}
.sub_mem_new_gb a:nth-child(15) {top: 460px; left: 530px;}
.sub_mem_new_gb a:nth-child(16) {top: 355px; left: 346px;}

.mem_s_list {position: relative; margin-bottom: 200px;}
.mem_s_list ul {padding-top: 50px; width: 100%; height: 450px; font-size: 0; border: 1px solid #d2d2d2; overflow-y: scroll;}
.mem_s_list ul li:nth-child(1) {position: absolute; top: -90px; left: 0; display: block; margin-bottom: 40px; padding-left: 50px; width: 100%; line-height: 90px; font-size: 26px; font-weight: 700; color: #003670; background: #e5eff7; border: 1px solid #005ead; border-width: 1px 0;}
.mem_s_list ul li:nth-child(1) a {color: #003670;}
.mem_s_list ul li:nth-child(1) span {display: inline-block;}
.mem_s_list ul li:nth-child(1) span:before {display: inline-block; margin: -2px 7.5px 0; content: ""; width: 10px; height: 2px; background: #003670; vertical-align: middle;}
.mem_s_list ul li:nth-child(1) ~ li {display: inline-block; width: 33.333%; padding: 0 50px; margin-bottom: 80px; box-sizing: border-box; vertical-align: top;}
.mem_s_list ul li:nth-child(1) ~ li a {display: block; margin-bottom: 10px; font-size: 20px; font-weight: 500; color: #212121;}
.mem_s_list ul li:nth-child(1) ~ li div {line-height: 1.6; font-size: 18px; font-weight: 300; color: #212121;}

.sub_mem_new_list2 .mem_s_list ul li:nth-child(1) ~ li {float: left; display: table; width: 50%; padding: 0 50px; margin-bottom: 80px; box-sizing: border-box; vertical-align: top;}
.sub_mem_new_list2 .mem_s_list ul li:nth-child(1) ~ li a > div {display: table-cell; padding-left: 45px; width: calc(100% - 190px); font-size: 20px; font-weight: 500; color: #212121; vertical-align: middle;}
.sub_mem_new_list2 .mem_s_list ul li:nth-child(1) ~ li a > div > div {margin-top: 10px; line-height: 1.6; font-size: 18px; font-weight: 300; color: #212121;}
.sub_mem_new_list2 .mem_s_list ul li:nth-child(1) ~ li span {display: inline-block; display: table-cell; width: 145px; height: 145px; box-sizing: border-box; border-radius: 100%; vertical-align: middle;}
.sub_mem_new_list2 .mem_s_list ul li:nth-child(1) ~ li span img {width: 145px; height: 145px; border-radius: 100%;  border: 1px solid #e5e5e5; box-sizing: border-box;}

.member-view-wrap {margin-bottom: 200px;}

.member-view-top > div {display: table-cell; vertical-align: middle;}
.member-view-top > div:nth-child(1) {width: 215px; height: 215px; box-sizing: border-box; overflow: hidden;}
.member-view-top > div:nth-child(1) a img {border-radius: 100%;}
.member-view-top > div:nth-child(1) a ~ * {display: none;}
.member-view-top > div:nth-child(1) img {width: 215px;}
.member-view-top > div:nth-child(2) {display: table-cell; padding-left: 45px; width: calc(100% - 215px); box-sizing: border-box; vertical-align: middle;}
.member-view-top > div:nth-child(2) > div {display: table-cell; vertical-align: middle;}
.member-view-top > div:nth-child(2) > div span:nth-child(1) {display: block; margin-bottom: 25px; line-height: 1; font-size: 35px; font-weight: bold; color: #003670;}
.member-view-top > div:nth-child(2) > div span:nth-child(2) {display: block; margin-bottom: 10px; font-size: 20px; font-weight: 500; color: #3c3c3c;}
.member-view-top > div:nth-child(2) > div span:nth-child(3) {line-height: 1.6; font-size: 18px; font-weight: 300; color: #555;}

.member-view-tab {margin: 60px auto; text-align: center; font-size: 0;}
.member-view-tab li {display: inline-block; width: 50%;}
.member-view-tab li a {display: inline-block; width: 100%; height: 74px; line-height: 72px; font-size: 20px; font-weight: bold; color: #003670; background: #f4f4f4; border-bottom: 1px solid #003670; box-sizing: border-box;}
.member-view-tab li:hover a,
.member-view-tab li.active a {color: #fff; background: #003670;}
.member-view-con > li {display: none;}
.member-view-con > li.active {display: block;}
.member-view-con li .member_a_list > div + div {margin-top: 30px;}
.member-view-con li .member_a_list p {float: left; width: 100px; line-height: 2; font-size: 20px; font-weight: 500; color: #222;}
.member-view-con li .member_a_list ul {float: left; width: calc(100% - 100px);}
.member-view-con li .member_a_list ul li {position: relative; padding-left: 10px; line-height: 1.6;}
.member-view-con li .member_a_list ul li + li {margin-top: 10px;}
.member-view-con li .member_a_list ul li:before {position: absolute; left: 0; top: 15px; display: inline-block; content: ""; width: 3px; height: 3px; background: #555555; border-radius: 100%; vertical-align: middle;}

.member-view-con li .member_a_list ul li a {font-size: 20px; font-weight: 300; color: #555;}

.member-view-con li .member-article p {line-height: 1.6; font-size: 20px; font-weight: 300; color: #555;}
.member-view-con li .member-article > * {line-height: 1.6 !important; font-size: 20px !important; font-weight: 300 !important; color: #555 !important;}

/* board */
.board-list > ul {border-top: 1px solid #e5e5e5;}
.board-list > ul > li {padding: 35px 0; border-bottom: 1px solid #e5e5e5;}
.board-list > ul > li .img {display: table-cell; width: 190px; vertical-align: middle;}
.board-list > ul > li .img img {width: 145px; height: 145px; border-radius: 100%; border: 1px solid #e5e5e5; box-sizing: border-box;}
.board-list > ul > li .content {display: table-cell; width: calc(100% - 190px); height: 147px; vertical-align: middle;}
.board-list > ul > li .content > div {display: table-cell; vertical-align: middle;}
.board-list > ul > li .content > div .tit {line-height: 36px; margin-bottom: 0; font-size: 25px; font-weight: bold; color: #212121;}
.board-list > ul > li .content > div .tit > a {font-size: 25px;}
.board-list > ul > li .content > div .tit a.arrow-link {margin-left: 10px;}
.board-list > ul > li .content > div .position {margin-top: 20px; line-height: 1.6; margin-bottom: 0; font-size: 25px; font-weight: 500; color: #3c3c3c;}
.board-list > ul > li .content > div .summary {display: none; line-height: 1.6; font-size: 25px; font-weight: 300; color: #555;}
.board-list > ul > li .content > div .summary > * {line-height: 1.6;}

.board-list > ul.board-list-02 {border-bottom: 1px solid #e5e5e5;}
.board-list > ul.board-list-02 > li {width: 100%; border-bottom: 1px solid #e5e5e5; }

.board-list > ul.board-list-03 {border-bottom: 1px solid #e5e5e5;}
.board-list > ul.board-list-03 > li {float: left; width: 50%; border-bottom: 0; transition: all 0.3s;}

/* statement list */
.table-wrap table {width: 100%; border-collapse: collapse;}
.table-wrap table thead tr th {height: 60px; line-height: 1; font-size: 20px; font-weight: 500px; color: #212121; background: #fff; border: 1px solid #212121; border-width: 2px 0 1px;}

.table-wrap table tbody tr td {height: 70px; text-align: center; border-bottom: 1px solid #e5e5e5;}
.table-wrap table tbody tr td.num {width: 80px; font-size: 20px; color: #3c3c3c;}
.table-wrap table tbody tr td.tit {line-height: 1.6; font-size: 20px; font-weight: 500; color: #212121; text-align: left; padding-left: 50px;}
.table-wrap table tbody tr td.down {width: 140px;}
.table-wrap table tbody tr td.date {width: 140px; font-size: 18px; font-weight: 300; color: #999; text-transform: uppercase;}
.table-wrap table tbody tr td.date span {text-transform: uppercase;}

.pagIng ul {margin: 30px auto 100px; text-align: center;}
.pagIng ul li {display: inline-block;}
.pagIng ul li + li {margin-left: 10px;}
.pagIng ul li a {display: block; padding: 8px; font-size: 20px; color: #999; width: 100%; height: 100%; border-bottom: 1px solid transparent;}
.pagIng ul li:hover a,
.pagIng ul li.active a {color: #003670; border-color: #003670;}

.state-slider-wrap {position: relative; margin-bottom: 100px; padding: 100px 0; width: 100%; overflow: hidden; background: #f5f5f5;}
.state-slider .bx-wrapper {margin-bottom: 0; background: none;}
.state-slider .bx-viewport {}
.state-slider {
    position: relative;
    width: 200%;
    right: 50%;
    transform: translateX(calc(50% - 935px));
    margin-left: -535px; 
}
.state-slider ul li.item {position: relative; float: left; margin-left: 135px; width: 800px !important; box-sizing: border-box;}

.state-slider ul li.item:after {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.5); }
.state-slider ul li.item.current:after {display: none;}

.state-slider ul li.item .slider-text {padding: 50px 60px; border: 1px solid #e8e8e8; border-width: 1px 1px 0; text-align: left; background: #fff;}
.state-slider ul li.item .slider-text div:nth-child(1) {min-height: 171px; margin-bottom: 30px; line-height: 1.6; font-size: 38px; font-weight: bold; color: #212121;}
.state-slider ul li.item .slider-text div:nth-child(2) {margin-bottom: 20px; line-height: 1; font-size: 20px; font-weight: 400; color: #999; text-transform: uppercase;}
.state-slider ul li.item .slider-text div:nth-child(2) span {display: inline-block; color: #212121;}
.state-slider ul li.item .slider-text div:nth-child(2) span:after {content: "|"; display: inline-block; margin: 0 5px 0 10px; font-size: 14px; color: #999; vertical-align: top;}
.state-slider ul li.item .slider-text div:nth-child(3) {line-height: 1.6; font-size: 20px; font-weight: 300; color: #555;}
.state-slider ul li.item .slider-btn {}
.state-slider ul li.item .slider-btn span {float: left; display: block; width: 50%; height: 70px; line-height: 68px; font-size: 20px; font-weight: bold; color: #fff; text-align: center;}
.state-slider ul li.item .slider-btn span a { display: block; width: 100%; height: 100%; color: #fff; text-transform: uppercase;}
.state-slider ul li.item .slider-btn span:nth-child(1) {border-radius: 0 0 0 20px; background: #005bad;}
.state-slider ul li.item .slider-btn span:nth-child(2) {border-radius: 0 0 20px 0; background: #003670;}

.state-slider-wrap .state-prev a {position: absolute; left: 50%; top: 50%; transform: translate(calc(-50% - 467.5px), calc(-50% - 60px)); display: block; font-size: 0; width: 18px; height: 30px; background: url(/images/state_prev.png) center no-repeat;}
.state-slider-wrap .state-next a {position: absolute; right: 50%; top: 50%; transform: translate(calc(-50% + 486.5px), calc(-50% - 60px)); display: block; font-size: 0; width: 18px; height: 30px; background: url(/images/state_next.png) center no-repeat;}
.state-slider-wrap .state-pager {max-width: 1200px; margin: 60px auto 0; font-size: 0; text-align: center; border: 0; outline: none;}
.state-slider-wrap .state-pager div {display: inline-block;}
.state-slider-wrap .state-pager div + div {margin-left: 10px;}
.state-slider-wrap .state-pager div a {display: inline-block; font-size: 0; width: 10px; height: 10px; background: #d2d2d2; border-radius: 100%;}
.state-slider-wrap .state-pager div a.active {width: 36px; background: #7d7d7d; border-radius: 10px;}

/* statement view */
.share-02 {font-size: 0; margin-left: -5px;}
.share-02 li {margin-left: 5px; display: inline-block;}

.view-title-wrap {margin-bottom: 60px; padding: 40px 0; border-top: 2px solid #333; border-bottom: 1px solid #d2d2d2;}
.view-title-wrap.view-title-wrap-02 {padding: 20px 0;}

.view-title-top {margin-bottom: 20px;}
.view-title-top > h2 {float: left; width: calc(100% - 200px); line-height: 1.6; font-size: 35px; font-weight: bold; color: #212121;}
.view-title-top > .share-wrap {float: right; margin-top: 10px;}

.view-title-top.view-title-top-02 {float: right; width: 55%; margin-bottom: 0;}
.view-title-top.view-title-top-02 > h2 {display: none; float: left; width: calc(100% - 200px); line-height: 1.6; font-size: 35px; font-weight: bold; color: #212121;}
.view-title-top.view-title-top-02 > .share-wrap {float: right; width: 100%; margin-top: 0;}
.view-title-top.view-title-top-02 > .share-wrap .share-inner {float: right; margin-left: 30px;}

.view-title-top.view-title-top-02 .view-down {float: right; line-height: 68px;}
.view-title-top.view-title-top-02 .view-down a {font-size: 20px;}
.view-title-top.view-title-top-02 .view-down a img {margin-left: 10px; margin-top: -5px; vertical-align: middle;}

.view-title-bottom > ul {float: left; width: calc(100% - 200px);}
.view-title-bottom > ul li {line-height: 1.5;}
.view-title-bottom > ul li:nth-child(1) span:nth-child(1) {display: table-cell; width: 150px; font-size: 20px; font-weight: 500; color: #3c3c3c;}
.view-title-bottom > ul li:nth-child(1) span:nth-child(2) {display: table-cell; font-size: 20px; font-weight: 300; color: #3c3c3c; word-break: break-all;}
.view-title-bottom > ul li:nth-child(2) span {display: inline-block; font-size: 20px; font-weight: 300; color: #3c3c3c; margin-right: 10px; text-transform: uppercase;}
.view-title-bottom > ul li + li {margin-top: 15px;}
.view-title-bottom > div {float: right; width: 200px; margin-top: 30px; margin-right: 0;}
.view-title-bottom > div a {font-size: 20px;}
.view-title-bottom > div a img {margin-left: 10px; margin-top: 2px;}

.view-title-bottom.view-title-bottom-02 {display: table; float: left; width: 45%; height: 69px;}
.view-title-bottom.view-title-bottom-02 > ul {float: none; display: table-cell; vertical-align: middle;}
.view-title-bottom.view-title-bottom-02 > ul li {display: inline-block; font-size: 18px; font-weight: 500; color: #3c3c3c; vertical-align: middle;}
.view-title-bottom.view-title-bottom-02 > ul li span {display: inline-block; font-size: 18px; font-weight: 300; color: #3c3c3c; margin-right: 10px;}
.view-title-bottom.view-title-bottom-02 > ul li + li {margin-top: 0;}
.view-title-bottom.view-title-bottom-02 > ul li + li:before {content: "|"; display: inline-block; margin: 0 25px; font-size: 16px; font-weight: 300; color: #999; vertical-align: top;}

/* policy view 추가 */
.policy-title-wrap {position: relative; margin-bottom: 80px; width: 100%; height: 400px; background: url(/images/policy_view_bg.png) center center no-repeat; background-size: cover;}
.policy-title-wrap > div {position: absolute; width: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center;}
.policy-title-wrap > div > span {margin-bottom: 25px; display: inline-block; width: 220px; height: 43px; line-height: 42px; font-size: 18px; font-weight: 400; color: #fff; border-radius: 21.5px; text-align: center; background: #0055a2;}
.policy-title-wrap > div span span {font-weight: bold;}
.policy-title-wrap > div h2 {margin-bottom: 20px; line-height: 1.6; font-size: 35px; font-weight: bold; color: #fff;}
.policy-title-wrap > div div {line-height: 1.6; font-size: 20px; font-weight: 300; color: #fff;}

.view-content-wrap {padding-bottom: 200px;}
.view-content-wrap div > * {line-height: 1.6; font-size: 20px;}
.view-content-wrap div p {line-height: 1.6; font-size: 20px; color: #555555;}

.view-content-wrap div embed {width: 100%; height: 1000px; overflow: hidden;}

/* books */
.books-slider-wrap {margin-bottom: 100px;}
.books-slider-wrap .bx-wrapper {}
.books-slider-wrap:before {content: ""; display: none; position: absolute; left: 0; top: 0; width: calc(((100% - 290px) / 2) - 10px); height: calc(100% - 70px); z-index: 99; background: rgba(0, 0, 0, 0.3);}
.books-slider-wrap:after {content: ""; display: none; position: absolute; right: 0; top: 0; width: calc(((100% - 290px) / 2) - 10px); height: calc(100% - 70px); z-index: 99; background: rgba(0, 0, 0, 0.3);}
.books-slider {position: relative; z-index: 100;}
.books-prev a {z-index: 100; position: absolute; left: -48px; top: 50%; transform: translateY(-50%); display: block; font-size: 0; width: 18px; height: 30px; background: url(/images/slider_prev_blk.png) center center no-repeat; cursor: pointer;}
.books-next a {z-index: 100; position: absolute; right: -48px; top: 50%; transform: translateY(-50%); display: block; font-size: 0; width: 18px; height: 30px; background: url(/images/slider_next_blk.png) center center no-repeat; cursor: pointer;}

.books-slider {}
/* .books-slider .bx-viewport {width: calc(100% + 10px) !important;} */
.books-slider > div a div:nth-child(1) {position: relative; height: 400px; overflow: hidden; vertical-align: middle; border: 1px solid #e5e5e5; border-bottom: 0;}
.books-slider > div a div:nth-child(1) img {width: 290px; height: 400px;}
.books-slider > div .text-wrap {padding: 25px 20px; border: 1px solid #e5e5e5;}
.books-slider > div .text-wrap .date {margin-bottom: 20px; display: block; line-height: 1; font-size: 16px; font-weight: 400; color: #999; text-transform: uppercase;}
.books-slider > div .text-wrap .tit {line-height: 1.6; font-size: 20px; font-weight: 700; color: #212121;}

.books-pager {text-align: center; font-size: 0;}
.books-pager div {display: inline-block;}
.books-pager div + div {margin-left: 10px;}
.books-pager div a {display: inline-block; font-size: 0; width: 10px; height: 10px; background: #d2d2d2; border-radius: 10px;}
.books-pager div a.active {width: 36px; background: #7d7d7d; border-radius: 10px;}

/* apln activities */

.event-upcoming {position: relative; margin-bottom: 60px;}
.event-upcoming .bx-wrapper {padding-right: 35px; max-width: 100% !important;}
.event-upcoming > div:nth-child(1) {font-size: 20px; font-weight: 500; color: #fff;}
.event-upcoming > div:nth-child(1) {float: left; width: 174px; height: 97px; line-height: 95px; font-size: 20px; font-weight: 500; color: #fff; background: #313131; text-align: center;}
.event-upcoming > div:nth-child(2) {float: left; padding-left: 80px; width: calc(100% - 174px); height: 97px; background: #fff; border: 1px solid #e8e8e8; box-sizing: border-box;}
.event-upcoming > div div div > ul > li a {display: block; width: 100%; padding: 30px 0; height: 94px; overflow: hidden;}
.event-upcoming > div div div > ul > li a div:nth-child(1) {float: left; width: calc(100% - 100px); line-height: 1.5; font-size: 22px; font-weight: 500; color: #212121; overflow: hidden; white-space: nowrap;}
.event-upcoming > div div div > ul > li a div:nth-child(2) {float: right; width: 100px;}
.event-upcoming > div div div > ul > li a div:nth-child(2) ul li {display: inline-block; margin-top: 5.5px; line-height: 22px; font-size: 18px; font-weight: 300; color: #999; text-transform: uppercase;}
.event-upcoming > div div div > ul > li a div:nth-child(2) ul li + li:before {margin: 0 15px; content: "|"; display: inline-block; font-size: 14px; font-weight: 300; color: #999; vertical-align: top;}

.upcoming-controls {position: absolute; left: 174px; top: 50%; width: 80px; transform: translateY(-50%);}
.upcoming-prev a {position: absolute; left: 50%; top: -25px; transform: translateX(-50%); display: block; width: 17px; height: 9px; font-size: 0; background: url(/images/slider_up.png) center no-repeat;}
.upcoming-next a {position: absolute; left: 50%; top: 25px; transform: translateX(-50%); display: block; width: 17px; height: 9px; font-size: 0; background: url(/images/slider_down.png) center no-repeat;}

.upcoming-controls .bar {position: absolute; margin-top: 4px; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 18px; height: 1px; background: #d2d2d2;}

.event-slider-wrap {position: relative; margin-bottom: 100px;}
.event-slider-wrap .bx-wrapper {background: none;}
.event-slider {position: relative; width: 100%;}
.event-slider .slider-item {position: relative; padding-bottom: 70px; background: #fff; box-sizing: border-box;}
.event-slider .slider-item > div {padding: 9px; border: 1px solid #e8e8e8;}
.event-slider .slider-item .img {height: 180px; overflow: hidden; background: #f9f9f9;}
.event-slider .slider-item .img img {width: 100%;}
.event-slider .slider-item .content {padding: 35px 30px;}
.event-slider .slider-item .content .tit {height: 78px; margin-bottom: 15px; line-height: 1.4; font-size: 26px; font-weight: bold; color: #212121; letter-spacing: -0.04em;}
.event-slider .slider-item .content .date {line-height: 1; font-size: 18px; font-weight: 400; color: #999; text-transform: uppercase;}
.event-slider .slider-item .btn-wrap {position: absolute; width: 100%; bottom: 0; left: 0;}
.event-slider .slider-item .btn-wrap ul {display: block; font-size: 0;}
.event-slider .slider-item .btn-wrap ul li {display: inline-block; width: 50%;}
.event-slider .slider-item .btn-wrap ul li a {display: block; padding: 27.5px 0; line-height: 1; font-size: 15px; font-weight: 300; color: #fff; text-align: center; text-transform: uppercase;}
.event-slider .slider-item .btn-wrap ul li a span {font-weight: 500;}
.event-slider .slider-item .btn-wrap ul li:nth-child(1) a {background: #005bad;}
.event-slider .slider-item .btn-wrap ul li:nth-child(2) a {background: #003670;}
.event-prev a {position: absolute; left: -48px; top: 50%; transform: translateY(-50%); display: block; font-size: 0; width: 18px; height: 30px; background: url(/images/slider_prev_blk.png) center center no-repeat;}
.event-next a {position: absolute; right: -48px; top: 50%; transform: translateY(-50%); display: block; font-size: 0; width: 18px; height: 30px; background: url(/images/slider_next_blk.png) center center no-repeat;}

.event-pager {text-align: center; font-size: 0;}
.event-pager div {display: inline-block;}
.event-pager div + div {margin-left: 10px;}
.event-pager div a {display: inline-block; font-size: 0; width: 10px; height: 10px; background: #d2d2d2; border-radius: 10px;}
.event-pager div a.active {width: 36px; background: #7d7d7d; border-radius: 10px;}

/* member activities */
.active-top-wrap {position: relative; margin-bottom: 100px; padding: 140px 0 100px; background: #f4f4f4;}
.active-tab {position: absolute; top: -180px; left: 50%; max-width: 700px; width: 100%; transform: translateX(-50%);}
.active-tab ul {text-align: center; font-size: 0;}
.active-tab ul li {display: inline-block; width: 350px;}
.active-tab ul li + li {margin-left: -1px;}
.active-tab ul li a {display: inline-block; max-width: 350px; width: 100%; padding: 30px; line-height: 1; font-size: 20px; font-weight: bold; color: #0055a2; background: #fff; border: 1px solid #0055a2; text-transform: uppercase;}
.active-tab ul li:hover a,
.active-tab ul li.active a {color: #fff; background: #0055a2;}

.active-list ul li + li {margin-top: 40px;}
.active-list ul li > div {margin-bottom: 20px; line-height: 1; font-size: 24px; font-weight: bold; color: #212121; text-transform: uppercase;}
.active-list ul li > a {width: 100%;}
.active-list ul li > a > div {display: table; width: 100%; padding: 50px; background: #fff; border: 2px solid #e8e8e8; box-sizing: border-box;}
.active-list ul li:hover > a > div,
.active-list ul li.active > a > div {border: 2px solid #0055a2;}
.active-list ul li:hover > a > div .tit,
.active-list ul li.active > a > div .tit {color: #0055a2;}

.active-list ul li > a div .tit {display: table-cell; line-height: 1.5; font-size: 30px; font-weight: bold; color: #212121; vertical-align: middle;}
.active-list ul li > a div .date {display: table-cell; height: 52px; vertical-align: middle;}
.active-list ul li > a div .date span {display: block; font-size: 20px; font-weight: 400; color: #999; text-align: right; text-transform: uppercase;}
.active-list ul li > a div .date span + span {margin-top: 20px; display: none;}

/* policy briefs */
.policy-category {margin-bottom: 60px;}
.policy-category ul {text-align: center; font-size: 0;}
.policy-category ul li {display: inline-block;}
.policy-category ul li + li {margin-left: 25px;}
.policy-category ul li a {line-height: 1.5; font-size: 20px; font-weight: bold; color: #666; transition: all 0.3s;}
.policy-category ul li:hover a,
.policy-category ul li:active a,
.policy-category ul li.active a {color: #0055a2;}

.policy-list > ul {border-top: 1px solid #d9d9d9;}
.policy-list > ul > li {display: table; width: 100%; padding: 35px 0; border-bottom: 1px solid #d9d9d9; box-sizing: border-box;}
.policy-list > ul > li div.num {display: table-cell; width: 100px; font-size: 20px; font-weight: bold; color: #666; vertical-align: middle; text-align: center;}
.policy-list > ul > li div.num span {display: inline-block; line-height: 1; padding-bottom: 10px; border-bottom: 1px solid #949494;}
.policy-list > ul > li div.content {display: table-cell; padding-left: 20px; width: calc(100% - 95px); box-sizing: border-box; vertical-align: middle;}
.policy-list > ul > li div.content .tit {margin-bottom: 20px;}
.policy-list > ul > li div.content .tit a {font-size: 20px;}
.policy-list > ul > li div.content ul {font-size: 0;}
.policy-list > ul > li div.content ul li {display: inline-block; font-size: 18px; font-weight: 300; color: #999; vertical-align: top; text-transform: uppercase;}
.policy-list > ul > li div.content ul li + li:before {content: ""; display: inline-block; margin: 4px 15px 0; width: 1px; height: 12px; background: #d9d9d9; vertical-align: top;}
.policy-list > ul > li div.content ul li span {margin-right: 10px; font-weight: 500;}

/* contact */
.contact-wrap {margin-bottom: 200px;}
.contact-wrap > iframe {max-width: 1200px; width: 100%; height: 500px;}
.contact-map {width: 970px; margin: 0 auto;}
.contact-section-01 {width: 100%; margin: 0 auto; padding: 40px 0; line-height: 1.6; font-size: 20px; font-weight: 300; color: #555; word-break: keep-all;}
.contact-section-line {margin: 0 auto 35px; width: 100%; height: 1px; background: #d9d9d9;}
.contact-section-02 {width: 100%; margin: 0 auto;}
.contact-section-02 ul li {line-height: 1; font-size: 20px; color: #555;}
.contact-section-02 ul li span {font-weight: 400;}
.contact-section-02 ul li + li {margin-top: 15px;}
.contact-section-02 .add_contact {line-height: 1.6;}

/* twitter */
.twi-list > ul > li + li {margin-top: 30px;}
.twi-list ul li a div.img {float: left; width: 50px; height: 50px;}
.twi-list ul li a div.text {float: left; padding-left: 20px; width: calc(100% - 50px)}
.twi-list ul li a div.text ul {margin-bottom: 10px;}
.twi-list ul li a div.text ul li {display: inline-block; line-height: 1.6;}
.twi-list ul li a div.text ul li:nth-child(1) {display: block; color: #000;}
.twi-list ul li a div.text ul li:nth-child(2) {font-size: 14px; color: #666;}
.twi-list ul li a div.text ul li:nth-child(3) {position: relative; margin-left: 5px; padding-left: 10px; font-size: 14px; color: #666;}

.twi-list ul li a div.text ul li:nth-child(3):after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 3px;
    height: 3px;
    border-radius: 100%;
    transform: translateY(-50%);
    background: #666;
}

.twi-list ul li a div.text div {line-height: 1.6;}

.search-inner {max-width: 1200px; margin: 150px auto;}

.mt-150 {margin-top: 150px;}
.mb-150 {margin-bottom: 150px;}
.search-result-wrap {margin-bottom: 150px;}
.search-result-wrap > div.cont {max-width: 500px; margin: 0 auto 40px; width: 100%; height: 75px; line-height: 75px; font-size: 40px; font-weight: 500; color: #212121; border-bottom: 1px solid #222;}
.search-result-wrap > div.cont input[type="text"] {float: left; padding-left: 10px; width: calc(100% - 75px); height: 75px; font-size: 40px; font-weight: 500; color: #212121; box-sizing: border-box; text-align: center; border: 0; border-bottom: 1px solid #222; border-radius: 0; appearance: none; -webkit-appearance: none; -ms-appearance: none; -moz-appearance: none;}
.search-result-wrap > div.cont input[type="text"]:focus {outline: none;}
.search-result-wrap > div.cont input[type="submit"] {float: left; width: 75px; height: 75px; background: url(/images/icon_search_blk.png) center center no-repeat; border: 0; cursor: pointer; font-size: 0;}
.search-result-wrap > div.cont input[type="submit"]:focus {outline: none;}

.search-list {max-width: 1200px; margin: 0 auto; padding-top: 30px; border-top: 1px solid #c6c6c6;}
.search-list ul li + li {margin-top: 30px;}
.search-list ul li div:nth-child(1) {float: left; width: calc(100% - 350px)}
.search-list ul li div:nth-child(1) a {line-height: 1.6; font-size: 20px;}
.search-list ul li div:nth-child(2) {float: right; width: 350px; line-height: 1.6; font-size: 18px; font-weight: 300; color: #999; text-align: right;}
.search-list ul li div:nth-child(2) span:nth-of-type(1) {display: inline-block; margin: 0 10px;}

.sort-list {float: right; text-align: right; margin-bottom: 10px;}
.sort-list select {border: 0; width: 120px; padding: 10px 5px; background: url(/images/arrow_down.png) right 5px center no-repeat;
    -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.sort-list select::-ms-expand { display: none; }

.result-text {font-size: 26px; font-weight: 400; color: #212121; text-align: center;}
.result-text span {color: #ff0000;}

.total {float: left; line-height: 36px; font-size: 18px; font-weight: 300; color: #212121;}

.table-wrap table thead {display: content;}
.table-wrap table thead tr th.pc {display: table-cell;}
.table-wrap table tbody tr td.pc {display: table-cell;}

@media screen and (max-width: 1399px) {
    .inner {padding: 0 20px; transition: all 0.3s;}
    .news-inner {padding: 0 20px; transition: all 0.3s;}

    .search-wrap {position: absolute; right: 20px;}
    .search-wrap.mobile {top: 20px;}
    .search-wrap.mobile .search {top: 30px;}

    .gnb-bg.mobile {display: none; position: fixed; left: 0; top: 65px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 1;}
    .gnb-wrap.mobile {display: none; overflow: hidden; position: relative; z-index: 999; background: #fff;}
    .gnb-wrap.active {}
    .gnb-down {padding: 40px 15px; border-top: 1px solid #ddd;}
    .gnb-down > ul {font-size: 0; text-align: left;}
    .gnb-down > ul > li {display: inline-block; width: 50%; padding-left: 15px; vertical-align: top;}
    .gnb-down > ul > li:nth-child(2) ~ li {margin-top: 50px;}
    .gnb-down > ul > li > a {display: inline-block; margin-bottom: 20px; font-size: 16px; font-weight: bold; color: #000;}
    .gnb-down > ul > li ul li + li {margin-top: 10px;}
    .gnb-down > ul > li ul li a {line-height: 1.4; font-size: 14px; font-weight: 300; color: #555;}
}

@media screen and (max-width: 1199px) {
    .pc {display: none;}
    .mobile {display: block;}

    .mb-150 {margin-bottom: 75px;}

    .skiptranslate {display: none;}

    .header-top {display: none !important;}
    #header {position: fixed; top: 0; height: 65px; text-align: center; overflow: visible;}
    #header:after {top: 65px;}
    #header .header {height: 65px; overflow: visible;}
    .logo {float: none; display: inline-block; line-height: 65px;}
    .logo a img {height: 23px;}

    #gnb > ul {display: none;}
    .gnb-btn {position: absolute; left: 20px; top: 50%; transform: translateY(-50%); cursor: pointer; transition: all 0.3s;}
    .gnb-btn a {display: block;}
    .gnb-btn a img {display: none;}
    .gnb-btn a img {height: 23px;}
    .gnb-btn a img:first-child {display: block;}
    .gnb-btn.active a img:first-child {display: none;}
    .gnb-btn.active a img:last-child {display: block;}

    .search-btn {display: none; position: absolute; right: 20px; top: 50%; transform: translateY(-50%);}
    .search-btn a img {height: 23px;}

    #container {padding-top: 65px;}
    .main-wrap {height: 540px;}
    .main-slider li {height: 540px;}
    .visual-text div:nth-child(1) {margin-bottom: 20px; max-width: 75%; font-size: 21px; line-height: 1.5;}
    .visual-text div:nth-child(2) {margin-bottom: 20px; max-width: 75%; font-size: 14px;}
    .visual-text div:nth-child(2) p {font-size: 14px !important;}
    .visual-text div:nth-child(2) p span {font-size: 14px !important;}
    .visual-text a img {height: 30px;}
    .main-pager {right: 50%; bottom: 15px; transform: translateX(50%);}
    .main-pager > a {padding: 0; width: 10px; height: 10px; font-size: 0; background: none; border: 1px solid #fff; box-sizing: border-box; border-radius: 100%;}
    .main-pager > a.active {background: #fff;}
    .main-pager > a + a {margin-left: 5px;}
    .main-pager > a span.num,
    .main-pager > a span.text {display: none;}

    .main-section-01 {padding: 50px 0;}

    .main-section-01 .inner > div.state h3 {font-size: 20px; transition: all 0.3s;}
    .main-section-01 .inner > div.state > .state-top {padding: 20px;}
    .main-section-01 .inner > div.state > .state-top .photo li {float: none; width: 100%; transition: all 0.3s;}
    .main-section-01 .inner > div.state > .state-top .photo li:nth-child(1) {margin-bottom: 20px; max-width: 100%; max-height: 100%; text-align: center; transition: all 0.3s;}
    .main-section-01 .inner > div.state > .state-top .photo li:nth-child(2) {margin-left: 0;}

    .main-section-01 .inner > div.state > .state-top .photo .title {font-size: 16px;}
    .main-section-01 .inner > div.state > .state-top .photo .date {width: 50px; height: 50px;}
    .main-section-01 .inner > div.state > .state-top .photo .date span {font-size: 12px;}
    .main-section-01 .inner > div.state > .state-top .photo .date span strong {font-size: 16px; margin-bottom: 0;}
    .main-section-01 .inner > div.state > .state-top .photo .cont {height: auto; font-size: 14px;}

    .main-section-01 .inner > div.state > .state-top .photo li:nth-child(2) .view span {margin-right: -1px;}
    .main-section-01 .inner > div.state > .state-top .photo li:nth-child(2) .view a {padding: 13px; width: 50%; height: auto; line-height: 1; font-size: 12px; box-sizing: border-box;}

    .main-section-01 .inner > div.state ul.text {padding: 20px;}
    .main-section-01 .inner > div.state ul.text .title {width: calc(100% - 80px);}
    .main-section-01 .inner > div.state ul.text .title a {font-size: 14px;}
    .main-section-01 .inner > div.state ul.text .date {width: 80px; font-size: 11px;}

    .main-section-01 .inner > div.twitter > div {height: 708px;}
    .main-section-01 .inner > div.twitter h3 {font-size: 20px; transition: all 0.3s;}

    .bullet-wrap h3 {margin-bottom: 20px; font-size: 20px; transition: all 0.3s;}
    .bullet-slider li > div > div {height: 350px;}
    .bullet-slider li > div > div.text a > div:nth-child(1) {margin-bottom: 15px; color: #fff;}
    .bullet-slider li > div > div.text a > div:nth-child(1) > span {width: 50px; height: 50px; font-size: 12px;}
    .bullet-slider li > div > div.text a > div:nth-child(1) > span strong {font-size: 16px;}
    .bullet-slider li > div > div.text a > div:nth-child(1) > div {font-size: 16px; width: calc(100% - 50px);}
    .bullet-slider li > div > div.text a > div:nth-child(2) {font-size: 14px;}

    .bullet-slider li > div > div.text a .plus-link.pc {display: block;}
    .bullet-slider li > div > div.text a .more-link.mobile {display: none;}

    .news-title h3 {font-size: 20px; transition: all 0.3s;}
    .news-title div:nth-of-type(1) {font-size: 16px;}

    .news-controls > .news-prev {width: 25px; height: 25px; background-size: cover;}
    .news-controls > .news-next {width: 25px; height: 25px; background-size: cover;}

    .news-wrap {padding: 55px 0 70px; height: 425px;}
    .news-slider ul div li {height: 350px; padding: 35px 20px;}
    .news-slider ul div.slick-current li {height: 350px;}
    .news-slider ul li .title-wrap .date {width: 50px;}
    .news-slider ul li .title-wrap .date span {width: 50px; height: 50px; font-size: 12px;}
    .news-slider ul li .title-wrap .date span strong {font-size: 16px;}
    .news-slider ul li .title-wrap .title {padding-left: 15px; font-size: 16px;}
    .news-slider ul div.slick-current .cont {font-size: 16px;}
    .news-slider ul div .cont {font-size: 16px;}
    .add-bg {height: 100px;}

    /* sub */
    .sub-visual-wrap {padding-top: 65px; transition: all 0.3s;}
    .sub-visual {padding: 0 20px; height: 150px; transition: all 0.3s;}
    .sub-visual > div {font-size: 16px;}
    .sub-visual-wrap .location-wrap {height: 40px;}
    .sub-visual-wrap .location-wrap > div > ul > li {height: 40px;}
    .sub-visual-wrap .location-wrap > div > ul > li:nth-child(1) {width: 30px;}
    .sub-visual-wrap .location-wrap > div > ul > li:nth-child(1) > a {font-size: 12px; background-size: 12px;}
    .sub-visual-wrap .location-wrap > div > ul > li:nth-child(2) {width: 120px; background-size: 6px;}
    .sub-visual-wrap .location-wrap > div > ul > li:nth-child(2) > a {padding-left: 10px; font-size: 12px;}
    .sub-visual-wrap .location-wrap > div > ul > li:nth-child(3) {width: 120px; background-size: 6px;}
    .sub-visual-wrap .location-wrap > div > ul > li:nth-child(3) > a {padding-left: 10px; font-size: 12px;}
    .sub-inner {padding: 0 20px;}

    .sub-title-wrap {padding: 50px 0; transition: all 0.3s;}
    .sub-title-wrap h3.page-title {font-size: 21px;}

    .about-section-01 {padding: 0 0 50px; transition: all 0.3s;}
    .about-section-02, .about-section-03 {padding: 50px 0; transition: all 0.3s;}
    .section-content h4.sub-title {font-size: 16px;}
    .section-content h4.sub-title:after {margin: 15px auto;}
    .section-content .content {font-size: 14px;}

    .section-content h4.sub-title.sub-title-02 {min-height: auto; padding-bottom: 15px; line-height: 1.5; font-size: 16px;}

    .board-list > ul > li {padding: 20px 0; transition: all 0.3s;}
    .board-list > ul > li .img {float: none; display: table-cell; width: 100px; vertical-align: middle; transition: all 0.3s;}
    .board-list > ul > li .img img { width: 100px; height: 100px;}
    .board-list > ul > li .content {float: none; display: table-cell; height: 102px; padding-left: 15px; width: calc(100% - 100px); vertical-align: middle; transition: all 0.3s;}
    .board-list > ul > li .content > div .tit {font-size: 15px;}
    .board-list > ul > li .content > div .position {margin-top: 10px; font-size: 13px;}
    .board-list > ul > li .content > div .summary {margin-top: 10px; font-size: 13px;}

    /* members */

    .contact-wrap {margin-bottom: 100px;}
    .contact-wrap > iframe {max-width: 1200px; width: 100%; height: 400px;}
    .contact-section-02 .add_contact {font-size: 13px;}

    #member-list-wrap {position: relative; top: 50px;}

    .mem_s_list {margin-bottom: 125px;}
    .mem_s_list ul {padding-top: 25px;}

    .member-select {margin-bottom: 30px;}
    .member-select select {padding-left: 10px; width: 100%; height: 40px; -webkit-appearance: none; appearance: none; box-sizing: border-box; background: url(/images/mobile/angle_down.png) center right 10px no-repeat; background-size: 25px; border-radius: 0;}
    .member-select select:focus {outline: none;}

    .mem_s_list ul li:nth-child(1) {top: -50px; line-height: 50px; margin-bottom: 20px; padding-left: 25px; font-size: 16px;}
    .mem_s_list ul li:nth-child(1) ~ li {width: 100%; padding: 0 25px; margin-bottom: 40px;}
    .mem_s_list ul li:nth-child(1) ~ li a {font-size: 15px;}

    .sub_mem_new_list2 .mem_s_list ul li:nth-child(1) ~ li {margin-bottom: 40px; width: 100%; padding: 0 25px;}
    .sub_mem_new_list2 .mem_s_list ul li:nth-child(1) ~ li span {width: 100px; height: 100px;}
    .sub_mem_new_list2 .mem_s_list ul li:nth-child(1) ~ li span img {width: 100px; height: 100px;}
    .sub_mem_new_list2 .mem_s_list ul li:nth-child(1) ~ li a > div {padding-left: 20px; width: calc(100% - 100px); font-size: 15px;}
    .sub_mem_new_list2 .mem_s_list ul li:nth-child(1) ~ li a > div > div {font-size: 13px;}

    /* statements */
    .state-slider {transform: translateX(calc(50% - 465px)); margin-left: -265px;}
    .state-slider-wrap {margin-bottom: 50px; padding: 0 0 50px;}
    .state-slider-wrap .state-next a {transform: translate(calc((-50% + 275px) - 23.5px), calc(-50% - 30px));}
    .state-slider-wrap .state-prev a {transform: translate(calc((-50% - 255px) + 23.5px), calc(-50% - 30px))}
    .state-slider ul li.item {width: 400px !important; margin-left: 65px;}
    .state-slider ul li.item .slider-text {padding: 25px 20px;}
    .state-slider ul li.item .slider-text div:nth-child(1) {min-height: 84px; margin-bottom: 15px; font-size: 18px;}
    .state-slider ul li.item .slider-text div:nth-child(2) {margin-bottom: 10px; font-size: 12px;}
    .state-slider ul li.item .slider-text div:nth-child(3) {min-height: 160px; font-size: 13px;}
    .state-slider ul li.item .slider-btn span {height: 40px; line-height: 38px; font-size: 12px; font-weight: 500;}
    .state-slider ul li.item .slider-btn span:nth-child(1) {border-radius: 0 0 0 10px;}
    .state-slider ul li.item .slider-btn span:nth-child(2) {border-radius: 0 0 10px 0;}

    /* activies */
    .sub-inner.mobile-bg {background: #f4f4f4;}
    .active-top-wrap {padding: 0 0 50px; margin-bottom: 50px;}
    .active-top-wrap .event-slider-wrap {margin-bottom: 0;}
    .active-tab {position: relative; top: 0; width: 100%; margin-bottom: 50px;}
    .active-tab ul li {width: 50%;}
    .active-tab ul li a {max-width: 100%; padding: 10px; font-size: 12px; font-weight: normal;}

    .active-list ul li + li {margin-top: 20px;}
    .active-list ul li > div {margin-bottom: 10px; font-size: 12px;}
    .active-list ul li > a > div {padding: 15px;}
    .active-list ul li > a div .tit {font-size: 16px;}
    .active-list ul li > a div .date {width: 70px;}
    .active-list ul li > a div .date span {font-size: 11px;}

    /* policy */
    .policy-category {margin-bottom: 30px;}
    .policy-category ul {width: calc(100% + 25px); margin-left: -25px;}
    .policy-category ul li {margin-left: 25px;}
    .policy-category ul li a {line-height: 2; font-size: 13px;}

    .policy-list > ul > li {padding: 15px 0;}
    .policy-list > ul > li div.num {width: 50px; font-size: 11px;}
    .policy-list > ul > li div.content {padding-left: 10px; width: calc(100% - 50px);}
    .policy-list > ul > li div.content .tit {margin-bottom: 10px;}
    .policy-list > ul > li div.content .tit a {line-height: 1.5; font-size: 13px;}
    .policy-list > ul > li div.content ul li {font-size: 12px;}

    /* books */
    .books-next a {width: 25px; height: 25px; right: 10px; background: url(/images/mobile/slider_next.png) center center no-repeat; background-size: cover;}
    .books-prev a {width: 25px; height: 25px; left: 10px; background: url(/images/mobile/slider_prev.png) center center no-repeat; background-size: cover;}

    .books-slider-wrap {overflow: hidden; margin-bottom: 50px;}
    .books-slider-wrap .bx-wrapper {margin-bottom: 30px;}
    .books-slider-wrap .bx-viewport {overflow: visible !important;}
    .books-slider-wrap:before {content: ""; display: block; position: absolute; left: 0; top: 0; width: calc(((100% - 580px) / 2) - 15px); height: calc(100% - 40px); z-index: 99; background: rgba(0, 0, 0, 0.3);}
    .books-slider-wrap:after {content: ""; display: block; position: absolute; right: 0; top: 0; width: calc(((100% - 580px) / 2) - 15px); height: calc(100% - 40px); z-index: 99; background: rgba(0, 0, 0, 0.3);}

    .books-slider > div .text-wrap {padding: 15px 20px;}
    .books-slider > div .text-wrap .date {font-size: 11px;}
    .books-slider > div .text-wrap .tit {font-size: 15px; min-height: 48px;}

    .event-next a {width: 25px; height: 25px; right: 10px; background: url(/images/mobile/slider_next.png) center center no-repeat; background-size: cover; z-index: 100;}
    .event-prev a {width: 25px; height: 25px; left: 10px; background: url(/images/mobile/slider_prev.png) center center no-repeat; background-size: cover; z-index: 100;}

    .event-slider-wrap {overflow: hidden; width: calc(100% + 40px); margin-left: -20px; margin-bottom: 50px;}
    .event-slider-wrap .bx-wrapper {margin-bottom: 30px;}
    .event-slider-wrap .bx-viewport {overflow: visible !important;}
    .event-slider-wrap:before {content: ""; display: block; position: absolute; left: 0; top: 0; width: calc(((100% - 720px) / 2) - 45px); height: calc(100% - 40px); z-index: 99; background: rgba(0, 0, 0, 0.3);}
    .event-slider-wrap:after {content: ""; display: block; position: absolute; right: 0; top: 0; width: calc(((100% - 720px) / 2) - 45px); height: calc(100% - 40px); z-index: 99; background: rgba(0, 0, 0, 0.3);}

    .event-slider .slider-item {padding-bottom: 42px;}
    .event-slider .slider-item .content {padding: 20px 15px;}
    .event-slider .slider-item .content .tit {font-size: 15px; height: 48px;}
    .event-slider .slider-item .content .date {font-size: 11px !important;}
    .event-slider .slider-item .btn-wrap ul li {font-size: 12px;}
    .event-slider .slider-item .btn-wrap ul li a {padding: 15px 0; font-size: 12px !important;}
    .event-slider .slider-item .btn-wrap ul li a span {font-size: 12px;}

    .upcoming-controls {left: 0; width: 40px;}
    .upcoming-controls .bar {display: none;}
    .upcoming-prev a {top: -33.5px; width: 100%; height: 33.5px; border: 1px solid #e5e5e5; box-sizing: border-box;}
    .upcoming-next a {top: 0; width: 100%; height: 33.5px; border: 1px solid #e5e5e5; border-top: 0; box-sizing: border-box;}
    .event-upcoming {margin-bottom: 30px;}
    .event-upcoming > div:nth-child(1) {display: none;}
    .event-upcoming > div:nth-child(2) {padding-left: 55px; width: 100%; height: 67px;}
    .event-upcoming > div div div > ul > li a {padding: 15px 0; height: 65px;}
    .event-upcoming > div div div > ul > li a div:nth-child(1) {font-size: 14px; width: 100%; margin-bottom: 0;}
    .event-upcoming > div div div > ul > li a div:nth-child(2) {float: none; font-size: 12px;}
    .event-upcoming > div div div > ul > li a div:nth-child(2) ul li {margin-top: 0; font-size: 12px;}

    .table-wrap table thead {display: none;}
    .table-wrap table thead tr th.pc {display: none;}
    .table-wrap table tbody tr td.pc {display: none;}

    .table-wrap table tbody tr td {padding: 15px 0; height: auto; border-top: 1px solid #e5e5e5;}
    .table-wrap table tbody tr td.num {width: 35px; font-size: 12px;}
    .table-wrap table tbody tr td.tit {padding: 15px 10px; font-size: 13px;}
    .table-wrap table tbody tr td.date {width: 80px; font-size: 11px;}

    .sub-search-wrap.mobile .sub-search {float: none; display: block; padding: 20px 20px 0; max-width: 400px; width: 100%; margin: 0 auto;}
    .sub-search-wrap.mobile .sub-search div div a {font-size: 13px; width: 80px;}
    .sub-search-wrap.mobile .sub-search div input {width: calc(100% - 80px); font-size: 14px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; border-radius: 0;}

    .pagIng ul {margin: 15px auto 50px;}
    .pagIng ul li a {font-size: 12px;}

    /* board view */
    .member-view-wrap {margin-bottom: 75px;}
    .member-view-top > div:nth-child(1) {width: 100px; height: 100px;}
    .member-view-top > div:nth-child(1) img {width: 100px;}
    .member-view-top > div:nth-child(2) {padding-left: 20px;}
    .member-view-top > div:nth-child(2) > div span:nth-child(1) {margin-bottom: 15px; font-size: 15px;}
    .member-view-top > div:nth-child(2) > div span:nth-child(2) {margin-bottom: 5px; line-height: 1.5; font-size: 13px;}
    .member-view-top > div:nth-child(2) > div span:nth-child(3) {font-size: 13px;}

    .member-view-tab {margin: 30px auto;}
    .member-view-tab li a {height: 37px; line-height: 35px; font-size: 13px;}

    .member-view-con li .member-article > * {font-size: 13px !important;}
    .member-view-con li .member_a_list p {width: 50px; font-size: 13px;}
    .member-view-con li .member_a_list ul {width: calc(100% - 50px);}
    .member-view-con li .member_a_list ul li:before {top: 12px;}
    .member-view-con li .member_a_list ul li a {font-size: 13px;}

    .view-content-wrap {padding-bottom: 75px;}
    .view-title-wrap {padding: 20px 0; margin-bottom: 30px;}
    .view-title-top > h2 {width: 100%; padding-right: 10px; font-size: 16px;}
    .view-title-top > .share-wrap {float: left; margin-top: 10px;}
    .view-title-bottom > ul li + li {margin-top: 7.5px;}
    .view-title-bottom > ul li:nth-child(1) span:nth-child(1) {width: 100px; font-size: 12px;}
    .view-title-bottom > ul li:nth-child(1) span:nth-child(2) {line-height: 1.5; font-size: 12px;}
    .view-title-bottom > ul li:nth-child(2) span {font-size: 12px;}
    .view-title-bottom > ul {width: 100%; margin-bottom: 10px;}
    .view-title-bottom > ul li {line-height: 1.5; font-size: 12px;}
    .view-title-bottom > div {float: none;}
    .view-title-bottom > div a {font-size: 13px;}
    .view-content-wrap div > * {font-size: 13px !important;}
    .view-content-wrap div p {font-size: 13px !important;}
    .view-content-wrap div span {font-size: 13px !important;}

    /* poilcy view */
    .policy-title-wrap {height: 270px;}
    .policy-title-wrap > div > span {width: 150px; height: 30px; line-height: 29px; font-size: 13px;}
    .policy-title-wrap > div h2 {padding: 0 20px; font-size: 16px; word-break: keep-all;}

    /* search */
    .search-inner {margin-top: 115px;}
    .search-result-wrap {margin-bottom: 75px;}
    .search-result-wrap > div.cont {max-width: 250px; margin-bottom: 20px; height: 35px; line-height: 35px; font-size: 20px;}
    .search-result-wrap > div.cont input[type="text"] {width: calc(100% - 35px); height: 35px; font-size: 20px;}
    .search-result-wrap > div.cont input[type="submit"] {width: 35px; height: 35px; background-size: 13px;}
    .result-text {font-size: 14px;}

    .sort {width: 100%; padding: 0 20px;}
    .sort .total {font-size: 13px; line-height: 33px;}
    .sort-list {margin-bottom: 5px;}
    .sort-list select {width: 100px; font-size: 13px;}
    .detail_left2 {position: relative; width: 100%; padding: 0 20px;}
    .search-list {padding-top: 15px;}
    .search-list ul li + li {margin-top: 15px;}
    .search-list ul li div:nth-child(1) {width: calc(100% - 120px); padding-right: 10px;}
    .search-list ul li div:nth-child(1) a {font-size: 13px;}
    .search-list ul li div:nth-child(2) {width: 120px; font-size: 11px;}
    .search-list ul li div:nth-child(2) span:nth-of-type(1) {font-size: 0; display: block;}
}

@media screen and (max-width: 1023px) {

    .main-section-01 .inner > div {float: none; display: block; width: 100%; transition: all 0.3s;}
    .main-section-01 .inner > div:nth-child(2) {padding-left: 0; margin-top: 50px; width: 100%;}

    .main-section-01 .inner > div.twitter > div {height: 400px;}

    .bullet-wrap {padding: 50px 0 0; background: #eaebf0;}
    .bullet-wrap .inner {padding: 0;}
    .bullet-slider li > div > div {display: block; width: 100%;}
    .bullet-slider li > div > div.text {display: table; padding: 0 20px; width: 100%; height: 320px;}
    .bullet-slider li > div > div.text a {display: table-cell; vertical-align: middle;}
    .bullet-slider li > div > div.text a > div:nth-child(2) {padding-bottom: 40px;}
    .bullet-slider li > div > div.img {height: 0; padding-bottom: 56.25%;}

    .bullet-slider li > div > div.text a .plus-link.pc {display: none;}
    .bullet-slider li > div > div.text a .more-link.mobile {display: block;}

    .more-link {position: absolute; left: 0; bottom: 0; width: 100%; padding: 20px; font-size: 13px; background: #fff; text-align: center; box-sizing: border-box;}
    .more-link:after {content: ""; display: inline-block; margin-left: 5px; width: 10px; height: 8.5px; background: url(/images/mobile/arrow_right.png) center center no-repeat; background-size: cover;}

    .news-wrap {height: 100%;}
    .news-inner {width: 100%; padding: 0 0;}
    .news-slider > img {text-align: center;}
    .news-slider .slick-slide {margin: 0 10px;}
    .news-slider ul li {position: relative; margin-top: 0; height: 400px; border-top: 2px solid #0055a2;}
    .news-slider ul div .cont {margin-bottom: 55px;}
    .news-slider ul li .more-btn {display: block;}
    .news-slider ul:before {content: ""; opacity: 1; display: inline-block; position: absolute; left: 0; top: 50%; width: 225px; height: 100%; background: rgba(0, 0, 0, 0.3); transition: all 0.3s; transform-origin: 50% 50%; transform: translate(0, -50%); z-index: 998;}
    .news-slider ul:after {content: ""; opacity: 1; display: inline-block; position: absolute; right: 0; top: 50%; width: 225px; height: 100%; background: rgba(0, 0, 0, 0.3); transition: all 0.3s; transform-origin: 50% 50%; transform: translate(0, -50%); z-index: 998;}
    .news-controls {margin-top: 0;}
    .news-controls > .news-prev {position: absolute; left: 20px; top: 50%; transform: translateY(calc(-50% + 42.5px)); z-index: 999;}
    .news-controls > .news-next {position: absolute; right: 20px; top: 50%; transform: translateY(calc(-50% + 42.5px)); z-index: 999;}
    .news-title > div:nth-of-type(1) {display: none;}

    .news-slider {float: none; width: 100%;}
    .news-title {float: none; width: 100%; padding: 0 20px; text-align: center;}
    .add-bg {display: none;}

    .footer-logo {display: block; margin: 0 0 15px 0;}
    .footer-logo img {height: 25px;}
    .footer-info {display: block; width: 100%; margin-bottom: 30px; padding-left: 0; font-size: 12px; word-break: keep-all;}
    .footer-info ul {position: absolute; right: 20px; top: 0;}
    .footer-info ul li a img {height: 18px;}
    #footer .inner .right {width: 100%; text-align: center;}
    #footer .inner .right div {font-size: 14px;}
    #footer .inner .right ul li + li:before {height: 30px;}
    #footer .inner .right ul li a img {height: 30px;}

    .about-section-01 .left {float: none; margin-bottom: 50px; width: 100%; transition: all 0.3s;}
    .about-section-01 .right {float: none; margin-left: 0; width: 100%; transition: all 0.3s;}

    .about-section-02 .left {float: none; margin-bottom: 50px; width: 100%; text-align: center; transition: all 0.3s;}
    .about-section-02 .right {float: none; margin-left: 0; width: 100%;}

    .about-section-03 .left {float: none; margin-bottom: 0; width: 100%; transition: all 0.3s;}
    .about-section-03 .right {float: none; margin-left: 0; width: 100%; transition: all 0.3s;}

    .about-section-03 .section-content h4.sub-title.sub-title-02 {padding-bottom: 25px;}
}

/* news-slider respond */
@media screen and (max-width: 840px) {
    .news-slider .slick-slide {position: relative;}
    .news-slider .slick-slide.slick-current li:after {content: ""; opacity: 1; display: none; position: absolute; left: 0; top: 50%; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); transition: all 0.3s; transform-origin: 50% 50%; transform: translate(0, -50%); z-index: 998;}
    .news-slider .slick-slide li:after {content: ""; opacity: 1; display: block; position: absolute; left: 0; top: 50%; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); transition: all 0.3s; transform-origin: 50% 50%; transform: translate(0, -50%); z-index: 998;}

    .news-slider ul:before {content: ""; opacity: 1; display: none; position: absolute; left: 0; top: 50%; width: 45px; height: 100%; background: rgba(0, 0, 0, 0.3); transition: all 0.3s; transform-origin: 50% 50%; transform: translate(0, -50%); z-index: 998;}
    .news-slider ul:after {content: ""; opacity: 1; display: none; position: absolute; right: 0; top: 50%; width: 45px; height: 100%; background: rgba(0, 0, 0, 0.3); transition: all 0.3s; transform-origin: 50% 50%; transform: translate(0, -50%); z-index: 998;}
}

@media screen and (max-width: 767px) {
    body {top: 0 !important;}

    .visual-text div:nth-child(1) {max-width: 100%;}
    .visual-text div:nth-child(2) {max-width: 100%;}

    .news-slider .slick-track {margin-left: -92.5px;}

    .board-list > ul.board-list-03 > li {width: 100%; transition: all 0.3s;}
    .board-list > ul > li .content {float: none; display: table-cell; height: 102px; padding-left: 20px; width: calc(100% - 100px); vertical-align: middle; transition: all 0.3s;}

    .contact-wrap {margin-bottom: 75px;}
    .contact-wrap > iframe {max-width: 1200px; width: 100%; height: 300px;}

    /* books */

    .books-slider-wrap:before {content: ""; display: block; position: absolute; left: 0; top: 0; width: calc(((100% - 250px) / 2) - 10px); z-index: 99; background: rgba(0, 0, 0, 0.3);}
    .books-slider-wrap:after {content: ""; display: block; position: absolute; right: 0; top: 0; width: calc(((100% - 250px) / 2) - 10px); z-index: 99; background: rgba(0, 0, 0, 0.3);}

    .books-slider > div a div:nth-child(1) {height: 345px;}

    .event-next a {width: 25px; height: 25px; right: 10px; background: url(/images/mobile/slider_next.png) center center no-repeat; background-size: cover;}
    .event-prev a {width: 25px; height: 25px; left: 10px; background: url(/images/mobile/slider_prev.png) center center no-repeat; background-size: cover;}

    .event-slider-wrap:before {content: ""; display: block; position: absolute; left: 0; top: 0; width: calc(((100% - 300px) / 2) - 20px); height: calc(100% - 40px); z-index: 99; background: rgba(0, 0, 0, 0.3);}
    .event-slider-wrap:after {content: ""; display: block; position: absolute; right: 0; top: 0; width: calc(((100% - 300px) / 2) - 20px); height: calc(100% - 40px); z-index: 99; background: rgba(0, 0, 0, 0.3);}

    /* statements */
    .state-slider {transform: translateX(calc(50% - 270px)); margin-left: -145px;}
    .state-slider-wrap {margin-bottom: 50px; padding: 0 0 50px;}
    .state-slider-wrap .state-pager {margin-top: 30px;}
    .state-slider-wrap:before {content: ""; display: block; position: absolute; left: 0; top: 0; width: calc(((100% - 250px) / 2) - 20px); height: calc(100% - 90px); z-index: 99; background: rgba(0, 0, 0, 0.3);}
    .state-slider-wrap:after {content: ""; display: block; position: absolute; right: 0; top: 0; width: calc(((100% - 250px) / 2) - 20px); height: calc(100% - 90px);z-index: 99;
    background: rgba(0, 0, 0, 0.3);}

    .state-slider-wrap .state-next a {width: 25px; height: 25px; right: 10px; background: url(/images/mobile/slider_next.png) center center no-repeat; background-size: cover; transform: translateY(calc(-50% - 45px)); z-index: 100;}
    .state-slider-wrap .state-prev a {width: 25px; height: 25px; left: 10px; background: url(/images/mobile/slider_prev.png) center center no-repeat; background-size: cover; transform: translateY(calc(-50% - 45px)); z-index: 100;}
    
    .state-slider ul li.item {width: 250px !important; margin-left: 20px;}
    .state-slider ul li.item:after {display: none;}
    .state-slider ul li.item .slider-text {padding: 25px 20px;}
    .state-slider ul li.item .slider-text div:nth-child(1) {min-height: 56px; margin-bottom: 15px; font-size: 18px;}
    .state-slider ul li.item .slider-text div:nth-child(2) {margin-bottom: 10px; font-size: 12px;}
    .state-slider ul li.item .slider-text div:nth-child(3) {font-size: 13px;}
    .state-slider ul li.item .slider-btn span {height: 40px; line-height: 38px; font-size: 12px; font-weight: 500;}
}

@media screen and (max-width: 639px) {
    .visual-text div:nth-child(1) {max-width: 100%;}
    .visual-text div:nth-child(2) {max-width: 100%;}

    .news-controls > .news-prev {left: 10px; transform: translateY(calc(-50% + 10px));}
    .news-controls > .news-next {right: 10px; transform: translateY(calc(-50% + 10px));}

    .news-slider .slick-slide li:after {content: ""; opacity: 1; display: none; position: absolute; left: 0; top: 50%; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); transition: all 0.3s; transform-origin: 50% 50%; transform: translate(0, -50%); z-index: 998;}

    .news-slider ul:before {content: ""; opacity: 1; display: inline-block; position: absolute; left: 0; top: 50%; width: 45px; height: 100%; background: rgba(0, 0, 0, 0.3); transition: all 0.3s; transform-origin: 50% 50%; transform: translate(0, -50%); z-index: 998;}
    .news-slider ul:after {content: ""; opacity: 1; display: inline-block; position: absolute; right: 0; top: 50%; width: 45px; height: 100%; background: rgba(0, 0, 0, 0.3); transition: all 0.3s; transform-origin: 50% 50%; transform: translate(0, -50%); z-index: 998;}
    .news-slider .slick-track {margin-left: 0;}
    .news-slider .slick-slide {margin: 0 5px;}
    .news-slider ul li {max-width: 100%;}
    
}

@media screen and (max-width: 419px) {
    .event-slider-wrap:before {content: ""; display: block; position: absolute; left: 0; top: 0; width: calc(((100% - 250px) / 2) - 20px); height: calc(100% - 40px); z-index: 99; background: rgba(0, 0, 0, 0.3);}
    .event-slider-wrap:after {content: ""; display: block; position: absolute; right: 0; top: 0; width: calc(((100% - 250px) / 2) - 20px); height: calc(100% - 40px); z-index: 99; background: rgba(0, 0, 0, 0.3);}
}