@charset "utf-8";

/* 공통 */
.k-lab.content-wrap {
    position: relative;
    overflow: hidden;
    margin-top: -140px;
    padding-top: 140px;
}
.k-lab .philosophy-section-01 {height: 853px;}
.k-lab .philosophy-section-01 .shade {
    width: 1920px;
    height: 1077px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: rgba(0, 0, 0, .3);
    z-index: -1;
}
.k-lab .brand-nav li a,
.k-lab .brand-nav li.on a,
.k-lab .brand-h1,
.k-lab .brand-big-txt,
.k-lab .brand-mid-txt {color: #fff;}
.k-lab .brand-nav::before {background-color: #fff;}
.k-lab .brand-nav li.on a {border-color: #fff;}
.k-lab .brand-back {top: -65px;}
.sa {
    opacity: 0;
    transition: all .8s ease;
}
.sa.show {
    opacity: 1;
    transform: none;
}


/* k-lab is */
.k-lab .philosophy-section-01 .left-sec .brand-big-txt {
    top: 120px;
    font-size: 40px;
    line-height: 48px;
    letter-spacing: -0.8px;
    font-weight: 500;
}
.k-lab .philosophy-section-01 .left-sec .brand-mid-txt {
    position: absolute;
    left: 0;
    top: 180px;
    font-size: 26px;
    line-height: 42px;
    letter-spacing: -0.52px;
    font-weight: 300;
}
.k-lab .philosophy-section-01 .left-sec .brand-mid-txt02 {
    top: 588px;
    left: auto;
    right: 0;
}
.k-lab .philosophy-section-03 {background-color: transparent;}
.k-lab .philosophy-section-03 > .flex > li {width: 375px;}
.k-lab .philosophy-section-03 > .flex > li img {width: 100%;}
.k-lab .philosophy-section-03 .philosophy-item .philosophy-info h3,
.k-lab .philosophy-section-03 .philosophy-item .philosophy-info > p {letter-spacing: -0.5px;}

/* film */

/* magazine */

/* library */
.k-lab.library .philosophy-section-01 {height: 660px;}
/* .k-lab.library .philosophy-section-01 .shade {height: 685px;} */
.k-lab.library .philosophy-section-01 .left-sec .brand-big-txt {line-height: 55px;}
.k-lab.library .library__tab-wrap {
    width: 100%;
    height: 77px;
    background-color: #333;
    display: flex;
    justify-content: center;
    align-items: center;
}
.k-lab.library .library__tab-wrap li {padding: 0 25px;}
.k-lab.library .library__tab-wrap li a {
    display: block;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    line-height: 31px;
    letter-spacing: -0.5px;
}
.k-lab.library a:focus {outline: none;}
.k-lab.library .library__tab-wrap li.on a {
    border-bottom: 3px solid #fff;
}
.k-lab.library .library__con {display: none;}
.k-lab.library .library__con.on {display: block;}
.library__con__list {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 30px;
}
.library__con__list li {width: 32.291%;}
.library__con__list li img {width: 100%;}
.library__con__list li p {
    height: 296px;
    padding: 30px 0 0;
    text-align: center;
    font-family: 'SUIT Variable', sans-serif;
    font-size: 16px;
    font-weight: 800;
    line-height: 24px;
    letter-spacing: -0.8px;
}
.library__con__list li:nth-child(1) p {
    color: #4C693A;
    background-color: #E7EBE5;
}
.library__con__list li:nth-child(2) p {
    color: #274689;
    background-color: #E3E8F6;
}
.library__con__list li:nth-child(3) p {
    color: #4D402A;
    background-color: #EBE8E3;
}
/* 라이브러리 수정 250704 */
.library__con_new {padding: 100px 140px 150px;}
.library__con_new ul {display: flex; justify-content: space-between;}
.library__con_new ul li {cursor: pointer;}
.library__con__top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 30px;
    padding-bottom: 22px;
    border-bottom: 1px solid #888;
}
.library__con__top h2 {
    font-weight: 500;
    font-size: 30px;
    letter-spacing: -0.5px;
}
.library__con__top p {
    font-weight: 400;
    font-size: 16px;
    letter-spacing: -0.5px;
}

/* siganture */
.sig__tab-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.sig__tab-wrap li {
    width: 375px;
    display: block;
    text-align: center;
    cursor: pointer;
}
.sig__tab-wrap li h2 {
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -0.5px;
}
.sig__tab-wrap li p {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.5px;
}
.sig__tab-wrap li .sig__tab-wrap__btn {
    width: 260px;
    height: 50px;
    margin: 20px auto 0;
    line-height: 50px;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: -0.8px;
    color: #fff;
    background: #333;
    border-radius: 50px;
}
.sig__con {
    display: none;
    margin-top: 50px;
    padding: 50px 0 0;
    border-top: 1px solid #bbb;
}
.sig__con.on {display: block;}
.sig__con > div {
    display: flex;
    justify-content: space-between;
}
.sig__con div[class^="sig__con__txt-wrap"] {width: 795px;}
.sig__con div[class^="sig__con__txt-wrap"] .txt01 {
    padding: 30px 0 0;
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: -0.5px;
}
.sig__con div[class^="sig__con__txt-wrap"] .info {padding: 30px 0;}
.sig__con div[class^="sig__con__txt-wrap"] .info li {display: flex;}
.sig__con div[class^="sig__con__txt-wrap"] .info li:first-child {margin-bottom: 15px;}
.sig__con div[class^="sig__con__txt-wrap"] .info p {
    width: 99px;
    height: 32px;
    margin-right: 10px;
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: -0.5px;
    text-align: center;
    line-height: 32px;
    border: 1px solid #000;
    border-radius: 50px;
    background-color: #fff;
}
.sig__con div[class^="sig__con__txt-wrap"] .info span {
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: -0.5px;
}
.sig__con div[class^="sig__con__txt-wrap"] .sig__reserv-btn {
    display: block;
    width: 260px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: -0.8px;
    background-color: #333;
    border-radius: 50px;
}
.sig__con div[class^="sig__con__txt-wrap"] .info02 {margin-top: 50px;}
.sig__con div[class^="sig__con__txt-wrap"] .tit01 {
    font-weight: 700;
    font-size: 26px;
    line-height: 32px;
    letter-spacing: -0.5px;
}
.sig__con div[class^="sig__con__txt-wrap"] .tit02 {
    font-weight: 500;
    font-size: 22px;
    line-height: 32px;
    letter-spacing: -0.5px;
}
.sig__con div[class^="sig__con__txt-wrap"] li {
    position: relative;
    padding-left: 10px;
    font-weight: 300;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: -0.5px;
}
.sig__con div[class^="sig__con__txt-wrap"] li::before {
    content: '-';
    position: absolute;
    left: 0;
    top: 0;
}
.sig__con div[class^="sig__con__txt-wrap"] .info li {margin-left: 0;}
.sig__con div[class^="sig__con__txt-wrap"] li strong {
    font-size: 18px;
    line-height: 32px;
    letter-spacing: -0.5px;
    text-decoration: underline;
    font-weight: 700;
}
.sig__con .sig__con__txt-wrap02 .tit01 {margin-top: 30px;}
.sig__con .sig__con__txt-wrap02 .tit02 {margin-top: 20px;}
.sig__con .sig__con__txt-wrap02 ul {margin-bottom: 60px;}
.sig__con div[class^="sig__con__txt-wrap"] .flex div {width: 397px;}

/* siganture 수정 2507 */
.signature .wrap-holder.bg {
    margin-top: -260px; 
    position: relative;
    background: #000 url(https://contents.k-emall.com/PUBL_con/etc/k-lab/pc/sig_top_bg.jpg) 0 0 no-repeat;
    background-size: 100%;
    min-height: 810px;
}
.signature .brand-h1 {color: #fff; z-index: 1;}
.sig__bg__txt-wrap {
    width: 1420px;
    margin: 0 auto;
    padding-top: 340px;
    color: #fff;
}
.sig__bg__txt-wrap h2 {
    font-weight: 700;
    font-size: 32px;
    line-height: 32px;
    letter-spacing: -0.5px;
}
.sig__bg__txt-wrap .info li {
    position: relative;
    margin-left: 0;
    font-weight: 300;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: -0.5px;
    display: flex;
}
.sig__bg__txt-wrap .info li:first-child {margin-bottom: 15px;}
.sig__bg__txt-wrap .info li p {
    width: 99px;
    height: 32px;
    margin-right: 10px;
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: -0.5px;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 50px;
}
.sig__bg__txt-wrap .info li span {
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: -0.5px;
}
.sig__bg__txt-wrap a {display: block; outline: none !important;}
.sig__bg__txt-wrap .sig__reserv-btn {
    width: 260px;
    height: 50px;
    line-height: 50px;
    color: #000;
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: -0.8px;
    background-color: #fff;
    border-radius: 50px;
}
.sig__bg__txt-wrap .sig__reserv-info-btn {
    width: 183px;
    padding-bottom: 10px;
    border-bottom: 1px solid #fff;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: -0.8px;
}
.sig__bg__txt-wrap .sig__reserv-info-btn span {font-size: 14px; vertical-align: text-top; display: inline-block; transition: .3s; transform: rotate(0);}
.sig__bg__txt-wrap .sig__reserv-info-btn.on span {transform: rotate(180deg);}
.sig__reserv-info p {
    margin-top: 26px;
    font-weight: 500;
    font-size: 20px;
    line-height: 32px;
    letter-spacing: -0.5px;
    color: #fff;
}
.sig__reserv-info p:first-child {margin-top: 0;}
.sig__reserv-info li {
    position: relative;
    padding-left: 10px;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: -0.5px;
    color: #fff;
}
.sig__reserv-info li::before {
    content: '-';
    position: absolute;
    left: 0;
    top: 0;
}
.sig__con__txt-wrap01 > h1 {font-weight: 700;}
.sig__con__txt-wrap01 .tit01, .sig__con__img-wrap  {border-top: 1px solid #bbb;}
.sig__con h2 {font-size: 22px; font-weight: 500; line-height: 32px;}
.sig__con#sig__con03 .txt01 {padding: 0;}
.sig__con__img-wrap ul {display: flex;justify-content: space-between;}

/* .sig__con__img-wrap ul li {width: 232px;} */
.sig__con__img-wrap ul li::before {content: none !important;}
.sig__con__img-wrap ul li p {
    font-weight: 500;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: -0.5px;
    text-align: center;
}
.sig__con__img-wrap ul li p:last-child {font-weight: 400;}

.sig__con__img-wrap {
    display: flex;
    flex-direction: column;
}
.sig__con__img-wrap ul {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.sig__con__img-wrap ul li {width: 460px;}
.sig__con__img-wrap .sig__con__img-wrap__head {
    display: flex;
    justify-content: space-between;
}
.sig__con__img-wrap__head h2 {
    font-weight: 700;
    font-size: 26px;
    line-height: 32px;
    letter-spacing: -0.5px;
}
.sig__con__img-wrap__head p {
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: -0.5px;
    color: #333333;
}