@charset "utf-8";


#u_skip{position:relative;width:100%;z-index:9999}
#u_skip a{position:absolute;top:-100px;left:0;display:block;width:100%;margin:0;padding:15px 0;background-color:#111;font-size:1.5rem;text-align:center;color:#fff;opacity:0;transition:.3s}
#u_skip a:hover,#u_skip a:focus,#u_skip a:active{top:0;opacity:1}

.inner{width:1440px;margin:0 auto}

@media (max-width:1500px){.inner{width:100%;padding:0 20px}
}

/* header */
header{position:fixed;display:flex;align-items:center;justify-content:space-between;width:100%;height:100px;padding:0 25px;border-bottom:1px solid rgba(255, 255, 255, 0.2);z-index:10000;transition:background 0.2s}
header.on{background:#fff;border-color:#E6E6E6}
header.on .logo img{content:url(../image/common/l2_logo.png)}
header nav{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}
header nav .gnb{display:flex;gap:5px}
header nav .gnb > li{position:relative}
header nav .gnb > li > a{display:block;color:#fff;width:180px;height:100px;line-height:100px;text-align:center;font-size:2rem;font-weight:500;transition:width 0.3s}
header.on nav .gnb > li > a{color:#111}
header nav .gnb > li .lnb{position:absolute;left:0;top:80px;display:none;width:100%;background:#fff;padding:15px 0;border-radius:12px;box-shadow:0 4px 12px rgba(0, 0, 0, 0.1)}
header nav .gnb > li .lnb li a{display:block;padding:5px 0;text-align:center;font-size:1.6rem}
header nav .gnb > li .lnb li a:hover{color:var(--color-primary);font-weight:600}
header .hamburger_btn{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:30px;height:30px;z-index:100}
header .hamburger_btn span{display:block;width:24px;height:2px;margin:4px 0;background:#fff;transition:all 0.4s cubic-bezier(.4,2.4,.41,.87)}
header.on .hamburger_btn span{background:#111}
header .hamburger_btn span:nth-child(1){background:#0096a6}
header .hamburger_btn.open span:nth-child(1){transform:translateY(10px) rotate(45deg);background:#fff}
header.on .hamburger_btn.open span:nth-child(1){background:#111}
header .hamburger_btn.open span:nth-child(2){opacity:0}
header .hamburger_btn.open span:nth-child(3){transform:translateY(-10px) rotate(-45deg)}

/* all_menu */
.all_menu{position:fixed;display:none;top:0;left:0;width:100%;height:100vh;background:rgba(0, 0, 0, 0.95);z-index:1000}
.all_menu .gnb{position:relative;top:100px;display:flex;gap:30px;margin-top:80px;color:#fff}
.all_menu .gnb > li{flex:1}
.all_menu .gnb > li a{display:block}
.all_menu .gnb > li > a{font-size:2.8rem;font-weight:600}
.all_menu .gnb > li > .lnb{margin-top:30px}
.all_menu .gnb > li > .lnb a{padding:5px;font-weight:500;opacity:.7}
.all_menu .gnb > li > .lnb a:hover{opacity:1}

/* sub_layout */
.sub_visual{padding-top:100px;background-repeat:no-repeat;background-size:cover;background-position:center}
.sub_visual.v1{background-image:url("../image/sub/sub_v1.jpg")}
.sub_visual.v2{background-image:url("../image/sub/sub_v2.jpg")}
.sub_visual.v3{background-image:url("../image/sub/sub_v3.jpg")}
.sub_visual.v4{background-image:url("../image/sub/sub_v4.jpg")}
.sub_visual .sub_tit{padding:80px 0;text-align:center}
.sub_visual .sub_tit span.en{font-family:"Play-bold";font-size:2.4rem;color:var(--color-secondary);}
.sub_visual .sub_tit strong{display:block;font-size:7rem;font-weight:600;color:#fff;line-height:1.2}
.sub_visual .lnb_wrap{position:relative;z-index:1;backdrop-filter:blur(7px);border-top:1px solid rgba(255, 255, 255, 0.2)}
.sub_visual .lnb_wrap .lnb_tit{display:none}
.sub_visual .lnb_wrap .lnb_lst{display:flex}
.sub_visual .lnb_wrap .lnb_lst li{flex:1;min-width:0}
.sub_visual .lnb_wrap .lnb_lst li a{display:block;height:75px;line-height:75px;color:#fff;font-size:1.8rem;text-align:center}
.sub_visual .lnb_wrap .lnb_lst li a.on{background:#fff;color:var(--color-primary);font-weight:500}

.sub_content{padding:100px 0}
.sub_content .sub_top{text-align:center}
.sub_content .sub_top h2{color:#111;font-weight:600}
.sub_content .conbody{margin-top:60px}
/* footer */
footer{background:#111;padding:40px}
footer .foot_wrap{display:flex;justify-content:space-between;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #585858}
footer .foot_info{display:flex;gap:60px}
footer .foot_info dl{display:flex;gap:10px;font-size:1.6rem;font-weight:500}
footer .foot_info dt{width:110px;color:#fff}
footer .foot_info dd{color:#646464}
footer .copy{font-size:1.6rem;color:#646464}


@media (max-width:1280px){
    header nav .gnb > li > a{width:160px}
}
@media (max-width:1024px){
    header{height:80px;background:#fff;border-color:#E6E6E6}
    body.scrollLock header{background:transparent;border-color:rgba(255, 255, 255, 0.2)}
    header .logo img{content:url(../image/common/l2_logo.png)}
    body.scrollLock header .logo img{content:url(../image/common/l2_logo_w.png)}
    header .hamburger_btn span,
    header .hamburger_btn.open span:nth-child(1){background:#111}
    body.scrollLock header .hamburger_btn span,
    header .hamburger_btn.open span:nth-child(1){background:#fff}
    header nav{display:none}
    .all_menu .gnb{flex-direction:column;text-align:center;top:80px;margin-top:40px}
    .all_menu .gnb > li > .lnb{display:none;background:#333;padding:15px;border-radius:12px}
    footer .foot_wrap{flex-direction:column-reverse;align-items:center;gap:10px}
    footer .copy{text-align:center}

    .sub_visual .sub_tit{padding:60px 0}
    .sub_visual .sub_tit strong{font-size:5.5rem}
    .sub_visual .lnb_wrap .inner{padding:0}
    .sub_visual .lnb_wrap .lnb_tit{position:relative;display:block;width:100%;padding:20px 30px;text-align:left;font-size:1.8rem;font-weight:500;color:#fff;border-bottom:1px solid #e0e1e5}
    .sub_visual .lnb_wrap .lnb_tit::after{content:"";position:absolute;right:30px;top:50%;width:24px;height:24px;background:url("../image/icon/arrow_down.png");transition:transform 0.3s ease-in-out;transform:translateY(-50%)}
	.sub_visual .lnb_wrap .lnb_tit.on::after{transform:rotate(180deg) translateY(50%)}
	.sub_visual .lnb_wrap .lnb_lst{display:none;position:absolute;width:100%;background:rgba(0, 0, 0, 0.95);padding:20px 0;z-index:5}
    .sub_visual .lnb_wrap .lnb_lst li a{height:auto;padding:10px 0;background:transparent;color:#fff;line-height:1.5;opacity:.7}
    .sub_visual .lnb_wrap .lnb_lst li a.on{background:transparent;color:#fff}
    .sub_visual .lnb_wrap .lnb_tit.on + .lnb_lst li a.on{opacity:1}

    .sub_content{padding:80px 0}
    .sub_content .conbody{margin-top:40px}
}
@media (max-width:768px){
    .all_menu .gnb > li > a{font-size:2.4rem}
    .sub_visual .sub_tit span.en{font-size:2rem}
    .sub_visual .sub_tit strong{font-size:4rem}
    .sub_content{padding:60px 0}
    .sub_content .conbody{margin-top:30px}
}
@media (max-width:640px){
    footer{padding:30px 0}
    footer .foot_info{flex-direction:column;gap:0}
    footer .foot_info dl{justify-content:center}
    footer .foot_info dt{width:auto}
    .sub_visual .lnb_wrap .lnb_lst li a{padding:5px 0}
}
@media (max-width:420px){

    
}