*{margin: 0; padding: 0; list-style: none; text-decoration: none; line-height:1.2; transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1); letter-spacing:-0.8px;}
.serif {font-family: "Noto Serif KR", serif;}
body {max-width:2000px; margin:0 auto;}
header {position:fixed; width:100%; height:80px; top:0; right:0; background:rgba(0,0,0,0); overflow:hidden; z-index: 99;}
header div.logo {position:relative; width:236px; height:60px; margin-top:10px; float:left; padding-left:5%; background: url(/images/logo1.png) no-repeat 50% 50%; background-size:contain;}
header div.logo a {display:block; width:100%; height:100%;} 
header ul.headermenu {position:relative; overflow:hidden; width:auto; float:right;}
header ul.headermenu li {position:relative; float: left; line-height: 80px;  margin-right:70px; font-size: 19px;}
header ul.headermenu li a {color:#fff;}

header.on {background-color: rgba(255, 255, 255, 0.6); backdrop-filter: blur(20px);}
header.on div.logo {position:relative; width:236px; height:60px; float:left; padding-left:5%; background: url(/images/logo2.png) no-repeat 50% 50%; background-size:contain;}
header.on ul li a {color:#000;}

#main1 { position:relative; width:100%; max-width:2000px; height:100vh; text-align:center; text-shadow:0px 0px 7px #333;}

#main1  .main1slide .slide01 .video{position: relative; width: 100%; height: 100%; background-size: cover;}
#main1  .main1slide .slide01 .video video {width: 100%; height: 100%; object-fit: cover;}

#main1 .main1btn {position:absolute; width:100%; left:0; bottom:0; display:flex; }
#main1 .main1btn .btn { width: calc(100% / 3); text-align:center; color:#fff; opacity:0.7; height:100px; line-height:100px; font-size:17px;cursor:pointer; border-top:1px solid #fff; border-right:1px solid #fff; }
#main1 .main1btn .btn:last-child {border-right:0; }
#main1 .main1btn .btn.on {background: url(/images/main1arrow.png) no-repeat 50% 12%; background-size:30px; opacity:1;}
#main1 .main1slide .slide01 {position:relative; width:100%; height:100vh; background:red; text-align:center; background: url(/images/main1bg3.jpg) no-repeat 50% 50%; background-size:cover;}
/* #main1 .main1slide .slide01 .t1 {position:relative; box-sizing:border-box; padding-top:20%; font-size:55px; font-weight:600; color:#fff;} 
#main1 .main1slide .slide01 .t2  {position:relative; box-sizing:border-box; padding-top:2%; font-size:19px; font-weight:400; color:#fff;}  */
#main1 .main1slide .slide02 {position:relative; width:100%; height:100vh; background: url(/images/main1bg2.jpg) no-repeat 50% 50%; background-size:cover;}
#main1 .main1slide .slide03 {position:relative; width:100%; height:100vh; background: url(/images/main1bg.jpg) no-repeat 50% 50%; background-size:cover;}
#main1 .slide {background-size:cover;}
#main1 .slide .tit { position:absolute; width:100%;  top:50%; left:50%; transform:translate(-50%,-50%); }
#main1 .main1slide .slide .t1 {position:relative; box-sizing:border-box; padding-top:2%; font-size:21px; font-weight:400; color:#fff;} 
#main1 .main1slide .slide .t2  {position:relative; box-sizing:border-box;  font-size:50px; font-weight:600; color:#fff; padding-top:0.8%; line-height:1.3;} 

#main1_m {display:none;}
#main1_m {display:none; text-shadow:0px 0px 5px #666; }
#main1_m .slide01 {position:relative; width:100%; height:100vh; text-align:center; background: url(/images/main1bg3.jpg) no-repeat 50% 50%; background-size:con;}
#main1_m .slide .t1 {position:relative; box-sizing:border-box; padding-top:3%; font-size:21px; font-weight:400; color:#fff;  line-height:1.3;} 
#main1_m .slide .t2  {position:relative; box-sizing:border-box;  font-size:50px; font-weight:600; color:#fff; padding-top:0.8%; line-height:1.3;} 
#main1_m .slide01 .video {position: relative; width: 100%; height: 100%; background-size: cover;}
#main1_m .slide01 video {width: 100%; height: 100%; object-fit: cover;}

#main2_1 { position:relative; width:100%; max-width:2000px; height:570px; overflow:hidden; display: flex; justify-content: space-between;}
#main2_1 .section1 {position:relative; width:17%;}
#main2_1 .section1 .box {position:absolute; display: inline-block; content: '';  width:100%; top: 190px; border-top:1px solid #000;}
#main2_1 .section2 { position:relative; width:40%; box-sizing:border-box; border-right:1px solid #000; }
#main2_1 .section2 .box  {position:absolute; display: inline-block; content: '';  width:100%; text-align:right; box-sizing:border-box; padding-right:10%; height:380px; top: 190px; border-top:1px solid #000;  border-left:1px solid #000;}
#main2_1 .section2 .number {position:relative; font-size:22px; font-weight:600; width:45px; height:45px; text-align:center; line-height:45px; border-right:1px solid #000; border-bottom:1px solid #000;}
#main2_1 .section2 .p1 {position:relative; font-size:32px; font-weight:700; padding-top:4%; margin-bottom:2%; line-height:1.6;}
#main2_1 .section2 .p2 {position:relative; font-size:19px; font-weight:400; line-height:1.6;}
#main2_1 .section3 { position:relative; width:43%; background:;}
#main2_1 .section3 .box  {position:absolute; display: inline-block; content: '';  width:100%;  height:100%; top: 190px; border-top:1px solid #000; box-sizing:border-box; padding-right:5%;}

#main2_2 { position:relative; width:100%; max-width:2000px; height:340px; overflow:hidden; display: flex; }
#main2_2 .section1 { position:relative; width:57%; box-sizing:border-box; border-right:1px solid #000; border-top:1px solid #000;}
#main2_2 .section2 { position:relative; width:43%; box-sizing:border-box; border-top:1px solid #000;}
#main2_2 .section2 .number {position:relative; font-size:22px; font-weight:600; width:45px; height:45px; text-align:center; line-height:45px; border-right:1px solid #000; border-bottom:1px solid #000;}
#main2_2 .section2 .p1 {position:relative; font-size:32px; font-weight:700; padding-top:8%; padding-left:10%; margin-bottom:2%; line-height:1.6;}
#main2_2 .section2 .p2 {position:relative; font-size:19px; font-weight:400; line-height:1.6; padding-left:10%; }

#main2_3 { position:relative; width:100%; max-width:2000px; height:480px; overflow:hidden; display: flex; }
#main2_3 .section1 { position:relative; width:35%; box-sizing:border-box; border-right:1px solid #000; border-top:1px solid #000;}
#main2_3 .section2 { position:relative; width:65%; box-sizing:border-box; border-top:1px solid #000;}
#main2_3 .section1 img {position:absolute; top:0; right:0;}
#main2_3 .section2 .number {position:relative; font-size:22px; font-weight:600; width:45px; height:45px; text-align:center; line-height:45px; border-right:1px solid #000; border-bottom:1px solid #000;}
#main2_3 .section2 .p1 {position:relative; font-size:32px; font-weight:700; padding-top:3%; padding-left:10%; margin-bottom:2%; line-height:1.6;}
#main2_3 .section2 .p2 {position:relative; font-size:19px; font-weight:400; line-height:1.6; padding-left:10%; }

#main3 { position:relative; width:100%; max-width:2000px; height:960px; overflow:hidden;  background: #f4f4f4 }
#main3 .section1 {position:relative; width:30%; height:100%; float:left; text-align:center; background:url(/images/logo.png) no-repeat 0 80%; }
#main3 .section1 .txt {position:relative; width:100%; box-sizing:border-box; padding-top:70%;/*  transform: translateY(-50%); */  }
#main3 .section1 .txt .t1 {font-size:24px; letter-spacing:3px; color:#062a36;}
#main3 .section1 .txt .t2 {font-size:45px; font-weight:700; letter-spacing:3px; color:#062a36;}
#main3 .section1 .txt .t2 span {font-size:35px; font-weight:500; letter-spacing:3px;}
#main3 .section2 {position:relative; width:30%; float:left; box-sizing:border-box; padding-top:8%;}
#main3 .section2 .img {position:relative; width:90%; border-radius:20px 150px 10px 10px; overflow:hidden; box-shadow:0px 0px 20px #d1d1d1;  }
#main3 .section2 .img img {width:100%;}
#main3 .section3 {position:relative; width:40%; float:left; height:100%; box-sizing:border-box; padding-top:7%;  }
#main3 .section3 ul {width:70%; height:85%; overflow-y: scroll; box-sizing:border-box; padding-right:8%; padding-left:2%; }
#main3 .section3 ul li {font-size:18px; margin-bottom:5%; font-weight:400;}
#main3 .section3 ul li.t1 {font-weight:600;}
#main3 .bgtxt {position:absolute; flex-wrap:wrap; bottom:7%; display:flex; transform: translateX(0%); font-size:90px; color:#e9e9e9; overflow:hidden; font-weight:900;}
#main3 .swiper-container, #main3 .swiper-wrapper, #main3 .swiper-slide {position:relative; height:100%;}
#main3 .swiper-pagination {}
#main3  .swiper-pagination-bullet-active {background:#062a36;}


#main4 {position:relative; width:100%; max-width:2000px; height:550px; overflow:hidden; box-sizing:Border-box; }
#main4 .section1 {position:Relative; width:45%; height:100%; background:#062a36; color:#fff; box-sizing:Border-box; padding-left:9%; padding-top:13%; float:left;}
#main4 .section1 .t1 {font-size:20px; margin-bottom:1%;}
#main4 .section1 .t2 {font-size:30px; font-weight:bold;}
#main4 .section2 {position:Relative;  float:left; width:55%; height:100%; background: url(/images/main4bg.jpg) no-repeat 50% 50%; background-size:cover; box-sizing:Border-box; padding-top:7.5%;  padding-left:9%;}
#main4 .section2 ul {overflow:hidden;}
#main4 .section2 ul li {width:100%;  font-size:24px; color:#fff; margin-bottom:3.5%; float:left;}
#main4 .section2 ul li span {font-weight:bold; display:block; float:left; margin-right:3%;}


#main4_1 { position:relative; width:100%; max-width:2000px; height:auto; box-sizing:border-box; background: url(/images/main4bg.jpg) no-repeat 50% 0; overflow: hidden;}
#main4_1 .main4 {position:relative; width:70%; margin:0 auto;}
#main4_1 .main4 .tit1 {color:#fff; font-size:20px; padding-top:15%; padding-bottom:10%; font-weight:400;}
#main4_1 .main4 .tit1 span { display: block; font-size:40px; font-weight:600; margin-top:1%;}
#main4_1 .main4 .tit2 {color:#fff; font-size:18px; line-height:1.8; font-weight:300; padding-top:3%; padding-bottom:4%;} 
#main4_1 .main4 .img {position:relative; width:100%; height:650px; overflow:hidden; }
#main4_1 .main4 .img img {width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
#main4_1 .main4 .cir_txt {position:absolute; width:238px; height:238px; right: 0; top:0; width:120px; padding-top:25%;}
#main4_1 .main4 .cir_txt img{animation:spin 12s infinite; animation-timing-function:linear; transform-origin:center;}

@keyframes spin {
    0% { transform: rotate(0); }
    100% { transform: rotate(-360deg); }
}

#main4_2 { position:relative; width:100%; max-width:2000px; height:auto; box-sizing:border-box; padding:2% 0; overflow:hidden;}
#main4_2 .section1 { position:relative; width:50%; float:left; box-sizing:border-box; padding-left:10%; padding-top:5%;  color:#304f4e;}
#main4_2 .section1 .t1 {font-size:30px; font-weight:bold; padding-bottom:2%;}
#main4_2 .section1 .t2 {font-size:18px; font-weight:400; line-height:1.5; padding-top:5%;}
#main4_2 .section1 .bgtxt {position:absolute; top:63%; font-size:120px; font-weight:900; color:#f1f1f1; z-index:-1;}
#main4_2 .section2 { position:relative; width:50%; float:left; box-sizing:border-box; padding:3% 10% 3% 3%;}
#main4_2 .section2 .contentbox .box {position:relative; height:auto; border-top:1px solid #304f4e; box-sizing:border-box; color:#304f4e; padding:5% 3%; overflow:hidden;}
#main4_2 .section2 .contentbox .box .tit {position:relative; width:40%; float:left; font-size:18px; line-height:1.3;font-weight:600; box-sizing:border-box; padding-right:5%;} 
#main4_2 .section2 .contentbox .box .con {position:relative; width:60%; float:left; font-size:17px; font-weight:300; line-height:1.5;}
#main4_2 .section2 .contentbox .box.box3 {border-bottom:1px solid #304f4e;}


#main5 { position:relative; width:100%; max-width:2000px; height:auto;}
#main5 .main5btn { position:absolute; width:375px; height:auto; top: 160px; left:0; font-size:17px; z-index:20;}
#main5 .main5btn li { position:relative; width:100%; height:auto;  background:#fff;  box-sizing:border-box; padding:6% 10%; text-align:right; border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7;}
#main5 .main5btn li:first-child {border-top:1px solid #d7d7d7;}
#main5 .main5btn li.btn.on {background:#062a36; color:#fff;}
#main5 .slide5_1 {position:relative;  box-sizing:border-box; padding-left:280px;}

#main5 .main5slide {position:relative; width: 100%; height:800px;  /*margin-left:280px;*/ background:#ccc; box-sizing:border-box; padding-top:75px; padding-left:200px; padding:right:200px;}
#main5 .main5slide_1 {background: url(/images/main5slide_1.jpg) no-repeat 50% 50%;  background-size:cover; }
#main5 .main5slide_2 {background: url(/images/main5slide_2.jpg) no-repeat 50% 50%;  background-size:cover; }
#main5 .main5slide_3 { background: url(/images/main5slide_3.jpg) no-repeat 50% 50%;  background-size:cover; }
#main5 .main5slide_4 {background: url(/images/main5slide_4.jpg) no-repeat 50% 50%;  background-size:cover; }
#main5 .main5slide_5 {background: url(/images/main5slide_5.jpg) no-repeat 50% 50%;  background-size:cover; }
#main5 .main5slide_6 {background: url(/images/main5slide_7.jpg) no-repeat 50% 50%;  background-size:cover; }
#main5 .main5slide .caption {position:relative; margin-bottom:2%;}
#main5 .main5slide .caption .c1 {font-size:37px; font-weight:900; margin-bottom:10px;}
#main5 .main5slide .caption .c2 {font-size:19px; font-weight:400;}
#main5 .main5slide .swiper-slide.f-slide .title {color:#062a36; font-weight:bold; font-size:28px; margin-bottom:2%; }
#main5 .main5slide .swiper-slide.f-slide ul {position:relative; overflow:hidden; width:55%;}
#main5 .main5slide .swiper-slide.f-slide ul li {position:relative; float:left; width:fit-content; font-size:19px; font-weight:500; box-sizing:Border-box; padding:2% 4%; background:#062a36; border-radius:20px; color:#fff; margin-right:2%; margin-bottom:2%; }

#main5 .main5slide .swiper-slide .title .t1 {font-size:28px; font-weight:bold; color:#062a36; }
#main5 .main5slide .swiper-slide .title .t1 span{font-size:18px; font-weight:600; display:block; margin-top:10px;}
#main5 .main5slide .swiper-slide .title .t2 {font-size:18px; line-height:1.3; font-weight:500; color:#062a36;  margin:1% 0 2% 0;}
#main5 .main5slide .swiper-slide ul.chktxt li{font-size:18px; font-weight:500; margin:8px 0; padding:6px 0; padding-left:50px; background: url(/images/checkicon.png) no-repeat 0 50%; background-size:30px;}
/*#main5 .main5slide .swiper-slide.uv ul.chktxt {position:relative; width:50%; overflow:hidden;}
#main5 .main5slide .swiper-slide.uv ul.chktxt li {position:relative; width:40%; float:left;}*/
#main5 .main5slide .swiper-slide ul.chktxt2 span {display:block; font-weight:bold; margin-bottom: 1%;}
#main5 .main5slide .swiper-slide.uv p {position:absolute; bottom:10%; right:20%; color:#fff; background:#062a36; margin-top:2%; width:fit-content; height:auto; border-radius:20px; font-size:19px; box-sizing:border-box; padding:1% 1.5%;}
#main5 .main5slide .swiper-slide.uv p span {font-weight:bold; display:block; margin-bottom:5px;}
#main5 .main5slide .swiper-slide .uvimg {position:absolute; bottom:0%; right:10%; width:600px;}
#main5 .main5slide .swiper-slide .uvimg img{width:100%;}

#main5 .main5slide .swiper-slide .scon1 div{position:relative; width:55%; /*display:flex; gap: 0 1.2%;*/ overflow:hidden;}
#main5 .main5slide .swiper-slide .scon1 div ul {position:relative; width: 25%; box-sizing:border-box; padding: 0 2%; float:left; font-size:18px; text-align:center;}
#main5 .main5slide .swiper-slide .scon1 div ul li img{width:100%;}
#main5 .main5slide .swiper-slide .scon2 div{position:relative; width:70%;/*display:flex; gap: 0 1.2%;*/ overflow:hidden;}
#main5 .main5slide .swiper-slide .scon2 div ul {position:relative; width: 33%; box-sizing:border-box; padding: 0 2%; float:left; font-size:18px; text-align:center;}
#main5 .main5slide .swiper-slide .scon2 div ul li img{width:100%;}
#main5 .main5slide .swiper-slide .scon2 div ul li {line-height:1.3;}
#main5 .main5slide .swiper-slide .scon2 div ul li span {display:block; font-weight:bold; margin-bottom:5px; font-size:19px;}
#main5 .main5slide .swiper-slide .scon3 div{position:relative; width:25%; /*display:flex; gap: 0 1.2%;*/ overflow:hidden;}
#main5 .main5slide .swiper-slide .scon3 div ul {position:relative; width: 50%; box-sizing:border-box; padding: 0 2%; float:left; font-size:18px; text-align:center;}
#main5 .main5slide .swiper-slide .scon3 div ul li:nth-child(2) {margin-top:5%; font-weight:500;}
#main5 .main5slide .swiper-slide .scon3 div ul li img{width:100%;}

#main5 .swiper-pagination-fraction {position:absolute; bottom:60px; text-align:center; color: #062a36; font-size:30px; font-weight:bold; font-family: "Noto Serif KR", serif;}
#main5 .swiper-pagination-fraction .swiper-pagination-total {color:#999; font-size:22px;}

#main5 .arrow div:first-child {position:absolute; bottom:50px; left:50px; cursor:pointer;}
#main5 .arrow div:last-child {position:absolute; bottom:50px; right:50px; cursor:pointer;}


#main6 { position:relative; width:100%; max-width:2000px; height:auto; padding:5% 0;}
#main6 .con { position:relative; width:100%; overflow:hidden; box-sizing:border-box; padding:2% 12%;}
#main6 .con .section1{ position:relative; width:50%; float:left; box-sizing:border-box; padding:8% 8% 8% 0%;}
#main6 .con .section2{ position:relative; width:50%; float:left;}
#main6 .con .section1 .t1 {color: #959595; font-size:20px; font-weight:400; letter-spacing:1px; margin-bottom:2%; line-height:1.4;}
#main6 .con .section1 .t2 {color: #333; font-size:30px; font-weight:700; margin-bottom:1%; line-height:1.4;}
#main6 .con .section1 .t3 {color: #555; font-size:16px; font-weight:400; line-height:1.6; }
#main6 .con .section2 img{width:90%; padding-top: 10%;}
#main6 .con2 .section1{ position:relative; width:50%; float:right; box-sizing:border-box; padding:6% 0% 8% 0%;}
#main6 .con2 .section2{ position:relative; width:50%; float:left; }
#main6 .con3 { position:relative; width:100%; max-width:2000px; height:auto; box-sizing:border-box; padding:0% 15%; padding-top:5%;}
#main6 .con3 .t1 {color: #959595; font-size:20px; font-weight:400; letter-spacing:1px; margin-bottom:1%; line-height:1.4; text-align:center;}
#main6 .con3 .t2 {color: #333; font-size:30px; font-weight:700; margin-bottom:1%; line-height:1.4; text-align:center; margin-bottom:2%; }
#main6 .con3 .content {display:flex; flex-wrap: wrap;}
#main6 .con3 .content ul {position:Relative; width:33%; height:auto; box-sizing:border-box; padding:3% 1%;}
#main6 .con3 .content ul li.img {position:Relative; width:100%; background:#fff;}
#main6 .con3 .content ul li.img img {width:100%; height:100%;}
#main6 .con3 .content ul li.num {position:absolute; right:4%; bottom:32%; font-size:60px; font-weight:bold; color:#062a36;}
#main6 .con3 .content ul li.txt {font-size:19px; font-weight:400; box-sizing:border-box; padding:12% 0%; line-height:1.4;}

#main7 { position:relative; width:100%; max-width:2000px; height:auto; overflow:hidden; padding:5% 0; }
#main7 .tit {position:relative; box-sizing:border-box; padding-left:12%; margin-bottom:3%;}
#main7 .tit .t1 {font-size:20px; margin-bottom:1%;}
#main7 .tit .t2 {font-size:45px; font-weight:bold;}
#main7 .section1 {position:relative; width:50%; float:left; height: 600px;}
#main7 .section1 .btn {position:relative; height:150px; line-height:150px; cursor:pointer; border-bottom:1px solid #ccc; color:#062a36; padding:0 2%; font-size:20px; font-weight:500; box-sizing:border-box; padding-left:24%;}
#main7 .section1 .btn img {display:none; position:absolute; right:3%; bottom:0; width:180px;}
#main7 .section1 .btn:hover { color:#fff; background:#3a535c;}
#main7 .section1 .btn.on { color:#fff; background:#062a36; }
#main7 .section1 .btn.on img {display:block;}
#main7 .section2 {position:relative; width:50%; float:left; height: 600px;}
#main7 .section2 ul.main7slide {position:Relative; width:100%; height:100%;}
#main7 .section2 ul.main7slide .slick-list {position:Relative; width:100%; height:100%;}
#main7 .section2 ul.main7slide .slick-list .slick-track {position:Relative; width:100%; height:100%;}
#main7 .section2 ul.main7slide li {position:Relative; width:100%; height:100%;}
#main7 .section2 ul.main7slide li.img1 {background: url(/images/main7img1_1.jpg) no-repeat 50% 50%; background-size:cover;}
#main7 .section2 ul.main7slide li.img2 {background: url(/images/main7img1_2.jpg) no-repeat 50% 50%; background-size:cover;}
#main7 .section2 ul.main7slide li.img3 {background: url(/images/main7img1_3.jpg) no-repeat 50% 50%; background-size:cover;}
#main7 .section2 ul.main7slide li.img4 {background: url(/images/main7img1_4.jpg) no-repeat 50% 50%; background-size:cover;}



#main8 { position:relative; width:100%; max-width:2000px; height:auto; box-sizing:border-box; padding-bottom:2%;}
#main8 .tit {position:relative;  height:auto; padding-top:5%; padding-bottom:3%; text-align:center;}
#main8 .tit .t1 {font-size:20px; margin-bottom:0.5%;}
#main8 .tit .t2 {font-size:45px; font-weight:bold;}
#main8 .swiper-slide {position:relative; font-weight:bold; text-align:center;  opacity:0.5; transform: scale(0.8); }
#main8 .swiper-slide.swiper-slide-active {opacity:1; transform: scale(1);}
#main8 .swiper-slide .before {position:relative; width:49.9%; float:left;  margin-right:0.2%;}
#main8 .swiper-slide .before .txt {width:100%; height:35px; line-height:35px; color:#fff; background:#b6b6b6; font-size:17px; letter-spacing:1px;}
#main8 .swiper-slide .after {position:relative; width:49.9%; float:left;} 
#main8 .swiper-slide .after .txt {width:100%; height:35px; line-height:35px; color:#fff; background:#062a36; font-size:17px; letter-spacing:1px;}
#main8 .swiper-slide .img {width:100%; height:300px; background:#000; margin-bottom:2px;}
#main8 .arrow {position:absolute; width:45%;  top:54%; left:50%; transform:translate(-50%,-50%); z-index:21;}
#main8 .arrow .main8swiper-next {position:absolute; top:0; right:0; cursor:pointer;}
#main8 .arrow .main8swiper-prev {position:absolute; top:0; left:0; cursor:pointer;}
#main8 .swiperpagination {text-align:center; padding-top:3%;}
#main8  .swiper-pagination-bullet-active {background:#062a36;}

#main9 { position:relative; width:100%; max-width:2000px; height:auto; box-sizing:border-box; padding-bottom:5%;}
#main9 .tit {position:relative;  height:auto; padding-top:5%; padding-bottom:3%; text-align:center;}
#main9 .tit .t1 {font-size:20px; margin-bottom:0.5%;}
#main9 .tit .t2 {font-size:45px; font-weight:bold;}
#main9 .main9swiper {width:80%; height:550px;}
#main9 .main9swiper .swiper-slide {border-radius:20px;}
#main9 .main9swiper .swiper-slide.slide1 { background: url(/images/main9img2.jpg) no-repeat 50% 50%; background-size:cover;}
#main9 .main9swiper .swiper-slide.slide2 { background: url(/images/main9img1.jpg) no-repeat 50% 50%; background-size:cover;}
#main9 .main9swiper .swiper-slide.slide3 { background: url(/images/main9img3.jpg) no-repeat 50% 50%; background-size:cover;}
#main9 .main9swiper .swiper-slide.slide4 { background: url(/images/main9img4.jpg) no-repeat 50% 50%; background-size:cover;}
#main9 .main9swiper .swiper-slide.slide5 { background: url(/images/main9img5.jpg) no-repeat 50% 50%; background-size:cover;}
#main9 .main9swiper .swiper-slide.slide6 { background: url(/images/main9img6.jpg) no-repeat 50% 50%; background-size:cover;}
#main9 .main9swiper .swiper-slide.slide7 { background: url(/images/main9img7.jpg) no-repeat 50% 50%; background-size:cover;}
#main9 .arrow {position:absolute; width:95%;  top:42%; left:50%; transform:translate(-50%,-50%); z-index:21;}
#main9 .arrow .main9swiper-next {position:absolute; top:0; right:0; cursor:pointer;}
#main9 .arrow .main9swiper-prev {position:absolute; top:0; left:0; cursor:pointer;}
#main9  .swiper-pagination-bullet-active {background:#062a36;}

#main10 { position:relative; width:100%; max-width:2000px; height:600px; box-sizing:border-box; overflow:hidden; background:#f4f4f4; color:#606060; }
#main10 .section1 {position:relative; width:50%; height:100%; overflow:hidden; float:left; }
#main10 .section2 {position:relative; width:50%; height:100%; float:right; background:#f4f4f4;  box-sizing:border-box; padding:3% 5%}
#main10 .section2 .tit {position:relative; width:fit-content; box-sizing:border-box;  font-size:24px; font-weight:bold; color:#062a36; margin-top:5%; margin-bottom:2%;}
#main10 .section2 .t1 {font-size:21px;}
#main10 .section2 .t1 a {font-size:21px; color:#062a36; line-height:1;}
#main10 .section2 li {overflow:hidden; width:100%; letter-spacing:1px;}
#main10 .section2 li.t1 {margin-bottom:2%; float:left;}
#main10 .section2 li.t1 span {float:left; display:block; margin-right:3%;}
#main10 .section2 li.t2 {font-size:16px; margin-bottom:1%;}

.arrow div {cursor:pointer;}


#quick {position:fixed; right:1%; bottom:12%; width:100px; height:auto; z-index:20; }
#quick ul {position:relative; width:100%; background:linear-gradient(180deg, #ffb17d, #ff6ccc, #33a0ca ); box-sizing:border-box; padding:20px 0;}
#quick ul li {width:90px; height:auto; margin:0 auto; }
#quick ul li a {display: block; box-sizing:border-box; padding-top:75px; color:#fff; text-align:center;}
#quick ul li.quick1 a {background: url(/images/quick1.png) no-repeat 50% 30%;}
#quick ul li.quick2 a {background: url(/images/quick2.png) no-repeat 50% 30%;}
#quick ul li.quick3 a {background: url(/images/quick3.png) no-repeat 50% 30%;}
#quick ul li.quick4 a {background: url(/images/quick4.png) no-repeat 50% 30%;}
#quick ul li.quick5 {display:none; background: url(/images/top2.png) no-repeat 50% 30%; background-size:30px;}

#quick ul li a:hover {font-weight:bold;}
#quick ul li.quick1 a:hover {background: url(/images/quick1_on.png) no-repeat 50% 30%;}
#quick ul li.quick2 a:hover {background: url(/images/quick2_on.png) no-repeat 50% 30%;}
#quick ul li.quick3 a:hover {background: url(/images/quick3_on.png) no-repeat 50% 30%;}
#quick ul li.quick4 a:hover {background: url(/images/quick4_on.png) no-repeat 50% 30%;}

#quick .top {width:70px; height:70px; margin:0 auto; border-radius:80px; background: #d7ac7a url(/images/top.png) no-repeat 50% 100%; text-align:center; margin-top:20px; background-size:35px;}
#quick .top a {display: block; color:rgba(0,0,0,0); width: 100%; height: 100%;}
#top {display:none;}

#allmenubt {display:none; z-index:9999;}
#allmenu {display:none; position:fixed; width:60%; height:100%; right:0; background:rgba(256,256,256,0.9); z-index:999; box-sizing:border-box; }
#allmenu li {padding:7% 6%; border-bottom:1px solid #ccc; font-weight:400; color:#333; font-size:16px;}
#allmenu li a {display:block;}
#allmenu.active {display:block; } 
#allmenubt {position: absolute; top: 50%; right: 1%; transform: translate(-50%, -50%); width: 40px; height: 40px; cursor: pointer;}
#allmenubt .slide-open{position:relative; width:40px; height:40px; background-color:rgba(0,0,0,0); cursor:pointer; text-align:center;}
#allmenubt .burgur{ top:50%; left:50%; transform:translate(-50%,-50%);  position: absolute; width: 20px; height: 2px; background: #fff;}
#allmenubt .burgur .top-line{ width: 20px; height: 2px; background-color: #fff; bottom: -5px; content: ''; position: absolute; left: 0; -webkit-transition:  -webkit-transform .3s; transition: transform .3s;}
#allmenubt .burgur .bot-line { width: 20px;height: 2px; background-color: #fff; top: -5px; content: ''; position: absolute; left: 0; -webkit-transition:  -webkit-transform .3s; transition: transform .3s; }

header.on #allmenubt .burgur .bot-line, header.on #allmenubt .burgur .top-line, header.on #allmenubt .burgur  { background-color: #314f4e;}
#allmenubt .burgur.on {
    width: 0;
}


footer {position:relative; width:100%; height:auto; max-width:2000px; border-top:1px solid #304f4e; background:#062a36 ;  box-sizing:border-box; padding:2% 6%;}

footer .copy {position:relative; width:100%;  letter-spacing:0px; font-size:15px; text-align:left; color:#819a99; line-height:2; font-weight:400;}
footer .copy span{display:block; letter-spacing:2px; }
footer .img img {width:150px; margin-top:2%;}

/* 
.popuppp {position: absolute;
    top: 50% !important;
    left: 50% !important;
    width: 100%;
    text-align: center;
    transform: translate(-50%, -50%);
	z-index:999;} 
.LayerPopup {display: inline-block;
    position: relative;
    margin: 0 5px;
    background: #fff;
    z-index: 502;}

.LayerPopup .popimg img {width:100%;}
.LayerPopup .btm {position:relative; overflow:hidden; background: rgba(0, 0, 0, 0.5); color: #fff; box-sizing: border-box; padding: 2%;}
.LayerPopup .btm li:nth-child(1) {float:left;}
.LayerPopup .btm li:nth-child(2) {float:right;}
.LayerPopup .btm li:nth-child(2) a {color: #fff;}

 */