/* intro */
.intro{width: 100%;height: 100vh}
.intro_pages{width: 100%;height: 100%;}
.intro_pages::after{content: '';display: block;clear: both;}
.intro_page01{float: left; position: relative;width: 50%;height: 100%}
.intro_page02{float: right; position: relative;width: 50%;height: 100%}
.intro_page > a{display:block;height: 100%}
.intro_page > a::after{opacity: 1;content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.6);transition: opacity 0.5s}
.intro_page > a:hover::after{opacity: 0}
.intro_page01{background-image: url('../img/intro/intro_page01.png')}
.intro_page02{background-image: url('../img/intro/intro_page02.png')}
.intro_twrap{top: 50%;left: 140px;right: 0;transform: translateY(-50%)}
.intro_twrap{align-items: center;}
.intro_logo{width: 281px;height: 50px;background-image: url('../img/intro/brandimg.png');}
.intro_ttl{position: relative;display: inline-block;margin-top: 20px;font-family:'NanumBarunGothicBold'; font-size: 64px;font-weight: 700;letter-spacing: -0.04em;color: #fff}
.intro_page:hover .intro_ttl::before{content: '';position: absolute;bottom: -11px;left: 0;width: 100%;height: 3px;background-color: #fff}
.intro_txt{margin-top: 30px;font-family:'NanumBarunGothic';font-size: 20px;letter-spacing: -0.04em;line-height: 30px; color: #ededed}
.intro_page:hover .intro_link{height: 56px;width: 190px;margin-top: 80px; border-radius: 28px;background-color: #ededed;color: #121212}
.intro_link {height: 56px;width: 190px;margin-top: 80px; border-radius: 28px;font-family:'NanumBarunGothic';color: #ffffff;border: 1px solid #999999;}
.intro_link > *{vertical-align: middle}
.intro_link .link_txt{font-size: 18px;letter-spacing: -0.02em;line-height: 57px}
.intro_arr{display: inline-block; margin-left: 22px;width: 7px;height: 12px;background-image: url('../img/intro/intro_arr_on.png')}
.intro_page:hover .intro_arr {filter: brightness(0); }