*{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:100%; float:left; padding-left:5%; background: url(/images/logo1.png) no-repeat 50% 50%;}
header ul {position:relative; overflow:hidden; width:auto; float:right;}
header ul li {position:relative; float: left; line-height: 80px;  margin-right:70px; font-size: 19px;}
header ul li a {color:#fff;}
header div.logo .link-text {color:rgba(0,0,0,0)}
header div.logo a {
    display: block;
    position: absolute;
    top: 16px;
    left: -20px;
    width: 250px;
    height: 51px;
	
}
header.on {background-color: rgba(255, 255, 255, 0.6); backdrop-filter: blur(20px);}
header.on div.logo {position:relative; width:236px; height:100%; float:left; padding-left:5%; background: url(/images/logo2.png) no-repeat 50% 50%;}
header.on ul li a {color:#000;}

#allmenu {display:none;}
#allmenubt {display:none;}


#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: #000 url(/images/main1bg.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: #000 url(/images/main1bg2.jpg) no-repeat 50% 50%; background-size:cover;}
#main1 .main1slide .slide03 {position:relative; width:100%; height:100vh; background: #000 url(/images/main1bg3.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;} 


#main2 { position:relative; width:100%; max-width:2000px; height:100vh; background: url(/images/main2bg.jpg) no-repeat 50% 50%; background-size:cover;}
#main2 .tit {position:absolute; width:auto; font-size:35px; font-weight:600; color:#343434; text-align:center;  top:13%; right:12%; line-height:1.3;}
#main2 .section {position:relative;  width:100%; height:100%; margin:0 auto; overflow:hidden; box-sizing:border-box; padding:0 5%;}
#main2 .section1 {position:relative; z-index:20; width:45%; height:100%; float:left;  background: url(/images/dr.png) no-repeat 60% 100%; background-size:85%; filter:grayscale(0.2);}
#main2 .section1 p.more {position:absolute; z-index:99;  top:50%; left:70%;  width:35px; height:35px; font-size:22px; font-weight:900; line-height:30px; text-align:center; color:#304f4e; background:rgba(0,0,0,0); cursor:pointer; border-radius:35px;
						animation: viewmore 2.5s ease-out infinite 0s; border:2px solid #304f4e; box-sizing:border-box;}
#main2 .section1 p.more:hover {background:#304f4e; color:#fff;}
@keyframes viewmore {
  0% { top:50%; }
  25% { top:52%; }
  50% { top:50%; }
  75% { top:52%; }
  100% { top:50%; }
}
#main2 .section1 p.more.on {transform: rotate(45deg); background:#343434; color:#fff;}

				 
#main2 .section2 {position:relative; width:50%; float:left; box-sizing:border-box; padding-top:18%;}
#main2 .section2 p.t1 {position:relative; width:100%; font-size:19px; padding-bottom:3%; color:#343434;}
#main2 .section2 p.t2 {position:relative; width:100%; font-size:30px; padding-bottom:3%; font-weight:600; color:#4f4f4f;}
#main2 .section2 p.t2 span {font-size:45px; font-weight:600;}
#main2 .section2 .historybox {position:relative; width:100%; overflow:hidden;}
#main2 .section2 .historybox ul.box {position:relative; width:60%; height:100%; float:left; font-size:19px; }
#main2 .section2 .historybox ul.box:last-child {width:40%;}
#main2 .section2 .historybox ul.box li {padding-left:4%; margin-bottom:4%; background: url(/images/dot.png) no-repeat 0% 50%;}
#main2 .section2 .historybox ul.box:first-child li{font-weight:600; color:#343434;}
#main2 .section .section3 {position:absolute; display:none; transition: none; z-index:10; top:0; left:0; box-sizing:border-box; overflow:hidden; padding-top:8%; width:100%; height:100%; background:#f4f6fa;}
#main2 .section .section3 .historybox {position:relative; width:58%; float:right;/*  display:flex; gap: 0 3%; */ box-sizing:border-box; padding-right:4%;}
#main2 .section .section3 .historybox ul.box {position:relative; width: 50%; float:left;  box-sizing:border-box; padding-right:3%;}
#main2 .section .section3 .historybox ul.box li.t1 { font-size:20px; font-weight:700; margin:6% 0 3% 0; color:#343434;}
#main2 .section .section3 .historybox ul.box li.t2 { font-size:16px; padding-left:4%; line-height:1.4; margin-bottom:2%; background: url(/images/dot.png) no-repeat 0% 8px;}


#main3_1 { position:relative; width:100%; max-width:2000px; height:570px; overflow:hidden; display: flex; justify-content: space-between;}
#main3_1 .section1 {position:relative; width:17%;}
#main3_1 .section1 .box {position:absolute; display: inline-block; content: '';  width:100%; top: 190px; border-top:1px solid #000;}
#main3_1 .section2 { position:relative; width:40%; box-sizing:border-box; border-right:1px solid #000; }
#main3_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;}
#main3_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;}
#main3_1 .section2 .p1 {position:relative; font-size:30px; font-weight:600; padding-top:5%; margin-bottom:2%; line-height:1.5;}
#main3_1 .section2 .p2 {position:relative; font-size:18px; font-weight:400; line-height:1.8;}
#main3_1 .section3 { position:relative; width:43%; background:;}
#main3_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%;}

#main3_2 { position:relative; width:100%; max-width:2000px; height:340px; overflow:hidden; display: flex; }
#main3_2 .section1 { position:relative; width:57%; box-sizing:border-box; border-right:1px solid #000; border-top:1px solid #000;}
#main3_2 .section2 { position:relative; width:43%; box-sizing:border-box; border-top:1px solid #000;}
#main3_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;}
#main3_2 .section2 .p1 {position:relative; font-size:30px; font-weight:600; padding-top:1%; padding-left:10%; margin-bottom:2%; line-height:1.5;}
#main3_2 .section2 .p2 {position:relative; font-size:18px; font-weight:400; line-height:1.8; padding-left:10%; }

#main3_3 { position:relative; width:100%; max-width:2000px; height:480px; overflow:hidden; display: flex; }
#main3_3 .section1 { position:relative; width:35%; box-sizing:border-box; border-right:1px solid #000; border-top:1px solid #000;}
#main3_3 .section2 { position:relative; width:65%; box-sizing:border-box; border-top:1px solid #000;}
#main3_3 .section1 img {position:absolute; top:0; right:0;}
#main3_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;}
#main3_3 .section2 .p1 {position:relative; font-size:30px; font-weight:600; padding-top:3%; padding-left:10%; margin-bottom:2%; line-height:1.5;}
#main3_3 .section2 .p2 {position:relative; font-size:18px; font-weight:400; line-height:1.8; padding-left:10%; }


#main4 {position:relative; width:100%; max-width:2000px; height:100vh; background: url(/images/main4bg.jpg) no-repeat 50% 50%; box-sizing: border-box; padding-top: 15%;  background-size: cover;}  
#main4 .tit1 {text-align: center; font-size:25px; color:#40262c; margin-bottom:1%;}
#main4 .tit2 {text-align: center; font-size:45px; font-weight:600; color:#40262c; line-height:1.3;}
#main4 .content {position:absolute; width:100%; height:auto; bottom:0; right:0; background: rgba(256,256,256,0.5); overflow:hidden; box-sizing: border-box; padding: 4% 0;}
#main4 .content .tit {position:relative; width:30%; float:left; box-sizing: border-box; padding-left:10%; color:#40262c; font-size:40px; font-weight:bold;}
#main4 .content ul {position:relative; width:70%; text-align: center; float:left; box-sizing: border-box; padding-right:10%; }
#main4 .content ul li {position:relative; float:left; width:15%; margin-right:1%; height:40px; line-height: 36px; box-sizing:border-box; background: rgba(0,0,0,0); border-radius: 40px; border: 2px solid #40262c; margin-bottom:2%; font-size:20px; color:#40262c; font-weight: 500;;}
#main4 .content ul li:nth-child(6n) {margin-right:0;}

#main5 {position:relative; width:100%; max-width:2000px; height:auto;  box-sizing: border-box; padding: 7% 0; overflow: hidden;} 
#main5 .tit{position: relative; width: 33%; float: left; box-sizing: border-box; padding-left: 10%; font-size:26px; box-sizing: border-box; padding-top:7%; color:#454545; line-height: 1.4;}
#main5 .main5swiper {position: relative; overflow:hidden;}
#main5 .slide {position: relative; width: 67%; float: left;}
#main5 .slide ul {width:520px; height:fit-content; padding-bottom:10%;}
#main5 .slide ul li.img img {width:100%;}
#main5 .slide ul li.t1 {font-size: 25px; font-weight: 600; margin-top:4%; color:#40262c;}
#main5 .slide ul li.t2 {font-size: 20px; font-weight: 400; margin-top:2%;line-height:1.4;}
#main5 .swiper-scrollbar-drag {background:#40262c;}
#main5 .swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal{	height: var(--swiper-scrollbar-size, 7px);}
#main5 .btn {position:Relative; overflow:hidden; padding-top:8%; }
#main5 .btn div {float:left; padding-bottom:2%; }
#main5 .btn div.main5prev {width:68px; height:68px;  background: url(/images/prev.png) no-repeat 50% 50%; margin-right:1%;}
#main5 .btn div.main5next {width:68px; height:68px;  background: url(/images/next.png) no-repeat 50% 50%;}
#main5 .btn div.main5prev:hover {background: url(/images/prev_on.png) no-repeat 50% 50%; margin-right:1%;}
#main5 .btn div.main5next:hover { background: url(/images/next_on.png) no-repeat 50% 50%;}


/*#main6 { position:relative; width:100%; max-width:2000px; height:auto; background: #dfe9e9; padding:5% 0;}
#main6 .tit { position:relative; height:auto;  line-height:1.3; text-align:center; font-size:30px; box-sizing:border-box; padding-bottom: 3%;}
#main6 .tit span {font-weight:bold; color:#304f4e;}
#main6 .section1 {position:relative; width:50%; float:left; box-sizing:border-box; padding-left:10%;}
#main6 .section1 .t1 span{font-size: 48px;  display:block; font-weight:700;}
#main6 .section1 .t1  { font-size: 20px; margin-bottom:1%;}
#main6 .section1 .t2 {font-size: 18px; line-height:1.3;}
#main6 .main6btn {position:relative; width:fit-contnet; margin:0 auto; overflow:hidden; font-size:18px; font-weight:5; color:#304f4e;}
#main6 .main6btn .btn {width:fit-content; height:fit-content; float:left; box-sizing:border-box; padding:0.7% 1.5%; background:rgba(0,0,0,0); border:2px solid #304f4e; border-radius:50px;}*/

#main6 {position:relative; width:100%; max-width:2000px; height:auto; background-size:cover; box-sizing: border-box;} 
#main6 .main6 {width:100%; margin:0 auto; }
#main6 .main6 img{width:auto; }
#main6 .main6 .tit {font-size:23px; color:#40262c; text-align:center; font-weight:400; line-height: 0.9;     background: linear-gradient(90deg, #e5a5a5, #dbc0a9); box-sizing:border-box; padding:4% 0 3% 0;}
#main6 .main6 .tit span{display:block; margin-top:0.5%; font-size:35px; font-weight:bold; }

#main6 .main6 img.main6img1 {width:100%;}
#main6 .main6 img.main6img2 {display:none;}



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

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

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


#main8 { position:relative; width:100%; max-width:2000px; height:auto; box-sizing:border-box; overflow:hidden;  background: url(/images/main8bg.jpg) no-repeat 100% 0;}
#main8 .section1 { position:relative; width:50%; height:100%; float:left; box-sizing:border-box; padding:5% 0; padding-left:10%; background:#004567; }
#main8 .section1 .t1 {color:#ffe8c4; margin-bottom:5%; font-size:19px; }
#main8 .section1 .t2 {color:#fff; margin-bottom:15%; font-size:32px; font-weight:400; line-height:1.3;}
#main8 .section1 .t3 {color:#6ce9e5; font-size:18px; font-weight:400; line-height:1.4;}
#main8 .section1 .bar {width:20%; margin-bottom:5%;  border-top:2px solid #6ce9e5;}
#main8 .section2 { position:relative; width:50%; height:100%; display:block; float:left; box-sizing:border-box;  }


#main9 { position:relative; width:100%; max-width:2000px; height:auto; box-sizing:border-box; overflow:hidden; background: url(/images/main9bg.jpg) no-repeat 100% 0;}
#main9 .section1 { position:relative; width:60%; height:100%; float:left; box-sizing:border-box; }
#main9 .section1 .mian9slide { position:relative; width:100%; height:520px;}
#main9 .section1 .slide { position:relative;  width:100%; height:520px; overflow:hidden; color:#fff; box-sizing:border-box; padding:120px 80px 0 120px; }
#main9 .section1 .slide .t1 {width:35%; float:left; font-size:32px; font-weight:Bold;  padding-top:8%;}
#main9 .section1 .slide .t2 {width:65%; float:left; font-size:19px; font-weight:400; line-height:1.4;  box-sizing:border-box;  padding-top:7%; padding-right:10%;}
#main9 .section1 .slide1 { background: url(/images/main9img1.jpg) no-repeat 50% 50%; background-size:cover;}
#main9 .section1 .slide2 { background: url(/images/main9img2.jpg) no-repeat 50% 50%; background-size:cover;}
#main9 .section1 .slide3 { background: url(/images/main9img3.jpg) no-repeat 50% 50%; background-size:cover;} 
#main9 .section1 .slide4 { background: url(/images/main9img4.jpg) no-repeat 50% 50%; background-size:cover;}
#main9 .section1 .slide1 .t1 { background: url(/images/main9icon1.png) no-repeat 5% 0%;}
#main9 .section1 .slide2 .t1 { background: url(/images/main9icon2.png) no-repeat 5% 0%;}
#main9 .section1 .slide3 .t1 { background: url(/images/main9icon3.png) no-repeat 5% 0%;}
#main9 .section1 .slide4 .t1 { background: url(/images/main9icon4.png) no-repeat 5% 0%;}
#main9 .section1 .main9btn2 {position:absolute; overflow:hidden; padding-top:3%; bottom: 10%; left:10%;}
#main9 .section1 .main9btn2 div {position:relative; float:left; width:50%; z-index:99; cursor:pointer;}
#main9 .section2 { position:relative; width:40%; height:100%; display:block; float:left; box-sizing:border-box; }
#main9 .section2 ul li {position:relative; width:100%; height:130px; line-height:130px; border-bottom:1px solid #c3c3c3; cursor:pointer; box-sizing:border-box; background:rgba(255,255,255,1);  padding-left:10%; font-size:19px; color:#304f4e; font-weight:400;}
#main9 .section2 ul li:last-child {border-bottom:none;}
#main9 .section2 ul li span {font-weight:500; font-size:22px}
#main9 .section2 ul li.on { background:rgba(87,87,86,0.4);  color:#fff;}

#main10 { position:relative; width:100%; max-width:2000px; height:auto; overflow:hidden; background: url(/images/main10bg.jpg) no-repeat bottom;}
#main10 .main10 { position:relative; width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box; padding:0 10%;}
#main10 .main10 .section1 { position:relative; width:40%; float:left; color:#343434;  box-sizing:border-box; padding-top:15%;}
#main10 .main10 .section1 .t1 {font-size:40px; font-weight:700; margin-bottom:3%;}
#main10 .main10 .section1 .t1 span{display:block; font-size:19px; margin-bottom:1%; font-weight:400; }
#main10 .main10 .section1 .t2 {display:block; font-size:19px;  font-weight:400; }
#main10 .main10 .section1 .main10btn2 {position:absolute; width:100%; padding-top:3%; overflow:hidden;}
#main10 .main10 .section1 .main10btn2 div{float:left; margin-right:1%;}
#main10 .main10 .section2 { position:relative; width:60%; float:left;}
#main10 .main10 .section2 { position:relative; width:60%; float:left;}
#main10 .main10 .section2 .slide  { position:relative; width:100%;}
#main10 .main10 .section2 .slide .img img {width:100%; max-width:700px; margin:0 auto;}
#main10 .main10 .section2 .slide .txt {position:absolute; bottom:5%; left:10%; width:auto; height:auto; padding:1% 3%; background:#343434; box-sizing:border-box; color:#12f4f4; border-radius:50px; font-size:19px; font-weight:500; }
#main10 .main10 .section3 {position:relative; width:100%; height:auto; padding:4% 0; display:flex; gap: 0 1.7%; }
#main10 .main10 .section3 .btn {position:relative; width: calc(100% / 6); text-align:center; }
#main10 .main10 .section3 .btn .img{ position:relative; width:100%; height:140px; border-radius:20px; filter: brightness(0.95);}
#main10 .main10 .section3 .btn .img.on {filter: brightness(1); border:1px solid #ccc; box-sizing:border-box;}
#main10 .main10 .section3 .btn .txt {margin-top:7%; font-size:17px; font-weight:400; }
#main10 .main10 .section3 .btn1 .img{background: url(/images/main10img1.jpg) no-repeat 50% 50%; background-size:cover;}
#main10 .main10 .section3 .btn2 .img{background: url(/images/main10img2.jpg) no-repeat 50% 50%; background-size:cover;}
#main10 .main10 .section3 .btn3 .img{background: url(/images/main10img3.jpg) no-repeat 50% 50%; background-size:cover;}
#main10 .main10 .section3 .btn4 .img{background: url(/images/main10img4.jpg) no-repeat 50% 50%; background-size:cover;}
#main10 .main10 .section3 .btn5 .img{background: url(/images/main10img5.jpg) no-repeat 50% 50%; background-size:cover;}
#main10 .main10 .section3 .btn6 .img{background: url(/images/main10img6.jpg) no-repeat 50% 50%; background-size:cover;}
#main10 .main10 .section3 .btn7 .img{background: url(/images/main10img7.jpg) no-repeat 50% 50%; background-size:cover;}

#main10 .main10btn2 div.main10prev {width:68px; height:68px;  background: url(/images/prev.png) no-repeat 50% 50%; margin-right:1%;}
#main10 .main10btn2 div.main10next {width:68px; height:68px;  background: url(/images/next.png) no-repeat 50% 50%;}
#main10 .main10btn2 div.main10prev:hover {background: url(/images/prev_on.png) no-repeat 50% 50%; margin-right:1%;}
#main10 .main10btn2 div.main10next:hover { background: url(/images/next_on.png) no-repeat 50% 50%;}

#main11 { position:relative; width:100%; max-width:2000px; height:auto; overflow:hidden; padding:5% 0; background:#f0f5f7; color:#343434; text-align:center;}
#main11 .t1 {font-size:19px; margin-bottom:1%; }
#main11 .t2 {font-size:40px; font-weight:700;margin-bottom:3%;  }
#main11 .main11slide { position:relative; width:80%; margin:0 auto; }
#main11 .main11slide ul { border-radius:40px; overflow:hidden;}
#main11 .main11slide ul li { position:relative; height:600px; background:#000;}
#main11 .main11slide ul li.img1 {background: url(/images/main11img1.jpg) no-repeat 50% 50%; background-size:cover;}
#main11 .main11slide ul li.img2 {background: url(/images/main11img2.jpg) no-repeat 50% 50%; background-size:cover;}
#main11 .main11slide ul li.img3 {background: url(/images/main11img3.jpg) no-repeat 50% 50%; background-size:cover;}
#main11 .main11slide ul li.img4 {background: url(/images/main11img4.jpg) no-repeat 50% 50%; background-size:cover;}
#main11 .main11slide ul li.img5 {background: url(/images/main11img5.jpg) no-repeat 50% 50%; background-size:cover;}
#main11 .main11slide ul li.img6 {background: url(/images/main11img6.jpg) no-repeat 50% 50%; background-size:cover;}
#main11 .main11slide ul li.img7 {background: url(/images/main11img7.jpg) no-repeat 50% 50%; background-size:cover;}
#main11 .main11slide ul li.img8 {background: url(/images/main11img8.jpg) no-repeat 50% 50%; background-size:cover;}
#main11 .main11slide ul li.img9 {background: url(/images/main11img9.jpg) no-repeat 50% 50%; background-size:cover;}

#main11 .main11slide .main11prev {position:absolute;  top:50%; left:2%; transform:translate(0,-50%);  z-index:19;}
#main11 .main11slide .main11next {position:absolute;  top:50%; right:2%; transform:translate(0,-50%);  z-index:19;}
#main11 .main11btn { position:relative; width:80%; margin:0 auto; height:80px; background: url(/images/line.jpg) repeat-x 50% 50%; font-size:16px; display:flex; gap: 0 3%;}
#main11 .main11btn .btn{ position:relative; width:100%; height:80px;  width: calc(100% / 6); background: url(/images/dot1.png) no-repeat 50% 50%;}
#main11 .main11btn .btn.on{background: url(/images/dot2.png) no-repeat 50% 50%; font-weight:600;}

#main11 .main11slide .main11prev {width:68px; height:68px;  background: url(/images/prev.png) no-repeat 50% 50%; margin-right:1%;}
#main11 .main11slide .main11next {width:68px; height:68px;  background: url(/images/next.png) no-repeat 50% 50%;}
#main11 .main11slide .main11prev:hover {background: url(/images/prev_on.png) no-repeat 50% 50%; margin-right:1%;}
#main11 .main11slide .main11next:hover { background: url(/images/next_on.png) no-repeat 50% 50%;}

#main12 { position:relative; width:100%; margin:0 auto; max-width:2000px; height:auto; overflow:hidden; box-sizing:border-box; padding: 0 10%; padding-top:5%;}
#main12 .tit {text-align:center;}
#main12 .tit .t1 {font-size:40px; font-weight:bold; margin-bottom:1%;}
#main12 .tit .t2 {font-size:22px; font-weight:300;  margin-bottom:3%;}
#main12 .con {position:relative; height:auto;  box-sizing:border-box; padding:4% 0; overflow:hidden;}
#main12 .con .section {position:relative; width:50%; float:left; box-sizing:border-box; padding-left:8%;}
#main12 .con .section .t1 {font-size:24px; font-weight:bold; color:#009bdf; margin-bottom:2%;}
#main12 .con .section2 {border-left:1px solid #ccc;}
#main12 .con .section1 .t2 {margin-bottom:2%;}
#main12 .con .section1 .t2 a{font-size:40px; font-weight:900; }
#main12 .con .section1 .t3{margin-bottom:2%; overflow:hidden;}
#main12 .con .section1 .t3.kakao { width:fit-content; height:40px; text-align:center; font-size:18px; font-weight:bold; line-height:40px; background:#381e1f; border-radius:50px; color:#f8e002;}
#main12 .con .section1 .t3.kakao span {width:35px; height:35px; float:left; display:block;  background: url(/images/main12icon1.jpg) no-repeat 50% 30%; background-size:35px;}
#main12 .con .section2 .t2 {font-size:20px; margin-bottom:2%; letter-spacing:0px;}
#main12 .con .section2 .t2 span {display:block; float:left; margin-right:4%;}
#main12 .con .section2 .t3 {font-size:18px; margin-bottom:5px;}

footer {position:relative; width:100%; margin:0 auto; max-width:2000px; height:auto;  overflow:hidden; box-sizing:border-box; padding:2% 5%; color:#777777; line-height:1.6; border-top:1px solid #ccc;  background: url(/images/logo2.png) no-repeat 95% 50%; letter-spacing:0px; }
footer span {box-sizing: border-box; padding: 8px 0;  display: block; line-height:1.4;}

#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% 45%;}
#quick ul li.quick3 a {background: url(/images/quick3.png) no-repeat 50% 45%;}
#quick ul li.quick4 a {background: url(/images/quick4.png) no-repeat 50% 30%;}

#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% 45%;}
#quick ul li.quick3 a:hover {background: url(/images/quick3_on.png) no-repeat 50% 45%;}
#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: #009bdf 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;}
/* 
.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;} */