.gate-section{width:100%;height:100svh}@media screen and (max-width:768px){.gate-section{height:fit-content}}.gate-section ul{width:100%;height:100%;display:flex;background:url("../images/gate/gate-bg.jpg");background-repeat:no-repeat;background-size:cover;background-position:center}@media screen and (max-width:768px){.gate-section ul{flex-direction:column}}.gate-section ul li{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}@media screen and (max-width:768px){.gate-section ul li{padding:50px 20px}}.gate-section ul li:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";clip-path:polygon(0 0,0 0,0 100%,0% 100%);transition:0.3s}.gate-section ul li:first-child:after{background:url("../images/gate/gate-eu.jpg");background-repeat:no-repeat;background-size:cover;background-position:center}.gate-section ul li:nth-child(2):after{background:url("../images/gate/gate-ko.jpg");background-repeat:no-repeat;background-size:cover;background-position:center}.gate-section ul li:nth-child(3):after{background:url("../images/gate/gate-us.jpg");background-repeat:no-repeat;background-size:cover;background-position:center}.gate-section ul li:hover:after{clip-path:polygon(0 0,100% 0,100% 100%,0% 100%)}.gate-section ul li .list-name{color:rgba(255,255,255,0.8);text-align:center;font-family:Pretendard;font-size:40px;font-style:normal;font-weight:600;line-height:130%;letter-spacing:-0.8px;margin-bottom:10px;position:relative;z-index:5}@media screen and (max-width:768px){.gate-section ul li .list-name{font-size:28px}}.gate-section ul li .list-info{color:rgba(255,255,255,0.8);text-align:center;font-family:Pretendard;font-size:22px;font-style:normal;font-weight:500;line-height:130%;letter-spacing:-0.44px;position:relative;z-index:5}@media screen and (max-width:768px){.gate-section ul li .list-info{font-size:20px}}.gate-section ul li .line{width:100px;height:3px;background:#fff;margin:20px auto 40px;position:relative;z-index:5}@media screen and (max-width:768px){.gate-section ul li .line{margin:10px auto 20px;height:1px}}.gate-section ul li .btn-bx{display:flex;flex-direction:column;gap:16px;position:relative;z-index:5}@media screen and (max-width:768px){.gate-section ul li .btn-bx{gap:10px}}.gate-section ul li .btn-bx a{width:200px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid #fff;color:rgba(255,255,255,0.8);font-family:Pretendard;font-size:17px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-0.34px;text-transform:capitalize;transition:0.3s}@media screen and (max-width:768px){.gate-section ul li .btn-bx a{width:150px;height:40px;font-size:13px}}.gate-section ul li .btn-bx a:hover{background:#fff;color:var(--trans-color-1)}