/* container */
:root{
	--container-padding: 15px;
	--container-padding-minus: -15px;
}
.container {max-width: calc(1600px + (var(--container-padding) * 2)); margin:0 auto; padding:0 var(--container-padding); width:100%;}
.container-xxl {max-width: calc(1600px + (var(--container-padding) * 2));}
.container-xl {max-width: calc(1200px + (var(--container-padding) * 2));}
.container-lg {max-width: calc(991px + (var(--container-padding) * 2));}
.container-md {max-width: calc(767px + (var(--container-padding) * 2));}
.container-sm {max-width: calc(575px + (var(--container-padding) * 2));}
.container-xs {max-width: calc(400px + (var(--container-padding) * 2));}
.is-pc {display:block;}
.is-m {display:none;}
@media (max-width:991px){
.is-pc {display:none;}
.is-m {display:block;}
}

/* main-board */
.main-box .main-board {margin:80px 0 0;}
.main-box .main-board .container {display:flex; flex-wrap:wrap;}
.main-box .main-board .board-inner {flex:1; min-width:0; padding:15px 20px 20px; margin:0 60px 0 0; background:#e2f5f7; border-radius:20px;}
.main-box .main-board .board-inner:last-of-type {margin:0;}
.main-box .main-board .board-inner .board-head {display:flex; flex-wrap:wrap; align-items:center;}
.main-box .main-board .board-inner .board-head h2 {font-size:25px; font-weight:800; letter-spacing:-2px;}
.main-box .main-board .board-inner .board-head ul {flex:1; min-width:0; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end;}
.main-box .main-board .board-inner .board-head ul li {display:flex; flex-wrap:wrap; align-items:center;}
.main-box .main-board .board-inner .board-head ul li:after {width:1px; height:13px; display:block; content:""; background:#a0a0a0; margin:0 20px;}
.main-box .main-board .board-inner .board-head ul li:last-of-type:after {display:none;}
.main-box .main-board .board-inner .board-head ul li a {display:block; padding:20px 0; position:relative; font-size:17px;}
.main-box .main-board .board-inner .board-head ul li a:hover {text-decoration:underline;}
.main-box .main-board .board-inner .board-head ul li.active a {color:var(--color-active); font-weight:500;} 
.main-box .main-board .board-inner .board-head ul li.active a:after {position:absolute; left:50%; top:calc(100% - 7px); transform:translateX(-50%); width:13px; height:7px; background:url('../images/icon_main_board_active.png') no-repeat center / cover; content:"";}
.main-box .main-board .board-inner .board-head .more {width:24px; height:24px; display:block; font-size:0; background:url('../images/icon_plus.png') no-repeat center / 16px; margin:0 0 0 40px;}
.main-box .main-board .board-inner .board-body {background:#fff; padding:30px; border-radius:0 0 20px 20px;}
.main-box .main-board .board-inner .board-body .body-top a {display:flex; flex-wrap:wrap; align-items:center;}
.main-box .main-board .board-inner .board-body .body-top a .top-left {width:80px; height:80px; background:#636c7d; border-radius:8px; display:flex; flex-wrap:wrap; align-items:center; align-content:center; justify-content:center;}
.main-box .main-board .board-inner .board-body .body-top a .top-left b {width:100%; font-size:28px; font-weight:800; color:#fff; text-align:center; line-height:1.2;}
.main-box .main-board .board-inner .board-body .body-top a .top-left time {width:100%; text-align:center; color:#fff; font-size:14px;}
.main-box .main-board .board-inner .board-body .body-top a .top-right {flex:1; min-width:0; padding:0 0 0 30px;}
.main-box .main-board .board-inner .board-body .body-top a .top-right p {font-size:20px; font-weight:600; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main-box .main-board .board-inner .board-body .body-top a .top-right small {font-size:15px; font-weight:500; line-height:1.3; margin:5px 0 0; min-height:39px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.main-box .main-board .board-inner .board-body .body-top a:hover .top-right p {text-decoration:underline; color:var(--color-active);}
.main-box .main-board .board-inner .board-body .body-bottom {border-top:1px dashed #b4b4b4; padding:24px 0 0; margin:24px 0 0;}
.main-box .main-board .board-inner .board-body .body-bottom > ul > li {margin:0 0 10px;}
.main-box .main-board .board-inner .board-body .body-bottom > ul > li:last-of-type {margin:0;}
.main-box .main-board .board-inner .board-body .body-bottom > ul > li a {display:flex; flex-wrap:wrap; align-items:center;}
.main-box .main-board .board-inner .board-body .body-bottom > ul > li a:before {display:inline-block; content:""; width:4px; height:4px; background:#333; margin:0 8px 0 0;}
.main-box .main-board .board-inner .board-body .body-bottom > ul > li a p {flex:1; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:17px;}
.main-box .main-board .board-inner .board-body .body-bottom > ul > li a time {margin:0 0 0 15px; font-size:15px; color:#959595;}
.main-box .main-board .board-inner .board-body .body-bottom > ul > li a:hover p {text-decoration:underline;}
.main-box .main-board .board-inner .board-body .board-body-inner {display:none;}
.main-box .main-board .board-inner .board-body .board-body-inner.active {display:block;}
@media (max-width:1400px){
.main-box .main-board {margin:50px 0 0;}
.main-box .main-board .board-inner {margin:0 30px 0 0;}
.main-box .main-board .board-inner .board-head {justify-content:space-between;}
.main-box .main-board .board-inner .board-head h2 {order:1; min-width:0;}
.main-box .main-board .board-inner .board-head ul {flex:none; width:100%; order:3;}
.main-box .main-board .board-inner .board-head .more {order:2;}
}
@media (max-width:991px){
.main-box .main-board .board-inner {flex:none; width:100%; padding:15px; margin:0 0 15px; border-radius:10px;}
.main-box .main-board .board-inner:last-of-type {margin:0;}
.main-box .main-board .board-inner .board-head h2 {font-size:20px;}
.main-box .main-board .board-inner .board-head ul li {flex:1; min-width:0; position:relative;}
.main-box .main-board .board-inner .board-head ul li:after {position:absolute; right:0; top:50%; transform:translateY(-50%); margin:0;}
.main-box .main-board .board-inner .board-head ul li a {padding:10px 0; font-size:14px; text-align:center; width:100%;}
.main-box .main-board .board-inner .board-body {padding:15px; border-radius:0 0 10px 10px;}
.main-box .main-board .board-inner .board-body .body-top a .top-left {width:60px; height:60px;}
.main-box .main-board .board-inner .board-body .body-top a .top-left b {font-size:20px;}
.main-box .main-board .board-inner .board-body .body-top a .top-left time {font-size:10px;}
.main-box .main-board .board-inner .board-body .body-top a .top-right {padding:0 0 0 15px;}
.main-box .main-board .board-inner .board-body .body-top a .top-right p {font-size:15px;}
.main-box .main-board .board-inner .board-body .body-top a .top-right small {font-size:13px; min-height:33.78px;}
.main-box .main-board .board-inner .board-body .body-bottom {padding:15px 0 0; margin:15px 0 0;}
.main-box .main-board .board-inner .board-body .body-bottom > ul > li {margin:0 0 7px;}
.main-box .main-board .board-inner .board-body .body-bottom > ul > li a p {font-size:14px;}
.main-box .main-board .board-inner .board-body .body-bottom > ul > li a time {font-size:12px;}
}

/* main-category */
.main-box .main-category {margin:80px 0 0;}
.main-box .main-category .inner {display:flex; flex-wrap:wrap; border-radius:15px; overflow:hidden; background:#e2eaf7;}
.main-box .main-category .inner .cate-left {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:#32415e; width:240px;}
.main-box .main-category .inner .cate-left h2 {font-size:22px; color:#fff; text-align:center; width:100%;}
.main-box .main-category .inner .cate-right {padding:40px 50px; flex:1; min-width:0; position:relative;}
.main-box .main-category .inner .cate-right ul {display:flex; flex-wrap:wrap; margin:0 -5px -10px; position:relative; z-index:2;}
.main-box .main-category .inner .cate-right ul li {width:calc(11.11%  - 10px); margin:0 5px 10px;}
.main-box .main-category .inner .cate-right ul li a {height:35px; font-size:15px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px; background:#fff;}
.main-box .main-category .inner .cate-right ul li a:hover {background:#32415e; color:#fff;}
.main-box .main-category .inner .cate-right ul li.active a {background:#32415e; color:#fff;}
.main-box .main-category .inner .cate-right img {position:absolute; right:20px; bottom:-5px; width:155px;}
@media (max-width:1200px){
.main-box .main-category .inner .cate-left {width:200px;}
.main-box .main-category .inner .cate-right {padding:30px;}
}
@media (max-width:991px){
.main-box .main-category {margin:50px 0 0;}
.main-box .main-category .inner {border-radius:10px;}
.main-box .main-category .inner .cate-left {width:100%; padding:10px 0;}
.main-box .main-category .inner .cate-left h2 {font-size:20px;}
.main-box .main-category .inner .cate-right {flex:none; width:100%; padding:15px; font-size:14px;}
}
@media (max-width:767px){
.main-box .main-category .inner .cate-right ul li {width:calc(16.66% - 10px);}
.main-box .main-category .inner .cate-right img {width:100px;}
}
@media (max-width:500px){
.main-box .main-category .inner .cate-right ul li {width:calc(33.33% - 10px);}
}

/* main-sca */
.main-box .main-sca {margin:80px 0 0;}
.main-box .main-sca ul {display:flex; flex-wrap:wrap; justify-content:center;}
.main-box .main-sca ul li {flex:1; min-width:0;}
.main-box .main-sca ul li a {display:block; text-align:center;}
.main-box .main-sca ul li a:before {display:block; content:""; margin:0 auto; width:170px; height:170px; border-radius:50%; background-color:#e2eaf7; background-repeat:no-repeat; background-position:center;}
.main-box .main-sca ul li a p {text-align:center; font-size:20px; font-weight:500; margin:25px 0 0;}
.main-box .main-sca ul li a:hover p {text-decoration:underline; color:var(--color-active);}
.main-box .main-sca ul li:nth-of-type(1) a:before {background-image:url('../images/icon_main_sca_01.png'); background-size:66px auto;}
.main-box .main-sca ul li:nth-of-type(2) a:before {background-image:url('../images/icon_main_sca_02.png'); background-size:58px auto;}
.main-box .main-sca ul li:nth-of-type(3) a:before {background-image:url('../images/icon_main_sca_03.png'); background-size:63px auto;}
.main-box .main-sca ul li:nth-of-type(4) a:before {background-image:url('../images/icon_main_sca_04.png'); background-size:58px auto;}
.main-box .main-sca ul li:nth-of-type(5) a:before {background-image:url('../images/icon_main_sca_05.png'); background-size:65px auto;}
.main-box .main-sca ul li:nth-of-type(6) a:before {background-image:url('../images/icon_main_sca_06.png'); background-size:56px auto;}
@media (max-width:1200px){
.main-box .main-sca ul li a:before {width:120px; height:120px;}
.main-box .main-sca ul li:nth-of-type(1) a:before {background-size:56px;}
.main-box .main-sca ul li:nth-of-type(2) a:before {background-size:48px;}
.main-box .main-sca ul li:nth-of-type(3) a:before {background-size:53px;}
.main-box .main-sca ul li:nth-of-type(4) a:before {background-size:48px;}
.main-box .main-sca ul li:nth-of-type(5) a:before {background-size:55px;}
.main-box .main-sca ul li:nth-of-type(6) a:before {background-size:46px;}
}
@media (max-width:991px){
.main-box .main-sca {margin:50px 0 0;}
.main-box .main-sca ul {margin:0 0 -24px;}
.main-box .main-sca ul li {flex:none; width:33.33%; margin:0 0 24px;}
.main-box .main-sca ul li a p {font-size:14px; margin:10px 0 0;}
.main-box .main-sca ul li a:before {width:80px; height:80px;}
.main-box .main-sca ul li:nth-of-type(1) a:before {background-size:46px;}
.main-box .main-sca ul li:nth-of-type(2) a:before {background-size:38px;}
.main-box .main-sca ul li:nth-of-type(3) a:before {background-size:43px;}
.main-box .main-sca ul li:nth-of-type(4) a:before {background-size:38px;}
.main-box .main-sca ul li:nth-of-type(5) a:before {background-size:45px;}
.main-box .main-sca ul li:nth-of-type(6) a:before {background-size:36px;}
}

/* main-gallery */
.main-box .main-gallery {margin:120px 0 0;}
.main-box .main-gallery .list-head {display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; margin:0 0 45px;}
.main-box .main-gallery .list-head .head-left {display:flex; flex-wrap:wrap; align-items:center; flex:1; min-width:0; padding:0 30px 0 0;}
.main-box .main-gallery .list-head .head-left h2 {font-family:'YeogiOttaeJalnan'; font-size:45px;}
.main-box .main-gallery .list-head .head-left h2 b {font-family:'YeogiOttaeJalnan'; font-size:45px; color:#e85d52;}
.main-box .main-gallery .list-head .head-left p {flex:1; min-width:0; border-left:1px solid; padding:0 0 0 40px; margin:0 0 0 40px; font-size:18px; font-weight:300; word-break:keep-all;}
.main-box .main-gallery .list-head .head-right {display:flex; flex-wrap:wrap; align-items:center;}
.main-box .main-gallery .list-head .head-right .more {margin:0 0 0 15px; width:40px; height:40px; font-size:0; background:url('../images/icon_main_gallery_more.png') no-repeat center / cover;}
.main-box .main-gallery .list-body .swiper-container {overflow:hidden;}
.main-box .main-gallery .list-body a {display:block;}
.main-box .main-gallery .list-body a .list-image {position:relative; border-radius:10px; overflow:hidden;}
.main-box .main-gallery .list-body a .list-image:after {display:block; content:""; padding-bottom:100%;}
.main-box .main-gallery .list-body a .list-image img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:fill; transition:all ease 0.3s;}
.main-box .main-gallery .list-body a .list-content {margin:30px 0 0;}
.main-box .main-gallery .list-body a .list-content p {font-size:20px; font-weight:600; line-height:1.3; text-align:center; overflow:hidden; text-overflow:ellipsis; display:-wekbit-box; -wekbit-box-orient:vertical; -webkit-line-clamp:2;}
.main-box .main-gallery .list-body a .list-content div {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:15px 0 0;}
.main-box .main-gallery .list-body a .list-content div span {height:32px; background:var(--color-active); padding:0 20px; font-size:14px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px; color:#fff;}
.main-box .main-gallery .list-body a .list-content div span.off {background:#000;}
.main-box .main-gallery .list-body a:hover .list-image img {transform:scale(1.1);}
.main-box .main-gallery .list-body a:hover .list-content p {text-decoration:underline; color:var(--color-active);}
@media (max-width:991px){
.main-box .main-gallery {margin:50px 0 0;}
.main-box .main-gallery .list-head {margin:0 0 20px;}
.main-box .main-gallery .list-head .head-left {flex:none; width:100%; padding:0; margin:0 0 10px;}
.main-box .main-gallery .list-head .head-left h2 {font-size:25px;}
.main-box .main-gallery .list-head .head-left h2 b {font-size:25px;}
.main-box .main-gallery .list-head .head-left p {flex:none; width:100%; border:0; padding:0; margin:5px 0 0; font-size:15px;}
.main-box .main-gallery .list-head .head-right {justify-content:flex-end; width:100%;}
.main-box .main-gallery .list-head .head-right .more {margin:0 0 0 5px; width:30px; height:30px;}
.main-box .main-gallery .list-body a .list-content {margin:10px 0 0;}
.main-box .main-gallery .list-body a .list-content p {font-size:15px;}
.main-box .main-gallery .list-body a .list-content div {margin:5px 0 0;}
.main-box .main-gallery .list-body a .list-content div span {height:25px; padding:0 10px; font-size:11px;}
}

/* main-cast */
.main-box .main-cast {background:#33415e; margin:120px 0 0; padding:100px 0;}
.main-box .main-cast .cast-head {margin:0 0 50px;}
.main-box .main-cast .cast-head p {font-size:25px; font-weight:500; color:#fff; text-align:center;}
.main-box .main-cast .cast-head h2 {font-family:'YeogiOttaeJalnan'; font-size:45px; color:#fff; text-align:center;}
.main-box .main-cast .cast-head h2 b {font-family:'YeogiOttaeJalnan'; font-size:45px; color:#42ffcc;}
.main-box .main-cast .cast-body ul {display:flex; flex-wrap:wrap;}
.main-box .main-cast .cast-body ul li {flex:1; min-width:0; margin:0 25px 0 0;}
.main-box .main-cast .cast-body ul li:last-of-type {margin:0;}
.main-box .main-cast .cast-body ul li .list-image {display:block; overflow:hidden; position:relative; border-radius:15px;}
.main-box .main-cast .cast-body ul li .list-image:after {display:block; content:""; padding-bottom:56.5%;}
.main-box .main-cast .cast-body ul li .list-image iframe {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.main-box .main-cast .cast-body ul li .list-content {margin:20px 0 0;}
.main-box .main-cast .cast-body ul li .list-content p {font-size:18px; font-weight:500; color:#fff; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main-box .main-cast .cast-body ul li:hover .list-content p {text-decoration:underline; color:var(--color-active);}
.main-box .main-cast .cast-foot {margin:80px 0 0;}
.main-box .main-cast .cast-foot > div {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.main-box .main-cast .cast-foot > div a {display:block;}
.main-box .main-cast .cast-foot > div a span {font-size:17px; color:#fff; padding:0 0 15px; margin:0 0 15px; border-bottom:1px solid #fff; display:block;}
.main-box .main-cast .cast-foot > div a:after {display:block; content:""; width:15px; height:15px; background:url('../images/icon_plus_white.png') no-repeat center / cover; margin:0 auto;}
.main-box .main-cast .cast-foot > div a:hover span {text-decoration:underline;}
@media (max-width:1200px){
.main-box .main-cast .cast-body ul {margin:0 -10px -20px;}
.main-box .main-cast .cast-body ul li {flex:none; width:calc(50% - 20px); margin:0 10px 20px;}
}
@media (max-width:991px){
.main-box .main-cast {margin:50px 0 0; padding:50px 0;}
.main-box .main-cast .cast-head {margin:0 0 25px;}
.main-box .main-cast .cast-head p {font-size:20px;}
.main-box .main-cast .cast-head h2 {font-size:25px;}
.main-box .main-cast .cast-head h2 b {font-size:25px;}
.main-box .main-cast .cast-body ul {display:block; overflow-x:auto; white-space:nowrap; font-size:0; margin:0 -16px;}
.main-box .main-cast .cast-body ul li {display:inline-block; font-size:0; width:230px; margin:0 15px 0 0;}
.main-box .main-cast .cast-body ul li:first-of-type {margin-left:15px;}
.main-box .main-cast .cast-body ul li .list-image {border-radius:10px;}
.main-box .main-cast .cast-body ul li .list-content {margin:10px 0 0;}
.main-box .main-cast .cast-body ul li .list-content p {font-size:15px;}
.main-box .main-cast .cast-foot {margin:50px 0 0;}
.main-box .main-cast .cast-foot > div a span {font-size:15px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border:1px solid #fff; height:35px; padding:0 30px; border-radius:4px;}
.main-box .main-cast .cast-foot > div a:after {display:none;}
}

/* main-swiper */
.main-box .main-swiper {padding:30px 0 0;}
.main-box .main-swiper .swiper-container {overflow:hidden;}
.main-box .main-swiper .swiper-slide {transition:all ease 0.5s; display:flex; justify-content:center; align-items:center;}
.main-box .main-swiper .swiper-slide a {display:block; width:100%; transition:all ease 0.5s; width:100%; border-radius:20px; overflow:hidden;}
.main-box .main-swiper .swiper-slide a .list-image {position:relative; overflow:hidden;}
.main-box .main-swiper .swiper-slide a .list-image img {width:100%; height:580px; object-fit:cover; transition:all ease 0.5s; vertical-align:middle;}
.main-box .main-swiper .swiper-slide a .list-content {border-radius:0 0 20px 20px; padding:15px; position:absolute; left:0; bottom:0; width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:rgba(0,0,0,0.8); z-index:5;}
.main-box .main-swiper .swiper-slide a .list-content p {width:100%; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:16px; color:#fff;}
.main-box .main-swiper .swiper-slide a:hover .list-image img {transform:scale(1.1);}
.main-box .main-swiper .swiper-slide img {filter:grayscale(1);}
.main-box .main-swiper .swiper-slide.is-active img {filter:grayscale(0);}
.main-box .main-swiper .swiper-control {margin:70px 0 0;}
.main-box .main-swiper .swiper-control .container {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; max-width:1130px;}
.main-box .main-swiper .swiper-control .container .control-box {width:100%;}
@media (max-width:991px){
.main-box .main-swiper {padding:20px 0 0;}
.main-box .main-swiper .swiper-slide a .list-image img {height:300px;}
.main-box .main-swiper .swiper-slide a .list-content {padding:15px 10px;}
.main-box .main-swiper .swiper-slide a .list-content p {font-size:14px;}
.main-box .main-swiper .swiper-control {margin:15px 0 0;}
}
@media (max-width:500px){
.main-box .main-swiper .swiper-slide a .list-image img {height:200px;}
}

/* main-swiper2 */
.main-box .main-swiper2 {padding:30px 0 0;}
.main-box .main-swiper2 .swiper-container {overflow:hidden;}
.main-box .main-swiper2 .swiper-slide {transition:all ease 0.5s; display:flex; justify-content:center; align-items:center; width:auto !important; max-width:50%;}
.main-box .main-swiper2 .swiper-slide a {display:block; width:100%; transition:all ease 0.5s; width:100%; border-radius:20px; overflow:hidden;}
.main-box .main-swiper2 .swiper-slide a .list-image img {width:auto; height:500px; transition:all ease 0.5s; object-fit:cover;}
.main-box .main-swiper2 .swiper-slide a .list-content {border-radius:0 0 20px 20px; padding:15px; position:absolute; left:0; bottom:0; width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:rgba(0,0,0,0.8); z-index:5;}
.main-box .main-swiper2 .swiper-slide a .list-content p {width:100%; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:16px; color:#fff;}
.main-box .main-swiper2 .swiper-slide a:hover .list-image img {transform:scale(1.1);}
.main-box .main-swiper2 .swiper-control {margin:70px 0 0;}
.main-box .main-swiper2 .swiper-control .container {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; max-width:1130px;}
.main-box .main-swiper2 .swiper-control .container .control-box {width:100%;}
@media (max-width:991px){
.main-box .main-swiper2 {padding:20px 0 0;}
.main-box .main-swiper2 .swiper-slide {width:auto; max-width:300px;}
.main-box .main-swiper2 .swiper-slide a .list-image img {height:200px;}
.main-box .main-swiper2 .swiper-slide a .list-content {padding:15px 10px;}
.main-box .main-swiper2 .swiper-slide a .list-content p {font-size:14px;}
.main-box .main-swiper2 .swiper-slide.is-active {width:auto;}
.main-box .main-swiper2 .swiper-slide.is-prev {width:auto;}
.main-box .main-swiper2 .swiper-slide.is-next {width:auto;}
.main-box .main-swiper2 .swiper-control {margin:15px 0 0;}
}
@media (max-width:500px){
.main-box .main-swiper2 .swiper-slide a .list-image:after {padding-bottom:70%;}
}

/* search-box */
.search-box {margin:0 auto; display:flex; flex-wrap:wrap; align-items:center; border:2px solid #5c5c5c; border-radius:50px; overflow:hidden;}
.search-box select {width:147px; height:55px; padding:0 26px; font-size:16px; color:#424242; background:url('../images/icon_search_select.png') no-repeat right center / 13px auto; position:relative;}
.search-box input {flex:1; min-width:0; border-left:1px solid #a1a1a1; padding:0 0 0 25px; margin:0 25px; font-size:15px; font-weight:500;}
.search-box input::placeholder {color:#949494;}
.search-box .submit {width:25px; height:25px; font-size:0; background:url('../images/icon_search.png') no-repeat center / cover; margin:0 50px 0 0;}
@media (max-width:1200px){
.search-box select {width:100px; padding:0 15px;}
.search-box input {padding:0 0 0 15px; margin:0 0 0 15px;}
.search-box .submit {margin:0 15px 0 0; width:20px; height:20px;}
}
@media (max-width:991px){
.search-box select {height:45px; font-size:14px;}
.search-box input {font-size:14px;}
}

/* control-box */
.control-box {display:flex; flex-wrap:wrap; align-items:center;}
.control-box > * {width:20px; height:20px; font-size:0; margin:0; position:static; background-size:cover; background-position:center; background-repeat:no-repeat;}
.control-box .swiper-button-prev {background-image:url('../images/icon_control_prev.svg');}
.control-box .swiper-button-prev:after {display:none;}
.control-box .swiper-button-next {background-image:url('../images/icon_control_next.svg');}
.control-box .swiper-button-next:after {display:none;}
.control-box .swiper-pagination {margin:0 0 0 10px; font-size:16px; color:#9b9b9b; font-weight:500; display:flex; flex-wrap:wrap; align-items:center; width:auto;}
.control-box .swiper-pagination span {font-size:16px; color:#9b9b9b; font-weight:500; margin:0 5px;}
.control-box .swiper-pagination span.swiper-pagination-current {color:#000;}
.control-box .swiper-progress {position:relative; flex:1; min-width:0; margin:0 15px 0 0; height:2px; background:#d6d6d6;}
.control-box .swiper-progress .bar {position:absolute; left:0; top:0; height:100%; background:#000; transition:all ease 0.5s;}
.control-box .play {background-image:url('../images/icon_control_pause.svg'); background-size:14px;background-position:center;background-repeat:no-repeat;}
.control-box .play.active {background-image:url('../images/icon_control_play.svg'); background-size:14px;}
.control-box.border > * {width:40px; height:40px; border-radius:50%; border:1px solid #cecece; margin:0 5px 0 0;}
.control-box.border > *:last-child {margin:0;}
.control-box.border .swiper-button-prev {background-size:20px;}
.control-box.border .swiper-button-next {background-size:20px;}
@media (max-width:991px){
.control-box.border > * {width:30px; height:30px;}
}

/* sub-cate-box */
.sub-cate-box {background:#008f7e; margin:0 0 80px;}
.sub-cate-box .container {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.sub-cate-box .cate-left {display:flex; flex-wrap:wrap; align-items:center;}
.sub-cate-box .cate-left .home {display:block; font-size:0; width:18px; height:18px; background:url('../images/icon_home.png') no-repeat center / cover;}
.sub-cate-box .cate-left ul {display:flex; flex-wrap:wrap; align-items:center;}
.sub-cate-box .cate-left ul li {width:270px; position:relative; z-index:20;}
.sub-cate-box .cate-left ul li button {display:flex; flex-wrap:wrap; align-items:center; width:100%; height:70px;}
.sub-cate-box .cate-left ul li button:before {display:inline-block; content:""; width:1px; height:14px; background:#66bcb2; margin:0 25px;}
.sub-cate-box .cate-left ul li button:after {display:block; content:""; width:13px; height:7px; background:url('../images/icon_arrow_top_white.png') no-repeat center / cover; transform:rotate(180deg);}
.sub-cate-box .cate-left ul li button p {font-size:18px; color:#fff; flex:1; min-width:0; padding:0 10px 0 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:left;}
.sub-cate-box .cate-left ul li .inner {pointer-events:none; opacity:0; transition:all ease 0.5s; position:absolute; left:25px; top:90%; background:#fff; border:2px solid #008f7e;}
.sub-cate-box .cate-left ul li .inner ul {padding:10px 0;}
.sub-cate-box .cate-left ul li .inner ul li {width:100%;}
.sub-cate-box .cate-left ul li .inner ul li a {display:flex; flex-wrap:wrap; align-items:center; height:35px; padding:0 20px; font-size:16px;}
.sub-cate-box .cate-left ul li .inner ul li a:hover {text-decoration:underline;}
.sub-cate-box .cate-left ul li .inner ul li.active a {font-weight:500; color:var(--color-active);}
.sub-cate-box .cate-left ul li.active .inner {pointer-events:inherit; opacity:1; top:100%;}
.sub-cate-box .cate-right {display:flex; flex-wrap:wrap; align-items:center;}
.sub-cate-box .cate-right button {display:block; font-size:0; width:24px; height:24px; background-repeat:no-repeat; background-position:right center; margin:0 25px 0 0;}
.sub-cate-box .cate-right button:last-of-type {margin:0;}
.sub-cate-box .cate-right button.share {background-image:url('../images/icon_share.png'); background-size:22px auto;}
.sub-cate-box .cate-right button.print {background-image:url('../images/icon_print.png'); background-size:24px auto;}
.sub-cate-box.blue {background:#00408f;}
@media (max-width:991px){
.sub-cate-box {margin:0 0 25px;}
.sub-cate-box .container {padding:0 15px 0 0;}
.sub-cate-box .cate-left {flex:1; min-width:0;}
.sub-cate-box .cate-left .home {display:none;}
.sub-cate-box .cate-left ul li {flex:1; min-width:0; border-right:1px solid #66bcb2;}
.sub-cate-box .cate-left ul li button {height:50px; padding:0 15px;}
.sub-cate-box .cate-left ul li button:before {display:none;}
.sub-cate-box .cate-left ul li button:after {width:10px; height:6px;}
.sub-cate-box .cate-left ul li button p {font-size:15px;}
.sub-cate-box .cate-left ul li .inner {left:0;}
.sub-cate-box .cate-left ul li .inner ul li {flex:none; border:0;}
.sub-cate-box .cate-left ul li .inner ul li a {font-size:14px; height:30px; padding:0 10px;}
.sub-cate-box .cate-right {margin:0 0 0 12px;}
.sub-cate-box .cate-right button.share {margin:0; width:20px; height:20px; background-size:18px auto;}
.sub-cate-box .cate-right button.print {display:none;}
}

/* title-box */
.title-box h2 {font-size:50px; font-weight:500; text-align:center; margin:0 0 80px;}
@media (max-width:1200px){
.title-box h2 {font-size:35px;}
}
@media (max-width:991px){
.title-box h2 {font-size:25px; margin:0 0 25px;}
}

/* gallery-swiper-box */
.gallery-swiper-box .swiper-container {overflow:hidden; border-radius:20px; position:relative;}
.gallery-swiper-box .swiper-button-prev {width:60px; height:60px; background:#fff url('../images/icon_control_prev.svg') no-repeat center / 32px auto; border-radius:50%; left:20px;}
.gallery-swiper-box .swiper-button-prev:after {display:none;}
.gallery-swiper-box .swiper-button-next {width:60px; height:60px; background:#fff url('../images/icon_control_next.svg') no-repeat center / 32px auto; border-radius:50%; right:20px;}
.gallery-swiper-box .swiper-button-next:after {display:none;}
.gallery-swiper-box a {display:block; position:relative;}
.gallery-swiper-box a .list-image {border-radius:20px; display:block; position:relative; overflow:hidden;}
.gallery-swiper-box a .list-image:after {display:block; content:""; padding-bottom:60%;}
.gallery-swiper-box a .list-image img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; transition:all ease 0.5s;}
.gallery-swiper-box a .list-content {border-radius:0 0 20px 20px; padding:15px; position:absolute; left:0; bottom:0; width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:rgba(0,0,0,0.8);}
.gallery-swiper-box a .list-content p {width:100%; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:16px; color:#fff;}
.gallery-swiper-box a:hover .list-image img {transform:scale(1.1);}
@media (max-width:991px){
.gallery-swiper-box {margin:0 -16px;}
.gallery-swiper-box .swiper-container {border-radius:10px;}
.gallery-swiper-box .swiper-button-prev {left:2.5px; width:30px; height:30px; background-size:20px auto;}
.gallery-swiper-box .swiper-button-next {right:2.5px; width:30px; height:30px; background-size:20px auto;}
.gallery-swiper-box a .list-image {border-radius:10px;}
.gallery-swiper-box a .list-content {padding:15px 10px; border-radius:0 0 10px 10px;}
.gallery-swiper-box a .list-content p {font-size:14px;}
}

/* gallery-list-box */
.gallery-list-box .list-head {padding:0 0 25px; margin:0 0 25px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; border-bottom:2px solid #000;}
.gallery-list-box .list-head .head-left {flex:1; min-width:0; display:flex; flex-wrap:wrap; align-items:baseline; padding:0 20px 0 0;}
.gallery-list-box .list-head .head-left h3 {font-size:25px; font-weight:500;}
.gallery-list-box .list-head .head-left p {font-size:16px; margin:0 0 0 5px; font-weight:500;}
.gallery-list-box .list-head .head-right .more {font-size:0; width:20px; height:20px; background:url('../images/icon_plus.png') no-repeat center / cover;}
.gallery-list-box .list-body > ul {display:flex; flex-wrap:wrap; margin:0 -7.5px -40px;}
.gallery-list-box .list-body > ul > li {width:calc(25% - 15px); margin:0 7.5px 40px;}
.gallery-list-box .list-body > ul > li a {display:block;}
.gallery-list-box .list-body > ul > li a .list-image {position:relative; border-radius:15px; overflow:hidden;}
.gallery-list-box .list-body > ul > li a .list-image:after {display:block; content:""; padding-bottom:60%;}
.gallery-list-box .list-body > ul > li a .list-image img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; transition:all ease 0.5s;}
.gallery-list-box .list-body > ul > li a .list-content {padding:15px 15px 0;}
.gallery-list-box .list-body > ul > li a .list-content p {font-size:18px; font-weight:500; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.gallery-list-box .list-body > ul > li a .list-content small {font-size:15px; font-weight:500; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:block;}
.gallery-list-box .list-body > ul > li a:hover .list-image img {transform:scale(1.1);}
.gallery-list-box .list-body > ul > li a:hover .list-content p {text-decoration:underline; color:var(--color-active);}
@media (max-width:991px){
.gallery-list-box .list-head {padding:0 0 15px; margin:0 0 15px;}
.gallery-list-box .list-head .head-left h3 {font-size:20px;}
.gallery-list-box .list-head .head-left p {font-size:14px;}
.gallery-list-box .list-head .head-right .more {width:16px; height:16px;}
.gallery-list-box .list-body > ul {margin:0 -5px -20px;}
.gallery-list-box .list-body > ul > li {width:calc(33.33% - 10px); margin:0 5px 20px;}
.gallery-list-box .list-body > ul > li a .list-image {border-radius:10px;}
.gallery-list-box .list-body > ul > li a .list-image:after {padding-bottom:70%;}
.gallery-list-box .list-body > ul > li a .list-content {padding:5px 0 0;}
.gallery-list-box .list-body > ul > li a .list-content p {font-size:15px;}
.gallery-list-box .list-body > ul > li a .list-content small {font-size:12px;}
}
@media (max-width:767px){
.gallery-list-box .list-body > ul > li {width:calc(50% - 10px);}
}

/* gallery-view-box */
.gallery-view-box {max-width:1500px; margin:0 auto;}
.gallery-view-box .view-image {position:relative;}
.gallery-view-box .view-image .image {border:1px solid #cecece;}
.gallery-view-box .view-image .image img {width:100%;}
.gallery-view-box .view-image .content {position:absolute; left:0; top:0; background:rgba(0,0,0,0.8); padding:45px;}
.gallery-view-box .view-image .content ul li {margin:0 0 5px; display:flex; flex-wrap:wrap;}
.gallery-view-box .view-image .content ul li:before {display:inline-block; content:""; width:4px; height:4px; background:#fff; margin:0 10px 0 0; position:relative; top:9px;}
.gallery-view-box .view-image .content ul li p {flex:1; min-width:0; font-size:16px; color:#fff; word-break:keep-all;}
.gallery-view-box .view-content {padding:70px 20px;}
.gallery-view-box .view-content h3 {font-size:35px; font-weight:bold; text-align:center; word-break:keep-all; margin:0 0 30px;}
.gallery-view-box .view-content p {font-size:18px; text-align:center; word-break:keep-all; margin:0 0 20px;}
.gallery-view-box .view-content p:last-of-type {margin:0;}
.gallery-view-box .view-table {margin:70px 0 0; border:1px solid #000; border-width:2px 0 1px; display:flex; flex-wrap:wrap;}
.gallery-view-box .view-table .table-left {width:180px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.gallery-view-box .view-table .table-left .image {width:100px; height:115px; position:relative; overflow:hidden;}
.gallery-view-box .view-table .table-left .image img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.gallery-view-box .view-table .table-right {flex:1; min-width:0;}
.gallery-view-box .view-table .table-right ul {display:flex; flex-wrap:wrap;}
.gallery-view-box .view-table .table-right ul li {width:50%; display:flex; flex-wrap:wrap; border-bottom:1px solid #d6d6d6;}
.gallery-view-box .view-table .table-right ul li > strong {padding:20px 10px; width:174px; background:#f0f0f0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-size:16px; font-weight:700;}
.gallery-view-box .view-table .table-right ul li > div {flex:1; min-width:0; padding:20px;}
.gallery-view-box .view-table .table-right ul li > div p {font-size:16px; font-weight:500;}
.gallery-view-box .view-table .table-right ul li > div p a {font-size:16px; font-weight:500;}
.gallery-view-box .view-table .table-right ul li > div p a:hover {text-decoration:underline;}
.gallery-view-box .view-button {margin:30px 0 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.gallery-view-box .view-button ul {display:flex; flex-wrap:wrap; align-items:center;}
.gallery-view-box .view-button ul li {margin:0 5px 0 0;}
.gallery-view-box .view-button ul li:last-of-type {margin:0;}
.gallery-view-box .view-button ul li a {border:1px solid #333; color:#333; height:50px; font-size:16px; font-weight:500; padding:0 30px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.gallery-view-box .view-button ul li a.list {background:#333; color:#fff;}
.gallery-view-box .view-button ul li a.prev:before {display:inline-block; content:""; width:13px; height:20px; background:url('../images/icon_control_prev.svg') no-repeat center / cover; margin:0 15px 0 0;}
.gallery-view-box .view-button ul li a.next:after {display:inline-block; content:""; width:13px; height:20px; background:url('../images/icon_control_next.svg') no-repeat center / cover; margin:0 0 0 15px;}
.gallery-view-box .view-button ul li a:hover {text-decoration:underline;}
.gallery-view-box .view-comment {margin:60px 0 0; background:#f5f5f5; padding:30px;}
.gallery-view-box .view-comment .comment-head {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 15px;}
.gallery-view-box .view-comment .comment-head .head-check {display:flex; flex-wrap:wrap; align-items:center;}
.gallery-view-box .view-comment .comment-head .head-check input {appearance:auto; margin:0 10px 0 0; width:16px; height:16px;}
.gallery-view-box .view-comment .comment-head .head-check label {font-size:16px; font-weight:500;}
.gallery-view-box .view-comment .comment-head .head-select {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 0 50px;}
.gallery-view-box .view-comment .comment-head .head-select b {font-size:16px; font-weight:bold; margin:0 20px 0 0;}
.gallery-view-box .view-comment .comment-head .head-select select {height:40px; background:#fff; border:1px solid #cecece; appearance:auto; padding:0 10px; text-align:left; font-size:15px;}
.gallery-view-box .view-comment .comment-body textarea {display:block; width:100%; background:#fff; height:200px; padding:20px; font-size:15px;}
.gallery-view-box .view-comment .comment-body div {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:30px 0 0;}
.gallery-view-box .view-comment .comment-body div .btn {height:40px; background:#4457c8; color:#fff; padding:0 25px; font-size:16px; font-weight:500; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:0 15px 0 0;}
.gallery-view-box .view-comment .comment-body div .btn:last-of-type {margin:0;}
.gallery-view-box .view-comment-list {margin:60px 0 0; border:1px solid #000; border-width:1px 0;}
.gallery-view-box .view-comment-list > ul > li {border-bottom:1px dashed #666; padding:20px; display:flex; flex-wrap:wrap; align-items:center;}
.gallery-view-box .view-comment-list > ul > li:last-of-type {border:0;}
.gallery-view-box .view-comment-list > ul > li:nth-of-type(even) {background:#f7f7f7;}
.gallery-view-box .view-comment-list > ul > li .list-image {width:100px; height:115px; position:relative;}
.gallery-view-box .view-comment-list > ul > li .list-image img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.gallery-view-box .view-comment-list > ul > li .list-content {flex:1; min-width:0; padding:0 0 0 40px;}
.gallery-view-box .view-comment-list > ul > li .list-content .content-top {display:flex; flex-wrap:wrap; align-items:center;}
.gallery-view-box .view-comment-list > ul > li .list-content .content-top p {font-size:16px; font-weight:bold; margin:0 20px 0 0;}
.gallery-view-box .view-comment-list > ul > li .list-content .content-top a {height:24px; padding:0 10px; font-size:13px; font-weight:300; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; color:#fff; background:#333; margin:0 5px 0 0;} 
.gallery-view-box .view-comment-list > ul > li .list-content .content-bottom {margin:10px 0 0;}
.gallery-view-box .view-comment-list > ul > li .list-content .content-bottom p {font-size:16px; font-weight:500;}
@media (max-width:1200px){
.gallery-view-box .view-image .content {padding:20px;}
}
@media (max-width:991px){
.gallery-view-box .view-image .content {position:static; padding:25px 15px;}
.gallery-view-box .view-image .content ul li p {font-size:14px;}
.gallery-view-box .view-image .content ul li:before {top:8px;}
.gallery-view-box .view-content {padding:30px 15px;}
.gallery-view-box .view-content h3 {font-size:20px; margin:0 0 20px;}
.gallery-view-box .view-content p {font-size:14px; margin:0 0 10px;}
.gallery-view-box .view-table {margin:30px 0 0;}
.gallery-view-box .view-table .table-left {padding:15px; width:100%;}
.gallery-view-box .view-table .table-right {flex:none; width:100%; border-top:1px solid #d6d6d6;}
.gallery-view-box .view-table .table-right ul li {width:100%;}
.gallery-view-box .view-table .table-right ul li:last-of-type {border:0;}
.gallery-view-box .view-table .table-right ul li > strong {padding:10px 5px; width:100px; font-size:14px;}
.gallery-view-box .view-table .table-right ul li > div {padding:10px;}
.gallery-view-box .view-table .table-right ul li > div p {font-size:14px;}
.gallery-view-box .view-table .table-right ul li > div p a {font-size:14px;}
.gallery-view-box .view-button {margin:10px 0 0;}
.gallery-view-box .view-button ul li a {height:40px; font-size:14px; padding:0 20px;}
.gallery-view-box .view-button ul li a.prev:before {margin:0 8px 0 0;}
.gallery-view-box .view-button ul li a.next:after {margin:0 0 0 8px;}
.gallery-view-box .view-comment {margin:30px 0 0; padding:20px 15px;}
.gallery-view-box .view-comment .comment-head .head-check {width:100%;}
.gallery-view-box .view-comment .comment-head .head-check input {margin:0 5px 0 0; width:13px; height:13px;}
.gallery-view-box .view-comment .comment-head .head-check label {font-size:14px;}
.gallery-view-box .view-comment .comment-head .head-select {margin:10px 0 0; width:100%;}
.gallery-view-box .view-comment .comment-head .head-select b {font-size:14px;}
.gallery-view-box .view-comment .comment-head .head-select select {flex:1; min-width:0; font-size:14px;}
.gallery-view-box .view-comment .comment-body textarea {height:100px; padding:15px; font-size:14px;}
.gallery-view-box .view-comment .comment-body div {margin:20px 0 0;}
.gallery-view-box .view-comment .comment-body div .btn {margin:0 8px 0 0; padding:0 15px; font-size:14px;}
.gallery-view-box .view-comment-list {margin:30px 0 0;}
.gallery-view-box .view-comment-list > ul > li {padding:15px 0;}
.gallery-view-box .view-comment-list > ul > li .list-image {width:80px; height:100px;}
.gallery-view-box .view-comment-list > ul > li .list-content {padding:0 0 0 10px;}
.gallery-view-box .view-comment-list > ul > li .list-content .content-top p {font-size:12px; margin:0 10px 0 0; font-weight:400;}
.gallery-view-box .view-comment-list > ul > li .list-content .content-top a {height:20px; font-size:12px; margin:0 2px 0 0;}
.gallery-view-box .view-comment-list > ul > li .list-content .content-bottom {margin:5px 0 0;}
.gallery-view-box .view-comment-list > ul > li .list-content .content-bottom p {font-size:14px;}
}

/* paging-box */
.paging-box {margin:60px 0 0;}
.paging-box ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.paging-box ul li {margin:0 7px 0 0;}
.paging-box ul li:last-of-type {margin:0;}
.paging-box ul li a {width:35px; height:35px; border:1px solid #d9d9d9; font-size:14px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.paging-box ul li.active a {color:#fff; background:#333;}
.paging-box ul li.pg a {font-size:0; background-repeat:no-repeat; background-size:16px; background-position:center;}
.paging-box ul li.pg.first a {background-image:url('../images/icon_arrow_left_double.svg');}
.paging-box ul li.pg.prev {margin-right:20px;}
.paging-box ul li.pg.prev a {background-image:url('../images/icon_arrow_left.svg');}
.paging-box ul li.pg.next {margin-left:20px;}
.paging-box ul li.pg.next a {background-image:url('../images/icon_arrow_right.svg');}
.paging-box ul li.pg.last a {background-image:url('../images/icon_arrow_right_double.svg');}
@media (max-width:991px){
.paging-box {margin:40px 0 0;}
.paging-box ul li {margin:0 5px 0 0;}
.paging-box ul li a {width:30px; height:30px; font-size:13px;}
.paging-box ul li.pg.prev {margin-right:10px;}
.paging-box ul li.pg.next {margin-left:10px;}
}

/* person-box */
.person-box > .inner {margin:0 0 90px;}
.person-box > .inner:last-of-type {margin:0;}
.person-box > .inner > h3 {border-top:2px solid #000; border-bottom:1px dashed #000; font-size:22px; text-align:center; padding:25px 0; margin:0 0 60px; font-weight:500;}
.person-box > .inner > ul > li {margin:0 0 44px;}
.person-box > .inner > ul > li:last-of-type {margin:0;}
.person-box > .inner > ul > li h4 {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 30px; font-size:22px; font-weight:500;}
.person-box > .inner > ul > li h4:before {display:inline-block; content:""; width:30px; height:23px; margin:0 15px 0 0; background:url('../images/icon_person_title.png') no-repeat center / cover;}
.person-box > .inner > ul > li ul {display:flex; flex-wrap:wrap; margin:0 -20px -40px;}
.person-box > .inner > ul > li ul li {width:calc(14.28% - 40px); margin:0 20px 40px; border:1px solid #d4d4d4; padding:15px;}
.person-box > .inner > ul > li ul li .image {position:relative; overflow:hidden; background:#b9b9b9;}
.person-box > .inner > ul > li ul li .image:after {display:block; content:""; padding-bottom:120%;}
.person-box > .inner > ul > li ul li .image img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.person-box > .inner > ul > li ul li .content {margin:10px 0 0;}
.person-box > .inner > ul > li ul li .content strong {display:block; text-align:center; font-size:18px; font-weight:600;}
.person-box > .inner > ul > li ul li .content p {text-align:center; font-size:18px; word-break:keep-all;}
@media (max-width:1400px){
.person-box > .inner > ul > li ul {margin:0 -10px -20px;}
.person-box > .inner > ul > li ul li {width:calc(20% - 20px); margin:0 10px 20px;}
}
@media (max-width:991px){
.person-box > .inner {margin:0 0 50px;}
.person-box > .inner > h3 {padding:15px 0; margin:0 0 30px;}
.person-box > .inner > ul > li {margin:0 0 30px;}
.person-box > .inner > ul > li h4 {font-size:18px; margin:0 0 20px;}
.person-box > .inner > ul > li h4:before {width:28px; height:21px; margin:0 8px 0 0;}
.person-box > .inner > ul > li ul {margin:0 -5px -10px;}
.person-box > .inner > ul > li ul li {width:calc(20% - 10px); margin:0 5px 10px; padding:5px;}
.person-box > .inner > ul > li ul li .content {margin:5px 0 0;}
.person-box > .inner > ul > li ul li .content strong {font-size:14px;}
.person-box > .inner > ul > li ul li .content p {font-size:14px;}
}
@media (max-width:767px){
.person-box > .inner > ul > li ul li  {width:calc(25% - 10px);}
}
@media (max-width:500px){
.person-box > .inner > ul > li ul li  {width:calc(50% - 10px);}
}