@charset "utf-8";

.pl0 {padding-left: 0 !important;}

.notokr {font-family:'Noto Sans KR', sans-serif !important;}

.click {display: inline-block; text-align:center; background:var(--color-secondary); color: #fff; font-size: var(--font-size-14); font-weight: 600; letter-spacing: .02em; line-height: 32px; height: 32px; min-width: 110px; padding: 0 9px; border-radius:5px;}

.c1 {color:var(--color-primary) !important;}
.c-242424 {color: #242424 !important;}

.sub-tab {margin-bottom: 57px;}
.sub-tab ul {margin: 0 -37px;}
.sub-tab ul li {position: relative;width: auto; padding: 0 37px;}
.sub-tab ul li:after {content:''; position: absolute; right: 0; top: 50%; transform:translateY(-50%); width: 1px; height: 10px; background: #ddd;}
.sub-tab ul li:last-child:after {display: none;}
.sub-tab ul li a {font-size: var(--font-size-18); font-weight:400; letter-spacing: .02em; line-height: 1.4em; color: #686868;}
.sub-tab ul li.active a {color: var(--color-secondary); font-weight: 700; border-bottom:2px solid var(--color-secondary);}

.sub-sec {margin-bottom: 185px;}

.doc-tit {margin-bottom: 17px;font-size: var(--font-size-50); font-weight: 700; color: var(--color-primary); font-family: var(--font-playfair); line-height: 1.3em;}
.doc-tit2 {margin-bottom: 25px;font-size: var(--font-size-30); font-weight: 700; letter-spacing: -.02em; line-height: 1.4em; color:var(--color-primary);}
.doc-tit3 {margin-bottom: 17px;font-size: var(--font-size-22); font-weight: 700; letter-spacing: -.02em; line-height: 1.4em; color:#000;}
.doc-tit4 {font-size: var(--font-size-40); font-weight: 700; letter-spacing: -.02em; line-height: 1.4em; color:var(--color-primary);}

.doc-txt {color: #686868; letter-spacing: -.02em;}

.italic-font {margin-bottom: 40px;font-size: var(--font-size-54); font-weight: 700; letter-spacing: .025em; line-height: 1.33em; color: #000; font-style: italic;}

.philosophy .italic-font {font-size: var(--font-size-50);}
.philosophy .cnt {position: relative; background: url('../images/sub/philosophy-bg.png') no-repeat right 0 bottom 80px;}
.philosophy .en-box {margin-bottom: 40px;font-size: var(--font-size-20); font-weight:500; letter-spacing:-.02em; line-height: 1.75em; color: #000;}
.philosophy .ko-box	{font-size: var(--font-size-20); font-weight: 400; letter-spacing:-.02em; line-height: 1.75em; color: #686868;}
.philosophy .ceo {position: absolute; right: 0; top: 48px; text-align:right;}
.philosophy .ceo .name {margin: 13px 0;font-size: var(--font-size-22); font-weight: 700; letter-spacing: -.02em; line-height: 1.33em; color: #242424;}
.philosophy .ceo .txt {font-weight: 500; color: rgba(104,104,104,.7); line-height: 1.7em;}

.eos p {font-size: var(--font-size-25); font-weight: 400; letter-spacing: -.02em; line-height: 1.8em;}

.ci .group:not(:last-child) {margin-bottom: 60px;}
.ci .group h3 {font-size: var(--font-size-20); font-weight: 600; letter-spacing: -.02em; line-height: 1.4em;}
.ci .group1 {display: flex; justify-content:space-between;}
.ci .group1 .left {width: 42%;}
.ci .group1 .right {width: 38.5%;}
.ci .group2 .row {display: flex; margin: -16px;}
.ci .group2 .row .col {width: 50%;padding: 16px;width: 50%; text-align:center;}
.ci .group2 .row .col p {margin-top: 15px;font-size: var(--font-size-18); font-weight: 500; line-height: 1.4em;}
.ci .group2 .row .col img {width: 100%;}

.work .head {display: flex; align-items:center;}
.work .doc-tit small {margin-left: 15px;font-size: var(--font-size-20);}
.work .click {margin-left: 30px;}

.history .row {display: flex; flex-wrap:wrap; margin: -25px -15px;}
.history .row .col {width: 33.333%; padding: 25px 15px;}
.history .content .tit {padding-bottom: 20px; margin-bottom: 20px;border-bottom:2px solid #ddd; font-size: var(--font-size-22); font-weight: 600; line-height: 1.4em; color: #242424;}
.history .content + .content {margin-top: 45px;}
.history .list ul li {line-height: 1.7em;}
.history .hypen-list {margin-left:12px;}

.org picture {display: block; text-align:center;}

.layer_popup {background: transparent;max-width:500px; padding: 0; box-shadow:none; display:none; width:100%; z-index:100 !important;}
.modal a.close-modal {background:none; position:fixed; top:60px; right:160px; width:28px; height:28px; text-indent:-9999em; overflow:hidden;}
.modal a.close-modal:before,
.modal a.close-modal:after {content:" "; position:absolute; top:11px; left:0; width:100%; height:2px; background:#fff; border-radius:3px;}
.modal a.close-modal:before {transform:rotate(45deg);}
.modal a.close-modal:after {transform:rotate(-45deg);}

.certi-slider .slick-arrow {opacity: .5;position: absolute; top:50%; margin-top: -38px; width:40px; height:40px; border-right:3px solid #fff; border-bottom:3px solid #fff; border-left:0; border-top:0; background-color:transparent; z-index:50; overflow:hidden; font-size:0; line-height:0; text-indent:-99999em;}
.certi-slider .slick-prev {left: -400px;transform:rotate(135deg);}
.certi-slider .slick-next {right: -400px;transform:rotate(-45deg);}

.biz-group {display: flex; justify-content:space-between; align-items:center;}
.biz-group .img {overflow:hidden;width: calc(50% - 40px);}
.biz-group .img img {transition:.3s; width: 100%;}
.biz-group .cnt {width: calc(50% - 40px);}
.biz-group .cnt .head {margin-bottom: 50px;}
.biz-group .cnt .tit {margin-bottom: 15px;font-size: var(--font-size-50); font-weight: 700; letter-spacing: .02em; line-height: 1.4em; color: #242424;}
.biz-group .cnt .tit small {margin-left: 18px;font-size: var(--font-size-18); font-weight: 400; letter-spacing: -.02em; line-height: 1.4em; color: #686868;}
.biz-group .cnt .tt1 {font-size: var(--font-size-18); font-weight: 600; letter-spacing: -.02em; line-height: 1.4em; color:var(--color-primary);}
.biz-group .cnt .tt2 {margin-top: 13px;font-weight: 600; letter-spacing: -.02em; line-height: 1.4em; color:#686868;}
.biz-group .cnt .tt3 {margin-bottom: 25px;font-size: var(--font-size-20);font-weight: 600; letter-spacing: -.02em; line-height: 1.4em; color:#242424;}
.biz-group.reverse {flex-direction:row-reverse;}
.biz-group.reverse .cnt {padding-left: 75px;}
.biz-group.ty2 .img {width:46%;}
.biz-group.ty2 .cnt {width:54%;}
.biz-group .img:hover img {transform:scale(1.06);}

.blog-btn {margin-top: 70px; display: inline-flex; align-items:center; color: #4cb427;}
.blog-btn:before {margin-right: 11px;content:''; width:50px; height:50px; background: url('../images/sub/blog.png') no-repeat 50% 50% /contain;}
.blog-btn:after {margin-left: 7px;content:''; width: 9px; height: 14px; background: url('../images/sub/blog-arrow.png') no-repeat 50% 50% /contain;}

.structure-group {margin-bottom: 50px;display: flex; align-items:center;}
.structure-group:last-child {margin-bottom: 0;}
.structure-group .img {width: 50%;}
.structure-group .cnt {padding:0 20px 0 58px; width: 50%;}
.structure-group .cnt .tit {margin-bottom: 28px;font-size: var(--font-size-30); font-weight: 700; letter-spacing: -.02em; line-height: 1.4em; color: #000;}
.structure-group .cnt .tit small {margin-left: 11px;font-size: var(--font-size-16); font-weight: 400; letter-spacing: -.02em; line-height: 1.4em; color: #686868;}
.structure-group:nth-child(even) {flex-direction:row-reverse;}

.smart-top {margin-bottom: 23px;display: flex; align-items:center;}
.smart-top .click {margin-left: 18px;}

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

.recruit-top {height: 450px; margin-bottom: 60px; border-radius:70px 0 70px 0; background: url('../images/sub/recruit-top.jpg') no-repeat 50% 50%;}

.recruit {margin-bottom: 100px;}
.recruit .group {margin-bottom: 30px; background: #fff;position: relative;display: flex; align-items:center; justify-content:space-between;}
.recruit .group:last-child {margin-bottom: 0;}
.recruit .group:before {content:''; position: absolute; top:-20px; width: 60px; height: 60px; background:var(--color-primary); z-index: -1;}
.recruit .group .img {width:45%;}
.recruit .group .img img {width: 100%;}
.recruit .group .cnt {padding-left: 40px;}
.recruit .group .cnt p {font-size: var(--font-size-22); font-weight: 400; letter-spacing: -.02em; line-height: 1.59em;}
.recruit .group:nth-child(odd):before {right: -20px;}
.recruit .group:nth-child(even):before {left: -20px;}
.recruit .group:nth-child(even) {flex-direction:row-reverse; text-align:right;}

.table01 table {border-top:2px solid #242424; width: 100%; border-collapse:collapse; border-spacing:0; line-height: 1.4em; text-align:center;}
.table01 thead th {border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding: 20px 10px;font-weight: 700; color: #242424; background: #f4f4f4;}
.table01 tbody td {border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding: 20px 10px;}
.table01 thead th:last-child,
.table01 tbody td:last-child {border-right:0;}
.table01 .ico {margin-bottom:18px;}

.root_daum_roughmap {width: 100% !important;}

.directions {display:flex;margin-top:30px;}
.directions .address-info {width: 50%; padding-right: 90px;}
.directions .address-info .comp {margin-bottom: 15px;font-size: var(--font-size-30); font-weight: 700; letter-spacing: -.02em; line-height:1.3em; color: var(--color-primary);}
.directions .address-info .addr strong {color: #242424;}
.directions .contact-info {width: 50%; padding-top: 55px;}
.directions .contact-info dl {display:flex; margin-bottom: 15px;}
.directions .contact-info dl:last-child {margin-bottom: 0;}
.directions .contact-info dt {width: 120px;color:#242424; font-size:1.125em; font-weight:500;}
.directions .contact-info dt svg {vertical-align:middle; margin:-.2em 15px 0 0;}
.directions .contact-info dt path {fill:var(--color-primary);}
.directions .contact-info dd {flex:1 1 auto; min-width:0; width:1%; color:#454545;}