*{margin: 0; padding: 0; list-style: none; text-decoration: none; line-height:1.3;}



body {max-width:2000px; margin:0 auto;}


.serif {font-family: "Noto Serif KR", serif;}
header {position:fixed; width:100%; height:80px; top:0; right:0; background:rgba(0,0,0,0.2); overflow:hidden; z-index: 99;}
header div.logo {position:relative; width:fit-content; float:left; box-sizing: border-box; padding-left:3%;}
header div.logo img {margin-top:5%;}
header ul.menu {position:relative; overflow:hidden; width:auto; float:right;}
header ul.menu li {position:relative; float: left; line-height: 80px;  margin-right:70px; font-size: 19px;}
header ul.menu li a {color:#fff;}
 
#allmenu {display:none;}
#allmenubt {display:none;}


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

#main1 .title {position:Absolute; width:100%; height:auto; z-index:20;}
#main1 .tit1 {position:relative; font-size:30px; color:#fff; font-weight: 400; box-sizing:border-box; padding-top:20%; padding-left:10%;}
#main1 .tit2 {position:relative; font-size:65px; color:#fff; padding-top:1%; padding-left:10%; line-height:1.4; font-weight: bold;}

#main2 {position:relative; width:100%; max-width:2000px; height:auto; background: #f8f9fc;} 
#main2 .tit1 { font-size: 24px; color:#9fa1ed; font-weight: 500; box-sizing: border-box; padding-top:14%;}
#main2 .tit2 { font-size: 49px; color:#161616; font-weight: 500; padding-top:1%; padding-bottom:1%;}
#main2 .section1 {position:relative; width:50%; height:auto; float:right; background: url(/images/main2bg.jpg) no-repeat 0 50%; padding-top:5%; box-sizing:border-box;}
#main2 .section2 {position:relative; width:50%; height:auto;  float:left; padding-left:12.5%; box-sizing:border-box;}
#main2 .section2 p.t1 {font-size:47px; font-weight:700; padding-bottom:4%;}
#main2 .section2 p.t1 span {font-size:32px; font-weight:500;}
#main2 .section2 p.t2 {font-size:22px; font-weight:400; padding-bottom:1%; padding-top:7%;}
#main2 .section2 p.t3 {font-size:20px; font-weight:400; padding-bottom:1%;}
#main2 .section2 p.btn {position:relative; width:fit-content; height:40px;display:block; line-height:40px; border:1px solid #736357; box-sizing:border-box; padding:0 20px; text-align:center; border-radius:40px; font-size:20px; font-weight:400; margin-top:10%; transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);} 
#main2 .section2 p.btn:hover {background:#736357; color:#fff; cursor:pointer;}

#main2 .section2 .viewmore {display:none; background:#fff; box-shadow:0 0 20px #b1a9a3; position:absolute; border-radius:30px;  top:65%; right:0; transform:translateY(-50%); box-sizing:border-box; padding: 7% 5% }
#main2 .section2 .viewmore.active {display:block;}
#main2 .section2 .viewmore p.t3 {font-size:18px; font-weight:300; margin-bottom:5%;}
#main2 .section2 .viewmore p.t3:last-child { margin-bottom:0%;}
#main2 .section2 .viewmore .xbtn {position:absolute; top:-5px; right:-5px; cursor:pointer; }
#main2 .swiper-scrollbar-drag {background:#736357;}
#main2 .swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal{
	height: var(--swiper-scrollbar-size, 7px);
}

#main3 {position:relative; width:100%; max-width:2000px; height:960px; background: #f2f0ea; box-sizing: border-box; padding:5% 0;} 
#main3 .main3 {width:75%; margin:0 auto; }
#main3 .main3 .tit1 {color:#6d6b66; font-size:50px; }
#main3 .main3 .tit2 {color:#454545; font-size: 20px; margin-top:1%;}
#main3 .main3 .content {position:relative; display: flex; width:100%; box-sizing:border-box; padding-top:3% ;position: relative;
    width: 100%; display: flex; justify-content: center; align-items: center; gap: 0 1.2%;}
#main3 .main3 ul:last-child {margin-right:0%;}
#main3 .main3 ul .t1 {font-size:30px; font-weight :700; padding-bottom:1%;  line-height:1.3;}
#main3 .main3 ul .t2 {font-size:17px; padding-top:10px; line-height:1.3;}
#main3 .main3 ul .t3 {font-size:17px; padding-top:45%; text-align:right; display: none;}
#main3 .main3 ul .arrow {position: absolute; bottom: 10%; right: 10%;}
#main3 .main3 ul  { position: relative; width: calc(20%); height: 550px; border-radius: 40px; overflow: hidden; /*align-items: center;justify-content: center;*/
    transition: width 500ms cubic-bezier(0.4, 0.0, 0.2, 1); box-sizing: border-box; padding:4% 3%; color:#fff;}
#main3 .main3 ul:hover {width: calc(35%);}
#main3 .main3 ul:hover .t3 {display: block;}
#main3 .main3 ul.box1 {background: url(/images/main3box1.jpg) no-repeat 50% 50%; background-size:cover;}
#main3 .main3 ul.box2 {background: url(/images/main3box2.jpg) no-repeat 50% 50%; background-size:cover;}
#main3 .main3 ul.box3 {background: url(/images/main3box3.jpg) no-repeat 50% 50%; background-size:cover;}
#main3 .main3 ul.box4 {background: url(/images/main3box4.jpg) no-repeat 50% 50%; background-size:cover;}
#main3 .main3 ul.box5 {background: url(/images/main3box5.jpg) no-repeat 50% 50%; background-size:cover;}

#main4 {position:relative; width:100%; max-width:2000px; height:949px; background: url(/images/main4bg.jpg) no-repeat 50% 50%; box-sizing: border-box; padding-top: 15%;} 
#main4 .tit1 {text-align: center; font-size:18px; color:#fff; margin-bottom:1%;}
#main4 .tit2 {text-align: center; font-size:40px; font-weight:500; color:#fff;}
#main4 .content {position:absolute; width:100%; height:240px; bottom:0; right:0; background: rgba(0,0,0,0.1); overflow:hidden; box-sizing: border-box; padding-top: 3%;}
#main4 .content .tit {position:relative; width:30%; float:left; box-sizing: border-box; padding-left:10%; color:#fff; font-size:30px; 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:23%; margin-right:2%; height:40px; line-height: 40px; 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(4n) {margin-right:0;}

#main5 {position:relative; width:100%; max-width:2000px; height:auto;  box-sizing: border-box; padding: 7% 0; overflow: hidden;} 
#main5 {background: url(/images/bgbg.jpg) no-repeat 50% 50%; background-size:cover;}
#main5 .tit{position: relative; width: 33%; float: left; box-sizing: border-box; padding-left: 12%; 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: 22px; font-weight: 500; margin-top:4%;}
#main5 .slide ul li.t2 {font-size: 19px; font-weight: 300; margin-top:2%;}
#main5 .swiper-scrollbar-drag {background:#cdc5ae;}
#main5 .swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal{
	height: var(--swiper-scrollbar-size, 7px);
}

#main6 {position:relative; width:100%; max-width:2000px; height:960px; background:#000;} 
#main6 .tit {position:absolute; width:100%; top:25%; left:50%; transform:translate(-50%,-50%); color:#fff; text-align:center; z-index:99;}
#main6 .tit .t1 {font-size:27px; font-weight: 500;}
#main6 .tit .t2 {font-size:48px; font-weight: 500; margin-top:1%;}
#main6 .content {position:relative; width:100%; overflow: hidden;}
#main6 .content .con {position:relative; width:25%; height:960px;  display: block;  box-sizing: border-box; border-right:1px solid #b4afad; float:left; display: block; padding-top:30%; color:#fff;}
#main6 .content .con:last-child {border-right:0;}
#main6 .content .con .txt {position:absolute; bottom:25%; left:10%; transition:500ms cubic-bezier(0.4, 0.0, 0.2, 1); opacity:0.7;}
#main6 .content .con1{ background: url(/images/main6bg.jpg) no-repeat 50% 50%; background-size:cover;}
#main6 .content .con2{background: url(/images/main6bg3.jpg) no-repeat 50% 50%; background-size:cover;}
#main6 .content .con3{background: url(/images/main6bg2.jpg) no-repeat 50% 50%; background-size:cover;}
#main6 .content .con4{background: url(/images/main6bg4.jpg) no-repeat 50% 50%; background-size:cover;}
#main6 .content .con .txt .t1 {font-size:24px; font-weight:bold; line-height:1.3;}
#main6 .content .con .txt .t2 {font-size:22px; font-weight:bold; padding-top:3%; line-height:1.4; width:95%;}
#main6 .content .con:hover .txt{bottom:30%; opacity:1;}


#main7 {position:relative; width:100%; max-width:2000px; height:auto; background: url(/images/main7bg.jpg) no-repeat 50% 0; box-sizing:border-box; padding-top:7%;} 
#main7 .main7 {position:relative; width:75%; margin:0 auto;}
#main7 .main7 .contentbox {position:relative; width:100%; padding:11% 0 3% 3%; overflow:hidden;}
#main7 .main7 .contentbox .bgtxt {position:absolute; top:0; left:0; font-size:190px; color:#c3c3c3; font-weight:900; filter:opacity(0.3);}
#main7 .main7 .contentbox .txt {position:relative; width:40%; float:left; box-sizing:border-box; }
#main7 .main7 .contentbox .txt .t1 {font-size:40px; font-weight:bold; padding-bottom:5%;}
#main7 .main7 .contentbox .txt .t2 {font-size:20px; line-height:1.3; }
#main7 .main7 .contentbox .img {position:relative; width:40%; float:left;}

#main7 .main7 .contentbox.box2 {padding:11% 3% 0 0;}
#main7 .main7 .contentbox.box2 .bgtxt {position:absolute; top:0; right:0; text-align:right; font-size:190px; color:#c3c3c3; font-weight:900; filter:opacity(0.3);}
#main7 .main7 .contentbox.box2 .txt {position:relative; width:60%; float:left; box-sizing:border-box; text-align:right;}
#main7 .main7 .contentbox.box2 .img {position:relative; width:40%; float:left;}


#main8 {position:relative; width:100%; max-width:2000px; height:auto; box-sizing:border-box; padding:7% 0 5% 0; background: url(/images/main8bg.jpg) no-repeat bottom;}
#main8 .main8 {position:relative; width:75%; margin:0 auto;}
#main8 .main8 .contentbox {position:relative; width:100%:}
#main8 .main8 .bgtxt {width:100%; position:absolute; top:0; left:50%; transform:translateX(-50%);  font-size:165px; color:#c3c3c3; font-weight:900; filter:opacity(0.3); text-align:center;}
#main8 .main8 .contentbox {position:relative; width:100%; padding:11% 0 3% 3%; overflow:hidden;}
#main8 .main8 .contentbox .txt {position:relative; width:40%; float:left; box-sizing:border-box; }
#main8 .main8 .contentbox .txt .t1 {font-size:40px; font-weight:bold; padding-bottom:5%;}
#main8 .main8 .contentbox .txt .t2 {font-size:20px; line-height:1.3; }
#main8 .main8 .contentbox .slide {position:relative; width:60%; float:left; box-sizing:border-box; padding-left:5%;}
#main8 .main8 .contentbox ul.slide li.img {position:relative; width:100%; float:none; margin-right:5%; box-sizing:border-box;  padding-top:8%;}
#main8 .main8 .contentbox ul.slide li.img img {position:relative; width:100%;}
#main8 .main8 .contentbox ul.slide li.text {position:relative; width:100%; float:none;  box-sizing:border-box;  padding-top:5%; text-align:center;}
#main8 .main8 .contentbox ul.slide li.text .t1 {width:fit-content; margin:0 auto; padding:0 25px; height:50px; font-size:19px; font-weight:500;  line-height:50px; text-align:center; border-radius:50px; border:2px solid #444;}
#main8 .main8 .contentbox ul.slide li.text .t2 {font-size:17px; box-sizing:border-box; padding: 3% 0 0 5%;}
#main8 .swiper-pagination {text-align:right;}
#main8 .swiper-pagination-bullet-active {background: #aa9e7b;}
#main8 .main8swiper {box-sizing:border-box; padding-bottom:1%;}
#main8 .main8swiper .swiper8btn {position:absolute; width:140px; bottom:10%; right:0%; z-index:99;}
#main8 .main8swiper .swiper8btn div {position:relative; float:left; cursor:pointer; width:49%;}
#main8 .main8swiper .swiper8btn div.main8swiper-prev {margin-right:2%;}

#main9 {position:relative; width:100%;  max-width:2000px; height:auto;  box-sizing: border-box; padding: 5% 0; overflow: hidden;} 
#main9 .main9 {position:relative;  width:85%; float:right;}
#main9 .main9 .tit1 {font-size:35px; font-weight:700; padding-bottom:1%; line-height:1.4;}
#main9 .main9 .tit2 {font-size:20px; font-weight:400;  padding-bottom:2%;}
#main9 .main9 .slide {position:relative; width:400px;}
#main9 .main9 .slide img {position:relative; width:100%;}
#main9 .main9 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #cdc5ae;}
#main9 .main9 .swiper-horizontal>.swiper-pagination-progressbar{height: var(--swiper-pagination-progressbar-size, 7px);}


#main10 {position:relative; width:100%; height:700px;; max-width:2000px; overflow:hidden;} 
#main10 .section1 {position:relative; width:50%; height:700px; float:left; background:#f2f0ea; box-sizing:border-box; padding: 1.5% 3%;}
#main10 .section2 {position:relative; width:50%; float:left;}
#main10 .section1 .box1 {position:relative; width:100%; height:auto; color:#392e0d; border-top:1px solid #948e7e; border-bottom:1px solid #948e7e; box-sizing:border-box; padding:4% 0 4% 2%; }
#main10 .section1 .box1 .t1 {font-size:27px; font-weight:600; padding-bottom:1.5%; letter-spacing:-1px;}
#main10 .section1 .box1 .t2 {font-size:24px; font-weight:400; padding-bottom:1.5%; color:#1c1501; }
#main10 .section1 .box1 .t3 {font-size:19px; font-weight:600; padding-bottom:1.2%; }
#main10 .section1 .box1 .t4 {font-size:19px; font-weight:400;}
#main10 .section1 .box2 {position:relative; width:100%; height:auto; color:#392e0d; padding:4% 0 4% 2%; }
#main10 .section1 .box2 .tit {font-size:24px; font-weight:500; padding-bottom:1.5%; }
#main10 .section1 .box2 .time {font-size:22px; font-weight:400;}
#main10 .section1 .box2 .time li {padding-bottom:1.5%;}
#main10 .section1 .box2 .time li span {width:15%; display:block;float:left;}
#main10 .section1 .box2 .time li:nth-child(1) span {letter-spacing:-1px;}
#main10 .section1 .box2 .time li:nth-child(2) span {letter-spacing:16px;}
#main10 .section1 .box2 .time li:nth-child(3) span {letter-spacing:16px;}
#main10 .section1 .box2 .time li:nth-child(4) span {letter-spacing:4px;}
#main10 .section1 .box2 .red {font-size:18px; color:#d72e00; font-weight:500;}
#main10 .section1 .box3{position:relative; width:100%; height:auto; overflow:hidden; color:#392e0d; border-top:1px solid #948e7e; border-bottom:1px solid #948e7e; box-sizing:border-box; padding:4% 0 4% 2%; }
#main10 .section1 .box3 .tell {position:relative; width:75%; float:left;}
#main10 .section1 .box3 .tell .t1 {font-size:24px; font-weight:500; padding-bottom:1.5%;}
#main10 .section1 .box3 .tell .t2 {font-size:42px; font-weight:900;}
#main10 .section1 .box3 .tell .t2 a{color:#392e0d;}
#main10 .section1 .box3 .link {position:relative; width:25%; float:left; font-size:20px; font-weight:600;}
#main10 .section1 .box3 .link .kakao {width:auto; height:40px; background:#381e1f; border-radius:40px; margin-bottom:2%; text-align:center;}
#main10 .section1 .box3 .link .kakao a{color:#ebdb03;  display:block; line-height:40px; }
#main10 .section1 .box3 .link .naver {width:auto; height:40px; background:#45b85c; border-radius:40px; text-align:center;}
#main10 .section1 .box3 .link .naver a{color:#fff; display:block; line-height:40px; }
#main10 .section2 .mapp {position:absolute; width:220px; bottom:5%; right:5%; overflow:hidden; z-index:70; display: flex; justify-content: center; align-items: center;}
#main10 .section2 .mapp div{float:left; width: calc(32%);}
#main10 .section2 .mapp div img {width:100%;}
#main10 .section2 .mapp div.app2 {margin:0 2%;}

#main11 {position:relative; width:100%; height:auto; box-sizing:border-box; padding:4% 0; max-width:2000px; background:#f6f5f3;} 
#main11 .tit1 {text-align: center; font-size: 23px; font-weight: 500;  padding-bottom:3%;}
#main11 .tit2 {text-align: center; font-size: 30px; font-weight: 700; padding-bottom:1%;}
#main11 .swiper { padding: 3% 0;}
#main11 .swiper .slidebox {position:relative; width:100%; height:auto; overflow:hidden; text-align:center; opacity:0.5; transform: scale(0.8);}
#main11 .swiper .slidebox.swiper-slide-active {opacity:1; transform: scale(1);}
#main11 .swiper .slidebox .box1  {position:relative; width:50%; float:left; border-radius:40px 0 0 0 ; overflow:hidden;}
#main11 .swiper .slidebox .box1 img {width:100%;}
#main11 .swiper .slidebox .box2  {position:relative; width:50%; height:100%; float:left; background:#fff; box-sizing:border-box; padding:0 5%; padding-top:8%;}
#main11 .swiper .slidebox .box2 .t1 {font-size:30px; font-weight: 600;}
#main11 .swiper .slidebox .box2 .t2 {font-size:30px; font-weight: 700; padding:2% 0 3% 0;}
#main11 .swiper .slidebox .box2 .t3 {font-size:18px; font-weight: 400; box-sizing:border-box; padding:0% 2%; line-height:1.4;}
#main11 #swiper11btn {position:absolute; width:100%;  top:56%; left:50%; transform:translate(-50%,-50%); z-index:20;}
#main11 .swiper11btn {position:relative; width:60%; margin:0 auto;}
#main11 .swiper11btn .main11swiper-next {position:absolute; top:0; right:0;}
#main11 .swiper11btn .main11swiper-prev {position:absolute; top:0; left:0;}
#main11 .swiper-pagination-bullet-active {background: #313131;}


footer {position:relative; width:100%; max-width:2000px; background:#e1ddd3; box-sizing:border-box; padding:2.5% 7.5%;}
footer .logo {padding-bottom:1%; width:300px; }
footer .logo img{width:100%;}
footer .copy {font-size:17px; text-align:right; color:#6f6f6f; line-height:1.5; font-weight:400;}
footer .copy span{letter-spacing:2px; font-size:16px; }

#quick {position:fixed; z-index:999;  top:20%; right:1.5%; width:90px; height:auto; font-size:13px; font-weight:500; text-align:center; }
#quick ul {background:rgba(256,256,256,0.9); border-radius:10px; box-shadow: 0 0 20px #aaa79d; padding:10% 0; box-sizing:border-box; }
#quick ul li a{padding-top:80px; }
#quick ul li.quick1 {background: url(/images/quick1.png) no-repeat 50% 32%; background-size:70%;}
#quick ul li.quick2 {background: url(/images/quick2.png) no-repeat 50% 32%; background-size:70%;}
#quick ul li.quick3 {background: url(/images/quick3.png) no-repeat 50% 32%; background-size:70%;}
#quick ul li.quick4 {background: url(/images/quick4.png) no-repeat 50% 32%; background-size:70%;}
#quick ul li a {display:block;}
#quick ul li a:hover {font-weight:900;}
#quick .top {box-shadow: 0 0 20px #aaa79d; width:100%; height:auto; box-sizing:border-box; font-size:20px; padding:10%; font-weight:300;  border-radius:5px; background:#736357; margin-top:10%;}
#quick .top a {display:block; color:#fff;}

#quick2 {display:none;}

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

.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;} */