#wrapper{overflow: hidden;}
#wrapper.wrapper-main{padding-top: 40px; }
#wrapper.wrapper-sub{padding-top: 140px;}
#header{position: absolute;width: 100%;left:0;top:40px;  z-index: 999;transition:height .3s ease-out;}

.header-bar{background: #2f2f2f;position: absolute;top:0;width: 100%;z-index: 1000;display: flex;justify-content: flex-end;height: 40px;padding-right: 35px;}
.header-bar-left{display: flex;border-left: 1px solid rgba(255, 255, 255, .3);}
.header-bar-left select{position: absolute;left:-9999px;}
.header-bar-left .header-bar-select{min-width: 175px;}
.header-bar-select.select-box>a{color:#fff;font-size: 1.4rem;}
.header-bar-select.select-box>a:after{background: #fff;-webkit-mask-size: 18px auto;mask-size: 18px auto;}
.header-bar-select.select-box{border: none;border-right: 1px solid rgba(255, 255, 255, .3);}
.header-bar-select.select-box.select-active>a{color:#fff;}
.header-bar-select.select-box.select-active>a:after{background:#fff;}
.header-bar-select.select-box ul{right:0;border: none;}
.header-bar-select.select-box ul a{font-size: 1.4rem;height: 30px;line-height: 30px;}
.header-bar-edu-center{display: flex;align-items: center;height: 100%;width: 130px;color:#9cf;font-size: 1.4rem;justify-content: center;border-right: 1px solid rgba(255, 255, 255, .3);}

.header-bar-right{color:#fff;display: flex;align-items: center;gap:20px;font-size: 1.4rem;line-height: 1em;}
.header-bar-right a{display: inline-flex;align-items: center;}
.header-bar-eng:before{-webkit-mask:url('/images/svg/globe.svg') no-repeat center;mask:url('/images/svg/globe.svg') no-repeat center;mask-size: 20px auto;-webkit-mask-size: 20px auto;background-color: #fff;padding-left: 28px;content: "";width: 20px;height: 20px;display: block;}

.header-bar-right .header-bar-select.select-box{border: 1px solid rgba(255, 255, 255, .3);border-top: none;border-bottom: none;}
.header-bar-right select{position: absolute;left:-9999px;}

.header-container{display: flex;justify-content: space-between;padding: 0 30px;height: 100px;align-items: center;transition:all .3s ease-out;}
h1#logo{}
h1#logo a{display: flex;align-items: center;}
h1#logo a img{height: 34px;}
.header-right{display: flex;gap:15px;align-items: center;}
.header-right a{}
#allmenu-btn{position: relative;margin-right: 0;right:0;width: 40px;}


#wrapper.nav-fixed #header{box-shadow:0 5px 13px rgba(0, 0, 0, .3);background: rgba(255, 255, 255, .9);position: fixed;top:0;}
#wrapper.nav-fixed .header-container{height: 70px;}
#wrapper.nav-fixed #gnb>ul>li>a, #wrapper.nav-fixed #allmenu-btn{height: 70px;}
#wrapper.nav-fixed .gnb-sub-div, #wrapper.nav-fixed .nav-shadow{top: 70px;}
/* #wrapper.nav-fixed #gnb>ul>li>a>span{color:#fff;} */


#gnb{z-index: 999;transition:height .3s ease-out;position: relative;}
#gnb>ul{transition:height .3s ease-out;display: flex;margin: 0 auto;}
#gnb>ul>li{position:relative;}
#gnb>ul>li>a{display: flex;align-items: center;font-size: 2.2rem;font-weight: 600;line-height:1em;height: 100px;transition:all ease-out .3s;justify-content: center;padding: 0 50px;}
#gnb>ul>li>a>span{position: relative;display: flex;transition:all .3s ease-out;color:#000;align-items: center;line-height: 1em;}

#gnb>ul>li>a:after{transition:all .3s ease-out;content: ""; position: absolute; left: 50%; bottom: 0px; height: 6px; width: 0; background-color: #337CCF; z-index: 80;background: #EFDC05;50%;}
#gnb>ul>li>a>span:after{transition:all .3s ease-out;content: ""; position: absolute; left: -10px; top: -5px; height: 5px; width: 5px; background-color: #f66; z-index: -1;opacity: 0;border-radius:50%;}
#gnb>ul>li.gnb-active>a>span:after, #gnb>ul>li.hover>a>span:after{opacity: 1;}
#gnb>ul>li.hover>a:after{width: calc(100% - 60px);left:30px;}
#gnb>ul>li.gnb-active>a>span, #gnb>ul>li.hover>a>span{/* color:#ff725e; */}

#gnb>ul>li.hover .gnb-sub-div:after, #gnb>ul>li.hover .gnb-sub-div:before{display: none;}


#gnb ul ul{padding: 20px 0;}
#gnb li li{height:auto;text-align: center;}
#gnb li li a{display:inline-block;font-size:16px;width:auto;padding:0;position:relative;padding-left:13px;font-weight:300;line-height:1.3em;padding:6px 0px; text-align:center;height: auto;color:#666;transition:all .3s ease-out;color:#fff;min-height: 33px;}

#gnb li li a:hover, #gnb li.gnb-active.hover li.gnb-active2 a{color:#EFDC05 !important; }
#gnb li.gnb-active.hover li.gnb-active2 a:after{background:#EFDC05}

#gnb li li.gnb-active2 a{color:#EFDC05}
#gnb li li.gnb-active2 a:after{background:#EFDC05}

.nav-shadow{position: absolute;left:0px;width: 100%;top:100px;height: 0px;background: #fff;z-index: 50;box-shadow:0px 3px 15px rgba(0, 0, 0, .5); background: #fff;transition:all .3s ease-out;content: "";background-color: rgba(0, 102, 204, 0.9);backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px)}

.gnb-sub-div{position: absolute;padding: 0;z-index: 99;height: auto;left: 0;width: 100%;top: 100px;top: 100px;transition: all .3s ease-out;height: 0;opacity: 0;overflow: hidden;}
#header.active{/* background-color: rgba(0, 102, 204, 0.9); */background: rgba(255, 255, 255, .9);}
/* .active #gnb>ul>li>a>span{color:#fff;} */
#header.active .gnb-sub-div{opacity: 1;transition:height .3s ease-out, top .3s ease-out, opacity .3s ease-out;}
#header.active:after{border-top: 1px solid #5497dd;transition:height .3s ease-out .3s, top .3s ease-out;box-shadow:0 8px 15px rgba(0, 0, 0, .2)}
/* .active .gnb-sub-div, #header.active .nav-shadow{height: 240px;} */


/* Sub Container Header */

.sub-container-header{position: relative;height: 300px;background: rgb(59,134,206);position: relative;z-index: 10;display: flex;align-items: center;padding-bottom: 30px;background: url(/images/sub/sub_header_bg2.jpg) center no-repeat;background-size: cover;}
.sub-container-header.society-header{background: url(/images/sub/sub_header_society.jpg) center no-repeat;background-size: cover;}
.sub-container-header.society-header .sub-nav-wrap{background: none;background: rgba(0, 0, 0, .2);}


.sub-container-header:after{content: "";position: absolute;width: 100%;height: 100%;right:0;top:0;background: rgba(0, 0, 0, .7);}



.sub-container-title{color:#fff;width: 1280px;margin: 0 auto;display: flex;flex-direction: column;position: relative;z-index: 2;text-align: center;}
.sub-container-title strong{font-size: 4rem;font-weight: 600;}
.sub-container-title span{margin-top: 10px;opacity: .8;font-weight: 300;font-size: 1.6rem;}


.sub-nav-wrap{position: absolute;bottom:0px;z-index: 2;width: 100%;background: rgba(0, 0, 0, .3); /* backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px); */ border-top: 1px solid rgba(255, 255, 255, .3);}
.sub-nav-container{width: 1280px;margin: 0 auto;display: flex;}
.sub-nav-wrap .sub-top-home{text-indent: -9999px;height: 50px;display: block;flex:0 0 50px;position: relative;border: 1px solid rgba(255, 255, 255, .3);border-top: none;border-bottom: none;}
.sub-nav-wrap .sub-top-home:after{-webkit-mask: url('/images/svg/home.svg') no-repeat center;mask: url('/images/svg/home.svg') no-repeat center;-webkit-mask-size:25px auto;mask-size:25px auto;background-color: #fff;width: 100%;height: 100%;content: "";position: absolute;left:0;top:0;transition:all .3s ease-out;}
.sub-nav-wrap .sub-top-home:hover:after{background: #9cf;}
.sub-nav-wrap .sub-top-select{}
.sub-nav-wrap .sub-top-select select{position: absolute;left:-9999px;}
.sub-nav-wrap .select-box>a{color:#fff;font-size: 1.6rem;}
.sub-nav-wrap .select-box>a:after{background: #fff;}
.sub-nav-wrap .select-box{border: none;border-right: 1px solid rgba(255, 255, 255, .3);min-width:200px;}
.sub-nav-wrap .select-box.select-active>a{color:#fff;}
.sub-nav-wrap .select-box.select-active>a:after{background:#fff;}
.sub-nav-wrap .select-box ul{right:0;border: none;}
/* .sub-nav-wrap .select-box.select-active ul a.active{background: #555;} */


.sub-container-body{width: 1280px;margin: 0 auto;padding: 80px 0;min-height: 600px;}
.page-title-box{font-size: 4rem;text-align: center;position: relative;padding-bottom: 10px;margin-bottom: 60px;}

.sub-header-tab{display: flex;background: #fafafa;margin: 0 auto 80px;}
.sub-header-tab li{flex:1 1 100%}
.sub-header-tab li a{display: flex;height:64px;border-bottom: 2px solid #008ddc;align-items: center;justify-content: center;font-weight: 500;font-size: 2rem;color:#999}
.sub-header-tab li.active a{background: #fff;border: 2px solid #008ddc;border-bottom-color: #fff;border-radius:10px 10px 0 0;color:#018dda;border-radius:0;font-weight: 700;}






.footer-top{display: flex;justify-content: space-between;height: auto;padding: 20px 0;}
.footer-top-left{display: flex;gap:20px;flex-wrap:wrap;}
.footer-top-left a:last-child{color:#9cf}
.footer-top-right{display: flex;gap:10px;}
.footer-top-right select{position: absolute;left:-9999px;}
.footer-select{min-width: 175px;}
.footer-select.select-box>a{color:#fff;font-size: 1.4rem;}
.footer-select.select-box>a:after{background: #fff;-webkit-mask-size: 18px auto;mask-size: 18px auto;}
.footer-select.select-box{border: 1px solid rgba(255, 255, 255, .2);}
.footer-select.select-box.select-active>a{color:#fff;}
.footer-select.select-box.select-active>a:after{background:#fff;}
.footer-select.select-box ul{right:0;border: none;background: #333;}
.footer-select.select-box ul a{font-size: 1.4rem;height: 30px;line-height: 30px;color:#ccc !important;}

.footer-site-title{margin-bottom: 10px;color:#ccc}
.footer-tel-info{margin-top: 0}

.footer-logo img{height: 30px;filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(227deg) brightness(104%) contrast(109%);opacity: .7;filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(87deg) brightness(108%) contrast(101%);}
.nav-main-logo img{height: 30px;filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(227deg) brightness(104%) contrast(109%);opacity: .9;filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(87deg) brightness(108%) contrast(101%);}

.main-visual-wrap{background: url(/images/city/main_visual.jpg) center no-repeat;background-size: cover;height: 805px;display: flex;flex-direction: column;justify-content: center;align-items: center;gap:80px;}
.main-visual-title{font-family: 'GmarketSans';}
.main-visual-title strong{display: block;text-align: center;font-size: 4.8rem;font-weight: 900;text-shadow:3px 3px 5px rgba(0, 0, 0, .3);}
.main-visual-title>strong{opacity: 0;}
.main-visual-title>strong.active{opacity: 1;}
.main-visual-title>span{display: block;text-align: center;font-size: 1.2rem;text-shadow:2px 2px 3px rgba(0, 0, 0, .3);opacity: 0;transition:all .3s ease-out .4s;transform:translatey(50%);}
.main-visual-title>span.active{opacity: 1;transform:translatey(0);}
.main-visual-content{width: 1350px;margin: 0 auto;display: flex;gap:50px;justify-content: center;}
.main-visual-left{width: 670px;height: 330px;}

/* Splitting */
[data-splitting].active .char {
	transition: all 0.25s calc((var(--char-index) + 1) * 0.03s);
}
:root {
    --transition-speed: 0.25s;
    --transition-step: 0.1s;
}

/* Jump */
.jump .word {-webkit-clip-path: inset(-100% 0 0 0);clip-path: inset(-100% 0 0 0);}
[data-splitting].jump .char {transform: translateY(100%);}
.jump.active .char{transform:translateY(0);}

.enter.active .char {opacity: 1;transform: translateY(0);}
.enter .char{opacity: 0;transform: translateY(-30%);}

.turning .char {transform: rotateY(90deg);opacity: 0;}
.turning.active .char {transform: rotateY(0deg);opacity: 1;}

.slide.active .char {opacity:1;transform:none;transition: opacity var(--transition-step), transform var(--transition-speed);transition-delay: calc((var(--char-total) - var(--char-index)) * var(--transition-step));}
.slide .char {opacity: 0;transform: translate(-200%, 0) skewX(20deg);}


.scaling .char {transform: scale(0);}
.scaling.active .char {transform: scale(1);}


.fading .char {	opacity: 0;}
.fading.active .char {opacity: 1;transition: all 0.8s calc((var(--char-index) + 1) * 0.1s);}


.main-content-slide{height: 100%;width: 100%;overflow: hidden;border-radius:10px;box-shadow:0 15px 20px rgba(0, 0, 0, 0.4);}
.main-content-slide .swiper-wrapper{}
.main-content-slide .swiper-slide a{display: block;height: 100%;}
.main-content-slide .swiper-slide a img{object-fit:cover;width: 100%;height: 100%;}
.main-content-slide-manage{display: flex;align-items: center;justify-content: center;padding-top: 30px;font-family: 'GmarketSans';gap:20px;display: none;}
.main-content-slide-manage.active{display: flex;}
.main-content-slide-manage .swiper-pagination-bullets.swiper-pagination-horizontal {width: auto;display: flex;align-items: center;transform:translatey(-3px);max-width: 300px;}
.main-content-slide-manage .swiper-pagination-bullet{width:90px;height: 3px;margin: 0 !important;border-radius:0;transition:all .3s ease-out;}
.main-content-slide-manage .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #101983;}
.main-content-slide-manage .swiper-pagination-bullet:only-child{display: inline-block !important;}
.main-content-slide-manage .main-content-slide-current, .main-content-slide-manage .main-content-slide-total{line-height: 1em;font-weight: 600;width: 25px;text-align: center;}
.main-content-slide-current{color:#111987}
.main-content-slide-manage .main-content-slide-total{opacity: .6;}

.main-visual-right{width: 490px;height: 330px;}


.main-edu-slide{height: 100%;width: 100%;overflow: hidden;border-radius:10px;box-shadow:0 15px 20px rgba(0, 0, 0, 0.4);background: #0e91bd;position: relative;}
.main-edu-slide:after{content: "";width: 138px;height: 144px;background: url(/images/city/main_education_bg.jpg) 0 0 no-repeat;position: absolute;right:37px; bottom:33px;}
.main-edu-slide .swiper-wrapper{}
.main-edu-slide .swiper-slide .edu-slide-box{padding: 100px 45px 45px;display: flex;flex-direction: column;height: 100%;color:#fff;position: relative;}
.main-edu-slide .swiper-slide .edu-slide-box .main-edu-title{flex:0 0 70px;font-size: 3rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 1.2em;position: relative;font-weight: 600;}
.main-edu-slide .swiper-slide .edu-slide-box:before{content: "";width: 30px;height: 4px;background: #fff;position: absolute;left:45px;top:85px;z-index: 2;}
.main-edu-slide .swiper-slide .edu-slide-box .main-edu-etc{flex-grow:1;display: flex;flex-direction: column;justify-content: center;line-height: 1.4em;}

.main-edu-slide-empty{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;color:#fff;font-size: 2rem;background: rgba(0, 0, 0, .15);}



.main-quick-list{width: 1350px;display: flex;justify-content: space-between;margin: 80px auto 110px;}
.main-quick-list a{width: 120px;padding-top: 80px;position: relative;display: block;text-align: center;color:#333;font-size: 2rem;font-weight: 700;}
.main-quick-list a:after{content: "";width: 70px;height: 70px;margin-left: -35px;position: absolute;left:50%;top:0;transition:all .3s ease-out;}

.main-quick-list a.main-quick1:after{background: url(/images/city/city_quick_icon1.png) center 0 no-repeat;}
.main-quick-list a.main-quick2:after{background: url(/images/city/city_quick_icon2.png) center 0 no-repeat;}
.main-quick-list a.main-quick3:after{background: url(/images/city/city_quick_icon3.png) center 0 no-repeat;}
.main-quick-list a.main-quick4:after{background: url(/images/city/city_quick_icon4.png) center 0 no-repeat;}
.main-quick-list a.main-quick5:after{background: url(/images/city/city_quick_icon5.png) center 0 no-repeat;}
.main-quick-list a.main-quick6:after{background: url(/images/city/city_quick_icon6.png) center 0 no-repeat;}
.main-quick-list a.main-quick7:after{background: url(/images/city/city_quick_icon7.png) center 0 no-repeat;}
.main-quick-list a.main-quick8:after{background: url(/images/city/city_quick_icon8.png) center 0 no-repeat;}

.main-quick-list a.main-quick17:after{background: url(/images/city/city_quick_icon17.jpg) center 0 no-repeat;}
.main-quick-list a.main-quick18:after{background: url(/images/city/city_quick_icon18.jpg) center 0 no-repeat;}
.main-quick-list a.main-quick19:after{background: url(/images/city/city_quick_icon19.jpg) center 0 no-repeat;}
.main-quick-list a.main-quick20:after{background: url(/images/city/city_quick_icon20.jpg) center 0 no-repeat;}
.main-quick-list a.main-quick21:after{background: url(/images/city/city_quick_icon21.jpg) center 0 no-repeat;}
.main-quick-list a.main-quick22:after{background: url(/images/city/city_quick_icon22.jpg) center 0 no-repeat;}
.main-quick-list a.main-quick23:after{background: url(/images/city/city_quick_icon23.jpg) center 0 no-repeat;}
.main-quick-list a.main-quick24:after{background: url(/images/city/city_quick_icon24.jpg) center 0 no-repeat;}

.main-quick-list a.main-quick9:after{background: url(/images/city/city_quick_icon9.png) center 0 no-repeat;}
.main-quick-list a.main-quick10:after{background: url(/images/city/city_quick_icon10.png) center 0 no-repeat;}
.main-quick-list a.main-quick11:after{background: url(/images/city/city_quick_icon11.png) center 0 no-repeat;}
.main-quick-list a.main-quick12:after{background: url(/images/city/city_quick_icon12.jpg) center 0 no-repeat;}
.main-quick-list a.main-quick13:after{background: url(/images/city/city_quick_icon13.jpg) center 0 no-repeat;}
.main-quick-list a.main-quick14:after{background: url(/images/city/city_quick_icon14.jpg) center 0 no-repeat;}
.main-quick-list a.main-quick15:after{background: url(/images/city/city_quick_icon15.jpg) center 0 no-repeat;}
.main-quick-list a.main-quick16:after{background: url(/images/city/city_quick_icon16.jpg) center 0 no-repeat;} 

.main-quick-list a:hover:after{transform:rotate(15deg);}

.main-gallery-list{display: flex;flex-wrap: wrap;align-items: center;margin: -20px;}
.main-gallery-list li{width: 50%;padding: 20px;transform: perspective(800px);transform-style: preserve-3d;}

.main-gallery-list .gallery-card{position: relative;height: 0;padding-top: 70%;background: #CCC;transform: rotateX(0) rotateY(0);border-radius: 10px;background-color: #333;box-shadow: rgba(0, 0, 0, 0.4) 0 5px 15px 0, inset #333 0 0 0 5px, inset rgba(255, 255, 255, 0.5) 0 0 0 6px;transition: 1s cubic-bezier(0.445, 0.05, 0.55, 0.95);overflow: hidden;transform: perspective(800px);transform-style: preserve-3d;}


.main-gallery-list .gallery-card-bg{opacity:0.5;position: absolute;left:-20px;right:-20px;top:-20px;bottom:-20px;background-repeat: no-repeat;background-position: center center;background-size: cover;  transition: 1s cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity 3s 1s cubic-bezier(0.445, 0.05, 0.55, 0.95);  pointer-events: none;}

.main-gallery-list .gallery-card.is-out {transform: rotateX(0) rotateY(0) !important;}
.main-gallery-list .gallery-card.is-out .gallery-card-bg{transform: rotateX(0) rotateY(0) !important;}

.main-gallery-list .card-info {padding: 20px;position: absolute;bottom: 0;color: #fff;transform: translateY(30%);transition: 0.6s 1.0s cubic-bezier(0.215, 0.61, 0.355, 1);width: 100%;}
.main-gallery-list .card-info p {opacity: 0;text-shadow: black 0 2px 3px;transition: 0.6s 1.0s cubic-bezier(0.215, 0.61, 0.355, 1);margin-top: 6px;font-size: 14px;}
.main-gallery-list .card-info * {position: relative;z-index: 1;}
.main-gallery-list .card-info:after {content: "";position: absolute;top: 0;left: 0;z-index: 0;width: 100%;height: 100%;background-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.6) 100%);background-blend-mode: overlay;opacity: 0;transform: translateY(100%);transition: 5s 1s cubic-bezier(0.445, 0.05, 0.55, 0.95);}
.main-gallery-list .card-info .card-info-title {font-size: 18px;text-shadow: rgba(0, 0, 0, 0.5) 0 10px 10px;}
.main-gallery-list .card-info .list-date{font-family: tahoma;margin-left: 5px;}

.main-gallery-list .card-wrap{transform: perspective(800px);transform-style: preserve-3d;display: block;}

.main-gallery-list .card-wrap:hover .gallery-card-bg {transition: 1s cubic-bezier(0.23, 1, 0.32, 1), opacity 3s cubic-bezier(0.23, 1, 0.32, 1);opacity: 1;}
.main-gallery-list .card-wrap:hover .gallery-card{transition: 1s cubic-bezier(0.23, 1, 0.32, 1), box-shadow 2s cubic-bezier(0.23, 1, 0.32, 1);/*box-shadow: rgba(255, 255, 255, 0.2) 0 0 40px 5px, rgba(0, 0, 0, 0.66) 0 10px 30px 0, inset #333 0 0 0 5px, inset white 0 0 0 6px;*/}
.main-gallery-list .card-wrap:hover .card-info {transform: translateY(0);}
.main-gallery-list .card-wrap:hover .card-info p {opacity: 1;}
.main-gallery-list .card-wrap:hover .card-info, .card-wrap:hover .card-info p {transition: 0.6s cubic-bezier(0.23, 1, 0.32, 1);}
.main-gallery-list .card-wrap:hover .card-info:after {transition: 5s cubic-bezier(0.23, 1, 0.32, 1);opacity: 1;transform: translateY(0);}


.main-gallery-list .gallery-card-bg.icon-bg{-webkit-mask:url('/images/svg/folder.svg') no-repeat center;mask:url('/images/svg/folder.svg') no-repeat center;mask-size: auto 80px;-webkit-mask-size: auto 80px;background-color: #ccc;}
.main-gallery-list .gallery-icon-pack{position: absolute;right:15px;top:15px;z-index: 50;left:15px;display: flex;justify-content:space-between;}
.main-gallery-list .list-icon{display: inline-block;background: rgba(0, 0, 0, .5);color:#fff;padding:0 12px;font-size: 12px;height: 32px;line-height: 32px;border-radius:32px;box-shadow:3px 3px 8px 3px rgba(0, 0, 0, .2);}
.main-gallery-list .list-icon.icon-new{margin-left: auto;}

.main-gallery-list .sv_member{color:#fff;}
.main-gallery-list .card-info-title{display: block;text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}


.main-gallery-list .gallery-empty-list{flex-grow:1;}
.main-gallery-list .gallery-empty-list div{height: 150px;display:flex;align-items:center; justify-content:center; flex-wrap:wrap; align-content:center;flex-grow:1;box-shadow:0 0 15px 3px rgba(0, 0, 0, .1);background: #fff;margin-bottom: -30px;}

.main-gallery-list .cnt-cmt{color:#ff5a19;padding-left: 5px;font-size: 12px;font-family: tahoma;background: none;font-weight: 700;vertical-align: bottom;line-height: 20px;margin-left: 3px;}

.main-middle-content{width: 1350px;margin: 0 auto;display: flex;justify-content: space-between;margin-bottom: 100px;align-items: flex-start;}
.main-latest-box{width: 620px;background: #003399;padding: 50px;position: relative;color:#fff;color:#000;background: #f1f4f7;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);border-radius:10px;}
.main-latest-box:after{content: "";position: absolute;width: 100%;height: 100%;left:30px;top:30px;background: #0e91bd;z-index: -1;display: none;}
.main-latest-content{display: none;}
.main-latest-content.active{display: block;}
.main-latest-tab{display: flex;gap:15px;margin-bottom: 30px;}
.main-latest-tab li{}
.main-latest-tab li a{padding: 15px 20px;display: block;color:#999;font-weight: 700;transition:all .3s ease-out;}
.main-latest-tab li a.active{background: #fff;color:#000;box-shadow:0 5px 10px rgba(0, 0, 0, .1);}
.main-gallery-box{width: 650px;}

.main-latest-box-title{position: absolute;left:50px;top:0;font-size: 4.8rem;font-weight: 800;transform:translatey(-50%);text-shadow:3px 3px 5px rgba(0, 0, 0, .2);color:#383838}
.main-latest-content ul{}
.main-latest-content ul li{padding: 6px 0;}
.main-latest-content ul li a{display: block;position: relative;padding: 0px 80px 0px 18px;}
.main-latest-content ul li a:before{content: "";position: absolute;left:5px;top:11px;transform:translatey(-50%);width: 4px;height: 4px;background: #000;border-radius:50%;}
.main-latest-content ul li a em{position: absolute;right:0;top:50%;transform:translatey(-50%);color:#999;font-size: 1.6rem;}
.main-latest-content ul li a strong{display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;font-size: 2rem;font-weight: 500;}
.main-latest-content ul li:first-child{margin-bottom: 15px;}
.main-latest-content ul li:first-child a{padding-left: 90px;padding-right: 0; min-height: 70px;}
.main-latest-content ul li:first-child a:before{display: none;}
.main-latest-content ul li:first-child a>strong{padding: 2px 0;margin-bottom: 3px;}
.main-latest-content ul li:first-child a>span{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color:#8a8a8a;font-size: 1.6rem;}
.main-latest-content ul li:first-child em{display: flex;flex-direction: column;left:0;top:0;transform:none;width: 70px;height: 70px;align-items: center;justify-content: center;background: #0e91bd;color:#fff;border-radius:5px;}
.main-latest-content ul li:first-child em span{display: block;font-size: 2.4rem;}



.main-bottom-banner-wrap{border-top: 1px solid #e5e8e8;padding: 10px 0;}
.main-bottom-banner{width: 1350px;margin: 0 auto;padding: 0 50px;position: relative;}

.main-bottom-slide{overflow: hidden;}
.main-bottom-slide .swiper-slide{width: 50%;}
.main-bottom-slide .swiper-slide a{display: flex;align-items:center;height: 100px;justify-content: center;}
.main-bottom-slide .swiper-slide img{max-width:100%;max-height:100%;}
.main-bottom-banner .main-bottom-prev{position: absolute;left:0;top:50%;transform:translatey(-50%);-webkit-mask:url('/images/svg/chevron-left.svg') no-repeat center;mask:url('/images/svg/chevron-left.svg') no-repeat center;mask-size: auto 30px;-webkit-mask-size: auto 30px;background-color: #aaa;width: 30px;height: 30px;transition:all .3s ease-out;}
.main-bottom-banner .main-bottom-next{position: absolute;right:0;top:50%;transform:translatey(-50%);-webkit-mask:url('/images/svg/chevron-right.svg') no-repeat center;mask:url('/images/svg/chevron-right.svg') no-repeat center;mask-size: auto 30px;-webkit-mask-size: auto 30px;background-color: #aaa;width: 30px;height: 30px;transition:all .3s ease-out;}
.main-bottom-banner .main-bottom-prev:hover, .main-bottom-banner .main-bottom-next:hover{background-color: #5a5a5a;}



.greeting-wrap{position: relative;margin-top: 80px;display: flex;justify-content:space-between;gap:30px;}
.greeting-header, .greeting-important, .greeting-footer{font-family: Noto Serif KR;line-height: 1.4em;}
.greeting-box{position: relative;border-top: 3px solid #337CCF;box-shadow:0 0 20px rgba(0, 0, 0, .15);padding: 70px;line-height: 1.4em;line-height: 1.6em;font-size: 2rem;overflow: hidden;}
.greeting-box:after{width: 727px;height: 515px;content: "";position: absolute;left:100px;top:0;background: url(/images/sub/geometry_bg.svg) center no-repeat;background-size: cover;opacity: .6;}

.greeting-img{flex: 0 0 240px;}
.greeting-img img{width: 220px;box-shadow:0 0 15px rgba(0, 0, 0, .3);border-radius:5px;}

.greeting-box b{font-size: 2.6rem;font-weight: 700;font-family: Noto Serif KR;}
.greeting-header{font-size: 3rem;font-weight: 600;margin-bottom: 50px;}
.greeting-important{font-size: 2.4rem;font-weight: 600;margin-bottom: 50px;}

.greeting-footer{font-size: 2.8rem;font-weight: 600;text-align: right;margin-top: 40px;}


.condo-info-wrap{width: 900px;margin: 0 auto;}
.condo-info-box{display: flex;margin-bottom: 50px;}
.condo-info{font-size: 1.8rem;line-height: 1.8em;}
.condo-img{flex: 0 0 300px;display: block;text-align: right;}
.condo-img img{width: 230px;}

@media screen and (max-width: 1600px){
	#gnb>ul>li>a{padding: 0 30px;}
}
@media screen and (max-width: 1450px){
	#gnb>ul>li>a{font-size: 1.8rem;padding: 0 30px;}
	#gnb li li a{font-size: 1.4rem;}
}
@media screen and (max-width: 1350px){

	.main-visual-content, .main-quick-list, .main-middle-content, .main-bottom-banner{width: auto;}
	.main-visual-wrap{height: auto;padding: 150px 30px 100px;}
	.main-visual-content{flex-direction: column;align-items: center;gap:100px;}
	.main-quick-list{flex-wrap:wrap;width: auto;justify-content: center;gap:30px;padding: 0 40px;margin: 70px auto 90px;}
	.main-quick-list li{flex:1 1 20%;display: flex;justify-content: center;}

	.main-middle-content{flex-direction: column;align-items: center;gap:80px;margin-bottom: 60px;padding: 0 30px;}
	.main-latest-box{width: 800px;max-width: 100%;}
	.main-bottom-banner .main-bottom-prev{left:15px;}
	.main-bottom-banner .main-bottom-next{right:15px;}
}
@media screen and (max-width: 1280px){
	#allmenu-btn span{right:5px;}
	.sub-nav-wrap .sub-top-home{border-left: none;}
	#gnb{display: none;}	
	.sub-container-body{width: auto;padding: 80px 30px;}
	.sub-nav-container{width: auto;}
}
@media screen and (max-width: 1100px){
	.header-container{justify-content: center;height: 80px;}
	.header-right a{display: none;}	
	#allmenu-btn{display: flex;position: absolute;width: 80px;}
	#allmenu-btn span{right: 15px;}
	#wrapper.wrapper-sub{padding-top: 120px;}

	#wrapper.nav-fixed .header-container, #wrapper.nav-fixed #allmenu-btn{height: 60px;}
}
@media screen and (max-width: 1000px){
	#wrapper.wrapper-sub{padding-top: 80px;}
	#wrapper.wrapper-main{padding-top: 0;}
	#header{top:0;}
	.header-bar{display: none;}
	.sub-container-title strong{font-size: 3rem;}
	.sub-container-header{height: 240px;}
	.sub-container-title{padding-left: 30px;}

	.sub-container-header{margin: 0;border-radius:0}
	.sub-container-header:after{border-radius:0}
	.sub-nav-container{margin-left: 0;}
	.sub-nav-wrap .sub-top-home{border-left: none;}
	.sub-nav-wrap .sub-top-select{flex: 1 1 100%;}
	.sub-nav-wrap .sub-top-select:nth-of-type(3){display: none;}

	.greeting-wrap{flex-direction: column;gap:30px;}
	.greeting-img{text-align: center;flex:auto}
	.greeting-box{padding: 40px;overflow: hidden;font-size: 1.8rem;}
	.greeting-box:after{left:50%;transform:translatex(-50%);}
	.greeting-header{font-size: 2.6rem;}
	.greeting-important{font-size: 2rem;}
	.greeting-footer{font-size: 2.4rem;}

	.condo-info-wrap{width: auto;padding-top: 50px;}
	.condo-info-box{flex-direction: column;}
	.condo-img{text-align: center;order:1;}
	.condo-info{order:2;padding-top: 30px;font-size: 1.4rem;}
}

@media screen and (max-width: 760px){
	.header-container{justify-content: flex-start;height: 60px;padding: 0 15px;}
	h1#logo img{height: 35px;}
	#wrapper.wrapper-sub{padding-top: 60px;}

	.sub-container-body{padding: 40px 15px;}
	.page-title-box{margin-bottom: 30px;font-size: 2.6rem;}

	.sub-container-title{padding: 0 15px;}
	.sub-container-title strong{font-size: 2.6rem;}
	.sub-container-title span{font-size: 1.4rem;}
	.sub-container-header{height: 220px;}
	.sub-nav-wrap .sub-top-home{display: none;}
	.sub-nav-wrap .sub-top-select{min-width: auto;}


	.footer-top{flex-direction: column;}
	.footer-top-right{order:1}
	.footer-top-left{order:2}

	#allmenu-btn{height: 60px;}
	.main-visual-wrap{padding: 120px 15px 80px;gap:50px;}
	.main-visual-title strong{font-size: 3.6rem;}

	.main-visual-content{width: 100%;}
	.main-visual-left{width: 100%;height: 0;padding-top: 49.2537%;position: relative;}
 	.main-visual-right{width: 100%;height: 300px;}
	.main-edu-slide .swiper-slide a .main-edu-title{font-size: 2.4rem;flex:0 0 58px;}
	.main-edu-slide .swiper-slide a{padding: 70px 20px 30px;}
	.main-edu-slide .swiper-slide a:before{left:20px;top:55px;z-index: 2;}
	.main-edu-slide .swiper-slide a .main-edu-etc{font-size: 1.4rem;}
	.main-edu-slide:after{width: 100px;height: 100px;background-size: auto 100%;}

	.main-content-slide{position: absolute;left:0;top:0;}
	.main-quick-list{padding: 0 40px;gap:30px 15px;max-width: 400px;margin: 50px auto 70px;}
	.main-quick-list a{font-size: 1.6rem;width: 100px;}

	.main-middle-content{padding: 0 15px;gap:50px;margin-bottom: 40px;}

	.main-latest-box-title{font-size: 3.6rem;left:20px}
	.main-latest-box{padding: 50px 20px 20px;}
	.main-latest-tab{gap:10px;flex-wrap:wrap;margin-bottom: 15px;}
	.main-latest-tab li a{padding: 10px;font-size: 1.6rem;}

	.main-latest-content ul li a{padding-left: 0;padding-right: 62px;}
	.main-latest-content ul li a strong{font-size: 1.4rem;}
	.main-latest-content ul li a:before{display: none;}
	.main-latest-content ul li a em{font-size: 1.3rem;}

	.main-latest-content ul li:first-child em{width: 50px;height: 50px;font-size: 1.2rem;top:50%;transform:translatey(-50%);}
	.main-latest-content ul li:first-child em span{font-size: 1.8rem;}
	.main-latest-content ul li:first-child a{padding-left: 62px;min-height:auto;}
	.main-latest-content ul li:first-child a>span{font-size: 1.3rem;height: 33px;}

	.main-gallery-box{width: 100%;
	.main-gallery-list{margin: -10px;}
	.main-gallery-list li{padding: 10px;}}
	.main-gallery-list .card-wrap .gallery-card-bg {opacity: 1;left:0;top:0;bottom:0;right:0;width: 100%;height: 100%;}

	.main-gallery-list .card-wrap .card-info {transform: translateY(0);}
	.main-gallery-list .card-wrap .card-info p {opacity: 1;font-size: 1.3rem;}
	.main-gallery-list .card-wrap .card-info:after {opacity: 1;transform: translateY(0);}
	.main-gallery-list .card-info .card-info-title{font-size: 1.6rem;}

	.main-bottom-slide .swiper-slide a{height: 60px;}

	.main-edu-slide-empty{font-size: 1.8rem;}

	.greeting-wrap{margin-top: 40px;}
	.greeting-box{padding: 20px;font-size: 1.4rem;}
	.greeting-img{}
	.greeting-img img{width: 200px;}
	.greeting-title{font-size: 1.8rem;padding-bottom: 25px;margin-bottom: 30px;}
	.greeting-header{font-size: 1.8rem;margin-bottom: 30px;}
	.greeting-important{font-size: 1.6rem;}
	.greeting-footer{font-size: 1.6rem;}

	.expert-greeting-img img{width: 180px;}
}

@media screen and (max-width: 600px){
	.main-visual-title strong{font-size: 3rem;letter-spacing:-1px;margin-bottom: 10px;}

	.main-content-slide-manage .swiper-pagination-bullets.swiper-pagination-horizontal{max-width:calc(100% - 100px);}
	.main-gallery-list li{width: 100%;}
}
@media screen and (max-width: 500px){
	.footer-top-right{/* flex-direction: column; */width: 100%;}	
	.footer-select.select-box{flex:1 1 100% !important;width: auto !important;min-width:auto !important}
	.footer-select.select-box ul a{font-size: 1.3rem;}
}