/*Æ˾÷*/
.LayerPopup { position:absolute; background:#ffffff; z-index:250; }
.LayerPopup div.popimg { position:relative; }
.LayerPopup div.popimg img { display:block; width:100%; vertical-align:top; }
.LayerPopup ul.btm { position:relative; width:100%; height:40px; line-height:40px; background-color:#353535; box-sizing:border-box; }
.LayerPopup ul.btm li:nth-child(1) { float:left; width:50%; height:40px; padding-top:10px; text-align: center; border-right: 1px solid #616161; font-family: 'GmarketSansMedium'; font-size: 14px; color: #ffffff; box-sizing:border-box; cursor:pointer; }
.LayerPopup ul.btm li:nth-child(2) { float:left; width:50%; height:40px; padding-top:10px; text-align: center; font-family: 'GmarketSansMedium'; font-size: 14px; color: #ffffff; box-sizing:border-box; cursor:pointer; }
.LayerPopup ul.btm li:nth-child(2) a { display:block; width:100%; height:100%; color: #ffffff; }
.LayerPopup ul.btm li:nth-child(1):hover { color: #fae937; }
.LayerPopup ul.btm li:nth-child(2) a:hover { color: #fae937; }
.LayerPopup ul.btm li input[type="checkbox"] { display:none; }
.LayerPopup ul.btm li input[type="checkbox"] + label { display:block; width:100%; height:100%; cursor:pointer; }
.LayerPopup ul.btm li input[type="checkbox"] + label span { display:none; }



*{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.2px;}
.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:absolute; top:14px; left:30px; width:210px; }
header div.logo img:nth-child(1) { display:block; width:100%; }
header div.logo img:nth-child(2) { display:none; width:100%; }
header.on div.logo img:nth-child(1) { display:none; width:100%; }
header.on div.logo img:nth-child(2) { display:block; width:100%; }
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.on {background-color: rgba(255, 255, 255, 0.6); backdrop-filter: blur(20px);}
header.on div.logo {  }
header.on ul li a {color:#000;}

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


#main1 { position:relative; width:100%; max-width:2000px; height:100vh; text-shadow:0px 0px 5px #454545; }

#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; }
#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: #000; background-size:cover;}
#main1 .main1slide .slide01 {position:relative; width:100%; height:100vh;  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 .slide {background-size:cover;}
#main1 .slide .tit { position:absolute; width:100%;  top:50%; left:60%; transform:translate(-50%,-50%); box-sizing:border-box;}
#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:40px; font-weight:200; letter-spacing:-2px; color:#fff; padding-top:0.8%; line-height:1.3;} 



#main2 { position:relative; width:100%; max-width:2000px; height:auto;  box-sizing:border-box; padding:7% 0%; overflow:hidden; background:#e4edf2; 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;}
#main2 .mian2slide { position:relative; width:1100px; margin:0 auto; }
#main2 .section1 {position:relative; width:40%; padding-left:10%; z-index:20; height:100%; float:left;  filter:grayscale(0.2);}
#main2 .section1 img {max-width:100%; }
#main2 .section2 {position:relative; width:45%; float:left; box-sizing:border-box;  box-sizing:border-box; padding-left:8%; color:#454545;}
#main2 .section2 p.t1 {font-size:18px; font-weight:bold; margin-bottom:2%;}
#main2 .section2 p.dr {font-size:37px; font-weight:bold; margin-bottom:4%;}
#main2 .section2 p.dr span {font-size:20px; font-weight:500; }
#main2 .section2 ul li {font-size:18px; margin-bottom:10px; 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 { background: url(/images/denlogo.jpg) no-repeat 0% 50%; box-sizing:border-box; padding-left:5%; font-weight:700; background-size:contain;}
#main2 .arrow {position:absolute; bottom:20%; right:15%; display:flex;}

#main2 .arrow div.main2prev {width:68px; height:68px;  background: url(/images/prev.jpg) no-repeat 50% 50%; margin-right:1%;}
#main2 .arrow div.main2next {width:68px; height:68px;  background: url(/images/next.jpg) no-repeat 50% 50%;}
#main2 .arrow div.main2prev:hover {background: url(/images/prev.jpg) no-repeat 50% 50%; margin-right:1%;}
#main2 .arrow div.main2next:hover { background: url(/images/next.jpg) no-repeat 50% 50%;}
#main2 .arrow div {cursor:pointer;}

#main2 .section2 p.rp1 {font-size:30px; font-weight:bold; margin-bottom:3%;}
#main2 .section2 p.rp2 {font-size:22px; font-weight:700; 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-align: right; padding-right:12%; font-size:29px;  color:#fff; line-height: 1.3;}
#main4 .content {position:absolute; width:100%; height:auto; bottom:0; right:0; background: rgba(88,88,90,0.2); 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:#475056;}
#main5 .slide ul li.t2 {font-size: 19px; font-weight: 400; margin-top:2%;line-height:1.4;}
#main5 .swiper-scrollbar-drag {background:#475056;}
#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;  box-sizing: border-box; padding: 6% 0; background:#f8f9f1; } 
#main6 .tit {text-align:center; margin-bottom:3%;}
#main6 .tit .t1 {font-size:20px; margin-bottom:0.5%;}
#main6 .tit .t2 {font-size:40px; font-weight:300;}
#main6 .tit .t2 span {font-weight:bold; color:#475056;}
#main6 .content {position:relative; box-sizing: border-box; padding:  0 10%; overflow:hidden;/*display: flex; flex-wrap: wrap; gap: 0 1%;*/}
#main6 .content .con {position:relative; width:49.5%; float:left; height:280px; background:#475056; border-radius:15px; box-sizing:border-box; padding:5% 3% 3% 3%; color:#fff; }
#main6 .content .con:nth-child(2n+1) {margin-right:1%;}
#main6 .content .con:nth-child(1), #main6 .content .con:nth-child(2) {margin-bottom:1%;}
#main6 .content .con .t1 {font-size:18px; margin-bottom:1%; color:#ffeea4;}
#main6 .content .con .t2 {font-size:22px; margin-bottom:5.5%; font-weight:bold;}
#main6 .content .con .t3 {font-size:17px; line-height:1.3;}
#main6 .content .con .icon {position:absolute; top:10%; right:3%; width:85px; height:85px; }
#main6 .content .con1 .icon {background: url(/images/main6icon1.png) no-repeat 50% 50%; background-size: contain;}
#main6 .content .con2 .icon {background: url(/images/main6icon2.png) no-repeat 50% 50%; background-size: contain;}
#main6 .content .con3 .icon {background: url(/images/main6icon3.png) no-repeat 50% 50%; background-size: contain;}
#main6 .content .con4 .icon {background: url(/images/main6icon4.png) no-repeat 50% 50%; background-size: contain;}
#main6 .content .con1:hover {background: url(/images/main6img1.jpg) no-repeat 50% 50%; background-size: cover; transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1); } 
#main6 .content .con2:hover {background: url(/images/main6img2.jpg) no-repeat 50% 50%; background-size: cover; transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1); } 
#main6 .content .con3:hover {background: url(/images/main6img3.jpg) no-repeat 50% 50%; background-size: cover; transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1); }
#main6 .content .con4:hover {background: url(/images/main6img4.jpg) no-repeat 50% 50%; background-size: cover; transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1); } 


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


#main13 {position:relative; width:100%; max-width:2000px; height:auto;  box-sizing: border-box; padding: 6% 0; background:#f8f9f1; } 
#main13 .tit {text-align:center; margin-bottom:3%;}
#main13 .tit .t1 {font-size:20px; margin-bottom:0.5%; letter-spacing:2px; text-transform : uppercase;}
#main13 .tit .t2 {font-size:40px; font-weight:300;}
#main13 .tit .t2 span {font-weight:bold; color:#475056;}
#main13 ul.contents {position:relative; box-sizing: border-box; padding:  0 10%; overflow:hidden; }
#main13 ul.contents li {width:31%; height:500px; float:left; border-radius:20px; box-sizing:border-box; border:1px solid #e7e2e1; padding: 6% 3% 0 4%; font-size:19px; line-height:1.4;font-weight:600; color:#231916;}
#main13 ul.contents li:nth-child(1) {background: #f1f3e9 url(/images/main8img1.png?v=1.1) no-repeat 50% bottom; background-size:contain;}
#main13 ul.contents li:nth-child(2) {background: #f1f3e9 url(/images/main8img2.png?v=1.1) no-repeat 50% bottom; background-size:contain;}
#main13 ul.contents li:nth-child(3) {background: #f1f3e9 url(/images/main8img3.png?v=1.1) no-repeat 50% bottom; background-size:contain;}
#main13 ul.contents li:nth-child(2) {margin:0 3.5%;}

#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; background-size: contain;}
#main8 .section1 { position:relative; width:50%; height:100%; float:left; box-sizing:border-box; padding:5% 0; padding-left:10%; background:#0c395e; }
#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.4;}
#main8 .section1 .t3 {color:#6ce9e5; font-size:18px; font-weight:400; line-height:1.8;}
#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:12%;}
#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 .slide5 { background: url(/images/main9img5.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/main9icon5.png) no-repeat 5% 0%;}
#main9 .section1 .slide4 .t1 { background: url(/images/main9icon3.png) no-repeat 5% 0%;}
#main9 .section1 .slide5 .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:#231916; 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;}
#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 {position:absolute; bottom:5%; left:10%; width:auto; height:auto; padding:1% 3%; background:#231916; box-sizing:border-box; color:#ffffff; 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 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:140px; 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 .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:#f8f9f1; 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:#475056; 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%; min-width: 105px;}
#main12 .con .section2 .t3 { width:100%; margin-top:4px; font-size:18px;}
#main12 .con .section2 .t4 { width:100%; height:36px; line-height:36px; margin-top:10px; font-size:16px; font-weight:700; color:#111111; }
#main12 .con .section2 .t4 span { display:inline-block; width:100px; height:36px; margin-right:6px; line-height:36px; text-align:center; font-size:16px; font-weight:700; color:#ffffff; border-radius:40px; background:#0c395e; }
#main12 .con .section2 .t4 font { color:#008cff; }

#main12 .map {width:100%;}
#main12 .cont { display:none !important; }


footer {position:relative; width:100%; margin:0 auto; overflow:hidden; border-top:1px solid #ccc; box-sizing:border-box; padding:2% 5%;   background: url(/images/common/logo2.svg) no-repeat 95% 50%; background-size:210px;  }
footer .copy { font-size:14px; font-weight:500; color:#777777; line-height:1.6;  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: #475056 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);}