html,body{background:#fff;margin:0;padding:0;}

.loading {
width:100%;height:100vh;margin:0;padding:0;
position:fixed;
background:#fff;
display:flex;
justify-content: center;
align-items: center;
flex-direction: column;
font-size:4em;
z-index:11;
color:#425869;
transition:all 1s ease-in;
transform:scale(1);
}



.outer{width:100%;height:100vh;margin:0;padding:0;position:relative;
background:url('../images/intro_bg.jpg');background-size:cover;background-position:center center;
overflow:hidden;
}


/* 가운데 정렬 */
.inner {
padding:50px 20px;
max-width:1200px;
margin:0 auto;
width:calc(100% - 60px);
position:relative;
display:flex;
gap:30px; /** 30 */
height:calc(100vh - 0px);
}
.no_gap {
gap:0 !important;
}
.hisems {
position: relative;
z-index: 10;
transition:all 0.5s;
}
.hisems::before {
content: "";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:url('../images/item1s.jpg');background-size:cover;background-position:center center;
opacity:0.5;
z-index:-1;
transition:all 0.5s;
}
.company {
position: relative;
z-index: 10;
transition:all 0.5s;
}
.company::before {
content: "";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:url('../images/item2.jpg');background-size:cover;background-position:center center;
opacity:0.5;
z-index:-1;
transition:all 0.5s;
}

.divbox {
width:50%;
background:#041c2f;
display:flex;
justify-content: center;
align-items: center;
flex-direction: column;
border-radius:30px;
overflow:hidden;
text-shadow:0 0 10px rgba(0,0,0,0.5);
}

.divbox .title {
font-size:3.7em;
color:#fff;
margin-bottom:10px;
text-align:center;
}
.divbox .text {
font-size:1.4em;
color:#fff;
text-align:center;
}

.divbox:hover {
transform:scale(1.05);
z-index:10;
}

.divbox:hover.hisems::before, .divbox:hover.company::before{
opacity:0.2;
}

.divbox .button{
margin-top:20px;
padding:10px 50px;
border:1px solid #fff;
color:#fff;
font-size:1.2em;
transition:all 0.5s;
text-shadow:0 0 0px;
cursor:pointer;
}

.divbox .button:hover{
border:1px solid #fff;
background:#fff;
color:#000;
border-radius:10px;
}

@media (max-width:750px){

.loading {
width:100%;height:100svh;margin:0;padding:0;
font-size:3em;
}

.outer{
height:100svh
}
.inner {
padding:10px;
margin:0 auto;
width:calc(100% - 10px);
position:relative;
display:flex;
gap:10px;
height:calc(100svh - 0px);
flex-wrap: wrap;
}
.divbox {
width:100%;
border-radius:0px;
}
.divbox .title {
font-size:2.4em;
color:#fff;
margin-bottom:10px;
text-align:center;

}
.divbox .text {
font-size:1.2em;
color:#fff;
text-align:center;

}
.divbox:hover {
transform:scale(1.1);

z-index:15;
}
.divbox.button {
display: block;  /* jQuery에서 컨트롤 */
opacity: 0;
height: 0;
overflow: hidden;
transition: all 0.3s ease-in-out;
}
}

.loading .language-box {
height:80px;
overflow:hidden;
margin-top:0px;
display:flex;
transition: all 0.5s ease-out;
}

.loading .language-box div a {
font-size:16px;
padding:10px 20px;
color:#000;
cursor:pointer;
}

.loading .language-box img {
    width: 25px;
    padding: 0px 5px 0 0;
}