@charset "utf-8";


/*
 * File       : sub-about.css
 * Author     : STUDIO-JT (HREE)
 * Guideline  : JTstyle.1.1
 *
 * Dependency : css/reset.css
 *              css/jt-strap.css
 *
 * SUMMARY:
 * 1) ABOUT
 */



/* **************************************** *
 * ABOUT
 * **************************************** */
.page-template-about-kr .main_container,
.page-template-about-en .main_container {padding-bottom: 0;}

.about-header { margin-top: 12rem; padding-bottom: 15rem; position: relative; background: #e0e0e0;}
.about-header_inner { position: relative; }
.about-header__title { font-size: 5.4rem; line-height: 1.29; font-weight: 500; margin-bottom: 8rem; }
.about-header__title .about-header__title-line {overflow: hidden; /*margin: 1.6rem 0*/}
html.desktop .about-header__title .about-header__title-line > span {opacity: 0; display: block;}

.about-header__tab-menu { position: absolute; top: 0; right: 0;}
html.desktop .about-header__tab-menu {opacity: 0;}
.about-header__tab-menu li { display: inline-block; cursor: pointer;}
.about-header__tab-menu li:first-child { margin-right: 2rem; }
.about-header__tab-menu li a { font-size: 1.6rem; line-height: 1.8; color: #848484; padding-bottom: 0.3rem; font-weight: 500;}
.about-header__tab-menu li.jt-tabs--active a { color: #000; box-shadow: inset 0 -0.2rem 0 0 #000; }

.about-header__tab-panels { margin-left: 44.1rem; width: calc(100% - 44.1rem);}
.about-header__tab-desc { font-size: 1.6rem; line-height: 1.75; color: #444; letter-spacing: -0.02em;}
.about-header__tab-desc[lang="en"] { letter-spacing: -0.015em;}
.about-header__tab-desc p {margin-bottom: 2.8rem;}
.about-header__tab-desc p:last-child {margin-bottom: 0rem;}
html.desktop .about-header__tab-desc {opacity: 0;}

.about-history { padding: 18rem 0 14.4rem; background: #000 url(../images/sub/about/about-history-bg.jpg) no-repeat center bottom; min-height: 66.8rem;}
.about-history__year-item { position: relative; }
.about-history__year-item::after { position: absolute; content: ''; width: 100%; height: 0.1rem; background: #4d4d4d; top: 5.5rem; left: 0.9rem;}
.about-history__title h2 { color: #fff; font-size: 3.2rem; line-height: 1.43; margin-bottom: 8.6rem; }
.about-history__year-list { width: 100%; overflow: hidden;}
.about-history__year-item { width: 25%;}
.about-history__year { color: #fff; font-size: 2rem; line-height: 1.5; font-weight: 500; position: relative;}
.about-history__year::after { position: absolute; content: ''; width: 0.9rem; height: 0.9rem; background: #fff; left: 0.2rem; bottom: -3.1rem; transform: rotate(45deg); z-index: 10;}
.about-history__month-list { margin-top: 5.4rem; }
.about-history__month-item { margin-bottom: 1.2rem; display: flex; padding-right: 3rem;}
.about-history__month-item:last-child { margin-bottom: 0; }
.about-history__month { font-size: 1.8rem; color: rgba(255,255,255,0.5); margin-right: 1.8rem; line-height: 1.55; min-width: 2.2rem;}
.about-history__date-item { font-size: 1.6rem; color: #fff; line-height: 1.75; margin-bottom: 0.6rem;}
.about-history__date-item[lang="en"] {letter-spacing: -0.015em;}
.about-history__date-item:last-child { margin-bottom: 0; }
.about-history .load-more-wrap {display: none;}

.about-identity { padding: 12rem 0 15rem; background: #e0e0e0;}
.about-identity_inner { display: grid; grid-template-columns: 1fr 1.9fr; }
.about-identity__title h2 { font-size: 3.2rem; line-height: 1.43; font-weight: 500; }
.about-identity__logo { padding-bottom: 7.8rem; border-bottom: 0.1rem solid #bbb;}
.about-identity__color { padding-top: 7rem; }
.about-identity__logo b ,
.about-identity__color b { font-size: 2rem; line-height: 1.5; margin-bottom: 0.8rem; font-weight: 700; display: block; }
.about-identity__logo p ,
.about-identity__color p { font-size: 1.6rem; color: #444; line-height: 1.75; letter-spacing: -0.015em;}
.about-identity__logo p[lang="en"],
.about-identity__color p[lang="en"] {letter-spacing: -0.015em;}
.about-identity__color p { line-height: 1.7; }
.about-identity__logo-list { margin-top: 7rem; display: grid; grid-template-columns: 1.9fr 1fr; height: 40rem; }
.about-identity__logo-item { background: #d9d9d9; display: grid; align-items: center; justify-content: center;}
.about-identity__logo-item:first-child {grid-row: 1 / span 2; margin-right: 4.2rem;}
.about-identity__logo-item:first-child img { width: 30.2rem; }
.about-identity__logo-item:last-child {margin-top: 4.2rem;}
.about-identity__logo-item img {top: 50%; left: 50%; transform: translate(-50%,-50%);}
.about-identity__color-images { margin-top: 7rem; }
.about-identity__color-images__orange { height: 12rem; background: #FF5B00; margin-bottom: 1rem;}
.about-identity__color-images__gray {  height: 5rem; background: #bfbfbf;}
.about-identity__color-images > div { width: 100%; display: grid; align-items: center; justify-content: center;}
.about-identity__color-images > div > span {color: rgba(255,255,255,0.7); font-size: 1.4rem;}

.about-contact { padding: 12rem 0 15rem; background: #d9d9d9;}
.about-contact_inner { display: grid; grid-template-columns: 1fr 1.9fr; }
.about-contact__title h2 { font-size: 3.2rem; line-height: 1.43; font-weight: 500; }
.about-contact__item { margin-bottom: 4.6rem; }
.about-contact__item:last-child { margin-bottom: 0; }
.about-contact__item b { font-size: 2rem; line-height: 1.5; margin-bottom: 0.8rem; font-weight: 700; display: block;}
.about-contact__item p { font-size: 1.6rem; color: #444; line-height: 1.75; letter-spacing: -0.02em;}
.about-contact__item p[lang="en"] {letter-spacing: -0.015em;}
.about-contact__item a:not(.about-contact__map-btn) { font-size: 1.5rem; line-height: 1.46; box-shadow: inset 0 -0.1rem 0 0 #FF5B00; letter-spacing: -0.015em; font-weight: 600;}
.about-contact__map-btn { margin-top: 1.6rem; color: #000; font-size: 1.4rem; line-height: 1.85; display: inline-block; font-weight: 500; position: relative; transition: color .1s}
html.desktop .about-contact__map-btn:hover {color: #FF5B00}
.about-contact__map-btn::after { position: absolute; content: '\e955'; font-family: 'jt-font'; font-size: 1rem; top: 0.4rem; right: -1.4rem;}