@charset "utf-8";

.table-wrap {overflow-x: auto; -webkit-overflow-scrolling: touch;}
.sub-table {width:100%; border-collapse:collapse; border-spacing:0px; line-height:1.75em; letter-spacing:-.04em; border-top: 2px solid #3561a5;}
.sub-table th {padding:11px 8px; border:1px solid #ddd; background: #f8f8f8; color: #3561a5; font-weight: 500;}
.sub-table td {padding:11px 8px; border:1px solid #ddd; text-align:center; color: #454545;}
.sub-table td.left {text-align: left; padding-left: 25px;}
.sub-table td strong {font-size: 1.063em; font-weight: 500;}
.sub-table tr th:first-child,
.sub-table tr td:first-child {border-left:0;}
.sub-table tr th:last-child,
.sub-table tr td:last-child {border-right:0;}

.doc-tit {position: relative; font-size:22px; font-weight: 500; letter-spacing:-.03em; line-height:1.3em; margin-bottom: 20px; padding-left: 18px;}
.doc-tit:before {content:""; position: absolute; top: 6px; left: 0; width: 6px; height: 18px; background-image:url("../images/sub/bullet.jpg"); background-position:50% 50%; background-repeat:no-repeat; background-size:contain;}
.doc-cnt {margin-bottom: 100px;}
.doc-cnt.ty2 {margin-bottom: 60px;}
.doc-cnt:last-child {margin-bottom: 0;}

.doc-desc {margin-bottom: 25px;}
.doc-desc .sub-tit {color: #3561a5; font-size: 20px; font-weight: 500; line-height: 1.4; letter-spacing: -.03em;}
.doc-desc .txt {color: #454545; margin-top: 5px;}
.doc-desc .txt .square-list {padding-left: 60px;}

.hypen-list > li{padding-left: 0.438em; text-indent: -0.438em;}

.square-list > li{position:relative; padding-left:15px; margin-bottom: 5px;}
.square-list > li:last-child{margin-bottom:0;}
.square-list > li:before{content:""; width:5px; height:5px; position:absolute; top:12px; left:0; background:#bdbfc0;}

.mg-list .row {margin-bottom: 30px;}
.mg-list .row:last-child {margin-bottom: 0;}

.indent {padding-left: 18px;}

.borderBox {border: 1px solid #ddd; padding: 45px 20px 50px;}
.borderBox.mg {margin-bottom: 30px;}
.borderBox p {font-size: 1.125em; color: #454545; margin-bottom: 30px;}
.borderBox p span {font-weight: 500;}
.borderBox .tt {color: #e7705d; font-weight: 500; line-height: 1.556em; letter-spacing: -.03em;}

.borderBox2 {border: 1px solid #ddd; padding: 30px 37px;}
.borderBox2 .imgs {margin: 0 -30px -35px 0;}
.borderBox2 .imgs:after {content:""; display:block; clear:both;}
.borderBox2 .imgs .img {float: left; margin: 0 30px 35px 0;}
.borderBox2 .imgs .img p {color: #454545; font-size: 18px; font-weight: 500; line-height: 1.5; letter-spacing: -.04em; margin-bottom: 10px;}
.borderBox2 .imgs .img p span {display: block; font-weight: 400; margin-top: 5px; font-size: 0.889em;}
.borderBox2 .mediaWrap {width: 271px; margin-top: 38px;}
.borderBox2 .mediaWrap .media-container {position:relative;padding-bottom:117%;height:0;overflow:hidden;background:#fff;}
.borderBox2 .mediaWrap .media-container video {position: absolute;top:0;left:0;width:100%;height:100%;}

.top-txtBox {border: 1px solid #ddd; padding: 55px 15px; border-radius:70px; color: #3561a5; font-size: 18px; text-align: center; margin-bottom: 40px;}
.top-txtBox h3 {font-size: 1.111em; font-weight: 500; line-height: 1.5; letter-spacing: -.03em; margin-bottom: 5px;}
.top-txtBox p {line-height: 1.5;}

.top-txt {color: #3561a5; font-size: 20px; font-weight: 500; line-height: 1.6; letter-spacing: -.03em; margin-bottom: 45px; text-align: center;}

/* introduce */
.introduce .img {height: 300px; background: no-repeat url("../images/sub/introduce.jpg") center center / cover; margin-bottom: 30px;}
.introduce .altovision {font-family: 'Roboto', sans-serif; color: #454545; font-size: 90px; font-weight: 500; line-height: 1; letter-spacing: -.03em; opacity: .05;}
.introduce .txt {font-size: 1.125em; line-height: 1.667em; letter-spacing: -.03em;margin-top: -35px;}

.company-banner {color: #fff;}
.company-banner .row {display: table; width: 100%; height: 460px; background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.company-banner .row.bg1 {background-image:url("../images/sub/bg_comp_bnr1.jpg");}
.company-banner .row.bg2 {background-image:url("../images/sub/bg_comp_bnr2.jpg");}
.company-banner .row:nth-child(even) {text-align: right;}
.company-banner .row .cell {display: table-cell; vertical-align:middle;}
.company-banner h3 {font-family: 'Roboto', sans-serif; font-size: 28px; line-height: 1.3; letter-spacing: -.03em;}
.company-banner p {font-weight: 300; margin: 30px 0 26px;}
.company-banner .btn-view {position: relative; display: inline-block; font-size: 0.938em; font-weight: 300;}
.company-banner .btn-view:after {content:""; position: absolute; bottom: 0; left: 0; width: 0; height: 1px; background: #fff;}
.company-banner .btn-view:hover:after {width: 100%; transition: width .2s;}

/* NLP */
.NLP .about {}
.NLP .about ul {display: flex; margin: 0 -10px 45px;}
.NLP .about ul li {width: 33.3333333%; padding: 0 10px;}
.NLP .about ul li .num {margin-bottom: 35px;}
.NLP .about ul li .num span {display: inline-block; width: 55px; height: 55px; border-radius:100%; background: #3561a5; font-family: 'Roboto', sans-serif; color: #fff; font-size: 28px; line-height: 55px; letter-spacing: -.03em; text-align: center;}
.NLP .about ul li p {color: #454545;}
.NLP .feature {padding: 130px 0; background: no-repeat url("../images/sub/bg_NLP_feature.jpg") center center / cover;}
.NLP .feature ul {display: flex;flex-wrap:wrap; margin: -13px;}
.NLP .feature ul li {width: 25%; padding: 13px;}
.NLP .feature ul li .in {background: #fff; padding: 28px 30px; height: 100%; border-radius:10px;}
.NLP .feature ul li strong {display: block; font-size: 1.125em; color: #3561a5; line-height: 1.5; letter-spacing: -.03em; margin-bottom: 12px;}
.NLP .feature ul li p {word-break: break-all;color: #454545;}

/* studio */
.studio .slideshow {background: #f8f8f8; padding: 110px 0 120px; overflow: hidden;}
.studio .slideshow .title {display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px;}
.studio .slideshow .title h3 {font-family: 'Roboto', sans-serif; font-size: 35px; font-weight: 500; line-height: 1.286em; letter-spacing: -.03em;}
.studio .slideshow .slider {margin-right: -200%;}

.studio .slideshow .slick-arrow {z-index: 50; width:50px; height:50px; z-index:50; background-size: 21px; background-color: #f8f8f8; background-position:50% 50%; background-repeat:no-repeat; border: 1px solid #dedede; border-radius:100%; overflow:hidden; text-indent:-9999em;}
.studio .slideshow .slick-arrow:hover {background-color: #3561a5; border-color: #3561a5;}
.studio .slideshow .slick-prev {background-image:url("../images/sub/ss_slide_prev.png"); margin-right: 10px;}
.studio .slideshow .slick-prev:hover {background-image:url("../images/sub/ss_slide_prev_on.png");}
.studio .slideshow .slick-next {background-image:url("../images/sub/ss_slide_next.png");}
.studio .slideshow .slick-next:hover {background-image:url("../images/sub/ss_slide_next_on.png");}

.studio .slideshow .slider .slick-list {margin:0 -4px;}
.studio .slideshow .slider .slick-list .slick-slide {margin:0 4px;}

/* project */
.project {position: relative;}
.project:before {content:""; position: absolute; top: 7px; bottom: 17px; left: 145px; width: 1px; background: #ddd;}
.project .group {display: flex; margin-bottom: 40px;}
.project .group:last-child {margin-bottom: 0;}
.project .group .year {width: 145px; font-family: 'Roboto', sans-serif; font-size:40px; color: #3561a5; letter-spacing:-.03em;}
.project .group .list {padding-left: 30px; flex: 1 1 auto; min-width: 0; width: 1%;}
.project .group .list .row {position: relative; margin-bottom: 18px;}
.project .group .list .row:last-child {margin-bottom: 0;}
.project .group .list .row:before {content:""; position: absolute; top: 7px; left: -37px; width: 15px; height: 15px; border:3px solid #3561a5; border-radius:100%; background: #fff;}
.project .group .list p {font-size: 1.125em; font-weight: 500; line-height: 1.5; letter-spacing: -.03em; margin-bottom: 6px;}
.project .group .list p strong {color: #3561a5; font-weight: 700;}
.project .group .list .hypen-list li {color: #454545;}
.project .group .list .hypen-list li .arrow {display: inline-block; margin: 0 10px 0 15px; color: #ddd;}

/* RECRUIT */
.people {padding-bottom: 110px; background: no-repeat url("../images/sub/bg_people.jpg") center bottom / contain;}
.people ul {display: flex;align-items: flex-start; max-width: 917px;margin: 0 auto; }
.people ul li {position: relative;padding: 0 13px;}
.people ul li:nth-child(even) {margin-top: 50px;}
.people ul li p {position: absolute; bottom: 28px; left: 0; width: 100%; text-align: center; color: #fff; font-size: 1.125em; line-height: 1.3; letter-spacing: -.03em;}

.welfare {}
.welfare ul {display: flex;flex-wrap:wrap; margin: 0 -20px -44px;}
.welfare ul li {width: 25%; padding: 0 20px; margin-bottom: 44px;}
.welfare ul li .in {border-top: 2px solid #505050; padding-top: 28px;}
.welfare ul li p {color: #454545; font-size: 1.125em; font-weight: 500; line-height: 1.444; letter-spacing: -.03em; margin-top: 16px;}

/* location */
.root_daum_roughmap {width:100% !important;}
.location {display: flex;justify-content: space-between;}
.location .group {width: calc(50% - 20px);}	
.loc-info {margin-top: 20px;}
.loc-info h3 {color: #3561a5; font-family: 'Roboto', sans-serif; font-size: 25px; font-weight: 500; line-height: 1.5; letter-spacing: -.03em; margin-bottom: 5px;}
.loc-info .txt {}