/* container */
html, body {overflow-x:hidden;}
* {line-height:1.5; word-break:keep-all;}
.container {max-width:1320px; margin:0 auto; padding:0 20px; width:100%;}
.is-pc {display:block;}
.is-m {display:none;}
@media (max-width:991px){
.is-pc {display:none;}
.is-m {display:block;}
}

/* header */
header .header-main {position:fixed; left:0; top:0; width:100%; z-index:2000; background:#fff; transition:all ease 0.5s;}
header .header-main .container {max-width:1480px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
header .header-main .main-logo h1 a img {width:262px;}
header .header-main .main-content {display:flex; flex-wrap:wrap; align-items:center; flex:1; min-width:0;}
header .header-main .main-content .content-cate {flex:1; min-width:0;}
header .header-main .main-content .content-cate > ul {width:100%; justify-content:flex-end; display:flex; flex-wrap:wrap; align-items:center;}
header .header-main .main-content .content-cate > ul > li {width:15%;}
header .header-main .main-content .content-cate > ul > li > a {width:100%; height:80px; font-size:18px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
header .header-main .main-content .content-cate > ul > li > a:hover {color:#5FC4D9;}
header .header-main .main-content .content-cate > ul > li.active > a {color:#5FC4D9;}
header .header-main .main-content .content-cate > ul > li .inner {display:none; transition:all ease 0.25s; width:100%; padding:0 0 50px; position:absolute; left:0; top:80px; width:100%; background:#fff url('../images/bg_main_content.png') no-repeat right bottom / 320px auto; box-shadow:0 20px 20px rgba(0,0,0,0.08);}
header .header-main .main-content .content-cate > ul > li .inner .container {display:flex; flex-wrap:wrap; align-items:flex-start;}
header .header-main .main-content .content-cate > ul > li .inner .inner-left {padding:130px 0 0; flex:1; min-width:0; display:flex; flex-wrap:wrap; align-items:flex-end;}
header .header-main .main-content .content-cate > ul > li .inner .inner-left img {width:240px;}
header .header-main .main-content .content-cate > ul > li .inner .inner-left div {padding:0 0 0 30px; flex:1; min-width:0;}
header .header-main .main-content .content-cate > ul > li .inner .inner-left div h2 {font-size:24px; font-weight:600; color:#5FC4D9; margin:0 0 10px;}
header .header-main .main-content .content-cate > ul > li .inner .inner-left div p {font-size:16px;}
header .header-main .main-content .content-cate > ul > li .inner .inner-right {padding:33px 0 0 3.5%; width:50%; display:flex; flex-wrap:wrap;}
header .header-main .main-content .content-cate > ul > li .inner .inner-right ul {margin:0 10% 0 0;}
header .header-main .main-content .content-cate > ul > li .inner .inner-right ul:last-of-type {margin:0;}
header .header-main .main-content .content-cate > ul > li .inner .inner-right ul li {margin:0 0 10px;}
header .header-main .main-content .content-cate > ul > li .inner .inner-right ul li:last-of-type {margin:0;}
header .header-main .main-content .content-cate > ul > li .inner .inner-right ul li a {font-size:16px;}
header .header-main .main-content .content-cate > ul > li .inner .inner-right ul li a:hover {color:#5FC4D9;}
header .header-main .main-content .content-cate > ul > li .inner .inner-right ul li.tit a {font-size:18px;}
header .header-main .main-content .content-cate > ul > li:hover .inner {display:block;}
header .header-main .main-content .content-search .search {display:block; font-size:0; width:56px; height:56px; background:url('../images/icon_search.png') no-repeat center / 24px;}
header .header-main .main-content .content-search .inner {display:none; padding:70px; position:absolute; width:100%; left:0; top:76px; background:#fff; box-shadow:0 20px 20px rgba(0,0,0,0.08);}
header .header-main .main-content .content-search.active .inner {display:block;}
header .header-main .main-content .content-menu {display:none;}
header .header-fixed {display:none;}

header .header-quick {position:fixed; width:133px; top:153px; right:0; z-index:1000;}
header .header-quick .toggle {display:none;}
header .header-quick ul {padding:0 16px; background:#fff; box-shadow:0 0 6px rgba(0,0,0,0.16); border-radius:15px 0 0 15px;}
header .header-quick ul li a {display:block; padding:16px; font-size:0; background:#fff; position:relative;}
header .header-quick ul li a p {text-align:center; font-size:16px; margin:3px 0 0;}
header .header-quick ul li a:before {display:block; content:""; width:36px; height:36px; margin:0 auto; background-size:cover; background-position:center;}
header .header-quick ul li a:after {position:absolute; left:0; bottom:0; display:block; content:""; width:100px; height:2px; background:url('../images/icon_dotted.png') no-repeat center / cover;}
header .header-quick ul li:last-of-type a:after {display:none;}
header .header-quick ul li a:hover p {color:#5FC4D9;}
header .header-quick ul li.fixed01 a:before {background-image:url('../images/icon_footer_fixed_01.png');}
header .header-quick ul li.fixed02 a:before {background-image:url('../images/icon_footer_fixed_02.png');}
header .header-quick ul li.fixed03 a:before {background-image:url('../images/icon_footer_fixed_03.png');}
header .header-quick ul li.fixed04 a:before {background-image:url('../images/icon_footer_fixed_04.png');}
header .header-quick ul li.fixed05 a:before {background-image:url('../images/icon_footer_fixed_05.png');}
header .header-quick ul li.fixed06 a:before {background-image:url('../images/icon_footer_fixed_06.png');}
header .header-quick ul li.fixed07 a:before {background-image:url('../images/icon_footer_fixed_07.png');}
header.scroll .header-main {box-shadow:0 0 10px rgba(0,0,0,0.2);}
header.scroll-bottom  .header-main {top:-80px;}
@media (max-width:1650px){
header .header-quick {top:auto; right:10px; bottom:20px; width:48px; transform:none;}
header .header-quick .toggle {transform:rotate(180deg); height:30px; font-size:0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:0 0 10px; background:#fff url('../images/icon_footer_fixed_more.png') no-repeat center / 16px auto; border-radius:10px; box-shadow:0 0 6px rgba(0,0,0,0.16);}
header .header-quick ul {padding:0; border-radius:10px;}
header .header-quick ul li {display:none; border-bottom-width:0;}
header .header-quick ul li a:after {width:50px; left:50%; transform:translateX(-50%);}
header .header-quick ul li.fixed07 {display:block;}
header .header-quick ul li.fixed07 a {border-radius:10px; width:48px; height:48px; padding:0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
header .header-quick.active {width:80px; right:0;}
header .header-quick.active .toggle {transform:none;}
header .header-quick.active ul {border-radius:10px 0 0 10px; overflow:hidden;}
header .header-quick.active ul li {display:block; border-bottom-width:1px;}
header .header-quick.active ul li.fixed07 a {border-radius:0; width:100%; height:auto; padding:5px;}
header .header-quick.active ul li a p {font-size:13px;}
header .header-quick.active ul li a:before {width:24px; height:24px;}
}
@media (max-width:1200px){
header .header-main .main-content .content-cate > ul > li .inner .inner-left img {width:150px;}
header .header-main .main-content .content-cate > ul > li .inner .inner-left div {padding:0 0 0 15px;}
header .header-main .main-content .content-cate > ul > li .inner .inner-right ul {margin:0 5% 0 0;}
}
@media (max-width:991px){
header .header-main {padding:10px 0;}
header .header-main .main-logo h1 a img {width:167px;}
header .header-main .main-content {justify-content:flex-end;}
header .header-main .main-content .content-cate {display:none;}
header .header-main .main-content .content-menu {display:flex; flex-wrap:wrap; align-items:center;}
header .header-main .main-content .content-menu a {display:block; width:38px; height:38px; background:url('../images/icon_menu.png') no-repeat center / 20px; font-size:0;}
header .header-main .main-content .content-search .inner {padding:40px 20px;}
header .header-main.search {z-index:99999;}
header .header-fixed {pointer-events:none; opacity:0; position:fixed; left:0; top:76px; width:100%; height:calc(100% - 58px); overflow-y:auto; padding:20px; background:#fff; z-index:9999; transition:all ease 0.5s; display:block;}
header .header-fixed > ul > li > .toggle {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; height:48px; font-size:18px; font-weight:500;}
header .header-fixed > ul > li > .toggle:after {display:block; content:""; width:20px; height:20px; background:url('../images/icon_toggle_arrow.png') no-repeat center / cover;}
header .header-fixed > ul > li .depth-2 {display:none;}
header .header-fixed > ul > li .depth-2 > li > a {padding:0 10px; display:flex; flex-wrap:wrap; align-items:center; height:40px; font-size:16px;}
header .header-fixed > ul > li .depth-2 > li > a.toggle:after {display:inline-block; content:""; margin:0 0 0 4px; width:16px; height:16px; background:url('../images/icon_toggle_depth.png') no-repeat center / cover;}
header .header-fixed > ul > li .depth-3 {background:#F6F6F6; border-radius:8px; padding:10px 0; width:calc(100% - 10px); margin:0 0 0 10px;}
header .header-fixed > ul > li .depth-3 {display:none;}
header .header-fixed > ul > li .depth-3 > li > a {display:flex; flex-wrap:wrap; align-items:center; height:36px; padding:0 16px; font-size:14px;}
header .header-fixed > ul > li .depth-3 > li > a.toggle:after {display:inline-block; content:""; margin:0 0 0 4px; width:16px; height:16px; background:url('../images/icon_toggle_depth.png') no-repeat center / cover;}
header .header-fixed > ul > li .depth-4 {display:none; flex-wrap:wrap; align-items:center;}
header .header-fixed > ul > li .depth-4 > li {width:50%;}
header .header-fixed > ul > li .depth-4 > li > a {display:flex; flex-wrap:wrap; align-items:center; height:36px; padding:0 16px; font-size:14px; color:#9E9E9E;}
header .header-fixed > ul > li.active > .toggle {color:#5FC4D9;}
header .header-fixed > ul > li.active > .toggle:after {transform:rotate(180deg);}
header .header-fixed > ul > li.active > .depth-2 {display:block;}
header .header-fixed > ul > li.active > .depth-2.active > li > .toggle {color:#5FC4D9;}
header .header-fixed > ul > li.active > .depth-2.active > li > .toggle:after {background-image:url('../images/icon_toggle_depth_on.png');}
header .header-fixed > ul > li.active > .depth-2.active li .depth-3 {display:block;}
header .header-fixed > ul > li .depth-3.active li.active .toggle:after {transform:rotate(180deg);}
header .header-fixed > ul > li .depth-3.active li.active .depth-4 {display:flex;}
header.fixed .header-main .main-content .content-menu a {background-image:url('../images/icon_close.png');}
header.fixed .header-fixed {pointer-events:inherit; opacity:1;}
header.scroll-bottom  .header-main {top:0;}
}

/* footer */
footer .container {max-width:1480px;}
footer .footer-top {background:#fff; border:1px solid #E1E1E1; border-width:1px 0;}
footer .footer-top h2 {display:none;}
footer .footer-top .container {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
footer .footer-top .top-left {display:flex; flex-wrap:wrap; align-items:center; border-left:1px solid #e1e1e1;}
footer .footer-top .top-left .top-left-drop {width:260px; position:relative; border-right:1px solid #e1e1e1; z-index:100;}
footer .footer-top .top-left .top-left-drop button {width:100%; height:60px; font-size:16px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
footer .footer-top .top-left .top-left-drop button:after {display:inline-block; content:""; width:20px; height:20px; background:url('../images/icon_footer_drop_more.png') no-repeat center / cover;}
footer .footer-top .top-left .top-left-drop .inner {pointer-events:none; opacity:0; transition:all ease 0.5s; position:absolute; left:0; bottom:50px; width:100%; background:#fff; border:1px solid #E1E1E1; border-radius:16px 16px 0 0; overflow:hidden;}
footer .footer-top .top-left .top-left-drop .inner ul {max-height:300px; overflow-y:auto; padding:15px 24px;}
footer .footer-top .top-left .top-left-drop .inner ul li {margin:0 0 10px;}
footer .footer-top .top-left .top-left-drop .inner ul li:last-of-type {margin:0;}
footer .footer-top .top-left .top-left-drop .inner ul li a {font-size:16px; display:block;}
footer .footer-top .top-left .top-left-drop .inner ul li a:hover {color:#5FC4D9;}
footer .footer-top .top-left .top-left-drop .inner ul li.border {padding:0 0 10px; border-bottom:1px dashed #D1D1D1;}
footer .footer-top .top-left .top-left-drop.active .inner {pointer-events:inherit; opacity:1; bottom:60px;}
footer .footer-top .top-right a {width:260px; height:60px; font-size:16px; color:#fff; background:#5FC4D9; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
footer .footer-top .top-right a:hover {background:#0FB297;}
footer .footer-top .top-right a:after {display:inline-block; content:""; width:16px; height:16px; margin:0 0 0 3px; background:url('../images/icon_footer_qna_more.png') no-repeat center / cover;}
footer .footer-bottom {padding:60px 0;}
footer .footer-bottom .container {display:flex; flex-wrap:wrap;}
footer .footer-bottom .bottom-logo h2 img {width:327px;}
footer .footer-bottom .bottom-info {flex:1; min-width:0; padding:0 0 0 40px;}
footer .footer-bottom .bottom-info .info-link {margin:15px 0 15px;}
footer .footer-bottom .bottom-info .info-link ul {display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-bottom .bottom-info .info-link ul li {margin:0 10px 0 0;}
footer .footer-bottom .bottom-info .info-link ul li:last-of-type {margin:0;}
footer .footer-bottom .bottom-info .info-link ul li a {font-size:16px; text-decoration:underline;}
footer .footer-bottom .bottom-info .info-addr {margin:0 0 40px;}
footer .footer-bottom .bottom-info .info-addr ul li {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 10px;}
footer .footer-bottom .bottom-info .info-addr ul li:last-of-type {margin:0;}
footer .footer-bottom .bottom-info .info-addr ul li p {display:flex; flex-wrap:wrap; align-items:center; font-size:16px; font-weight:300;}
footer .footer-bottom .bottom-info .info-addr ul li p b {font-size:16px; font-weight:500; margin:0 5px 0 0;}
footer .footer-bottom .bottom-info .info-addr ul li p:after {display:inline-block; content:""; width:2px; height:12px; background:#DBDBDB; margin:0 10px;}
footer .footer-bottom .bottom-info .info-addr ul li p:last-of-type:after {display:none;}
footer .footer-bottom .bottom-info .info-social {margin:0 0 24px;}
footer .footer-bottom .bottom-info .info-social ul {display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-bottom .bottom-info .info-social ul li {margin:0 8px 0 0;}
footer .footer-bottom .bottom-info .info-social ul li:last-of-type {margin:0;}
footer .footer-bottom .bottom-info .info-social ul li a {display:block; font-size:0; background-size:cover; background-position:center; width:38px; height:38px;}
footer .footer-bottom .bottom-info .info-social ul li.social01 a {background-image:url('../images/icon_footer_social_01.png');}
footer .footer-bottom .bottom-info .info-social ul li.social02 a {background-image:url('../images/icon_footer_social_02.png');}
footer .footer-bottom .bottom-info .info-social ul li.social03 a {background-image:url('../images/icon_footer_social_03.png');}
footer .footer-bottom .bottom-info .info-social ul li.social04 a {background-image:url('../images/icon_footer_social_04.png');}
footer .footer-bottom .bottom-info .info-social ul li.social05 a {background-image:url('../images/icon_footer_social_05.png');}
footer .footer-bottom .bottom-info .info-copy p {font-weight:300; color:#9E9E9E;}
footer .footer-fixed {position:fixed; width:133px; top:153px; right:0; z-index:1000;}
footer .footer-fixed .toggle {display:none;}
footer .footer-fixed ul {padding:0 16px; background:#fff; box-shadow:0 0 6px rgba(0,0,0,0.16); border-radius:15px 0 0 15px;}
footer .footer-fixed ul li a {display:block; padding:16px; font-size:0; background:#fff; position:relative;}
footer .footer-fixed ul li a p {text-align:center; font-size:16px; margin:3px 0 0;}
footer .footer-fixed ul li a:before {display:block; content:""; width:36px; height:36px; margin:0 auto; background-size:cover; background-position:center;}
footer .footer-fixed ul li a:after {position:absolute; left:0; bottom:0; display:block; content:""; width:100px; height:2px; background:url('../images/icon_dotted.png') no-repeat center / cover;}
footer .footer-fixed ul li:last-of-type a:after {display:none;}
footer .footer-fixed ul li a:hover p {color:#5FC4D9;}
footer .footer-fixed ul li.fixed01 a:before {background-image:url('../images/icon_footer_fixed_01.png');}
footer .footer-fixed ul li.fixed02 a:before {background-image:url('../images/icon_footer_fixed_02.png');}
footer .footer-fixed ul li.fixed03 a:before {background-image:url('../images/icon_footer_fixed_03.png');}
footer .footer-fixed ul li.fixed04 a:before {background-image:url('../images/icon_footer_fixed_04.png');}
footer .footer-fixed ul li.fixed05 a:before {background-image:url('../images/icon_footer_fixed_05.png');}
footer .footer-fixed ul li.fixed06 a:before {background-image:url('../images/icon_footer_fixed_06.png');}
footer .footer-fixed ul li.fixed07 a:before {background-image:url('../images/icon_footer_fixed_07.png');}
@media (max-width:1650px){
footer .footer-fixed {top:auto; right:10px; bottom:20px; width:48px; transform:none;}
footer .footer-fixed .toggle {transform:rotate(180deg); height:30px; font-size:0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:0 0 10px; background:#fff url('../images/icon_footer_fixed_more.png') no-repeat center / 16px auto; border-radius:10px; box-shadow:0 0 6px rgba(0,0,0,0.16);}
footer .footer-fixed ul {padding:0; border-radius:10px;}
footer .footer-fixed ul li {display:none; border-bottom-width:0;}
footer .footer-fixed ul li a:after {width:50px; left:50%; transform:translateX(-50%);}
footer .footer-fixed ul li.fixed07 {display:block;}
footer .footer-fixed ul li.fixed07 a {border-radius:10px; width:48px; height:48px; padding:0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
footer .footer-fixed.active {width:80px; right:0;}
footer .footer-fixed.active .toggle {transform:none;}
footer .footer-fixed.active ul {border-radius:10px 0 0 10px; overflow:hidden;}
footer .footer-fixed.active ul li {display:block; border-bottom-width:1px;}
footer .footer-fixed.active ul li.fixed07 a {border-radius:0; width:100%; height:auto; padding:5px;}
footer .footer-fixed.active ul li a p {font-size:13px;}
footer .footer-fixed.active ul li a:before {width:24px; height:24px;}
}
@media (max-width:991px){
footer .footer-top {border-bottom:0; padding:40px 0 0;}
footer .footer-top h2 {display:block; width:100%; margin:0 0 32px;}
footer .footer-top h2 img {width:233px;}
footer .footer-top .top-left {width:100%; border:0;}
footer .footer-top .top-left .top-left-drop {width:100%; position:static; margin:0 0 8px; border:1px solid #e1e1e1; border-radius:8px;}
footer .footer-top .top-left .top-left-drop:last-of-type {margin:0;}
footer .footer-top .top-left .top-left-drop button {height:48px; font-size:14px;}
footer .footer-top .top-left .top-left-drop .inner {position:fixed; background:#fff; left:0; bottom:-15px; width:100%; height:80%; box-shadow:0 0 10px rgba(0,0,0,0.2);}
footer .footer-top .top-left .top-left-drop .inner ul {max-height:100%;}
footer .footer-top .top-left .top-left-drop.active {z-index:9999;}
footer .footer-top .top-left .top-left-drop.active .inner {z-index:9999; bottom:0;}
footer .footer-top .top-right {width:100%; margin:8px 0 0;}
footer .footer-top .top-right a {width:100%; height:48px; font-size:14px; border-radius:8px; color:#222; background:#eee;}
footer .footer-top .top-right a:after {background-image:url('../images/icon_footer_qna_more_gr.png');}
footer .footer-bottom {padding:40px 0;}
footer .footer-bottom .bottom-logo {display:none;}
footer .footer-bottom .bottom-info {padding:0;}
footer .footer-bottom .bottom-info .info-link {margin:0 0 20px;}
footer .footer-bottom .bottom-info .info-link ul li a {font-size:14px;}
footer .footer-bottom .bottom-info .info-addr {margin:0 0 20px;}
footer .footer-bottom .bottom-info .info-addr ul li p {font-size:14px;}
footer .footer-bottom .bottom-info .info-addr ul li p:first-of-type {display:block;}
footer .footer-bottom .bottom-info .info-addr ul li p b {font-size:14px;}
footer .footer-bottom .bottom-info .info-addr ul li p a {font-size:14px; font-weight:300;}
}

/* section */
section {padding:0 0 120px;}
section.common {padding:175px 0 120px;}
@media (max-width:991px){
section {padding:0 0 60px;}
section.common {padding:95px 0 60px;}
}

/* top-box */
.top-box {padding:115px 0 0; margin:80px 0 95px; background-size:cover; background-position:center; position:relative;}
.top-box:before {position:absolute; left:0; top:0; width:100%; height:100%; content:""; background:rgba(0,0,0,0.5);}
.top-box .top-head {z-index:2; padding:0 0 115px; position:relative;}
.top-box .top-head h2 {text-align:center; margin:14px 0 0; font-size:56px; font-weight:600; color:#fff;}
.top-box .top-head ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.top-box .top-head ul li {position:relative; display:flex; flex-wrap:wrap; align-items:center; padding:0 0 10px;}
.top-box .top-head ul li:after {display:inline-block; content:""; width:18px; height:18px; background:url('../images/icon_loca.png') no-repeat center / cover; margin:0 10px;}
.top-box .top-head ul li:last-of-type:after {display:none;}
.top-box .top-head ul li.home a {display:block; font-size:0; width:20px; height:20px; background:url('../images/icon_home.png') no-repeat center / cover;}
.top-box .top-head ul li p {font-size:16px; color:#fff;}
.top-box .top-head ul li button {display:flex; flex-wrap:wrap; align-items:center; font-size:16px; color:#5FC4D9;}
.top-box .top-head ul li button:after {display:inline-block; content:""; width:16px; height:16px; margin:0 0 0 5px; background:url('../images/icon_loca_more.png') no-repeat center / cover;}
.top-box .top-head ul li .inner {pointer-events:none; opacity:0; transition:all ease 0.5s; min-width:180px; position:absolute; top:-12px; left:120%; background:#fff; border-radius:12px; padding:5px 0;}
.top-box .top-head ul li .inner:before {position:absolute; left:-20px; top:0; width:50px; height:100%; content:"";}
.top-box .top-head ul li .inner a {display:flex; flex-wrap:wrap; align-items:center; padding:7px 20px; font-size:16px; position:relative;}
.top-box .top-head ul li .inner a:hover {color:#5FC4D9;}
.top-box .top-head ul li .inner a.active {color:#5FC4D9;}
.top-box .top-head ul li:hover .inner {pointer-events:inherit; opacity:1; top:0;}
.top-box .top-body {position:relative; border-top:1px solid rgba(255,255,255,0.7);}
.top-box .top-body ul {display:flex; flex-wrap:wrap; align-items:center;}
.top-box .top-body ul li {flex:1; min-width:0;}
.top-box .top-body ul li a {height:65px; font-size:16px; color:#fff; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; text-align:center; line-height:1.1;}
.top-box .top-body ul li.active {position:relative;}
.top-box .top-body ul li.active:before {position:absolute; left:0; top:0; width:100%; height:4px; background:#fff; content:"";}
.top-box.top-cate-01 {background-image:url('../images/bg_top_cate_01.png');}
.top-box.top-cate-02 {background-image:url('../images/bg_top_cate_02.png');}
.top-box.top-cate-03 {background-image:url('../images/bg_top_cate_03.png');}
.top-box.top-cate-04 {background-image:url('../images/bg_top_cate_04.png');}
.top-box.top-cate-05 {background-image:url('../images/bg_top_cate_05.png');}
.top-box.top-cate-06 {background-image:url('../images/bg_top_cate_06.png');}
.top-box.top-cate-07 {background-image:url('../images/bg_top_cate_07.png');}
.top-box.top-cate-08 {background-image:url('../images/bg_top_cate_08.png');}
.top-box.top-cate-09 {background-image:url('../images/bg_top_cate_09.png');}
.top-box.top-cate-10 {background-image:url('../images/bg_top_cate_10.png');}
.top-box.top-cate-11 {background-image:url('../images/bg_top_cate_11.png');}
.top-box.top-cate-12 {background-image:url('../images/bg_top_cate_12.png');}
.top-box.top-cate-13 {background-image:url('../images/bg_top_cate_13.png');}
.top-box.top-cate-14 {background-image:url('../images/bg_top_cate_14.png');}
@media (max-width:991px){
.top-box {padding:60px 0 0; margin:76px 0 35px;}
.top-box .top-head {padding:0 0 60px;}
.top-box .top-head h2 {font-size:32px; margin:0;}
.top-box .top-head ul li {padding:0 0 12px; position:static;}
.top-box .top-head ul li:after {width:16px; height:16px; margin:0 5px;}
.top-box .top-head ul li.home a {width:18px; height:18px;}
.top-box .top-head ul li p {font-size:14px;}
.top-box .top-head ul li button {font-size:14px;}
.top-box .top-head ul li button:after {width:14px; height:14px;}
.top-box .top-head ul li .inner {width:calc(100% - 80px); left:50%; transform:translateX(-50%); top:25px;}
.top-box .top-head ul li .inner a {padding:5px 15px; font-size:14px;}
.top-box .top-body ul li a {height:45px; font-size:14px;}
.top-box .top-body ul li.active:before {height:2px;}
.top-box .top-head ul li:hover .inner {top:35px;}
.top-box .top-body ul.scroll {margin:0 -20px; width:calc(100% + 40px); display:block; overflow-x:auto; white-space:nowrap;}
.top-box .top-body ul.scroll li {display:inline-block; width:25%; flex:none;}
.top-box .top-body ul.scroll li:first-of-type {margin-left:20px;}
.top-box .top-body ul.scroll li:last-of-type {margin-right:20px;}
.top-box.top-cate-01 {background-image:url('../images/bg_top_cate_01_m.png');}
.top-box.top-cate-02 {background-image:url('../images/bg_top_cate_02_m.png');}
.top-box.top-cate-03 {background-image:url('../images/bg_top_cate_03_m.png');}
.top-box.top-cate-04 {background-image:url('../images/bg_top_cate_04_m.png');}
.top-box.top-cate-05 {background-image:url('../images/bg_top_cate_05_m.png');}
.top-box.top-cate-06 {background-image:url('../images/bg_top_cate_06_m.png');}
.top-box.top-cate-07 {background-image:url('../images/bg_top_cate_07_m.png');}
.top-box.top-cate-08 {background-image:url('../images/bg_top_cate_08_m.png');}
.top-box.top-cate-09 {background-image:url('../images/bg_top_cate_09_m.png');}
.top-box.top-cate-10 {background-image:url('../images/bg_top_cate_10_m.png');}
.top-box.top-cate-11 {background-image:url('../images/bg_top_cate_11_m.png');}
.top-box.top-cate-12 {background-image:url('../images/bg_top_cate_12_m.png');}
.top-box.top-cate-13 {background-image:url('../images/bg_top_cate_13_m.png');}
.top-box.top-cate-14 {background-image:url('../images/bg_top_cate_14_m.png');}
}

/* search-box */
.search-box form {border:1px solid #707070; padding:0 34px; border-radius:50px; display:flex; flex-wrap:wrap; align-items:center; margin:0 auto; width:100%; max-width:600px;}
.search-box form:before {display:inline-block; content:""; width:24px; height:24px; background:url('../images/icon_search.png') no-repeat center / cover;}
.search-box form input {background:none; flex:1; min-width:0; height:56px; padding:0 16px; font-size:16px;}
.search-box form input::placeholder {color:#D1D1D1;}
.search-box form .delete {display:none; font-size:0; width:24px; height:24px; background:url('../images/icon_search_delete.png') no-repeat center / cover;}
.search-box.active form .delete {display:block;}
@media (max-width:991px){
.search-box .search {width:38px; height:38px; background-size:20px;}
.search-box .inner {padding:40px 20px; top:58px;}
.search-box .inner form {padding:0 15px; border-color:#E1E1E1;}
.search-box .inner form:before {width:18px; height:18px;}
.search-box .inner form input {height:48px; padding:0 8px; font-size:14px;}
.search-box .inner form .delete {width:18px; height:18px;}
}

/* title-box */
.title-box {margin:0 0 38px;}
.title-box h2 {font-size:48px; font-weight:600;}
.title-box p {font-size:16px; margin:10px 0 0;}
.title-box p.lg {font-size:24px; font-weight:500;}
@media (max-width:991px){
.title-box {margin:0 0 23px;}
.title-box h2 {font-size:24px;}
.title-box p {font-size:14px;}
.title-box p.lg {font-size:16px;}
}

/* text-box */
.text-box strong {display:block; font-size:24px; font-weight:500;}
.text-box strong b {font-size:24px; font-weight:500; color:#5FC4D9;}
.text-box p {font-size:16px; line-height: 1.625; }
@media (max-width:991px){
.text-box strong {font-size:18px;}
.text-box strong b {font-size:18px;}
.text-box p {font-size:14px;}
}

/* tab-box */
.tab-box {margin:0 0 40px;}
.tab-box ul {display:flex; flex-wrap:wrap; background:#F6F6F6; border-radius:12px; overflow:hidden;}
.tab-box ul li {flex:1; min-width:0;}
.tab-box ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:56px; border-radius:12px; font-size:18px;}
.tab-box ul li a:hover {background:#5FC4D9; color:#fff;}
.tab-box ul li.active a {background:#5FC4D9; color:#fff;}
@media (max-width:991px){
.tab-box ul {border-radius:8px;}
.tab-box ul li a {border-radius:8px; height:48px; font-size:14px;}
}

/* tab-content-box */
.tab-content-box .content {display:none;}
.tab-content-box .content.active {display:block;}

/* image-box */
.image-box img {width:100%;}

/* button-box */
.button-box {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.button-box .btn {height:56px; border-radius:8px; font-size:16px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; flex:1; min-width:0;}
.button-box .btn.auto {flex:none; padding:0 35px;}
.button-box .btn.more:after {display:inline-block; content:""; width:16px; height:16px; margin:0 0 0 10px; background:url('../images/icon_btn_more.png') no-repeat center / cover}
.button-box .btn-active {background:#5FC4D9; color:#fff;}
.button-box .btn-active:hover {background:#0FB297;}
@media (max-width:991px){
.button-box .btn {height:48px; font-size:14px; padding:0 5px;}
.button-box .btn.auto {flex:1; min-width:0; padding:0;}
}

/* input-box */
.input-box {display:flex; flex-wrap:wrap; align-items:center; border-radius:8px; border:1px solid #e1e1e1;}
.input-box input {flex:1; min-width:0; font-size:16px; padding:0 16px; height:48px; background:none;}
@media (max-width:991px){
.input-box input {font-size:14px;}
}

/* select-box */
.select-box {display:flex; flex-wrap:wrap; align-items:center; border-radius:8px; border:1px solid #E1E1E1;}
.select-box form {flex:1; min-width:0; display:flex; flex-wrap:wrap; align-items:center;}
.select-box select {font-size:16px; padding:0 40px 0 16px; flex:1; min-width:0; height:48px; background:url('../images/icon_select.png') no-repeat calc(100% - 16px) center / 16px;}
@media (max-width:991px){
.select-box select {font-size:14px;}
}

/* textarea-box */
.textarea-box textarea {display:block; width:100%; height:400px; border:1px solid #e1e1e1; border-radius:8px; padding:15px; font-size:16px;}
.textarea-box textarea::placeholder {color:#A4A4A4;}
@media (max-width:991px){
.textarea-box textarea {height:250px; font-size:14px;}
}

/* check-box */
.check-box {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; position:relative;}
.check-box input {cursor:pointer; position:absolute; left:0; top:0; width:100%; height:100%; opacity:0;}
.check-box label {display:flex; flex-wrap:wrap; align-items:center;}
.check-box label p {font-size:16px;}
.check-box label p a {font-size:16px; color:#5FC4D9; text-decoration:underline; position:relative;}
.check-box label:before {display:inline-block; content:""; width:24px; height:24px; margin:0 8px 0 0; background:url('../images/icon_check.png') no-repeat center / cover;}
.check-box input:checked ~ label:before {background-image:url('../images/icon_check_on.png');}
@media (max-width:991px){
.check-box label p {font-size:14px;}
.check-box label p a {font-size:14px;}
.check-box label:before {width:20px; height:20px;}
}

/* file-box */
.file-box .file-upload {position:relative;}
.file-box .file-upload input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.file-box .file-upload label {height:56px; color:#fff; background:#707070; border-radius:8px; font-size:16px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.file-box .file-list {display:none; flex-wrap:wrap; margin:24px 0 0; border:1px solid #9E9E9E; border-width:1px 0;}
.file-box .file-list h3 {width:200px; background:#F6F6F6; font-size:16px; font-weight:500; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.file-box .file-list ul {flex:1; min-width:0; padding:32px;}
.file-box .file-list ul li {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 10px;}
.file-box .file-list ul li:last-of-type {margin:0;}
.file-box .file-list ul li p {flex:1; min-width:0; padding:0 10px 0 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:16px;}
.file-box .file-list ul li a {display:block; font-size:0; width:16px; height:16px; background:url('../images/icon_delete.png') no-repeat center / cover;}
.file-box .file-list.active {display:flex;}
@media (max-width:991px){
.file-box .file-upload label {height:48px; font-size:14px;}
.file-box .file-list {margin:14px 0 0;}
.file-box .file-list h3 {width:100%; justify-content:flex-start; padding:15px; font-size:14px;}
.file-box .file-list ul {flex:none; width:100%; padding:15px;}
.file-box .file-list ul li p {font-size:14px;}
}

/* greeting-box */
.greeting-box {padding:0 0 120px; margin:0 0 -120px; background:url('../images/bg_greeting.png') no-repeat left bottom / 595px auto;}
.greeting-box .container {display:flex; flex-wrap:wrap;}
.greeting-box .list-image {width:462px;}
.greeting-box .list-image img {width:100%;}
.greeting-box .list-content {flex:1; min-width:0; padding:0 0 0 60px;}
.greeting-box .list-content h3 {font-size:24px; font-weight:500; margin:0 0 30px;}
.greeting-box .list-content .text p {font-size:16px; margin:0 0 24px; line-height:1.5;}
.greeting-box .list-content .text p:last-of-type {margin:0;}
.greeting-box .list-content .name {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; margin:70px 0 0;}
.greeting-box .list-content .name p {font-size:16px; text-align:right; width:100%; line-height:1.5;}
.greeting-box .list-content .name strong {width:81px; height:39px; font-size:0; background:url('../images/icon_greeting_name.png') no-repeat center / cover;}
@media (max-width:991px){
.greeting-box {padding:0; margin:0; background:none;}
.greeting-box .list-image {width:100%;}
.greeting-box .list-content {flex:none; width:100%; padding:20px 0 0;}
.greeting-box .list-content h3 {font-size:18px; margin:0 0 15px;}
.greeting-box .list-content .text p {font-size:14px; margin:0 0 15px;}
.greeting-box .list-content .name {margin:35px 0 0;}
.greeting-box .list-content .name p {font-size:14px;}
.greeting-box .list-content .name strong {background-size:71px; background-position:right center;}
}

/* mission-box */
.mission-box .inner {position:relative;}
.mission-box .ms-center {width:604px; position:relative; margin:0 auto; background:url('../images/bg_mission.png') no-repeat center / cover;}
.mission-box .ms-center:after {display:block; content:""; padding-bottom:100%;}
.mission-box .ms-center > div {border-radius:50%; width:47%; height:47%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); display:flex; flex-wrap:wrap; align-items:center; align-content:center; justify-content:center;}
.mission-box .ms-center > div h2 {width:100%; text-align:center; font-size:28px; font-weight:bold; color:#5FC4D9;}
.mission-box .ms-center > div p {width:100%; text-align:center; margin:20px 0 0; font-size:18px;}
.mission-box .ms-list {position:absolute; left:0; top:0; width:100%; height:100%;}
.mission-box .ms-list ul {display:flex; flex-wrap:wrap; height:100%;}
.mission-box .ms-list ul li {width:50%; height:50%; display:flex; flex-wrap:wrap; align-items:center; padding:0 13% 0 0;}
.mission-box .ms-list ul li .list-image {width:165px; order:2;}
.mission-box .ms-list ul li .list-image img {width:100%;}
.mission-box .ms-list ul li .list-content {order:1; flex:1; min-width:0; padding:0 30px 0 0; text-align:right;}
.mission-box .ms-list ul li .list-content strong {display:block; font-size:18px; font-weight:500; color:#5FC4D9;}
.mission-box .ms-list ul li .list-content p {margin:5px 0 0; font-size:16px;}
.mission-box .ms-list ul li:nth-of-type(even) {padding:0 0 0 13%;}
.mission-box .ms-list ul li:nth-of-type(even) .list-image {order:1;}
.mission-box .ms-list ul li:nth-of-type(even) .list-content {order:2; padding:0 0 0 30px; text-align:left;}
.mission-box .ms-text {display:none;}
@media (max-width:991px){
.mission-box .ms-center {width:100%; max-width:600px;}
.mission-box .ms-center > div h2 {font-size:20px;}
.mission-box .ms-center > div p {font-size:14px; margin:5px 0 0;}
.mission-box .ms-list ul li {justify-content:flex-end; padding:0 25% 0 0;}
.mission-box .ms-list ul li .list-image {width:auto; order:1; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end;}
.mission-box .ms-list ul li .list-image img {width:110%;}
.mission-box .ms-list ul li .list-content {display:none;}
.mission-box .ms-list ul li:nth-of-type(even) {justify-content:flex-start; padding:0 0 0 25%;}
.mission-box .ms-list ul li:nth-of-type(even) .list-image {justify-content:flex-start;}
.mission-box .ms-text {margin:40px 0 0; display:block;}
.mission-box .ms-text ul li {padding:0 0 15px; margin:0 0 15px; border-bottom:1px solid #e1e1e1;}
.mission-box .ms-text ul li:last-of-type {padding:0; margin:0; border:0;}
.mission-box .ms-text ul li b {display:block; font-size:14px; font-weight:600; color:#5FC4D9;}
.mission-box .ms-text ul li strong {display:block; margin:14px 0 0; font-size:14px; font-weight:600;}
.mission-box .ms-text ul li p {margin:5px 0 0; font-size:14px;}
}

/* agree-box */
.agree-box {margin:-95px 0 0;}
.agree-box .agree {padding:100px 0;}
.agree-box .agree:nth-of-type(even) {background:#f8f8f8;}
.agree-box .agree.white {background:#fff;}
.agree-box .agree .container {display:flex; flex-wrap:wrap;}
.agree-box .agree h2 {width:50%; text-align:right; font-size:42px; font-weight:600; padding:0 150px 0 0;}
.agree-box .agree .inner {flex:1; min-width:0; padding:10px 0 0;}
.agree-box .agree .inner p {font-size:16px; margin:0 0 10px;}
.agree-box .agree .inner p:last-of-type {margin:0;}
.agree-box .agree .inner p.lg {font-size:18px; font-weight:500;}
.agree-box .agree .inner p em {font-size:11px; position:relative; top:4px;}
.agree-box .agree .inner strong {display:block; margin:0 0 10px; font-size:16px; font-weight:600;}
.agree-box .agree .inner ul li {margin:0 0 40px;}
.agree-box .agree .inner ul li:last-of-type {margin:0;}
.agree-box .title {margin:95px 0 -35px; padding:0 0 60px; border-bottom:2px solid #222; position:relative;}
.agree-box .title h2 {text-align:center; font-size:38px; font-weight:600;}
.agree-box .title p {margin:40px 0 0; text-align:center; font-size:18px; line-height:1.5; word-break:keep-all;}
@media (max-width:991px){
.agree-box {margin:-35px 0 0;}
.agree-box .agree {padding:40px 0;}
.agree-box .agree h2 {width:100%; text-align:left; font-size:24px; margin:0 0 24px;}
.agree-box .agree .inner {flex:none; width:100%; padding:0;}
.agree-box .agree .inner p {font-size:14px;}
.agree-box .agree .inner p.lg {font-size:16px;}
.agree-box .agree .inner p em {font-size:9px;}
.agree-box .title {margin:37px 0 -5px; padding:0 0 37px;}
.agree-box .title h2 {text-align:left; font-size:24px;}
.agree-box .title p {text-align:left; margin:24px 0 0; font-size:14px;}
}

/* history-box */
.history-box .history-head {margin:-35px 0 0;}
.history-box .history-head ul li {padding:100px 0;}
.history-box .history-head ul li:last-of-type {background:#F8F8F8;}
.history-box .history-head ul li .container {display:flex; flex-wrap:wrap;}
.history-box .history-head ul li h2 {width:50%; text-align:right; font-size:42px; font-weight:600; padding:0 150px 0 0;}
.history-box .history-head ul li .content {flex:1; min-width:0;}
.history-box .history-head ul li .content .content-text p {font-size:16px; margin:0 0 24px;}
.history-box .history-head ul li .content .content-text p:last-of-type {margin:0;}
.history-box .history-head ul li .content .content-history {border:1px solid #222; border-width:1px 0;}
.history-box .history-head ul li .content .content-history dl dt {display:none;}
.history-box .history-head ul li .content .content-history dl dd {border-bottom:1px solid #e1e1e1; padding:20px; display:flex; flex-wrap:wrap;}
.history-box .history-head ul li .content .content-history dl dd time {width:165px; font-size:24px; font-weight:600;}
.history-box .history-head ul li .content .content-history dl dd div {flex:1; min-width:0; padding:7px 0 0;}
.history-box .history-head ul li .content .content-history dl dd div p {margin:0 0 5px; position:relative; font-size:16px; padding:0 0 0 10px;}
.history-box .history-head ul li .content .content-history dl dd div p:before {position:absolute; left:0; top:9px; width:4px; height:4px; border-radius:50%; background:#222; content:"";}
.history-box .history-head ul li .content .content-history dl dd div p a {display:inline-block; font-size:0; width:18px; height:18px; background:url('../images/icon_photo.png') no-repeat center / cover; margin:4px 0 0 5px;}
.history-box .history-head ul li .content .content-history dl dd div p:last-of-type {margin:0;}
.history-box .history-body {padding:100px 0 0;}
.history-box .history-body h2 {width:150px; height:150px; background:#5FC4D9; color:#fff; font-size:24px; font-weight:600; margin:0 auto; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50%;}
.history-box .history-body ul {position:relative;}
.history-box .history-body ul:before {position:absolute; left:50%; top:0; width:1px; height:100%; content:""; background:#5FC4D9;}
.history-box .history-body ul li {margin:0 0 70px; display:flex; flex-wrap:wrap;}
.history-box .history-body ul li:last-of-type {margin:0;}
.history-box .history-body ul li > strong {width:50%; text-align:right; padding:0 150px 0 0; font-size:67px; font-weight:bold; color:#5FC4D9;}
.history-box .history-body ul li > div {flex:1; min-width:0; position:relative; padding:30px 0 0 80px;}
.history-box .history-body ul li > div:before {position:absolute; left:-5.5px; top:43px; content:""; width:13px; height:13px; border-radius:50%; background:#5FC4D9;}
.history-box .history-body ul li > div .list {margin:0 0 35px;}
.history-box .history-body ul li > div .list:last-of-type {margin:0;}
.history-box .history-body ul li > div .list time {display:block; margin:0 0 20px; font-size:24px; font-weight:bold; color:#5FC4D9;}
.history-box .history-body ul li > div .list p {margin:0 0 5px; font-size:16px; position:relative; padding:0 0 0 10px;}
.history-box .history-body ul li > div .list p:last-of-type {margin:0;}
.history-box .history-body ul li > div .list p:before {position:absolute; left:0; top:9px; width:4px; height:4px; background:#222; content:""; border-radius:50%;}
.history-box .history-photo {pointer-events:none; opacity:0; transition:all ease 0.5s; position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999; background:#000; transition:all ease 0.5s;}
.history-box .history-photo .box {max-width:1320px; padding:0 20px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%;}
.history-box .history-photo .box .list-head {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; margin:0 0 100px;}
.history-box .history-photo .box .list-head a {display:block; font-size:0; width:32px; height:32px; background:url('../images/icon_close_white.png') no-repeat center / cover;}
.history-box .history-photo .box .list-body {padding:0 40px;}
.history-box .history-photo .box .list-body img {width:100%;}
.history-box .history-photo.active {pointer-events:inherit; opacity:1;}
@media (max-width:991px){
.history-box .history-head ul li {padding:40px 0;}
.history-box .history-head ul li h2 {width:100%; padding:0; font-size:24px; margin:0 0 24px; text-align:left;}
.history-box .history-head ul li .content {flex:none; width:100%;}
.history-box .history-head ul li .content .content-text p {font-size:14px;}
.history-box .history-head ul li .content .content-history dl dd {padding:16px 0;}
.history-box .history-head ul li .content .content-history dl dd time {width:100%; font-size:18px; margin:0 0 14px;}
.history-box .history-head ul li .content .content-history dl dd div {flex:none; padding:0; width:100%;}
.history-box .history-head ul li .content .content-history dl dd div p {font-size:14px;}
.history-box .history-head ul li .content .content-history dl dd div p:before {width:3px; height:3px; top:8px;}
.history-box .history-head ul li .content .content-history dl dd div p a {margin:1px 0 0 5px;}
.history-box .history-body {padding:40px 0 0;}
.history-box .history-body h2 {width:100%; height:auto; background:none; color:#222; justify-content:flex-start; margin:0 0 20px;}
.history-box .history-body ul:before {left:5px;}
.history-box .history-body ul li {margin:0 0 55px; position:relative;}
.history-box .history-body ul li:before {position:absolute; left:0; top:0; content:""; width:13px; height:13px; border-radius:50%; background:#5FC4D9;}
.history-box .history-body ul li > strong {width:100%; text-align:left; margin:-10px 0 0; padding:0 0 0 25px; font-size:24px;}
.history-box .history-body ul li > div {flex:none; width:100%; padding:0 0 0 25px; margin:20px 0 0;}
.history-box .history-body ul li > div:before {display:none;}
.history-box .history-body ul li > div .list {margin:0 0 20px;}
.history-box .history-body ul li > div .list time {margin:0 0 10px; font-size:18px; line-height:1;}
.history-box .history-body ul li > div .list p {font-size:14px;}
.history-box .history-body ul li > div .list p:before {width:3px; height:3px; top:8px;}
.history-box .history-photo {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.history-box .history-photo .box {position:static; width:100%; transform:none;}
.history-box .history-photo .box .list-head {position:fixed; right:20px; top:20px; z-index:20;}
.history-box .history-photo .box .list-head a {width:24px; height:24px;}
.history-box .history-photo .box .list-body {padding:0;}
}

/* council-box */
.council-box .cc-main img {width:100%;}
.council-box .cc-main h2 {margin:20px 0 0; font-size:24px; font-weight:600;}
.council-box .cc-main p {margin:10px 0 0; font-size:16px;}
.council-box .cc-list {margin:55px 0 0;}
.council-box .cc-list h2 {display:flex; flex-wrap:wrap; align-items:center; font-size:24px; font-weight:600; margin:0 0 15px;}
.council-box .cc-list ul {border:1px solid #222; border-width:1px 0;}
.council-box .cc-list ul li {display:flex; flex-wrap:wrap; align-items:center; border-bottom:1px solid #e1e1e1; padding:24px 0;}
.council-box .cc-list ul li:last-of-type {margin:0;}
.council-box .cc-list ul li img {width:180px;}
.council-box .cc-list ul li div {flex:1; min-width:0; padding:0 0 0 32px;}
.council-box .cc-list ul li div strong {display:block; font-size:24px; font-weight:600; margin:0 0 20px;}
.council-box .cc-list ul li div p {font-size:16px;}
.council-box .cc-first h2 {display:flex; flex-wrap:wrap; align-items:center; font-size:24px; font-weight:600; margin:0 0 15px;}
.council-box .cc-first .inner {border:1px solid #222; border-width:1px 0; display:flex; flex-wrap:wrap;}
.council-box .cc-first .inner .list-image {width:400px; background:#F6F6F6; display:flex; flex-wrap:wrap; align-items:center; align-content:center; justify-content:center;}
.council-box .cc-first .inner .list-image img {width:180px; display:block; margin:0 auto;}
.council-box .cc-first .inner .list-image div {width:100%;}
.council-box .cc-first .inner .list-image div strong {display:block; width:100%; text-align:center; margin:15px 0 0; font-size:30px; font-weight:500;}
.council-box .cc-first .inner .list-image div time {display:block; width:100%; text-align:center; margin:10px 0 0; font-size:16px;}
.council-box .cc-first .inner .list-content {flex:1; min-width:0; padding:60px;}
.council-box .cc-first .inner .list-content strong {display:block; margin:0 0 15px; font-size:18px; font-weight:600;}
.council-box .cc-first .inner .list-content p {font-size:16px; margin:0 0 5px;}
.council-box .cc-first .inner .list-content p:last-of-type {margin:0;}
@media (max-width:991px){
.council-box .cc-main h2 {font-size:18px;}
.council-box .cc-main p {font-size:14px;}
.council-box .cc-list {margin:35px 0 0;}
.council-box .cc-list h2 {font-size:18px;}
.council-box .cc-list ul li {padding:16px 0;}
.council-box .cc-list ul li img {width:80px;}
.council-box .cc-list ul li div {padding:0 0 0 15px;}
.council-box .cc-list ul li div strong {margin:0 0 5px; font-size:18px;}
.council-box .cc-list ul li div p {font-size:14px;}
.council-box .cc-first h2 {font-size:18px;}
.council-box .cc-first .inner .list-image {width:100%; padding:16px;}
.council-box .cc-first .inner .list-image img {width:100px;}
.council-box .cc-first .inner .list-image div {flex:1; min-width:0; padding:0 0 0 16px;}
.council-box .cc-first .inner .list-image div strong {text-align:left; font-size:24px;}
.council-box .cc-first .inner .list-image div time {text-align:left; font-size:14px; margin:0;}
.council-box .cc-first .inner .list-content {flex:none; width:100%; padding:20px 0;}
.council-box .cc-first .inner .list-content p {font-size:14px;}
}

/* committee-box */
.committee-box ul {display:flex; flex-wrap:wrap; margin:0 -8px -16px;}
.committee-box ul li {width:calc(25% - 16px); margin:0 8px 16px; padding:30px; background:#F6F6F6; border-radius:16px; display:flex; flex-wrap:wrap; align-items:center; align-content:space-between;}
.committee-box ul li div {width:100%;}
.committee-box ul li div b {display:block; font-size:12px; color:#9E9E9E;}
.committee-box ul li div strong {display:block; font-size:26px; font-weight:600;}
.committee-box ul li p {width:100%; margin:18px 0 0; font-size:16px;}
@media (max-width:991px){
.committee-box ul li {width:calc(50% - 16px); padding:20px;}
.committee-box ul li div strong {font-size:22px;}
.committee-box ul li p {font-size:14px;}
}
@media (max-width:500px){
.committee-box ul {margin:0;}
.committee-box ul li {width:100%; margin:0 0 10px;}
.committee-box ul li:last-of-type {margin:0;}
}

/* organization-box */
.organization-box  {max-width:1160px; margin:50px auto 0;}
.organization-box strong {margin:0 0 8px; height:56px; border-radius:8px; background:#5FC4D9; color:#fff; font-size:16px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.organization-box .inner {border:1px solid #D1D1D1; border-radius:16px; padding:30px;}
.organization-box .inner > div {min-height:180px;}
.organization-box .inner > div p {font-size:16px; margin:0 0 5px;}
.organization-box .inner > div p:last-of-type {margin:0;}
.organization-box .inner > span {display:flex; flex-wrap:wrap; align-items:center; border-top:1px solid #D1D1D1; padding:24px 0 0; margin:24px 0 0; font-size:16px;}
.organization-box .inner > span:before {display:inline-block; content:""; width:20px; height:20px; margin:0 8px 0 0; background:url('../images/icon_call.png') no-repeat center / cover;}
.organization-box .list-head {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:0 -20px;}
.organization-box .list-head .main {width:calc(33.33% - 40px); margin:0 20px;}
.organization-box .list-head .main strong {background:#0FB297;}
.organization-box .list-body:before {display:block; content:""; width:790px; height:60px; margin:0 auto; background:url('../images/bg_organization.png') no-repeat center / cover;}
.organization-box .list-body ul {display:flex; flex-wrap:wrap; margin:0 -20px;}
.organization-box .list-body ul li {width:calc(33.33% - 40px); margin:0 20px 0;}
.organization-box .list-body ul li:after {display:block; content:""; margin:0 auto; width:1px; height:40px; background:#d1d1d1;}
.organization-box .list-body ul li:nth-of-type(4):after,
.organization-box .list-body ul li:nth-of-type(5):after,
.organization-box .list-body ul li:nth-of-type(6):after {display:none;}
@media (max-width:991px){
.organization-box {margin:24px 0 0;}
.organization-box strong {height:48px; font-size:14px;}
.organization-box .inner {padding:20px;}
.organization-box .inner > div {min-height:0;}
.organization-box .inner > div p {font-size:14px;}
.organization-box .inner > span {font-size:14px; padding:16px 0 0; margin:16px 0 0;}
.organization-box .list-head {margin:0;}
.organization-box .list-head .main {width:100%; margin:0;}
.organization-box .list-body:before {width:1px; height:40px; background:#d1d1d1;}
.organization-box .list-body ul {margin:0;}
.organization-box .list-body ul li {width:100%; margin:0;}
.organization-box .list-body ul li:nth-of-type(4):after,
.organization-box .list-body ul li:nth-of-type(5):after {display:block;}
}

/* ci-box */
.ci-box h3 {margin:0 0 10px; font-size:24px; font-weight:600;}
.ci-box p {margin:10px 0 0; font-size:16px;}
.ci-box .ci-main {margin:0 0 20px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:#F6F6F6; border-radius:24px; padding:116px 20px;}
.ci-box .ci-main img {width:262px;}
.ci-box .ci-list {border-top:1px solid #E1E1E1; padding:60px 0 0; margin:60px 0 0;}
.ci-box .ci-list ul {display:flex; flex-wrap:wrap;}
.ci-box .ci-list ul li {flex:1; min-width:0; margin:0 24px 0 0;}
.ci-box .ci-list ul li:last-of-type {margin:0;}
.ci-box .ci-list ul li img {width:100%;}
@media (max-width:991px){
.ci-box h3 {margin:0 0 10px; font-size:16px;}
.ci-box p {font-size:14px;}
.ci-box .ci-main {padding:53px 0; border-radius:16px;}
.ci-box .ci-list {padding:24px 0 0; margin:24px 0 0;}
.ci-box .ci-list ul li {flex:none; width:100%; margin:0 0 24px;}
}

/* contribution-box */
.contribution-box .list-head {background:rgba(95,196,217,0.12); border-radius:16px; padding:32px 50px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.contribution-box .list-head p {font-size:26px; font-weight:600; color:#5FC4D9;}
.contribution-box .list-body {margin:24px 0 0;}
.contribution-box .list-body ul {display:flex; flex-wrap:wrap; margin:0 -12px -24px;}
.contribution-box .list-body ul li {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:calc(33.33% - 24px); margin:0 12px 24px; padding:38px 10px; border-radius:16px; background:#F6F6F6;}
.contribution-box .list-body ul li p {text-align:center; font-size:24px; font-weight:500;}
@media (max-width:991px){
.contribution-box .list-head {padding:24px;}
.contribution-box .list-head p {font-size:16px; font-weight:500; width:100%;}
.contribution-box .list-head p:last-of-type {text-align:right; font-size:24px; margin:15px 0 0;}
.contribution-box .list-body {margin:20px 0 0;}
.contribution-box .list-body ul {margin:0 -5px -10px;}
.contribution-box .list-body ul li {border-radius:12px; padding:24px 10px; width:calc(50% - 10px); margin:0 5px 10px;}
.contribution-box .list-body ul li p {font-size:16px;}
}
@media (max-width:500px){
.contribution-box .list-body ul {margin:0;}
.contribution-box .list-body ul li {width:100%; margin:0 0 8px;}
.contribution-box .list-body ul li:last-of-type {margin:0;}
}

/* work-box */
.work-box .work-point ul {display:flex; flex-wrap:wrap;}
.work-box .work-point:after {display:block; content:""; width:896px; height:105px; background:url('../images/bg_work.png') no-repeat center / cover; margin:-13px auto 0; position:relative;}
.work-box .work-point ul li {flex:1; min-width:0; margin:0 24px 0 0; padding:0 30px 40px; background:#F6F6F6; border-radius:22px;}
.work-box .work-point ul li:last-of-type {margin:0;}
.work-box .work-point ul li .list-head {display:flex; flex-wrap:wrap; justify-content:space-between;}
.work-box .work-point ul li .list-head h3 {height:44px; padding:0 20px; font-size:16px; font-weight:500; color:#fff; background:#5FC4D9; border-radius:0 0 15px 15px; display:flex; flex-wrap:wrap; align-items:center;}
.work-box .work-point ul li .list-head:after {position:relative; top:-22px; display:block; width:64px; height:64px; content:"";}
.work-box .work-point ul li .list-body {margin:35px 0 0;}
.work-box .work-point ul li .list-body strong {display:block; padding:0 0 15px; margin:0 0 15px; border-bottom:1px solid #d1d1d1; line-height:1; font-size:20px; font-weight:500;}
.work-box .work-point ul li .list-body p {font-size:16px;}
.work-box .work-point ul li:nth-of-type(1) .list-head:after {background:url('../images/icon_work_01.png') no-repeat right center / 64px auto;}
.work-box .work-point ul li:nth-of-type(2) .list-head:after {background:url('../images/icon_work_02.png') no-repeat right center / 64px auto;}
.work-box .work-point ul li:nth-of-type(3) .list-head:after {background:url('../images/icon_work_03.png') no-repeat right center / 57.5px auto;}
.work-box .work-banner {padding:55px 60px; position:relative; border-radius:16px; background:url('../images/bg_work_banner.png') no-repeat center / cover; overflow:hidden; display:flex; flex-wrap:wrap; align-items:center;}
.work-box .work-banner:before {position:absolute; left:0; top:0; width:100%; height:100%; content:""; background:rgba(0,0,0,0.3);}
.work-box .work-banner p {flex:1; min-width:0; padding:0 24px 0 0; font-size:24px; font-weight:500; color:#fff; position:relative;}
.work-box .work-banner a {display:flex; flex-wrap:wrap; align-items:center; position:relative; transition:all ease 0.5s; padding:0 0 0 34px;}
.work-box .work-banner a p {font-size:18px; color:#fff; position:relative; padding:0;}
.work-box .work-banner a:before {position:absolute; right:0; top:0; width:74px; height:100%; border-radius:50px; background:#5FC4D9; transition:all ease 0.5s; content:"";}
.work-box .work-banner a:after {display:block; position:relative; content:""; width:74px; height:74px; background:url('../images/icon_work_more.png') no-repeat center / cover;}
.work-box .work-banner a:hover:before {width:100%;}
.work-box .work-banner2 {padding:55px 60px; position:relative; border-radius:16px; background:url('../images/bg_work_banner2.png') no-repeat center / cover; overflow:hidden; display:flex; flex-wrap:wrap; align-items:center;}
.work-box .work-banner2:before {position:absolute; left:0; top:0; width:100%; height:100%; content:""; background:rgba(0,0,0,0.3);}
.work-box .work-banner2 p {flex:1; min-width:0; padding:0 24px 0 0; font-size:24px; font-weight:500; color:#fff; position:relative;}
.work-box .work-banner2 a {display:flex; flex-wrap:wrap; align-items:center; position:relative; transition:all ease 0.5s; padding:0 0 0 34px;}
.work-box .work-banner2 a p {font-size:18px; color:#fff; position:relative; padding:0;}
.work-box .work-banner2 a:before {position:absolute; right:0; top:0; width:74px; height:100%; border-radius:50px; background:#5FC4D9; transition:all ease 0.5s; content:"";}
.work-box .work-banner2 a:after {display:block; position:relative; content:""; width:74px; height:74px; background:url('../images/icon_work_more.png') no-repeat center / cover;}
.work-box .work-banner2 a:hover:before {width:100%;}
.work-box .work-list {border-top:1px solid #E1E1E1; padding:60px 0 0; margin:60px 0 0;}
.work-box .work-list h2 {margin:0 0 20px; font-size:24px; font-weight:600;}
.work-box .work-list ul {display:flex; flex-wrap:wrap;}
.work-box .work-list ul li {flex:1; min-width:0; margin:0 24px 0 0; padding:50px; background:#F6F6F6; border-radius:16px;}
.work-box .work-list ul li:last-of-type {margin:0;}
.work-box .work-list ul li h3 {font-size:20px; font-weight:500; margin:0 0 24px;}
.work-box .work-list ul li h3:before {display:block; content:""; margin:0 0 14px; width:90px; height:90px; background-size:cover; background-position:center;}
.work-box .work-list ul li p {font-size:16px; margin:0 0 5px;}
.work-box .work-list ul li p:last-of-type {margin:0;}
.work-box .work-list ul li:nth-of-type(1) h3:before {background-image:url('../images/icon_work_list_01.png');}
.work-box .work-list ul li:nth-of-type(2) h3:before {background-image:url('../images/icon_work_list_02.png');}
.work-box .work-list ul li:nth-of-type(3) h3:before {background-image:url('../images/icon_work_list_03.png');}
.work-box .work-past h2 {margin:40px 0 20px; font-size:24px; font-weight:600;}
@media (max-width:991px){
.work-box .work-point:after {display:none;}
.work-box .work-point ul li {flex:none; width:100%; margin:0 0 24px; padding:0 24px 24px;}
.work-box .work-point ul li .list-head h3 {height:34px; font-size:12px;}
.work-box .work-point ul li .list-head:after {width:61px; height:61px; top:-10px;}
.work-box .work-point ul li .list-body {margin:15px 0 0;}
.work-box .work-point ul li .list-body strong {font-size:16px; padding:0 0 10px; margin:0 0 10px;}
.work-box .work-point ul li .list-body p {font-size:14px;}
.work-box .work-point ul li:nth-of-type(1) .list-head:after {background:url('../images/icon_work_01.png') no-repeat right center / 61px auto;}
.work-box .work-point ul li:nth-of-type(2) .list-head:after {background:url('../images/icon_work_02.png') no-repeat right center / 58px auto;}
.work-box .work-point ul li:nth-of-type(3) .list-head:after {background:url('../images/icon_work_03.png') no-repeat right center / 52px auto;}
.work-box .work-banner {margin:15px 0 0; padding:24px; justify-content:flex-end; background-position:center bottom;}
.work-box .work-banner p {flex:none; width:100%; font-size:18px;}
.work-box .work-banner a {justify-content:flex-end; align-items:center; margin:40px 0 0;}
.work-box .work-banner a:after {width:45px; height:45px;}
.work-box .work-banner a:before {width:45px;}
.work-box .work-banner a p {font-size:14px; width:auto;}
.work-box .work-banner2 {margin:15px 0 0; padding:24px; justify-content:flex-end; background-position:center bottom;}
.work-box .work-banner2 p {flex:none; width:100%; font-size:18px;}
.work-box .work-banner2 a {justify-content:flex-end; align-items:center; margin:40px 0 0;}
.work-box .work-banner2 a:after {width:45px; height:45px;}
.work-box .work-banner2 a:before {width:45px;}
.work-box .work-banner2 a p {font-size:14px; width:auto;}
.work-box .work-list {padding:24px 0 0; margin:24px 0 0;}
.work-box .work-list h2 {font-size:16px;}
.work-box .work-list ul li {flex:none; width:100%; margin:0 0 8px; padding:24px;}
.work-box .work-list ul li h3 {font-size:16px; margin:0 0 5px;}
.work-box .work-list ul li h3:before {margin:0 0 10px; width:48px; height:48px;}
.work-box .work-list ul li p {font-size:14px;}
.work-box .work-past h2 {font-size:16px;font-weight:600;margin-top:40px;margin-bottom:20px}

}

/* image-content-box */
.image-content-box {display:flex; flex-wrap:wrap;}
.image-content-box > img {width:580px;}
.image-content-box > .inner {flex:1; min-width:0; padding:0 0 0 60px;}
@media (max-width:1200px){
.image-content-box > img {width:500px;}
.image-content-box > .inner {padding:0 0 0 30px;}
}
@media (max-width:991px){
.image-content-box > img {width:100%;}
.image-content-box > .inner {flex:none; width:100%; padding:0; margin:22px 0 0;}
}

/* location-box */
.location-box .loca-map {position:relative; overflow:hidden; width:100%;}
.location-box .loca-map:after {display:block; content:""; padding-bottom:32.5%;}
.location-box .loca-map iframe {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.location-box .loca-info {margin:40px 0 0;}
.location-box .loca-info .inner {padding:0 0 60px; margin:0 0 60px; border-bottom:1px solid #e1e1e1; display:flex; flex-wrap:wrap;}
.location-box .loca-info .inner:last-of-type {padding:0; margin:0; border:0;}
.location-box .loca-info .inner h3 {width:210px; font-size:24px; font-weight:500;}
.location-box .loca-info .inner > div {flex:1; min-width:0;}
.location-box .loca-info .inner > div.info-addr ul li {display:flex; flex-wrap:wrap; margin:0 0 12px; font-size:16px;}
.location-box .loca-info .inner > div.info-addr ul li:before {display:inline-block; content:""; width:24px; height:24px; margin:0 10px 0 0; background-size:cover; background-position:center;}
.location-box .loca-info .inner > div.info-addr ul li:nth-of-type(1):before {background-image:url('../images/icon_info_addr_01.png');}
.location-box .loca-info .inner > div.info-addr ul li:nth-of-type(2):before {background-image:url('../images/icon_info_addr_02.png');}
.location-box .loca-info .inner > div.info-addr ul li:nth-of-type(3):before {background-image:url('../images/icon_info_addr_03.png');}
.location-box .loca-info .inner > div.info-method > p {font-size:16px; color:#9E9E9E; margin:0 0 35px;}
.location-box .loca-info .inner > div.info-method > dl {margin:0 0 45px;}
.location-box .loca-info .inner > div.info-method > dl:last-of-type {margin:0;}
.location-box .loca-info .inner > div.info-method > dl dt {margin:0 0 15px; font-size:20px; font-weight:500; line-height:1; width:100%;}
.location-box .loca-info .inner > div.info-method > dl dd {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 10px;}
.location-box .loca-info .inner > div.info-method > dl dd:last-of-type {margin:0;}
.location-box .loca-info .inner > div.info-method > dl dd p {flex:1; min-width:0; font-size:16px;}
.location-box .loca-info .inner > div.info-method > dl dd strong {width:100%; margin:0 0 14px; font-size:16px; font-weight:500;}
.location-box .loca-info .inner > div.info-method > dl dd b {margin:0 10px 0 0; width:30px; height:30px; font-size:16px; color:#fff; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50%;}
.location-box .loca-info .inner > div.info-method > dl dd b.og {background:#F77636;}
.location-box .loca-info .inner > div.info-method > dl dd b.pu {background:#833EDB;}
.location-box .loca-info .inner > div.info-method > dl dd b.gn {background:#50A232; width:auto; padding:0 10px; border-radius:30px;}
.location-box .loca-info .inner > div.info-method > dl.flex dd {margin:0 80px 0 0;}
.location-box .loca-info .inner > div.info-method > dl.flex dd:last-of-type {margin:0;}
@media (max-width:991px){
.location-box .loca-info {margin:24px 0 0;}
.location-box .loca-info .inner {padding:0 0 24px; margin:0 0 24px;}
.location-box .loca-info .inner h3 {width:100%; font-size:16px; margin:0 0 14px;}
.location-box .loca-info .inner > div {flex:none; width:100%;}
.location-box .loca-info .inner > div.info-addr ul li {font-size:14px;}
.location-box .loca-info .inner > div.info-addr ul li:before {margin:0 5px 0 0; width:18px; height:18px;}
.location-box .loca-info .inner > div.info-method > p {font-size:14px; margin:0 0 20px;}
.location-box .loca-info .inner > div.info-method > dl {margin:0 0 24px;}
.location-box .loca-info .inner > div.info-method > dl dt {font-size:16px;}
.location-box .loca-info .inner > div.info-method > dl dd b {width:25px; height:25px; font-size:12px;}
.location-box .loca-info .inner > div.info-method > dl dd p {font-size:14px;}
.location-box .loca-info .inner > div.info-method > dl dd strong {font-size:14px; padding:0 6px; margin:0 0 5px;}
.location-box .loca-info .inner > div.info-method > dl.flex dd {width:100%; margin:0 0 14px;}
}
@media (max-width:500px){
.location-box .loca-map:after {padding-bottom:100%;}
}

/* partner-box */
.partner-box h3 {font-size:24px; font-weight:600; margin:0 0 14px;}
.partner-box .inner {overflow-x:auto; white-space:nowrap; border:1px solid #222; border-width:1px 0;}
.partner-box .inner table thead tr th {border-bottom:1px solid #e1e1e1; height:56px; padding:0 23px; font-size:16px; font-weight:500;}
.partner-box .inner table tbody tr td {border-bottom:1px solid #e1e1e1; padding:23px; font-size:16px;}
@media (max-width:991px){
.partner-box h3 {font-size:18px;}
.partner-box .inner table thead tr th {height:36px; font-size:14px; padding:0 15px;}
.partner-box .inner table tbody tr td {padding:18px 15px; 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 a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50%; width:40px; height:40px; font-size:16px;}
.paging-box ul li:not(.pg) a:hover {background:#0FB297; color:#fff;}
.paging-box ul li.active a {background:#0FB297; color:#fff; width:70px; border-radius:20px;}
.paging-box ul li.pg a {font-size:0; background-size:cover; background-position:center;}
.paging-box ul li.pg.first a {background-image:url('../images/icon_paging_first.png');}
.paging-box ul li.pg.prev {margin:0 15px 0 0;}
.paging-box ul li.pg.prev a {background-image:url('../images/icon_paging_prev.png');}
.paging-box ul li.pg.next {margin:0 0 0 15px;}
.paging-box ul li.pg.next a {background-image:url('../images/icon_paging_next.png');}
.paging-box ul li.pg.last a {background-image:url('../images/icon_paging_last.png');}
@media (max-width:991px){
.paging-box {margin:32px 0 0;}
.paging-box ul li a {width:35px; height:35px; font-size:14px;}
.paging-box ul li.pg.prev {margin:0 5px 0 0;}
.paging-box ul li.pg.next {margin:0 0 0 5px;}
.paging-box ul li.active a {width:35px;}
}

/* board-top-box */
.board-top-box {display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; margin:0 0 24px;}
.board-top-box p {font-size:16px;}
.board-top-box p b {font-size:16px; font-weight:600; color:#5FC4D9;}
.board-top-box .search-box {width:500px;}
@media (max-width:991px){
.board-top-box {margin:0 0 5px;}
.board-top-box p {order:2; width:100%; font-size:14px;}
.board-top-box p b {font-size:14px;}
.board-top-box .search-box {order:1; width:100%; margin:0 0 20px;}
}

/* board-list-box */
.board-list-box {border:2px solid #333; border-width:2px 0;}
.board-list-box ul li {display:flex; flex-wrap:wrap; align-items:center; border-bottom:1px solid #e1e1e1;}
.board-list-box ul li > div {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:18px 0; font-size:16px; font-weight:500;}
.board-list-box ul li .num {width:100px;}
.board-list-box ul li .subject {flex:1; min-width:0;}
.board-list-box ul li .content {padding:18px 0; width:200px;}
.board-list-box .list-body .inner {flex:1; min-width:0; display:flex; flex-wrap:wrap; align-items:center;}
.board-list-box .list-body ul li:last-of-type {border:0;}
.board-list-box .list-body ul li div {font-size:16px; font-weight:400; padding:0;}
.board-list-box .list-body ul li div.num .notice-icon {display:block; font-size:0; width:40px; height:40px; background:url('../images/icon_notice.png') no-repeat center / cover;}
.board-list-box .list-body ul li div.content {padding:0; text-align:center;}
.board-list-box .list-body ul li div.subject a {display:block; height:70px; line-height:70px; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.board-list-box .list-body ul li div.subject a:hover {text-decoration:underline;}
.board-list-box .list-body ul li.notice {background:#F0FAFC;}
@media (max-width:991px){
.board-list-box .list-head {display:none;}
.board-list-box ul li .subject {flex:none; width:100%;}
.board-list-box .list-body ul li div {font-size:12px; justify-content:flex-start;}
.board-list-box .list-body ul li div.num {width:65px; justify-content:center;}
.board-list-box .list-body ul li div.num .notice-icon {width:32px; height:32px;}
.board-list-box .list-body ul li div.subject {padding:0 0 5px;}
.board-list-box .list-body ul li div.subject a {display:-webkit-box; height:auto; line-height:1.4; font-size:14px; padding:15px 0 0; -webkit-box-orient:vertical; -webkit-line-clamp:2; white-space:inherit;}
.board-list-box .list-body ul li div.content {width:auto; display:flex; flex-wrap:wrap; align-items:center; padding:0 0 15px; line-height:1; margin:0 20px 0 0; color:#9E9E9E;}
.board-list-box .list-body ul li div.content:before {display:inline-block; content:""; width:12px; height:12px; background-size:cover; background-position:center; margin:0 5px 0 0;}
.board-list-box .list-body ul li div.content:last-of-type {margin:0;}
.board-list-box .list-body ul li div.content.date:before {background-image:url('../images/icon_pencil.png');}
.board-list-box .list-body ul li div.content.hit:before {background-image:url('../images/icon_eye.png');}
}

/* board-write-box */
.board-write-box {border:2px solid #222; border-width:2px 0 0; padding:24px 0 0;}
.board-write-box > ul {display:flex; flex-wrap:wrap; margin:0 -12px -24px;}
.board-write-box > ul > li {width:calc(50% - 24px); margin:0 12px 24px;}
.board-write-box > ul > li.full {width:100%;}
.board-write-box > ul > li > strong {display:block; margin:0 0 5px; font-size:16px; font-weight:500;}
.board-write-box > ul > li > strong.req:after {font-size:16px; font-weight:500; color:#FF0000; content:"*"; display:inline-block; margin:0 0 0 3px;}
@media (max-width:991px){
.board-write-box > ul {margin:0;}
.board-write-box > ul > li {width:100%; margin:0 0 24px;}
.board-write-box > ul > li:last-of-type {margin:0;}
.board-write-box > ul > li > strong {font-size:14px;}
.board-write-box > ul > li > strong.req:after {font-size:14px;}
}

/* board-view-box */
.board-view-box .view-head h2 {text-align:center; font-size:38px; font-weight:500; line-height:1.3;}
.board-view-box .view-head ul {margin:30px 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.board-view-box .view-head ul li {margin:0 50px 0 0; font-size:16px;}
.board-view-box .view-head ul li:last-of-type {margin:0;}
.board-view-box .view-body {border:2px solid #333; border-width:2px 0; padding:40px 0;}
.board-view-box .view-body .view-body-content p {font-size:16px;}
.board-view-box .view-body .view-body-content ul {list-style:disc; margin:1em 0; padding-left:1.5em;}
.board-view-box .view-body .view-body-content ol {list-style:decimal; margin:1em 0; padding-left:1.5em;}
.board-view-box .view-body .view-body-content li {display:list-item; list-style:inherit; line-height:1.6;}
.board-view-box .view-body .view-body-content ul > li {list-style-type:disc;}
.board-view-box .view-body .view-body-content ol > li {list-style-type:decimal;}
.board-view-box .view-body .view-body-content img {aspect-ratio: auto !important; display:block; max-width:100%; width: 100%; height:auto; margin:0 auto;}

.board-view-box .view-body .view-body-file {margin:40px 0 0; border:1px solid #9E9E9E; border-width:1px 0; display:flex; flex-wrap:wrap;}
.board-view-box .view-body .view-body-file h3 {width:200px; background:#F6F6F6; font-size:16px; font-weight:500; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.board-view-box .view-body .view-body-file div {flex:1; min-width:0; padding:32px;}
.board-view-box .view-body .view-body-file div ul li {margin:0 0 12px;}
.board-view-box .view-body .view-body-file div ul li:last-of-type {margin:0;}
.board-view-box .view-body .view-body-file div ul li a {display:block; font-size:16px;}
.board-view-box .view-body .view-body-file div ul li.file a {display:flex; flex-wrap:wrap;}
.board-view-box .view-body .view-body-file div ul li.file a:before {position:relative; top:2px; display:block; content:""; width:18px; height:18px; margin:0 5px 0 0; background:url('../images/icon_download.png') no-repeat center / cover;}
.board-view-box .view-body .view-body-file div ul li.file a p {flex:1; min-width:0; font-size:16px;}
.board-view-box .view-body .view-body-file div ul li:hover a {text-decoration:underline;}
.board-view-box .view-foot {margin:24px 0 0; display:flex; flex-wrap:wrap; align-items:center;}
.board-view-box .view-foot > div {flex:1; min-width:0;}
.board-view-box .view-foot > div a {display:flex; flex-wrap:wrap; align-items:center;}
.board-view-box .view-foot > div a b {display:flex; flex-wrap:wrap; align-items:center; font-size:16px; font-weight:600;}
.board-view-box .view-foot > div a b:before {display:inline-block; content:""; width:24px; height:24px; background:url('../images/icon_prev.png') no-repeat center / cover; margin:0 5px 0 0;}
.board-view-box .view-foot > div a p {flex:1; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:16px; color:#9E9E9E; margin:0 15px;}
.board-view-box .view-foot > div a:hover p {text-decoration:underline;}
.board-view-box .view-foot > div.next a b {order:2;}
.board-view-box .view-foot > div.next a b:before {display:none;}
.board-view-box .view-foot > div.next a b:after {display:inline-block; content:""; width:24px; height:24px; background:url('../images/icon_next.png') no-repeat center / cover; margin:0 0 0 5px;}
.board-view-box .view-foot > div.next a p {order:1; text-align:right;}
.board-view-box .view-foot > .list {display:block; font-size:0; width:56px; height:56px; background:url('../images/icon_list.png') no-repeat center / cover;}
@media (max-width:991px){
.board-view-box .view-head h2 {font-size:24px;}
.board-view-box .view-head ul {margin:20px 0;}
.board-view-box .view-head ul li {margin:0 30px 0 0; font-size:14px;}
.board-view-box .view-body {padding:24px 0;}
.board-view-box .view-body .view-body-content p {font-size:14px;}
.board-view-box .view-body .view-body-file {margin:30px 0 0;}
.board-view-box .view-body .view-body-file h3 {width:100%; padding:15px; justify-content:flex-start; font-size:14px;}
.board-view-box .view-body .view-body-file div {flex:none; width:100%; padding:15px;}
.board-view-box .view-body .view-body-file div ul li {margin:0 0 15px; padding:0 0 15px; border-bottom:1px solid #e1e1e1;}
.board-view-box .view-body .view-body-file div ul li:last-of-type {margin:0; padding:0; border:0;}
.board-view-box .view-body .view-body-file div ul li a {word-break:normal; font-size:14px;}
.board-view-box .view-body .view-body-file div ul li.file a p {font-size:14px;}
.board-view-box .view-foot {margin:15px 0 0; align-items:flex-start;}
.board-view-box .view-foot > .list {width:40px; height:40px;}
.board-view-box .view-foot > div a b {width:100%; font-size:14px; order:1 !important;}
.board-view-box .view-foot > div a b:before {width:16px; height:16px;}
.board-view-box .view-foot > div a p {order:2 !important; width:100%; font-size:14px; margin:0 10px 0 21px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; white-space:inherit;}
.board-view-box .view-foot > div.next a b {justify-content:flex-end;}
.board-view-box .view-foot > div.next a b:after {width:16px; height:16px;}
.board-view-box .view-foot > div.next a p {margin:0 21px 0 10px; text-align:right;}
}

/* board-gallery-box */
.board-gallery-box ul {display:flex; flex-wrap:wrap; margin:0 -16px -32px;}
.board-gallery-box ul li {width:calc(33.33% - 32px); margin:0 16px 32px;}
.board-gallery-box ul li a {display:block;}
.board-gallery-box ul li .list-image {border-radius:16px; background-size:cover; background-position:center;}
.board-gallery-box ul li .list-image:after {display:block; content:""; padding-bottom:66.5%;}
.board-gallery-box ul li .list-content {margin:16px 0 0;}
.board-gallery-box ul li .list-content p {display:-webkit-box; font-size:16px; font-weight:500; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.board-gallery-box ul li .list-content time {display:block; margin:20px 0 0; font-size:14px; color:#9E9E9E;}
.board-gallery-box.video ul li .list-image:after {padding-bottom:60%;}
@media (max-width:991px){
.board-gallery-box ul {margin:0 -8px -24px;}
.board-gallery-box ul li {width:calc(33.33% - 8px); margin:0 4px 24px;}
.board-gallery-box ul li .list-image:after {padding-bottom:56.5%;}
.board-gallery-box ul li .list-content p {font-size:14px;}
.board-gallery-box ul li .list-content time {margin:10px 0 0; font-size:12px;}
}
@media (max-width:600px){
.board-gallery-box ul {margin:0;}
.board-gallery-box ul li {width:100%; margin:0 0 24px;}
.board-gallery-box ul li:last-of-type {margin:0;}
.board-gallery-box ul li .list-image:after {padding-bottom:50%;}
}

/* main-box */
.main-box {margin:0 0 -120px; padding:0; height:100%; background:url('../images/bg_main.png') no-repeat left bottom / 474px auto;}
@media (max-width:991px){
.main-box {margin:0; padding:0; background:none;}
}

/* main-category */
.main-box .main-category ul {display:flex; flex-wrap:wrap;}
.main-box .main-category ul li {flex:1; min-width:0; margin:0 32px 0 0; position:relative; overflow:hidden;}
.main-box .main-category ul li:last-of-type {margin:0;}
.main-box .main-category ul li:after {display:block; content:""; padding-bottom:100%;}
.main-box .main-category ul li a {position:absolute; left:0; top:0; width:100%; height:100%; display:flex; flex-wrap:wrap; align-items:center; align-content:center; justify-content:center; border-radius:24px; background:#F0FAFC;}
.main-box .main-category ul li a p {width:100%; text-align:center; font-size:22px; font-weight:500;}
.main-box .main-category ul li a:before {display:block; content:""; margin:0 auto 30px; width:60px; height:60px; background-size:cover; background-position:center;}
.main-box .main-category ul li.cate01 a:before {background-image:url('../images/icon_main_category_01.png');}
.main-box .main-category ul li.cate02 a:before {background-image:url('../images/icon_main_category_02.png');}
.main-box .main-category ul li.cate03 a:before {background-image:url('../images/icon_main_category_03.png');}
.main-box .main-category ul li.cate04 a:before {background-image:url('../images/icon_main_category_04.png');}
.main-box .main-category ul li.cate05 a:before {background-image:url('../images/icon_main_category_05.png');}
@media (max-width:991px){
.main-box .main-category ul {justify-content:center; margin:0 -4px -8px;}
.main-box .main-category ul li {flex:none; width:calc(33.33% - 8px); margin:0 4px 8px;}
.main-box .main-category ul li:last-of-type {margin:0 4px 8px;}
.main-box .main-category ul li a {border-radius:8px;}
.main-box .main-category ul li a p {font-size:14px;}
.main-box .main-category ul li a:before {margin:0 auto 7px; width:45px; height:45px;}
}

/* main-board */
.main-box .main-board {display:flex; flex-wrap:wrap; margin:60px 0 0;}
.main-box .main-board .board-left {width:38.5%; margin:0 32px 0 0;}
.main-box .main-board .board-right {display:flex; flex-wrap:wrap; flex:1; min-width:0;}
.main-box .main-board .board-right .board-right-inner {flex:1; min-width:0; margin:0 32px 0 0;}
.main-box .main-board .board-right .board-right-inner:last-of-type {margin:0;}
.main-box .main-board .board-head {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 20px;}
.main-box .main-board .board-head h2 {position:relative; font-size:40px; font-weight:500;}
.main-box .main-board .board-head h2:after {position:absolute; content:""; width:17px; height:17px; right:0; top:-5px; background:url('../images/icon_main_title.png') no-repeat center / cover;}
.main-box .main-board .board-head .board-head-right {flex:1; min-width:0; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end;}
.main-box .main-board .board-head .board-head-right ul {display:flex; flex-wrap:wrap; align-items:center;}
.main-box .main-board .board-head .board-head-right ul li a {display:flex; flex-wrap:wrap; align-items:center; padding:0 7.5px; font-size:18px; color:#D4D4D4;}
.main-box .main-board .board-head .board-head-right ul li a:hover {color:#5FC4D9;}
.main-box .main-board .board-head .board-head-right ul li.active a {color:#5FC4D9;}
.main-box .main-board .board-head .board-head-right .more {margin:0 0 0 10px; display:block; font-size:0; width:38px; height:38px; border-radius:50%; background:url('../images/icon_main_more.png') no-repeat center / cover;}
.main-box .main-board .board-head .board-head-right .more:hover {background-image:url('../images/icon_main_more_on.png');}
.main-box .main-board .board-head .board-head-right > div {position:static; margin:0 8px 0 0; width:38px; height:38px; background-size:cover; background-position:center;}
.main-box .main-board .board-head .board-head-right > div:last-of-type {margin:0;}
.main-box .main-board .board-head .board-head-right > div.swiper-button-prev {background-image:url('../images/icon_prev_btn.png');}
.main-box .main-board .board-head .board-head-right > div.swiper-button-prev:hover {background-image:url('../images/icon_prev_btn_on.png');}
.main-box .main-board .board-head .board-head-right > div.swiper-button-next {background-image:url('../images/icon_next_btn.png');}
.main-box .main-board .board-head .board-head-right > div.swiper-button-next:hover {background-image:url('../images/icon_next_btn_on.png');}
.main-box .main-board .board-body {background:#fff; border:1px solid #e1e1e1; border-radius:24px; padding:30px;}
.main-box .main-board .board-body .body-notice {margin:-20px 0;}
.main-box .main-board .board-body .body-notice ul li {border-bottom:1px solid #e1e1e1;}
.main-box .main-board .board-body .body-notice ul li:last-of-type {border:0;}
.main-box .main-board .board-body .body-notice ul li a {padding:4.64% 0; display:flex; flex-wrap:wrap; align-items:center;}
.main-box .main-board .board-body .body-notice ul li a p {flex:1; min-width:0; padding:0 10px 0 0; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main-box .main-board .board-body .body-notice ul li a time {font-size:14px; color:#9e9e9e;}
.main-box .main-board .board-body .body-notice ul li a:hover p {text-decoration:underline;}
.main-box .main-board .board-body .body-swiper ul li a {display:block;}
.main-box .main-board .board-body .body-swiper ul li a .list-image {border-radius:16px; background-size:cover; background-position:center;}
.main-box .main-board .board-body .body-swiper ul li a .list-image:after {display:block; content:""; padding-bottom:60%;}
.main-box .main-board .board-body .body-swiper ul li a .list-content {margin:15px 0 0;}
.main-box .main-board .board-body .body-swiper ul li a .list-content p {text-align:center; font-size:18px; font-weight:500; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.main-box .main-board .board-body .body-swiper .swiper-control {margin:20px 0 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.main-box .main-board .board-body .body-swiper .swiper-control .swiper-pagination {position:static; display:flex; flex-wrap:wrap; align-items:center;}
.main-box .main-board .board-body .body-swiper .swiper-control .swiper-pagination span {line-height:1; margin:0 3px; background:#eee; opacity:1; width:10px; height:10px; transition:all ease 0.5s;}
.main-box .main-board .board-body .body-swiper .swiper-control .swiper-pagination span.swiper-pagination-bullet-active {background:#0FB297; width:28px; border-radius:6px;}
.main-box .main-board .board-body .body-swiper .swiper-control .pause {margin:0 0 0 10px; display:block; font-size:0; line-height:1; width:15px; height:15px; background:url('../images/icon_pause.png') no-repeat center / 9px auto;}
.main-box .main-board .board-body .body-swiper .swiper-control .pause.active {background:url('../images/icon_play2.png') no-repeat center / 8px auto;}
@media (max-width:1200px){
.main-box .main-board .board-head h2 {font-size:30px;}
.main-box .main-board .board-head .board-head-right ul li a {font-size:15px;}
}
@media (max-width:991px){
.main-box .main-board .board-left {width:100%; margin:0;}
.main-box .main-board .board-right {flex:none; width:100%; margin:40px 0 0;}
.main-box .main-board .board-right .board-right-inner {flex:none; width:100%; margin:0 0 40px;}
.main-box .main-board .board-right .board-right-inner:last-of-type {margin:0;}
.main-box .main-board .board-head {margin:0 0 12px;}
.main-box .main-board .board-head h2 {font-size:24px;}
.main-box .main-board .board-head h2:after {width:10px; height:10px; top:-3px;}
.main-box .main-board .board-head .board-head-right ul li a {padding:0 5px;}
.main-box .main-board .board-head .board-head-right .more {width:32px; height:32px;}
.main-box .main-board .board-head .board-head-right > div {width:32px; height:32px;}
.main-box .main-board .board-body {padding:20px; border-radius:16px;}
.main-box .main-board .board-body .body-notice {margin:-12px 0;}
.main-box .main-board .board-body .body-notice ul li a {padding:12px 0;}
.main-box .main-board .board-body .body-notice ul li a p {flex:none; width:100%; padding:0; font-size:14px;}
.main-box .main-board .board-body .body-notice ul li a time {width:100%; margin:5px 0 0;}
.main-box .main-board .board-body .body-swiper {margin:-5px;}
.main-box .main-board .board-body .body-swiper ul li a .list-content p {font-size:16px;}
}

/* visual-box */
.visual-box {width:84%; max-width:1920px; padding:2% 20px 3%; margin:0 auto; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.visual-box .swiper-container {width:100%; height:100%;}
.visual-box .swiper-container .swiper-wrapper {height:100%;}
.visual-box .swiper-container .swiper-slide {height:100%; display:flex; flex-wrap:wrap; overflow:hidden; border-radius:45px;}
.visual-box .swiper-container .swiper-slide .list-image {position:relative; flex:1; min-width:0; height:100%; background-size:cover; background-position:center;}
.visual-box .swiper-container .swiper-slide .list-image .swiper-pagination {z-index:10; width:100%; bottom:0; display:none;}
.visual-box .swiper-container .swiper-slide .list-content {padding:60px 40px; background:#222; width:32%; height:100%; display:flex; flex-wrap:wrap; align-items:center; align-content:space-between;}
.visual-box .swiper-container .swiper-slide .list-content > div {width:100%;}
.visual-box .swiper-container .swiper-slide .list-content > div.list-top h2 {font-size:44px; font-weight:600; color:#fff; line-height:1.3; margin:0 0 30px;}
.visual-box .swiper-container .swiper-slide .list-content > div.list-top ul {padding:0 0 0 20px;}
.visual-box .swiper-container .swiper-slide .list-content > div.list-top ul li {margin:0 0 20px; list-style:disc; font-size:18px; color:#fff;}
.visual-box .swiper-container .swiper-slide .list-content > div.list-top ul li:last-of-type {margin:0;}
.visual-box .swiper-container .swiper-slide .list-content > div.list-bottom {margin:30px 0 0;}
.visual-box .swiper-container .swiper-slide .list-content .control {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 24px;}
.visual-box .swiper-container .swiper-slide .list-content .control .swiper-pagination {position:static; display:flex; flex-wrap:wrap; align-items:center;}
.visual-box .swiper-container .swiper-slide .list-content .control .swiper-pagination span {display:flex; flex-wrap:wrap; align-items:center; margin:0 10px 0 0; background:none; color:#fff; font-size:16px; width:auto; height:auto; opacity:1;}
.visual-box .swiper-container .swiper-slide .list-content .control .swiper-pagination span em {display:none;}
.visual-box .swiper-container .swiper-slide .list-content .control .swiper-pagination span.swiper-pagination-bullet-active {color:#5FC4D9;}
.visual-box .swiper-container .swiper-slide .list-content .control .swiper-pagination span.swiper-pagination-bullet-active em {display:block; position:relative; overflow:hidden; width:80px; height:2px; background:#eee; margin:0 0 0 5px;}
.visual-box .swiper-container .swiper-slide .list-content .control .swiper-pagination span.swiper-pagination-bullet-active em:after {display:block; content:""; position:absolute; left:0; top:0; height:100%; background:#5FC4D9; animation: fillBar 4s ease-in-out forwards;}
.visual-box .swiper-container .swiper-slide .list-content .control .swiper-button-prev {position:static; width:15px; height:15px; background:url('../images/icon_visual_prev.png') no-repeat center / cover; margin:0;}
.visual-box .swiper-container .swiper-slide .list-content .control .swiper-button-next {position:static; width:15px; height:15px; background:url('../images/icon_visual_next.png') no-repeat center / cover; margin:0;}
.visual-box .swiper-container .swiper-slide .list-content .control .pause {display:block; font-size:0; margin:0 5px; width:15px; height:15px; background:url('../images/icon_visual_pause.png') no-repeat center / 7px auto; position:relative; top:1px;}
.visual-box .swiper-container .swiper-slide .list-content .control .pause.active {position:relative; top:-0.5px; left:2px; background:url('../images/icon_visual_play.png') no-repeat center / 8px auto;}
@keyframes fillBar {
    0%   { width: 0%; }
    100% { width: 100%; }
}
@media (min-width:2100px){
.visual-box {height:auto !important;}
.visual-box .swiper-container .swiper-slide .list-image:after {display:block; content:""; padding-bottom:74%;}
.visual-box .swiper-container .swiper-slide .list-content {height:auto;}
}
@media (max-width:1800px){
.visual-box {height:auto !important;}
.visual-box .swiper-container .swiper-slide .list-image:after {display:block; content:""; padding-bottom:74%;}
.visual-box .swiper-container .swiper-slide .list-content {height:auto;}
}
@media (max-width:1500px){
.visual-box {width:100%; max-width:100%;}
.visual-box .swiper-container .swiper-slide .list-content {padding:40px 24px;}
.visual-box .swiper-container .swiper-slide .list-content > div.list-top h2 {font-size:34px; margin:0 0 20px;}
.visual-box .swiper-container .swiper-slide .list-content > div.list-top ul li {font-size:16px; margin:0 0 15px;}
}
@media (max-width:1200px){
.visual-box .swiper-container .swiper-slide .list-content > div.list-top h2 {font-size:30px;}
}
@media (max-width:991px){
.visual-box {padding:0 20px; margin:0 0 40px;}
.visual-box .swiper-container .swiper-slide {border-radius:0;}
.visual-box .swiper-container .swiper-slide .list-image {width:100%; flex:none; border-radius:14px;}
.visual-box .swiper-container .swiper-slide .list-image .swiper-pagination {display:block; bottom:10px;}
.visual-box .swiper-container .swiper-slide .list-image .swiper-pagination span {line-height:1; margin:0 3px; background:#eee; opacity:1; width:10px; height:10px; transition:all ease 0.5s;}
.visual-box .swiper-container .swiper-slide .list-image .swiper-pagination span.swiper-pagination-bullet-active {background:#0FB297; width:28px; border-radius:6px;}
.visual-box .swiper-container .swiper-slide .list-content {width:100%; margin:14px 0 0; padding:0; background:none;}
.visual-box .swiper-container .swiper-slide .list-content > div.list-top h2 {font-size:26px; color:#222; margin:0 0 12px;}
.visual-box .swiper-container .swiper-slide .list-content > div.list-top ul li {font-size:16px; color:#222;}
.visual-box .swiper-container .swiper-slide .list-content .control {display:none;}
}

/* popup-box */
.popup-box {pointer-events:none; opacity:0; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:9999; transition:all ease 0.5s;}
.popup-box .box {pointer-events:none; opacity:0; padding:24px; position:absolute; left:50%; top:45%; transform:translate(-50%,-50%); background:#fff; border-radius:10px; width:calc(100% - 32px); max-width:375px; transition:all ease 0.5s;}
.popup-box .box p {text-align:center; font-size:18px; line-height:1.5; margin:0 0 24px;}
.popup-box.fixed {pointer-events:inherit; opacity:1;}
.popup-box.fixed .box.active {pointer-events:inherit; opacity:1; top:50%;}
@media (max-width:991px){
.popup-box .box p {font-size:15px;}
}

/* fp-nav */
#fp-nav {z-index:1000;}
#fp-nav ul li {margin:0 0 24px;}
#fp-nav ul li:last-of-type {margin:0; display:none;}
#fp-nav ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-size:0; width:20px; height:20px; border-radius:50%; position:relative; border:1px solid #5FC4D9;}
#fp-nav ul li a span {opacity:0; background:#5FC4D9; margin:0 !important; position:static;}
#fp-nav ul li a.active span {opacity:1; width:8px; height:8px;}