*{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.5px;}
.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;
    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;}

#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  .main1slide .slide01 .video video.m {display:none;}

#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; text-shadow:1px 1px 1px #000; }
#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; text-align:center; background: #000; background-size:cover;}
#main1 .main1slide .slide01 {position:relative; width:100%; height:100vh; background: #000 url(/images/main1bg1.jpg) no-repeat 50% 50%; background-size:cover;}
#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 .main1slide .slide04 {position:relative; width:100%; height:100vh; background: #000 url(/images/main1bg4.jpg) no-repeat 10% 50%; background-size:cover;}
#main1 .slide {background-size:cover;}
#main1 .slide .tit { position:absolute; width:100%;  top:50%; left:50%; transform: translate(-50%, -80%); TEXT-ALIGN: LEFT; PADDING-LEFT: 25%;}
#main1 .main1slide .slide {color:#fff;}
#main1 .main1slide .slide .t1 {position:relative; box-sizing:border-box; padding-top:2%; font-size:21px; font-weight:400; } 
#main1 .main1slide .slide .t2  {position:relative; box-sizing:border-box;  font-size:33px; font-weight:200; letter-spacing:-1px;  padding-top:0.8%; line-height:1.3;} 

#main1 .main1slide .slide.slide02, #main1 .main1slide .slide.slide03 {color:#193e55;}
#main1 .main1slide .slide02 .t2, #main1 .main1slide .slide03 .t2 {font-weight: 600;}
#main1 .main1slide .slide04 .t2 span {color: #4ecdfc; font-weight: 600;}

#main2 { position:relative; width:100%; max-width:2000px; height:auto;  box-sizing:border-box; padding:7% 15%; overflow:hidden; background: url(/images/main2bg.jpg) no-repeat 50% 50%; background-size:cover;}
#main2 .tit {position:relative; width:auto; font-size:20px; font-weight:300; letter-spacing:2px; color:#231f20; text-align:center; margin-bottom:1%; }
#main2 .tit2 {font-size: 40px; font-weight: 600;  margin-bottom:5%; text-align:center; line-height:1.3;}
#main2 .section1 {position:relative; width:40%; z-index:20; width:40%; height:100%; float:left;  filter:grayscale(0.2);}
#main2 .section1 img {max-width:90%; box-shadow:20px 20px 2px #193e55;}
#main2 .section2 {position:relative; width:60%; float:left; box-sizing:border-box;  box-sizing:border-box; padding-left:10%; color:#454545;}
#main2 .section2 p.t1 {font-size:18px; font-weight:bold; margin-bottom:2%;}
#main2 .section2 p.dr {font-size:42px; font-weight:bold; margin-bottom:5%; margin-top:3%;}
#main2 .section2 p.dr span {font-size:20px; font-weight:500; }
#main2 .section2 ul li {font-size:18px; margin-bottom:2.5%; box-sizing:border-box; padding-left:3%;  background: url(/images/dott.png) no-repeat 0% 50%;}
#main2 p.name {z-index:-1; bottom:3%; right:10%; color:#ededed; font-size:120px; font-weight:Bold;}
#main2 .section2 ul li.den { box-sizing:border-box; font-weight:700; }

#main2 .slide2 {position:relative; text-align:center; box-sizing:border-box; padding:5% 0;}
#main2 .slide2 p {font-size:20px; margin-bottom:3%;  line-height:1.5;}
#main2 .slide2 p span {font-size:32px; color:#163949 ; font-weight:Bold;}

#main2 .section3 {position:relative; width:40%; z-index:20; width:40%; height:100%; float:left;  filter:grayscale(0.2);}
#main2 .section3 img {max-width:100%; }
#main2 .section2 p.rp1 {font-size:30px; font-weight:bold; margin-bottom:1%;}
#main2 .section2 p.rp2 {font-size:18px; font-weight:500; line-height:150%; margin-bottom:5%; letter-spacing:1px; }
#main2 .section2 p.rp3 {font-size:18px; font-weight:400; line-height:1.3; letter-spacing:-1px;}


#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:2%; 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% 0%; box-sizing: border-box;padding-top: 20%; background-size: cover; }  
#main4 .tit1 {text-align: center; font-size:22px; font-weight:300;  color:#fff; margin-bottom:10px;}
#main4 .tit2 { text-shadow: 1px 1px 1px #000; text-align: center; font-size:40px; font-weight:600; color:#fff;     line-height: 1.3;}
#main4 .content {position:absolute; width:100%; height:auto; bottom:0; right:0; background: rgba(88,88,90,0.4); overflow:hidden; box-sizing: border-box; padding: 4% 0 3% 0;}
#main4 .content .tit {position:relative; width:30%; float:left; box-sizing: border-box; padding-left:10%; color:#fff; 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: 40px; box-sizing:border-box; background: rgba(0,0,0,0); border-radius: 40px; border: 2px solid #fff; margin-bottom:2%; font-size:20px; color:#fff; 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; box-sizing: border-box; padding-right: 7%;}
#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: 22px; font-weight: 600; margin-top:4%; color:#4ea8de;}
#main5 .slide ul li.t2 {font-size: 19px; font-weight: 400; margin-top:2%;line-height:1.4;}
#main5 .swiper-scrollbar-drag {background:#4ea8de;}
#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; padding-top:3%;  overflow: hidden;}
#main6 .tit {text-align:center; margin-bottom:3%;}
#main6 .tit .t1 {font-size: 19px; margin-bottom: 0.3%; font-weight: 200; letter-spacing:2px;}
#main6 .tit .t2 {font-size: 42px; font-weight: 300; letter-spacing:-1px;     color: #000;}
#main6 .tab_button { position:relative; width:80%; margin:0 auto; display: flex; height:50px; transition: none;  }
#main6 .tab_button.sticky {position: fixed; /* 상단 고정 */ z-index: 10;  top:115px; left:50%; transform:translate(-50%,-50%); }
#main6 .tab_button.bottom-fixed {
    position: absolute;
    bottom: 0;
	top: auto;
}
#main6 .tab_button li { width: calc(100% / 4); text-align:center; cursor:pointer;border-radius:10px; background: #fff; color: #999; font-weight: 400;  line-height:50px; font-size:18px; box-sizing:border-box;}
#main6 .tab_button li:last-child { border-right:none;}
#main6 .tab_button li.on { background: #51a7dd; color:#fff; border-radius:10px;}
#main6 .tab_cont {width: 100%; height:auto; display: none; }
#main6 .tab_cont.on { display: block;}

#main6 .container {position: relative; width: 100%; margin: 0 auto;}
#main6 .container .tab_cont .tab1_1 {position:relative; width:80%; margin:0 auto; box-sizing:border-box; padding:8% 0; overflow:hidden; }
#main6 .container .tab_cont .tab1_1 .left {position:relative; width:45%; float:left; margin-right:5%; box-sizing: border-box; padding-top: 3%;}
#main6 .container .tab_cont .tab1_1 .left h3 {font-size:37px; font-weight:300; line-height:1.3;}
#main6 .container .tab_cont .tab1_1 .left h3 span{width:fit-content; font-weight:500; color:#fff; line-height: 63px; background-color: #4ea8de; padding: 0px 5px; border-radius: 10px;  font-size:37px;}
#main6 .container .tab_cont .tab1_1 .left h1 {font-size:42px; font-weight:700; #163949;}
#main6 .container .tab_cont .tab1_1 .left p {font-size:18px; font-weight:300; margin-top:5%; line-height:1.4;}
#main6 .container .tab_cont .tab1_1 .right {position:relative; width:50%; float:left;}
#main6 .container .tab_cont .tab1_1 .right .img {width:100%; border-radius:10px; overflow:hidden;}
#main6 .container .tab_cont .tab1_1 .right .img img {width:100%;}

#main6 .container .tab_cont .tab1_2 {position:relative; width:100%; margin:0 auto; overflow:hidden; background: url(/images/main6tab4bg1.jpg) 50% 50% no-repeat;     background-size: cover;}
#main6 .container .tab_cont .tab1_2 ul {position:relative; width:70%; margin:0 auto; display: flex; gap: 40px; padding:8% 0; }
#main6 .container .tab_cont .tab1_2 ul li { width: calc(100% / 4);  text-align:center; font-size:18px; color:#fff;  border:1px solid #878787;   background: rgba(256, 256, 256, 0.1); border-radius:20px; backdrop-filter: blur(6px); font-weight:500; padding:17% 2% 3% 2%; }
#main6 .container .tab_cont .tab1_2 ul li:nth-child(1) {background:  rgba(256, 256, 256, 0.1) url(/images/main6tab1icon2.png) 50% 45% no-repeat;}
#main6 .container .tab_cont .tab1_2 ul li:nth-child(2) {background:  rgba(256, 256, 256, 0.1) url(/images/main6tab1icon3.png) 50% 45% no-repeat;}
#main6 .container .tab_cont .tab1_2 ul li:nth-child(3) {background:  rgba(256, 256, 256, 0.1) url(/images/main6tab1icon1.png) 50% 45% no-repeat;}
#main6 .container .tab_cont .tab1_2 ul li:nth-child(4) {background:  rgba(256, 256, 256, 0.1) url(/images/main6tab4icon3.png) 50% 45% no-repeat;}
#main6 .container .tab_cont .tab1_2 ul li:nth-child(5) {background:  rgba(256, 256, 256, 0.1) url(/images/main6tab4icon2.png) 50% 45% no-repeat;}

#main6 .container .tab_cont .tab1_3 {position:relative; width:70%; margin:0 auto; overflow:hidden; padding-bottom: 5%;}
#main6 .container .tab_cont .tab1_3 .t1 {  color:#5d5d5d; text-align:center; margin-top:8%; margin-bottom:3%; font-size:45px; font-weight:400; letter-spacing:-1px;}
#main6 .container .tab_cont .tab1_3 p.t1 span {color:#163949; }
#main6 .container .tab_cont .tab1_3 ul {position:relative; width:100%; margin:0 auto; margin-bottom:5%; overflow:hidden;}
#main6 .container .tab_cont .tab1_3 ul li {width:48%; float:left;  border:1px solid #ddd; box-sizing:border-box;}
#main6 .container .tab_cont .tab1_3 ul li:nth-child(2n) {margin-left:4%;}
#main6 .container .tab_cont .tab1_3 ul li p {position:relative; width:100%; padding:5%; box-sizing:border-box; font-size:18px; line-height:1.3;}
#main6 .container .tab_cont .tab1_3 ul li p span {color:#163949; display:block; font-size:19px; font-weight:600; margin-bottom:10px;}
#main6 .container .tab_cont .tab1_3 ul li .img img {width:100%;}
#main6 .container .tab_cont .tab1_3 ul li:nth-child(1) {background:#f8f8f8; filter: grayscale(1);}
#main6 .container .tab_cont .tab1_3 ul li:nth-child(2) {background:#edf5f7;} 

#main6 .container .tab_cont .tab2_1 {position:relative; width:80%; margin:0 auto; height:auto; background-size: cover; border-radius:40px; margin-top:3%; box-sizing:Border-box; padding:8% 5%; background: url(/images/main6tab2img1.jpg) center center no-repeat;}
#main6 .container .tab_cont .tab2_1 p {color:#fff; font-weight: 300;}
#main6 .container .tab_cont .tab2_1 p.t1 {font-size:19px;}
#main6 .container .tab_cont .tab2_1 p.t1 span {display:block; font-size:42px; font-weight:700; margin-top:2%;}
#main6 .container .tab_cont .tab2_1 p.t2 {font-size:18px; line-height:1.5; margin-top:4%;}

#main6 .container .tab_cont .tab2_1 .circle {position:relative; width:fit-content; margin-top:7%; display:flex; gap: 10px; align-items: center; color:#fff;}
#main6 .container .tab_cont .tab2_1 .circle div {width:200px; height:200px; display: flex; justify-content: center; align-items: center; line-height:1.3;
					font-size: 19px;  text-align:center; box-sizing:border-box; border:2px solid #fff; border-radius:200px; }

#main6 .container .tab_cont .tab2_2 {position:relative; width:80%; margin:0 auto; height:auto; overflow: hidden;}
#main6 .container .tab_cont .tab2_2 p.t1 {  color:#5d5d5d; text-align:center; margin-top:8%; font-size:45px; font-weight:400; letter-spacing:-1px;}
#main6 .container .tab_cont .tab2_2 p.t1 span {color:#163949; }
#main6 .container .tab_cont .tab2_2 ul.con1 {display:flex; gap: 20px; padding:3% 0;}
#main6 .container .tab_cont .tab2_2 ul.con1 li {box-sizing:border-box; border:1px solid #ccc; line-height:1.4; font-weight:300; font-size:17px; align-items: center; padding:5%;}
#main6 .container .tab_cont .tab2_2 ul.con1 li span {display:block; font-size:34px; margin-bottom:20px; color:#163949;}

#main6 .container .tab_cont .tab2_2 ul.con2 {position:relative; padding:3% 0; overflow:hidden;}
#main6 .container .tab_cont .tab2_2 ul.con2 li {width:49%; box-sizing:border-box; margin-bottom:2%; border:1px solid #ccc; float:left; font-weight:300; font-size:19px; align-items: center; padding:2.2%; padding-left:6%; background: url(/images/main6tab2icon1.png) 5% 50% no-repeat;}
#main6 .container .tab_cont .tab2_2 ul.con2 li:nth-child(2n+1) {margin-right:2%;}

#main6 .container .tab_cont .tab2_3 {position:relative; width:80%; margin:0 auto; height:auto; overflow: hidden; padding-bottom: 5%;}
#main6 .container .tab_cont .tab2_3 p.t1 {  color:#5d5d5d; text-align:center; margin-top:8%; font-size:45px; font-weight:400; letter-spacing:-1px;}
#main6 .container .tab_cont .tab2_3 p.t1 span {color:#163949; }
#main6 .container .tab_cont .tab2_3 ul {position:relative; overflow:hidden; padding:3% 0;}
#main6 .container .tab_cont .tab2_3 ul li {position:relative; width:31%; float:left; margin-right:3.5%; margin-bottom:2.5%; overflow:hidden;}
#main6 .container .tab_cont .tab2_3 ul li:nth-child(3n) {margin-right:0%}
#main6 .container .tab_cont .tab2_3 ul li .img {position:relative; width:100%; border-radius:10px; overflow:hidden;}
#main6 .container .tab_cont .tab2_3 ul li .img img {width:100%;}
#main6 .container .tab_cont .tab2_3 ul li h2 {position:absolute; top:20px; left:20px; width:35px; height:35px; line-height:35px; background:rgba(256,256,256,0.3); backdrop-filter: blur(20px); z-index:10; font-size:17px; font-weight:700; text-align:center; color:#163949; }
#main6 .container .tab_cont .tab2_3 ul li h1 {margin-top:3.5%; font-size:20px; font-weight:700; color:#163949;}
#main6 .container .tab_cont .tab2_3 ul li p {font-size:18px; font-weight:300; margin-top:2.5%;}

#main6 .container .tab_cont .tab3_1 {position:relative; width:80%; margin:0 auto; box-sizing:border-box; padding:8% 0; overflow:hidden;}
#main6 .container .tab_cont .tab3_1 .left {position:relative; width:45%; float:left; margin-right:5%; box-sizing: border-box; padding-top: 7%;}
#main6 .container .tab_cont .tab3_1 .left h3 {font-size:37px; font-weight:300; line-height:1.3;}
#main6 .container .tab_cont .tab3_1 .left h3 span{width:fit-content; font-weight:500; color:#fff; line-height: 63px; background-color: #4ea8de; padding: 0px 5px; border-radius: 10px;  font-size:37px;}
#main6 .container .tab_cont .tab3_1 .left h1 {font-size:42px; font-weight:700; #163949;}
#main6 .container .tab_cont .tab3_1 .left p {font-size:18px; font-weight:300; margin-top:5%; line-height:1.4;}
#main6 .container .tab_cont .tab3_1 .right {position:relative; width:50%; float:left;}
#main6 .container .tab_cont .tab3_1 .right .img {width:100%; border-radius:10px; overflow:hidden;}
#main6 .container .tab_cont .tab3_1 .right .img img {width:100%;}

#main6 .container .tab_cont .tab3_2 {position:relative; width:60%; margin:0 auto; margin-bottom:8%;}
#main6 .container .tab_cont .tab3_2 ul {position:relative; overflow:hidden; display:flex; gap:10px;}
#main6 .container .tab_cont .tab3_2 ul li {border-radius:5px; overflow:hidden;}
#main6 .container .tab_cont .tab3_2 ul li .img img {width:100%;}
#main6 .container .tab_cont .tab3_2 ul li p {width:100%; height:50px;  color:#fff; line-height:50px; text-align:center; font-size:18px; font-weight:500;}
#main6 .container .tab_cont .tab3_2 ul li:nth-child(1) p {background:#9d9d9d;}
#main6 .container .tab_cont .tab3_2 ul li:nth-child(2) p {background:#163949;}

#main6 .container .tab_cont #tab3_3 {position:relative; width:100%; margin:0 auto; overflow:hidden; background: url(/images/main6tab3bg1.jpg) 50% 50% no-repeat;     background-size: cover;}
#main6 .container .tab_cont .tab3_3 {position:relative; width:80%; margin:0 auto; overflow:hidden; padding:5% 0;}
#main6 .container .tab_cont .tab3_3 .img {position:relative;float:right; width:fit-content; text-align:right; align-items: center; overflow:hidden; border-radius:10px; }
#main6 .container .tab_cont .tab3_3 .img p {position:absolute; bottom:20px;  right:20px; color:#fff; font-size:18px; font-weight:400; background-color: #4ea8de; padding: 0px 10px;border-radius: 5px; }

#main6 .container .tab_cont .tab4_1 {position:relative; width:100%; margin:0 auto; overflow:hidden; background: url(/images/main6tab4bg1.jpg) 50% 50% no-repeat;     background-size: cover;}
#main6 .container .tab_cont .tab4_1 ul {position:relative; width:70%; margin:0 auto; display: flex; gap: 40px; padding:8% 0; }
#main6 .container .tab_cont .tab4_1 ul li { width: calc(100% / 4); height:20px; text-align:center; font-size:18px; color:#fff;  border:1px solid #878787;   background: rgba(256, 256, 256, 0.1); border-radius:20px; backdrop-filter: blur(6px); font-weight:500; padding:20% 5% 5% 5%; }
#main6 .container .tab_cont .tab4_1 ul li:nth-child(1) {background:  rgba(256, 256, 256, 0.1) url(/images/main6tab4icon1.png) 50% 45% no-repeat;}
#main6 .container .tab_cont .tab4_1 ul li:nth-child(2) {background:  rgba(256, 256, 256, 0.1) url(/images/main6tab4icon2.png) 50% 45% no-repeat;}
#main6 .container .tab_cont .tab4_1 ul li:nth-child(3) {background:  rgba(256, 256, 256, 0.1) url(/images/main6tab4icon3.png) 50% 45% no-repeat;}
#main6 .container .tab_cont .tab4_1 ul li:nth-child(4) {background:  rgba(256, 256, 256, 0.1) url(/images/main6tab4icon4.png) 50% 45% no-repeat;}




#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:18px; padding-top:15%; line-height:1.3; font-weight:400;}
#main7_1 .main7 .tit1 span { display: block; font-size:40px; font-weight:600;margin-top:1%;}
#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:#231916;}
#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 #231916; box-sizing:border-box; color:#231916; padding:5% 3%; overflow:hidden;}
#main7_2 .section2 .contentbox .box .tit {position:relative; width:30%; float:left; font-size:23px; font-weight:600;}
#main7_2 .section2 .contentbox .box .con {position:relative; width:70%; float:left; font-size:18px; font-weight:300; line-height:1.5;}
#main7_2 .section2 .contentbox .box.box3 {border-bottom:1px solid #231916;}


#main8 {position:relative; width:100%; max-width:2000px; height:auto;  box-sizing: border-box; padding: 6% 0; background:url(/images/main08.jpg)no-repeat 50% 0; } 
#main8 .tit {text-align:center; margin-bottom:3%;}
#main8 .tit .t1 { font-size:48px; color:#ffffff; line-height:130%; font-weight:700; }
#main8 .tit .t2 { margin-top:20px; font-size:19px; color:#ffffff; line-height:160%; font-weight:400; opacity:80%; }
#main8 .main8box { position:relative; width:100%; max-width:1200px; margin:0 auto; overflow:hidden; display:flex; justify-content: space-between; }
#main8 .main8box ul { width:30%; }
#main8 .main8box ul li:nth-child(1) { width:100%; }
#main8 .main8box ul li:nth-child(1) img { width:100%; }
#main8 .main8box ul li:nth-child(2) { width:100%; height:56px; line-height:56px; font-size:24px; color:#ffffff; font-weight:700; background:#1f6392; text-align:center; }
#main8 .main8box ul li:nth-child(3) { text-align:center; margin-top:14px; font-size:19px; color:#ffffff; line-height:160%; font-weight:400; opacity:80%;  }



#main9 { position:relative; width:100%; max-width:2000px; height:auto; text-align:center; box-sizing:border-box; padding:8% 0; overflow:hidden; background: url(/images/main9bg.jpg) no-repeat 100% 0;}
#main9 .t1 {font-size:48px; margin-bottom:1%;}
#main9 .t2 {font-size:20px; margin-bottom:5%;}
#main9 .main9con {position:relative; text-align:center;}
#main9 .main9con img {max-width:100%;}
#main9 .main9con .img2 {display:none;}


#main10 { position:relative; width:100%; max-width:2000px; height:auto; overflow:hidden;}
#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:#231916;  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 span{width:fit-content; margin-bottom:5px;  box-sizing:border-box; padding:10px 18px; border-radius:20px; display:block; background:#4ea8de; font-weight:300; box-sizing:border-box; color:#fff; }
#main10 .main10 .section2 .slide .txt { font-size:19px; line-height:1.3; position:absolute; bottom:5%; left:10%; width:auto; height:auto }

#main10 .main10 .section3 {position:relative; width:100%; height:auto; padding:4% 0; display:flex; gap: 0 0.7%; }
#main10 .main10 .section3 .btn {position:relative; width: calc(100% / 4); text-align:center; }
#main10 .main10 .section3 .btn .img{ border:1px solid #ededed; box-sizing:border-box; position:relative; width:100%; height:120px; border-radius:20px; filter: brightness(0.95);}
#main10 .main10 .section3 .btn .img.on {filter: brightness(1);}
#main10 .main10 .section3 .btn .txt {margin-top:7%; font-size:16px; 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 .main10 .section3 .btn8 .img{background: url(/images/main10img8.jpg) no-repeat 50% 50%; background-size:cover;}
#main10 .main10 .section3 .btn9 .img{background: url(/images/main10img9.jpg) no-repeat 50% 50%; background-size:cover;}
#main10 .main10 .section3 .btn10 .img{background: url(/images/main10img10.jpg) no-repeat 50% 50%; background-size:cover;}
#main10 .main10 .section3 .btn11 .img{background: url(/images/main10img11.jpg) no-repeat 50% 50%; background-size:cover;}
#main10 .main10 .section3 .btn12 .img{background: url(/images/main10img12.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:#fbfbfb; color:#231916; 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 ul li.img10 {background: url(/images/main11img10.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:#163949; 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:1px;}
#main12 .con .section2 .t2 span {display:block; float:left; margin-right:4%; min-width: 90px;}
#main12 .con .section2 .t3 {font-size:18px;}

#main12 .map {width:100%;}

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; }


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

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

#quick .top {width:70px; height:70px; margin:0 auto; border-radius:80px; background: #163949 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;} */



.scroll_wrap {overflow: hidden;}
.scroll_on {opacity: 0;transition: all 1s;}
.scroll_on.active {opacity: 1 !important;transform: translate(0, 0) !important;}
.scroll_on.type_top {transform: translate(0, -50px);}
.scroll_on.type_bottom {transform: translate(0, 50px);}
.scroll_on.type_left {transform: translate(-50px, 0);}
.scroll_on.type_right {transform: translate(50px, 0);}

.mainnoticetab { position:relative; width:auto; margin:0 auto; overflow:hidden; text-align:center; margin-bottom:40px; display:flex; flex-wrap: wrap; flex-direction: row; align-content: flex-start; }
.mainnoticetab a { cursor:pointer; display:block; position:relative; width:15%; height:50px; margin-right:2%; border-radius:50px; overflow:hidden; line-height:50px; font-size:17px; font-weight:600; color:#ffffff; text-align:center; background:#061360; border-radius:50px; }
.mainnoticetab a:last-child {margin-right:0%;}
.mainnoticetab a:hover { color:#fff; background:#000000; }
.mainnoticetab a.active { color:#fff; background:#000000; }

#mainnotice { position:relative; width:80%; max-width:1680px; margin:0 auto; padding-top:100px; overflow:hidden; }
#mainnotice .mainnotice { display:none; position:relative; width:100%; margin:60px auto 0px auto; overflow:hidden;  flex-wrap: wrap; flex-direction: row; align-content: flex-start; }
#mainnotice .mainnotice.active { display:flex; }
#mainnotice ul.boxwrap { position:relative; width:22%; margin-right:4%; margin-bottom:4%; overflow:hidden; }
#mainnotice ul.boxwrap:nth-child(4n) { margin-right:0px; }
#mainnotice ul.boxwrap li.thumbnail { position:relative; width:100%; overflow:hidden; }
#mainnotice ul.boxwrap li.thumbnail img { display:block; width:100%; }
#mainnotice ul.boxwrap li.thumbnail ul { opacity:0; position:absolute; top:0px; left:0px; width:100%; height:100%; background:rgba(7,3,78,60%); padding:40px 30px; box-sizing:border-box; transition:all 0.6s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
#mainnotice ul.boxwrap:hover li.thumbnail ul { opacity:1; transition:all 0.6s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
#mainnotice ul.boxwrap li.thumbnail ul li.t1 { display:inline-block; border-bottom:1px solid #ffffff; padding-bottom:12px; font-size:17px; font-weight:500; color:#ffffff; line-height:100%; }
#mainnotice ul.boxwrap li.thumbnail ul li.t2 { margin-top:16px; font-size:14px; font-weight:700; color:#ffffff; line-height:130%; }
#mainnotice ul.boxwrap li.thumbnail ul li.t3 { margin-top:30px; font-size:10px; font-weight:500; color:#c8c8c8; line-height:100%; }
#mainnotice ul.boxwrap li.title1 { position:relative; width:100%; font-size:15px; font-weight:400; color:#000000; }
#mainnotice ul.boxwrap li.title2 { position:relative; width:100%; margin-top:12px; margin-bottom:16px; font-size:19px; font-weight:700; color:#000000; line-height:130%; }

.mainnoticebt { display:block; position:relative; width:240px; height:56px; line-height:56px; text-align:center; margin:0 auto; font-size:18px; font-weight:500; color:#ffffff;  background:#061360; }



.noticevisual { position:relative; width:100%; height:auto; background:url(/images/noticevisual.jpg)no-repeat 50% 50%; background-size:cover;  overflow:hidden; }
.noticevisual ul { position:relative; width:90%; margin:0 auto; padding:7% 0;}
.noticevisual ul li:nth-child(1) { font-size:50px; font-weight:500; color:#ffffff; letter-spacing:4px; }
.noticevisual ul li:nth-child(2) { margin-top:48px; font-size:30px; font-weight:400; color:#fcfcfc; line-height:120%; }
.noticevisual ul li:nth-child(3) { margin-top:30px; font-size:14px; font-weight:200; color:#ffffff; line-height:160%; }