/* import */
@import url(https://cdn.rawgit.com/kattergil/NotoSerifKR-Web/76eb9ebf/stylesheet/NotoSerif-Web.css);
.noto {font-family:'Noto Serif KR', serif !important;}

/* common */
* {letter-spacing:-0.5px;}
select {appearance:none; -webkit-appearance:none; outline:0;}
input {outline:0;}

/* container */
.container {max-width:1500px; padding:0 10px; margin:0 auto; font-size:1em;}
@media (max-width:991px){
.container {padding:0 15px;}
}

/* animations */
@keyframes menu {
	from {right:-250px;}
	to {right:0;}
}

/* header */
header {position:relative; z-index:100;}
header .box {background:#313131;}
header .box .container {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
header .box .gnb {display:flex;}
header .box .gnb ul {display:flex; flex-wrap:wrap; align-items:center;}
header .box .gnb ul li > a {font-size:21px; font-weight:500; color:#fff; padding:20px 40px; display:block;}
header .box .gnb ul li > a:hover {color:#08c168;}
header .box .gnb ul li.login a {display:flex; flex-wrap:wrap; align-items:center;}
header .box .gnb ul li.login a:before {display:inline-block; content:""; width:20px; height:20px; background:url('../img/icon_user.png') no-repeat center / cover; margin-right:10px;}
header .box .gnb .gnb-head {display:none;}
header .box .menu {display:none;}
header .box .gnb .util-menu {display:flex; gap:20px; margin-left:20px;}
header .box .gnb .util-menu a {color:#fff; font-size:0.9em; display:flex; align-items:center;}
header .box .gnb .util-menu a.login::before {content:""; display:inline-block; width:20px; height:20px; background:url('../img/icon_user.png') no-repeat center  / 15px; margin-right:5px;}

@media (max-width:1500px){
header .box .gnb {}
header .box .gnb ul li > a {padding:20px;}
}
@media (max-width:1200px){
header .box .gnb {flex-flow: column-reverse; align-items: end;}
header .box .gnb ul li > a {padding:10px 20px;}
header .box .gnb .util-menu {margin:10px 15px 0; }
}
@media (max-width:991px){
header .container {height:55px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding-left:0;}
header .box h1 a img {width:190px; position:relative; top:3px; left: 10px;}

header .box .gnb {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:9999;}
header .box .gnb .box {display:block; position:absolute; right:-250px; top:0; width:250px; height:100%; overflow-y:auto; background:#171717;}
header .box .gnb .box ul li {width:100%;}
header .box .gnb .box ul li > a {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:10px 15px; font-size:1.13em; border-bottom:1px solid #3c3c3c;}
header .box .gnb .box ul li > a:after {display:inline-block; content:""; width:14px; height:9px; background:url('../img/icon_up_white.png') no-repeat center / cover; transform:rotate(90deg);}
header .box .gnb ul li.login a:before {display:none;}
header .box .gnb .gnb-head {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; background:#313131;}
header .box .gnb .gnb-head h2 {flex:1; min-width:0;}
header .box .gnb .gnb-head h2 a img {max-width:170px; width: 100%; position:relative; top:3px; left: 10px;}
header .box .gnb .gnb-head h2 a img.eastsea {width:170px;}
header .box .gnb .gnb-head > a {width:55px; height:55px; background:#313131; font-size:0; position:relative;}
header .box .gnb .gnb-head > a:after {position:absolute; left:50%; top:50%; width:30px; height:2px; background:#fff; content:""; transform:translate(-50%,-50%) rotate(45deg);}
header .box .gnb .gnb-head > a:before {position:absolute; left:50%; top:50%; width:30px; height:2px; background:#fff; content:""; transform:translate(-50%,-50%) rotate(-45deg);}
header .box .gnb.fixed {display:block;}
header .box .gnb.fixed .box {animation-name:menu; animation-duration:0.5s; animation-fill-mode:forwards;}
header .box .menu {transition:all ease 0.5s; display:block; position:relative; width:28px; height:23px; border:2px solid #fff; border-width:2px 0; font-size:0;}
header .box .menu:after {position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; height:2px; background:#fff; content:"";}
header .box .gnb .util-menu {position:absolute; right: -250px; top: 340px; justify-content: center;}
header .box .gnb.fixed .util-menu {animation-name:menu; animation-duration:0.5s; animation-fill-mode:forwards;}
}

/* footer */
footer .footer-top {background:#171717;}
footer .footer-top .container {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
footer .footer-top .footer-top-link ul {display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-top .footer-top-link ul li {display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-top .footer-top-link ul li:after {display:inline-block; content:""; width:1px; height:9px; background:#fff; margin:0 20px;}
footer .footer-top .footer-top-link ul li:last-of-type:after {display:none;}
footer .footer-top .footer-top-link ul li a {font-size:1em; color:#fff;}
footer .footer-top .footer-top-link ul li:last-of-type a {color:#ffd9bd;}
footer .footer-top .footer-top-guide ul {display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-top .footer-top-guide ul li.familysite {z-index:10; position:relative;}
footer .footer-top .footer-top-guide ul li.familysite > a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:190px; height:60px; font-size:1em; color:#fff; background:#3e3e3e;}
footer .footer-top .footer-top-guide ul li.familysite > a:after {transition:all ease 0.5s; display:inline-block; content:""; width:14px; height:9px; background:url('../img/icon_up_white.png') no-repeat center / cover; margin-left:20px;}
footer .footer-top .footer-top-guide ul li.familysite > dl {display:none; position:absolute; left:0; bottom:60px; width:100%; background:#fff; border:1px solid #3e3e3e;}
footer .footer-top .footer-top-guide ul li.familysite > dl dd a {display:block; padding:7px 10px; font-size:14px; border-bottom:1px solid #eee;}
footer .footer-top .footer-top-guide ul li.familysite > dl dd a:hover {background:#eee;}
footer .footer-top .footer-top-guide ul li.familysite.active > a:after {transform:rotate(180deg);}
footer .footer-top .footer-top-guide ul li.top a {width:60px; height:60px; font-size:1em; color:#fff; display:flex; flex-wrap:wrap; align-items:center; align-content:center; justify-content:center;}
footer .footer-top .footer-top-guide ul li.top a:before {display:block; content:""; width:100%; height:9px; margin:0 0 2px; background:url('../img/icon_up_white.png') no-repeat center / 14px 9px;}
footer .footer-bottom {background:#3e3e3e; padding:38px 0;}
footer .footer-bottom .copyright {margin:20px 0 0;}
footer .footer-bottom .copyright p {font-size:1em; color:#e2e2e2;}
footer .footer-bottom ul {margin:15px 0 0;}
footer .footer-bottom ul li {display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-bottom ul li > b {width:210px; font-size:1em; font-weight:500; color:#fff;}
footer .footer-bottom ul li .image {width:155px;}
footer .footer-bottom ul li .info dl {display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-bottom ul li .info dl dd {display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-bottom ul li .info dl dd b {font-size:15px; color:#dcdcdc; display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-bottom ul li .info dl dd b:after {display:inline-block; content:""; width:1px; height:9px; margin:0 10px; background:#dcdcdc;}
footer .footer-bottom ul li .info dl dd p {font-size:15px; color:#fff; margin-right:20px;}
footer .footer-bottom.sub ul li {align-items:center;}
footer .footer-bottom.sub ul li .image {width:auto; margin-right:20px;}
@media (max-width:991px){
footer .footer-top .footer-top-link {width:100%; order:2;}
footer .footer-top .footer-top-link ul li {width:50%;}
footer .footer-top .footer-top-link ul li:after {display:none;}
footer .footer-top .footer-top-link ul li a {display:block; text-align:center; padding:10px 0; width:100%;}
footer .footer-top .footer-top-guide {width:calc(100% + 30px); order:1; margin:0 -15px;}
footer .footer-top .footer-top-guide ul li.familysite {flex:1; min-width:0;}
footer .footer-top .footer-top-guide ul li.familysite > a {width:100%; height:50px; font-size:15px;}
footer .footer-top .footer-top-guide ul li.familysite > dl {bottom:50px;}
footer .footer-top .footer-top-guide ul li.top a {width:50px; height:50px; font-size:14px;}
footer .footer-bottom .copyright {margin:25px 0 0;}
footer .footer-bottom .copyright p {font-size:14px; text-align:center; color:#999;}
footer .footer-bottom h2 img {display:block; margin:0 auto;}
footer .footer-bottom ul li {margin:0 0 20px;}
footer .footer-bottom ul li:last-of-type {margin:0;}
footer .footer-bottom ul li > b {width:auto;}
footer .footer-bottom ul li .info {width:100%; margin:5px 0 0;}
footer .footer-bottom ul li .info dl dd {width:100%;}
footer .footer-bottom ul li .info dl dd b {font-size:13px;}
footer .footer-bottom ul li .info dl dd b:after {margin:0 5px;}
footer .footer-bottom ul li .info dl dd p {font-size:13px; margin-right:0;}
}

/* main */
.main-wrap .main-control {display:flex; flex-wrap:wrap; align-items:center;}
.main-wrap .main-control .swiper-button-prev {position:static; margin:0; width:56px; height:30px; background:url('../img/icon_swiper_prev2.png') no-repeat center / cover;}
.main-wrap .main-control .swiper-button-next {position:static; margin:0; width:56px; height:30px; background:url('../img/icon_swiper_next2.png') no-repeat center / cover;}
.main-wrap .main-control .swiper-pagination {width:auto; font-size:1.13em; color:#000; font-weight:500; padding:0 20px; position:relative; top:-1px;}
.main-wrap .main-control .swiper-pagination span {font-size:1.13em; color:#000; font-weight:500;}
.main-wrap .main-title h2 {text-align:center; font-size:40px; font-weight:bold; color:#000;}
.main-wrap .main-title h3 {text-align:center; font-size:24px; font-weight:500; color:#009d52;}
.main-wrap .main-title p {font-size:1.13em; color:#717171; margin:10px 0 0;}
.main-wrap .main-title.flex {align-items:baseline;}
.main-wrap .main-title.flex h3 {margin-left:20px;}
.main-wrap .main-video {padding:90px 0;}
.main-wrap .main-video .swiper-container {padding:60px 0;}
.main-wrap .main-video .swiper-container img{width: 100%; max-height: 280px;}
.main-wrap .main-video .swiper-button-prev {left:25.5%; transform:translateY(-50%); width:86px; height:86px; background:url('../img/icon_swiper_prev.png') no-repeat center / cover;}
.main-wrap .main-video .swiper-button-next {right:25.5%; transform:translateY(-50%); width:86px; height:86px; background:url('../img/icon_swiper_next.png') no-repeat center / cover;}
.main-wrap .main-video ul li {transition:all ease 0.5s; width:33.33%; transform:scale(0.8);}
.main-wrap .main-video ul li .iframe-box {transition:all ease 0.5s; position:relative; overflow:hidden;}
.main-wrap .main-video ul li .iframe-box:after {display:block; content:""; padding-bottom:69%;}
.main-wrap .main-video ul li .iframe-box iframe {position:absolute; left:0; top:0; width:100%; height:100%;}
.main-wrap .main-video ul li p {transition:all ease 0.5s; text-align:center; margin:20px 0 0; font-weight:500; opacity:0;}
.main-wrap .main-video ul li.swiper-slide-active {transform:scale(1.3); z-index:10; margin:1% 0 0;}
.main-wrap .main-video ul li.swiper-slide-active .iframe-box:after {padding-bottom:56.5%;}
.main-wrap .main-video ul li.swiper-slide-active p {opacity:1;}
.main-wrap .main-search {background:#e8eeeb; padding:90px 0 45px;}
.main-wrap .main-search .search-title {margin:0 0 40px;}
.main-wrap .main-search .search-title div {display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:center;}
.main-wrap .main-search .search-title div b {font-size:58px; font-weight:bold; color:#000; margin-left:15px;}
.main-wrap .main-search .search-title p {text-align:center; font-size:24px; color:#000; margin:10px 0 0;}
.main-wrap .main-search .search-form {width:585px; margin:0 auto;}
.main-wrap .main-search .search-form form {padding:0 15px; background:#fff; border:2px solid #000; border-radius:50px; overflow:hidden; display:flex; flex-wrap:wrap; align-items:center;}
.main-wrap .main-search .search-form form input {flex:1; min-width:0; height:60px; padding:0 20px; font-size:1em; color:#000; outline:0;}
.main-wrap .main-search .search-form form input::placeholder {color:#595959;}
.main-wrap .main-search .search-form form select {font-size:1em; height:60px; outline:0; padding-right:20px; color:#2f2f2f; background:url('../img/icon_select.png') no-repeat right center / 27px 26px; appearance:none; -webkit-appearance:none;}
.main-wrap .main-search .search-form form select option {font-size:14px;}
.main-wrap .main-search .search-form form .submit {width:60px; height:60px; font-size:0; background:url('../img/icon_search.png') no-repeat center / 30px;}
.main-wrap .main-result {margin:0; position:relative; background:#fcfcfc;}
.main-wrap .main-result:before {position:absolute; left:0; top:0; width:100%; height:60%; background:#e8eeeb; content:"";}
.main-wrap .main-result .result-title {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; position:relative;}
.main-wrap .main-result ul li {transition:all ease 0.5s; transform:scale(0.88);}
.main-wrap .main-result ul li a {display:flex; flex-wrap:wrap; position:relative;}
.main-wrap .main-result ul li a .list-image {transition:all ease 0.5s; filter:grayscale(200%); border-radius:15px; width:100%; position:relative; overflow:hidden; background-size:cover; background-position:center;}
.main-wrap .main-result ul li a .list-image:before {transition:all ease 0.5s; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); content:"";}
.main-wrap .main-result ul li a .list-image:after {transition:all ease 0.5s; display:block; content:""; padding-bottom:100%;}
.main-wrap .main-result ul li a .list-content {position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; text-align:center;}
.main-wrap .main-result ul li a .list-content b {transition:all ease 0.5s; font-size:25px; font-weight:bold; color:#fff; display:block;}
.main-wrap .main-result ul li a .list-content span {transition:all ease 0.5s; opacity:0; font-size:1em; color:#fff; text-decoration:underline;}
.main-wrap .main-result ul li:hover a .list-image {filter:none;}
.main-wrap .main-result ul li:hover a .list-content b {color:#27d884;}
.main-wrap .main-result ul li:hover a .list-content span {opacity:1;}
.main-wrap .main-result .swiper-container {padding:30px 0;}
.main-wrap .main-result .swiper-slide-active {transform:scale(1); z-index:10;}
.main-wrap .main-logo {background:#fff; padding:30px 0; box-shadow:0 -5px 10px rgba(0,0,0,0.03);}
.main-wrap .main-logo ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.main-wrap .main-map {background:#fcfcfc; padding:50px 0 100px;}
.main-wrap .main-map .swiper-slide {background:#fcfcfc;}
.main-wrap .main-map .main-map-box {display:flex; flex-wrap:wrap;}
.main-wrap .main-map .main-map-box .main-map-image {flex:1; min-width:0;}
.main-wrap .main-map .main-map-box .main-map-image img {display:block; max-width:100%;}
.main-wrap .main-map .main-map-box .main-map-content {margin:50px 0 0; padding-left:50px;}
.main-wrap .main-map .main-map-box .main-map-content .content-head {display:flex; flex-wrap:wrap; justify-content:space-between;}
.main-wrap .main-map .main-map-box .main-map-content .content-head .main-title h2 {text-align:left;}
.main-wrap .main-map .main-map-box .main-map-content .content-head .main-control {position:relative; top:-15px;}
.main-wrap .main-map .main-map-box .main-map-content .content-body {margin:25px 0 0;}
.main-wrap .main-map .main-map-box .main-map-content .content-body .more {display:flex; flex-wrap:wrap;}
.main-wrap .main-map .main-map-box .main-map-content .content-body .more a {height:45px; padding:0 37px 4px; border-radius:50px; background:#009d52; color:#fff; font-size:1.13em; line-height:1; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.main-wrap .main-map .main-map-box .main-map-content .content-body .more a:after {display:inline-block; content:""; margin-left:5px; width:10px; height:10px; background:url('../img/icon_more.png') no-repeat center / cover; position:relative; top:1px;}
.main-wrap .main-map .main-map-box .main-map-content .content-body .list {margin:30px 0 0; padding:30px; border:1px solid #00a542; border-radius:5px;}
.main-wrap .main-map .main-map-box .main-map-content .content-body .list .list-head {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.main-wrap .main-map .main-map-box .main-map-content .content-body .list .list-head h3 {font-size:26px; font-weight:bold; color:#009d52;}
.main-wrap .main-map .main-map-box .main-map-content .content-body .list .list-head a {width:22px; height:22px; font-size:0; position:relative;}
.main-wrap .main-map .main-map-box .main-map-content .content-body .list .list-head a:after {position:absolute; left:50%; top:0; width:2px; height:100%; background:#000; content:""; transform:translateX(-50%);}
.main-wrap .main-map .main-map-box .main-map-content .content-body .list .list-head a:before {position:absolute; left:0; top:50%; width:100%; height:2px; background:#000; content:""; transform:translateY(-50%);}
.main-wrap .main-map .main-map-box .main-map-content .content-body .list .list-body {margin:25px 0 0; max-height: 227px; overflow: hidden;}
.main-wrap .main-map .main-map-box .main-map-content .content-body .list .list-body ul li a {padding:15px 0; padding-left:15px; font-size:1.13em; color:#000; border-bottom:1px solid #e5e5e5; position:relative; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main-wrap .main-map .main-map-box .main-map-content .content-body .list .list-body ul li a:before {position:absolute; left:0; top:50%; transform:translateY(-50%); content:""; width:5px; height:5px; background:#000;}
.main-wrap .main-map .main-map-box .main-map-content .content-body .list .list-body ul li:last-of-type a {border-bottom:0;}
@media (max-width:1350px){
.main-wrap .main-map .main-map-box .main-map-content .content-body .more a {height:40px; padding:0 25px 2px; font-size:1em;}
.main-wrap .main-map .main-map-box .main-map-content .content-body .list {margin:15px 0 0; padding:15px;}
.main-wrap .main-map .main-map-box .main-map-content .content-body .list .list-head h3 {font-size:22px;}
.main-wrap .main-map .main-map-box .main-map-content .content-body .list .list-head a {width:18px; height:18px;}
.main-wrap .main-map .main-map-box .main-map-content .content-body .list .list-body {margin:15px 0 0;max-height: 178px; overflow: hidden;}
.main-wrap .main-map .main-map-box .main-map-content .content-body .list .list-body ul li a {padding:10px 0; padding-left:12px; font-size:1em;}
.main-wrap .main-map .main-map-box .main-map-content .content-body .list .list-body ul li a:before {width:4px; height:4px;}
}
@media (max-width:1200px){
.main-wrap .main-map .main-map-box {position:relative;}
.main-wrap .main-map .main-map-box .main-map-image {width:100%; flex:none;}
.main-wrap .main-map .main-map-box .main-map-image img {max-width:50%; margin:0 auto;}
.main-wrap .main-map .main-map-box .main-map-content {width:100%; padding-left:0; position:relative;}
}
@media (max-width:991px){
.main-wrap .main-control .swiper-button-prev {width:26px; height:13px;}
.main-wrap .main-control .swiper-button-next {width:26px; height:13px;}
.main-wrap .main-control .swiper-pagination {font-size:14px; padding:0 10px;}
.main-wrap .main-control .swiper-pagination span {font-size:14px;}
.main-wrap .main-title h2 {font-size:27px;}
.main-wrap .main-title h3 {font-size:1.25em;}
.main-wrap .main-title p {font-size:13px; margin:5px 0 0; display:none;}
.main-wrap .main-title.flex h3 {margin-left:10px;}
.main-wrap .main-video {padding:35px 0 45px; margin:0 -15px;}
.main-wrap .main-video .swiper-container {padding:0; margin:30px 0 0;}
.main-wrap .main-video .swiper-button-prev {display:none;}
.main-wrap .main-video .swiper-button-next {display:none;}
.main-wrap .main-video ul li {transform:scale(1);}
.main-wrap .main-video ul li.swiper-slide-active {transform:scale(1); margin:0;}
.main-wrap .main-video ul li.swiper-slide-active .iframe-box:after {padding-bottom:69%;}
.main-wrap .main-video ul li p {margin:10px 0 0; font-size:13px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main-wrap .main-search {padding:45px 0;}
.main-wrap .main-search .search-title {margin:0 0 20px;}
.main-wrap .main-search .search-title div b {font-size:30px; letter-spacing:-2px; margin-left:5px;}
.main-wrap .main-search .search-title div img {width:120px;}
.main-wrap .main-search .search-title p {font-size:14px; word-break:keep-all; line-height:1.2;}
.main-wrap .main-search .search-form {width:100%; max-width:95%;}
.main-wrap .main-search .search-form form input {height:45px; padding:0 10px; font-size:14px;}
.main-wrap .main-search .search-form form select {font-size:14px; height:45px; background-size:17px 16px !important; padding-right:20px;}
.main-wrap .main-search .search-form form select option {font-size:12px;}
.main-wrap .main-search .search-form form .submit {width:40px; height:40px; background-size:20px;}
.main-wrap .main-result ul li a .list-content b {font-size:1.25em;}
.main-wrap .main-result ul li a .list-content span {font-size:13px; opacity:1;}
.main-wrap .main-result .swiper-container {padding:20px 0;}
.main-wrap .main-logo {padding:15px 0;}
.main-wrap .main-logo ul {margin:0 0 -5px;}
.main-wrap .main-logo ul li {width:33.33%; margin:0 0 5px;}
.main-wrap .main-logo ul li a {display:block; padding:0 5px;}
.main-wrap .main-logo ul li a img {display:block; max-width:100%; margin:0 auto;}
.main-wrap .main-map {padding:0 0 50px;}
.main-wrap .main-map .main-map-box .main-map-content .content-head .main-control {top:0;}
.main-wrap .main-map .main-map-box .main-map-content .content-body {margin:10px 0 0;}
.main-wrap .main-map .main-map-box .main-map-content .content-body .more a {height:35px; font-size:14px;}
.main-wrap .main-map .main-map-box .main-map-content .content-body .list {padding:10px;}
.main-wrap .main-map .main-map-box .main-map-content .content-body .list .list-body {margin:5px 0 0; max-height: 139px; overflow: hidden;}
.main-wrap .main-map .main-map-box .main-map-content .content-body .list .list-body ul li a {font-size:14px; padding:7px 0; padding-left:10px;}
}
@media (max-width:767px){
.main-wrap .main-logo ul li {width:50%;}
.main-wrap .main-logo ul li a {padding:0 15px;}
}
@media (max-width:500px){
.main-wrap .main-map .main-map-box .main-map-image img {max-width:100%;}
}

/* popup */
.popup {display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999;}
.popup .box {width:100%; max-height:85%; border-radius:10px; box-shadow:0 0 10px rgba(0,0,0,0.3); position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background:#fff; overflow:hidden;}
.popup .popup-head {padding:20px; background:#009d52; border-radius:10px 10px 0 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.popup .popup-head h3 {font-size:1.25em; color:#fff; font-weight:600;}
.popup .popup-head a {width:30px; height:30px; font-size:0; background:url('../img/icon_close_white.png') no-repeat center / 21px 21px;}
.popup .popup-body {padding:20px; max-height:calc(100% - 185px); overflow-y:auto; background:#fff;}
.popup .popup-body img {display:block; margin:0 auto; max-width:100%;}
.popup .popup-foot {padding:25px 0;}
.popup .popup-foot a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:55px; padding:0 15px; min-width:215px; border-radius:10px; background:#009d52; color:#fff; font-size:1.25em; font-weight:500;}
.popup.fixed {display:block;}
@media (max-width:991px){
.popup {background:rgba(0,0,0,0.7);}
.popup .box {max-width:100% !important; width:calc(100% - 30px);}
.popup .popup-head {padding:10px 15px;}
.popup .popup-head h3 {font-size:1.13em;}
.popup .popup-head a {width:25px; height:25px; background-size:16px;}
.popup .popup-body {padding:15px 15px 0;}
.popup .popup-foot {padding:15px 0;}
.popup .popup-foot a {height:45px; font-size:15px;}
}

/* sub-wrap */
.sub-wrap {padding:0 0 100px;}
@media (max-width:991px){
.sub-wrap {padding:0 0 50px;}
}

/* sub-search-form */
.sub-search-form {width:585px; margin:0 auto;}
.sub-search-form form {padding:0 15px; background:#fff; border:2px solid #000; border-radius:50px; overflow:hidden; display:flex; flex-wrap:wrap; align-items:center;}
.sub-search-form form input {flex:1; min-width:0; height:60px; padding:0 20px; font-size:1em; color:#000; outline:0;}
.sub-search-form form input::placeholder {color:#595959;}
.sub-search-form form select {font-size:1em; height:60px; outline:0; padding-right:20px; color:#2f2f2f; background:url('../img/icon_select.png') no-repeat right center / 27px 26px; appearance:none; -webkit-appearance:none;}
.sub-search-form form select option {font-size:14px;}
.sub-search-form form .submit {width:60px; height:60px; font-size:0; background:url('../img/icon_search.png') no-repeat center / 30px;}
@media (max-width:991px){
.sub-search-form {width:100%; max-width:95%;}
.sub-search-form form input {height:45px; padding:0 10px; font-size:14px;}
.sub-search-form form select {width:110px; font-size:14px; height:45px; background-size:17px 16px !important; padding-right:20px;}
.sub-search-form form select option {font-size:12px;}
.sub-search-form form .submit {width:40px; height:40px; background-size:20px;}
}

/* sub-search */
.sub-search {background:#f0f5f2 url('../img/bg_sub_search.png') no-repeat right center / cover; padding:60px 0;}
.sub-search .search-title {margin:0 0 40px;}
.sub-search .search-title div {display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:center;}
.sub-search .search-title div b {font-size:40px; font-weight:bold; color:#000;}
.sub-search .search-title div b span{font-size:40px; font-weight:bold; color:#009d52; margin-right: 5px;}
.sub-search .search-form {width:585px; margin:0 auto;}
.sub-search .search-form form {padding:0 15px; background:#fff; border:2px solid #000; border-radius:50px; overflow:hidden; display:flex; flex-wrap:wrap; align-items:center;}
.sub-search .search-form form input {flex:1; min-width:0; height:60px; padding:0 20px; font-size:1em; color:#000; outline:0;}
.sub-search .search-form form input::placeholder {color:#595959;}
.sub-search .search-form form .submit {width:60px; height:60px; font-size:0; background:url('../img/icon_search.png') no-repeat center / 30px;}
.sub-search .search-form select{font-size:1em; height:60px; outline:0; padding-right:20px; color:#2f2f2f; background:url('../img/icon_select.png') no-repeat right center / 27px 26px; appearance:none; -webkit-appearance:none;}
@media (max-width:991px){
.sub-search {padding:45px 0;}
.sub-search .search-title {margin:0 0 20px;}
.sub-search .search-title div b {font-size:30px; letter-spacing:-2px; margin-left:5px;}
.sub-search .search-title div img {width:120px;}
.sub-search .search-form {width:100%; max-width:95%;}
.sub-search .search-form form input {height:45px; padding:0 10px; font-size:14px;}
.sub-search .search-form form select {font-size:14px; height:45px; background-size:17px 16px !important; padding-right:20px;}
.sub-search .search-form form select option {font-size:12px;}
.sub-search .search-form form .submit {width:40px; height:40px; background-size:20px;}
}

/* 2���޴� */
.box_depth02 {background: #f2f4f2; border-top: 1px solid #ddd;}
.depth02-wrap {max-width:1500px; padding:0 20px; margin:0 auto 0; display:flex; justify-content: center;}
.depth02-wrap a {position:relative; display:inline-block; font-size:1.2em; padding:25px 20px;}
.depth02-wrap a:hover {color:#009d52}
.depth02-wrap a.active {font-weight:600; color:#009d52}
.depth02-wrap a.active:after {content:""; width:100%; height:2px; background:#009d52; position:absolute; left:0; bottom:0;}
@media (max-width:991px){
.depth02-wrap a {padding:15px 20px;}
}
@media (max-width:768px){
.depth02-wrap {justify-content: flex-start; overflow-x: auto;}
.depth02-wrap a {padding:15px 20px; white-space: nowrap; font-size:15px;}
}

/* sub-top */
.sub-top {margin:20px 0; padding:0 0 20px; border-bottom:1px solid #e5e5e5; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.sub-top .sub-top-loca {padding-left:15px;}
.sub-top .sub-top-loca ul {display:flex; flex-wrap:wrap; align-items:center;}
.sub-top .sub-top-loca ul li {display:flex; flex-wrap:wrap; align-items:center; font-size:1em;}
.sub-top .sub-top-loca ul li:after {margin:0 20px; display:inline-block; width:7px; height:12px; background:url('../img/icon_location.png') no-repeat center / cover; content:"";}
.sub-top .sub-top-loca ul li:last-of-type:after {display:none;}
.sub-top .sub-top-loca ul li.home {font-size:0;}
.sub-top .sub-top-loca ul li.home:before {display:inline-block; content:""; width:20px; height:20px; font-size:0; background:url('../img/icon_home.png') no-repeat center / cover;}
.sub-top .sub-top-control {display:flex; flex-wrap:wrap; align-items:center;}
.sub-top .sub-top-control > div {width:135px; margin-right:15px; display:flex; flex-wrap:wrap; align-items:center; overflow:hidden; border:1px solid #e4e4e4; border-radius:50px;}
.sub-top .sub-top-control > div a {font-size:1em; color:#555; height:40px; font-weight:500; border-right:1px solid #e4e4e4; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:33.33%;}
.sub-top .sub-top-control > div a.big {text-indent:4px; font-size:25px; line-height:0.7;}
.sub-top .sub-top-control > div a.small {text-indent:-4px; font-size:30px; line-height:0.1;}
.sub-top .sub-top-control > div a:last-of-type {border-right:0;}
.sub-top .sub-top-control .print {width:26px; height:24px; background:url('../img/icon_print.png') no-repeat center / cover; font-size:0;}
@media (max-width:991px){
.sub-top {margin:20px 0; padding:0 0 10px; justify-content:flex-end;}
.sub-top .sub-top-loca {padding-left:0; display:none;}
.sub-top .sub-top-control > div {width:110px; margin-right:10px;}
.sub-top .sub-top-control > div a {height:30px; font-size:14px;}
.sub-top .sub-top-control > div a.big {font-size:1.25em; position:relative; top:-2px;}
.sub-top .sub-top-control > div a.small {font-size:25px;}
.sub-top .sub-top-control > div .print {width:22px; height:20px; display:none;}
.yanggu-list .sub-top {justify-content:space-between;}
.yanggu-list .sub-top > div {width:100%;}
}

.sub-contents {padding:20px 0 0;}

/* sub-both */
.sub-both {position:relative; display:flex; flex-wrap:wrap; font-size:1em;}
.sub-both * {font-size:1em;}
.sub-both .sub-both-left .sub-both-left-cate {width:310px; margin-right:34px;}
.sub-both .sub-both-left .sub-both-left-cate h2 {padding:35px 0 60px; border-radius:15px; background:#009d52; font-size:28px; font-weight:bold; color:#fff; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.sub-both .sub-both-left .sub-both-left-cate ul {background:#fff; border-radius:15px; border:1px solid #e5e5e5; margin:-25px 0 0; padding:50px;}
.sub-both .sub-both-left .sub-both-left-cate ul li {margin:0 0 10px; vertical-align:top;}
.sub-both .sub-both-left .sub-both-left-cate ul li:last-of-type {margin:0;}
.sub-both .sub-both-left .sub-both-left-cate ul li a {border:1px solid #d1d1d1; border-radius:5px; height:60px; font-size:1.13em; color:#111; font-weight:500; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.sub-both .sub-both-left .sub-both-left-cate ul li a:hover {border-color:#009d52; color:#009d52;}
.sub-both .sub-both-left .sub-both-left-cate ul li.active > a {border-color:#009d52; color:#009d52;}
.sub-both .sub-both-left .sub-both-left-cate ul li dl {display:flex; flex-wrap:wrap; margin:0 -5px -10px;}
.sub-both .sub-both-left .sub-both-left-cate ul li dl dd {width:calc(33.33% - 10px); margin:0 5px 10px;}
.sub-both .sub-both-left .sub-both-left-cate ul li dl dd.active a {border-color:#009d52; color:#009d52;}
.sub-both .sub-both-right {flex:1; min-width:0;}
@media (max-width:1500px){
.sub-both .sub-both-left .sub-both-left-cate {width:280px;}
.sub-both .sub-both-left .sub-both-left-cate ul {padding:30px;}
.sub-both .sub-both-left .sub-both-left-cate ul li a {height:50px;}
} 
@media (max-width:991px){
.sub-both .sub-both-left {width:100%;}
.sub-both .sub-both-left .sub-both-left-cate {width:100%; margin-right:0;}
.sub-both .sub-both-left .sub-both-left-cate h2 {display:none;}
.sub-both .sub-both-left .sub-both-left-cate ul {display:block; overflow-y:hidden; overflow-x:auto; white-space:nowrap; border:0; padding:0; margin:0 -15px; border-radius:0;}
.sub-both .sub-both-left .sub-both-left-cate ul li {display:inline-block; margin-bottom:0; margin-right:5px;}
.sub-both .sub-both-left .sub-both-left-cate ul li:first-of-type {margin-left:15px;}
.sub-both .sub-both-left .sub-both-left-cate ul li:last-of-type {margin-right:15px;}
.sub-both .sub-both-left .sub-both-left-cate ul li a {height:40px; font-size:14px; padding:0 15px;}
.sub-both .sub-both-left .sub-both-left-cate ul li dl {margin:0; display:block; overflow-x:auto; white-space:nowrap;}
.sub-both .sub-both-left .sub-both-left-cate ul li dl dd {display:inline-block; width:auto; margin:0 5px 0 0;}
.sub-both .sub-both-left .sub-both-left-cate ul li dl dd:last-of-type {margin:0;}
.sub-both .sub-both-right {flex:none; width:100%; margin:30px 0 0;}
}

/* sub-board-search */
.sub-board-search form {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.sub-board-search form .board-search-left {flex:1; min-width:0; padding-right:50px; border-radius:5px; display:flex; flex-wrap:wrap; align-items:center;}
.sub-board-search form .board-search-left.type1{padding-right:0;}
.sub-board-search form .board-search-left select {padding:0 32px 0 15px; border:1px solid #bebebe; height:52px; border-right:0; font-size:1em; color:#444; min-width:130px; background:url('../img/icon_select_green.png') no-repeat calc(100% - 10px) center / 14px 8px;}
.sub-board-search form .board-search-left select:first-of-type {border-radius:5px 0 0 5px;}
.sub-board-search form .board-search-left input {flex:1; min-width:0; border:1px solid #bebebe; height:52px; padding:0 15px; font-size:1em; color:#444;}
.sub-board-search form .board-search-left input.type1{min-width:0; flex: none; border:1px solid #bebebe; height:52px; padding:0 15px; font-size:1em; color:#444;}
.sub-board-search form .board-search-left .submit {width:52px; height:52px; background:#009d52 url('../img/icon_search_white.png') no-repeat center / 20px 21px; font-size:0; border-radius:0 5px 5px 0;}
.sub-board-search form .board-search-right {display:flex; flex-wrap:wrap; align-items:center;}
.sub-board-search form .board-search-right select {border-radius:5px; margin:0 10px 0 0; padding:0 32px 0 15px; border:1px solid #bebebe; height:52px; font-size:1em; color:#444; min-width:130px; background:url('../img/icon_select_gray.png') no-repeat calc(100% - 10px) center / 14px 8px;}
.sub-board-search form .board-search-right a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:52px; height:52px; border-radius:5px; background:#e4e4e4; font-size:0; margin-right:10px;}
.sub-board-search form .board-search-right a.active {background:#009d52;}
.sub-board-search form .board-search-right a#galleryType {background:#e4e4e4 url('../img/squares-inactive.png') no-repeat center / 22px 22px;}
.sub-board-search form .board-search-right a#listType {margin-right:0; background:#e4e4e4 url('../img/list-inactive.png') no-repeat center / 24px 21px;}
.sub-board-search form .board-search-right a.active#galleryType {background:#009d52 url('../img/squares-active.png') no-repeat center / 22px 22px;}
.sub-board-search form .board-search-right a.active#listType {background:#009d52 url('../img/list-active.png') no-repeat center / 24px 21px;}
@media (max-width:1500px){
.sub-board-search form .board-search-left {flex:none; padding-right:0;}
.sub-board-search form .board-search-right {width:100%; margin:10px 0 0;}
}
@media (max-width:991px){
.sub-board-search form .board-search-left {width:100%;}
.sub-board-search form .board-search-left select {height:40px; font-size:14px; padding:0 25px 0 10px; background-size:10px 5px; min-width:auto;}
.sub-board-search form .board-search-left input {height:40px; font-size:14px; padding:0 10px; border-radius:0;}
.sub-board-search form .board-search-left input.type1{flex: 1; height: 40px; font-size: 14px; padding: 0 10px; border-radius: 0;}
.sub-board-search form .board-search-left .submit {width:40px; height:40px; background-size:15px 16px;}
.sub-board-search form .board-search-right select {height:40px; font-size:14px; padding:0 25px 0 10px; background-size:10px 5px; flex:1; min-width:0;}
.sub-board-search form .board-search-right a {width:40px; height:40px;}
.sub-board-search form .board-search-right a#galleryType {background-size:18px 18px !important;}
.sub-board-search form .board-search-right a#listType {background-size:20px 17px !important;}
}

/* sub-board-total */
.sub-board-total {font-size:1.13em; color:#999; display:flex; flex-wrap:wrap; align-items:center;}
.sub-board-total b {font-size:1.13em; color:#009d52; font-weight:bold;}
.sub-board-total strong {font-size:1.13em; color:#686868; font-weight:bold;}
@media (max-width:991px){
.sub-board-head.type2 .sub-board-total {margin-bottom:0px; font-size:15px;}
.sub-board-total {margin-bottom:15px; font-size:15px;}
.sub-board-total b {font-size:15px;}
}
/* sub-board-head */
.sub-board-head {display:flex; justify-content: space-between; margin:20px 0 ;}
.sub-board-down {display:flex; }
.sub-board-down select {padding:0 32px 0 15px; border:1px solid #bebebe; height:40px; color:#444; min-width:100px; background:url('../img/icon_select_gray.png') no-repeat calc(100% - 10px) center / 14px 8px; }
.sub-board-down a {height: 40px; padding:0 20px; background: #a1a1a1;color: #fff;font-size:1em;font-weight: 500;border-radius: 5px;display: flex;flex-wrap: wrap;align-items: center;justify-content: center ;margin-left:10px;}

.sub-board-head.type2{display:flex; gap: 0 25px; margin:20px 0 27px; justify-content:normal; align-items: flex-end}
.sub-board-head .sub-title{font-size: 32px; font-weight: 600; color: #111111; letter-spacing: -3px;}
@media (max-width:450px){
.sub-board-head {flex-flow: column;}
.sub-board-head.type2{flex-flow: column; align-items: normal; margin:15px 0 20px;}
}

/* sub-board-thumb */
.sub-board-thumb .list {display:flex; flex-wrap:wrap; margin:0 -19px -38px;}
.sub-board-thumb .list .list-item {position:relative; padding:24px; border:1px solid #d1d1d1; border-radius:15px; width:calc(50% - 38px); margin:0 19px 38px; display:flex; flex-wrap:wrap; align-items:center;}
.sub-board-thumb .list .list-item .list-image a {display:block; width:232px; background-size:cover; background-position:center;}
.sub-board-thumb .list .list-item .list-image a:after {display:block; content:""; padding-bottom:100%;}
.sub-board-thumb .list .list-item .list-content {flex:1; min-width:0; padding-left:24px;}
.sub-board-thumb .list .list-item .list-content > b {font-size:1em; color:#555;}
.sub-board-thumb .list .list-item .list-content > a {margin:10px 0 0; display:block; font-size:1.25em; color:#111; display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; line-height:1.3; max-height:52px;}
.sub-board-thumb .list .list-item .list-content > dl {display:flex; flex-wrap:wrap; align-items:center; margin:10px 0 0;}
.sub-board-thumb .list .list-item .list-content > dl dd {display:flex; flex-wrap:wrap; align-items:center; font-size:1em; color:#777;}
.sub-board-thumb .list .list-item .list-content > dl dd:after {display:inline-block; content:""; width:1px; height:12px; background:#777; margin:0 10px; position:relative; top:1px;}
.sub-board-thumb .list .list-item .list-content > dl dd:last-of-type:after {display:none;}
.sub-board-thumb .list .list-item .list-content > ul {display:flex; flex-wrap:wrap; align-items:center; margin:10px -5px 0;}
.sub-board-thumb .list .list-item .list-content > ul li {width:calc(33.33% - 10px); margin:0 5px;}
.sub-board-thumb .list .list-item .list-content > ul li > * {height:32px; background:#e4e4e4; color:#fff; font-size:1em; line-height:1; padding:0 0 2px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.sub-board-thumb .list .list-item .list-content > ul li.active > * {background:#1b1b1b;}

.sub-board-thumb .list .list-item.no-item {position:relative; width: 100%;border: none;border-top: 2px solid #ddd;border-bottom: 2px solid #ddd;border-radius: 0; display: block;}
.sub-board-thumb .list .list-item.no-item p {text-align:center; padding:100px 0; font-size:1.4em; display: flex; justify-content: center; color:#999;}
.sub-board-thumb .list .list-item.no-item p::before {content:""; display:inline-block; padding:30px 30px 0 0; background:url("../img/icon_notice.png") no-repeat center center;}

.sub-board-thumb .list .list-item .list-content > .ico_delete {position:absolute; right:20px; top:30px; padding:25px 25px 0 0; background:url("../img/ico_recycle.png") no-repeat center center; width:0; height:0; overflow:hidden; margin:0;}

@media (max-width:1500px){
.sub-board-thumb .list {margin:0 -7.5px -15px;}
.sub-board-thumb .list .list-item {padding:15px; width:calc(50% - 15px); margin:0 7.5px 15px;}
.sub-board-thumb .list .list-item .list-image a {width:180px;}
.sub-board-thumb .list .list-item .list-content {padding-left:15px;}
.sub-board-thumb .list .list-item .list-content > a {font-size:1.06em;;}
.sub-board-thumb .list .list-item .list-content > .ico_delete {right:10px; top:10px;}
}
@media (max-width:1200px){
.sub-board-thumb .list {margin:0;}
.sub-board-thumb .list .list-item {width:100%; margin:0 0 15px;}
.sub-board-thumb .list .list-item:last-of-type {margin:0;}
}
@media (max-width:991px){
.sub-board-thumb .list .list-item {padding:10px; border-radius:10px;}
.sub-board-thumb .list .list-item .list-image a {width:145px;}
.sub-board-thumb .list .list-item .list-content > b {font-size:13px;}
.sub-board-thumb .list .list-item .list-content > a {font-size:15px; margin:5px 0 0; -webkit-line-clamp:1; line-height:1; max-height:15px;}
.sub-board-thumb .list .list-item .list-content > dl {margin:5px 0 0;}
.sub-board-thumb .list .list-item .list-content > dl dd {font-size:13px;}
.sub-board-thumb .list .list-item .list-content > dl dd:after {margin:0 5px; height:10px;}
.sub-board-thumb .list .list-item .list-content > ul {margin:5px -3px 0;}
.sub-board-thumb .list .list-item .list-content > ul li {width:calc(33.33% - 6px); margin:0 3px;}
.sub-board-thumb .list .list-item .list-content > ul li > * {font-size:13px; height:30px;}
.sub-board-thumb .list .list-item.no-item p {font-size:1.1em;}
}

/* sub-board-list */
.sub-board-list table {table-layout:fixed; width:100%; border-top:1px solid #1b1b1b;}
.sub-board-list table thead tr th {background:#f0f5f2; text-align:center; font-size:1.13em; color:#111; padding:13px 10px;}
.sub-board-list table tbody tr td {border-bottom:1px solid #d2d2d2; padding:26px 10px; text-align:center; font-size:1em; color:#555;}
.sub-board-list table tbody tr td ul {display:flex; flex-wrap:wrap; align-items:center; margin:10px -5px 0;}
.sub-board-list table tbody tr td ul li {width:calc(33.33% - 10px); margin:0 5px;}
.sub-board-list table tbody tr td ul li > * {height:32px; background:#e4e4e4; color:#fff; font-size:14px; line-height:1; padding:0 0 2px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.sub-board-list table tbody tr td ul li.active > * {background:#1b1b1b;}
.sub-board-list table tbody tr td .sub-board-list-box {border:1px solid #d2d2d2; padding:0 40px; border-width:0 1px;}
.sub-board-list table tbody tr td .sub-board-list-box > dl {display:flex; flex-wrap:wrap; align-items:center; margin:5px 0 0;}
.sub-board-list table tbody tr td .sub-board-list-box > dl > dd {display:flex; flex-wrap:wrap; align-items:center; font-size:1em; color:#777;}
.sub-board-list table tbody tr td .sub-board-list-box > dl > dd:after {display:inline-block; content:""; width:1px; height:12px; background:#777; margin:0 10px; position:relative; top:1px;}
.sub-board-list table tbody tr td .sub-board-list-box > dl > dd:last-of-type:after {display:none;}
.sub-board-list table tbody tr td .sub-board-list-box a {display:block; font-size:1.25em; color:#111; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:left;}
.sub-board-list table tbody tr td .mo {display:none;}
@media (max-width:1500px){
.sub-board-list table tbody tr td {padding:20px 10px;}
.sub-board-list table tbody tr td > .sub-board-list-box {padding:0 20px;}
.sub-board-list table tbody tr td > .sub-board-list-box a {font-size:1.06em;;}
}
@media (max-width:1200px){
.sub-board-list table thead {display:none;}
.sub-board-list table tbody tr td {padding:10px;}
.sub-board-list table tbody tr td b {display:block; text-align:left; font-size:13px;}
.sub-board-list table tbody tr td.pc {display:none;}
.sub-board-list table tbody tr td .mo {display:block;}
.sub-board-list table tbody tr td .sub-board-list-box {padding:0; border:0;}
.sub-board-list table tbody tr td .sub-board-list-box a {font-size:15px; line-height:1; max-height:15px; margin:5px 0 0;}
.sub-board-list table tbody tr td .sub-board-list-box > dl {margin:5px 0 0;}
.sub-board-list table tbody tr td .sub-board-list-box > dl > dd {font-size:13px;}
.sub-board-list table tbody tr td .sub-board-list-box > dl > dd:after {margin:0 5px; height:10px;}
.sub-board-list table tbody tr td .sub-board-list-box ul {margin:5px -3px 0;}
.sub-board-list table tbody tr td .sub-board-list-box ul li {width:calc(33.33% - 6px); margin:0 3px;}
.sub-board-list table tbody tr td .sub-board-list-box ul li > * {font-size:13px; height:30px;}
}

/* sub-index */
.sub-index {position:relative;}
.sub-index .close {display:none !important;}
.sub-index button {width:100%; display:flex; flex-wrap:wrap; align-items:center; border:1px solid #b5b5b5; height:34px; padding:0 10px; font-size:15px; color:#777; background:url('../img/icon_select_gray.png') no-repeat calc(100% - 10px) center / 14px 8px;}
.sub-index dl {max-height:138px; overflow-y:auto; background:#fff; border:1px solid #b5b5b5;}
.sub-index dl::-webkit-scrollbar {background:#eee; width:5px;}
.sub-index dl::-webkit-scrollbar-thumb {background:#a0a0a0;}
.sub-index dl dd strong {display:flex; flex-wrap:wrap; align-items:center; background:#f0f5f2; padding:7px 10px; font-size:14px; color:#777;}
.sub-index dl dd > div {padding:15px;}
.sub-index dl dd > div p {display:flex; flex-wrap:wrap; margin:0 0 10px;}
.sub-index dl dd > div p:last-of-type {margin:0;}
.sub-index dl dd > div p em {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-size:10px; line-height:1; color:#777; border:1px solid #8d8d8d; border-radius:50%; width:15px; height:15px;}
.sub-index dl dd > div p span {flex:1; min-width:0; font-size:13px; color:#777; line-height:1.2; padding-left:5px; text-align:left;}
.sub-index .sub-index-detail {width:100%; display:none; position:absolute; left:0; top:33px; z-index:1000;}
.sub-index.active .sub-index-detail {display:block;}
.sub-index.active button {background-image:url('../img/icon_select_up_gray.png'); background-size:12px 6px;}
@media (max-width:991px){
.sub-index .close {display:flex !important; position:absolute; right:15px; top:15px; width:40px; height:40px; max-height:40px !important; font-size:0 !important;}
.sub-index .close:after {position:absolute; left:0; top:50%; transform:translateY(-50%) rotate(45deg); width:100%; height:2px; background:#fff; content:"";}
.sub-index .close:before {position:absolute; left:0; top:50%; transform:translateY(-50%) rotate(-45deg); width:100%; height:2px; background:#fff; content:"";}
.sub-index button {height:30px; font-size:14px; background-size:10px 5px; padding:0 25px 0 10px;}
.sub-index .sub-index-detail {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.7);}
.sub-index dl {position:absolute; left:0; bottom:0; width:100%; max-height:350px;}
}

/* sub-paging */
.sub-paging {margin:55px 0 0;}
.sub-paging ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.sub-paging ul li a {width:30px; height:30px; color:#838383; font-size:15px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.sub-paging ul li a:hover {color:#199782;}
.sub-paging ul li.active a {color:#199782;}
.sub-paging ul li.paging {margin:0 1.5px;}
.sub-paging ul li.paging a {font-size:0;}
.sub-paging ul li.paging.first a {background:url('../img/icon_paging_first.jpg') no-repeat center / cover;}
.sub-paging ul li.paging.prev {margin-right:10px;}
.sub-paging ul li.paging.prev a {background:url('../img/icon_paging_prev.jpg') no-repeat center / cover;}
.sub-paging ul li.paging.next {margin-left:10px;}
.sub-paging ul li.paging.next a {background:url('../img/icon_paging_next.jpg') no-repeat center / cover;}
.sub-paging ul li.paging.last a {background:url('../img/icon_paging_last.jpg') no-repeat center / cover;}
@media (max-width:991px){
.sub-paging {margin:25px 0 0;}
}

/* sub-category */
.sub-category ul {display:table; table-layout:fixed; width:100%;}
.sub-category ul li {display:table-cell; border:1px solid #707070; border-right:0;}
.sub-category ul li:last-of-type {border-right:1px solid #707070;}
.sub-category ul li a {font-size:1em; height:55px; line-height:1; color:#707070; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.sub-category ul li:hover {position:relative; border-color:#009d52;}
.sub-category ul li:hover:after {position:absolute; right:-1px; top:0; width:1px; height:100%; content:""; background:#009d52;}
.sub-category ul li:hover a {font-weight:500; color:#009d52;}
.sub-category ul li.active {position:relative; border-color:#009d52;}
.sub-category ul li.active:after {position:absolute; right:-1px; top:0; width:1px; height:100%; content:""; background:#009d52;}
.sub-category ul li.active a {font-weight:500; color:#009d52;}
@media (max-width:991px){
.sub-category ul {display:flex; flex-wrap:wrap; border:1px solid #707070; border-width:1px 0 0 1px;}
.sub-category ul li {width:25%; display:flex; border-width:0 1px 1px 0 !important; border-right:1px solid #707070;}
.sub-category ul li:hover:after {right:auto; left:-1px;}
.sub-category ul li:hover:before {position:absolute; left:0; top:-1px; width:100%; height:1px; content:""; background:#009d52;}
.sub-category ul li.active:after {right:auto; left:-1px;}
.sub-category ul li.active:before {position:absolute; left:0; top:-1px; width:100%; height:1px; content:""; background:#009d52;}
.sub-category ul li a {width:100%; height:40px; font-size:14px;}
}

/* sub-search-list */
.sub-search-list .list-head {display:flex; flex-wrap:wrap; align-items:flex-end; margin:0 0 70px;}
.sub-search-list .list-head strong {font-size:24px; color:#000; margin-right:15px;}
.sub-search-list .list-head p {font-size:1.13em;}
.sub-search-list .list-head p b {font-size:1.13em; font-weight:600; color:#009d52;}
.sub-search-list .list-body .list-search-box {margin:0 0 45px;}
.sub-search-list .list-body .list-search-box:last-of-type {margin:0;}
.sub-search-list .list-body .list-search-box .list-search-head {padding:0 0 20px; border-bottom:1px solid #009d52; display:flex; flex-warp:wrap; align-items:flex-end; justify-content:space-between;}
.sub-search-list .list-body .list-search-box .list-search-head > div {display:flex; flex-wrap:wrap; align-items:baseline;}
.sub-search-list .list-body .list-search-box .list-search-head > div strong {font-size:26px; color:#009d52; font-weight:600; margin-right:15px;}
.sub-search-list .list-body .list-search-box .list-search-head > div p {font-size:1em; color:#686868;}
.sub-search-list .list-body .list-search-box .list-search-head > div p b {font-size:1em; color:#686868; font-weight:600;}
.sub-search-list .list-body .list-search-box .list-search-head > a {width:170px; height:40px; border-radius:5px; color:#fff; background:#009d52; font-size:1em; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.sub-search-list .list-body .list-search-box .list-search-body ul li a {padding:25px; border-bottom:1px solid #e5e5e5; display:block; font-size:1.13em; line-height:1; color:#000; position:relative; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.sub-search-list .list-body .list-search-box .list-search-body ul.ul-style > li{border-bottom:1px solid #e5e5e5; padding:0px; position: relative;}
.sub-search-list .list-body .list-search-box .list-search-body ul.ul-style > li::after {display:block; content:""; clear:both;}
.sub-search-list .list-body .list-search-box .list-search-body ul.ul-style > li .source_logo{float: right; padding: 30px 0; padding-right: 2%;}
.sub-search-list .list-body .list-search-box .list-search-body ul.ul-style > li .source_logo2{/* display: inline-block; */float: right;/* padding: 15px 0; *//* padding-right: 2%; */}
.sub-search-list .list-body .list-search-box .list-search-body ul.ul-style > li a{border-bottom: 0;/* display: block; */font-size:1.13em;line-height: 2;/* float: left; */color:#000;position:relative;width: 100%;}
.sub-search-list .list-body .list-search-box .list-search-body ul.ul-style > li a:hover{color: #049d50;}
.sub-search-list .list-body .list-search-box .list-search-body ul.ul-style > li a::before{display: none;}
.sub-search-list .list-body .list-search-box .list-search-body ul li a.new_site { line-height: normal; float: left; overflow: hidden; display: inline-block; width: auto; padding-right: 40px;}
.sub-search-list .list-body .list-search-box .list-search-body ul li a.new_site::after {position:absolute; right:5px; top:50%; transform:translateY(-50%); content:""; background: url('../img/icon_arrow_small_right_up.png')no-repeat; padding: 10px;}
.sub-search-list .list-body .list-search-box .list-search-body ul li a.new_site:hover:after {position:absolute; right:5px; top:50%; transform:translateY(-50%); content:""; background: url('../img/icon_arrow_small_green_right_up.png')no-repeat; padding: 10px;}
.sub-search-list .list-body .list-search-box .list-search-body ul li a:before {position:absolute; left:0; top:50%; transform:translateY(-50%); width:5px; height:5px; background:#b5b5b5; border-radius:50%; content:"";}
.sub-search-list .list-body .list-search-box .list-search-body ul.ul-style > li:before {position:absolute; left:0; top:50%; transform:translateY(-50%); width:5px; height:5px; background:#b5b5b5; border-radius:50%; content:"";}
.sub-search-list .list-body .list-search-box .list-search-body p.list-none {font-size:1.13em; color:#111; padding:50px 0; display:block; text-align:center; border-bottom:1px solid #e5e5e5;}
@media (max-width:991px){
.sub-search-list .list-head {margin:0 0 20px;}
.sub-search-list .list-head strong {font-size:1.25em; width:100%; margin-right:0; margin-bottom:0 0 5px;}
.sub-search-list .list-head p {font-size:14px;}
.sub-search-list .list-head p b {font-size:14px;}
.sub-search-list .list-body .list-search-box {margin:0 0 30px;}
.sub-search-list .list-body .list-search-box .list-search-head {padding:0 0 10px;}
.sub-search-list .list-body .list-search-box .list-search-head > div strong {font-size:1.25em; margin-right:5px;}
.sub-search-list .list-body .list-search-box .list-search-head > div p {font-size:14px;}
.sub-search-list .list-body .list-search-box .list-search-head > div p b {font-size:14px;}
.sub-search-list .list-body .list-search-box .list-search-head > a {width:120px; height:30px; font-size:13px;}
.sub-search-list .list-body .list-search-box .list-search-body ul li a {padding:10px; padding-left:13px; font-size:14px;}
.sub-search-list .list-body .list-search-box .list-search-body ul li a:before {width:3px; height:3px;}
.sub-search-list .list-body .list-search-box .list-search-body ul li a.new_site{padding:10px 20px 10px 13px; display: block; font-size:14px; width: 100%;}
.sub-search-list .list-body .list-search-box .list-search-body ul li a.new_site::after{padding: 7px; background-size: 100%; right: 0;}
.sub-search-list .list-body .list-search-box .list-search-body ul li a.new_site:hover:after {padding: 7px; background-size: 100%; right: 0;}

.sub-search-list .list-body .list-search-box .list-search-body ul li a.new_site:before {width:3px; height:3px;}
.sub-search-list .list-body .list-search-box .list-search-body ul.ul-style > li .source_logo{padding: 10px;}
.sub-search-list .list-body .list-search-box .list-search-body p.list-none {font-size:15px; padding:30px 0;}

}

@media (max-width:768px){
	.sub-search-list .list-body .list-search-box .list-search-body ul.ul-style > li .source_logo2{}
	.sub-search-list .list-body .list-search-box .list-search-body ul.ul-style > li:before{top: 25%; transform: translateX(0);}
}

@media (max-width:661px){
	.sub-search-list .list-body .list-search-box .list-search-body ul.ul-style > li .source_logo{float: none; padding: 5px;}
	.sub-search-list .list-body .list-search-box .list-search-body ul li a.new_site{display: block;}
	.sub-search-list .list-body .list-search-box .list-search-body ul.ul-style > li a{display: block}
}


@media (max-width:514px){
	.sub-search-list .list-body .list-search-box .list-search-body ul li a.new_site::after{padding: 7px; background-size: 100%; right: 0;}
}

/* sub-detail */
.sub-detail {width:510px; margin-right:100px;}
.sub-detail .detail-category ul {display:flex; flex-wrap:wrap; align-items:center; margin:0 -5px -10px;}
.sub-detail .detail-category ul li {border:1px solid #313131; border-radius:50px; height:38px; padding:0 25px; margin:0 5px 10px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-size:16px;}
.sub-detail .detail-subject {padding:30px 0; border-bottom:1px solid #e5e5e5;}
.sub-detail .detail-subject h3 {font-size:1.9em; font-weight:bold; color:#111; line-height:1.2;}
.sub-detail .detail-info {padding:0; border-bottom:1px solid #e5e5e5;}
.sub-detail .detail-info dl dd {position:relative; display:flex; flex-wrap:wrap; align-items:center; border-bottom:1px solid #e5e5e5; padding:20px 0;}
.sub-detail .detail-info dl dd > div {width:50%; display:flex; flex-wrap:wrap; align-items:center;}
.sub-detail .detail-info dl dd:last-of-type {border:0;}
.sub-detail .detail-info dl dd b {font-size:1em; font-weight:500; color:#999; width:110px;}
.sub-detail .detail-info dl dd b .notice {vertical-align:top; margin-left:3px; margin-top:3px; display:inline-block; font-size:0; width:18px; height:18px; background:url('../img/icon_notice.png') no-repeat center / cover;}
.sub-detail .detail-info dl dd p {flex:1; min-width:0; font-size:1em; color:#222;}
.sub-detail .detail-info dl dd p a.link {font-size:1em; color:#009d52; display:inline-block; border-bottom:1px solid #009d52; padding:0 0 3px;}
.sub-detail .detail-info dl dd .keyword {flex:1; min-width:0; margin:0 -2.5px -5px; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-start;}
.sub-detail .detail-info dl dd .keyword > * {margin:0 2.5px 5px; padding:5px 15px; border:1px solid #dcdcdc; border-radius:50px; font-size:16px; color:#222; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}

.sub-detail .detail-info dl dd .cc_info {position:absolute; right:0; top:70px; display:none; width:400px; background:#fffdf0; border:1px solid #ddd; padding:10px; font-size:0.9em; line-height:1.2; margin-left: 5px; z-index: 1; border-radius:10px;}
.sub-detail .detail-info dl dd .cc_info dl dt {font-size:0.9em; padding-bottom:5px; font-weight:500;}
.sub-detail .detail-info dl dd .cc_info dl dd {display:block; padding:0; border:none;}
.sub-detail .detail-info dl dd .cc_info dl dd p {text-indent:-7px; padding-left:7px; font-size:0.9em;}
@media (max-width: 991px) {
.sub-detail .detail-info dl dd .cc_info {right:auto; left:70px; top:52px; width:78%; max-width:400px;}
}

.sub-detail .detail-toggle {margin:30px 0 0; border:1px solid #eee; border-width:0 1px 1px;}
.sub-detail .detail-toggle .toggle-head {display:flex; flex-wrap:wrap; align-items:center; border-top:1px solid #1b1b1b; border-bottom:1px solid #eee; background:#f0f5f2; padding:20px 23px;}
.sub-detail .detail-toggle .toggle-head strong {font-size:1.25em; color:#111; font-weight:bold;}
.sub-detail .detail-toggle .toggle-body {padding:30px; max-height:70vh; overflow-y: auto !important;}
.sub-detail .detail-toggle .toggle-body .list .list-item {}
.sub-detail .detail-toggle .toggle-body .list .list-item .toggle-box {margin-bottom:20px; }

.sub-detail .detail-toggle .toggle-body::-webkit-scrollbar {width: 5px;}
.sub-detail .detail-toggle .toggle-body::-webkit-scrollbar-thumb {background-color: #8d8d8d; border-radius: 5px;}
.sub-detail .detail-toggle .toggle-body::-webkit-scrollbar-track {background-color: #ddd; border-radius: 5px; box-shadow: inset 0px 0px 5px white;}

.sub-detail .detail-toggle .toggle-body .list .list-item li ul li {padding-left:20px; padding:4px 0 4px 10px;}
.sub-detail .detail-toggle .toggle-body .list .list-item .button-1 {position:relative; font-size:1.06em;; font-weight:500; color:#333; display:block; width:100%; text-align: left; padding: 8px 0px; border-top:1px solid #ddd;}
.sub-detail .detail-toggle .toggle-body .list .list-item .button-1.no-child::after {display:none;}
.sub-detail .detail-toggle .toggle-body .list .list-item .button-1.active {color:#009d52}
.sub-detail .detail-toggle .toggle-body .list .list-item .button-1::after {content:""; position:absolute; right:10px; top:13px; display:inline-block; padding:15px 15px 0 0; background:url('../img/icon_toggle.png') no-repeat center center; transform: rotate(180deg);}
.sub-detail .detail-toggle .toggle-body .list .list-item .button-1.active::after {transform: rotate(0deg)}

.sub-detail .detail-toggle .toggle-body .list .list-item li a {position:relative; display: block; padding-left:20px;}
.sub-detail .detail-toggle .toggle-body .list .list-item li a::before {content:""; position:absolute; left:0; top:5px; display:inline-block; padding:15px 15px 0 0; background:url('../img/icon_toggle_off.png') no-repeat center center}
.sub-detail .detail-toggle .toggle-body .list .list-item li a.ico_note::before {background-image:url('../img/icon_board_off.png');}
.sub-detail .detail-toggle .toggle-body .list .list-item li > a.active {color:#009d52; font-weight:500;}
.sub-detail .detail-toggle .toggle-body .list .list-item li a.active::before {background-image:url('../img/icon_toggle_on.png');}
.sub-detail .detail-toggle .toggle-body .list .list-item li a.ico_note.active::before {background-image:url('../img/icon_board_on.png');}

.sub-detail .detail-toggle.fixed {position:fixed; width:510px; left:0; top:0; left: 50%; margin-left: -740px;}
.sub-detail .detail-toggle.bottom {position:absolute; width:510px; left:0; bottom:0;}

@media (max-width: 1500px) {
.sub-detail .detail-toggle.fixed  {width:400px; left: 10px; margin-left:0;}
.sub-detail .detail-toggle.bottom {width:400px;}
}

/*
.sub-detail .detail-toggle .toggle-body .list .list-item:last-of-type {margin:0;}
.sub-detail .detail-toggle .toggle-body .list .list-item .depth-2 li {margin:0 0 7px;}
.sub-detail .detail-toggle .toggle-body .list .list-item .depth-2 li:last-of-type {margin:0;}
.sub-detail .detail-toggle .toggle-body .list .list-item strong.button-1 {position:relative; font-size:1.06em;; font-weight:bold; color:#333; display:flex; flex-wrap:wrap; padding-left:10px; margin:0 0 10px;}
.sub-detail .detail-toggle .toggle-body .list .list-item strong.button-1:before {position:absolute; left:0; top:12px; width:4px; height:4px; background:#333; border-radius:50%; content:"";}
.sub-detail .detail-toggle .toggle-body .list .list-item button.button-2 {position:relative; font-size:15px; color:#333; display:flex; flex-wrap:wrap; padding-left:23px; text-align:left; line-height:1.2; margin:0 0 3px;}
.sub-detail .detail-toggle .toggle-body .list .list-item button.button-2:before {position:absolute; left:0; top:1px; width:15px; height:15px; background:url('../img/icon_toggle_off.png') no-repeat center / cover; content:"";}
.sub-detail .detail-toggle .toggle-body .list .list-item button.button-2 ~ .toggle-box {display:none; padding-left:23px; margin:0 0 3px;}
.sub-detail .detail-toggle .toggle-body .list .list-item button.button-2 ~ .toggle-box:first-of-type {margin-top:8px;}
.sub-detail .detail-toggle .toggle-body .list .list-item button.button-2 ~ .toggle-box:last-of-type {margin:0;}
.sub-detail .detail-toggle .toggle-body .list .list-item button.button-3 {position:relative; font-size:14px; color:#333; display:flex; flex-wrap:wrap; padding-left:23px; text-align:left; line-height:1.2; margin:0 0 3px;}
.sub-detail .detail-toggle .toggle-body .list .list-item button.button-3:before {position:absolute; left:0; top:1px; width:15px; height:15px; background:url('../img/icon_toggle_off.png') no-repeat center / cover; content:"";}
.sub-detail .detail-toggle .toggle-body .list .list-item button.button-3 ~ .toggle-box {display:none;}
.sub-detail .detail-toggle .toggle-body .list .list-item dl {padding-left:23px; margin:0 0 10px;}
.sub-detail .detail-toggle .toggle-body .list .list-item dl dd {margin:0 0 3px;}
.sub-detail .detail-toggle .toggle-body .list .list-item dl dd:last-of-type {margin:0;}
.sub-detail .detail-toggle .toggle-body .list .list-item dl dd a {position:relative; padding-left:17px; font-size:14px; color:#333; display:flex; flex-wrap:wrap; align-items:center;}
.sub-detail .detail-toggle .toggle-body .list .list-item dl dd a:before {position:absolute; left:0; top:5px; width:13px; height:14px; background:url('../img/icon_board_off.png') no-repeat center / cover; content:"";}
.sub-detail .detail-toggle .toggle-body .list .list-item.active strong.button-1 {color:#009d52;}
.sub-detail .detail-toggle .toggle-body .list .list-item.active strong.button-1:before {background:#009d52;}
.sub-detail .detail-toggle .toggle-body .list .list-item button.button-2.active {color:#009d52;}
.sub-detail .detail-toggle .toggle-body .list .list-item button.button-2.active:before {background-image:url('../img/icon_toggle_on.png');}
.sub-detail .detail-toggle .toggle-body .list .list-item button.button-3.active:before {background-image:url('../img/icon_toggle_on.png');}
.sub-detail .detail-toggle .toggle-body .list .list-item dl dd.active a {color:#009d52;}
.sub-detail .detail-toggle .toggle-body .list .list-item dl dd.active a:before {background-image:url('../img/icon_board_on.png');}
*/

.sub-detail .detail-button {display:flex; margin:2px; gap:2px;}
.sub-detail .detail-button a {flex:1; line-height:1; height:50px; border-radius:5px; background:#1b1b1b; color:#fff; font-size:16px; font-weight:500; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.sub-detail .detail-button a:before {display:inline-block; content:""; width:20px; height:15px; background:url('../img/icon_back.png') no-repeat center center; margin:0 10px 0 0; }


.sub-detail .detail-button a.down:before {background-image:url('../img/icon_download_white.png');}


.sub-detail .detail-file {margin:20px 0 0;}
.sub-detail .detail-file ul li {margin:0 0 10px; border:1px solid #e5e5e5; padding:15px 20px;}
.sub-detail .detail-file ul li:last-of-type {margin:0;}
.sub-detail .detail-file ul li a {display:flex; align-items:center;}
.sub-detail .detail-file ul li a span {height:20px; font-size:14px; padding:0 10px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.sub-detail .detail-file ul li a span.bg-red {background:#a90000; color:#fff;}
.sub-detail .detail-file ul li a span.bg-blue {background:#1d4588; color:#fff;}
.sub-detail .detail-file ul li a p {flex:1; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 15px; font-size:1em; color:#222;}
.sub-detail .detail-file ul li a:after {display:inline-block; content:""; width:19px; height:14px; background:url('../img/icon_download.png') no-repeat center / cover;}
.sub-detail .detail-file .download {margin:20px 0 0; height:60px; background:#009d52; color:#fff; font-size:16px; font-weight:bold; border-radius:5px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.sub-detail .detail-file .button {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:20px 0 0; margin:20px 0 0; border-top:1px solid #e5e5e5;}
.sub-detail .detail-file .button a {height:50px; border-radius:5px; border:1px solid #009d52; color:#009d52; font-size:16px; font-weight:500; width:calc(50% - 12.5px); display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.sub-detail .detail-file .button a:before {display:inlnie-block; content:""; margin-right:10px;}
.sub-detail .detail-file .button a:first-of-type:before {width:17px; height:21px; background:url('../img/icon_cart.png') no-repeat center / cover;}
.sub-detail .detail-file .button a:last-of-type:before {width:22px; height:22px; background:url('../img/icon_copy.png') no-repeat center / cover;}
@media (max-width:1500px){
.sub-detail {width:400px; margin-right:20px;}
.sub-detail .detail-subject h3 {font-size:25px;}
.sub-detail .detail-toggle .toggle-head {padding:15px;}
.sub-detail .detail-toggle .toggle-body {padding:15px;}
}
@media (max-width:991px){
.sub-detail {width:100%;}
.sub-detail .detail-category ul li {height:30px; font-size:14px; padding:0 10px;}
.sub-detail .detail-subject {padding:15px 0;}
.sub-detail .detail-subject h3 {font-size:22px;}
.sub-detail .detail-info dl dd {padding:7px 0;}
.sub-detail .detail-info dl dd b {font-size:13px; width:80px;}
.sub-detail .detail-info dl dd b .notice {width:13px; height:13px; margin-top:4px;}
.sub-detail .detail-info dl dd p {font-size:13px;}
.sub-detail .detail-info dl dd p a.link {font-size:13px; padding:0 0 2px; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.sub-detail .detail-info dl dd .keyword > * {font-size:13px; padding:3px 7px;}
.sub-detail .detail-toggle {margin:10px 0 0;}
.sub-detail .detail-toggle .toggle-head {padding:10px;}
.sub-detail .detail-toggle .toggle-head strong {font-size:1em;}
.sub-detail .detail-toggle .toggle-body {padding:10px;}
.sub-detail .detail-toggle .toggle-body .list .list-item strong.button-1 {font-size:15px;}
.sub-detail .detail-toggle .toggle-body .list .list-item strong.button-1:before {top:10px;}
.sub-detail .detail-toggle .toggle-body .list .list-item button.button-2 {font-size:14px; padding-left:16px;}
.sub-detail .detail-toggle .toggle-body .list .list-item button.button-2:before {width:13px; height:13px; top:2px;}
.sub-detail .detail-toggle .toggle-body .list .list-item button.button-2 ~ .toggle-box {padding-left:16px;}
.sub-detail .detail-toggle .toggle-body .list .list-item button.button-3 {font-size:13px; padding-left:16px;}
.sub-detail .detail-toggle .toggle-body .list .list-item button.button-3:before {width:13px; height:13px; top:2px;}
.sub-detail .detail-toggle .toggle-body .list .list-item dl {padding-left:16px;}
.sub-detail .detail-toggle .toggle-body .list .list-item dl dd a {font-size:12px; padding-left:13px;}
.sub-detail .detail-toggle .toggle-body .list .list-item dl dd a:before {width:10px; height:11px;}
.sub-detail .detail-button {margin:10px 0 0;}
.sub-detail .detail-button a {width:100%; height:45px; font-size:15px;}
.sub-detail .detail-button a:before {width:13px; height:12px;}
.sub-detail .detail-file {margin:10px 0 0;}
.sub-detail .detail-file ul li {padding:10px;}
.sub-detail .detail-file ul li a span {padding:0 10px 2px; font-size:12px;}
.sub-detail .detail-file ul li a p {padding:0 10px; font-size:14px;}
.sub-detail .detail-file .download {height:50px; font-size:15px;}
.sub-detail .detail-file .button {margin:10px 0 0; padding:10px 0 0;}
.sub-detail .detail-file .button a {width:calc(50% - 5px); height:50px; font-size:15px;}
.sub-detail .detail-file .button a:first-of-type:before {width:14px; height:17px;}
.sub-detail .detail-file .button a:last-of-type:before {width:17px; height:17px;}
}

/* sub-detail-button */
.sub-detail-button {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; margin:0 0 25px;}
.sub-detail-button a {border-radius:5px; width:120px; height:38px; font-size:16px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin-right:10px;}
.sub-detail-button a:last-of-type {margin-right:0;}
.sub-detail-button a.button01 {background:#1b1b1b; color:#fff;}
.sub-detail-button a.button02 {background:#fff; border:1px solid #dbdbdb; color:#555;}
.sub-detail-button a.button01:before {width:14px; height:16px;display:inline-block; content:""; margin-right:10px; background:url('../img/icon_button_01.png') no-repeat center / cover;}
.sub-detail-button a.button02:before {width:20px; height:20px;display:inline-block; content:""; margin-right:10px; background:url('../img/icon_button_02.png') no-repeat center / cover;}
@media (max-width:991px){
.sub-detail-button {margin:0 0 10px;}
.sub-detail-button a {width:100px; height:30px; font-size:14px; margin-right:5px;}
.sub-detail-button a.button01:before {width:10px; height:12px; margin-right:5px;}
.sub-detail-button a.button02:before {width:15px; height:15px; margin-right:5px;}
}

/* sub-detail-list */
.sub-detail-list {border:1px solid #eee; border-top:1px solid #1b1b1b; padding:50px 40px 30px;}
.sub-detail-list h3 {position:relative; font-size:1.25em; font-weight:bold; color:#111; padding-left:10px; margin:0 0 15px;}
.sub-detail-list h3:before {position:absolute; left:0; top:13px; width:4px; height:4px; background:#009d52; border-radius:50%; content:"";}
.sub-detail-list ul li {margin:0 0 25px;}
.sub-detail-list ul li:last-of-type {margin:0;}
.sub-detail-list .list-head {display:flex; flex-wrap:wrap; align-items:center; background:#fffbe5; padding:15px; margin:0 0 20px; font-size:1.13em; font-weight:500; color:#222;}
.sub-detail-list .list-body {margin-bottom:20px;}
.sub-detail-list .list-body .loading {display:block; padding:200px 0 130px; text-align:center; background:#eee url('../img/loading.svg') no-repeat center 55px; color: #999;}
.sub-detail-list .list-body img {max-width:100%;}

.sub-detail-list .list-body .point {display:inline-block; position:relative; text-decoration: underline; cursor:pointer;}

.details-infos-pop {display:none; position:absolute; top:28px; right:0;  box-shadow:4px 4px 0px rgba(0,0,0,0.16); min-width:300px; z-index:1;}
.details-infos-pop-title {padding:10px 13px; position:relative; color:#fff; background-color:#009d52;}
.details-infos-pop-title img {width:17px; position:absolute; right:13px; top:14px;}
.details-infos-pop-body {padding:10px 13px; background-color:#fff; border: 1px solid #ddd; border-top:none;}

.mark01 {background-color:#eb6400;}
.mark02 {background-color:#338700;}
.mark03 {background-color:#4558ea;}
.mark04 {background-color:#8f36ea;}
.mark05 {background-color:#ed0d22;}
.mark06 {background-color:#f4c300;}
.mark07 {background-color:#3b488d;}
.mark08 {background-color:#6dc03b;}

@media (max-width:1500px){
.sub-detail-list {padding:20px;}
}
@media (max-width:991px){
.sub-detail-list {padding:15px;}
.sub-detail-list h3 {font-size:1.06em;;}
.sub-detail-list .list-head {padding:10px; font-size:15px;}
}
@media (max-width:520px){
.details-infos-pop {position:fixed; top:50%; left:50% !important; right:auto !important; transform:translate(-50%, -50%);}
}

/* sub-detail-index */
.sub-detail-index ul li {margin:0 0 24px; border:1px solid #eee; border-width:0 1px 1px;}
.sub-detail-index ul li:last-of-type {margin:0;}
.sub-detail-index ul li .list-head a {background:#f0f5f2; padding:20px 25px; border-top:1px solid #1b1b1b; border-bottom:1px solid #eee; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.sub-detail-index ul li .list-head a h4 {font-size:1.25em; font-weight:bold; color:#111;}
.sub-detail-index ul li .list-head a b {display:flex; flex-wrap:wrap; align-items:center; font-size:1em; color:#222;}
.sub-detail-index ul li .list-head a b:after {display:inline-block; content:""; width:11px; height:7px; background:url('../img/icon_toggle.png') no-repeat center / cover; margin-left:5px; transition:all ease 0.5s;}
.sub-detail-index ul li .list-body {padding:30px;}
.sub-detail-index ul li .list-body::-webkit-scrollbar {width:5px; background:#f0f5f2;}
.sub-detail-index ul li .list-body::-webkit-scrollbar-thumb {background:#1b1b1b;}
.sub-detail-index ul li .list-body.scroll {height:250px; overflow-y:auto;}
.sub-detail-index ul li .list-body .list-body-text strong {display:block; font-size:1.13em; margin:0 0 25px; font-weight:bold; color:#222;}
.sub-detail-index ul li .list-body .list-body-text p {font-size:1em; line-height:1.4; word-break:keep-all; margin:0 0 20px;}
.sub-detail-index ul li .list-body .list-body-text p:last-of-type {margin:0;}
.sub-detail-index ul li .list-body .list-body-order dl dt {position:relative; font-size:1.13em; color:#111; font-weight:600; padding-left:10px; margin:0 0 10px;}
.sub-detail-index ul li .list-body .list-body-order dl dt:before {position:absolute; left:0; top:12px; width:5px; height:5px; border-radius:50%; background:#009d52; content:"";}
.sub-detail-index ul li .list-body .list-body-order dl dd {margin:0 0 5px;}
.sub-detail-index ul li .list-body .list-body-order dl dd:last-of-type {margin:0;}
.sub-detail-index ul li .list-body .list-body-order dl dd a {display:block; position:relative; padding-left:20px;}
.sub-detail-index ul li .list-body .list-body-order dl dd a span {font-size:1em; color:#333;}
.sub-detail-index ul li .list-body .list-body-order dl dd a:before {position:absolute; left:0; top:11px; width:15px; height:3px; content:""; background:url('../img/icon_arrow_index.png') no-repeat center / cover;}
.sub-detail-index ul li .list-body .list-body-order dl dd a:hover {color:#009d52;}
.sub-detail-index ul li .list-body .list-body-order dl dd.active a span {color:#009d52;}
.sub-detail-index ul li .list-body .list-body-detail img {max-width:100%;}
.sub-detail-index ul li.active .list-head a b:after {transform:rotate(180deg);}
.sub-detail-index .detail-button {display: flex; margin: 30px 0; justify-content: center; gap: 20px;}
.sub-detail-index .detail-button a.back {line-height:1; width:188px; height:50px; border-radius:5px; background:#1b1b1b; color:#fff; font-size:16px; font-weight:500; display:flex; align-items:center; justify-content:center;}
.sub-detail-index a.back:before {display:inline-block; content:""; width:20px; height:15px; background:url('../img/icon_back.png') no-repeat center center; margin:0 10px 0 0; content:"";}
.sub-detail-index a.detail:before {background-image:url('../img/icon_list.png');}
.sub-detail-index a.down:before {background-image:url('../img/icon_download_white.png');}
@media (max-width:1500px){
.sub-detail-index ul li .list-head a {padding:15px;}
.sub-detail-index ul li .list-body {padding:15px;}
}
@media (max-width:991px){
.sub-detail-index ul li .list-head a {padding:10px 15px;}
.sub-detail-index ul li .list-head a h4 {font-size:1em;}
.sub-detail-index ul li .list-head a b {font-size:14px;}
.sub-detail-index ul li .list-body {padding:10px;}
.sub-detail-index ul li .list-body .list-body-text strong {font-size:15px; margin:0 0 15px;}
.sub-detail-index ul li .list-body .list-body-text p {font-size:13px; margin:0 0 15px;}
.sub-detail-index ul li .list-body.scroll {height:150px;}
.sub-detail-index ul li .list-body .list-body-order dl dt {font-size:15px;}
.sub-detail-index ul li .list-body .list-body-order dl dt:before {width:3px; height:3px; top:11px; margin:0 0 7px;}
.sub-detail-index ul li .list-body .list-body-order dl dd a {padding-left:15px; line-height:1.2;}
.sub-detail-index ul li .list-body .list-body-order dl dd a:before {width:11px; height:2px; top:8.5px;}
.sub-detail-index ul li .list-body .list-body-order dl dd a span {font-size:13px; line-height:1.2;}
.sub-detail-index a.back {width:100%; height:45px; font-size:15px; margin:10px 0 0;}
.sub-detail-index a.back:before {width:13px; height:12px;}
}

/* sub-swiper-control */
.sub-swiper-control {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.sub-swiper-control > div {margin:0 4px; position:static; width:32px; height:32px;}
.sub-swiper-control > div.swiper-button-prev {background:url('../img/icon_sub_swiper_prev.png') no-repeat center / cover;}
.sub-swiper-control > div.swiper-button-next {background:url('../img/icon_sub_swiper_next.png') no-repeat center / cover;}
.sub-swiper-control > a {display:flex; flex-wrap:wrap; align-items:center; font-size:1.25em; font-weight:bold; color:#95dad5;}
.sub-swiper-control > a:after {position:relative; top:1px; margin-left:7px; display:inline-block; content:""; width:24px; height:24px; background:url('../img/icon_sub_swiper_button.png') no-repeat center / cover;}
@media (max-width:991px){
.sub-swiper-control > div {width:25px; height:25px; margin:0 2px;}
.sub-swiper-control a {font-size:15px;}
.sub-swiper-control a:after {width:20px; height:20px; margin-left:3px;}
}

.pop.type-blank .pop-header {padding:10px 20px; position:relative; background-color:#009d52;}
.pop.type-blank .pop-header-btn {position:absolute; right:20px; top:51%; transform:translateY(-50%); padding:30px 30px 0 0; background:url('../img/icon_close_white.png') no-repeat center center;}
.pop.type-blank .pop-header img {position:relative;}
.pop.type-blank .pop-header .text {font-size:23px; font-weight:600; color:#fff;}
.pop.type-blank .pop-body {padding:30px 20px;}
.pop.type-blank .title {padding:0; margin-bottom:20px; font-weight:500; background-color:transparent; border-bottom:none;}
.pop.type-blank #sidebar .title {padding:0; margin-bottom:20px; background-color:transparent; border-bottom:none;}
.pop.type-blank #sidebar {display:block; width:100%; padding:0; position:static; box-shadow:none;}
.pop.type-blank #sidebar .link {border-bottom:none;}
.pop.type-blank #sidebar.active {display:block; }
.pop.type-blank #sidebar .sidebar-wrap > .box_link > .link {background-color:transparent;}
.pop.type-blank #sidebar .sidebar-wrap {border-right:none;}
.pop.type-blank #sidebar .text {font-size:14px;}
.pop.type-blank #sidebar .sidebar-wrap > .box_link > .link {padding:3px 25px; padding-left:35px;}
.pop.type-blank #sidebar .link:before {top:10px;}

.pop.type-blank .wrap_box_ratio {max-width:345px; margin:0 auto; margin-bottom:35px; padding-top:0; border-right:1px solid #cecece;}
.pop.type-blank .wrap_box_ratio:after {display:none;}
.pop.type-blank .wrap_box_ratio .box_ratio {position:static;}
.pop.type-blank .wrap_box_ratio img {position:static; transform:none;}

.infoBox {border:1px solid #ddd; border-top:2px solid #009d52; padding:40px; margin-bottom:40px; padding-left:270px; background:url('../img/donation_img.png') no-repeat 40px center; background-size:200px auto;}
.infoBox h1 {font-size:2em; font-weight:600; margin-bottom:10px;}
.infoBox .inquiry dl {position:relative; display:flex; margin-top:20px; padding-left:100px; flex-wrap: wrap;}
.infoBox .inquiry dl dt {position:absolute; left:0; top:0; font-size:1.2em; font-weight:500; padding-right:50px;}
.infoBox .inquiry dl dd {display:flex; padding:3px 20px 3px 0;}
.infoBox .inquiry dl dd::before {content:""; width:4px; height:4px; background:#009d52; margin:10px 5px 0 0; min-width:4px;}
@media (max-width:911px){
.infoBox {padding:25px 20px; background:none;}
.infoBox h1 {font-size:1.3em;}
}
@media (max-width:560px){
.infoBox .inquiry dl {flex-flow: column; padding-left:0;}
.infoBox .inquiry dl dt {position:relative; left:auto; top:auto; padding:0; font-size:1.1em;}
.infoBox .inquiry dl dd {padding:0;}
}

/* down-popup */
.black {display:none; content:""; width:100%; height:100%; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); background-color:rgba(0,0,0,0.8); z-index:100;}
.black.active {display:block;}
.down-popup {max-width:650px; width:90%; height:auto; left:50%; top:50%; transform:translate(-50%, -50%);}
.down-popup.active {display:block;}
.down-popup .m-boardWrite.type-general01 .wrap-table {padding:0;}
.down-popup .m-input-textarea.type01 textarea {min-height:150px;}
.down-popup .m-boardWrite.type-general01 th {width:auto;}
.info-txt {margin-bottom:10px;}
@media (max-width:768px){
.down-popup .m-boardWrite.type-general01 .wrap-table {padding:0 15px;}
}
@media (max-width:420px){
.down-popup .m-boardWrite.type-general01 th {display:block; padding:0; padding-top:10px;}
.down-popup .m-boardWrite.type-general01 td {display:block; padding:0; padding-bottom:10px;}
}



/* east-top */
.east-top {background:url('../img/bg_eastsea2.png') no-repeat center;}
.east-top .box {text-align:center; padding:105px 0 135px;}
.east-top .box h2 {font-size:48px; font-weight:500; color:#fff; margin:25px 0; text-shadow:1px 1px 7px #000000; }
.east-top .box h3 {font-size:28px; color:#fff; margin:0 0 45px; text-shadow:1px 1px 6px #000000;}

.east-top .top-quick {display: flex; flex-wrap: wrap;  justify-content: center; margin-top: 45px;}
.east-top .top-quick .quick-item{margin: 0 15px;}
.east-top .top-quick .quick-item p{color: #fff; font-size:1em; margin-top: 7px;}
.east-top .top-quick .quick-item .circle{position: relative;  border-radius: 100%; background-color: rgba(255, 255, 255, 0.15); width: 75px; height: 75px;}
.east-top .top-quick .quick-item:nth-child(1) .circle::after{content: ''; background: url('../img/top-quick-icon1.png')no-repeat center center; padding: 17px 16px; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}
.east-top .top-quick .quick-item:nth-child(2) .circle::after{content: ''; background: url('../img/top-quick-icon2.png')no-repeat center center; padding: 17px 16px; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}
.east-top .top-quick .quick-item:nth-child(3) .circle::after{content: ''; background: url('../img/top-quick-icon3.png')no-repeat center center; padding: 17px 16px; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}
.east-top .top-quick .quick-item:nth-child(4) .circle::after{content: ''; background: url('../img/top-quick-icon4.png')no-repeat center center; padding: 17px 16px; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}
.east-top .top-quick .quick-item:nth-child(5) .circle::after{content: ''; background: url('../img/top-quick-icon5.png')no-repeat center center; padding: 17px 16px; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}

.east-top .top-quick .quick-item:nth-child(1):hover .circle::after{content: ''; background: url('../img/top-quick-icon1-hover.png')no-repeat center center; padding: 17px 16px; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}
.east-top .top-quick .quick-item:nth-child(2):hover .circle::after{content: ''; background: url('../img/top-quick-icon2-hover.png')no-repeat center center; padding: 17px 16px; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}
.east-top .top-quick .quick-item:nth-child(3):hover .circle::after{content: ''; background: url('../img/top-quick-icon3-hover.png')no-repeat center center; padding: 17px 16px; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}
.east-top .top-quick .quick-item:nth-child(4):hover .circle::after{content: ''; background: url('../img/top-quick-icon4-hover.png')no-repeat center center; padding: 17px 16px; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}
.east-top .top-quick .quick-item:nth-child(5):hover .circle::after{content: ''; background: url('../img/top-quick-icon5-hover.png')no-repeat center center; padding: 17px 16px; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}



@media (max-width:991px){
.east-top .box {padding:75px 0; margin:-5px 0;}
.east-top .box h2 {font-size:35px; margin:15px 0;}
.east-top .box h3 {font-size:1.25em; margin:0 0 25px; word-break:keep-all;}
.east-top .top-quick .quick-item .circle{width: 50px; height: 50px;}
.east-top .top-quick .quick-item p{color: #fff; font-size: 14px; margin-top: 7px;}
.east-top .top-quick .quick-item:nth-child(1) .circle::after{background-size: 100%; padding: 11px 14px;}
.east-top .top-quick .quick-item:nth-child(2) .circle::after{background-size: 100%; padding: 15px 14px;}
.east-top .top-quick .quick-item:nth-child(3) .circle::after{background-size: 100%; padding: 14px 14px;}
.east-top .top-quick .quick-item:nth-child(4) .circle::after{background-size: 100%; padding: 11px 14px;}
.east-top .top-quick .quick-item:nth-child(5) .circle::after{background-size: 100%; padding: 11px 14px;}



.east-top .top-quick .quick-item:nth-child(1):hover .circle::after{padding: 11px 14px;}
.east-top .top-quick .quick-item:nth-child(2):hover .circle::after{padding: 15px 14px;}
.east-top .top-quick .quick-item:nth-child(3):hover .circle::after{padding: 14px 14px;}
.east-top .top-quick .quick-item:nth-child(4):hover .circle::after{padding: 11px 14px;}
.east-top .top-quick .quick-item:nth-child(5):hover .circle::after{padding: 11px 14px;}




}
@media (max-width:767px){
.east-top .box h3 {font-size:1.06em;;}
}

/* east-board */
.east-board {padding:100px 0;}
.east-board .east-board-list .list {display:flex; flex-wrap:wrap;}
.east-board .east-board-list .list .list-item:first-of-type {width:324px;}
.east-board .east-board-list .list .list-item:last-of-type {width:486px;}
.east-board .east-board-list .list .list-item:nth-of-type(2) {padding:0 50px; flex:1; min-width:0;}
.east-board .east-board-list .list .list-item .list-head {margin:0 0 30px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.east-board .east-board-list .list .list-item .list-head h2 {font-size:32px; font-weight:bold; color:#111;}
.east-board .east-board-list .list .list-body .swiper-container {padding:0;}
.east-board .east-board-list .list .list-body .swiper-container a {position:relative; display:block; overflow:hidden;}
.east-board .east-board-list .list .list-body .swiper-container a > div {display:none; padding:20px 10px 30px; position:absolute; left:0; bottom:0; width:100%; background:rgba(0,0,0,0.65); border-radius:0 0 10px 10px;}
.east-board .east-board-list .list .list-body .swiper-container a > div p {font-size:1.25em; font-weight:500; color:#fff; text-align:center; line-height:1.3;}
.east-board .east-board-list .list .list-body .swiper-container a > div span {margin:14px auto 0; font-size:1.13em; font-weight:bold; color:#9ccac7; width:200px; height:40px; background:#fff; border-radius:5px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.east-board .east-board-list .list .list-body .swiper-container a img {max-width:100%;}
.east-board .east-board-list .list .list-body .swiper-container a:hover > div {display:block;}
.east-board .east-board-list .list .list-body .list-body-board dl dd a {display:flex; flex-wrap:wrap; align-items:center; padding:35px 0; border-bottom:1px solid #e5e5e5;}
.east-board .east-board-list .list .list-body .list-body-board dl dd a time {font-size:1em; color:#fff; width:75px; height:75px; border-radius:5px; background:#c5c5c5; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; align-content:center;}
.east-board .east-board-list .list .list-body .list-body-board dl dd a time b {display:block; text-align:center; font-size:32px; font-weight:bold; color:#fff; line-height:1;}
.east-board .east-board-list .list .list-body .list-body-board dl dd a div {flex:1; min-width:0; padding-left:20px;}
.east-board .east-board-list .list .list-body .list-body-board dl dd a div strong {font-size:1.13em; font-weight:600; color:#111; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.east-board .east-board-list .list .list-body .list-body-board dl dd a div p {font-size:1em; margin:5px 0 0; color:#666; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.east-board .east-board-list .list .list-body .list-body-board dl dd:first-of-type a {padding-top:0;}
.east-board .east-board-list .list .list-item:first-of-type .swiper-container {border-radius:10px; box-shadow:0 0 10px rgba(0,0,0,0.2);}
@media (max-width:1500px){
.east-board .east-board-list .list .list-item:nth-of-type(2) {padding:0 20px;}
}
@media (max-width:1200px){
.east-board {padding:50px 0;}
.east-board .east-board-list .list .list-item:first-of-type {width:250px;}
.east-board .east-board-list .list .list-item:last-of-type {width:370px;}
.east-board .east-board-list .list .list-body .list-body-board dl dd a {padding:16px 0;}
}
@media (max-width:991px){
.east-board .east-board-list .list .list-item {width:100% !important;}
.east-board .east-board-list .list .list-item:nth-of-type(2) {padding:0; order:2; flex:none; margin:30px 0 0;}
.east-board .east-board-list .list .list-item:last-of-type {margin-left:0; order:3; margin:30px 0 0;}
.east-board .east-board-list .list .list-item .list-head {margin:0 0 15px;}
.east-board .east-board-list .list .list-item .list-head h2 {font-size:25px;}
.east-board .east-board-list .list .list-body .swiper-container a > div {display:block !important;}
.east-board .east-board-list .list .list-body .swiper-container a > div p {font-size:1.06em;;}
.east-board .east-board-list .list .list-body .swiper-container a > div span {font-size:13px; width:100px; height:30px;}
.east-board .east-board-list .list .list-body .swiper-container a img {width:100%;}
.east-board .east-board-list .list .list-body .list-body-board dl dd a {padding:10px 0;}
.east-board .east-board-list .list .list-body .list-body-board dl dd a time {width:52px; height:52px; font-size:13px;}
.east-board .east-board-list .list .list-body .list-body-board dl dd a time b {font-size:22px;}
.east-board .east-board-list .list .list-body .list-body-board dl dd a div {padding-left:10px;}
.east-board .east-board-list .list .list-body .list-body-board dl dd a div strong {font-size:15px;}
.east-board .east-board-list .list .list-body .list-body-board dl dd a div p {font-size:13px; margin:2px 0 0;}
}

/* east-search */
.east-search {background:#90dad5; padding:100px 0;}
.east-search .search-title h2 {font-size:40px; color:#fff; font-weight:500;}
.east-search .search-title p {font-size:1.13em; color:#fff; margin:20px 0 0;}
.east-search .search-list {margin:50px 0 0;}
.east-search .search-list ul {overflow:hidden; border-radius:10px; border:1px solid #fff; max-width:1183px; margin-left:auto; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end;}
.east-search .search-list ul li {flex:1; min-width:0; overflow:hidden; transition:all ease 0.5s; border-right:1px solid #fff;}
.east-search .search-list ul li:last-of-type {border-right:0;}
.east-search .search-list ul li a {min-width:260px; display:flex; flex-wrap:wrap; align-items:center; align-content:center; height:218px; padding:36px;}
.east-search .search-list ul li a strong {display:block; width:100%; font-size:24px; color:#fff; font-weight:600;}
.east-search .search-list ul li a div {width:100%; height:44px; margin:44px 0 0; display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between;}
.east-search .search-list ul li a div:before {display:inline-block; content:""; width:46px; height:44px;}
.east-search .search-list ul li a div:after {display:inline-block; content:""; width:65px; height:13px; background:url('../img/icon_search_arrow.png') no-repeat center / cover;}
.east-search .search-list ul li:nth-of-type(1) a div:before {background:url('../img/icon_sub_search_01.png') no-repeat center / 41px;}
.east-search .search-list ul li:nth-of-type(2) a div:before {background:url('../img/icon_sub_search_02.png') no-repeat center / 46px 42px;}
.east-search .search-list ul li:nth-of-type(3) a div:before {background:url('../img/icon_sub_search_03.png') no-repeat center / 43px;}
.east-search .search-list ul li:nth-of-type(4) a div:before {background:url('../img/icon_sub_search_04.png') no-repeat center / 44px;}
.east-search .search-list ul li:nth-of-type(1):hover a div:before {background-image:url('../img/icon_sub_seaerch_on_01.png');}
.east-search .search-list ul li:nth-of-type(2):hover a div:before {background-image:url('../img/icon_sub_seaerch_on_02.png');}
.east-search .search-list ul li:nth-of-type(3):hover a div:before {background-image:url('../img/icon_sub_seaerch_on_03.png');}
.east-search .search-list ul li:nth-of-type(4):hover a div:before {background-image:url('../img/icon_sub_seaerch_on_04.png');}
.east-search .search-list ul li:hover {}
.east-search .search-list ul li:hover a {background:#fff;}
.east-search .search-list ul li:hover a strong {color:#000;}
.east-search .search-list ul li:hover a div:after {background-image:url('../img/icon_search_arrow_on.png');}

@media (max-width:991px){
.east-search {padding:50px 0;}
.east-search .search-title h2 {font-size:30px;}
.east-search .search-title p {font-size:1em; margin:10px 0 0;}
.east-search .search-list {margin:25px 0 0;}
.east-search .search-list ul li {width:50% !important; flex:none;}
.east-search .search-list ul li:nth-of-type(1),
.east-search .search-list ul li:nth-of-type(2) {border-bottom:1px solid #fff;}
.east-search .search-list ul li a {min-width:auto; padding:15px; height:175px;}
.east-search .search-list ul li a strong {font-size:1.25em;}
.east-search .search-list ul li a div {height:34px; margin:25px 0 0;}
.east-search .search-list ul li a div:after {width:36px; height:8px;}
.east-search .search-list ul li:nth-of-type(1) a div:before {background-size:31px;}
.east-search .search-list ul li:nth-of-type(2) a div:before {background-size:36px 32px;}
.east-search .search-list ul li:nth-of-type(3) a div:before {background-size:32px;}
.east-search .search-list ul li:nth-of-type(4) a div:before {background-size:33px;}
.east-search .search-list ul li:nth-of-type(1) a,
.east-search .search-list ul li:nth-of-type(4) a {background:#fff;}
.east-search .search-list ul li:nth-of-type(1) a strong,
.east-search .search-list ul li:nth-of-type(4) a strong {color:#000;}
.east-search .search-list ul li:nth-of-type(1) a div:after,
.east-search .search-list ul li:nth-of-type(4) a div:after {background-image:url('../img/icon_search_arrow_on.png');}
.east-search .search-list ul li:nth-of-type(1) a div:before {background-image:url('../img/icon_sub_seaerch_on_01.png');}
.east-search .search-list ul li:nth-of-type(4) a div:before {background-image:url('../img/icon_sub_seaerch_on_04.png');}
}

/* east-gallery */
.east-gallery {padding:100px 0; background-color: #f6faf9;}
.east-gallery .container {position:relative;}
.east-gallery h2 {text-align:center; font-size:40px; font-weight:600; color:#111;}
.east-gallery h3 {text-align:center; font-size:1.13em; color:#111; margin:5px 0 0;}
.east-gallery .swiper-container {margin:100px 0 0; padding:0 0 50px;}
.east-gallery .swiper-slide {transition:all ease 0.5s; top:0;}
.east-gallery .swiper-slide.swiper-slide-next {top:50px;}
.east-gallery .swiper-slide.swiper-slide-duplicate-prev {top:50px;}
.east-gallery .swiper-button-prev {left:-40px; width:20px; height:35px; background:url('../img/icon_gallery_prev.png') no-repeat center / cover;}
.east-gallery .swiper-button-next {right:-40px; width:20px; height:35px; background:url('../img/icon_gallery_next.png') no-repeat center / cover;}
.east-gallery a {display:block;}
.east-gallery a .list-image {background-size:cover; background-position:center; border-radius:10px;}
.east-gallery a .list-image:after {display:block; content:""; padding-bottom:100%;}
.east-gallery a .list-content {margin:30px 0 0;}
.east-gallery a .list-content strong {width:100%; font-size:24px; display:-webkit-box; word-wrap:break-word; max-height:70px; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.east-gallery a .list-content p {font-size:1.13em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:600;}
.east-gallery a .list-content > div {display:flex; flex-wrap:wrap; align-items:center; margin:20px 0 0;}
.east-gallery a .list-content > div span {width:80px; height:32px; border-radius:5px; background:#454545; color:#fff; font-size:1em; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
@media (max-width:1500px){
.east-gallery .swiper-container {padding:30px 0 0;}
.east-gallery .swiper-slide.swiper-slide-active {top:-30px;}
.east-gallery .swiper-slide.swiper-slide-next {top:0;}
.east-gallery .swiper-slide.swiper-slide-duplicate-prev {top:0;}
}
@media (max-width:991px){
.east-gallery {padding:50px 0; margin:0 -15px;}
.east-gallery h2 {font-size:30px;}
.east-gallery h3 {font-size:15px;}
.east-gallery .swiper-container {margin:50px 0 0; padding:30px 0 0;}
.east-gallery a .list-content {margin:10px 0 0;}
.east-gallery a .list-content strong {font-size:1.13em;}
.east-gallery a .list-content p {font-size:14px;}
.east-gallery a .list-content > div {margin:5px 0 0;}
.east-gallery a .list-content > div span {width:60px; height:28px; font-size:12px;}
}

/* yanggu-cate */
.yanggu-cate {padding:75px 0 35px;}
.yanggu-cate ul {display:flex; width:100%; gap:15px;}
.yanggu-cate ul li {flex:1;}
.yanggu-cate ul li a {height:50px; background:#ededed; color:#111; font-size:1.13em; font-weight:500; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.yanggu-cate ul li:hover a {position:relative;}
.yanggu-cate ul li:hover a:before {position:absolute; left:0; top:0; width:100%; height:3px; background:#009d52; content:"";}
.yanggu-cate ul li.active a {position:relative;}
.yanggu-cate ul li.active a:before {position:absolute; left:0; top:0; width:100%; height:3px; background:#009d52; content:"";}
@media (max-width:1500px){
}
@media (max-width:768px){
.yanggu-cate {padding:30px 0;}
.yanggu-cate ul {flex-wrap:wrap; gap:5px;}
.yanggu-cate ul li {flex:auto; width:20%; padding:0; border:1px solid #e5e5e5;}
.yanggu-cate ul li a {height:35px; font-size:14px;}
.yanggu-cate ul li:hover a:before {height:2px;}
.yanggu-cate ul li.active a:before {height:2px;}
}

/* yanggu-search */
.yanggu-search {background:#f0f5f2; padding:45px 0;}
@media (max-width:991px){
.yanggu-search {padding:25px 0;}
}

/* yanggu-list */
.yanggu-list {padding:0 0 100px;}
.yanggu-list .list-total {display:flex; flex-wrap:wrap; align-items:center; font-size:1em; color:#111; margin:0 0 10px;}
.yanggu-list .list-total b {font-size:1em; color:#009d52; font-weight:bold;}
.yanggu-list .list {display:flex; flex-wrap:wrap; margin:0 -20px -40px;}
.yanggu-list .list .list-item {width:calc(25% - 40px); margin:0 20px 40px; border:2px solid #d1d1d1; border-radius:10px; overflow:hidden;}
.yanggu-list .list .list-item .list-image a {display:block; overflow:hidden; background-size:cover; background-repeat:no-repeat; background-position:center;}
.yanggu-list .list .list-item .list-image a:after {display:block; padding-bottom:83%; content:"";}
.yanggu-list .list .list-item .list-content {padding:25px 30px 30px;}
.yanggu-list .list .list-item .list-content > b {font-size:1em; color:#555;}
.yanggu-list .list .list-item .list-content > a {margin:10px 0 0; display:block; font-size:1.25em; color:#111; display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; line-height:1.3; max-height:52px;}
.yanggu-list .list .list-item .list-content > dl {display:flex; flex-wrap:wrap; align-items:center; margin:10px 0 0;}
.yanggu-list .list .list-item .list-content > dl dd {display:flex; flex-wrap:wrap; align-items:center; font-size:1em; color:#777;}
.yanggu-list .list .list-item .list-content > dl dd:after {display:inline-block; content:""; width:1px; height:12px; background:#777; margin:0 10px; position:relative; top:1px;}
.yanggu-list .list .list-item .list-content > dl dd:last-of-type:after {display:none;}
.yanggu-list .list .list-item .list-content > ul {display:flex; flex-wrap:wrap; align-items:center; margin:10px -5px 0;}
.yanggu-list .list .list-item .list-content > ul li {width:calc(33.33% - 10px); margin:0 5px;}
.yanggu-list .list .list-item .list-content > ul li > * {height:32px; background:#e4e4e4; color:#fff; font-size:1em; line-height:1; padding:0 0 2px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.yanggu-list .list .list-item .list-content > ul li.active > * {background:#1b1b1b;}
.yanggu-list .list .list-item:hover {border-color:#009d52;}
.yanggu-list .list .list-item.no-item {position:relative; width: 100%;border: none;border-top: 2px solid #ddd;border-bottom: 2px solid #ddd;border-radius: 0;}
.yanggu-list .list .list-item.no-item p {text-align:center; padding:100px 0; font-size:1.4em; display: flex; justify-content: center; color:#999;}
.yanggu-list .list .list-item.no-item p::before {content:""; display:inline-block; padding:30px 30px 0 0; background:url("../img/icon_notice.png") no-repeat center center;}

.yanggu-list .list-text .list-item {
	width:100%;
	margin-bottom:0; border-bottom:none;
	border-left:none; border-right:none; border-radius:0;
}
.yanggu-list .list-text .list-item:last-of-type {
	border-bottom:1px solid #d1d1d1;
}
.yanggu-list .list-text .list-image {
	display:none;
}
.yanggu-list .list-text .list-item .list-content > ul li {
	width:100px;
}
@media (max-width:1500px){
.yanggu-list .list {margin:0 -10px -20px;}
.yanggu-list .list .list-item {width:calc(25% - 20px); margin:0 10px 20px;}
.yanggu-list .list .list-item .list-content {padding:10px;}
.yanggu-list .list .list-item .list-content > a {font-size:1.06em;;}
.yanggu-list .list-text .list-item {width:100%;}
}
@media (max-width:1200px){
.yanggu-list .list .list-item {width:calc(33.33% - 20px);}
.yanggu-list .list-text .list-item {width:100%;}
}
@media (max-width:991px){
.yanggu-list {padding:0 0 50px;}
.yanggu-list .list {margin:0 -5px -10px;}
.yanggu-list .list .list-item {width:calc(33.33% - 10px); margin:0 5px 10px;}
.yanggu-list .list .list-item .list-content > b {font-size:12px;}
.yanggu-list .list .list-item .list-content > a {font-size:14px; margin:0; -webkit-line-clamp:1; line-height:1; max-height:15px;}
.yanggu-list .list .list-item .list-content > dl {margin:5px 0 0;}
.yanggu-list .list .list-item .list-content > dl dd {font-size:12px;}
.yanggu-list .list .list-item .list-content > dl dd:after {margin:0 5px; height:10px;}
.yanggu-list .list .list-item .list-content > ul {margin:5px -3px 0;}
.yanggu-list .list .list-item .list-content > ul li {width:calc(33.33% - 6px); margin:0 3px;}
.yanggu-list .list .list-item .list-content > ul li > * {font-size:11px; padding:0.1px 0 0; height:20px;}
.yanggu-list .list-text .list-item {width:100%;}
.yanggu-list .list .list-item.no-item p {font-size:1.1em;}
}
@media (max-width:767px){
.yanggu-list .list {margin:0 -2.5px -5px;}
.yanggu-list .list .list-item {width:calc(50% - 5px); margin:0 2.5px 5px;}
.yanggu-list .list .list-item .list-content {padding:0 10px 10px;}
.yanggu-list .list-text .list-item {width:100%;}
.yanggu-list .list-text .list-item .list-content > ul li {width:80px;}
}

/* yanggu-top */
.yanggu-top {position:relative;}
.yanggu-top:before {position:absolute; width:45%; height:100%; border-radius:0 0 50px 0; background:#f0f5f2; content:"";}
.yanggu-top .container {position:relative; padding-top:100px; padding-bottom:100px; display:flex; flex-wrap:wrap;}
.yanggu-top .top-image img {max-width:100%;}
.yanggu-top .top-image .top-image-title {margin:0 0 40px;}
.yanggu-top .top-image .top-image-title b {line-height:1; display:block; font-size:45px; font-weight:bold; color:#000; letter-spacing:-3px; padding-left:100px;}
.yanggu-top .top-content {flex:1; min-width:0; padding-left:150px;}
.yanggu-top .top-content .list-head {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 25px;}
.yanggu-top .top-content .list-head h2 {font-size:24px; font-weight:600; color:#002222;}
.yanggu-top .top-content .list-head .control {display:flex; flex-wrap:wrap; align-items:center; margin-left:13px; position:relative; top:1px;}
.yanggu-top .top-content .list-head .control > div {position:static; margin:0; width:9px; height:16px; margin:0 7px;}
.yanggu-top .top-content .list-head .control > div.swiper-button-prev {background:url('../img/icon_yanngu_prev.png') no-repeat center / cover !important;}
.yanggu-top .top-content .list-head .control > div.swiper-button-next {background:url('../img/icon_yanngu_next.png') no-repeat center / cover !important;}
.yanggu-top .top-content .top-new-data {margin:0 0 90px;}
.yanggu-top .top-content .top-new-data .list-body ul {display:flex; flex-wrap:wrap; justify-content:space-between;}
.yanggu-top .top-content .top-new-data .list-body ul li {width:calc(33.33% - 24px); background:#fff; border:1px solid #ededed; border-radius:20px;}
.yanggu-top .top-content .top-new-data .list-body ul li a {height:210px; padding:25px; display:flex; flex-wrap:wrap; align-items:center; align-content:space-between;}
.yanggu-top .top-content .top-new-data .list-body ul li a > div {width:100%;}
.yanggu-top .top-content .top-new-data .list-body ul li a > div small {display:block; font-size:1em; color:#002222;}
.yanggu-top .top-content .top-new-data .list-body ul li a > div strong {display:block; margin:10px 0 0; font-size:28px; font-weight:600; color:#002222; line-height:1; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.yanggu-top .top-content .top-new-data .list-body ul li a > div p {margin:10px 0 0; font-size:1.25em; font-weight:600; color:#002222; line-height:1; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.yanggu-top .top-content .top-new-data .list-body ul li a > sub {width:100%; text-align:right; font-size:1em; color:#666;}
.yanggu-top .top-content .top-new-data .list-body ul li:hover {border-color:#009d52;}
.yanggu-top .top-content .top-type-data ul li a {display:block; overflow:hidden; position:relative; border-radius:15px; background-size: cover;}
.yanggu-top .top-content .top-type-data ul li a:after {display:block; content:""; padding-bottom:100%;}
.yanggu-top .top-content .top-type-data ul li a > div {background:rgba(0,0,0,0.4); position:absolute; left:0; top:0; width:100%; height:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; align-content:center;}
.yanggu-top .top-content .top-type-data ul li a > div strong {width:100%; font-size:1.25em; text-align:center; font-weight:600; color:#fff; text-shadow:0 0 5px #000;}
.yanggu-top .top-content .top-type-data ul li a > div em {font-size:1.25em; color:#27d884; display:flex; flex-wrap:wrap; align-items:baseline; justify-content:center; text-shadow:0 0 5px #000;}
.yanggu-top .top-content .top-type-data ul li a > div em b {font-size:50px; font-weight:bold; color:#27d884; text-shadow:0 0 5px #000;}
@media (max-width:1500px){
.yanggu-top .top-content {padding-left:50px;}
}
@media (max-width:1200px){
.yanggu-top .top-image {width:330px;}
.yanggu-top .top-image .top-image-title b {padding-left:30px;}
.yanggu-top .top-content .top-new-data .list-body ul li {width:calc(33.33% - 15px);}
}
@media (max-width:991px){
.yanggu-top {background:#f0f5f2;}
.yanggu-top .container {padding-top:50px; padding-bottom:50px;}
.yanggu-top:before {display:none;}
.yanggu-top .top-image {width:100%; position:relative;}
.yanggu-top .top-image > img {position:absolute; right:-10%; top:-55%; width:80%; filter:grayscale(80%);}
.yanggu-top .top-image .top-image-title {position:relative; z-index:10; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.yanggu-top .top-image .top-image-title b {font-size:30px; text-shadow:0 0 5px #000; color:#fff; letter-spacing:-2px; margin-left:5px; padding-left:0;}
.yanggu-top .top-image .top-image-title img {width:120px;}
.yanggu-top .top-content {flex:none; width:100%; padding-left:0; position:relative;}
.yanggu-top .top-content .list-head {margin:0 0 10px;}
.yanggu-top .top-content .list-head h2 {font-size:1.25em;}
.yanggu-top .top-content .top-new-data {margin:0 0 35px;}
.yanggu-top .top-content .top-new-data .list-body ul {display:block; overflow-y:hidden; overflow-x:auto; white-space:nowrap; margin:0 -15px;}
.yanggu-top .top-content .top-new-data .list-body ul li {display:inline-block; width:220px; margin-right:10px;}
.yanggu-top .top-content .top-new-data .list-body ul li:first-of-type {margin-left:15px;}
.yanggu-top .top-content .top-new-data .list-body ul li:last-of-type {margin-right:15px;}
.yanggu-top .top-content .top-new-data .list-body ul li a {height:150px; padding:15px;}
.yanggu-top .top-content .top-new-data .list-body ul li a > div small {font-size:13px;}
.yanggu-top .top-content .top-new-data .list-body ul li a > div strong {margin:5px 0 0; font-size:1.25em;}
.yanggu-top .top-content .top-new-data .list-body ul li a > div p {margin:8px 0 0; font-size:1em;}
.yanggu-top .top-content .top-new-data .list-body ul li a > sub {font-size:14px;}
}
@media (max-width:767px){
.yanggu-top .top-content .top-type-data {margin:0 -15px;}
.yanggu-top .top-content .top-type-data .list-head {padding-left:15px;}
}

/* intro */
.area-intro{}
.area-intro .goal-wrap .goal-img img{display: block; margin: 0 auto;}
.area-intro .goal-text{background-color: #fafafa; border-radius: 15px; padding: 20px 35px; margin: 50px 0 75px 0; display: flex; align-items: center; justify-content: center;}
.area-intro .goal-text p{font-size: 24px; font-weight: 300; line-height: 40px; letter-spacing: -1px; color: #2f2f2f;}
.area-intro .goal-text p strong{font-weight: 400;letter-spacing: -1px;}

.area-intro .vision-wrap{}
.area-intro .vision-wrap h3.title{font-size: 46px; font-family: 'SEBANG_Gothic_Bold'; text-align: center; margin: 50px 0;}
.area-intro .vision-wrap .item-wrap{display: flex;}
.area-intro .vision-wrap .item-wrap .item{width: 29%; margin: 0 30px; border-radius: 15px; border: 1px solid #d2d2d2; }
.area-intro .vision-wrap .item-wrap .item h3{text-align: center; font-size: 23px; color: #fff; padding: 15px; border-radius: 15px; font-weight: 500; letter-spacing: -1px;}
.area-intro .vision-wrap .item-wrap .item h3.title1{background-color: #009d94;}
.area-intro .vision-wrap .item-wrap .item h3.title2{background-color: #006b9d;}
.area-intro .vision-wrap .item-wrap .item h3.title3{background-color: #009d52;}
.area-intro .vision-wrap .item-wrap .item ul {padding: 25px;}
.area-intro .vision-wrap .item-wrap .item ul li{margin-bottom: 10px; padding-left: 15px; position: relative; font-size:1.13em; word-break: keep-all; font-weight: 400; color: #3b3b3b; letter-spacing: -1px;}
.area-intro .vision-wrap .item-wrap .item ul li::before{content: ''; background-color: #d2d2d2; width: 5px; height: 5px; border-radius: 100%; display: block; left: 0; top:10px; position: absolute; }

.history-wrap{padding: 50px; margin-top: 50px; position: relative; /*background-color: #f5f5f5;*/ min-height: 800px;}
.history-wrap h3.title{font-size: 46px; font-family: 'SEBANG_Gothic_Bold'; text-align: center; margin: 50px 0;}
.history-wrap .content{display: flex;gap: 0 130px; justify-content: center;}
.history-wrap .content .history-title{font-size: 70px; font-family: 'SEBANG_Gothic_Bold'; margin: 50px 0; color: #009d52; position: relative;}
.history-wrap .content .history-title img{position: absolute; right: 0; top: 180px;}
.history-wrap .content .history{ margin: 50px 0;}
.history-wrap .content .history ul{position: relative;}
.history-wrap .content .history ul::before{content: ''; display: block; position: absolute; height: 160px; width: 1px; background: #009d52; top: 6px;}
.history-wrap .content .history ul li{ margin: 10px 0; padding-left: 50px; font-size:1.25em;}
.history-wrap .content .history ul li strong{font-size:1.25em; font-family: 'SEBANG_Gothic_Bold'; color: #009d52; margin-right: 30px;position: relative;}
.history-wrap .content .history ul li strong::before{content: ''; background-color: #fff; border-radius: 100%; border: 5px solid #009d52; width: 8px; height: 8px; display: block; position: absolute; left: -58px; top: -1px;}

@media (max-width:1024px){
	.history-wrap .content{flex-direction: column;}
	.history-wrap .content .history-title img{display: none;}
}

@media (max-width:768px){
	.history-wrap h3.title{font-size: 36px;}
	.area-intro .vision-wrap h3.title{font-size: 36px;}
	.history-wrap{padding: 10px; min-height: auto;}

	.history-wrap .content .history{margin: 25px 0;}
	.history-wrap .content .history-title{font-size: 65px; margin: 25px 0;}
	
	.history-wrap .content .history ul li strong{display: block;}
}

@media (max-width:425px){
	.area-intro .goal-text p{font-size:1.13em;}
	.history-wrap .content .history-title{font-size: 45px; margin: 0;}
	.history-wrap .content .history{margin: 15px 0;}
	.history-wrap .content .history ul li{font-size:1.13em; padding-left: 42px;}
	.history-wrap .content .history ul li strong::before{left: -50px;}
}

@media (max-width:1200px){
	.area-intro .vision-wrap .item-wrap .item{width: 33%; margin: 0 10px;}
	.area-intro .vision-wrap .item-wrap .item h3{font-size:1.25em; padding: 10px;}
	.area-intro .vision-wrap .item-wrap .item ul{padding: 15px;}
	.area-intro .vision-wrap .item-wrap .item ul li{font-size:1em;}
}

@media (max-width:1024px){
	.area-intro .goal-text p{font-size:1.25em; line-height: 35px;}
	.area-intro .goal-text p br{display: none;}
	.area-intro .goal-wrap .goal-img img{max-width: 574px; width: 100%;}
}

@media (max-width:768px){
	.area-intro .goal-text{padding: 20px;}
	.area-intro .vision-wrap .item-wrap{flex-direction: column;}
	.area-intro .vision-wrap .item-wrap .item{width: 100%; margin: 10px 0;}
}

@media (max-width:425px){
	.area-intro .goal-text p{font-size:1.13em; line-height: 30px;}
}

.youtube_frame {width:100%; height:450px}
@media (max-width:768px){
	.youtube_frame {height:350px}
}
@media (max-width:520px){
	.youtube_frame {height:250px}
}

/* 동해학인사말 추가 */
.dh_intro{min-width: 290px;}
.dh_intro .wrap{max-width: 1400px; width: 100%; margin: 0 auto; display: block;} 
.dh_intro .intro-top .top-title{background: url(../img/dh-introbg.png)no-repeat center center; background-size: cover; padding:130px 86px 93px 86px; border-radius: 15px;}
.dh_intro .intro-top .top-title h3{font-size: 36px; color: #fff; position: relative; letter-spacing: -1px;}
.dh_intro .intro-top .top-title h3 b{font-size: 36px; color: #fff; font-weight: bold;letter-spacing: -1px;}
.dh_intro .intro-top .top-title h3::before{content: ''; width: 92px; height: 3px; background-color: #fff; display: block; position: absolute; top: -12px; left: 3px;}
.dh_intro .intro-top .top-content{max-width: 1250px; width: 100%; display: block; margin: 50px auto 0;}

.dh_intro .intro-top .top-content p{font-size:1.13em; font-weight: 300; color: #000; margin-bottom: 30px; letter-spacing: -1px; line-height: 30px; word-break: keep-all;}
.dh_intro .intro-top .top-content p:last-of-type{margin-bottom: 0;}
.dh_intro .intro-bottom{margin-top: 75px; padding: 75px 0;}
.dh_intro .intro-bottom .title{font-size: 34px; font-weight: bold; color: #009d52; text-align: center;}
.dh_intro .intro-bottom .item-wrap{display: flex; flex-wrap: wrap;padding-top: 40px;}
.dh_intro .intro-bottom .item-wrap .item{width: calc(50% - 40px);padding:50px 0px 50px 20px; margin:30px 20px;  position: relative; padding-left: 250px;}
.dh_intro .intro-bottom .item-wrap .item::before{content: ''; background: url(../img/dh-intro-icon1.png)no-repeat; padding: 105px; position: absolute; left: 0; top: 0;}
.dh_intro .intro-bottom .item-wrap .item:nth-child(2):before{background: url(../img/dh-intro-icon2.png)no-repeat;}
.dh_intro .intro-bottom .item-wrap .item:nth-child(3):before{background: url(../img/dh-intro-icon3.png)no-repeat;}
.dh_intro .intro-bottom .item-wrap .item:nth-child(4):before{background: url(../img/dh-intro-icon4.png)no-repeat;}
.dh_intro .intro-bottom .item-wrap .item .item-title{font-size: 24px; font-weight: bold; margin-bottom: 25px; letter-spacing: -1px;}
.dh_intro .intro-bottom .item-wrap .item .item-txt{font-size:1.13em; font-weight: 300; letter-spacing: -1px;}

@media (max-width:1024px){
	.dh_intro .intro-bottom .item-wrap{margin: 30px -20px;}
	.dh_intro .intro-bottom .item-wrap .item{padding: 25px 0px 25px 20px; padding-left: 210px;}
	.dh_intro .intro-bottom .item-wrap .item::before{padding: 85px; background-size: 100%;}
	.dh_intro .intro-bottom .item-wrap .item:nth-child(2):before{padding: 95px; background-size: 100%;}
	.dh_intro .intro-bottom .item-wrap .item:nth-child(3):before{padding: 95px; background-size: 100%;}
	.dh_intro .intro-bottom .item-wrap .item:nth-child(4):before{padding: 95px; background-size: 100%;}
}

@media (max-width:800px){
	.dh_intro .intro-bottom .item-wrap .item{width: 100%; padding-left: 0; padding-top: 200px; text-align: center; margin: 0;}
	.dh_intro .intro-bottom .item-wrap .item::before{top: 0; left: 50%; transform: translateX(-50%);}
}

@media (max-width:582px){
	.dh_intro .intro-top .top-content{margin-top: 35px;}
	.dh_intro .intro-top .top-title{padding: 50px 50px 50px 50px;}
	.dh_intro .intro-top .top-title h3{font-size: 30px;}
	.dh_intro .intro-top .top-title h3 b{font-size: 30px;}
	.dh_intro .intro-top .top-title h3::before{width: 77px;}
	.dh_intro .intro-top .top-content p{font-size:1em;}
	.dh_intro .intro-bottom{margin-top: 25px; padding: 50px 0;}
	.dh_intro .intro-bottom .title{font-size: 28px;}
	
	.dh_intro .intro-bottom .item-wrap .item .item-title{font-size: 22px; margin-bottom: 15px;}
	.dh_intro .intro-bottom .item-wrap .item .item-txt{font-size:1em;}
}

@media (max-width:425px){
	.dh_intro .intro-top .top-title h3{font-size: 28px;}
	.dh_intro .intro-top .top-title h3 b{font-size: 28px;}
	.dh_intro .intro-top .top-title h3::before{width: 71px;}
}

@media (max-width:320px){
	.dh_intro .intro-top .top-title{padding: 50px 0px 40px 10px;}
	.dh_intro .intro-top .top-title h3{font-size: 26px;}
	.dh_intro .intro-top .top-title h3 b{font-size: 26px;}
	.dh_intro .intro-top .top-title h3::before{width: 65px;}
	.dh_intro .intro-top .top-content p{margin-bottom: 25px; line-height:26px;}
	.dh_intro .intro-bottom{padding-bottom: 0px;}
}

.area_dhinfo{min-width: 290px}
.area_dhinfo .title{font-size: 34px; color: #009d52; text-align: center; font-weight: bold; margin-bottom: 10px;}
.area_dhinfo .item-content{display: flex; gap: 0 55px;padding: 50px; border-bottom: 1px solid #e5e5e5;}
.area_dhinfo .item-content:last-of-type{border-bottom: 0;}
.area_dhinfo .item-content .item-text{flex: 1; width: 100%;}
.area_dhinfo .item-content .subtitle{font-size:1.25em; font-weight: 500; letter-spacing: -1px; }
.area_dhinfo .item-content .subtext{font-size:1.13em; font-weight: 300; padding-left: 14px; position: relative; margin-left: 8px; margin-top: 25px; letter-spacing: -1px; word-break: break-all;}
.area_dhinfo .item-content .subtext::before{content:'';width: 4px; height: 13px; background-color: #009d52; display: block; position: absolute; left: 0; top: 7px;}
.area_dhinfo .item-content .table-wrap table{width:100%; border: 1px solid #dcdcdc;margin: 0 0 0 8px; margin-top: 13px; }
.area_dhinfo .item-content .table-wrap table th{border-top: 1px solid #009d52; padding: 20px; background-color: #f5f5f5; border-left: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; color: #333333; font-size:1.13em; font-weight: 500;}
.area_dhinfo .item-content .table-wrap table td{padding: 10px 20px;border-left: 1px solid #dcdcdc; text-align: center; }
.area_dhinfo .item-content .table-wrap table td p{font-size:1em; color: #5a5855; font-weight: 300;}
.area_dhinfo .item-content .list-type{margin-top: 15px;}
.area_dhinfo .item-content .list-type li{padding-left: 15px; position: relative; margin:7px 0 0 15px;  color: #323232; font-size:1em; font-weight: 300;}
.area_dhinfo .item-content .list-type li::before{content: ''; width: 5px; height: 5px; background-color: #a0a0a0; display: block; position: absolute; left: 0; top: 10px; border-radius: 100%;}
.area_dhinfo .item-content .list-type li strong{font-weight: 400;}
.area_dhinfo .item-content .download {display: flex;  gap: 0 55px; margin:15px 0 0 22px;}
.area_dhinfo .item-content .download .download-item {position: relative; border-radius: 22px; border:1px solid #959595; padding:9px 30px; font-size:1em;}
.area_dhinfo .item-content .download .download-item::after{content: '';  display: block; position: absolute; background: url('../img/icon_double_small_arrow_rigth_gray.png');padding: 9px; right: -38px; top: 12px;}
.area_dhinfo .item-content .download .download-item:last-child:after{display: none;}
.area_dhinfo .item-content .download .download-item span{color: #009d52; margin-right: 10px; font-weight: bold; font-size: 14px;}

@media (max-width:1241px){
	.area_dhinfo .item-content .download .download-item span{display: block;}
	.area_dhinfo .item-content .download .download-item::after{top: 50%; transform: translateY(-50%);}

}

@media (max-width:1100px){
	.area_dhinfo .item-content .table-wrap table th{padding: 15px;}
	.area_dhinfo .item-content .table-wrap table td{padding: 10px;}
}

@media (max-width:1024px){
	.area_dhinfo .item-content .table-wrap {width:100%; margin-right:-20px; overflow-y:auto; white-space: nowrap;}
	.area_dhinfo .item-content .item-text{flex: none;}
	.area_dhinfo .item-content{flex-direction: column;}
	.area_dhinfo .item-content .item-icon{margin: 15px auto;}
	.area_dhinfo .item-content .item-icon img{width: 170px; height: 170px;}
	.area_dhinfo .item-content .subtitle{font-size:1.13em;}
	.area_dhinfo .item-content .subtext{font-size:1em;}
	.area_dhinfo .item-content .table-wrap table th{font-size:1em;}
	.area_dhinfo .item-content .table-wrap table td p{font-size: 14px;}
	.area_dhinfo .item-content .download{flex-wrap: wrap;}
	.area_dhinfo .item-content .download .download-item{padding: 9px 20px; margin: 10px 0;}
}

@media (max-width:768px){
	.area_dhinfo .title{font-size: 30px;}
	.area_dhinfo .item-content{margin: 0; padding: 20px 0;}
}

/* 프린트 */

.print_wrap {padding-bottom:70px;}
.print_wrap * {font-size:1em;}
.print_wrap .print_section {max-width:700px; margin:0 auto;}
.print_wrap .print_cover {min-height:29cm; display:flex; flex-flow: column; justify-content: space-between; padding:30px 0px;}
.print_wrap .print_cover_head {display:flex; justify-content: space-between;}
.print_wrap .print_cover_title {padding:50px;}
.print_wrap .print_cover_title h1 {position:relative; font-size:3em; font-weight:600; padding:50px 0 50px 0; border-top:3px solid #009d52; border-bottom:3px solid #009d52; line-height:1.3; word-break: keep-all;}
.print_wrap .print_cover_title h1::before {content:""; position:absolute; left:0; top:-10px;}
.print_wrap .print_cover_title h1::after {content:"www.gwarchive.or.kr"; position:absolute; left:0; bottom:-40px; font-size:18px; font-weight:400; color:#009d52;}
.print_wrap .print_cover_part {padding:20px 50px;}
.print_wrap .print_cover_part p {position:relative; color:#009d52; font-size:1.3em; font-weight:600;}
.print_wrap .print_cover_part p::before {content:""; position:absolute; left:0; top:-10px; background:#009d52; display:inline-block; width:20px; height:3px; }
.print_wrap .print_cover_foot p {font-size:0.9em;}
.print_wrap .sub-detail-list {border:none; padding:0;}

.print_wrap .sub-detail-index ul li .list-body.scroll {height:auto;}
.print_wrap .sub-detail .detail-info dl dd p {flex:none;}
.print_wrap .sub-detail .detail-info dl dd .cc_info {display: block;position: relative;left: auto;top: auto;right: auto;bottom: auto;margin-left: 50px;}
.print_wrap .sub-detail .detail-info dl dd .cc_info dl dt {display:none;}
.print_wrap .sub-both {flex-flow: column;}
.print_wrap .sub-detail {width:100%;}
.print_wrap .sub-detail-index .detail-button,
.print_wrap .sub-detail-button,
.print_wrap .sub-detail-index ul li .list-head a b,
.print_wrap .sub-detail .detail-file {display:none;}

.print_wrap .print_footer {position:fixed; bottom:0; padding:10px; width:100%; max-width:100%; border-top:1px solid #ddd; background:#fff; text-align:center;}
.print_wrap .print_footer .btn {border-radius:5px; padding: 5px 20px; font-size: 0.9em; background:#1b1b1b; color:#fff;}

.print_line {height:10px; background:#efefef; margin:50px 0;}

@media print{
	.print_section {page-break-before:always; margin:0; padding:0; box-shadow:none;}
	.print_line {display:none;}
	.print_wrap .print_footer {display:none;}
    @page {margin:1.3cm 1.3cm}
    @page :first {margin:0 1.3cm}
}