:root {
    --main-color : #806a49;
    --sub-color : #293243;
    --sub-color2 : #d6a668;
    --noto-serif : "Noto Serif KR";
    --chosun : 'JoseonShinmyeongjo';
}
@font-face {font-family: 'JoseonShinmyeongjo'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@1.1/ChosunSm.woff') format('woff'); font-weight: normal; font-display: swap;}
.head {background-color:transparent; padding:0 20px; height:100px; width:100%; position:fixed; left:0;top:0; z-index:100; transition: all .0s ease-in-out; background-color:#293243;}  
.head .cont{width:100%;  height:100px;line-height:100px; display:flex; flex-wrap: nowrap; justify-content: space-between;min-width:1500px; max-width:1500px; margin:auto ;} 
.head .cont .logo{width:300px; text-align:left; }
.head .cont .logo .in{ width:124px;height:46px; display:inline-block; background-image:url(/img/main/logo.png);background-size:100% auto;  vertical-align:middle; background-repeat:no-repeat; }
.head .cont .menu{display:flex; flex-wrap: nowrap;  padding-right:0px; }
.head .cont .menu .items{padding:0 40px; white-space:nowrap; position:relative;}
.head .cont .menu .items a.ln{line-height:100px; font-size:18px; font-weight:700; color:#fff; text-transform:uppercase;} 
.head .cont .menu .items a.ln:hover{color:#ca9f68 !important;}

.quick{width: 56px; position: fixed; right: 40px; bottom: calc( env(safe-area-inset-bottom) + 50px ); z-index: 100000;}
.quick a{width: 100%; display: block;}
.quick a img{width: 100%;}

.flex{display: flex;}
.flex-ac{display: flex; align-items: center;}
.flex-ae{display: flex; align-items: flex-end;}
.flex-jb{display: flex; align-items: center; justify-content: space-between;}
.flex-jc{display: flex; align-items: center; justify-content: center;}
.point, .point *{color: var(--main-color) !important;}
#main{overflow: hidden;}
#main p, #main dd{word-break: keep-all;}
#main b{font-weight: 600;}
#main .ta-c{text-align: center;}
#main *{font-family: 'Pretendard';}
#main .inner{max-width: 1630px; margin: 0 auto; height: 100%;}
#main .sec1{height: 1064px; text-align: right;}
#main .sec1 .swiper{position: absolute; left: 0; top: 0; z-index: 1; width: 100%; overflow: hidden;}
#main .sec1 .swiper-slide{height: 1064px;}
#main .sec1 .swiper-slide img{width: 100%; height: 100%; object-fit: cover;}
#main .sec1 .scrollbar{width: 680px; height: 6px; background: rgba(255,255,255,0.47); position: absolute; left: 150px; bottom: 150px; z-index: 1; border-radius: 10px;}
#main .sec1 .scrollbar .swiper-scrollbar-drag{background: #FFF; border-radius: 10px;}
#main .sec1 .inner{display: flex; flex-direction: column; justify-content: center; padding-top: 100px; align-items: flex-end;}
#main .sec1 .tit{font-size: 40px; letter-spacing: -0.02em; font-weight: 500; color: #000; display: block; position: relative; z-index: 2;}
#main .sec1 .call{margin-top: 90px; position: relative; z-index: 2;}
#main .sec1 .call p{font-weight: 500; font-size: 28px; letter-spacing: -0.02em;}
#main .sec1 .call p strong{font-weight: 600; display: block; margin-top: 5px;}
#main .sec1 .call a{display: inline-block; margin-top: 15px; font-size: 28px; letter-spacing: -0.02em; padding: 16px 38px; background: #293243; color: #FFF; border-radius: 50px; transition: all 0.3s;}
#main .sec1 .call a:hover{background: #b2946c;}
#main .sec1 .list{margin-top: 60px; display: flex; gap: 25px;}
#main .sec1 .list li{flex: 1; background: #ebebeb; padding: 35px 30px; display: flex; align-items: center; justify-content: space-between;}
#main .sec1 .list li .txt strong{font-size: 24px; letter-spacing: -0.04em; font-weight: 500;}
#main .sec1 .list li .txt p{margin-top: 22px; font-size: 16px; letter-spacing: -0.02em; min-height: 115px; line-height: 1.5;}
#main .sec1 .list li .txt p.name{font-size: 20px; letter-spacing: -0.04em; min-height: initial; margin-top: 20px;}
#main .sec1 .list li .txt p.name b{font-weight: 500;}
#main .sec1 .list li .img{width: 187px;}
#main .sec1 .list li .img img{width: 100%;}
#main .sec2{padding: 150px 0;}
#main .sec2 .flex-jb{padding: 0 50px;}
#main .sec2 .title .tit{gap: 7px;}
#main .sec2 .title .tit img{width: 73px;}
#main .sec2 .title .tit span{font-size: 42px; letter-spacing: -0.02em; font-family: var(--chosun);}
#main .sec2 .title p{margin-top: 30px; font-size: 36px; letter-spacing: -0.02em; line-height: 1.4; font-weight: 500;}
#main .sec2 .count .num{font-size: 135px; letter-spacing: -0.02em;}
#main .sec2 .count span{font-size: 36px; letter-spacing: -0.02em; font-weight: 500;}
#main .sec2 .list{margin-top: 60px; display: flex; gap: 40px;}
#main .sec2 .list li{flex: 1; position: relative; border: 3px solid #b6b6b6; text-align: right;}
#main .sec2 .list li.item3 *,
#main .sec2 .list li .hover *{color: #FFF;}
#main .sec2 .list li a{display: block;}
#main .sec2 .list li .tit{font-weight: 500; font-size: 36px; letter-spacing: -0.02em; position: absolute; right: 25px; top: 60px;}
#main .sec2 .list li p{font-size: 24px; letter-spacing: -0.04em; line-height: 1.4; position: absolute; right: 25px; bottom: 42px;}
#main .sec2 .list li .flex-ac{font-size: 36px; gap: 16px;}
#main .sec2 .list li .hover{position: absolute; inset: 0; background: var(--sub-color); z-index: 2; opacity: 0; transition: all 0.3s;}
#main .sec2 .list li:hover .hover{opacity: 1;}
#main .sec3{background: url(/img/main/sec3_bg.jpg) no-repeat center / cover; padding: 150px 0;}
#main .title_wrap .tit{font-size: 36px; letter-spacing: -0.02em; font-weight: 600;}
#main .title_wrap p{margin-top: 30px; font-size: 28px; letter-spacing: -0.03em; line-height: 1.5; color: #666666;}
#main .sec3 .title_wrap p{color: #000;}
#main .sec3 .swiper{overflow: visible; margin-top: 60px;}
#main .sec3 .swiper-wrapper{transition-timing-function: linear;}
#main .sec3 .swiper-slide{margin-right: 10px; aspect-ratio: 483/668; width: 483px; overflow: hidden; position: relative;}
#main .sec3 .swiper-slide img{width: 100%; height: 100%; object-fit: cover;}
#main .sec3 .swiper-slide p{position: absolute; bottom: 35px; left: 28px; right: 28px; font-size: 28px; letter-spacing: -0.02em; color: #FFF; font-weight: 500;}
#main .sec4{padding: 150px 0;}
#main .sec4 .inner{display: flex; flex-direction: column; gap: 40px;}
#main .sec4 .item{padding: 125px 90px 105px; height: 945px; display: flex; flex-direction: column; justify-content: space-between;}
#main .sec4 .item1{background: url(/img/main/sec4_img01.jpg) no-repeat center / cover;}
#main .sec4 .item2{background: url(/img/main/sec4_img02.jpg) no-repeat center / cover;}
#main .sec4 .item3{background: url(/img/main/sec4_img03.jpg) no-repeat center / cover;}
#main .sec4 .item em{font-size: 50px; font-weight: 600; letter-spacing: -0.02em; color: var(--sub-color2); font-style: normal;}
#main .sec4 .item .flex-jb{align-items: flex-end;}
#main .sec4 .item .flex-jb *{color: #FFF;}
#main .sec4 .item p{font-size: 28px; left: -0.02em; font-weight: 500; line-height: 1.6; margin-top: 50px;}
#main .sec4 .item .tit strong{font-size: 36px; letter-spacing: -0.02em;}
#main .sec4 .item .tit p{margin-top: 25px;}
#main .sec4 .item p span{display: block; padding-left: 20px; position: relative;}
#main .sec4 .item p span::before{content: ''; display: block; width: 7px; height: 7px; background: #FFF; border-radius: 50%; position: absolute; left: 0; top: 16px;}
#main .sec4 .item a{display: inline-flex; align-items: center; justify-content: center; gap: 10px; font-size: 28px; letter-spacing: -0.02em; font-weight: 500; width: 217px; height: 68px; border-radius: 100px; border: 2px solid #FFF; transition: all 0.3s;}
#main .sec4 .item a img{width: 18px; transition: all 0.3s;}
#main .sec4 .item a:hover{background: #FFF; color: #000;}
#main .sec4 .item a:hover img{filter: invert(1);}
#main .sec7{padding: 195px 0; background: url(/img/main/sec7_bg.jpg) no-repeat center / cover; position: relative; z-index: 1;}
#main .sec7 .title span{font-size: 38px; letter-spacing: -0.04em; font-weight: 500; color: #FFF;}
#main .sec7 .title .tit{font-size: 64px; letter-spacing: -0.04em; font-weight: 600; color: #d6a668; margin-top: 15px;}
#main .sec7 .title p{font-size: 20px; letter-spacing: -0.03em; color: #FFF; margin-top: 45px; line-height: 1.5;}
#main .sec7 .list{display: flex; gap: 16px; margin-top: 60px;}
#main .sec7 .list li{width: 155px;}
#main .sec7 img{width: 100%;}
#main .sec7 .swiper{width: 468px; box-shadow: 5px 5px 25px rgba(0,0,0,.5); overflow: hidden; position: absolute; z-index: -1; right: 255px; top: 150px; opacity: 0.4;}
#main .sec8{padding: 50px 0;}
#main .sec8 .swiper-wrapper{transition-timing-function: linear;}
#main .sec8 .swiper-slide{width: 200px; text-align: center;}
#main .sec8 .swiper-slide .img{min-height: 130px; display: flex; align-items: center; justify-content: center;}
#main .sec8 .swiper-slide img{max-width: 100%;}
#main .sec8 .swiper-slide p{font-size: 18px; letter-spacing: -0.03em; color: #666666; line-height: 1.4;}
#main .sec9{padding: 150px 0; background: #ebebeb;}
#main .sec9 .inner{max-width: 1380px;}
#main .sec9 .cont{margin-top: 60px; display: flex; flex-wrap: wrap; gap: 20px;}
#main .sec9 .cont a{display: block; position: relative; width: calc((100% - 40px) / 3);}
#main .sec9 .cont a img{width: 100%;}
#main .sec9 .cont a::before{content: ''; display: block; width: 100%; height: 100%; background: #ccab78; opacity: 0; position: absolute; left: 0; top: 0; transition: all 0.3s; z-index: 1;}
#main .sec9 .cont a:hover::before{opacity: 0.6;}
#main .sec9 .cont a p{font-size: 38px; letter-spacing: -0.03em; color: #FFF; font-weight: 600; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 2; width: 100%;}
#main .sec10{padding: 150px 0; background: #f1ece5;}
#main .sec10 .cont{height: 662px; display: flex; margin-top: 60px;}
#main .sec10 .cont .map{width: 1208px; border: 1px solid #606060; height: 100%;}
#main .sec10 .cont .map .wrap_map{height: 100%;}
#main .sec10 .cont .map .wrap_controllers,
#main .sec10 .cont .map .map_border,
#main .sec10 .cont .map .cont{display: none;}
#main .sec10 .cont .info{background: #1b2639; color: #FFF; width: calc(100% - 662px); padding: 0 50px; display: flex; flex-direction: column; justify-content: center;}
#main .sec10 .cont .info dl + dl{margin-top: 30px; padding-top: 30px; border-top: 1px solid #FFF;}
#main .sec10 .cont .info dl dt{font-size: 28px; letter-spacing: -0.02em; font-weight: 600; margin-bottom: 10px;}
#main .sec10 .cont .info dl dd{font-size: 20px; letter-spacing: -0.02em; line-height: 1.4;}
#main .sec10 .cont .info dl dd .btn_wrap{margin-top: 20px; display: flex; gap: 16px;}
#main .sec10 .cont .info dl dd .btn_wrap a{width: 55px;}
#main .sec10 .cont .info dl dd .btn_wrap a img{width: 100%;}
#main .bt_quick{display: flex;}
#main .bt_quick a{font-size: 28px; color: #FFF; letter-spacing: -0.02em; background: #aaaaaa; transition: all 0.3s; padding: 65px 45px; width: 25%;}
#main .bt_quick a + a{border-left: 1px solid #FFF;}
#main .bt_quick a:hover{background: #806a49;}
/* #main .bt_quick a.chtalk{width: 633px;}
#main .bt_quick a:not(.chtalk){width: calc((100% - 633px) / 3);} */
#main .bt_quick a dt{font-weight: 700;}
#main .bt_quick a dd{line-height: 1.3; margin: 15px 0 35px; min-height: 73px;}
#main .footer{padding: 100px 0; background: #000;}
#main .footer p{font-size: 20px; letter-spacing: -0.02em; font-weight: 300; color: #FFF;}
#main .footer p + p{margin-top: 7px;}
#main .footer p span + span::before{content: ''; display: inline-block; vertical-align: middle; width: 1px; height: 18px; background: #FFF; margin: -4px 10px 0;}