@charset "utf-8";
html,body{height:100%;}
/* animation */
.ani{opacity:0;}
.animate .ani{animation:animate_opacity 1.2s forwards;}
.ani-top{opacity:0;transform:translateY(120px);}
.ani-top2{opacity:0;transform:translateY(120px);}
.ani-bottom{opacity:0;transform:translateY(-120px);}
.ani-left{opacity:0;transform:translateX(120px);}
.ani-right{opacity:0;transform:translateX(-120px);}
.ani-show{opacity:0;animation:animate_opacity 0.1s forwards;}
.ani-zoom{opacity:0;}
.animate .ani-zoom{animation:animate_zoom 1.2s forwards;}
.animate .ani-top,.animate .ani-bottom,.animate .ani-left,.animate .ani-right{animation:animate_TBLR 1.2s forwards;}
.animate .ani-top2{animation:animate_TBLR 2.4s forwards;}
.ani-height{opacity:0;height:0;}
.animate .ani-height{animation:animate_height 1.0s forwards;animation-delay:0.8s;}
@keyframes animate_height{
	0%{height:0;}
	100%{height:100%;}
}
@keyframes animate_opacity{
	0%{}
	100%{opacity:1;}
}
@keyframes animate_TBLR{
	0%{}
	100%{opacity:1;transform:translate(0,0);}
}
@keyframes animate_scale{
	0%{transform:scale(1.15);opacity:0;}
	100%{transform:scale(1);opacity:1;}
}
@keyframes animate_zoom{
	0%{transform:scale(0.5);}
	100%{transform:scale(1);opacity:1;}
}
@keyframes rotate_ico{ 100% { transform:rotate(360deg);} }
@keyframes bounce {
	0% {transform:translateY(0px);}
	50% {transform:translateY(-2.5rem);}
	100% {transform:translateY(0);}
}
@-webkit-keyframes bounce {
	0% {transform:translateY(0px);}
	50% {transform:translateY(-2.5rem);}
	100% {transform:translateY(0);}
}
.animate .delay1{animation-delay:.1s;}
.animate .delay2{animation-delay:.2s;}
.animate .delay3{animation-delay:.3s;}
.animate .delay4{animation-delay:.4s;}
.animate .delay5{animation-delay:.5s;}
.animate .delay6{animation-delay:.6s;}
.animate .delay7{animation-delay:.7s;}
.animate .delay8{animation-delay:.8s;}
.animate .delay9{animation-delay:.9s;}
.animate .delay10{animation-delay:1s;}
.animate .delay11{animation-delay:1.1s;}
.animate .delay12{animation-delay:1.2s;}
.animate .delay13{animation-delay:1.3s;}
.animate .delay14{animation-delay:1.4s;}
.animate .delay15{animation-delay:1.5s;}
.animate .delay16{animation-delay:1.6s;}
.animate .delay17{animation-delay:1.7s;}
.animate .delay18{animation-delay:1.8s;}
.animate .delay19{animation-delay:1.9s;}
.animate .delay20{animation-delay:2s;}
.animate .delay21{animation-delay:2.1s;}
.animate .delay22{animation-delay:2.2s;}
body{width:100%;overflow-x:hidden;}
body #container ::-webkit-scrollbar{width:10px;height:10px}
body #container ::-webkit-scrollbar-track{background-color:transparent;border-radius:10px}
body #container ::-webkit-scrollbar-thumb{background-color:#d8d8d8;border-radius:10px;background-clip:padding-box;border:3px solid transparent}
/* .fixed{overflow:hidden} */
/* .fixed #wrap{position:fixed;width:100%;overflow:hidden} */
.dim{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:498}
.view_pc{}
.view_mo{display:none !important;}
br.pc{}
br.mo{display:none;}
@media all and (max-width:1140px){
	.fixed{overflow:hidden}
	.fixed #wrap{position:fixed;width:100%;overflow:hidden}
}
@media all and (max-width:720px){
	.view_pc{display:none !important;}
	.view_mo{display:block !important;}
	br.pc{display:none !important;}
	br.mo{display:block !important;}
}
#wrap{}
.inner{position:relative;margin:0 auto;}
.inner::after{display:block;clear:both;content:''}
#header .inner,#footer .inner,#container .inner{width:106rem;}

@media all and (max-width:1140px){
	#header .inner,#footer .inner,#container .inner{width:100%;}
}
#container{padding:7.4rem 0 0;background-color:#fff}
@media all and (max-width:1140px){
	#header .inner,#footer .inner,#container .inner{padding:0 3rem;}
}
@media all and (max-width:720px){
	#header .inner,#footer .inner,#container .inner{padding:0 2rem;}
}

/* Header */
#header{position:absolute;top:0;left:0;width:100%;height:7.4rem;z-index:50;}
.header-bar{display:none;content:"";position:absolute;top:7.4rem;left:0;width:100%;height:14.6rem;background-color:#04B1D9;z-index:1;opacity:1;}
#headerGlobal{position:relative;height:7.4rem;background:#fff;}
#headerGlobal::after{content:"";position:absolute;top:7.4rem;left:0;width:100%;height:1px;background-color:#949C9E;z-index:50;}

/*
#header.scrolling {background-color:rgba(0,0,0,.6);box-shadow:0 0 15px rgb(0 0 0 / 15%)}
*/

#header .inner{display:flex;justify-content:space-between;align-items:center;position:relative;height:7.4rem;}
#header .inner::after{display:none;}
.header-logo a{display:block;}
.header-logo a img{height:4.2rem;}
.gnb{display:flex;justify-content:center;align-items:center;margin:0 auto;padding:0 0 0 4.3rem;}
.gnb .menu{position:relative;padding:0 2rem;}
.gnb .menu-link{display:flex;justify-content:center;align-items:center;width:100%;height:7.4rem;font-size:2rem;font-weight:500;color:#fff;transition:color .3s ease;font-size: 1.6rem;font-weight: 500;color: #313A3D;}
/*
.header:not(.scrolling):not(.hover) .menu .menu-link{opacity:.8;}
.header:not(.scrolling):not(.hover) .menu.active .menu-link{opacity:1;}
.header:not(.scrolling):not(.hover) .menu .menu-link::after{content:"";position:absolute;bottom:30px;left:50%;width:60%;height:2px;visibility:hidden;opacity:0;background-color:#fff;transform:translateX(-50%);transition:visibility .3s, opacity .3s;}
.header:not(.scrolling):not(.hover) .menu:hover .menu-link::after, .header:not(.scrolling):not(.hover) .menu.active .menu-link::after{visibility:visible;opacity:1;}
.header:not(.scrolling):not(.hover) .menu.active .menu-link{font-weight:500;color:#fff!important;}
*/
.gnb .depth{position:absolute;top:7.4rem;left:0;width:100%;}
.gnb .depth .depth-list{display:none;position:relative;padding-top:2rem;z-index:50;}
.gnb .depth .depth-item{text-align:center;}
.gnb .depth .depth-item + .depth-item{margin-top:0.8rem;}
.gnb .depth .depth-link{display:block;font-size: 1.6rem;color:#fff;}

.header-contact{display:flex;align-items:center;gap:1.6rem}
.header-contact .num{font-size: 1.8rem;font-weight: 700;color: #313A3D;white-space:nowrap;}
.header-contact .btn a{display:block;padding:0.8rem 1.6rem;border-radius:0.4rem;background: #1DCCB9;font-size: 1.6rem;font-weight: 700;color: #FFFFFF; white-space:nowrap;}

@media all and (max-width:960px){
	.gnb .menu{padding:0 2.8rem;}
}

@media all and (max-width:720px){
	#header .inner{padding-left:1.6rem;padding-right:6rem;}
	.header-contact .num{display:none;}
}

.header-btn{display:none;position:absolute;top:50%;right:1.6rem;width:2.8rem;height:2.8rem;margin-top:-1.6rem;border:0 none;background-color:transparent;cursor:pointer;z-index:99}
.header-btn em{display:block;text-indent:-9999px;}
.header-btn .m,
.header-btn .t,
.header-btn .b{display:block;position:absolute;right:0;height:3px;border-radius:5px;background-color:rgba(0, 0, 0, 0.8);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.header-btn .m{margin:0 auto;}
.header-btn .m{width:2.8rem;}
.hover .header-btn .m,
.hover .header-btn .t,
.hover .header-btn .b{background-color:rgba(255, 255, 255, 1);}
.header-btn .t,.header-btn .b{width:2.8rem;}
.header-btn .t{-webkit-transform:translateY(-0.9rem);-ms-transform:translateY(-0.9rem);transform:translateY(-0.9rem);}
.header-btn .b{-webkit-transform:translateY(0.9rem);-ms-transform:translateY(0.9rem);transform:translateY(0.9rem);}
.fixed .header-btn .m{background-color:rgba(255, 255, 255, 0) !important;}
.fixed .header-btn .t{background-color:rgba(255, 255, 255, 1) !important;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
.fixed .header-btn .b{background-color:rgba(255, 255, 255, 1) !important;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}

/*
body.open{overflow:hidden;}
body.open #header.scrolling{background-color:rgba(0,0,0,0);}
 */
@media all and (max-width:720px){
	#headerGlobal::after,.gnb{display:none;}
	.mobile_open_btn,.header_menu a{display:block;}
	.hover .header-btn .m,
	.hover .header-btn .t,
	.hover .header-btn .b{background-color:rgba(255, 255, 255, 0.8);}
	.header-btn{display:block;}
}
/* 전체메뉴 */
#mobileMenu{display:none;position:fixed;top:0px;right:0;width:100%;min-width:320px;height:100%;z-index:500;background:#04B1D9;overflow-y:auto;}
.fixed #mobileMenu{}
#mobileMenu .header-btn{top:4rem;right:1.6rem;}
#mobileMenu .inner{padding:3.2rem 2rem;}
.mobile-logo{margin-bottom:4rem;}
.mnb{position:relative;top:auto;left:auto;transform:translateY(0);width:auto;margin-left:0;}
.mnb > li{float:none;padding-right:0;}
.mnb > li + li{margin-top:3.2rem;}
.mnb .menu-link{display:block;margin-bottom:1.6rem;font-size:1.6rem;font-weight:500;color:#313A3D;}
.mnb .depth{margin-top:1.6rem;}
.mnb .depth-item + .depth-item{margin-top:0.8rem;}
.mnb .depth-link{display:block;font-size:1.6rem;color:#FFFFFF;}

.floating-bar{position:fixed;bottom:6.25vw;right:6.25vw;z-index:100;}
.floating-bar li + li{margin-top:1.2rem;}
.floating-bar a,.floating-bar button{display:block;}
.floating-bar img{width:8rem;}

@media all and (max-width:720px){
	.floating-bar{position:fixed;bottom:2rem;right:2rem;}
	.floating-bar li + li{margin-top:0.8rem;}
	.floating-bar img{width:5rem;}
}
#footer{position:relative;padding:4rem 0;background:#386977; }
.footer-logo{margin-bottom:1.6rem;}
.footer-addr{display:flex;flex-wrap:wrap;gap:2.4rem;}
.footer-addr p{font-size:1.6rem;font-weight:500;color:#fff;}
.footer-addr + .footer-addr{margin-top:0.8rem;}
.footer-btn{margin-top:1.6rem;text-align:right;font-size:0;}
.footer-btn li{display:inline-block;}
.footer-btn li a{display:block;}
.footer-btn li a img{width:4rem;}
.footer-btn li + li{margin-left:0.8rem;}

@media all and (max-width:720px){
	.footer-logo{}
	.footer-addr{display:block;}
	.footer-addr p{font-size:1.6rem;font-weight:500;color:#fff;}
	.footer-addr p + p{margin-top:0.8rem;}
}