@charset "utf-8";
/* sub2공통 */
.page-down { position: fixed; left: 0; right: 0; margin: auto; bottom: 70px; width: 20px; height: 48px; background-size: contain; background: url(../images/sub/scroll-down.png) center no-repeat; z-index: 111; animation: scrollDisappear 1s infinite; }
.page-down.active { background: url(../images/sub/scroll-up.png) center no-repeat;}
@keyframes scrollDisappear {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0;
    }
}
.sub2-box { display: flex; align-items: center; justify-content: space-between; color: #fff;}
.sub2-left { position: relative; width: 54%; padding-top: 80px;}
.sub2-left::before { content: ""; position: absolute; top: 40px; left: 0; width: calc(100% + 40px); height: 1px; background: #ddd; z-index: 1;}
.sub2-right { width: 46%;}
.sub2-left h2 { font-size: 60px; font-weight: 700; letter-spacing: -.03em; line-height: 1.2em; margin-bottom: 45px; position: relative; display: inline-block;}
.sub2-left h2::before { content: ""; position: absolute; top: -41px;  width: 100%;; left: 0; background: #7b6741; height: 3px; z-index: 2;}
.sub2-left p { font-size: 16px; font-weight: 400; letter-spacing: -.03em; line-height: 1.666em; margin-bottom: 20px;}
.sub2-left p:last-child { margin-bottom: 0;}
.sub2-imgbox { text-align: right; position: relative; z-index: 0;}
.sub2-imgbox::before { content: ""; position: absolute; bottom: -80px; left: -80px; width: 450px; height: 340px; background: rgba(255,255,255,0.07); border-radius: 0 0 0 100px;}
.sub2-fx {flex-direction: row-reverse;}
.sub2-fx .sub2-imgbox { text-align: left;}
.sub2-fx .sub2-imgbox::before { left: auto; right: -80px; border-radius: 0 0 100px 0;}
.sub2-fx .sub2-left { padding-left: 150px; padding-top: 140px;}
.sub2-fx .sub2-left::before { left: auto; right: 0; top: 100px;}
.sub2-af::before { background: #b6a683 !important;}
.sub2-tit { font-size: 60px; font-weight: 700; letter-spacing: -.03em; line-height: 1.2em; color: #fff; position: relative; text-align: right; margin-bottom: 30px;}
.sub2-txt { font-size: 16px; font-weight: 500; letter-spacing: -.03em; line-height: 1.2em; color: #fff; text-align: right;}
.sub2-list { display: flex; flex-wrap: wrap; gap: 100px 0; margin-top: -40px;}
.sub2-list li { width: calc(100%/2); display: flex; align-items: center;}
.sub2-list li .imgbox { position: relative;}
.sub2-list li .imgbox img { border-radius: 0 0 30px 0; }
.sub2-list li .imgbox::after { content: ""; position: absolute; bottom: -30px; right: -30px; width: 100px; height: 100px; border-radius: 20px; background: rgba(255,255,255,0.07); z-index: -1;}
.sub2-list li .txtbox { padding-left: 50px; color: #fff;}
.sub2-list li .txtbox .num { font-size: 40px; font-weight: 700; letter-spacing: -.03em; line-height: 1em; margin-bottom: 12px; font-family: 'Play', sans-serif;}
.sub2-list li .txtbox .tit { font-size: 24px; font-weight: 700; letter-spacing: -.03em; line-height: 1.2em; margin-bottom: 25px;}
.sub2-list li .txtbox .txt p { font-size: 16px; font-weight: 400; letter-spacing: -.03em; line-height: 1.3em; margin-bottom: 7px;}
.sub2-list li .txtbox .txt p:last-child { margin-bottom: 0;}
.sub2-list li:nth-child(2) { flex-direction: row-reverse; margin-bottom: -300px;}
.sub2-list li:nth-child(2) .txtbox { text-align: right; padding-left: 0; padding-right: 50px;}
.sub2-list li:nth-child(2) .imgbox img { border-radius: 0 0 0 30px;}
.sub2-list li:nth-child(2) .imgbox::after { right: auto; left: -30px;}

/* CEO 인사말 */
.gt-box { padding-bottom: 55px; position: relative; overflow: hidden; border-bottom: 10px solid #0e0a02;}
.ceo-img { bottom: -45px; right: 100px; position: absolute;}
.gt-box strong { display: block; font-family: 'Play', sans-serif; line-height: 1em; font-size: 24px; font-weight: 700; letter-spacing: -.03em; color: #b59859; margin-bottom: 17px;}
.gt-box h3 { font-size: 36px; line-height: 1.444em; letter-spacing: -.03em; font-weight: 700; color: #242424; margin-bottom: 40px;}
.gt-box h4 { font-size: 24px; font-weight: 600; letter-spacing: -.03em; line-height: 1.5em; color: #242424; margin-bottom: 35px;}
.gt-box p {  font-weight: 300; letter-spacing: -.03em; color: #454545; line-height: 1.666em; margin-bottom: 20px;}
.gt-box p:last-child { margin-bottom: 0;}
.gt-sign { display: flex; align-items: center; margin-top: 20px; gap: 40px;}
.gt-tit { font-size: 20px; font-weight: 600; letter-spacing: -.03em; line-height: 1.2em; color: #242424;}
.gt-tit span { font-size: 28px; font-weight: 700; padding-left: 12px;}
.organ-box { text-align: center;}

/* 이력서 다운로드 */
.rs-box { padding: 90px 100px; background: url(../images/sub/job-bg.jpg) center no-repeat; background-size: cover; color: #fff;}
.rs-box h3 { font-size: 40px; font-weight: 600; letter-spacing: -.03em; line-height: 1.2em; margin-bottom: 30px;}
.rs-box p { font-size: 18px; font-weight: 300; letter-spacing: -.03em; line-height: 1.6em; margin-bottom: 50px;}
.rs-bt { display: flex; width: 210px; height: 44px; align-items: center; border-radius: 6px; background: #b59859; font-size: 16px; font-weight: 500; letter-spacing: -.03em; line-height: 1.1em; padding-left: 20px; position: relative;}
.rs-bt::after { content: ""; position: absolute; right: 20px; background: url(../images/sub/download.png) center no-repeat; background-size: contain; width: 18px; height: 16px;}