._29seconds._about{ width: 100%; overflow: hidden; }
._29seconds._about .vs_title{ background-image: url(/img/29seconds/about_bg.png); background-position: top center; background-size: cover; background-repeat: no-repeat; height: 920px; }

@media screen and (max-width: 1280px){
    ._29seconds._about .vs_title{ height: 600px; }
}

@media screen and (max-width: 820px){
    ._29seconds._about .vs_title{ height: 400px; }
}

@media screen and (max-width: 500px){
    ._29seconds._about .vs_title{ height: 210px; }
}


._29seconds._about .a01{ background-image: url(/img/29seconds/about_se2bg.png); background-position: top right; background-repeat: no-repeat; margin-top: -1px; background-color: #000; z-index: 4; position: relative; }

._29seconds._about .a01 h1{ font-size: 6.25vw; font-weight: 600; letter-spacing: -0.045em; margin-bottom: 95px; }
._29seconds._about .a01 h1:last-of-type{  margin-bottom: 0;}

._29seconds._about .a01 h1._1{ padding-left: calc(160 / 1805 * 100%); }
._29seconds._about .a01 h1._2{ padding-left: calc(353 / 1805 * 100%); }
._29seconds._about .a01 h1._3{ text-align: right; padding-right: calc(160 / 1805 * 100%); }
._29seconds._about .a01 ._wrap[max="1805"]{ padding: 180px 0; }
._29seconds._about .a01 ._wrap[max="1280"]{ border-bottom: 1px solid #444; padding-bottom: 145px;}

._29seconds._about .a01 dl dt{ font-size: 90px; font-weight: 600; letter-spacing: -0.045em; }
._29seconds._about .a01 dl dd{  margin-top: 40px; font-size: 26px; letter-spacing: -0.045em; color: #dddddd; line-height: calc(40 / 26); word-break: keep-all; }
._29seconds._about .a01 dl dd span{ color: #fff; }

@media screen and (max-width: 1280px){
    ._29seconds._about .a01 ._wrap[max="1805"]{ padding: 120px 0; }
    ._29seconds._about .a01 h1{ margin-bottom: 50px; }

    ._29seconds._about .a01 dl dt{ font-size: 70px; }
    ._29seconds._about .a01 dl dd{ font-size: 22px; }
}

@media screen and (max-width: 820px){
    ._29seconds._about .a01 ._wrap[max="1805"]{ padding: 80px 0; }
    ._29seconds._about .a01 ._wrap[max="1280"]{ padding-bottom: 70px; }
    ._29seconds._about .a01 h1{ margin-bottom: 30px; }

    ._29seconds._about .a01 dl dt{ font-size: 40px; }
    ._29seconds._about .a01 dl dd{ font-size: 18px; }
}

@media screen and (max-width: 500px){
    ._29seconds._about .a01 ._wrap[max="1805"]{ padding: 50px 0; }
    ._29seconds._about .a01 h1{ margin-bottom: 15px; }

    ._29seconds._about .a01 dl dt{ font-size: 24px; }
    ._29seconds._about .a01 dl dd{ font-size: 14px; margin-top: 20px; }
    ._29seconds._about .a01 dl dd br.none{display: none;}
}


._29seconds._about .a02{ width: 100%; }
._29seconds._about .a02 ._wrap{ display: flex; justify-content: space-between; }
._29seconds._about .a02 ._wrap .sideTab{ width: calc(260 / 1805 * 100%); padding-top: 150px; flex-shrink: 0; min-width: 160px; padding-right: 5px; box-sizing: border-box; }
._29seconds._about .a02 ._wrap .sideTab li{ font-size: 14px; color: #aaaaaa; letter-spacing: -0.045em; position: relative; align-items: center; display: flex; margin-bottom: 20px; transition-duration: 0.2s;  }
._29seconds._about .a02 ._wrap .sideTab li span{ display: block; width: 30px; height: 2px; background-color: #fff; margin-left: 10px; transition-duration: 0.2s; transform-origin: 0 0; transform: scaleX(0); }

._29seconds._about .a02 ._wrap .sideTab li.on{ font-size: 16px; letter-spacing: -0.045em; color: #fff; }
._29seconds._about .a02 ._wrap .sideTab li.on span{ transform: scaleX(1); }


._29seconds._about .a02 ._wrap .a03_cont{ width: calc(1545 / 1805 * 100%); padding-top: 150px; }
._29seconds._about .a02 ._wrap .a03_cont .bx{ margin-bottom: 145px; }
._29seconds._about .a02 ._wrap .a03_cont .bx h3{ font-size: 26px; font-weight: 600; letter-spacing: -0.045em; }
._29seconds._about .a02 ._wrap .a03_cont .bx .r_cont{ width: 100%; margin-top: 45px; word-break: keep-all; }
._29seconds._about .a02 ._wrap .a03_cont .bx .r_cont > li{ display: flex;  margin-bottom: 20px; }
._29seconds._about .a02 ._wrap .a03_cont .bx .r_cont > li span{ margin-right: 20px; padding-top: 3px; }
._29seconds._about .a02 ._wrap .a03_cont .bx .r_cont > li h1{ font-size: 22px; letter-spacing: -0.045em; margin-bottom: 10px; }
._29seconds._about .a02 ._wrap .a03_cont .bx .r_cont > li h2{ font-size: 18px; letter-spacing: -0.045em;  line-height: calc(26 / 18); }
._29seconds._about .a02 ._wrap .a03_cont .bx .r_cont > li .h2{ font-size: 18px; letter-spacing: -0.045em;  line-height: calc(26 / 18); }
._29seconds._about .a02 ._wrap .a03_cont .bx .r_cont > li .h2 li{ text-indent: -0.6em; padding-left: 0.6em; box-sizing: border-box; }
._29seconds._about .a02 ._wrap .a03_cont .bx .r_cont > li h2 span{ font-size: 16px; letter-spacing: -0.045em; color: #aaa; margin-left: 20px; }
._29seconds._about .a02 ._wrap .a03_cont .bx .r_cont > li .h2 span{ font-size: 16px; letter-spacing: -0.045em; color: #aaa; margin-left: 20px; }
._29seconds._about .a02 ._wrap .a03_cont .bx .r_cont > li .p{ font-size: 16px; letter-spacing: -0.045em; font-weight: 400; line-height: calc(24 / 16); color: #aaaaaa; margin-top: 10px; }
._29seconds._about .a02 ._wrap .a03_cont .bx .r_cont > li .p li{ text-indent: -0.8em; padding-left: 0.8em; box-sizing: border-box; }


._29seconds._about .a02 ._wrap .a03_cont .bx._1 .r_cont > li span{ padding-top: 0; }
._29seconds._about .a02 ._wrap .a03_cont .bx._1 .r_cont > li{ margin-bottom: 45px; }
._29seconds._about .a02 ._wrap .a03_cont .bx._1 .r_cont > li h2{ line-height: calc(34 / 18); }


@media screen and (max-width: 1280px){
    ._29seconds._about .a02 ._wrap .a03_cont .bx .r_cont > li h2 span{ display: block; margin: 0; text-indent: -0.8em; padding-left: 0.8em; box-sizing: border-box; }
}

@media screen and (max-width: 820px){
    ._29seconds._about .a02 ._wrap{ display: block; }

    ._29seconds._about .a02 ._wrap .sideTab{ display: none; }
    ._29seconds._about .a02 ._wrap .a03_cont{ padding-top: 100px; width: 90%; }
    ._29seconds._about .a02 ._wrap .a03_cont .bx h3{ font-size: 22px; }
    ._29seconds._about .a02 ._wrap .a03_cont .bx .r_cont > li h1{ font-size: 18px; }
    ._29seconds._about .a02 ._wrap .a03_cont .bx._1 .r_cont > li h2{ font-size: 16px; }
    ._29seconds._about .a02 ._wrap .a03_cont .bx._1 .r_cont > li .h2{ font-size: 16px; }
    ._29seconds._about .a02 ._wrap .a03_cont .bx .r_cont > li h2{ font-size: 16px; }
    ._29seconds._about .a02 ._wrap .a03_cont .bx .r_cont > li h2 em{ display: block; text-indent: -0.5em; padding-left: 0.5em; box-sizing: border-box; }
    ._29seconds._about .a02 ._wrap .a03_cont .bx .r_cont > li .h2{ font-size: 16px; }
    ._29seconds._about .a02 ._wrap .a03_cont .bx._1 .r_cont > li span{ margin-top: -2px; margin-right: 10px; }
    ._29seconds._about .a02 ._wrap .a03_cont .bx .r_cont > li .p{ font-size: 14px; margin-top: 5px; }
    ._29seconds._about .a02 ._wrap .a03_cont .bx .r_cont > li h2 span{ font-size: 14px; }
}

@media screen and (max-width: 500px){
    ._29seconds._about .a02 ._wrap .a03_cont{ width: 100%; }
    ._29seconds._about .a02 ._wrap .a03_cont .bx{ margin-bottom: 70px; }

    ._29seconds._about .a02 ._wrap .a03_cont .bx h3{ font-size: 20px; }
    ._29seconds._about .a02 ._wrap .a03_cont .bx .r_cont li h1{ font-size: 16px; }
    ._29seconds._about .a02 ._wrap .a03_cont .bx._1 .r_cont li h2{ font-size: 14px; }
    ._29seconds._about .a02 ._wrap .a03_cont .bx._1 .r_cont li .h2{ font-size: 14px; }
    ._29seconds._about .a02 ._wrap .a03_cont .bx .r_cont li h2{ font-size: 14px; }
    ._29seconds._about .a02 ._wrap .a03_cont .bx .r_cont li .h2{ font-size: 14px; }
    ._29seconds._about .a02 ._wrap .a03_cont .bx .r_cont li .p{ font-size: 12px; }
    ._29seconds._about .a02 ._wrap .a03_cont .bx .r_cont li h2 span{ font-size: 12px; }
    ._29seconds._about .a02 ._wrap .a03_cont .bx .r_cont li .h2 span{ font-size: 12px; }
}




/* 오시는길 */
._29seconds._location ._wrap{ padding: 135px 0; }

#map{ width: 100%; border-radius: 10px; height: 480px; overflow: hidden; }
#map .root_daum_roughmap_landing{ width: 100%; height: 100%; }
#map .root_daum_roughmap .wrap_map{ width: 100%; height: 100%; }
#map .root_daum_roughmap .map{ width: 100%; height: 100%; }

.locaInfo{ margin-top: 55px; display: flex; }
.locaInfo li{ display: flex; align-items: center; padding: 0 55px; box-sizing: border-box; border-right: 1px solid #555555;  }
.locaInfo li:first-of-type{ padding-left: 0; }
.locaInfo li:last-of-type{ padding-right: 0; border-right: 0; }

.locaInfo li > span{ display: flex; width: 90px; height: 90px; border-radius: 50%; background-color: #555555; align-items: center; justify-content: center; flex-shrink: 0; }
.locaInfo li span i{ font-size: 42px; }
.locaInfo li dl{ padding-left: 15px; box-sizing: border-box; }
.locaInfo li dl dt{ font-family: 'Montserrat'; letter-spacing: -0.045em; font-size: 16px; color: rgba(255,255,255,0.5); }
.locaInfo li dl dd{ font-size: 18px; letter-spacing: -0.045em; line-height: calc(28 / 18); margin-top: 10px; }
.locaInfo li dl dd br.mob{display: none;}
.locaInfo li dl dd span{ font-size: 16px; letter-spacing: -0.045em; }

@media screen and (max-width: 1440px){
    .locaInfo li{ padding: 0 30px; }
    .locaInfo li > span{ width: 70px; height: 70px; }
    .locaInfo li span i { font-size: 30px; }
}

@media screen and (max-width: 1280px){
    .locaInfo{ flex-wrap: wrap; }
    .locaInfo li{ margin-bottom: 40px; }
    .locaInfo li:first-of-type{ border-right: 0; }
    .locaInfo li:nth-of-type(2){padding-left: 0; }
    .locaInfo li:first-of-type{ width: 100%; }
}

@media screen and (max-width: 820px){
    ._29seconds._location ._wrap{ padding: 100px 0; }
    #map{ height: 300px; }
    .locaInfo li dl dt{ font-size: 14px; }
    .locaInfo li dl dd{ font-size: 16px; }
    .locaInfo li dl dd br.mob{ display: block; }
    .locaInfo li dl dd span{ font-size: 14px; }
}

@media screen and (max-width: 500px){
    ._29seconds._location ._wrap{ padding-top: 70px; padding-bottom: 0; }
    #map{ height: 250px; }
    .locaInfo li{ width: 100%; border-right: 0; padding: 0; display: block; text-align: center; border-bottom: 1px solid #555; padding-bottom: 40px; margin-bottom: 40px; }
    .locaInfo li:last-of-type{ border-bottom: 0; margin-bottom: 0; }
    .locaInfo li > span{ width: 40px; height: 40px; margin: 0 auto; }
    .locaInfo li span i{ font-size: 20px; }
    .locaInfo li dl{ padding-left: 0; margin-top: 20px; }
}



/* CEO인사말 리뉴얼 */
._29seconds._greetings{ width: 100%; overflow: hidden; word-break: keep-all; }
._29seconds._greetings img.mob_t{ display: none; }
._29seconds._greetings .contbx{ position: relative; z-index: 4; margin-top: -310px; background-image: url(/img/29seconds/greeting_bg.png); background-repeat: no-repeat; padding-top: 610px; padding-bottom: 225px; background-size: cover; background-position: bottom center; }
._29seconds._greetings .contbx .txtbg{ position: absolute; top: 400px; left: -30px; max-width: 95%; }

._29seconds._greetings .contbx .flexbx{ display: flex; justify-content: space-between; }
._29seconds._greetings .contbx .flexbx .port{ width: 50%; padding-right: calc(90 / 1280 * 100%); box-sizing: border-box; }
._29seconds._greetings .contbx .flexbx .port > img{ margin-left: -40px; }
._29seconds._greetings .contbx .flexbx .port .messageT{ position: relative;  margin-top: -120px;  }
._29seconds._greetings .contbx .flexbx .port .messageT p{ margin-left: auto; display: flex; justify-content: flex-end; font-size: 18px; letter-spacing: -0.045em; color: #bbbbbb; align-items: center; margin-top: 25px; }
._29seconds._greetings .contbx .flexbx .port .messageT p > img{ display: block; margin-left: 10px; }
._29seconds._greetings .contbx .flexbx .port .messageT span{ display: block; }


._29seconds._greetings .contbx .flexbx .right{ width: 50%; padding-top: 50px; }
._29seconds._greetings .contbx .flexbx .right dl dt{ font-size: 40px; letter-spacing: -0.045em; line-height: calc(70 / 50); font-weight: 600; margin-bottom: 50px; }
._29seconds._greetings .contbx .flexbx .right dl dt strong{ font-size: 50px; letter-spacing: -0.045em; }
._29seconds._greetings .contbx .flexbx .right dl dd{ font-size: 20px; letter-spacing: -0.045em; line-height: calc(30 / 20); color: #dddddd; margin-bottom: 12px; }

@media screen and (max-width: 1280px){
    ._29seconds._greetings .contbx{ padding-top: 560px; padding-bottom: 130px; }
    ._29seconds._greetings .contbx .flexbx .right{ padding-top: 20px; }
    ._29seconds._greetings .contbx .flexbx .right dl dt{ font-size: 30px; margin-bottom: 25px; }
    ._29seconds._greetings .contbx .flexbx .right dl dt strong{ font-size: 40px; }
    ._29seconds._greetings .contbx .flexbx .right dl dd{ font-size: 18px; }

    ._29seconds._greetings .contbx .flexbx .port .messageT{ margin-top: -60px; }
    ._29seconds._greetings .contbx .flexbx .port .messageT p{ font-size: 16px; margin-top: 15px; }
}

@media screen and (max-width: 820px){
    ._29seconds._greetings img.mob_t{ display: block; }
    ._29seconds._greetings img.pc_t{ display: none; }

    ._29seconds._greetings .contbx{ padding-top: 500px; }
    ._29seconds._greetings .contbx .flexbx{ display: block; }
    ._29seconds._greetings .contbx .flexbx .port{ width: 100%; max-width: 400px; padding: 0; margin: 0 auto; text-align: center; }
    ._29seconds._greetings .contbx .flexbx .port > img{ margin-left: -20px; }
    ._29seconds._greetings .contbx .flexbx .right{ width: 100%; padding: 0; margin: 0; margin-top: 25px; }

    ._29seconds._greetings .contbx .flexbx .right dl{ text-align: center; }
    ._29seconds._greetings .contbx .flexbx .right dl dt{ font-size: 22px; margin-bottom: 15px; }
    ._29seconds._greetings .contbx .flexbx .right dl dt strong{ font-size: 26px; }
    ._29seconds._greetings .contbx .flexbx .right dl dd{ font-size: 16px; }

    ._29seconds._greetings .contbx .flexbx .port .messageT{ margin-top: -30px; }
    ._29seconds._greetings .contbx .flexbx .port .messageT img.mob_t{  max-width: 300px; margin: 0 auto; width: 100%; }
    ._29seconds._greetings .contbx .flexbx .port .messageT p{ font-size: 14px; margin-top: 10px; }
}




._29seconds._about._eng .a02 ._wrap .sideTab{ width: calc(320 / 1805 * 100%); max-width: 260px; }
._29seconds._about._eng .a02 ._wrap .a03_cont{ width: calc(1485 / 1805 * 100%); }