/* header */
header .header-top {background:var(--color-active); position:relative; z-index:2000;}
header .header-top .container {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; max-width:100%;}
header .header-top .top-left {display:flex; flex-wrap:wrap;}
header .header-top .top-left .dropdown-box {border-right:1px solid #637fc2; position:relative;}
header .header-top .top-left .dropdown-box:first-of-type {border-left:1px solid #637fc2;}
header .header-top .top-left .dropdown-box .dropdown-btn {width:160px; height:45px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:0 15px; font-size:15px; color:#fff;font-family: 'Paperlogy';}
header .header-top .top-left .dropdown-box .dropdown-btn:after {display:block; content:""; width:16px; height:16px; background:url('../images/icon_arrow_down.svg') no-repeat center / cover; filter:var(--filter-white);}
header .header-top .top-left .dropdown-box .dropdown-inner {position:absolute; left:0; top:100%; width:100%; background:#fff; border:1px solid #d5d5d5;}
header .header-top .top-left .dropdown-box .dropdown-inner ul li a {height:40px; font-size:14px; color:#333; padding:0 15px; display:flex; flex-wrap:wrap; align-items:center; border-bottom:1px solid #d5d5d5;}
header .header-top .top-left .dropdown-box .dropdown-inner ul li:last-of-type a {border:0;}
header .header-top .top-left .dropdown-box .dropdown-inner ul li a:hover {text-decoration:underline;}
header .header-top .top-right ul {display:flex; flex-wrap:wrap; align-items:center;}
header .header-top .top-right ul li {margin:0 20px 0 0;}
header .header-top .top-right ul li:last-of-type {margin:0;}
header .header-top .top-right ul li a {font-size:15px; color:#fff; display:flex; flex-wrap:wrap; align-items:center;}
header .header-top .top-right ul li a:before {display:inline-block; content:""; width:22px; height:22px; margin:0 8px 0 0; background-size:22px auto; background-position:center; background-repeat:no-repeat;}
header .header-top .top-right ul li a:hover {text-decoration:underline;}

/* sjkim 수정 및 추가 */
header .header-top .top-right ul li.top-admin a:before {background-image:url('../images/icon_header_right_admin.png');}
/* header .header-top .top-right ul li:nth-of-type(1) a:before {background-image:url('../images/icon_header_right_01.png');} */
header .header-top .top-right ul li.top-resv a:before {background-image:url('../images/icon_header_right_01.png');}
/*header .header-top .top-right ul li:nth-of-type(2) a:before {background-image:url('../images/icon_header_right_02.png');}*/
header .header-top .top-right ul li.top-manager a:before {background-image:url('../images/icon_header_right_03.png');}

header .header-top .top-right ul li.cert-in-new a:before {background-image:url('../images/icon_header_right_02.png');}
header .header-top .top-right ul li.cert-out-new a:before {background-image:url('../images/icon_header_right_02_off.png');}
header .header-top .top-right ul li.mypage a:before {background-image: url('../images/icon_header_right_mypage.png');}

header .header-bottom {background:#fff; border-bottom:1px solid #e1e1e1; position:relative; z-index:1000;}
header .header-bottom .container {display:flex; flex-wrap:wrap; align-items:center; max-width:100%;}
header .header-bottom .bottom-logo h1 a img {width:300px;}
header .header-bottom .bottom-cate {flex:1; min-width:0; margin:0 0 0 7%;}
header .header-bottom .bottom-cate .box {width:100%;}
header .header-bottom .bottom-cate .cate-head {display:none;}
header .header-bottom .bottom-cate .cate-body ul {display:flex; flex-wrap:wrap;}
header .header-bottom .bottom-cate .cate-body ul li {flex:1; min-width:0;}
header .header-bottom .bottom-cate .cate-body ul li .depth {height:115px; font-size:22px; font-weight:600; color:#131313; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
header .header-bottom .bottom-cate .cate-body ul li button.depth {display:none;}
header .header-bottom .bottom-cate .cate-body ul li .inner {display:block; pointer-events:none; opacity:0; transition:all ease 0.5s; position:absolute; left:0; top:100%; width:100%; padding:70px 50px; background:#fff url('../images/bg_header_bottom.png') no-repeat left top / auto 100%; border-top:1px solid #e1e1e1; box-shadow:0 5px 10px rgba(0,0,0,0.1);}
header .header-bottom .bottom-cate .cate-body ul li .inner .container {display:flex; flex-wrap:wrap; align-items:flex-start;}
header .header-bottom .bottom-cate .cate-body ul li .inner .inner-title {margin:0 10% 0 0;}
header .header-bottom .bottom-cate .cate-body ul li .inner .inner-title h2 {font-size:45px; font-weight:800; color:#454545;}
header .header-bottom .bottom-cate .cate-body ul li .inner .inner-title h2 b {font-size:45px; font-weight:800; color:var(--color-active);}
header .header-bottom .bottom-cate .cate-body ul li .inner .inner-title p {font-size:17px; font-weight:600; color:#454545;}
header .header-bottom .bottom-cate .cate-body ul li .inner .inner-cate {flex:1; min-width:0;}
header .header-bottom .bottom-cate .cate-body ul li .inner .inner-cate > ul {display:flex; flex-wrap:wrap; margin:0 -15px -30px;}
header .header-bottom .bottom-cate .cate-body ul li .inner .inner-cate > ul > li {width:calc(25% - 30px); margin:0 15px 30px; flex:none;}
header .header-bottom .bottom-cate .cate-body ul li .inner .inner-cate > ul > li:last-of-type {margin:0;}
header .header-bottom .bottom-cate .cate-body ul li .inner .inner-cate > ul > li .depth2 {border:1px solid #cecece; height:50px; padding:0 20px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
header .header-bottom .bottom-cate .cate-body ul li .inner .inner-cate > ul > li .depth2:after {display:inline-block; content:""; width:20px; height:20px; margin:0 0 0 10px; background:url('../images/icon_arrow_down.svg') no-repeat center / cover; transform:rotate(-90deg);}

/* sjkim 추가 */
header .header-bottom .bottom-cate .cate-body ul li .inner .inner-cate > ul > li .depth2.target:after {width: 18px;height: 16px;content: "";display: block;background: url('../images/icon_link.png') no-repeat center / cover;}

header .header-bottom .bottom-cate .cate-body ul li .inner .inner-cate > ul > li .depth2 p {font-size:16px; font-weight:500; color:#333; line-height:1.3; word-break:keep-all; flex:1; min-width:0;}
header .header-bottom .bottom-cate .cate-body ul li .inner .inner-cate > ul > li > ul {padding:20px 20px 0; display:block;}
header .header-bottom .bottom-cate .cate-body ul li .inner .inner-cate > ul > li > ul > li {margin:0 0 5px;}
header .header-bottom .bottom-cate .cate-body ul li .inner .inner-cate > ul > li > ul > li:last-of-type {margin:0;}
header .header-bottom .bottom-cate .cate-body ul li .inner .inner-cate > ul > li > ul > li > a {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; position:relative; padding:0 0 0 15px; word-break:keep-all;}
header .header-bottom .bottom-cate .cate-body ul li .inner .inner-cate > ul > li > ul > li > a p {font-size:15px; font-weight:500; color:#333; flex:1; min-width:0; padding:0 5px 0 0; word-break:keep-all;}
header .header-bottom .bottom-cate .cate-body ul li .inner .inner-cate > ul > li > ul > li > a:before {position:absolute; left:0; top:11px; width:4px; height:4px; background:#333; content:"";}
header .header-bottom .bottom-cate .cate-body ul li .inner .inner-cate > ul > li > ul > li > a:hover {text-decoration:underline;}
header .header-bottom .bottom-cate .cate-body ul li .inner .inner-cate > ul > li > ul > li > a.target:after{width: 18px;height: 16px;content: "";display: block;background: url('../images/icon_link.png') no-repeat center / cover;}
header .header-bottom .bottom-cate .cate-body ul li .inner .inner-cate > ul > li > ul > li > a.more:after {display:inline-block; content:""; width:12px; height:12px; background:url('../images/icon_plus.svg') no-repeat center / cover;}
header .header-bottom .bottom-cate .cate-body ul li .inner .inner-cate > ul > li > ul > li > dl {display:none; background:#f4f4f4; border-radius:8px; margin:5px 0 0; padding:15px;}
header .header-bottom .bottom-cate .cate-body ul li .inner .inner-cate > ul > li > ul > li > dl dd {margin:0 0 5px;}
header .header-bottom .bottom-cate .cate-body ul li .inner .inner-cate > ul > li > ul > li > dl dd:last-of-type {margin:0;}
header .header-bottom .bottom-cate .cate-body ul li .inner .inner-cate > ul > li > ul > li > dl dd a {font-size:14px; color:#333; word-break:keep-all;}
header .header-bottom .bottom-cate .cate-body ul li .inner .inner-cate > ul > li > ul > li > dl dd a:hover {font-weight:500; text-decoration:underline; color:var(--color-active);}
header .header-bottom .bottom-cate .cate-body ul li .inner .inner-cate > ul > li > ul > li > dl dd a.target {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
header .header-bottom .bottom-cate .cate-body ul li .inner .inner-cate > ul > li > ul > li > dl dd a.target:after {width:18px; height:16px; content:""; display:block; background:url('../images/icon_link.png') no-repeat center / cover;}
header .header-bottom .bottom-cate .cate-body ul li .inner .inner-cate > ul > li > ul > li > dl dd.active a {font-weight:500; text-decoration:underline; color:var(--color-active);}
header .header-bottom .bottom-cate .cate-body ul li .inner .inner-cate > ul > li > ul > li.active > a p {color:var(--color-active);}
header .header-bottom .bottom-cate .cate-body ul li .inner .inner-cate > ul > li > ul > li.active > a:before {background:var(--color-active);}
header .header-bottom .bottom-cate .cate-body ul li .inner .inner-cate > ul > li > ul > li.active > a.more:after {background-image:url('../images/icon_minus.svg');}
header .header-bottom .bottom-cate .cate-body ul li .inner .inner-cate > ul > li > ul > li.active > dl {display:block;}
header .header-bottom .bottom-cate .cate-body ul li .inner .inner-cate > ul > li:hover .depth2 {background:var(--color-active); border-color:var(--color-active);}
header .header-bottom .bottom-cate .cate-body ul li .inner .inner-cate > ul > li:hover .depth2:after {filter:var(--filter-white);}
header .header-bottom .bottom-cate .cate-body ul li .inner .inner-cate > ul > li:hover .depth2 p {color:#fff;}
header .header-bottom .bottom-cate .cate-body ul li .inner .inner-cate > ul > li.active .depth2 {background:var(--color-active); border-color:var(--color-active);}
header .header-bottom .bottom-cate .cate-body ul li .inner .inner-cate > ul > li.active .depth2:after {filter:var(--filter-white);}
header .header-bottom .bottom-cate .cate-body ul li .inner .inner-cate > ul > li.active .depth2 p {color:#fff;}
header .header-bottom .bottom-cate .cate-body ul li:hover .depth {color:var(--color-active);}
header .header-bottom .bottom-cate .cate-body ul li:hover .inner {pointer-events:inherit; opacity:1;}
header .header-bottom .bottom-cate .cate-body ul li.active .depth {color:var(--color-active);}
header .header-bottom .bottom-menu {margin:0 0 0 5%;}
header .header-bottom .bottom-menu button {display:block; font-size:0; width:30px; height:23px; background:url('../images/icon_menu.png') no-repeat center / cover;}
header .header-bottom .bottom-menu button.menu {display:none;}
@media (max-width:1300px){
header .header-bottom .bottom-logo h1 a img {width:250px;}
header .header-bottom .bottom-cate .cate-body ul li .depth {font-size:19px;}
header .header-bottom .bottom-cate .cate-body ul li .inner .inner-title {display:none;}
header .header-bottom .bottom-menu button {width:25px; height:20px;}
}
@media (max-width:991px){
header .header-top {display:none;}
header .header-bottom {padding:15px 0;}
header .header-bottom .container {justify-content:space-between;}
header .header-bottom .bottom-logo h1 a img {width:200px;}
header .header-bottom .bottom-cate {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; margin:0;}
header .header-bottom .bottom-cate .box {pointer-events:none; opacity:0; transition:all ease 0.5s; position:absolute; left:-25px; top:0; width:100%; max-width:280px; height:100%; background:#fff; display:flex; flex-direction:column;}
header .header-bottom .bottom-cate .cate-head {padding:15px 15px 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; width:100%;}
header .header-bottom .bottom-cate .cate-head h2 img {width:170px;}
header .header-bottom .bottom-cate .cate-head ul {margin:15px -15px 0; background:var(--color-active); border-bottom:1px solid #cecece; width:calc(100% + 30px); padding:10px 15px; display:flex; flex-wrap:wrap; align-items:center;}
header .header-bottom .bottom-cate .cate-head ul li {flex:1; min-width:0;}
header .header-bottom .bottom-cate .cate-head ul li a {font-size:14px; color:#fff; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
header .header-bottom .bottom-cate .cate-head ul li a:before {display:inline-block; content:""; width:16px; height:16px; margin:0 5px 0 0; background-size:16px auto; background-position:center; background-repeat:no-repeat;}
header .header-bottom .bottom-cate .cate-head ul li a:hover {text-decoration:underline;}
header .header-bottom .bottom-cate .cate-head ul li:nth-of-type(1) a:before {background-image:url('../images/icon_header_right_01.png');}
header .header-bottom .bottom-cate .cate-head ul li:nth-of-type(2) a:before {background-image:url('../images/icon_header_right_02.png');}
header .header-bottom .bottom-cate .cate-head .close {width:20px; height:20px; font-size:0; background:url('../images/icon_close.svg') no-repeat center / cover;}
header .header-bottom .bottom-cate .cate-body {width:100%; height:100%; overflow-y:auto; padding:15px 0;}
header .header-bottom .bottom-cate .cate-body ul li {border-bottom:1px solid #cecece; width:100%; flex:none;}
header .header-bottom .bottom-cate .cate-body ul li:last-of-type {border:0;}
header .header-bottom .bottom-cate .cate-body ul li .depth {justify-content:space-between; height:45px; padding:0 15px; font-size:16px;font-family: 'Paperlogy';}
header .header-bottom .bottom-cate .cate-body ul li .depth:after {display:block; content:""; width:20px; height:20px; background:url('../images/icon_arrow_down.svg') no-repeat center / cover;}
header .header-bottom .bottom-cate .cate-body ul li .inner {display:none; background:var(--color-light-active); padding:15px; pointer-events:inherit; opacity:1; position:static;}
header .header-bottom .bottom-cate .cate-body ul li .inner .container {padding:0;}
header .header-bottom .bottom-cate .cate-body ul li .inner .inner-cate > ul {margin:0;}
header .header-bottom .bottom-cate .cate-body ul li .inner .inner-cate > ul > li {width:100% !important; flex:none !important; border:0; margin:0 0 15px;}
header .header-bottom .bottom-cate .cate-body ul li .inner .inner-cate > ul > li:last-of-type {margin:0;}
header .header-bottom .bottom-cate .cate-body ul li .inner .inner-cate > ul > li .depth2 {background:#fff; height:40px;}
header .header-bottom .bottom-cate .cate-body ul li .inner .inner-cate > ul > li .depth2 p {font-size:15px;}
header .header-bottom .bottom-cate .cate-body ul li .inner .inner-cate > ul > li > ul {padding:15px 15px 0;}
header .header-bottom .bottom-cate .cate-body ul li .inner .inner-cate > ul > li > ul > li {border:0;}
header .header-bottom .bottom-cate .cate-body ul li .inner .inner-cate > ul > li > ul > li > a {padding:0 0 0 10px;}
header .header-bottom .bottom-cate .cate-body ul li .inner .inner-cate > ul > li > ul > li > a p {font-size:14px;}    
header .header-bottom .bottom-cate .cate-body ul li a.depth {display:none;}
header .header-bottom .bottom-cate .cate-body ul li button.depth {display:flex; width:100%;}
header .header-bottom .bottom-cate .cate-body ul li.active .depth {background:var(--color-active); color:#fff;}
header .header-bottom .bottom-cate .cate-body ul li.active .depth:after {filter:var(--filter-white); transform:rotate(180deg);}
header .header-bottom .bottom-cate .cate-body ul li.active .inner {display:block;}
header .header-bottom .bottom-menu button.sitemap {display:none;}
header .header-bottom .bottom-menu button.menu {display:block;}
header.fixed .header-bottom .bottom-cate {pointer-events:inherit; opacity:1;}
header.fixed .header-bottom .bottom-cate .box {pointer-events:inherit; opacity:1; left:0;}
}

/* footer */
footer .footer-menu {background:var(--color-active3);}
footer .footer-menu .container {display:flex; flex-wrap:wrap;}
footer .footer-menu .dropdown-box {flex:1; min-width:0; position:relative; z-index:100;}
footer .footer-menu .dropdown-box:after {position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:20px; background:#646c77; content:"";}
footer .footer-menu .dropdown-box:last-of-type:after {display:none;}
footer .footer-menu .dropdown-box .dropdown-btn {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; width:100%; height:70px; padding:0 20px; font-size:17px; color:#fff; font-family: 'Paperlogy';}
footer .footer-menu .dropdown-box .dropdown-btn:after {display:block; content:""; width:20px; height:20px; background:url('../images/icon_arrow_down.svg') no-repeat center / cover; transform:rotate(180deg); filter:var(--filter-white);}
footer .footer-menu .dropdown-box .dropdown-inner {position:absolute; left:0; bottom:100%; width:100%; background:#fff; border:2px solid var(--color-active3);} 
footer .footer-menu .dropdown-box .dropdown-inner ul {display:flex; flex-wrap:wrap;}
footer .footer-menu .dropdown-box .dropdown-inner ul li {width:50%; border:1px solid #cecece; border-width:0 1px 1px 0;}
footer .footer-menu .dropdown-box .dropdown-inner ul li:nth-of-type(even) {border-right:0;}
footer .footer-menu .dropdown-box .dropdown-inner ul li a {display:flex; flex-wrap:wrap; align-items:center; padding:10px 15px; font-size:15px; font-weight:500; color:#333; line-height:1.3;}
footer .footer-menu .dropdown-box .dropdown-inner ul li a:hover {text-decoration:underline;}
footer .footer-link {border-bottom:1px solid #d4d4d4; padding:20px 0;}
footer .footer-link .container {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
footer .footer-link .link-left ul {display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-link .link-left ul li {margin:0 10px 0 0;}
footer .footer-link .link-left ul li:last-of-type {margin:0;}
footer .footer-link .link-left ul li a {display:block; font-size:0; width:40px; height:40px; background-size:cover; background-position:center;}
footer .footer-link .link-left ul li.social01 a {background-image:url('../images/icon_footer_link_01.png');}
footer .footer-link .link-left ul li.social02 a {background-image:url('../images/icon_footer_link_02.png');}
footer .footer-link .link-left ul li.social03 a {background-image:url('../images/icon_footer_link_03.png');}
footer .footer-link .link-left ul li.social04 a {background-image:url('../images/icon_footer_link_04.png');}
footer .footer-link .link-right ul {display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-link .link-right ul li {margin:0 15px 0 0;}
footer .footer-link .link-right ul li:last-of-type {margin:0;}
footer .footer-link .link-right ul li a {display:flex; flex-wrap:wrap; align-items:center; font-size:14px;}
footer .footer-link .link-right ul li a:before {display:inline-block; content:""; width:4px; height:4px; background:#c4c6ca; margin:0 8px 0 0;}
/*footer .footer-link .link-right ul li:nth-of-type(4) a {color:#eb7369; font-weight:500;}*/
footer .footer-link .link-right ul li a:hover {text-decoration:underline;}
footer .footer-info {padding:25px 0; overflow:hidden;}
footer .footer-info .container {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
footer .footer-info .info-left {display:flex; flex-wrap:wrap; align-items:center; flex:1; min-width:0; margin:0 30px 0 0;}
footer .footer-info .info-left h2 img {width:211px;}
footer .footer-info .info-left .inner {flex:1; min-width:0; margin:0 0 0 5%;}
footer .footer-info .info-left .inner ul li {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 8px;}
footer .footer-info .info-left .inner ul li:last-of-type {margin:0;}
footer .footer-info .info-left .inner ul li p {display:flex; flex-wrap:wrap; align-items:center; font-size:14px; color:#333;}
footer .footer-info .info-left .inner ul li p:after {display:inline-block; content:""; width:1px; height:13px; background:#333; margin:0 15px;}
footer .footer-info .info-left .inner ul li p:last-of-type:after {display:none;}
footer .footer-info .info-left .inner ul li p b {color:#eb7369; margin:0 0 0 5px;}
footer .footer-info .info-right button {width:55px; height:55px; font-size:0; background:url('../images/icon_top.png') no-repeat center / cover;}
footer .footer-site {border-top:1px solid #d4d4d4; padding:35px 0;}
footer .footer-site .container {display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-site .site-left {display:flex; flex-wrap:wrap; align-items:center; margin:0 5% 0 0;}
footer .footer-site .site-left h2 {font-size:20px; font-weight:500; color:#333; margin:0 40px 0 0;}
footer .footer-site .site-left div {position:static; width:20px; height:20px; margin:0; background:url('../images/icon_arrow_down.svg') no-repeat center / cover;}
footer .footer-site .site-left div:after {display:none;}
footer .footer-site .site-left div.swiper-button-prev {transform:rotate(90deg);}
footer .footer-site .site-left div.swiper-button-next {transform:rotate(-90deg);}
footer .footer-site .site-left button.swiper-play {font-size:0; display:block; width:20px; height:20px; background:url('../images/icon_pause.svg') no-repeat center / 15px auto;}
footer .footer-site .site-left button.swiper-play.active {background:url('../images/icon_play.svg') no-repeat center / 15px auto;}
footer .footer-site .site-right {flex:1; min-width:0;}
footer .footer-site .site-right .swiper-container {overflow:hidden;}
footer .footer-site .site-right .swiper-slide {width:auto !important;}
footer .footer-site .site-right .swiper-slide a {font-size:18px; font-weight:500; color:#333; display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-site .site-right .swiper-slide a:after {display:inline-block; content:""; width:1px; height:15px; background:#9b9b9b; margin:0 40px;}
footer .footer-site .site-right .swiper-slide a:hover {text-decoration:underline;}
@media (max-width:991px){
footer .footer-menu .container {padding:0;}
footer .footer-menu .dropdown-box {border-bottom:1px solid #646c77; flex:none; width:50%;}
footer .footer-menu .dropdown-box .dropdown-btn {height:50px; padding:0 10px; font-size:15px;}
footer .footer-menu .dropdown-box .dropdown-btn:nth-of-type(even):after {display:none;}
footer .footer-menu .dropdown-box .dropdown-inner ul li {width:100%; border-width:0 0 1px;}
footer .footer-menu .dropdown-box .dropdown-inner ul li a {padding:10px; font-size:13px;}
footer .footer-link .link-left {widtH:100%;}
footer .footer-link .link-left ul {justify-content:center;}
footer .footer-link .link-left ul li a {width:35px; height:35px;}
footer .footer-link .link-right {width:100%; margin:15px 0 0;}
footer .footer-link .link-right ul {justify-content:center; gap:5px 15px;}
footer .footer-link .link-right ul li {margin:0;}
footer .footer-link .link-right ul li a {font-size:13px;}
footer .footer-info {padding:20px 0;}
footer .footer-info .info-left {margin:0; width:100%;}
footer .footer-info .info-left h2 {width:100%;}
footer .footer-info .info-left h2 img {width:160px; display:block; margin:0 auto;}
footer .footer-info .info-left .inner {flex:none; width:100%; margin:15px 0 0;}
footer .footer-info .info-left .inner ul li {justify-content:center; width:100%;}
footer .footer-info .info-left .inner ul li p {width:100%; font-size:13px; text-align:center; justify-content:center; font-size:13px; margin:0 0 3px;}
footer .footer-info .info-left .inner ul li p:last-of-type {margin:0;}
footer .footer-info .info-left .inner ul li p:after {display:none;}
footer .footer-info .info-left .inner ul li p b {font-size:13px;}
footer .footer-info .info-left .inner ul li p a {font-size:13px;}
footer .footer-info .info-right {position:fixed; z-index:1000; right:10px; bottom:10px;}
footer .footer-info .info-right button {width:40px; height:40px;}
footer .footer-site {padding:20px 0;}
footer .footer-site .site-left h2 {font-size:15px; margin:0 10px 0 0;}
footer .footer-site .site-right .swiper-slide a {font-size:14px;}
footer .footer-site .site-right .swiper-slide a:after {height:10px; margin:0 15px;}
}

/* main-title */
.main-box .main-title h2 {display:flex; flex-wrap:wrap; align-items:baseline; font-family:'YeogiOttaeJalnan'; font-size:40px; color:#333;}
.main-box .main-title h2 b {font-size:60px; color:var(--color-active); font-family:'YeogiOttaeJalnan';}
.main-box .main-title p {font-size:18px; color:#4b4b4b; word-break:keep-all;}
@media (max-width:991px){
.main-box .main-title h2 {font-size:30px;}
.main-box .main-title h2 b {font-size:40px;}
.main-box .main-title p {font-size:14px; margin:-5px 0 0;}
}

/* main-more */
.main-box .main-more a {display:block; font-size:0; width:24px; height:24px; background:url('../images/icon_more.png') no-repeat right center / 20px;}
@media (max-width:991px){
.main-box .main-more a {width:20px; height:20px; background-size:16px;}
}

/* main-news */
.main-box .main-news {padding:100px 0;}
.main-box .main-news .news-head {display:flex; flex-wrap:wrap; align-items:flex-end; margin:0 0 35px;}
.main-box .main-news .news-head .main-title {margin:0 8% 0 0;}
.main-box .main-news .news-head .news-cate {margin:0 20px 0 0; flex:1; min-width:0;}
.main-box .main-news .news-head .news-cate ul {display:flex; flex-wrap:wrap;}
.main-box .main-news .news-head .news-cate ul li {width:145px; margin:0 20px 0 0;}
.main-box .main-news .news-head .news-cate ul li:last-of-type {margin:0;}
.main-box .main-news .news-head .news-cate ul li button {height:50px; font-size:18px; font-weight:600; color:#333; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px; width:100%; font-family: 'Paperlogy';}
.main-box .main-news .news-head .news-cate ul li button.active {background:var(--color-active); color:#fff;}
.main-box .main-news .news-head .news-cate ul li button:hover {background:var(--color-active); color:#fff;}
.main-box .main-news .news-body ul {display:flex; flex-wrap:wrap;}
.main-box .main-news .news-body ul li {flex:1; min-width:0; margin:0 40px 0 0; border:1px solid #dbdbdb; border-radius:15px; overflow:hidden;} 
.main-box .main-news .news-body ul li:last-of-type {margin:0;}
.main-box .main-news .news-body ul li .inner {display:block; padding:35px;}
.main-box .main-news .news-body ul li .inner h3 {font-size:22px; font-weight:600; color:#373737; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis;}
.main-box .main-news .news-body ul li .inner p {font-size:15px; font-weight:500; color:#373737; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; margin:15px 0 0;}
.main-box .main-news .news-body ul li .inner time {display:block; padding:25px 0 0; margin:25px 0 0; border-top:1px solid #dbdbdb; font-size:16px; color:#5d5d5d;}
.main-box .main-news .news-body ul li .inner:hover {background:var(--color-light-active);}
.main-box .main-news .news-body ul li .inner:hover h3 {color:var(--color-active);}
.main-box .main-news .news-body ul li .inner:hover p {text-decoration:underline;}
@media (max-width:1250px){
.main-box .main-news .news-head {align-items:center;}
.main-box .main-news .news-head .main-title {margin:0 0 20px; width:100%;}
}
@media (max-width:991px){
.main-box .main-news {padding:50px 0;}
.main-box .main-news .news-head {margin:0 0 30px;}
.main-box .main-news .news-head .news-cate {margin:0 10px 0 0;}
.main-box .main-news .news-head .news-cate ul li {flex:1; min-width:0; margin:0 10px 0 0;}
.main-box .main-news .news-head .news-cate ul li button {height:40px; font-size:15px;}
.main-box .main-news .news-body ul li {margin:0 10px 0 0; border-radius:10px;}
.main-box .main-news .news-body ul li .inner {padding:20px;}
.main-box .main-news .news-body ul li .inner h3 {font-size:16px;}
.main-box .main-news .news-body ul li .inner p {font-size:14px; margin:10px 0 0;}
.main-box .main-news .news-body ul li .inner time {padding:15px 0 0; margin:15px 0 0; font-size:13px;}
}
@media (max-width:767px){
.main-box .main-news .news-body ul li {width:100%; margin:0 0 10px; flex:none;}
.main-box .main-news .news-body ul li:last-of-type {margin:0;}    
    
}

@media (max-width:575px){
.main-box .main-news .news-head .news-cate ul li { margin-right: 5px;}
.main-box .main-news .news-head .news-cate ul li button {height:30px; font-size:12px; border-radius: 10px;} 
    
}
/* main-gallery */
.main-box .main-gallery {position:relative; max-width:2560px; margin:0 auto;}
.main-box .main-gallery:before {position:absolute; left:0; bottom:0; content:""; width:100%; height:60%; background:var(--color-light-active);}
.main-box .main-gallery .gallery-inner {display:flex; flex-wrap:wrap; max-width:1630px; margin:0 auto; padding:0 15px;}
.main-box .main-gallery .gallery-inner .list-left {width:40%; margin:0 5% 0 0; padding:0 0 80px; position:relative;}
.main-box .main-gallery .gallery-inner .list-left .left-head {display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; margin:0 0 15px;}
.main-box .main-gallery .gallery-inner .list-left .left-body ul {display:flex; flex-wrap:wrap;}
.main-box .main-gallery .gallery-inner .list-left .left-body ul li {flex:1; min-width:0; margin:0 25px 0 0;}
.main-box .main-gallery .gallery-inner .list-left .left-body ul li:last-of-type {margin:0;}
.main-box .main-gallery .gallery-inner .list-left .left-body ul li .inner {display:block;}
.main-box .main-gallery .gallery-inner .list-left .left-body ul li .inner .list-image {position:relative; overflow:hidden; border-radius:20px;}
.main-box .main-gallery .gallery-inner .list-left .left-body ul li .inner .list-image:after {display:block; content:""; padding-bottom:60%;}
.main-box .main-gallery .gallery-inner .list-left .left-body ul li .inner .list-image img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; transition:all ease 0.5s;}
.main-box .main-gallery .gallery-inner .list-left .left-body ul li .inner .list-content {padding:15px 15px 0;}
.main-box .main-gallery .gallery-inner .list-left .left-body ul li .inner .list-content h3 {font-size:18px; font-weight:500; color:#333; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis;}
.main-box .main-gallery .gallery-inner .list-left .left-body ul li .inner .list-content time {display:block; margin:15px 0 0; font-size:15px; color:#5d5d5d;}
.main-box .main-gallery .gallery-inner .list-left .left-body ul li .inner:hover .list-image img {transform:scale(1.1);}
.main-box .main-gallery .gallery-inner .list-left .left-body ul li .inner:hover .list-content h3 {color:var(--color-active); text-decoration:underline;}
.main-box .main-gallery .gallery-inner .list-right {flex:1; min-width:0; position:absolute; overflow:hidden; right:0; top:0; width:52%; height:100%; background:rgba(37,50,83,1); overflow:hidden; border-radius:50px 0 0 0;}
.main-box .main-gallery .gallery-inner .list-right:before {position:absolute; left:0; top:0; width:100%; height:100%; content:""; background:url('../images/bg_main_gallery.png') no-repeat center / cover; opacity:0.3;}
.main-box .main-gallery .gallery-inner .list-right .inner {position:relative; padding:50px 8%;}
.main-box .main-gallery .gallery-inner .list-right .inner h3 {font-size:35px; color:#fff; margin:0 0 40px; font-family:'YeogiOttaeJalnan';}
.main-box .main-gallery .gallery-inner .list-right .inner ul {display:flex; flex-wrap:wrap; max-width:76%; margin:0 0 -50px -3%;}
.main-box .main-gallery .gallery-inner .list-right .inner ul li {width:25%; margin:0 0 50px;}
.main-box .main-gallery .gallery-inner .list-right .inner ul li a {display:block;}
.main-box .main-gallery .gallery-inner .list-right .inner ul li a:before {display:block; content:""; width:54px; height:56px; margin:0 auto 15px; background-repeat:no-repeat; background-position:center;}
.main-box .main-gallery .gallery-inner .list-right .inner ul li a p {font-size:18px; font-weight:600; color:#fff; text-align:center;}
.main-box .main-gallery .gallery-inner .list-right .inner ul li a:hover p {color:var(--color-teal);}
.main-box .main-gallery .gallery-inner .list-right .inner ul li:nth-of-type(1) a:before {background-image:url('../images/icon_main_gallery_01.png'); background-size:52px auto;}
.main-box .main-gallery .gallery-inner .list-right .inner ul li:nth-of-type(2) a:before {background-image:url('../images/icon_main_gallery_02.png'); background-size:39px auto;}
.main-box .main-gallery .gallery-inner .list-right .inner ul li:nth-of-type(3) a:before {background-image:url('../images/icon_main_gallery_03.png'); background-size:48px auto;}
.main-box .main-gallery .gallery-inner .list-right .inner ul li:nth-of-type(4) a:before {background-image:url('../images/icon_main_gallery_04.png'); background-size:46px auto;}
.main-box .main-gallery .gallery-inner .list-right .inner ul li:nth-of-type(5) a:before {background-image:url('../images/icon_main_gallery_05.png'); background-size:50px auto;}
.main-box .main-gallery .gallery-inner .list-right .inner ul li:nth-of-type(6) a:before {background-image:url('../images/icon_main_gallery_06.png'); background-size:52px auto;}
.main-box .main-gallery .gallery-inner .list-right .inner ul li:nth-of-type(7) a:before {background-image:url('../images/icon_main_gallery_07.png'); background-size:48px auto;}
.main-box .main-gallery .gallery-inner .list-right .inner ul li:nth-of-type(8) a:before {background-image:url('../images/icon_main_gallery_08.png'); background-size:54px auto;}
@media (max-width:1920px){
.main-box .main-gallery .gallery-inner .list-right {width:55%;}
.main-box .main-gallery .gallery-inner .list-right .inner ul {max-width:100%;}
}
@media (max-width:1350px){
.main-box .main-gallery .gallery-inner .list-left .left-body ul li .inner .list-content {padding:15px 0 0;}
.main-box .main-gallery .gallery-inner .list-right {width:55%;}
.main-box .main-gallery .gallery-inner .list-right .inner ul {max-width:100%;}
}
@media (max-width:991px){
.main-box .main-gallery:before {display:none;}
.main-box .main-gallery .gallery-inner .list-left {width:100%; margin:0; padding:0;}
.main-box .main-gallery .gallery-inner .list-left .left-body ul li {margin:0 10px 0 0;}
.main-box .main-gallery .gallery-inner .list-left .left-body ul li .inner .list-content {padding:10px 0 0;}
.main-box .main-gallery .gallery-inner .list-left .left-body ul li .inner .list-content h3 {font-size:16px;}
.main-box .main-gallery .gallery-inner .list-left .left-body ul li .inner .list-content time {margin:10px 0 0; font-size:13px;}
.main-box .main-gallery .gallery-inner .list-right {position:relative; flex:none; width:calc(100% + 30px); margin:20px -15px 0;}
.main-box .main-gallery .gallery-inner .list-right .inner {padding:35px 20px;}
.main-box .main-gallery .gallery-inner .list-right .inner h3 {font-size:25px; text-align:center;}
.main-box .main-gallery .gallery-inner .list-right .inner ul {margin:0 0 -30px;}
.main-box .main-gallery .gallery-inner .list-right .inner ul li {margin:0 0 30px;}
.main-box .main-gallery .gallery-inner .list-right .inner ul li a p {font-size:14px;}
.main-box .main-gallery .gallery-inner .list-right .inner ul li a:before {width:44px; height:42px;}
.main-box .main-gallery .gallery-inner .list-right .inner ul li:nth-of-type(1) a:before {background-size:42px auto;}
.main-box .main-gallery .gallery-inner .list-right .inner ul li:nth-of-type(2) a:before {background-size:29px auto;}
.main-box .main-gallery .gallery-inner .list-right .inner ul li:nth-of-type(3) a:before {background-size:38px auto;}
.main-box .main-gallery .gallery-inner .list-right .inner ul li:nth-of-type(4) a:before {background-size:36px auto;}
.main-box .main-gallery .gallery-inner .list-right .inner ul li:nth-of-type(5) a:before {background-size:40px auto;}
.main-box .main-gallery .gallery-inner .list-right .inner ul li:nth-of-type(6) a:before {background-size:42px auto;}
.main-box .main-gallery .gallery-inner .list-right .inner ul li:nth-of-type(7) a:before {background-size:38px auto;}
.main-box .main-gallery .gallery-inner .list-right .inner ul li:nth-of-type(8) a:before {background-size:44px auto;}
}

@media (max-width:575px){
    
    .main-box .main-gallery .gallery-inner .list-right .inner ul li a p {font-size:13px; font-weight: 400;}
}
/* main-facilitie */
.main-box .main-facilitie {padding:100px 0;}
.main-box .main-facilitie .container {display:flex; flex-wrap:wrap;}
.main-box .main-facilitie .list-left {width:200px; margin:0 10% 0 0;}
.main-box .main-facilitie .list-left .tab-box {margin:50px 0 0;}
.main-box .main-facilitie .list-left .tab-box ul li {margin:0 0 10px;}
.main-box .main-facilitie .list-left .tab-box ul li:last-of-type {margin:0;}
.main-box .main-facilitie .list-left .tab-box ul li button {font-size:16px; color:var(--color-active3); height:40px; border:1px solid #dbdbdb; padding:0 20px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; border-radius:50px; width:100%; font-family: 'Paperlogy';}
.main-box .main-facilitie .list-left .tab-box ul li button:after {display:block; content:""; width:20px; height:20px; background:url('../images/icon_arrow_down.svg') no-repeat center / cover; transform:rotate(-90deg);}
.main-box .main-facilitie .list-left .tab-box ul li button.active {background:var(--color-active); color:#fff;}
.main-box .main-facilitie .list-left .tab-box ul li button.active:after {filter:var(--filter-white);}
.main-box .main-facilitie .list-left .tab-box ul li button:hover {background:var(--color-active); color:#fff;}
.main-box .main-facilitie .list-left .tab-box ul li button:hover:after {filter:var(--filter-white);}
.main-box .main-facilitie .list-right {flex:1; min-width:0;}
.main-box .main-facilitie .list-right .swiper {display:flex; flex-wrap:wrap;}
.main-box .main-facilitie .list-right .swiper-inner {flex:1; min-width:0; margin:0 20px;}
.main-box .main-facilitie .list-right .swiper-container {overflow:hidden;}
.main-box .main-facilitie .list-right .swiper-button-prev {position:static; margin:7% 0 0; width:48px; height:48px; border:1px solid #d9d9d9; background:url('../images/icon_arrow_down.svg') no-repeat center / 24px; transform:rotate(90deg); border-radius:50%;}
.main-box .main-facilitie .list-right .swiper-button-prev:after {display:none;}
.main-box .main-facilitie .list-right .swiper-button-next {position:static; margin:7% 0 0; width:48px; height:48px; border:1px solid #d9d9d9; background:url('../images/icon_arrow_down.svg') no-repeat center / 24px; transform:rotate(-90deg); border-radius:50%;}
.main-box .main-facilitie .list-right .swiper-button-next:after {display:none;}
.main-box .main-facilitie .list-right .swiper-slide .inner {display:block;}
.main-box .main-facilitie .list-right .swiper-slide .inner .list-image {position:relative; overflow:hidden; border-radius:20px;}
.main-box .main-facilitie .list-right .swiper-slide .inner .list-image:after {display:block; content:""; padding-bottom:45%;}
.main-box .main-facilitie .list-right .swiper-slide .inner .list-image img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; transition:all ease 0.5s;}
.main-box .main-facilitie .list-right .swiper-slide .inner .list-content {padding:20px 15px 0;}
.main-box .main-facilitie .list-right .swiper-slide .inner .list-content h3 {font-size:24px; font-weight:700; color:var(--color-active); overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main-box .main-facilitie .list-right .swiper-slide .inner .list-content p {font-size:18px; color:#333; font-weight:500; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main-box .main-facilitie .list-right .swiper-slide .inner .list-content ul {margin:25px 0 0;}
.main-box .main-facilitie .list-right .swiper-slide .inner .list-content ul li {margin:0 0 8px; display:flex; flex-wrap:wrap; align-items:center;}
.main-box .main-facilitie .list-right .swiper-slide .inner .list-content ul li:last-of-type {margin:0;}
.main-box .main-facilitie .list-right .swiper-slide .inner .list-content ul li span {flex:1; min-width:0; font-size:16px; font-weight:500; color:#333; word-break:keep-all;}
.main-box .main-facilitie .list-right .swiper-slide .inner .list-content ul li:before {width:30px; height:30px; margin:0 10px 0 0; border-radius:50%; content:""; background-color:#333; background-repeat:no-repeat; background-position:center; background-size:20px;}
.main-box .main-facilitie .list-right .swiper-slide .inner .list-content ul li:nth-of-type(1):before {background-image:url('../images/icon_location.svg');}
.main-box .main-facilitie .list-right .swiper-slide .inner .list-content ul li:nth-of-type(2):before {background-image:url('../images/icon_call.svg');}
.main-box .main-facilitie .list-right .swiper-slide .inner:hover .list-image img {transform:scale(1.1);}
.main-box .main-facilitie .list-right .swiper-slide .inner:hover .list-content h3 {text-decoration:underline;}
@media (max-width:1350px){
.main-box .main-facilitie .list-left {margin:0 30px 0 0;}
}
@media (max-width:991px){
.main-box .main-facilitie {padding:50px 0;}
.main-box .main-facilitie .list-left {width:100%; margin:0 0 30px;}
.main-box .main-facilitie .list-left .main-title p br {display:none;}
.main-box .main-facilitie .list-left .tab-box {margin:20px 0 0;}
.main-box .main-facilitie .list-left .tab-box ul {display:flex; flex-wrap:wrap;}
.main-box .main-facilitie .list-left .tab-box ul li {flex:1; min-width:0; margin:0 5px 0 0;}
.main-box .main-facilitie .list-left .tab-box ul li button {font-size:14px; justify-content:center; padding:0 5px;}
.main-box .main-facilitie .list-left .tab-box ul li button:after {display:none;}
.main-box .main-facilitie .list-right {flex:none; width:100%;}
.main-box .main-facilitie .list-right .swiper {align-items:center;}
.main-box .main-facilitie .list-right .swiper-button-prev {width:30px; height:30px; margin:0;}
.main-box .main-facilitie .list-right .swiper-button-next {width:30px; height:30px; margin:0;}
.main-box .main-facilitie .list-right .swiper-slide .inner .list-content {padding:10px 0 0;}
.main-box .main-facilitie .list-right .swiper-slide .inner .list-content h3 {font-size:16px;}
.main-box .main-facilitie .list-right .swiper-slide .inner .list-content p {font-size:15px;}
.main-box .main-facilitie .list-right .swiper-slide .inner .list-content ul {margin:10px 0 0;}
.main-box .main-facilitie .list-right .swiper-slide .inner .list-content ul li {margin:0 0 5px;}
.main-box .main-facilitie .list-right .swiper-slide .inner .list-content ul li span {font-size:14px;}
.main-box .main-facilitie .list-right .swiper-slide .inner .list-content ul li:before {width:24px; height:24px; margin:0 7px 0 0; background-size:12px;}
}

/* main-reserve */
.main-box .main-reserve {margin:-283px 0 0; position:relative; z-index:20;}
.main-box .main-reserve .list-head {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.main-box .main-reserve .list-head .inner {padding:20px 90px; border-radius:50px 50px 0 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:var(--color-teal);}
.main-box .main-reserve .list-head .inner h2 {font-size:25px; font-weight:600; font-family:'YeogiOttaeJalnan';}
.main-box .main-reserve .list-head .inner p {font-size:18px; margin:0 0 0 30px;}
.main-box .main-reserve .list-body {background:var(--color-active); border-radius:50px 50px 0 0;}
.main-box .main-reserve .list-body ul {display:flex; flex-wrap:wrap; padding:40px 0;}
.main-box .main-reserve .list-body ul li {flex:1; min-width:0; border-right:1px dashed #fff;}
.main-box .main-reserve .list-body ul li:last-of-type {border:0;}
.main-box .main-reserve .list-body ul li .inner {display:block;}
.main-box .main-reserve .list-body ul li .inner:before {display:block; content:""; width:53px; height:44px; margin:0 auto 15px; background-position:center; background-repeat:no-repeat;}
.main-box .main-reserve .list-body ul li .inner p {font-size:18px; font-weight:500; color:#fff; text-align:center;}
.main-box .main-reserve .list-body ul li .inner small {display:block; text-align:center; font-size:15px; color:#fff;}
.main-box .main-reserve .list-body ul li .inner:hover p {color:var(--color-teal);}
.main-box .main-reserve .list-body ul li .inner:hover small {text-decoration:underline;}
.main-box .main-reserve .list-body ul li:nth-of-type(1) a:before {background-image:url('../images/icon_main_reserve_01.png'); background-size:44px auto;}
.main-box .main-reserve .list-body ul li:nth-of-type(2) a:before {background-image:url('../images/icon_main_reserve_02.png'); background-size:39px auto;}
.main-box .main-reserve .list-body ul li:nth-of-type(3) a:before {background-image:url('../images/icon_main_reserve_03.png'); background-size:41px auto;}
.main-box .main-reserve .list-body ul li:nth-of-type(4) a:before {background-image:url('../images/icon_main_reserve_04.png'); background-size:53px auto;}
.main-box .main-reserve .list-body ul li:nth-of-type(5) a:before {background-image:url('../images/icon_main_reserve_05.png'); background-size:46px auto;}
.main-box .main-reserve .list-body ul li:nth-of-type(6) a:before {background-image:url('../images/icon_main_reserve_06.png'); background-size:38px auto;}
@media (max-width:991px){
.main-box .main-reserve {margin:50px 0 0;}
.main-box .main-reserve .list-head .inner {padding:20px 15px; width:100%; border-radius:15px 15px 0 0;}
.main-box .main-reserve .list-head .inner h2 {width:100%; font-size:20px; text-align:center;}
.main-box .main-reserve .list-head .inner p {width:100%; font-size:16px; text-align:center; margin:0; word-break:keep-all;}
.main-box .main-reserve .list-body {border-radius:0 0 15px 15px;}
.main-box .main-reserve .list-body ul {padding:40px 0 10px;}
.main-box .main-reserve .list-body ul li {flex:none; width:33.33%; margin:0 0 30px;}
.main-box .main-reserve .list-body ul li:nth-of-type(3) {border-right:0;}
.main-box .main-reserve .list-body ul li .inner p {font-size:15px;}
.main-box .main-reserve .list-body ul li .inner small {font-size:13px;}
.main-box .main-reserve .list-body ul li:before {width:43px; height:34px; margin:0 auto 8px;}
.main-box .main-reserve .list-body ul li:nth-of-type(1) a:before {background-size:34px auto;}
.main-box .main-reserve .list-body ul li:nth-of-type(2) a:before {background-size:29px auto;}
.main-box .main-reserve .list-body ul li:nth-of-type(3) a:before {background-size:31px auto;}
.main-box .main-reserve .list-body ul li:nth-of-type(4) a:before {background-size:43px auto;}
.main-box .main-reserve .list-body ul li:nth-of-type(5) a:before {background-size:36px auto;}
.main-box .main-reserve .list-body ul li:nth-of-type(6) a:before {background-size:28px auto;}
}
@media (max-width:575px){
.main-box .main-reserve .list-body ul li {width:50%;}
.main-box .main-reserve .list-body ul li:nth-of-type(even) {border-right:0;}
.main-box .main-reserve .list-body ul li:nth-of-type(3) {border-right:1px dashed #fff;}
}

/* main-banner */
.main-box .main-banner {position:relative;}
.main-box .main-banner .banner-swiper .swiper-container {overflow:hidden;}
.main-box .main-banner .banner-swiper .swiper-slide {position:relative; overflow:hidden;}
.main-box .main-banner .banner-swiper .swiper-slide:before {position:absolute; left:0; top:0; width:100%; height:100%; content:""; background:#000; z-index:3;}
.main-box .main-banner .banner-swiper .swiper-slide:after {display:block; content:""; padding-bottom:750px;}
.main-box .main-banner .banner-swiper .swiper-slide img {position:absolute; width:100%; height:100%; left:0; top:0; object-fit:cover; opacity:0.9; z-index:3;}
.main-box .main-banner .banner-main {position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; padding:3% 0;}
.main-box .main-banner .banner-main h2 img {display:block; margin:0 auto; width:40%;}
.main-box .main-banner .banner-main form {max-width:650px; width:100%; margin:4% auto 0; display:flex; flex-wrap:wrap; align-items:center; padding:0 40px; border:3px solid var(--color-teal); border-radius:50px;}
.main-box .main-banner .banner-main form b {font-size:18px; font-weight:600; color:#fff; display:flex; flex-wrap:wrap; align-items:center;}
.main-box .main-banner .banner-main form b:after {display:inline-block; content:""; width:1px; height:10px; background:#fff; margin:0 20px;}
.main-box .main-banner .banner-main form input {flex:1; min-width:0; padding:0 20px 0 0; background:none; height:60px; font-size:16px; color:#fff; outline:0 !important;}
.main-box .main-banner .banner-main form input::placeholder {color:#fff;}
.main-box .main-banner .banner-main form button {display:block; content:""; width:25px; height:25px; background:url('../images/icon_search.png') no-repeat center / cover; font-size:0;}
.main-box .main-banner .banner-main .control {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; max-width:430px; margin:4% auto 0;}
.main-box .main-banner .banner-main .control .swiper-button-prev {position:static; margin:0; width:35px; height:35px; border:1px solid #000; border-radius:50%; background:url('../images/icon_arrow_down.svg') no-repeat center / 24px; filter:var(--filter-white); transform:rotate(90deg);}
.main-box .main-banner .banner-main .control .swiper-button-prev:after {display:none;}
.main-box .main-banner .banner-main .control .swiper-button-next {position:static; margin:0; width:35px; height:35px; border:1px solid #000; border-radius:50%; background:url('../images/icon_arrow_down.svg') no-repeat center / 24px; filter:var(--filter-white); transform:rotate(-90deg);}
.main-box .main-banner .banner-main .control .swiper-button-next:after {display:none;}
.main-box .main-banner .banner-main .control .swiper-pagination {background:#fff; position:static; flex:1; min-width:0; height:3px; margin:0 20px;}
.main-box .main-banner .banner-main .control .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:var(--color-teal);}
.main-box .main-banner .banner-main .control .swiper-start-number {font-size:18px; font-weight:500; color:#fff; margin:0 0 0 40px;}
.main-box .main-banner .banner-main .control .swiper-end-number {font-size:18px; font-weight:500; color:#fff; margin:0 40px 0 0;}
@media (max-width:991px){
.main-box .main-banner .banner-swiper .swiper-slide:after {padding-bottom:60%;}
.main-box .main-banner .banner-main {display:flex; flex-wrap:wrap; align-items:center; align-content:center; justify-content:center;}
.main-box .main-banner .banner-main > * {width:100%;}
.main-box .main-banner .banner-main h2 img {width:90%; max-width:350px;}
.main-box .main-banner .banner-main form {max-width:400px; padding:0 15px;}
.main-box .main-banner .banner-main form b {font-size:16px;}
.main-box .main-banner .banner-main form input {padding:0 15px 0 0; height:45px; font-size:14px;}
.main-box .main-banner .banner-main form button {width:20px; height:20px;}
.main-box .main-banner .banner-main .control {width:80%;}
.main-box .main-banner .banner-main .control .swiper-button-prev {width:30px; height:30px;}
.main-box .main-banner .banner-main .control .swiper-button-next {width:30px; height:30px;}
.main-box .main-banner .banner-main .control .swiper-pagination {margin:0 10px;}
.main-box .main-banner .banner-main .control .swiper-start-number {font-size:14px; margin:0 0 0 20px;}
.main-box .main-banner .banner-main .control .swiper-end-number {font-size:14px; margin:0 20px 0 0;}
}
@media (max-width:575px){
.main-box .main-banner .banner-swiper .swiper-slide:after {padding-bottom:80%;}
.main-box .main-banner .banner-main form {margin:8% auto 0;}
}