@charset "utf-8";

@font-face {
    font-family: 'SUIT';
    font-weight: 400;
    src:
            url('https://static.cloud.sbs.co.kr/font/suit/SUIT-Regular.woff2') format('woff2'),
            url('https://static.cloud.sbs.co.kr/font/suit/SUIT-Regular.woff2') format('woff');
}
@font-face {
    font-family: 'SUIT';
    font-weight: 500;
    src:
            url('https://static.cloud.sbs.co.kr/font/suit/SUIT-Medium.woff2') format('woff2'),
            url('https://static.cloud.sbs.co.kr/font/suit/SUIT-Medium.woff2') format('woff');
}
@font-face {
    font-family: 'SUIT';
    font-weight: 600;
    src:
            url('https://static.cloud.sbs.co.kr/font/suit/SUIT-SemiBold.woff2') format('woff2'),
            url('https://static.cloud.sbs.co.kr/font/suit/SUIT-SemiBold.woff2') format('woff');
}
@font-face {
    font-family: 'SUIT';
    font-weight: 700;
    src:
            url('https://static.cloud.sbs.co.kr/font/suit/SUIT-Bold.woff2') format('woff2'),
            url('https://static.cloud.sbs.co.kr/font/suit/SUIT-Bold.woff2') format('woff');
}
@font-face {
    font-family: 'SUIT';
    font-weight: 800;
    src:
            url('https://static.cloud.sbs.co.kr/font/suit/SUIT-ExtraBold.woff2') format('woff2'),
            url('https://static.cloud.sbs.co.kr/font/suit/SUIT-ExtraBold.woff2') format('woff');
}

/* Description: 브라우저 초기화/공통요소*/

/* RESET */
*{box-sizing:border-box;}
html,body{-webkit-text-size-adjust:none;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,img,div{margin:0;padding:0;font-weight:300;}
img,fieldset{border:0}
button{background:none;border:0;cursor:pointer;}
ul,ol{list-style:none}
input,select{vertical-align:middle;background:#fff;}
em,address,i{font-style:normal}
table{border-collapse:collapse;border-spacing:0px;empty-cells:show;table-layout:fixed}
legend,caption{visibility:hidden;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0}
a{text-decoration:none;color:#000;}
a:hover,a:focus{text-decoration:none;}
input,button,select{border-radius:0;}
body{position:relative;font-family:'SUIT','Noto Sans KR',Arial,sans-serif;font-size:16px;color:#000;font-weight:400;}

:root{}
/* 공통 */
.fp-watermark{display:none;}
.header{position:fixed;top:0;left:0;right:0;z-index:1000;height:80px;display:flex;align-items:center;background:transparent;}
.header-inner{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1920px;margin:0 auto;padding:0 20px;}
.header .logo{width:200px;padding:6px 14px;background-color:#000;}
.header .logo a{display:block;color:#fff;font-size:22px;font-weight:600;line-height:1.3;}
.header .gnb ul{display:flex;align-items:center;justify-content:center;gap:16px;}
.header .gnb a{padding:10px;font-size:20px;font-weight:500;}
.container{display:flex;width:100%;min-height:0;}
.content{width:50vw;flex-shrink:0;height:100%;min-height:0;position:relative;}
#fullpage{height:100%;}
.section{padding:60px;background:#fff;padding-top:80px;}
.fp-overflow{width:100%;}

.nav-panel{position:relative;width:50vw;height:100vh;flex-shrink:0;height:100%;min-height:0;overflow:auto;padding:24px;background:#f4f4f5;overflow: hidden;}
.nav-panel .nav-bg{position:absolute;top:0;left:0;width:100%;height:100%;display:block;}
.nav-panel .nav-bg img{width:100%;height:100%;object-fit:cover;}
.nav-panel .nav-bg::after{content:'';position:absolute;inset:0;background:rgba(0,0,0,.2);pointer-events:none;}
.nav-panel .np-menu{position:absolute;top:50%;right:24px;z-index:1;transform:translateY(-50%);display:flex;flex-direction:column;gap:16px;}
.nav-panel .np-menu li a{font-size:24px;color:#fff;transition:.2s;}
.nav-panel .np-menu li a:hover,
.nav-panel .np-menu li a.active{font-weight:800;}

.sec-1 .sec-w{max-width:520px;}
.sec-1 .about-tit{margin:0 0 40px;font-size:48px;font-weight:800;line-height:1.2;letter-spacing:-0.02em;}
.sec-1 .about-tit .name-en{font-weight:700;}
.sec-1 .about-info dt{margin:0 0 8px;font-size:20px;font-weight:700;line-height:1.3;}
.sec-1 .about-info dd{margin:0 0 28px;font-size:18px;font-weight:400;line-height:1.5;color:#333;}
.sec-1 .about-info dd:last-of-type{margin-bottom:0;}
.sec-1 .career-list li{margin-bottom:6px;font-size:18px;line-height:1.5;color:#333;}
.sec-1 .career-list li:last-child{margin-bottom:0;}
.sec-1 .about-note{margin:20px 0 0;font-size:18px;line-height:1.5;color:#333;}

.sec-2{display:flex;align-items:center;height:100%;min-height:0;}
.sec-2 .sec-w{display:flex;flex-direction:column;gap:clamp(16px,3.5vh,50px);width:100%;height:100%;max-height:100%;min-height:0;justify-content:center;}
.sec-2 .sec-w .box{position:relative;width:100%;max-width:650px;aspect-ratio:3/2;min-height:0;margin:0 auto;overflow:hidden;}
.sec-2 .sec-w .box img{position:absolute;width:100%;height:100%;object-fit:cover;}

.sec-3{display:flex;align-items:center;height:100%;min-height:0;}
.sec-3 .sec-w{display:flex;flex-wrap:wrap;gap:clamp(16px,3.5vh,40px) clamp(12px,2vw,20px);justify-content:center;align-content:center;width:100%;height:100%;max-height:100%;min-height:0;margin:0 auto;}
.sec-3 .sec-w .box{position:relative;flex:0 1 auto;width:min(calc((100% - clamp(12px,2vw,20px)) / 2),calc(((100% - clamp(16px,3.5vh,40px)) / 2) * 3 / 2));max-width:calc((100% - clamp(12px,2vw,20px)) / 2);height:auto;max-height:calc((100% - clamp(16px,3.5vh,40px)) / 2);aspect-ratio:3/2;min-height:0;overflow:hidden;}
.sec-3 .sec-w .box img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
@media (max-height:900px){
    .sec-3 .sec-w{gap:clamp(12px,2.5vh,32px) clamp(10px,1.5vw,16px);}
    .sec-3 .sec-w .box{width:min(calc((100% - clamp(10px,1.5vw,16px)) / 2),calc(((100% - clamp(12px,2.5vh,32px)) / 2) * 3 / 2));max-width:calc((100% - clamp(10px,1.5vw,16px)) / 2);max-height:calc((100% - clamp(12px,2.5vh,32px)) / 2);}
}