@charset "utf-8";

/******************공통*******************/
*{box-sizing:border-box;word-break: keep-all;}
a {color: inherit;text-decoration: none;}
.con-flex{display:flex;align-items:center;}
.con-flex-bet{display:flex;align-items:center;justify-content:space-between;}
.btn{display:flex;align-items: center;border-radius:999px;justify-content: center;}
.m-only{display:none;}
.videoWrapper {position: relative;width:100%;height: 100%;}
.videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.br-m{display:none;}


:root{
    /*색상*/
    --bk:#000000;
    --red:#C10808;
   




}




/******************헤더*******************/

/*공통*/
header{position:fixed;top:0;left:0;z-index:990;width:100%;height:104px;transition: .3s;}
header .hd-inner{width:100%;height:100%;padding:0 220px 0 60px;}
header .gnb>ul{gap:40px;}
header .gnb>ul>li{position:relative;line-height:104px;font-size: 18px;font-weight: 500;}
header .gnb a:not(.go-inquiry-btn){display:inline-block;width:100%;height:100%;}
.go-inquiry-btn{position:fixed;top:30px;right:60px;z-index:992;width:125px;height:44px;gap:10px;background:var(--red);font-size: 16px;}
.go-inquiry-btn::before{content:'';display:inline-block;width:16px;height:16px;background:url('../img/common/ico_hd_inquiry.svg') no-repeat center center/contain;}
header.scr-down{transform: translateY(-100%);}
header h1{position:relative;z-index:9999;}

/*모바일 햄버거버튼*/
.ham-btn{width:28px;cursor: pointer;z-index:9999;}
.ham-btn>span{display:block;width:100%;height:2px;background:#fff;transition: all 0.3s;transform: rotate(0deg) translateY(0px);}
.ham-btn>span:nth-child(2){width:22px;margin:5px auto 0;}
.ham-btn>span + span{margin-top:5px;}
.ham-btn.open>span:nth-child(1){transform: rotate(45deg) translateY(5px);}
.ham-btn.open>span:nth-child(3){transform: rotate(-45deg) translateY(-5px);}
.ham-btn.open>span:nth-child(2){display: none;}
.allmenu ul>li>a{opacity: 0; transform: translateX(-20px);color:#fff;}
.allmenu.open ul>li>a{opacity: 1; transform: translateX(0); transition: all 1s 0.8s;text-align: center;}
.allmenu:after{transform: translateY(300px); opacity: 0;}
.allmenuBg {display: block;width: 46px;height: 46px;background: var(--red);border-radius: 50%;position: absolute;left: calc(97% - 23px);top: 46px;z-index: 1000;transform: translate(-50%, -50%) scale(0);transition: all 0.8s ease-in-out;}
.allmenuBg.open{transform: translate(-50%, -50%) scale(150);}
.allmenu{position:fixed;right:0;top:0;z-index:2000;width:100%;height:100vh;background:var(--red);transform: scale(0);}
.allmenu.open {transform: scale(1);transition: all 0s 0.8s;}
/* .ham-btn.open span{background:var(--bk);} */
.allmenu .con-top{width:100%;height:60px;}
header h1 a.open img{content:url('../img/common/logo_wh.svg');}
.allmenu .hd-inner{display:flex;align-items: center;}
.allmenu ul{display:flex;width:100%;flex-direction: column;gap:40px;font-size: var(--com-txt-bg);font-weight: 700;}
.allmenu li{position:relative;padding-left:15px;text-align: center;}
.allmenu li a{color:#fff;font-size: 34px;}
/* .allmenu li a::before{display: block;content: "";width: 3px;height: 18px;background: #fff;position: absolute;left: 0px;top: 0px;transform: scaleY(0);transition: all .4s;} */
.allmenu li:hover a::before{transform: scaleY(1);}
.allmenu .hd-inner {display: flex;height:100%;align-items: center;}
/* 
header h1 a .wh-logo{display:none;}
header h1 a.open .cl-logo{display:none;}
header h1 a.open .wh-logo{display:block;} */

/******************푸터*******************/
.ft-inner{padding:100px 60px;align-items: flex-end;}
footer .ft-info{color:var(--red);font-size: 16px;}
footer .ft-info ul{gap:40px;}
footer .con-r img{width:30vw;max-width:640px;}