@import "./font/Pretendard.css";
@import "./font/Gyeonggi.css";
@import "./font/Playfair_display.css";

/* Common */
html{overflow: auto;}
html, body{position: relative;}

.fz-input{height: 60px;padding-left: 10px;border-radius:10px;border: 1px solid #ddd;box-shadow:none;background: #fff;}
.en-font{font-family: "PD", 'Pretendard', 'Malgun Gothic', dotum, sans-serif;}

.check-box{position: relative;display: inline-block;}
.check-box:last-child{margin-right: 0;}
.check-box input{position: absolute;width: 0px; height: 0px; left:-9999px;top:0;margin: 0; outline: none;border: 1px solid transparent; background-color: transparent;-moz-appearance: none;}
.check-box span{display: inline-block;width: 20px;height: 20px;border: 1px solid #c8ccd4;border-radius:3px;transition:background 0.2s ease;position: absolute;left:0;top:50%;transform:translateY(-50%);}
.check-box span::after{content:"";position: absolute;top:2px;left:6px;width: 5px;height: 11px;border-right: 2px solid #fff;border-bottom: 2px solid #fff;transform:rotate(45deg) scale(0);transition:all 0.3s ease 0.15s;opacity:0;}
.check-box label{cursor:pointer;padding-left:30px;position: relative;z-index: 1;vertical-align: baseline;line-height: 20px;}
.check-box label.sound_only{width: 20px;height: 20px;}
.check-box input:checked ~ span{border-color: transparent;background: #084ff9;animation: checkbox-jelly 0.6s ease;}
.check-box input:checked ~ span:after{opacity:1;transform:rotate(45deg) scale(1);}
.check-box input:focus ~ span{border-color: #084ff9;}


.check-box input.checked ~ span{border-color: transparent;animation: checkbox-jelly 0.6s ease;}
.check-box input.checked ~ span:after{opacity:1;transform:rotate(45deg) scale(1);}
.check-box input.checked:checked ~ span{border-color: transparent;background: #139766;animation: checkbox-jelly 0.6s ease;}
.check-box input.checked:checked ~ span:after{opacity:1;transform:rotate(45deg) scale(1);background: #139766;}

.check-box input.right-answer.checked ~ span{border-color: transparent;background: #139766;animation: checkbox-jelly 0.6s ease;}
.check-box input.right-answer.checked ~ span:after{opacity:1;transform:rotate(45deg) scale(1);background: #139766;}



.radio-box{position: relative;display: inline-block;margin-right: 40px}
.radio-box:last-child{margin-right: 0;}
.radio-box input{position: absolute;width: 0px; height: 0px; left:-9999px;top:0;margin: 0; outline: none;border: 1px solid transparent; background-color: transparent;-moz-appearance: none;}
.radio-box span{display: inline-block;width: 20px;height: 20px;border: 1px solid #c8ccd4;border-radius:50%;transition:background 0.2s ease;position: absolute;left:0;top:50%;transform:translateY(-50%);}
.radio-box span::after{content:"";position: absolute;top:0px;left:0px;width: 18px;height: 18px;transition:all 0.3s ease 0.15s;opacity:0;background: #084ff9;border-radius:50%;border: 2px solid #fff;}
.radio-box label{cursor:pointer;padding-left:30px;position: relative;z-index: 1;line-height: 20px;}
.radio-box label.sound_only{width: 20px;height: 20px;vertical-align: baseline;}
.radio-box input:checked ~ span{border-color: transparent;background: #084ff9;animation: checkbox-jelly 0.6s ease;}
.radio-box input:checked ~ span:after{opacity:1;transform:scale(1);}
.radio-box input:focus ~ span{border-color: #084ff9;}

.radio-box input.checked ~ span{border-color: transparent;animation: checkbox-jelly 0.6s ease;}
.radio-box input.checked ~ span:after{opacity:1;transform:scale(1);}
.radio-box input.checked:checked ~ span{border-color: transparent;background: #139766;animation: checkbox-jelly 0.6s ease;}
.radio-box input.checked:checked ~ span:after{opacity:1;transform:scale(1);background: #139766;}

/* page */
.page-header{margin-bottom: 65px;}
.page-title{font-size: 30px;text-align: center;}
.page-title-sub{text-align: center;font-size: 18px;color:#767676;margin-top: 10px;font-weight: 500;line-height: 1.4em;}
.page-title-sub strong{display: block;color:#36c;line-height: 1.2em;margin-bottom: 8px;}
.notice-text{display: block;text-align: center;font-size: 18px;color:#e82b27;margin-top: 10px;font-weight: 500;}

/* form */
.step-tab-wrap{display: flex;justify-content:center;margin-bottom: 60px;}
.step-box{padding: 0 15px;display: flex;align-items:center;color:#bababa;font-weight: 500;font-size: 18px;}
.step-box.active{color:#262834;}
.step-label-number{display: inline-block;width: 21px;height: 21px;border-radius:50%;border: 1px solid #bbb;color:#29262f;font-size: 14px;text-align: center;line-height: 19px;margin-right: 10px;opacity: .8;}
.active .step-label-number{background: #262834;border-color: #262834;color:#fff;opacity:1;}

.submit-btn-wrap{margin-top: 70px;text-align: center;}
.submit-btn-wrap a, .submit-btn-wrap button, .submit-btn-wrap input[type=submit]{display: inline-block;padding: 15px 0px;font-size: 18px;color:#fff;border-radius:10px;}
.submit-btn1{background: #a8a8a8;margin-right: 30px;}
.submit-btn2{background: #1d1d1b;}
.submit-btn3{background: #084ff9;margin-left: 30px;}


.bottom-btn-wrap{margin-top: 70px;text-align: center;}
.bottom-btn-wrap a, .bottom-btn-wrap button, .bottom-btn-wrap input[type=submit]{display: inline-block;padding: 15px 60px;font-size: 18px;color:#fff;border-radius:10px;}
.btn1{background: #a8a8a8;margin-right: 20px;}
.btn2{background: #1d1d1b;}
.btn3{background: #1a206a;}



#sub-container{/* overflow: hidden; */}
.sub-container-header{height: 500px;color: #fff;padding: 80px 0 70px;display: flex;justify-content: center;align-items: center;position: relative;z-index: 50;overflow: hidden;}
.sub-container-header-bg{background-image: var(--sub-header-default-bg); background-position: center center !important;background-repeat: no-repeat !important;background-size:cover !important;position: absolute;left:50%;top:50%;width: 100%;height: 100%;transform:translate(-50%, -50%) scale(1.15);filter:brightness(0.5);transition:all 1.3s ease-out;}
.sub-container-header.active{overflow: visible;}
.sub-container-header .group-title{position: relative;z-index: 1;font-size: 60px;text-shadow:3px 3px 8px rgba(0, 0, 0, 0.3)}
.sub-container-header .group-title-eng{position: absolute;right:30px;bottom:68px;color:rgba(255, 255, 255, .2);font-size: 140px;font-weight: 700;line-height: 1em;z-index: 1;pointer-events:none;user-select:none}
.sub-container-header.aos-animate .sub-container-header-bg{transform:translate(-50%, -50%) scale(1);}

#sub-container-header-company .sub-container-header-bg{background-image: var(--sub-header-company-bg);}
#sub-container-header-business .sub-container-header-bg{background-image: var(--sub-header-business-bg);}
#sub-container-header-project .sub-container-header-bg{background-image: var(--sub-header-project-bg);}
#sub-container-header-news .sub-container-header-bg{background-image: var(--sub-header-news-bg);}
#sub-container-header-customer .sub-container-header-bg{background-image: var(--sub-header-customer-bg);}

.sub-container-body{width: 1200px;margin: 0 auto;padding: 80px 0;min-height:600px;}
.sub-container-body.is-wide{width: auto;margin: 0 auto;padding: 0;min-height:auto;position: relative;}
.sub-container-body.is-wide .page-title-box{padding-top: 80px;}
.page-title-box{text-align: center;font-weight: 500;position: relative;padding-bottom: 24px;margin-bottom: 80px;/* text-shadow:3px 3px 8px rgba(0, 0, 0, .3) */}
.page-title-box:after{content: "";position: absolute;left:50%;width: 0px;height: 2px;background: #000;bottom:0;transition:all .3s ease-out .5s;box-shadow:3px 3px 8px rgba(0, 0, 0, .3);}
.page-title-box.aos-animate:after{transform:translate(-40px);width: 80px;}
.page-title-box span{display: block;font-size: 22px;opacity: 0.5;margin-bottom: 5px;/* text-shadow:1px 1px 3px rgba(0, 0, 0, .3); */}
.page-title-box strong{display: block;font-size: 50px;}

#footer{background: #222;color:#fff;position: relative;}
.footer-container{}
.footer-top{position: relative;}
.footer-top:after{background: rgba(255, 255, 255, .15);position: absolute;left:50%;width: 0;height: 1px;content: '';bottom:0;transition:all .5s ease-out .4s;}
.footer-top.aos-animate:after{width: 100%;left:0;}
.footer-inner{width: 1200px;margin: 0 auto;position: relative;}
.footer-top .footer-inner{height: 90px;display: flex;justify-content: space-between;align-items: center;}
.ft-logo{height: 100%;transition:all ease-out .3s;display: block;display: flex;align-items: center;}
.ft-logo svg{stroke:#fff;fill:#fff;height: 50px;transition: all ease-out .3s;opacity: .6;}
.ft-logo img{height: 50px;opacity: .6;transition: all ease-out .3s;}
.ft-logo:hover svg, .ft-logo:hover img{opacity: 1;}



.ft-link{display: flex;}
.ft-link a{display: block;position: relative;padding: 0 20px;color: #fff;opacity:.5;transition:all .3s ease-out;}
.ft-link a:last-child{padding-right: 0;}
.ft-link a:hover{opacity: 1;}
.footer-bottom{margin-top: 50px;padding-bottom: 80px;position: relative;}
.footer-content>div{margin-bottom: 15px;}
.footer-content>div>span+span{margin-left: 50px;}
.footer-content>div>span, .footer-content>div>span a{color:rgba(255, 255, 255, .5);line-height: 1.4;}
.footer-content>div>span strong{width:80px;text-align: right;display: inline-block;margin-right: 20px;color:rgba(255, 255, 255, .9);font-weight: 400;color:#eee}
.footer-content>div>span a{display: inline-block;position: relative;}
.footer-content>div>span a:after{content: "";position: absolute;left:0;bottom:-2px;height: 1px;background: rgba(255, 255, 255, .5);transition:all .3s ease-out;width: 0;}
.footer-content>div>span a:hover:after{width: 100%;}
.footer-content>div>span.ft-registration-number strong{width:120px;}
.ft-copyright{margin-top: 50px;font-size: 14px;color:#777;margin-bottom: 15px;}
.ft-copyright strong{font-weight: 400;color:#eee}

.ft-sns-link{display: flex;gap:10px;position: absolute;right:0;top:0;}
.ft-sns-link a{width: 50px;height: 50px;display: inline-block;transition:all .3s ease-out;opacity:.5}
.ft-sns-link a.ft-sns-youtube{background: url(../img/sns_youtube.png) center no-repeat;background-size: 30px auto;}
.ft-sns-link a.ft-sns-facebook{background: url(../img/sns_facebook.png) center no-repeat;background-size: auto 30px;}
.ft-sns-link a.ft-sns-insta{background: url(../img/sns_insta.png) center no-repeat;background-size: auto 30px;}
.ft-sns-link a.ft-sns-blog{background: url(../img/sns_blog.png) center no-repeat;background-size: auto 30px;}
.ft-sns-link a.ft-sns-twitter{background: url(../img/sns_twitter.png) center no-repeat;background-size: 30px auto;}
.ft-sns-link a.ft-sns-x{background: url(../img/sns_x.png) center no-repeat;background-size: 30px auto;}
.ft-sns-link a:hover{border-radius:50%;box-shadow:0 0 10px rgba(255, 255,  255, .8);opacity: 1 !important;}

.overlay-wrap{position: absolute;left:0;top:0;z-index: 5;width: 100%;height: 100%;display: flex;flex-direction: column;}
.overlay-wrap>div{flex: 1 1 100%;background: #fff;position: relative;left:-100%;}

.snb-wrap{position: absolute;left:0;bottom:0;width: 100%;z-index: 2;color: #fff;display: flex;justify-content: center;align-items: center;}
.snb-wrap:after{content: "";position: absolute;left:50%;top:0;width: 0;height: 1px;background: rgba(255, 255, 255, .5);transition:all .5s ease-out;}
.snb-wrap.active:after{left:0;width: 100%;}
.snb{display: flex;justify-content: center;align-items: center;}
.snb li{padding: 0 30px;position: relative;}
.snb li:after{content: "";width: 4px;height: 4px;position: absolute;right:0;top:50%;transform:translateY(-50%);border-radius:50%;background: rgba(255, 255, 255, .5);}
.snb li:last-child:after{display: none;}
.snb a{display: block;height: 70px;line-height: 70px;color: rgba(255, 255, 255, .5);font-size: 18px;transition:all ease-out .3s;position: relative;}
.snb a:after{content: "";width: 0;height: 3px;background: #fff;position: absolute;left:50%;top:0;transition:all ease-out .3s}
.snb a:hover{color: #fff;}
.snb a:hover:after{left:0;width: 100%;}

.sub-container-header.aos-animate .snb .snb-active a{color:#fff;transition-delay:1.2s;}
.sub-container-header.aos-animate .snb .snb-active a:after{left:0;width: 100%;transition-delay:1.2s;}


@media screen and (max-width: 1200px){

}

@keyframes checkbox-jelly{
	0%{transform: scale(1, 1) translateY(-50%);}
	30%{transform: scale(1.25, 0.75) translateY(-50%);}
	40%{transform: scale(0.75, 1.25) translateY(-50%);}
	50%{transform: scale(1.15, 0.85) translateY(-50%);}
	65%{transform: scale(0.95, 1.05) translateY(-50%);}
	75%{transform: scale(1.05, 0.95) translateY(-50%);}
	to{transform: scale(1, 1) translateY(-50%);}
}



.glass {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgb(0 0 0 / 10%);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

/* header */
#allmenu-btn{width: 50px;height: 50px;display: flex;align-items:center; justify-content:center;cursor:pointer;overflow: hidden;z-index: 9990;position: relative;border: none;background: none;}
#allmenu-btn span{position: absolute;width: 38px;height: 3px;background: #fff;border-radius:4px;transition:0.5s;right:5px;}
#allmenu-btn span:nth-child(1){transform:translateY(-12px);width: 25px;right:5px;}
#allmenu-btn span:nth-child(2){transform:translateY(12px);width: 15px;right:5px;}

.allmenu-open #allmenu-btn span:nth-child(1){width: 40px;transform:translateX(5px) translateY(0px) rotate(45deg);transition-delay:0.125s;background: #fff !important;}
.allmenu-open #allmenu-btn span:nth-child(2){width: 40px;transform:translateX(5px) translateY(0px) rotate(315deg);transition-delay:0.20s;background: #fff !important;}
.allmenu-open #allmenu-btn span:nth-child(3){transform:translateX(60px);background: #fff !important;}




#header {position: fixed;height: 100px;left: 0;top: 0;width: 100%;z-index: 110;	transition:height .3s ease-out;transform: translate3d(0, 0, 0);transition:all ease-out .3s;}
#header.active{}
#header.nav-fixed{height: 80px;}
#header.active .header-container, #header.nav-fixed .header-container{background: rgba(0, 0, 0, .75);box-shadow:0 0px 8px rgba(0, 0, 0, .6);backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);}

.allmenu-open #header{border-bottom-color: transparent;}

.allmenu-open #header.active .header-container, .search-open #header.active .header-container, .allmenu-open #header.nav-fixed .header-container, .search-open #header.nav-fixed .header-container
{background: none;box-shadow:none;backdrop-filter: none;-webkit-backdrop-filter: none}

.allmenu-open, .search-open{overflow: hidden;}

.header-container{display: flex;justify-content:center; height: 100%;position: relative;transition:background ease-out .3s, box-shadow ease-out .3s;z-index: 999;}

#header h1{height: 100%;position: absolute;left:0;top:0;z-index: 999;}
#header h1 a{height: 100%;transition:all ease-out .3s;display: block;margin-left: 20px;display: flex;align-items: center;}
#header h1 a img{max-height:calc(100% - 20px);}
#header h1 a .logo-b{display: none;}
#header h1 a svg{stroke:#fff;fill:#fff;height: 65px;transition: all ease-out .3s}
#header h1 a svg path {fill-opacity: 0;transition: fill-opacity .5s ease-in-out;display: none}

.header-right{height: 100%;display: flex;align-items:center;position: absolute;right:0;top:0;padding-right: 20px;z-index: 999;}
.header-right a{width:52px; height:52px; display:inline-block; border:1px solid #dddddd; border-radius:100%; background-repeat:no-repeat; background-position:center; background-size:18px auto;}

#search-btn{background-color: #fff;-webkit-mask: url('../img/svg/search.svg') no-repeat center;mask: url('../img/svg/search.svg') no-repeat center;mask-size:35px auto;-webkit-mask-size:35px auto}
#search-btn:hover{}


.white-bg .header-container #gnb>ul>li>a>span{color:#333;}
.white-bg .header-container #search-btn, .white-bg .header-container #allmenu-btn span{background-color: #333;}
.white-bg #logo svg{stroke:#000;fill:#000}
.white-bg #logo .logo-w{display: none;}
.white-bg #logo .logo-b{display: inline-block;}
.allmenu-open #header h1 a .logo-w{display: inline-block;}
.allmenu-open #header h1 a .logo-b{display: none;}
.allmenu-open #header h1 a svg{stroke:#fff !important;fill:#fff !important;}
#header.active .header-container #gnb>ul>li>a>span, #header.nav-fixed .header-container #gnb>ul>li>a>span{color:#fff;}
#header.active .header-container #search-btn, #header.active .header-container #allmenu-btn span, #header.nav-fixed .header-container #search-btn, #header.nav-fixed .header-container #allmenu-btn span
{background-color: #fff;}

#header.active #logo .logo-w{display: inline-block;}
#header.active #logo .logo-b{display: none;}
#header.active #logo svg{stroke:#fff;fill:#fff;}


#gnb{z-index: 999;transition:height .3s ease-out;height: 100%;}
#gnb>ul{transition:height .3s ease-out;display: flex;height: 100%;}
#gnb ul li{position:relative;height: 100%;}
#gnb ul li a{display: block;font-size: 20px;font-weight: 500;padding: 0 20px;line-height:1em;height: 100%;transition:all ease-out .2s;display: flex;align-items:center;}
#gnb>ul>li>a>span{position: relative;display: flex;color:#fff;line-height: 35px;height: 35px;overflow: hidden;justify-content: center;flex-wrap:wrap;}
#gnb>ul>li>a>span>strong{transition:all .2s ease-in-out;}
#gnb>ul>li>a>span .gnb-title-eng{display: block;line-height: 35px;width: 100%;text-align: center;font-size: 22px;font-weight: 600;}
#gnb>ul>li>a>span .gnb-title-kor{display: inline-block;line-height: 35px;position: relative;text-align: center;font-weight: 600;}
#gnb>ul>li.hover>a>span>strong, #gnb>ul>li.gnb-active>a>span>strong{transform:translateY(-35px);}



#gnb>ul>li>a>span .gnb-title-kor:after{transition:all .3s ease-out;content: ""; position: absolute; left: 50%; bottom: 0px; height: 1px; width: 0; background-color: var(--active-gnb-color); z-index: -1;}
#gnb>ul>li.gnb-active>a>span .gnb-title-kor:after,#gnb>ul>li.hover>a>span .gnb-title-kor:after{left:0; width: 100%; transition-delay:0.2s;}
#gnb>ul>li.gnb-active>a>span strong, #gnb>ul>li.hover>a>span strong{color:var(--active-gnb-color)}

#header.gnb-column #gnb .gnb-sub-wrap{position:absolute;padding:0;z-index: 99;left:50%;transform:translatex(-50%);width: 180px;top:100px;padding-top: 18px;display: none;transition:all .3s ease-out;}
#header.gnb-column #gnb ul ul{height:auto;padding:20px 0;display: block;background: var(--gnb-sub-bg-color);border-radius:20px;box-shadow:3px 3px 8px rgba(0, 0, 0, .3);position: relative;}
#header.gnb-column #gnb ul ul:before{position: absolute;left:50%;top:-14px;width: 0px;height: 0px;border-right: 15px solid transparent;border-left: 15px solid transparent;border-bottom: 14px solid var(--gnb-sub-bg-color);content: "";	transform:translatex(-15px);}
#header.gnb-column #gnb li li{height:auto;text-align: center;}
#header.gnb-column #gnb li li a, #header.gnb-column #gnb li.gnb-active li a, #header.gnb-column #gnb li.hover li a{display:inline-block;color:#fff;font-size:16px;width:auto;transition:all .2s ease-out;padding:0;position:relative;padding-left:13px;font-weight:400;line-height:1.3em;padding:8px 3px 8px 3px; text-align:center;height: auto;}
#header.gnb-column #gnb li li a:after{display: block;position: absolute;left:50%;bottom:0px;content:"";width: 0;height: 1px;background: var(--active-gnb-color);transition:all ease-out .2s;}
#header.gnb-column #gnb li li a:hover, #header.gnb-column #gnb li li.gnb-active2 a{color:var(--active-gnb-sub-color)}
#header.gnb-column #gnb li li a:hover:after, #header.gnb-column #gnb li li.gnb-active2 a:after{width: 100%;opacity:1;left:0;}
#header.gnb-column.nav-fixed #gnb .gnb-sub-wrap{top:80px;}


#header.gnb-wide #gnb ul ul{padding: 20px 0;}
#header.gnb-wide #gnb li li{height:auto;text-align: center;}
#header.gnb-wide #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;}

#header.gnb-wide #gnb li li a:after{display: block;position: absolute;left:50%;bottom:4px;content:"";width: 0;height: 1px;background: var(--active-gnb-color);transition:all ease-out .2s;}
#header.gnb-wide #gnb li li a:hover, #header.gnb-wide #gnb li li.gnb-active2 a{color:var(--active-gnb-sub-color)}
#header.gnb-wide #gnb li li a:hover:after, #header.gnb-wide #gnb li li.gnb-active2 a:after{width: 100%;opacity:1;left:0;}
/* #header.gnb-wide #gnb li li a:hover, #header.gnb-wide #gnb li.gnb-active.hover li.gnb-active2 a{color:#EFDC05 !important; } */


#header.gnb-wide #gnb li.gnb-active.hover li.gnb-active2 a:after{background:var(--active-gnb-sub-color)}

#header.gnb-wide #gnb li li.gnb-active2 a{color:var(--active-gnb-sub-color)}
#header.gnb-wide #gnb li li.gnb-active2 a:after{background:var(--active-gnb-sub-color)}

.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: var(--nav-shadow-bg-color); backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px)}

#header.nav-fixed .nav-shadow{top:80px;}
#header.gnb-wide.nav-fixed #gnb .gnb-sub-wrap{top:80px;}

#header.gnb-wide #gnb .gnb-sub-wrap{position: absolute;padding: 0;z-index: 99;height: auto;left: 0;width: 100%;top: 100px;transition: all .3s ease-out;height: 0;opacity: 0;overflow: hidden;}




#header.gnb-wide.active #gnb .gnb-sub-wrap{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)}

.search-wrap{position: fixed;z-index: 120;width: 100%;}
.search-container{position: relative;top: 0;left: 0;bottom: 0;right: 0;height: 100%;overflow: hidden;height: 0%;width: 100%;background: var(--search-wrap-color);z-index: 9;}
.search-background {position: fixed;top: 0;bottom: 0;right: 0;left: 0;height: 0%;width: 100%;background-color: var(--search-bg-color);z-index: 8;}
.search-content {display: flex;align-items: center;max-width: 400px;height: 100%;min-height: 100vh;padding: 80px 0;margin: 0 auto;color: #f1f5f9;flex-wrap:wrap;align-content:center;justify-content: center;}

.search-content form{width: 100%;}
.search-title{font-size: 4rem;text-align: center;text-shadow:3px 3px 12px rgba(0, 0, 0, .6);font-weight: 600;}
.search-input, .search-submit{width: 100%;}
.search-input{margin: 30px 0 30px;}
.search-input input{width: 100%;background: rgba(255, 255, 255, .3);border: none;border-radius:10px;height: 50px;font-size: 16px;padding: 0 15px;box-shadow:3px 3px 8px rgba(0, 0, 0, .3);color:#fff;}
.search-input input:focus{border: none !important;}

.search-input input::-webkit-input-placeholder{color: #fff;opacity:.6;font-weight: 300;}
.search-input input:-ms-input-placeholder{color: #fff;opacity:.6;font-weight: 300;}
.search-input input::placeholder{color: #fff;opacity:.6;font-weight: 300;}

.search-submit button{width: 100%;background: #000;color:#fff;border: none;border-radius:10px;height: 50px;font-size: 16px;padding: 0 10px;box-shadow:3px 3px 8px rgba(0, 0, 0, .3);}


#search-close-btn{position: absolute;right:30px;top:30px;width: 40px;height: 40px;background:  url('../img/close_btn.gif') center no-repeat;text-indent: -9999px;background-size: 30px auto;}

.nav-wrap{position: fixed;z-index: 10;width: 100%;z-index: 100;}
.nav-container{position: relative;top: 0;left: 0;bottom: 0;right: 0;height: 100%;overflow: hidden;height: 0%;width: 100%;background-color: #0f2a43;background:var(--allmenu-wrap-color); z-index: 9;}
.nav-container:after{height: 100%;position: absolute;right:700px;top:0;width: 1px;background: #fff;content: "";opacity: .2;transition:all .3s ease-out;height: 0;}
.nav-container.active:after{height: 100%;}
.nav-background {position: fixed;top: 0;bottom: 0;right: 0;left: 0;height: 0%;width: 100%;background-color: var(--allmenu-bg-color);z-index: 8;}
.nav-content {display: flex;min-height: 100vh;padding: 80px 0px 80px 100px;margin: 0 auto;color: #f1f5f9;align-items: center;align-content:center;position: relative;display: flex;}

.nav-header-box{flex:0 0 700px;order:2;display: flex;flex-direction: column;justify-content: space-between;padding-left: 100px;padding-right: 30px;min-height: 495px;}
.nav-member-link>span{display: block;margin-bottom: 15px;opacity: 1 !important}
.nav-member-link>a{color:#fff;display: inline-block;position: relative;border: 1px solid #fff;padding: 8px 18px;margin-right: 5px;vertical-align: middle;transition:all ease-out .3s;font-weight: 300;opacity: .5;}
.nav-member-link>a:hover{background: #33375c;box-shadow:0px 0px 10px #ffffffaa;border: 1px solid #ffffff55; border-radius:3px;opacity: 1 !important;}
.nav-sns-link{margin-top: 20px;display: flex;gap:10px}
.nav-sns-link a{width: 50px;height: 50px;display: inline-block;transition:all .3s ease-out;opacity:.5}
.nav-sns-link a.nav-sns-youtube{background: url(../img/sns_youtube.png) center no-repeat;background-size: 30px auto;}
.nav-sns-link a.nav-sns-facebook{background: url(../img/sns_facebook.png) center no-repeat;background-size: auto 30px;}
.nav-sns-link a.nav-sns-insta{background: url(../img/sns_insta.png) center no-repeat;background-size: auto 30px;}
.nav-sns-link a.nav-sns-blog{background: url(../img/sns_blog.png) center no-repeat;background-size: auto 30px;}
.nav-sns-link a.nav-sns-twitter{background: url(../img/sns_twitter.png) center no-repeat;background-size: 30px auto;}
.nav-sns-link a.nav-sns-x{background: url(../img/sns_x.png) center no-repeat;background-size: 30px auto;}
.nav-sns-link a:hover{border-radius:50%;box-shadow:0 0 10px rgba(255, 255,  255, .8);opacity: 1 !important;}

.nav-footer-info{display: flex;flex-direction: column;gap:10px}
.nav-footer-info li{display: flex;gap:20px;line-height: 1.4;}
.nav-footer-info li strong{flex:0 0 70px;text-align: right;font-weight: 500;color:#fff;}
.nav-footer-info li span, .nav-footer-info li a{color:#aaa;}

.nav-footer .nav-copyright{margin-top: 30px;font-size: 13px;color:#aaa}
.nav-footer .nav-copyright strong{color:var(--active-allmenu-color) !important;font-weight: 500;}



.nav-background, .nav-container, .search-background, .search-container{height: 0;}


.allmenu-list{flex-grow:1;order:1;}
.allmenu-list>ul{flex-grow:1;}
.allmenu-list>ul>li{display: flex;margin-bottom: 40px;}
.allmenu-list>ul>li a{color:#fff;transition:all ease-out .2s;}

.allmenu-list>ul>li>a{font-size: 32px;display: block;flex:0 0 160px;text-align: right;margin-right: 80px;}
.allmenu-list>ul>li.hover>a, .allmenu-list>ul>li.allmenu-active>a{color:var(--active-allmenu-color) !important}
.allmenu-list>ul>li>a strong{display: block;}
.allmenu-list>ul>li>a span{display: block;font-size: 16px;opacity:.7;}
.allmenu-list li li{margin-right: 30px;padding-bottom: 10px;}
.allmenu-list li li a{padding: 4px 0;display: inline-block;position: relative;margin-left: 18px;opacity:.7;}
.allmenu-list li li a:before{display: block;content:"";position: absolute;left:-13px;top:15px;width: 3px;height: 3px;background: #fff;border-radius:50%;transition:all ease-in-out .2s;}
.allmenu-list li li a:after{display: block;position: absolute;left:0;bottom:2px;content:"";width: 0;height: 1px;background: var(--active-allmenu-color);transition:all ease-in-out .2s;opacity:.5;z-index: -1;}
.allmenu-list li li a:hover, .allmenu-list li li.allmenu-active2 a{color:var(--active-allmenu-color);opacity:1;}
.allmenu-list li li a:hover:after, .allmenu-list li li.allmenu-active2 a:after{width: 100%;opacity:1}
.allmenu-list li li a:hover:before, .allmenu-list li li.allmenu-active2 a:before{background: var(--active-allmenu-color);}
.allmenu-list ul ul{display: flex;flex-wrap:wrap;align-items: center;}


.mobile-nav{position: absolute;bottom:0px;z-index: 2;width: 100%;background: rgba(255, 255, 255, .3);backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);display: flex;display: none;}
.mobile-nav .sub-top-home{text-indent: -9999px;height: 50px;display: block;flex:0 0 50px;-webkit-mask: url('../img/svg/home.svg') no-repeat center;mask: url('../img/svg/home.svg') no-repeat center;-webkit-mask-size:25px auto;mask-size:25px auto;background-color: #fff;}
.mobile-nav .sub-top-select{flex: 1 1 100%}
.mobile-nav .select-box>a{color:#fff;font-size: 16px;border: none;}
.mobile-nav .select-box>a:after{background: #fff;}
.mobile-nav .select-box{border: none;border-left: 1px solid rgba(255, 255, 255, .3);}
.mobile-nav .select-box.select-active>a{color:var(--active-gnb-color);}
.mobile-nav .select-box.select-active>a:after{background:var(--active-gnb-color);}
.mobile-nav .select-box ul{right:0;border: none;}

#go-top{display: block;position: fixed;right:30px;bottom:30px;width: 50px;height: 50px;background: #33375c;box-shadow:8px 8px 15px 0 rgba(0,0,0,.3);transition:all .3s ease-out;opacity: 0;}
#go-top:hover{background: #000;border-radius:50%;}
#go-top:after{content: "";width: 50px;height: 50px;position: absolute;left:0;top:0;-webkit-mask: url('../img/svg/arrow-up.svg') no-repeat center;mask: url('../img/svg/arrow-up.svg') no-repeat center;-webkit-mask-size:30px auto;mask-size:30px auto;background-color: #fff;transition:all .3s ease-out;}
#go-top:hover:after{transform:rotate(360deg);}
#go-top.active{opacity: 1;z-index: 10;}


*::-webkit-scrollbar {width: 10px;height:10px;}
*::-webkit-scrollbar-track {border-radius: 10px;background: transparent;}
*::-webkit-scrollbar-thumb {height: 56px;border-radius: 10px; border: 0px solid transparent;background-clip: content-box;background-color: #999;}
*::-webkit-scrollbar-thumb:hover {background-color: #555;}

.scroll-down{position:absolute;bottom:60px;left:50%;transform:rotate(-90deg) translateY(-600px);display:flex;align-items:center;z-index:2;padding-bottom: 5px;text-shadow:0 0 3px rgba(0, 0, 0, .3);}
.scroll-down span{width: 100%;height: 1px;background:rgba(255,255,255,.3);overflow:hidden;display: block;position: absolute;left:0;bottom:0;box-shadow:0 0 3px rgba(0, 0, 0, .3);}
.scroll-down span:after{content:"";transform: translateX(100%);width:20px;height:1px;background: #fff;animation: scroll-down-infinite 2s ease-out infinite;display: block;}
@keyframes scroll-down-infinite{
	0% {transform: translateX(120px);}
	100% {transform: translateX(-20px);}
}
.scroll-down strong{font-weight: 500;font-size: 16px;color: #FFFFFF;}


/* html[data-use-loader='1'], html[data-use-loader='1'] body{overflow: hidden;}
html.loader-off[data-use-loader='1'], html.loader-off[data-use-loader='1'] body{overflow: auto;} */
.html-index, .html-index body{height: 100%;}
/* .loader-off body{background: #fff;} */



.loader-wrap{position: fixed;left:0;top:0;width: 100%;height: 100%;z-index: 99999;background: var(--loader-wrap-bg);overflow: hidden;clip-path: circle(100%);}
.loader-wrap svg{position: absolute;margin: auto;top: 0;left: 0;right: 0;bottom: 0;width: 150px;height: 150px;} 

.loader-transition .path {fill: var(--loader-wrap-bg) !important;stroke: var(--loader-wrap-bg) !important;}

.loader-content{position: relative;width: 100%;height: 100%;}
.loader-content img{position: absolute;margin: auto;top: 0;left: 0;right: 0;bottom: 0;}

.loader-box-wrap{position: fixed;width: 100%;height: 100vh;opacity: 1;pointer-events:none;z-index: 2;z-index: 99999;}
.loader-bg>.loader-transition{position: absolute;left:0;top:0;width: 100%;height: 100%;overflow: hidden;}


.drip-loader {animation: animateDrips 1s infinite;}
.main-visual{width: 100%;height: 100%;}

@keyframes animateDrips {
	to {
		transform: translateY(100px);
	}
}

/* Splitting */
[data-splitting].active .char {
	transition: all 0.25s calc((var(--char-index) + 1) * 0.1s);
}
: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(-60%);}

.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);}


/* SELECT BOX */
.select-box{display:inline-block;position:relative;vertical-align:middle;}
.select-box select{position:absolute;left:-9999px;display:none;}
.select-box>a{display:flex;align-items: center;height:25px; line-height:25px;padding:0 10px;text-align:left !important;color:#333;font-size:16px;position: relative;transition:color .3s ease-out;border:1px solid #ccc;height: 100%;}
.select-box>a:after{content: "";width: 30px;height: 100%;position: absolute;right: 0;top: 0;background-color: #000; mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-down"><polyline points="6 9 12 15 18 9"></polyline></svg>') no-repeat center;mask-size: 20px auto;transition: all .3s ease-out;}
.select-box a:visited, .select-box a:active, .select-box a:link, .select-box a:hover{text-decoration:none;}
.select-box ul{position:absolute;left:0px;right:0px; top:25px;display:none;background:#fff;max-height:240px; list-style:none;padding:0;margin:0;overflow:hidden;overflow-y:auto;z-index:999;box-shadow:0 5px 8px rgba(0, 0, 0, .3);}
.select-box ul a{display:flex;height:40px;background:none;align-items: center;line-height: 1.3em;padding: 0 10px;transition:all .3s ease-out;font-size: 14px;}

.select-box.select-active>a{color:#36c;}
.select-box.select-active>a:after{transform:rotate(180deg);}
.select-box.select-active ul a{color:#333;background:none;letter-spacing:-1px;}
.select-box.select-active ul a.hover{background:#8DA5C2;color:#fff}
.select-box.select-active ul a.active{background:#36c;color:#fff}
/* SELECT BOX END */

.input-content #btn_autosave {font-size: 13px !important;}


.pg_wrap {clear:both;text-align: center;margin-top: 30px;display: block;float: none;}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {text-align:center;}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;border:1px solid #ddd;background: none;border-radius:0;transition:all 0.3s ease-out;}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#959595;font-size:14px;height:35px;line-height:33px;padding:0 13px;min-width:30px;text-decoration:none;position: relative;}
.pg_page:hover {background-color:#fafafa;box-shadow:0px 0px 5px rgba(0, 0, 0, .2);border-color: #b8b8b8;color:#212121;font-weight: bold;}
.pg_start {text-indent:-999px;overflow:hidden;padding:0;width: 35px;border:1px solid #ddd;background: none;}
.pg_prev {text-indent:-999px;overflow:hidden;padding:0;width: 35px;border:1px solid #ddd;background: none;}
.pg_end {text-indent:-999px;overflow:hidden;padding:0;width: 35px;border:1px solid #ddd;background: none;}
.pg_next {text-indent:-999px;overflow:hidden;padding:0;width: 35px;border:1px solid #ddd;background: none;}
.pg_prev:after{font-family:FontAwesome;width: 100%;position: absolute;left:0;top:0;height: 100%;content:"\f104";z-index: 1;text-indent:0;text-align: center;font-size: 18px;}
.pg_start:after{font-family:FontAwesome;width: 100%;position: absolute;left:0;top:0;height: 100%;content:"\f100";z-index: 1;text-indent:0;text-align: center;font-size: 18px;}
.pg_next:after{font-family:FontAwesome;width: 100%;position: absolute;left:0;top:0;height: 100%;content:"\f105";z-index: 1;text-indent:0;text-align: center;font-size: 18px;}
.pg_end:after{font-family:FontAwesome;width: 100%;position: absolute;left:0;top:0;height: 100%;content:" \f101";z-index: 1;text-indent:0;text-align: center;font-size: 18px;}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {background-color:#fafafa}
.pg_current {display:inline-block;background:#212121;border:1px solid #212121;color:#fff;font-weight:bold;height:35px;line-height:33px;padding:0 13px;min-width:30px;position: relative;color:#fff;}



@media screen and (max-width: 2000px){
	.nav-header-box{flex:0 0 500px;padding-left: 70px;}
	.nav-container:after{right:500px;}
}
@media screen and (max-width: 1600px){
	.nav-content{padding-left: 50px;}	
	.allmenu-list>ul>li>a{font-size: 28px;}
	.nav-header-box{flex:0 0 400px;padding-left: 50px;min-height: 475px;}
	.nav-container:after{right:400px;}
	.nav-member-link>a{padding: 6px 14px;}
	.nav-footer{font-size: 14px;}
}

@media screen and (max-width:1280px){
	.html-index, .html-index body{height: auto;}
	#sub-container{overflow-x: hidden;}
	.nav-container{overflow: auto;}
	.nav-container:after{display: none;}
	.nav-content{}
	.nav-content{align-content:flex-start;padding: 100px 30px 80px;overflow: hidden;overflow-y: auto;align-items:flex-start;flex-wrap:wrap;}
	.nav-header-box{order:1;flex:1 1 100%;padding: 0;margin-bottom: 40px;position: relative;min-height:auto;}
	.nav-footer{display: none;}
	.nav-member-link{}
	.nav-member-link>span{display: inline-block;margin-right: 30px;margin-bottom: 0;}

	.allmenu-list{order:2;flex:1 1 100%;}
	.allmenu-list>ul{display: block;}
	.allmenu-list>ul>li{display: block;}
	.allmenu-list>ul>li>a{text-align: left;margin-right: 0;}
	.allmenu-list>ul>li>a strong{display: inline-block;}
	.allmenu-list>ul>li>a span{display: inline-block;font-size: 13px;margin-left: 10px;opacity: .5;}
	.allmenu-list ul ul{margin-bottom: 40px;display: none;margin-top: 15px;}
	.allmenu-list>ul>li.has-sub-ul>a{position: relative;}
	.allmenu-list>ul>li.has-sub-ul>a:after{content:"";position: absolute;right:10px;top:50%;-webkit-mask: url('../img/svg/chevron-down.svg') no-repeat center;mask: url('../img/svg/chevron-down.svg') no-repeat center;-webkit-mask-size:25px auto;mask-size:25px auto;background-color: #fff;width: 30px;height: 30px;transform:translatey(-50%);transition:all ease-out .3s;}
	.allmenu-list>ul>li.has-sub-ul.allmenu-active>a:after{transform:translatey(-50%) rotate(-180deg);}
	#gnb{display: none;}
	.mobile-nav{display: flex;}
	.snb-wrap{display: none;}

	.sub-container-header{height: 400px;padding: 60px 0 50px;}
	.sub-container-header .group-title{font-size: 48px;}
	.sub-container-header .group-title-eng{font-size: 100px;}
	.scroll-down{left:0px;transform:rotate(-90deg);}
	
	.sub-container-body{width: auto;padding-left: 30px;padding-right: 30px;overflow: hidden;}
	.footer-inner{width: auto;padding-left: 30px;padding-right: 30px;}
}
@media screen and (min-width:1280px){
	.allmenu-list ul ul{display: flex !important;}
}
@media screen and (max-width:1000px){
	#header{height: 80px;}
	.footer-bottom .footer-inner{display: flex;justify-content: center;padding-top: 00px;flex-direction: column;align-items: center;width: 100%;max-width:560px;}
	.footer-content>div{display: flex;flex-direction: column;gap:15px;}
	.footer-content>div>span+span{margin-left: 0;}
	.footer-content>div>span{display: flex;gap:20px;}
	.footer-content>div>span strong{margin-right: 0;flex:0 0 80px;width: 80px !important;}
	.ft-sns-link{width: 100%;justify-content: center;position: static;margin-bottom: 50px;}
	.ft-copyright{text-align: center;}
}
@media screen and (max-width: 768px){
	body{font-size: 0.875rem;}
	#header, #header.nav-fixed{height: 65px;}
	#header h1 a{margin-left: 10px;}	
	#header h1 a svg{height: 50px;}
	#search-btn{width: 40px;height: 40px;mask-size:30px auto;}
	#search-close-btn{right:20px;top:20px;width: 35px;height: 35px;background-size:25px auto;}
	.header-right{padding-right: 12px;}
	#allmenu-btn{width: 40px;}
	#allmenu-btn span{width: 30px;}
	#allmenu-btn span:nth-child(1){width: 20px;transform:translateY(-10px);}
	#allmenu-btn span:nth-child(2){width: 13px;transform:translateY(10px);}
	.allmenu-open #allmenu-btn span:nth-child(1), .allmenu-open #allmenu-btn span:nth-child(2){width: 34px;}
	.sub-container-body.is-wide .page-title-box{padding-top: 30px;}
	.page-title-box{margin-bottom: 50px;}
	
	.group-title{font-size: 24px;}
	.fz-input{height: 45px;font-size: 0.875rem;}
	.check-box label{font-size: 0.875rem;}
	.check-box label.sound_only{font-size: 0;}
	.page-header{margin-bottom: 40px;}
	.submit-btn-wrap, .bottom-btn-wrap{margin-top: 40px;}
	.search-content{padding: 80px 30px;width: 100%;}
	.search-title{font-size: 3rem;}


	.allmenu-list{padding-bottom: 80px;}
	.allmenu-list>ul>li>a{font-size: 18px;}
	.nav-member-link>a{padding: 5px 10px;font-size: 13px;}
	.nav-member-link>span{margin-right: 15px;}
	.nav-content{padding: 80px 15px 20px;}
	.nav-sns-link a, .ft-sns-link a{width: 40px;height: 40px;}
	.nav-sns-link a.nav-sns-youtube, .ft-sns-link a.ft-sns-youtube{background-size: 24px auto;}
	.nav-sns-link a.nav-sns-facebook, .ft-sns-link a.ft-sns-facebook{background-size: auto 24px;}
	.nav-sns-link a.nav-sns-blog, .ft-sns-link a.ft-sns-blog{background-size: auto 24px;}
	.nav-sns-link a.nav-sns-insta, .ft-sns-link a.ft-sns-insta{background-size: auto 24px;}
	.nav-sns-link a.nav-sns-twitter, .ft-sns-link a.ft-sns-twitter{background-size: 24px auto;}
	.nav-sns-link a.nav-sns-x, .ft-sns-link a.ft-sns-x{background-size: 24px auto;}

	.sub-container-header{height: 300px;padding: 60px 0 80px;}
	.sub-container-header .group-title{font-size: 40px;}
	.sub-container-header .group-title-eng{font-size: 60px;right:10px;bottom:60px;}
	.sub-container-body{padding: 30px 15px 50px;min-height:auto;}

	.page-title-box span{font-size: 18px;}
	.page-title-box strong{font-size: 40px;}

	.footer-top .footer-inner{flex-direction: column;justify-content: center;align-items: center;height: auto;padding: 30px 0 40px;}
	.ft-link{margin-top: 20px;}
	.footer-bottom{margin-top: 30px;padding-bottom: 50px;}
	.footer-bottom .footer-inner{padding-left: 15px;padding-right: 15px;}
	.footer-content>div>span strong{width: 70px !important;flex:0 0 70px;}
	#go-top{right:15px;bottom:15px;width: 40px;height: 40px;}
	#go-top:after{width: 40px;height: 40px;}
	.loader-wrap svg{width: 100px;height: 100px;}
	.loader-content svg{width: 100px;height: 100px;}

	.step-box{padding: 0 8px;}
	.page-title-sub, .notice-text, .step-box, .submit-btn-wrap a, .submit-btn-wrap button, .submit-btn-wrap input[type=submit], .bottom-btn-wrap a, .bottom-btn-wrap button, .bottom-btn-wrap input[type=submit]{font-size: 14px;}
	
	.hd_pops{left:15px !important;right:15px !important;top:75px !important}
	.hd_pops_con{width: auto !important;height: auto !important;}
	.hd-device-mobile{display: block;}
	.hd-device-pc{display: none;}

}
@media screen and (max-width: 500px){
	.mobile-nav .sub-top-home{display: none;}
	.mobile-nav .sub-top-select:first-child{border-left: none;}
	
	.sub-container-header{height: 250px;padding: 60px 0 90px;}
	.sub-container-header .group-title{font-size: 34px;}
	.sub-container-header .group-title-eng{font-size: 36px;right:10px;bottom:60px;}
	.sub-container-body{padding: 30px 15px 50px;min-height:auto;}	
	.page-title-box strong{line-height: 1em;font-size: 30px;}
	
	.mobile-nav .select-box{height: 45px !important;}
	.mobile-nav .select-box ul{top:45px !important;}
	.mobile-nav .select-box>a{font-size: 14px;}
}
/* Common End */


/* Sub Page */
.map-box{position: relative;height: 500px;border-bottom: 1px solid #ddd;background: #fff;margin-bottom: 80px;}
.map-box .root_daum_roughmap{position: absolute;left:0;top:0;width: 100%;height: 100%;}
.map-box .wrap_controllers{display: none !important;}

.map-box:before,.map-box:after{content:"";position:absolute;z-index:-1;top:5%;bottom:0;left:10px;right:10px;-webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);-moz-box-shadow:0 0 20px rgba(0,0,0,0.8);box-shadow:0 0 20px rgba(0,0,0,0.8);-moz-border-radius:100px / 10px;border-radius:100px / 10px;}
.map-box:after{right:10px;left:auto;-webkit-transform:skew(8deg) rotate(3deg);-moz-transform:skew(8deg) rotate(3deg);-ms-transform:skew(8deg) rotate(3deg);-o-transform:skew(8deg) rotate(3deg);transform:skew(8deg) rotate(3deg);}

.map-info{background: rgba(0, 0, 0, .5);box-shadow:0 0px 8px rgba(0, 0, 0, .6);backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);color:#fff;width: 1000px;margin:0  auto -40px;position: relative;z-index: 3;height: 120px;display: flex;align-items: center;flex-direction: column;justify-content: center;font-family: Noto Serif KR;}
.map-info div{display: flex;flex-direction: column;gap:10px}
.map-info div span{display: block;position: relative;font-size: 26px;font-weight: 600;}
.map-info div span br{display: none;}
.map-info div a{display: block;position: relative;font-size: 24px;font-weight: 600;text-align: center;color:#fff;}

.map-info p{margin-top: 10px;font-size: 2rem;}


.map-detail-wrap{padding-top: 30px;}
.map-detail-box{display: flex;}
.map-detail-box:last-child{margin-top: 50px;}
.map-detail-title{flex:0 0 220px;font-size: 24px;padding-left: 50px;line-height: 1em;}
.map-detail-title h3{}
.map-detail-title span{font-size: 16px;color:#aaa;margin-top: 5px;}
.map-detail-title.public-transport{background: url("../img/icon_traffic.jpg") 0 0 no-repeat;}
.map-detail-title.parking{background: url("../img/icon_parking.jpg") 0 5px no-repeat;}
.map-detail-ul{flex-grow:1;}
.map-detail-ul li{position: relative;padding-left: 20px;font-size: 16px;line-height: 1.6em;margin-bottom: 18px;}
.map-detail-ul li:last-child{margin-bottom: 0;}
.map-detail-ul li:before{content: "";position: absolute;left:5px;top:11px;width: 4px;height: 4px;background: #333;border-radius:50%;}
.map-detail-ul li strong{display: block;font-weight: 500;font-size: 18px;}
.map-detail-ul li span{display: block;color:#666;margin-top: 8px;}


.ul-style1>li{font-weight: 500;position: relative;padding-left: 18px;margin-bottom: 10px;line-height: 1.4em;}
.ul-style1>li:last-child{margin-bottom: 0;}
.ul-style1>li:before{content:"";width: 7px;height: 2px;background: #4e4e4e;position: absolute;left:2px;top:10px;}

.organization-wrap{display: flex;justify-content: center;align-items: center;flex-direction: column;}
.organization-wrap .organization-title{font-size: 24px;font-weight: 600;color:#fff;position: relative;width: 180px;height: 180px;display: flex;justify-content: center;align-items: center;letter-spacing:3px;border-radius:50%;animation: 1s ease-out 1s late-shadow both;}
.organization-wrap .organization-title:before{content: "";position: absolute;left:20px;top:20px;bottom:20px;right:20px;border-radius:50%;background: #369;z-index: -1;}

.organization-title:after{content: "";position:absolute; left:50%;top:50%; transform:translateX(-50%) translateY(-50%); border:2px solid #369; border-radius:50%; pointer-events:none;z-index: 2;width: 100%;height: 100%;opacity: 0;z-index: 5;animation: 1s ease-out 0.75s fade-circle both; }

.organization-sub1{width: 160px;height: 55px;font-size: 18px;color:#fff;background: #369;display: flex;justify-content: center;align-items: center;border-radius:5px;position: relative;margin-top: 52px;}
.organization-sub1:after{content: "";left: 50%;top:-40px;height: 40px;border-left: 1px dashed #ccc;position: absolute;}

.organization-sub2{width: 160px;height: 55px;font-size: 18px;color:#fff;background: #369;display: flex;justify-content: center;align-items: center;border-radius:5px;position: relative;margin-top: 20px;}
.organization-sub2:after{content: "";left: 50%;top:-20px;height: 20px;border-left: 1px dashed #ccc;position: absolute;}

.organization-box{display: flex;gap:0 30px;padding-top: 94px;width: 100%;justify-content: center;}
.organization-box>li{width: 100%;position: relative;}
.organization-box>li>ul{padding: 0px 0;}
.organization-box>li>ul>li{border: 1px solid #ccc;border-radius:5px;margin-bottom: 10px;}
.organization-box>li>ul>li>div{background: #efefef;height: 50px;display: flex;justify-content: center;align-items: center;}
.organization-box>li>ul>li>ul{padding: 11px 23px;}
.organization-box>li>ul>li>ul>li{position: relative;padding-left: 13px;line-height: 1.3em;color:#666}
.organization-box>li>ul>li>ul>li:after{content: "";width: 5px;height: 5px;background: #888;position: absolute;left:0;top:7px;border-radius:50%;}


.organization-box>li:before{content: "";left: 50%;top:-47px;height: 47px;width: 0;border-left: 1px dashed #ccc;position: absolute;}
.organization-box>li:after{content: "";top:-47px;height: 47px;border-top: 1px dashed #ccc;position: absolute;left:-15px;right:-15px;}
.organization-box>li:first-child:after{left:50%;}
.organization-box>li:last-child:after{right:50%;}
.organization-box>li.center:before{content: "";left: 50%;top:-94px;height: 94px;width: 0;border-left: 1px dashed #ccc;position: absolute;}

.organization-sub1-ul{margin-top: 60px;position: relative;display: flex;}
.organization-sub1-ul:before{content: "";left: 50%;top:-60px;height: 60px;width: 1px;border-left: 1px dashed #ccc;position: absolute;}
.organization-sub1-ul:after{content: "";left: 50%;top:0;height: 100%;width: 1px;border-left: 1px dashed #ccc;position: absolute;}
.organization-sub1-ul li{}
.organization-sub1-ul li:nth-of-type(1){margin-right: 80px;}
.organization-sub1-ul li:nth-of-type(1):after{content: "";right: -80px;top:50%;height: 1px;width: 80px;border-top: 1px dashed #ccc;position: absolute;}
.organization-sub1-ul li:nth-of-type(2){margin-left: 80px;}
.organization-sub1-ul li:nth-of-type(2):after{content: "";left: -80px;top:50%;height: 1px;width: 80px;border-top: 1px dashed #ccc;position: absolute;}

.organization-sub-style1{width: 200px;height: 55px;font-size: 22px;color:#fff;background: #369;display: flex;justify-content: center;align-items: center;border-radius:5px;position: relative;}
.organization-sub-style1.bt-line:after{content: "";position: absolute;left:50%;bottom:-47px;height: 47px;border-left: 1px dashed #ccc;width: 0;}

.organization-sub2{margin-top: 40px;}
.organization-sub2:after{content: "";left: 50%;top:-40px;height: 40px;width: 1px;border-left: 1px dashed #ccc;position: absolute;}


.greeting-wrap{overflow: hidden;width: 100%;position: relative;margin-bottom: 80px;font-family: 'GG';}
.greeting-container{width: 1400px;margin: 0 auto;display: flex;}
.greeting-container:after{content: "";background: #36c;width: calc(50% - 200px);height: 500px;position: absolute;right:0;top:50px;animation: 0.5s ease-out 0.75s greeting-bg both;box-shadow:5px 5px 20px rgba(0, 0, 0, .5);}
.greeting-content{padding-left: 100px;padding-right: 100px;}
.greeting-img-wrap{flex: 0 0 450px; position: relative;z-index: 2;}
.greeting-img-wrap img{width: 100%;box-shadow:5px 5px 20px rgba(0, 0, 0, .5);}
.greeting-img-text{font-family: 'GG';color:#fff;font-size: 24px;text-align: center;margin-top: 25px;text-shadow:2px 2px 5px rgba(0, 0, 0, .5);}

.greeting-header{font-size: 30px;line-height: 1.6em;color:#337ccf;position: relative;padding-bottom: 35px;margin-bottom: 40px;}
.greeting-header:after{position: absolute;left: 0;bottom: 0;width: 150px;height: 1px;background: #337ccf;content: "";}
.greeting-main{font-size: 20px;line-height: 1.8em;}

.greeting-bottom{font-size: 26px;margin-top: 50px;text-align: right;}
.greeting-bottom strong{margin-right: 20px;}

/* vision */
.vision-content-wrap{position: relative;padding: 150px 0 150px;padding-left: 80px;font-family: 'GG';}
.vision-content-bg{content: '';position: absolute;left:0;top:0;height: 50%;width: 0%;background: #f3f5fa;}
.vision-content{display: flex;gap:100px;justify-content: center;}
.vision-content li{display: flex;flex-direction: column;align-items: center;position: relative;z-index: 2;}
.vision-icon-box{position: relative;display: flex;width: 270px;	height: 270px;align-items: center;justify-content: center;border: 1px solid #333;border-radius:50%;    backdrop-filter: blur(5px);-webkit-backdrop-filter:blur(5px);background: rgba(255, 255, 255, .3);}
.vision-icon-box img{max-height:100%;width: 150px;}
.vision-icon-box:after{content:"";left:0;top:20px;width: 100%;height: 100%;background: inherit;position: absolute;background-size: cover;filter:blur(12px);z-index: -1;opacity: .5;transition:all ease-out .4s;}
.vision-content li strong{display: block;margin-top: 40px;font-size: 24px;margin-bottom: 20px;font-weight: 400;}
.vision-content li div{display: block;margin-top: 10px;font-size: 18px;font-weight: 400;text-align: center;line-height: 1.8;}



.th-container{width: 1200px;margin: 0 auto;}
.th-text1-wrap{font-family: 'GG';font-size: 50px;text-align: center;font-weight: 400;line-height: 1.6;margin: 120px 0;}
.th-text1-wrap > div {overflow: hidden;height: 1.6em;}
.th-text1-wrap span {display: block;}
/* .th-text1-3{font-size: 28px;margin-top: 40px;} */

.th-image-area{overflow: hidden;}
.th-main-img{text-align: center;width: 70%;min-width:1400px;overflow: hidden;margin: 0 auto;border-radius:30px;position: relative;}
.th-main-img img{width: 100%;height: 100vh;object-fit:cover;position: relative;}
.th-main-bg{position: absolute;left:0;top:0;width: 100%;height: 100%;background: rgba(0, 0, 0, .5);opacity: 0;}


.th-text2-wrap{font-family: 'GG';font-size: 40px;text-align: center;font-weight: 400;line-height: 1.6;position: absolute;left:50%;top:50%;transform:translate(-50%, -50%);color:#fff;z-index: 3; opacity: 0;} /* 초기 투명도 0으로 설정 */
.th-text2-wrap > div {overflow: hidden;height: 1.6em;}
.th-text2-wrap span {display: block;}





/* Inquiry */
#subpage-inquiry-wrap .inquiry-wrap{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;}
#subpage-inquiry-wrap .inquiry-box{position:relative;width:1200px;height:550px;display:flex;justify-content:flex-end;z-index:2;}
#subpage-inquiry-wrap .inquiry-left{position:absolute;left:0;top:40px;height:calc(100% - 80px);width:350px;background:var(--inquiry-title-bg);padding:40px;box-shadow:0 20px 20px rgba(0,0,0,.2);z-index:3;padding-top:80px;transform:translatex(-50px);opacity:0;}
#subpage-inquiry-wrap .inquiry-right{padding:70px 50px;background:#fff;margin-left:150px;padding-left:250px;width:calc(100% - 150px);height:100%;box-shadow:0 15px 30px rgba(0,0,0,.5);position:relative;z-index:2;transform:translatex(50px);opacity:0;display:flex;align-items:center;}
#subpage-inquiry-wrap .inquiry-title{color:#fff;font-family:'PD';font-size:48px;text-shadow:3px 3px 5px rgba(0,0,0,.5);text-align:center;}
#subpage-inquiry-wrap .inquiry-sub-txt{color:#fff;margin-top:50px;font-family:'GG';font-size:20px;line-height:1.6em;text-align:center;opacity:.8;}
#subpage-inquiry-wrap .inquiry-sub-txt>div{overflow:hidden;}
#subpage-inquiry-wrap .inquiry-sub-txt>div:last-child{margin-top:30px;}
#subpage-inquiry-wrap .inquiry-sub-txt>div>span{display:block;transform:translatey(100%);}

#subpage-inquiry-wrap .inquiry-form-box{display:flex;justify-content:space-between;flex-flow:wrap;margin-bottom:20px;}
#subpage-inquiry-wrap .inquiry-form-box>div{width:calc(50% - 16px);margin-bottom:45px;position:relative;}

#subpage-inquiry-wrap .inquiry-right-content{opacity:0;}
#subpage-inquiry-wrap .inquiry-form-box textarea,
#subpage-inquiry-wrap .inquiry-form-box select,
#subpage-inquiry-wrap .inquiry-form-box input[type="text"]{width:100%;padding:5px 0;font-size:18px;color:#333;border:none;outline:none;border-bottom:1px solid #777;resize:none;-webkit-appearance:none;-webkit-border-radius:0;} 
#subpage-inquiry-wrap .inquiry-form-box select{}
#subpage-inquiry-wrap .inquiry-form-box textarea{min-height:90px;line-height:1.4em;} 
#subpage-inquiry-wrap .inquiry-form-box label{position:absolute;left:0px;top:0;padding:5px 0;letter-spacing:0;font-size:18px;pointer-events:none;transition:all .3s ease-out;}
#subpage-inquiry-wrap .inquiry-form-box>div.w100p{width:100%;margin-bottom:0;}
#subpage-inquiry-wrap .inquiry-form-box>div input:focus~label, 
#subpage-inquiry-wrap .inquiry-form-box>div input:valid~label,
#subpage-inquiry-wrap .inquiry-form-box>div textarea:focus~label, 
#subpage-inquiry-wrap .inquiry-form-box>div textarea:valid~label{transform:translatey(-28px);font-size:15px;font-weight:600;color:var(--inquiry-focus-color);}

#subpage-inquiry-wrap .inquiry-header-title{font-family:"GG";font-size:24px;margin-bottom:50px;color:var(--inquiry-text-color);font-weight:900;}
#subpage-inquiry-wrap .inquiry-form-bottom{display:flex;justify-content:space-between;gap:10px;}
#subpage-inquiry-wrap .inquiry-form-bottom .check-box label{top:0px;}
#subpage-inquiry-wrap .inquiry-form-bottom .check-box input:checked~span{background:var(--inquiry-text-color)}
#subpage-inquiry-wrap .inquiry-form-bottom .check-box input:focus~span{border-color:var(--inquiry-text-color);}
#subpage-inquiry-wrap .inquiry-privacy-link{background:var(--inquiry-text-color);color:#fff;display:inline-block;padding:3px 15px;border-radius:15px;font-size:14px;margin-left:10px;}
#subpage-inquiry-wrap .inquiry-button{padding-top:20px;text-align:right;}
#subpage-inquiry-wrap .inquiry-captcha #captcha #captcha_info{font-size:16px;}
#subpage-inquiry-wrap .inquiry-captcha #captcha #captcha_key{font-size:18px;}
#subpage-inquiry-wrap .inquiry-submit{background:var(--inquiry-text-color);color:#fff;border:none;font-size:18px;font-weight:400;display:block;width:160px;height:40px;display:inline-block;position:relative;}
#subpage-inquiry-wrap .inquiry-submit span{position:relative;z-index:2;}
#subpage-inquiry-wrap .inquiry-submit:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:var(--inquiry-submit-hover-color);transition:all .5s ease-out;clip-path:circle(0%);}
#subpage-inquiry-wrap .inquiry-submit:hover:before, 
#subpage-inquiry-wrap .inquiry-submit:focus:before{clip-path:circle(100%);}

#subpage-inquiry-wrap .inquiry-wrap.active{}
#subpage-inquiry-wrap .inquiry-wrap.active:before, 
#subpage-inquiry-wrap .inquiry-wrap.active:after{top:0;transition:all .5s ease-out;}
#subpage-inquiry-wrap .inquiry-wrap.active .inquiry-sub-txt span{transform:translatey(0);transition:all .5s ease-out 1.6s;}
#subpage-inquiry-wrap .inquiry-wrap.active .inquiry-right{transform:translate(0);opacity:1;transition:all .5s ease-out .5s;}
#subpage-inquiry-wrap .inquiry-wrap.active .inquiry-left{transform:translate(0);opacity:1;transition:all .5s ease-out .8s;}
#subpage-inquiry-wrap .inquiry-wrap.active .inquiry-right-content{transform:translate(0);opacity:1;transition:all .3s ease-out .10s;}

/* 사업안내 */
.business-overview-wrap{overflow: hidden;}
#fx-section{position: fixed;top: 0;left: 0;width: 100%;height: 100vh;clip-path: circle(0px at center);}
#fx-section .fx-video-player{position: absolute;left:0;top:0;width: 100%;height: 100%;background-size: cover !important;background-position: center !important;}
#fx-section .fx-video-content{position: absolute;left:0;top:0;width: 100%;height: 100%;background: rgba(0, 0, 0, .7);z-index: 5;font-size: 50px;font-family: 'GG';display: flex;align-items: center;justify-content: center;color:#fff;}
.fx-video-text{font-family: 'GG';font-size: 46px;text-align: center;font-weight: 400;line-height: 1.6;overflow: hidden;}
.fx-video-text span{display: block;opacity: 0;transform: translateY(100%);}

.business-section-header{text-align: center;}
.business-section-title{font-size: 48px;font-weight: bold;color: #333;margin-bottom: 30px;position: relative;padding-bottom: 20px;}
.business-section-title:after{content: '';position: absolute;left:50%;bottom:0;width: 0px;height: 3px;background: #000;display: block;transform:translatex(-50%);transition:all .5s ease-out .5s;}
.business-section-title.aos-animate:after{width: 60px;}
.business-section-desc{font-size: 20px;color: #333;line-height: 1.6;font-weight: 500;}

.business-overview-header{margin: 120px 0 30px;}
.esg-section-header{margin: 50px 0 100px;}

.business-overview-ul{width: 1400px;margin: 0 auto;}
.business-overview-ul>li{display: flex;padding: 100px 0;}
.business-overview-ul li>div{width: 50%;}
.business-overview-ul li .business-overview-img {position: relative;}
.business-overview-ul li .business-overview-img:after{content: '';width: 100%;height: 100%;position: absolute;right:100px;bottom:-100px;background: #f3f3f3;transform:translatey(-50px);opacity: 0;transition:all .5s ease-out 0.8s;}
.business-overview-ul li .business-overview-img.aos-animate:after{transform:translatey(0px);opacity: 1;}
.business-overview-ul li .business-overview-img img{vertical-align: top;width: 100%;aspect-ratio:700/500;object-fit:cover;box-shadow:-10px 10px 20px rgba(0,0,0,0.3);position: relative;z-index: 5;}
.business-overview-ul li .business-overview-content{padding: 80px;display: flex;flex-direction: column;justify-content: center;}
.business-overview-num{position: relative;width: fit-content;font-family: 'PD';color:#36c;font-size: 24px;padding-bottom: 5px;font-weight: 600;}
.business-overview-num:after{content: '';position: absolute;left:0;bottom:0;height: 1px;width: 100%;background: #36c;}
.business-overview-title{font-size: 34px;font-weight: 600;margin-bottom: 30px;margin-top: 20px;}
.business-overview-title span{font-size: 24px;font-family: 'PD';margin-left: 5px;color:#999;}
.business-overview-info{font-size: 20px;font-weight: 300;display: flex;flex-direction: column;gap:10px;}
.business-overview-info li{padding-left: 10px;position: relative;line-height: 1.4;padding-left: 22px;}
.business-overview-info li:before{content: '';position: absolute;left:0;top:13px;background: #000;width: 10px;height: 2px;}

.business-overview-ul>li:nth-child(2n) .business-overview-img{order:2;}
.business-overview-ul>li:nth-child(2n) .business-overview-content{order:1;}
.business-overview-ul>li:nth-child(2n) .business-overview-img:after{left:100px;right:auto;}
.business-overview-ul>li:nth-child(2n) .business-overview-img img{box-shadow:10px 10px 20px rgba(0,0,0,0.3);}

.business-bottom-container{position: relative;margin-top: 250vh;background: #fff;padding-top: 100px;min-height: 100vh;}

.esg-section{display: flex;gap:50px;width: 1400px;margin: 0 auto;list-style: none;} 
.esg-section li{position: relative;aspect-ratio:100 / 140;flex:1 1 100%;color:#fff;}
.esg-section .esg-box{position: relative;height: 100%;transition:all .3s ease-out;border-radius:30px;overflow: hidden;transition: all 0.3s ease-out;} 
.esg-section .esg-img{position: absolute;left:50%;top:50%;width: 100%;height: 100%;transform:translate(-50%, -50%);object-fit:cover;filter: brightness(60%);transition: all 0.3s ease-out;} 
.esg-section .esg-content{position: absolute;bottom: 0;left: 0;right: 0;z-index: 1;padding: 30px 30px 50px;background: linear-gradient(transparent, rgba(0,0,0,0.7));transition: all 0.3s ease-out;}
.esg-section li:hover .esg-box{transform:translatey(-15px);box-shadow:0px 10px 30px rgba(0, 0, 0, .5);}
.esg-section li:hover .esg-img{transform:translate(-50%, -50%) scale(1.05);filter: brightness(40%);}
.esg-section li:hover .esg-content{padding-bottom: 70px;}
.esg-title{font-size: 24px;font-weight: bold;margin-bottom: 10px;}
.esg-text{font-size: 16px;line-height: 1.5;opacity: 0.9;}

.business-bottom-link{display:flex;margin-top:150px;}
.business-bottom-link a{display:flex;width:50%;color:#fff;position:relative;height:300px;justify-content:center;align-items:center;flex-direction:column;overflow:hidden;transition:all .8s ease-out !important;}
.business-bottom-link a::before{content:'';position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .4s ease;transform:scale(1);z-index:0;filter: brightness(50%);}
.business-bottom-link a.business-bottom-link1::before{background-image:url(../img/sample/c1.jpg);}
.business-bottom-link a.business-bottom-link2::before{background-image:url(../img/sample/d8.jpg);}
.business-bottom-link a::after{content: '';position: absolute;left:0;top:0;width: 100%;height: 100%;background: #fff;clip-path: polygon(0 0,100% 0,100% 100%,0 100%);z-index: 100;transition:all .4s ease-out;}
.business-bottom-link a.aos-animate::after{clip-path: polygon(50% 50%,50% 50%,50% 50%,50% 50%);}

.business-bottom-link a:hover::before{transform:scale(1.05);}
.business-bottom-link a strong{position:relative;z-index:5;display:block;text-align:left;font-size:32px;margin-bottom:20px;}
.business-bottom-link a span{position:relative;z-index:5;display:block;opacity:1;font-size:18px;text-align:center;line-height:1.6;color:#ccc}


/* 사업영역 */
.business-info-ul{display: flex;gap:80px;flex-direction: column;width: 1400px;margin: 0 auto;margin-bottom: 100px;}
.business-info-ul>li{display: flex;gap:70px;}
.business-info-ul>li .business-section-title{position: -webkit-sticky;  position: sticky;left:0;top:130px;align-self:flex-start; flex:0 0 220px;color:#33375c;display: flex;flex-direction: column;gap:5px;text-align: right;padding-top: 10px;}
.business-info-ul>li .business-section-title:before{position: absolute;right:0;top:0;width: 40px;height: 2px;background: #33375c;content: '';}
.business-info-ul>li .business-section-title strong{display: block;font-size: 40px;}
.business-info-ul>li .business-section-title span{display: block;font-size: 24px;font-family: 'PD';}
.business-info-ul>li .business-part-box{flex:1 1 100%;}
.business-content{display: flex;gap:40px;flex-direction: column;}
.business-part-title{padding-left: 10px;font-size: 30px;font-weight: 700;margin-bottom: 20px;position: relative;padding-left: 30px;line-height: 1;color:#000;}
.business-part-title em{font-size: 18px;margin-left: 10px;opacity: .6;font-style: normal;font-weight: 400;font-family: 'PD';}
.business-part-title:before{position: absolute;left:10px;top:2px;bottom:2px;width: 5px;background: #000;content: '';border-radius:3px;}
.business-part-ul{display: flex;flex-wrap:wrap;}
.business-part-ul li{width: 50%;padding: 10px;}
.business-part-ul li img{width: 100%;vertical-align: top;aspect-ratio:2/1.3;object-fit:cover;}

.business-info-header{font-size: 34px;text-align: center;line-height: 1.4;margin-bottom: 150px;position: relative;padding-bottom: 30px;}
.business-info-header:after{width: 1px;height: 0px;background: #000;content: '';position: absolute;left:50%;transform:translatex(-50%);top:100%;transition:all .5s ease-out 0.5s;}
.business-info-header.aos-animate:after{height: 80px;}


/* Install Notice */
.install-notice-section{position: relative;display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;overflow: hidden;}
.install-notice-bg{background-image: url("../img/sample/bg8.jpg");background-position: center center;background-size: cover;background-repeat: no-repeat;position: absolute;left:0;top:0;width: 100%;height: 100%;transform:scale(1.15);transition:transform 1.3s ease-out, filter 2s ease-out 0.5s;}
.install-notice-bg:after{position: absolute;left:0;top:0;width: 100%;height: 100%;content: '';transition:all 2s ease-out }
.install-notice-section.active .install-notice-bg{transform:scale(1);filter: brightness(0.5);}
.install-notice-section.active .install-notice-bg:after{backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);}

.install-notice-box{width: 500px;padding: 30px 30px;border-radius:10px;backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);position: relative;z-index: 5;background: #fff;opacity: 0;transition:all 1.3s ease-out;margin: 0 30px;max-width:100%;box-shadow:5px 5px 15px rgba(0, 0, 0, .5);}
.install-notice-section.active .install-notice-box{opacity: 1;}

.install-alert-text{position: relative;gap:5px;font-size: 18px;position: relative;padding-left: 30px;line-height: 1.4em;}
.install-alert-text:before{content: "";display: inline-block;width: 20px;height: 20px;mask: url('../img/svg//alert-triangle.svg') no-repeat 0 0;mask-size:20px auto;background: #e60003;position: absolute;left:0;top:2px;}

.install-btn-wrap{text-align: center;margin-top: 20px;}
.app-btn{display: inline-flex;align-items: center;justify-content: center;border-radius:20px;font-size: 16px;transition:all .3s ease;position: relative;overflow: hidden;font-weight: 500;padding: 10px 30px;}
.app-btn span{position: relative;z-index: 2;}
.app-btn:before{content: "";position: absolute;left:0;top:0;width: 100%;height: 100%;transition:all .4s ease-out;clip-path: circle(0%);}
.app-btn:hover, .app-btn:focus{box-shadow:0px 5px 10px rgba(0, 0, 0, .3);font-weight: 600;color:#fff;}
.app-btn{color:#36c;border: 1px solid #36cc;}
.app-btn:before{background: #36c;}
.app-btn:hover:before, .app-btn:focus:before{clip-path: circle(100%);}


@media screen and (max-width:1400px){
	.greeting-container{width: auto;}
	.greeting-header{font-size: 26px;}
	.greeting-img-wrap{flex:0 0 350px;margin-right: 30px;}
	.greeting-container:after{width: 410px;height: 380px;}
	.greeting-content{padding-left: 50px;padding-right: 80px;}
	
	.business-overview-ul{width: auto;padding: 0 50px;overflow: hidden;}
	.business-overview-ul>li{padding: 50px 0;}
	.business-overview-ul li .business-overview-content{padding: 0;padding-left: 60px;}
	.business-overview-ul li .business-overview-img:after{bottom:-50px;}
	
	.business-overview-title{font-size: 30px;margin: 20px 0 20px;}
	.business-overview-title span{font-size: 20px;}
	.business-overview-info{font-size: 16px;}
	.business-overview-info li{padding-left: 15px;}
	.business-overview-info li:before{content: '';position: absolute;left:0;top:9px;background: #000;width: 8px;height: 2px;}
	
	.business-overview-ul>li:nth-child(2n) .business-overview-content{padding-left: 20px;padding-right: 30px;}
	
	.esg-section{width: 700px;margin: 0 auto;flex-wrap:wrap;}
	.esg-section li{flex: 1 1 40%;}	
	
	.business-info-ul{width: auto;}
	
	.th-main-img{width: 100%;min-width: unset;border-radius: 0;}
}
@media screen and (max-width:1280px){
	.map-info{width: auto;margin: 0 50px -40px;}
	
	#subpage-inquiry-wrap .inquiry-wrap{padding: 80px 30px;height: auto;}
	#subpage-inquiry-wrap .inquiry-box{width: auto;padding-right: 0px;}
	
	.business-info-ul>li .business-section-title strong{font-size: 36px;}
	.business-info-ul>li .business-section-title span{font-size: 20px;}
	.business-info-ul>li .business-section-title{flex:0 0 180px;}
	.business-info-ul>li{gap:50px;}	
	
	.th-container{width: 95%; padding: 0 20px; box-sizing: border-box;}
	.vision-content-wrap{padding: 100px 0 50px;}
	.vision-content{flex-direction: column;gap: 70px;padding-bottom: 50px;}
	.vision-content li{width: 100%;}
	.vision-icon-box{width: 250px;height: 250px;}
	.vision-content li strong{margin-top: 40px; font-size: 20px;}
	
	#subpage-inquiry-wrap .inquiry-form-bottom{flex-direction: column;}
	#subpage-inquiry-wrap .inquiry-button{margin-top: 15px;text-align: center;}
}
@media screen and (max-width:1000px){
	.map-info {padding: 25px;height: auto;text-align: center;}
	.map-info div{flex-direction: column;align-items: center;justify-content: center;gap:10px;}
	.map-info div span{display: block;font-size: 20px;}
	.map-info div a{display: block;font-size: 18px;}


	.organization-wrap .organization-title{}
	.organization-box{padding-top: 30px;flex-wrap:wrap;justify-content: center;}
	.organization-box>li:first-child:before{height: 30px;display: block;top:-30px;}
	.organization-box>li:before{display: none;}
	.organization-box>li:after{display: none;}
	.organization-box>li{max-width: 600px;}

	.organization-sub1-ul, .organization-sub2, .organization-sub-style1{max-width:600px;width: 100%;}
	.organization-sub1-ul{gap:80px}
	.organization-sub1-ul li{flex: 1 1 40%;margin: 0 !important;}
	.organization-sub1-ul li:nth-of-type(1):after{right: -40px;width: 40px;}
	.organization-sub1-ul li:nth-of-type(2):after{left: -40px;width: 40px;}	

	.greeting-container{flex-direction: column;align-items: center;}
	.greeting-img-wrap{flex:auto;width: 330px;order:1;margin-bottom: 80px;margin-right: 0;}
	.greeting-content{order:2;padding-right: 50px;}
	.greeting-container:after{width: 100%;}
	
	#subpage-inquiry-wrap .inquiry-left{width: 230px;}
	#subpage-inquiry-wrap .inquiry-title{font-size: 40px;}
	#subpage-inquiry-wrap .inquiry-sub-txt{font-size: 16px;}
	#subpage-inquiry-wrap .inquiry-right{padding-left: 100px;padding-right: 30px;}
	#subpage-inquiry-wrap .inquiry-form-box>div{width: calc(50% - 8px);}
	
	.business-overview-ul{max-width:700px;}
	.business-overview-ul>li{flex-direction: column;gap:80px;}
	.business-overview-ul li>div{width: 100%;}
	.business-overview-ul li .business-overview-img img{box-shadow:10px 10px 20px rgba(0, 0, 0, .3);}
	.business-overview-ul li .business-overview-img:after{right:auto;left:50px;bottom:-50px;}
	
	.business-overview-ul>li:nth-child(2n) .business-overview-img{order:1;}
	.business-overview-ul>li:nth-child(2n) .business-overview-content{order:2;padding-left: 60px;padding-right: 0;}	
	
	.fx-video-text{font-size: 36px;}
	
	
	.business-info-ul{padding: 0 30px;}
	.business-info-ul>li{flex-direction: column;gap:10px;}
	.business-info-ul>li .business-section-title{position: relative;top:0;left:0;flex:auto;flex-direction: row;align-items: flex-end;padding-bottom: 14px;width: 100%;}
	.business-info-ul>li .business-section-title strong{line-height: 1em;}
	.business-info-ul>li .business-section-title span{line-height: 1em;margin-bottom: 3px;margin-left: 5px;}
	.business-info-ul>li .business-section-title:before{left:0;bottom:0;top:auto;width: 100%;}
	.business-part-title{font-size: 24px;}
	.business-part-title em{font-size: 16px;}	
}
@media screen and (max-width:768px){
	.map-info{margin: 0 20px -40px;padding: 20px;}
	.map-info div span{font-size: 16px;}
	.map-info div a{font-size: 16px;}
	.map-info p{font-size: 1.4rem;}
	.map-box{margin-bottom: 50px;}

	.map-box .root_daum_roughmap .wrap_map{height: 400px !important;}
	.map-box{height: 400px;}

	.map-detail-box{flex-wrap:wrap;}
	.map-detail-title{flex:1 1 100%;font-size: 20px;display: flex;gap:10px;align-items: center;min-height: 40px;}
	.map-detail-title h3{display: inline-block;}
	.map-detail-title span{font-size: 14px;}
	.map-detail-ul{flex:1 1 100%;margin-top: 30px;}
	.map-detail-ul li{font-size: 14px;}
	.map-detail-ul li:before{top:10px;}

	.organization-wrap .organization-title{width: 160px;height: 160px;font-size: 24px}
	.organization-sub-style1{font-size: 18px;}
	.organization-sub1-ul{margin-top: 40px;gap:60px;}
	.organization-sub1-ul:before{height: 40px;top:-40px;}
	.organization-sub1-ul li:nth-of-type(1):after{right: -30px;width: 30px;}
	.organization-sub1-ul li:nth-of-type(2):after{left: -30px;width: 30px;}	
	.organization-wrap2, .organization-wrap3{margin-top: 50px;}

	.greeting-header{font-size: 20px;}
	.greeting-content{padding-left: 15px;padding-right: 15px;}
	.greeting-main{font-size: 16px;}
	.greeting-bottom{font-size: 20px;}

	.install-notice-box{padding: 25px 20px;margin: 0 20px;}
	.install-alert-text{font-size: 16px;}
	.app-btn{font-size: 14px;}
	
	#subpage-inquiry-wrap .inquiry-wrap{padding: 0 15px;}
	#subpage-inquiry-wrap .inquiry-box{flex-direction: column;height: auto;padding-top: 130px;}
	#subpage-inquiry-wrap .inquiry-left{width: auto;height: auto;left:40px;right:40px;padding: 30px 10px;top:0;}
	#subpage-inquiry-wrap .inquiry-right{width: auto;margin-left: 0;padding: 170px 30px 50px;height: auto;}
	#subpage-inquiry-wrap .inquiry-title{font-size: 36px;}
	#subpage-inquiry-wrap .inquiry-form-box>div{width: 100%;}
	#subpage-inquiry-wrap .inquiry-sub-txt{margin-top: 20px;}
	#subpage-inquiry-wrap .inquiry-sub-txt>div:last-child{margin-top: 15px;}
	#subpage-inquiry-wrap .inquiry-header-title{font-size: 20px;}
	#subpage-inquiry-wrap .inquiry-form-box textarea, #subpage-inquiry-wrap .inquiry-form-box select, #subpage-inquiry-wrap .inquiry-form-box input[type="text"]{font-size: 16px;}
	#subpage-inquiry-wrap .inquiry-form-box label{font-size: 16px;}

	#subpage-inquiry-wrap .inquiry-wrap.active .inquiry-right{transform:translate(0);opacity: 1;transition:all .5s ease-out .8s;}
	#subpage-inquiry-wrap .inquiry-wrap.active .inquiry-left{transform:translate(0);opacity: 1;transition:all .5s ease-out .5s;}
	#subpage-inquiry-wrap .inquiry-wrap.active .inquiry-right-content{transform:translate(0);opacity: 1;transition:all .3s ease-out .10s;}	
	
	#subpage-inquiry-wrap .inquiry-button{margin-top: 0;}
	#subpage-inquiry-wrap .inquiry-submit{font-size: 14px;width: 120px;height: 36px;}	
	
	.business-section-title{font-size: 30px;}
	.business-section-desc{font-size: 16px;padding: 0 15px;letter-spacing:-1px;}
	.business-overview-header{margin: 50px 0 30px;}
	.business-overview-ul{padding: 0 15px;gap:50px;display: flex;flex-direction: column;}
	.business-overview-ul>li{gap:30px;padding: 0;}
	.business-overview-ul li .business-overview-img:after{display: none;}
	.business-overview-ul li .business-overview-content{padding: 0 10px !important;}
	.business-overview-num{font-size: 20px;}
	.business-overview-title{font-size: 24px;margin: 15px 0;}
	.business-overview-info{font-size: 14px;gap:7px;}

	.fx-video-text{font-size: 24px;}
	.business-bottom-container{padding-top: 50px;}
	.esg-section-header{margin: 0px 0 50px;}
	
	.esg-section-wrap{display: flex;justify-content: center;padding: 0 15px;}
	.esg-section{width: 375px;margin: 0 auto;flex-wrap:wrap;gap:30px;max-width:100%;}
	.esg-section li{flex: 1 1 100%;aspect-ratio:100 / 110;}
	.esg-title{font-size: 20px;}
	.esg-text{font-size: 14px;}
	
	.business-bottom-link{margin-top: 70px;flex-direction: column;}
	.business-bottom-link a{width: 100%;}
	.business-bottom-link a strong{font-size: 26px;}
	.business-bottom-link a span{font-size: 14px;}
	
	
	.business-info-header{font-size: 22px;padding: 0 30px 30px;margin-bottom: 70px;}
	.business-info-header.aos-animate:after{height: 40px;}
	.business-info-ul{padding: 0 15px;}
	.business-info-ul>li .business-section-title{margin-bottom: 20px;}	
	.business-info-ul>li .business-section-title strong{font-size: 24px;}
	.business-info-ul>li .business-section-title span{font-size: 16px;}
	.business-part-title:before{left:0;width: 3px;height: 16px;}
	.business-part-title{font-size: 20px;padding-left: 12px;margin-bottom: 12px;}
	.business-part-title em{font-size: 14px;}
	.business-part-ul{margin: 0 -5px;}
	.business-part-ul li{padding: 5px;}	

	
	.th-text1-wrap{font-size: 36px;margin: 80px 0;}
	.th-text2-wrap{font-size: 32px;}
	.vision-content-wrap{padding: 80px 0 40px;}

	.vision-icon-box{width: 200px;height: 200px;}	
}
@media screen and (max-width:500px){
	.business-info-ul{gap:50px;margin-bottom: 50px;}
	.business-info-header{font-size: 18px;}	
	.business-info-header br{display: none;}	
	.business-part-ul li{width: 100%;}

	
	.th-text1-wrap{font-size: 28px; margin: 60px 0;}
	.th-text2-wrap{font-size: 24px; }
	.vision-content-wrap{padding: 60px 0 30px; }
	.vision-content{gap: 30px;}
	.vision-icon-box{width: 200px;}
	.vision-content li strong{margin-top: 30px;font-size: 18px; margin-bottom: 10px;}
	.vision-content-bg{height: 50%;}	
}
@media screen and (max-width:400px){
	#subpage-inquiry-wrap .inquiry-left{box-shadow:0 10px 10px rgba(0,0,0,.2)}
	#subpage-inquiry-wrap .inquiry-right{box-shadow:none;padding-bottom: 0;}
}

@keyframes greeting-bg{0%{right:-100%;}100%{right:0;}}
@keyframes late-shadow{
	0%       {box-shadow:0}
	100%     {box-shadow:0 0 15px rgba(0, 0, 0, .3);}
}

@keyframes fade-circle{
	0%       { opacity:1;width: calc(100% - 40px);height: calc(100% - 40px);}

	100%     { width:130%;height: 130%;opacity: 0;}
}

@keyframes focus-in-expand {
	0% {
		letter-spacing: -0.5em;
		filter: blur(12px);
		opacity: 0;
	}
	100% {
		-webkit-filter: blur(0px);
		filter: blur(0px);
		opacity: 1;
	}
}



/* 파일 업로드 영역 스타일 */
.file-upload-wrapper {margin: 20px 0; width: 100%;}
.drag-drop-area {position: relative; border: 1px dashed #ddd; border-radius: 5px; padding: 35px 25px; text-align: center; transition: all 0.3s; margin-bottom: 15px; cursor: pointer; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 15px;color:#5a5a5a;background: #fafafa;}
.drag-drop-area.active {border-color: #4CAF50; background-color: #e8f5e9;color:#4CAF50;}
#select-files-btn {background-color: #253dbe; color: white; padding: 8px 16px; border: none; border-radius: 4px; cursor: pointer; font-size: 14px;}
.file-upload-list {margin-top: 15px;display: flex;gap:8px;flex-wrap:wrap;}
.file-item {flex: 1 1 40%;max-width:calc((100% / 2) - 4px);display: flex; align-items: center; padding: 8px; border: 1px solid #dfdfdf; border-radius: 5px; background: #fafafa;}
.file-thumbnail {flex: 0 0 80px;width: 80px; height: 80px; margin-right: 10px; border-radius: 4px;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.file-thumbnail img{width: 100%;}
.file-icon {width: 40px; height: 40px; margin-right: 10px; display: flex; align-items: center; justify-content: center; background: #eee; border-radius: 4px;}
.file-details {flex-grow: 1;max-width:calc(100% - 125px);}
.file-name {font-weight: bold; margin-bottom: 3px; word-break: break-all;display: block;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;overflow: hidden;}
.file-size {color: #666; font-size: 0.8em;}
.file-actions {display: flex;}
.file-action-btn {background: none; border: none; color: #666; cursor: pointer; margin-left: 10px; font-size: 1.2em;flex: 0 0 25px;height: 100%;position: relative;}
.file-action-btn:after{content: "";width: 20px;height: 20px;mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E") center no-repeat; background: #e60003;display: block;mask-size:100% auto;}
.file-action-btn:hover {color: #ff5722;}
.upload-error {color: #f44336; font-size: 0.8em; margin-top: 5px;}

.file-loader-wrap{position: absolute;left:0;top:0;width: 100%;height: 100%;display: none;}
.file-loader{position: relative;background: rgba(0, 0, 0, .5);display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;cursor:default;}
.file-loader span{width: 48px;height: 48px;border-radius: 50%;display: inline-block;border-top: 4px solid #FFF;border-right: 4px solid transparent;-webkit-animation: rotation 1s linear infinite;animation: rotation 1s linear infinite;}

.file-loader span:after { content: "";position: absolute;left: 0;top: 0;width: 48px;height: 48px;border-radius: 50%;border-left: 4px solid #FF3D00;border-bottom: 4px solid transparent;animation: rotation 0.5s linear infinite reverse;}

@keyframes rotation {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

.ext-span{width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;color: #fff;border-radius: 5px;font-size: 14px;text-transform:lowercase;background-color: #999;}
.ext-asx{background-color: #6c757d;}
.ext-asf{background-color: #6c757d;}
.ext-wmv{background-color: #007bff;}
.ext-wma{background-color: #17a2b8;}
.ext-mpg{background-color: #ffc107;}
.ext-mpeg { background-color: #ffc107;}
.ext-mov{background-color: #20c997;}
.ext-avi{background-color: #fd7e14;}
.ext-mp3{background-color: #6610f2;}
.ext-hwpx { background-color: #e83e8c;}
.ext-hwp{background-color: #dc3545;}
.ext-xlsx { background-color: #00753e;}
.ext-xls{background-color: #218838;}
.ext-docx { background-color: #007bff;}
.ext-doc{background-color: #0056b3;}
.ext-pptx { background-color: #fd7e14;}
.ext-ppt{background-color: #e8590c;}
.ext-zip{background-color: #343a40;}
.ext-pdf{background-color: #dc3545;}
.ext-txt{background-color: #6f42c1;}
.ext-mp4{background-color: #00bfff;}

@media screen and (max-width:1000px){
	.file-item{flex: 1 1 100%;max-width:100%;}
	.file-thumbnail{width: 60px;height: 60px;flex: 0 0 60px;}
	.file-details{max-width:calc(100% - 105px);}
}