/* 여기에 작업 또는 수정할 당신의 css style을 설정하세요. (customizations) */
@font-face {
    font-family: 'Gyeonggi_Batang_Regular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2410-3@1.0/Batang_Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@import url('https://fonts.googleapis.com/css2?family=Libre+Bodoni:ital,wght@0,400..700;1,400..700&family=Noto+Sans+KR:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Libre+Bodoni:ital@0;1&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans+KR:wght@100..900&display=swap');

*{margin:0;padding:0; font-family: "Noto Sans KR", sans-serif;}
a,span,div,button,input,label,tr,td,th,table,caption,h1,h2,h3,h4,h5,h6,em,strong,b,p,ul,li{color:#000;}
a{text-decoration:none;}
ul,li{list-style:none;}





.navbar-nav .dropdown-mega-menu,.header-title{display: none !important;}
.top-header{text-align: center;width:100%; background: #4c4948; height:50px; line-height: 50px; border-bottom: none;}
.top-header.active{display: none;}
.header-wrap.close .nav-wrap{top:0;}
.top-header > div{width:100%; max-width:none; padding:0; position: relative;}
.top-header a{color:#fff; display: block; width:100%;}
.top-header .top-close{color:#fff; position: absolute; right:60px; bottom:0; cursor:pointer; z-index:5;} 
.top-header .top-close i{font-weight: 600;font-size: 17px;}	
.nav-wrap{display: flex; height: 100px;align-items: center;border-bottom: 1px solid rgba(207, 215, 227, 0.4); width:95%; margin:0 auto; position: fixed;top: 50px;
left: 0; right: 0; z-index: 100; transition: all 0.3s;  background: none;}
.nav-wrap .title-logo{position: absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
/*.nav-wrap .site-logo{height:40px;}*/
.header-wrap{color:#fff; border-bottom: none; background: none;}
.header-wrap.active{}
.header-wrap.active .nav-wrap{border-bottom: none; top:0;background: #d1cdcce6; width:100%;}
.header-wrap.active .nav-wrap .header-con{width:95%; margin:0 auto;}
.header-wrap.active .navbar-nav a{color:#4c4948;}
.basic-body{padding:0;}
.main-con{width:100%;max-width:100%;padding-right:0;padding-left:0;}
.basic-body-main.left-main {width: 100% !important;}
.navbar-nav{gap:25px;}
.navbar-nav-home{display: none;}
.navbar-nav a, .navbar-toggler{color:#fff;}
.navbar-nav a:hover,.navbar-toggler{color:#fff;}
.navbar-nav>li>.nav-link{font-weight: 400;}
.navbar-nav>li>.nav-link:hover{color:#fff;}
.header-con { max-width: none;align-items: center;justify-content: space-between; padding:0; transition: all 0.3s; }
.eb-backtotop{right:28px;}
.eb-backtotop svg.backtotop-progress path{stroke:#4c4948;}
.counsel-btn{display: none;}
.naver-btn{/*position: fixed;*/bottom: 80px;right: 23px; width: 55px;height: 55px;text-align: center; background: #000;font-size: 1.125rem;color: #fff !important;
border: 0;border-radius: 10px;z-index: 1000;box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);}
.naver-btn a{display: flex; flex-direction:column; align-items: center; justify-content: center; height:100%; gap:5px;}	
.naver-btn a img{}
.naver-btn a span{font-size: 10px; color:#fff;letter-spacing: -0.4px;}
.kakao-btn{/*position: fixed;*/bottom: 150px;right: 23px; width: 55px;height: 55px;text-align: center; background: #000;font-size: 1.125rem;color: #fff !important;
border: 0;border-radius: 10px;z-index: 1000;box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);}
.kakao-btn a{display: flex; flex-direction:column; align-items: center; justify-content: center; height:100%; gap:5px}	
.kakao-btn a span{font-size: 10px; color:#fff;letter-spacing: -0.4px;}
.header-flex{display: flex; gap:10px;}	
.overlay{display: none; z-index: 100;transition: all 0.4s;opacity: 1;min-height: 414px; width: calc(100% + 100px);position: absolute;left: -50px;top: 80px;background:#d1cdcce6;margin: 0 auto;}
.overlay-wrap{ max-width: 1350px;margin: 0 auto;font-size: 0;padding: 60px 0 120px;}
.overlay-wrap > li{display: inline-block;vertical-align: top;width: calc(20% - 60px);margin-right: 75px;
text-align: left;
margin-bottom: 30px;}
.overlay-wrap li > a{font-size: 26px;color: #000;letter-spacing: 0.05em;font-weight: 500;}	
.overlay-wrap li ul{margin-top: 10px;}
.overlay-wrap li ul li{margin-top: 20px;}
.overlay-wrap li ul li a{line-height: 1;font-size: 14px;color: #637079;}




.main .swiper-slide{position: relative;}
.main .swiper-slide .main-text{position: absolute; left:50%;top:50%; transform: translate(-50%, -50%); text-align: center; font-family: 'Gyeonggi_Batang_Regular';}
.main .swiper-slide .main-text span{color:#fff; font-size: 15px; font-weight: 300;display: block;}
.main .swiper-slide .main-text h4{color:#fff; font-size: 60px; font-family: 'Gyeonggi_Batang_Regular'; font-weight: 500; margin:5px 0 10px;}
.main .swiper-slide .main-text p{color:#fff; font-size: 16px; font-weight: 300;}
.main .swiper-slide .mobile-main{display: none;}
.main .swiper-button-next, .main .swiper-button-prev{color:#fff; width:33px; height:62px;}
.main .swiper-button-next::after, .main .swiper-button-prev::after{display: none;}
.main .swiper-button-prev{left:50px; background: url("../image/main/main-prev.png") no-repeat;}
.main .swiper-button-next{right:50px; background: url("../image/main/main-next.png") no-repeat;}
.main .swiper-pagination{bottom:20px;}
.main .swiper-pagination-bullet {background: #fff;opacity: 0.5;margin: 0 10px !important; width: 8px;height: 8px;display: inline-block;border-radius: 100%;}
.main .swiper-pagination-bullet-active {background: transparent; opacity: 1;position: relative;}
.main .swiper-pagination-bullet-active::after{content: "";display: block;position: absolute;top: 50%;left: 50%; transform: translate(-50%, -50%);background: url("../image/main/main-pagination.png") no-repeat;
width: 14px;height: 14px;}
.main .triangle-title {position: relative; display: inline-block;padding-left: 20px;}
.main .triangle-title::after{content: "";position: absolute;left: 0;top: 0;transform: translateY(35%);width: 0; height: 0;border-left: 6px solid transparent;
border-right: 6px solid transparent; border-top: 7px solid #fff;}
.main .triangle-title::before { content: ""; position: absolute;left: 0;bottom: 0;transform: translateY(-35%);width: 0;height: 0; border-left: 6px solid transparent;
border-right: 6px solid transparent;border-bottom: 7px solid #fff;}

.content{padding: 110px 0; background: #fcf9f8e6;}
.content .title h4{font-size: 46px;  font-family: "Libre Bodoni", serif; font-weight: 700;}
.content .title p{font-size: 15px;line-height: 25px; font-weight: 400;}
.content .img img{clip-path: inset(0 0 100% 0);}

.content .sec1{/*margin-bottom: 200px;*/padding: 0 0 200px 459px;box-sizing: border-box;}
.content .sec1 .title{display: flex; align-items: center; gap:260px;}
.content .sec1 .img{margin-top: 120px;}

.content .sec2{text-align: center; margin-bottom: 180px; display: flex; align-items: center; justify-content: center;}
.content .sec2 .img{width:600px; display: inline-block; margin-right: 410px;}
.content .sec2 .title{width:488px;display: inline-block; text-align: left;}
.content .sec2 .title p{margin-top: 40px;}

.content .sec3{text-align:right; margin-bottom: 200px;display: flex;align-items: center; justify-content: end;}
.content .sec3 .img{display: inline-block;margin-left: 252px;}
.content .sec3 .title{display: inline-block; text-align: left;}
.content .sec3 .title p{margin-top: 40px;}

.content .sec4{text-align: center;display: flex;align-items: center;justify-content: center; margin-bottom: 200px;}
.content .sec4 .img{display: inline-block;}
.content .sec4 .title{display: inline-block; margin-right: 412px; text-align: left;}
.content .sec4 .title p{margin-top: 40px;}

.content .sec5{}
.content .sec5 .img{width: 1702px;margin: 0 auto;box-sizing: border-box; position: relative;}
.content .sec5 .img .swiper{width: 1500px;position: relative;margin: 70px auto 0;overflow: visible;}
.content .sec5 .swiper-button-next, .content .sec5 .swiper-button-prev{color:#fff; width:33px; height:62px;}
.content .sec5 .swiper-button-next::after, .content .sec5 .swiper-button-prev::after{display: none;}
.content .sec5 .swiper-button-prev{ background: url("../image/main/sub-prev.png") no-repeat;}
.content .sec5 .swiper-button-next{ background: url("../image/main/sub-next.png") no-repeat;}
.content .sec5 .title{padding-top: 130px; text-align: center;}
.content .sec5 .title h4{margin-bottom: 30px; font-size: 37px;}
.content .sec5 .swiper-scrollbar{position: absolute; left:0; bottom:-55px; height:2px; background: #3b3b3b1a;}
.content .sec5 .img img{clip-path:none;}

.footer{border-top: none; background: #4c4948; padding:50px 0;}
.footer .container{display: flex; justify-content: space-between; align-items: center;}
.footer span,.footer strong{color:#FBF9F6;}
.footer strong{font-weight: 400;}
.footer-top{margin:0; padding:0;color:#FBF9F6; border-bottom: none;}
.footer .footer-logo{}
.footer .footer-logo img{height:105px;}
.footer .footer-top div{margin:40px 0 20px;}
.footer .footer-top .info-divider{margin:0 5px;}
.footer .footer-mid{color:#FBF9F6; line-height: 2;}
.footer .footer-cont-info{margin-top: 0;}
.footer .footer-cont-info a{display: flex; justify-content: center; align-items: center; gap:15px; width:200px; height:45px;/* border-radius:5px;*/ border: 1px solid #fff;
color:#FBF9F6; text-decoration:none; transition:0.7s;}
.footer .footer-cont-info a:hover{background: #ffffff14;}
.footer .footer-cont-info a.loca{width:410px;margin-top: 20px;}
.footer .footer-cont-info a.loca i{font-size: 19px;}
.footer .footer-cont-info .footer-flex{display: flex; gap:10px;}
.footer .root_daum_roughmap .cont .section.lst,.footer .root_daum_roughmap .wrap_controllers{display: none;}


@media (max-width:991px){


.top-header{height:40px; line-height: 40px;}
.top-header a{font-size: 13px;}
.top-header .top-close{right:20px;}
.top-header .top-close i{font-size: 14px; font-weight: 600;}
.nav-wrap{top:40px; height:85px;}
.nav-wrap .site-logo{height:33px;}
.sidebar-user-btn.mo-btn{display: none;}
.kakao-btn,.naver-btn{width:45px; height:45px; right:13px; transition:0.4s;}
.kakao-btn.active,.naver-btn.active{opacity:0;pointer-events: none;}
.kakao-btn a span,.naver-btn a span{font-size: 8px;}
.kakao-btn a,.naver-btn a{gap:6px;}
.kakao-btn a img{width:17px; object-fit:cover;}
.naver-btn a img{width:13px}
.header-title-mobile-btn{top:auto;}
.header-title-mobile-btn.active{z-index:9999;}
.header-title-mobile-btn .menu-btn-wrap::before {top: -8px;}
.header-title-mobile-btn .menu-btn-wrap::after {bottom: -8px;}
.navbar-mobile-toggler{display: none;}
.header-flex{position: absolute; top:50%; transform:translateY(-50%);}

.header-title-mobile-btn.active .menu-btn {opacity: 0;}
.header-title-mobile-btn.active .menu-btn-wrap::before {top: 50%;background: #000;transform: rotate(45deg); width:65%;}
.header-title-mobile-btn.active .menu-btn-wrap::after {bottom: auto;top: 50%;background: #000;transform: rotate(-45deg); width:65%;}
.header-title-mobile-btn.active .menu-btn{opacity:0;}
.header-title-mobile-btn .navbar-toggler{border: none;}
.header-title-mobile-btn .navbar-toggler:focus{outline: none; border:none; box-shadow:none;}
.header-title-mobile-btn .navbar-toggler .menu-btn-wrap{width:34px;height:16px; position: relative; display: block;}
.header-title-mobile-btn .menu-btn{/*overflow: hidden;*/position: absolute;right: 0;width: 90%;height: 1px;background: #fff;display: block;top: 50%;margin-top: -1px;opacity: 1;
 transition: all 0.3s;}
.header-title-mobile-btn .menu-btn-wrap::after,.header-title-mobile-btn .menu-btn-wrap::before{overflow: hidden;position: absolute;right: 0;width: 100%;height: 1px;
background: #fff; transition: all 0.3s;}	
.header-title-mobile-btn .menu-btn-wrap::before{content: '';display: block;top: 0;transition: all 0.3s;width: 24px;}
.header-title-mobile-btn .menu-btn-wrap::after{content: '';display: block;bottom: 0;transition: all 0.3s;width: 20px;}
.header-wrap.active .header-title-mobile-btn .menu-btn-wrap::after,.header-wrap.active .header-title-mobile-btn .menu-btn-wrap::before{background: #000;}
.header-wrap.active .header-title-mobile-btn .menu-btn{background: #000;}
.sidebar-left .sidebar-member-menu{display: none;}
.sidebar-left .offcanvas-header{padding:0; height:80px; position: relative; border-bottom:1px solid #ffffff7d;}
.sidebar-left.offcanvas{width:100%;background-color: inherit; top:40px; transform:none; opacity:0; height:50%;}
.offcanvas-start.show{ animation: fadeIn 0.2s ease-in-out forwards;}
.offcanvas-start.show .header-title-mobile-btn{z-index:9999;}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.sidebar-left.offcanvas .offcanvas-header a{position: absolute; left: 50%;top:50%;transform: translate(-50%,-50%);}
.sidebar-left .navbar-nav > li.navbar-nav-home{display: none;}
.sidebar-left .navbar-nav{padding:20px 10px;}
.sidebar-left .navbar-nav > li > a{font-size: 17px;}

.sidebar-left.show .sidebar-left-content{height:auto; background: #eae2df;}
.eb-backtotop{bottom: 15px; right: 15px;}


.main .swiper-slide img{width:100%;}
.main .swiper-slide .pc-main{display: none;}
.main .swiper-slide .mobile-main{display: block;}
.main .swiper-slide .main-text{width:100%;}
.main .swiper-slide .main-text span{font-size: 12px;}
.main .swiper-slide .main-text h4{font-size: 36px;}
.main .swiper-slide .main-text p{font-size: 12px;}
.main .swiper-button-next, .main .swiper-button-prev{display: none;}
.main .triangle-title{padding-left: 15px;}
.main .triangle-title::after{border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 4px solid #fff;transform: translateY(45%);top:2px;}
.main .triangle-title::before{border-left: 4px solid transparent;border-right: 4px solid transparent;border-bottom: 4px solid #fff;transform: translateY(-45%);bottom:2px;}



.content{padding: 50px 0 0;}
.content img{width:100%;}
.content .title h4{font-size: 25px;}
.content .title p{font-size: 13px; margin-top: 15px;}
.content .sec1{padding:0;padding: 0 0 0 20px;margin-bottom: 100px;}
.content .sec1 .title{gap:0; display: block;}
.content .sec1 .img{margin-top: 45px;}
.content .sec2{display: block;margin-bottom: 90px;padding: 0 55px 0 20px;}
.content .sec2 .img{width:100%; margin-right: 0;}
.content .sec2 h4{margin-top: 25px;}
.content .sec2 .title{width:100%;}
.content .sec2 .title p{margin-top: 15px;}
.content .sec2 .title p br{display: none;}
.content .sec3{flex-direction: column-reverse;margin-bottom: 100px;padding: 0 40px 0 0;}
.content .sec3 .img{margin-left: 0;}
.content .sec3 .title{padding:0 0 0 20px;}
.content .sec3 .title h4{margin-top: 25px;}
.content .sec3 .title p{margin-top: 15px;}
.content .sec3 .title p br{display: none;}
.content .sec4{padding: 0 0 0 101px;flex-direction: column-reverse; margin-bottom: 80px;}
.content .sec4 .title h4{margin-top: 25px;}
.content .sec4 .title{margin-right: 0;padding:0 10px 0 0;}
.content .sec4 .title p{margin-top: 15px;}
.content .sec4 .title p br{display: none;}
.content .sec5{padding: 50px 20px 40px; background: #eae2dfe6;}
.content .sec5 .title{padding-top: 80px;}
.content .sec5 .img{width:100%;}
.content .sec5 .img .swiper{width:100%; margin:0;}
.content .sec5 .swiper-scrollbar{bottom:-30px;}
.content .sec5 .swiper-button-next, .content .sec5 .swiper-button-prev{display: none;}
.content .sec5 .title h4{font-size: 20px; margin-bottom: 16px; letter-spacing:-1px;}
.content .title p{ font-size: 12px;}

.footer{padding:30px 0;}
.footer .container{display: block;}
.footer .footer-logo img{height: 70px;}
.footer .footer-mid{margin:20px 0;}
.footer span, .footer strong,.footer .footer-mid{font-size: 12px;}
.footer .footer-cont-info .footer-flex{gap:0; justify-content: space-between;}
.footer .footer-cont-info a{font-size: 14px; width: 49%;}
.footer .footer-cont-info a:first-child img{width:15px;}
.footer .footer-cont-info a.loca{width:100%; margin-top: 10px;}
.footer .footer-cont-info a.loca i{font-size: 18px;}

}

@media (max-width:375px){

.content .sec5 .title h4{font-size: 18px;}


}