@charset "utf-8";

.sub-tab {text-align:center; margin-bottom:70px;}
.sub-tab ul {display:flex; justify-content:center; flex-wrap:wrap;}
.sub-tab ul li {padding:0 35px;}
.sub-tab ul li a {display:flex; min-width:220px; height:55px; justify-content:center; align-items:center; padding:0 18px; color:#454545; font-size:18px; line-height:1.3em; font-weight:500; border:1px solid #ddd; border-radius:50px;}
.sub-tab ul li.active a {background:#aa1717; border-color:#aa1717; color:#fff;}

.doc-tit {position:relative; padding-left:25px; margin-bottom:30px; color:#242424; font-size:22px; line-height:1.3em; letter-spacing:-.01em;}
.doc-tit:before {content:""; position:absolute; top:9px; left:0; width:10px; height:10px; background:#aa1717; border-radius:100%;}

.arrow-tit {position:relative; padding-left:30px; font-size:20px; font-weight:600; line-height:1.3em; margin-bottom:12px;}
.arrow-tit:before {content:""; position:absolute; top:2px; left:0; width:0; height:0; border-top:10px solid transparent; border-bottom:10px solid transparent; border-left:17px solid #2968a8;}

.doc-cnt {margin-bottom:70px; font-size:17px; line-height:1.529em; letter-spacing:-.01em;}
.doc-cnt:last-child {margin-bottom:0;}

.hypen-list > li {padding-left:.6em; text-indent:-.6em;}
.hypen-list.mgl {margin-left:15px;}

.greetings .heading {position:relative; height:250px; padding:50px; margin-bottom:44px; display:flex; align-items:center; color:#fff; background-image: linear-gradient(to right, #aa1818 , #000);}
.greetings .heading .img {position:absolute; bottom:0px; left:108px;}
.greetings .heading .txt {position:relative; margin-left:440px;}
.greetings .heading .t1 {font-size:38px; font-weight:700; line-height:1.33em; letter-spacing:-.01em; margin-bottom:10px;}
.greetings .heading .t2 {font-size:20px; font-weight:500; line-height:1.5em; letter-spacing:-.01em;}
.greetings .content {font-size:19px; line-height:1.579em; letter-spacing:-.01em;}
.greetings .content p {margin-bottom:30px;}
.greetings .content p:last-child {margin-bottom:0;}
.greetings .content .lg-txt {font-size:1.105em;}
.greetings .content .sign {text-align:right; margin-top:45px; font-size:1.053em; font-weight:500; line-height:1.3em;}
.greetings .content .sign img {vertical-align:middle; margin:0 0 0 32px;}

.vision {display:flex; align-items:center; margin-bottom:60px;}
.vision .img {width:50%}
.vision .cnt {width:50%; padding:15px; text-align:center;}
.vision .cnt h3 {font-family:'Godo', sans-serif; color:#242424; font-size:35px; font-weight:700; line-height:1.3em; margin-bottom:12px;}
.vision .cnt p {color:#aa1717; font-size:25px; font-weight:700; font-style:italic; line-height:1.5em; letter-spacing:-.01em;}

.vision-slogan {text-align:center; margin-bottom:60px; font-family:'Godo', sans-serif; color:#242424; font-size:32px; font-weight:700; line-height:1.5em; letter-spacing:-.01em;}
.vision-slogan strong {display:inline-block; color:#aa1717;}

.mana-strategy {text-align:center; display:flex; margin:0 -12px;}
.mana-strategy .col {width:20%; padding:0 12px;}
.mana-strategy .ico {margin-bottom:20px;}
.mana-strategy dt {color:#aa1717; font-size:20px; font-weight:700; line-height:1.3em; margin-bottom:7px;}
.mana-strategy dd {line-height:1.3em;}

.core-value {display:flex; flex-wrap:wrap; justify-content:center; text-align:center; margin:-25px -22px; line-height:1.3em;}
.core-value .col {width:33.33333333%; padding:25px 22px;}
.core-value .img {margin-bottom:17px;}

.link-group {display:flex; justify-content:space-between; margin:0 -15px;}
.link-group .col {width:33.33333333%; max-width:380px; padding:0 15px;}
.link-group a {display:block; padding:12px; text-align:center; font-size:20px; line-height:1.3em; border:1px solid #ddd;}
.link-group a:hover {color:#fff; background:#aa1717; border-color:#aa1717;}

.history-tab {margin-bottom:60px; text-align:center;}
.history-tab ul {display:flex;}
.history-tab ul li {flex:1; border:1px solid #ddd; border-right:0;}
.history-tab ul li:last-child {border-right:1px solid #ddd;}
.history-tab ul li a {display:flex; height:58px; justify-content:center; align-items:center; padding:0 15px; font-size:20px; line-height:1.3em;}
.history-tab ul li.active a {background:#aa1717; border-color:#aa1717; color:#fff; font-weight:500;}

.history {background:url("../images/sub/his_bg.png") 100% 100px no-repeat;}
.history .group {display:flex; margin-left:125px;}
.history .group .year {position:relative; width:250px; font-family:'Godo', sans-serif; color:#eee; font-size:55px; font-weight:900; line-height:1em; letter-spacing:-.01em;}
.history .group .year:after {content:""; position:absolute; top:7px; right:0; height:100%; border-right:2px dashed #ddd;}
.history .group .cnt {position:relative; flex:1 1 auto; min-width:0; width:1%; padding:0 0 70px 40px;}
.history .group .cnt:before {content:""; position:absolute; top:7px; left:-7px; width:12px; height:12px; background:#aa1717; border-radius:100%;}
.history .group .cnt .item {display:flex; font-size:17px; line-height:1.471em; margin-bottom:9px;}
.history .group .cnt .item:last-child {margin-bottom:0;}
.history .group .cnt .item .month {width:70px; font-size:18px; font-weight:600;}
.history .group .cnt .item .txt {flex:1 1 auto; min-width:0; width:1%;}
.history .group:last-child .year:after {height:7px;}
.history .group:last-child .cnt {padding-bottom:0;}

.license ul {display:flex; flex-wrap:wrap; margin:-33px -20px;}
.license ul li {width:25%; padding:33px 20px; text-align:center; font-size:18px; font-weight:500; line-height:1.3em;}
.license ul li img {display:block; margin:0 auto 15px; box-shadow:5px 7px 10px rgba(0,0,0,.35);}

.awards ul {display:flex; flex-wrap:wrap; margin:-35px -20px;}
.awards ul li {width:25%; padding:35px 20px;}
.awards ul li img {box-shadow:5px 7px 10px rgba(0,0,0,.35);}
.awards.type2 {margin-top:70px;}
.awards.type2 ul {margin:-35px -22px;}
.awards.type2 ul li {width:33.33333333%; padding:35px 22px;}

.root_daum_roughmap {width:100% !important; margin-bottom:50px !important;}

.directions {display:flex; justify-content:space-between; text-align:center;}
.directions .box {width:30%; max-width:370px; padding:40px; border:1px solid #ddd;}
.directions .box .ico {margin-bottom:22px;}
.directions .box dt {color:#aa1717; font-size:20px; font-weight:600; line-height:1.3em; margin-bottom:7px;}
.directions .box dd {font-size:18px; line-height:1.5em;}

.traffic {display:flex; align-items:center; margin-left:30px;}
.traffic .ico {width:47px;}
.traffic .txt {flex:1 1 auto; min-width:0; width:1%; font-size:18px; line-height:1.5em;}

.biz-slider {position:relative; margin-bottom:40px;}
.biz-slider .slick-dots {margin-top:30px; text-align:center; line-height:0;}
.biz-slider .slick-dots li {display:inline-block; margin:0 7px;}
.biz-slider .slick-dots li button {position:relative; display:block; width:12px; height:12px; background:transparent; border:1px solid #ddd; border-radius:100%; overflow:hidden; text-indent:-9999em; transition:.2s;}
.biz-slider .slick-dots .slick-active button {background:#aa1717; border-color:#aa1717;}
.biz-slider .slick-arrow {position:absolute; top:50%; margin-top:-25px; width:50px; height:50px; background-color:#fff; background-position:50% 50%; background-repeat:no-repeat; border:1px solid #ddd; border-radius:100%; overflow:hidden; text-indent:-9999em; z-index:50;}
.biz-slider .slick-arrow:hover {background-color:#aa1717; border-color:#aa1717;}
.biz-slider .slick-prev {left:-80px; background-image:url("../images/sub/slide_prev.png");}
.biz-slider .slick-next {right:-80px; background-image:url("../images/sub/slide_next.png");}
.biz-slider .slick-prev:hover {background-image:url("../images/sub/slide_prev_on.png");}
.biz-slider .slick-next:hover {background-image:url("../images/sub/slide_next_on.png");}

.biz-cnt {font-size:17px; line-height:2em;}
.biz-cnt .lg-txt {font-size:1.176em}
.biz-cnt strong {font-weight:600;}

.mana-system {text-align:center; font-size:18px; font-weight:500; line-height:1.5em; letter-spacing:-.01em;}
.mana-system ul {display:flex;}
.mana-system ul li {width:25%; padding:25px 20px; border-left:1px solid #ddd;}
.mana-system ul li:first-child {border-left:0;}
.mana-system ul li img {display:block; margin:0 auto 25px;}

.mana-table table {width:100%; table-layout:fixed; border-collapse:collapse; border-spacing:0px; border-top:2px solid #242424; color:#454545; font-size:17px; line-height:1.647em; letter-spacing:-.01em;}
.mana-table table th {width:210px; padding:33px 20px; border-bottom:1px solid #ddd; color:#aa1717; font-size:18px; font-weight:600;}
.mana-table table td {padding:33px 20px; border-bottom:1px solid #ddd;}

.godo-tit {font-family:'Godo',sans-serif; color:#aa1717; font-size:30px; font-weight:700; line-height:1.4em;}

.comp-ceo {text-align:center; font-size:25px; font-weight:600; line-height:1.3em; letter-spacing:-.01em; margin-top:15px;}

.ci-top-txt {text-align:center; font-family:'Godo',sans-serif; color:#aa1717; font-size:35px; font-weight:700; line-height:1.4em; margin-bottom:50px;}

.ci-wrap {display:flex; justify-content:space-between; margin-bottom:40px;}
.ci-wrap .cnt-area {width:50%; max-width:560px; display:flex; flex-direction:column; justify-content:space-evenly;}
.ci-wrap .cnt-area .doc-tit {margin-bottom:13px;}
.ci-wrap .cnt-area .doc-cnt:last-child {margin-bottom:40px;}
.ci-wrap .img-area {text-align:center; width:47%; max-width:520px; font-size:17px;}
.ci-wrap .img-area .img {margin-bottom:25px;}
.ci-wrap .img-area .img img{display:block; margin:0 auto 7px;}
.ci-wrap .img-area .img.mg {margin-bottom:35px;}
.ci-wrap .img-area .btns {display:flex; flex-wrap:wrap; justify-content:space-evenly;}

.ci-sub-tit {color:#aa1717; font-size:22px; font-weight:600; line-height:1.3em; margin-bottom:27px;}

.btn-down {display:inline-flex; align-items:center; justify-content:center; min-width:200px; min-height:50px; margin:2px; padding:5px 20px; text-align:center; color:#fff; font-size:18px; line-height:1.3em; background:#aa1717; border-radius:10px;}
.btn-down:after {content:""; display:inline-block; width:21px; height:21px; margin-left:10px; background:url("../images/sub/icon_down.png") 50% 50% no-repeat;}

.ci-main-color {overflow:hidden; text-align:center; margin-bottom:40px;}
.ci-main-color .items {display:flex; flex-wrap:wrap; margin-left:-50px;}
.ci-main-color .item {width:220px; margin-left:50px;}
.ci-main-color .color {width:220px; height:220px; margin:0 auto 10px;}

.ci-sub-color {overflow:hidden; text-align:center; margin-bottom:40px;}
.ci-sub-color .items {display:flex; flex-wrap:wrap; margin-left:-10px;}
.ci-sub-color .item {width:230px; margin-left:10px;}
.ci-sub-color .color {width:160px; height:220px; margin:0 auto 10px;}

.ci-color-table table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #242424; color:#454545; font-size:17px; line-height:1.647em; letter-spacing:-.01em;}
.ci-color-table table th {height:60px; padding:10px; border-bottom:1px solid #ddd; font-size:18px; font-weight:500; background:#f5f5f5;}
.ci-color-table table td {height:50px; padding:10px; border-bottom:1px solid #ddd; text-align:center;}

.ci-type {margin-bottom:50px; overflow:hidden; text-align:center;}
.ci-type:last-child {margin-bottom:0;}
.ci-type .ci-sub-tit {margin-bottom:5px;}
.ci-type .tit {font-size:18px; font-weight:500; line-height:1.4em; margin-bottom:25px;}
.ci-type .row {display:flex; margin:0 -40px;}
.ci-type .col {width:50%; padding:0 40px;}

.bi-wrap {text-align:center; font-size:19px; line-height:1.684em; letter-spacing:-.01em;}
.bi-wrap .img {margin-bottom:30px;}
.bi-wrap .philio {margin-top:15px; margin-bottom:53px; font-size:22px;}
.bi-wrap .btns {max-width:1000px; margin:0 auto; display:flex; flex-wrap:wrap; justify-content:space-evenly;}

.bi-type {margin-bottom:40px; overflow:hidden; text-align:center;}
.bi-type:last-child {margin-bottom:0;}
.bi-type .row {display:flex; margin:0 -40px;}
.bi-type .col {width:50%; padding:0 40px;}

.brochure .img {margin-bottom:40px;}
.brochure .btns {display:flex; flex-wrap:wrap; justify-content:space-evenly;}
.brochure .btn-down {min-width:245px; padding:0 45px; font-size:20px; font-weight:500;}
.brochure .btn-down:after {background-image:url("../images/sub/icon_down2.png")}

.recruit-top {margin-bottom:50px;}

.talent {margin-bottom:15px;}

.position-system {margin-left:25px; color:#242424; font-size:19px; line-height:1.675em;}
.position-system h4 {font-size:20px; font-weight:500; line-height:1.3em; margin-bottom:10px;}
.position-system .cnt {margin-bottom:40px; margin-left:1.4em;}
.position-system .cnt:last-child {margin-bottom:0;}
.position-system .rank {display:flex; flex-wrap:wrap; align-items:center; font-size:20px;}
.position-system .rank img {vertical-align:middle;}
.position-system .rank .arr {line-height:0; margin:0 30px;}