@charset "utf-8";

.sub-tab {margin-bottom:80px; text-align:center;}
.sub-tab ul {display:flex; width:100%;}
.sub-tab ul li {flex:1; width: auto; background:#fafafa; border:1px solid #dfdfdf; border-left:0; border-bottom:0;}
.sub-tab ul li:first-child {border-left:1px solid #dfdfdf;}
.sub-tab ul li a {position:relative; display:block; color: #878787; font-size:18px; font-weight:500; line-height:56px; letter-spacing:-.03em; white-space: nowrap; padding: 0 5px;}
.sub-tab ul li.active {background:#fff;}
.sub-tab ul li.active a {color: #2c2c2c; z-index:2;}
.sub-tab ul li.active a:after {content:""; position:absolute; top:-1px; bottom:-1px; left:-2px; right:-2px; border:2px solid #333; border-bottom:1px solid #fff;}
.sub-tab ul li:not(.active) { border-bottom:1px solid #333;}

.table-wrap {overflow-x: auto; -webkit-overflow-scrolling: touch;}
.sub-table {width:100%; border-collapse:collapse; border-spacing:0px; line-height:1.5em; letter-spacing:-.03em;}
.sub-table th {padding:17px 8px; border:1px solid #dfdfdf;}
.sub-table thead th {background:#fafafa; font-size: 17px; font-weight: 400;  border-top: 1px solid #a8a8a8;}
.sub-table tbody th {font-weight: 600; font-size: 0.938em;}
.sub-table td {padding:17px 8px; border:1px solid #dfdfdf; font-size: 15px; color:#505050; text-align:center;}
.sub-table .bg1 {background:#fafafa;}
.sub-table td strong {font-weight: 600;}
.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;}

.sub-table.lg thead th {font-size: 18px;}
.sub-table.lg td {padding: 27px 8px; font-size: 20px;}

.stock-table-wrap {overflow-x: auto; -webkit-overflow-scrolling: touch;}
.stock-table {min-width: 1024px; width: 100%;}
.stock-table .up {color: #db1415;}
.stock-table .dw {color: #2f4de9;}

.titleBox {margin-bottom: 65px; text-align: center;}
.titleBox h3 {font-size: 40px; line-height: 1.3; margin-bottom: 52px;}
.titleBox .txt p {color: #505050; font-size: 20px; line-height: 1.8; letter-spacing: -.03em; margin-bottom: 25px;}
.titleBox .txt p:last-child {margin-bottom: 0;}
.titleBox .txt p strong {color: #2c2c2c; font-weight: 600;}
.titleBox .txt p.big {font-size: 28px;}
.titleBox .txt p .point {font-weight: 800; color: #db1415;}
.titleBox .txt .br {display: block;}

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

.img-items {display: flex; margin: 0 -1.5px;}
.img-items .item {width: 33.3333333%; padding: 0 1.5px;}
.img-items .item.x2 {width: 66.66666666%;}

.introduce {display: flex;align-items: center;}
.introduce .txt {flex: 1 1 auto; min-width: 0; width: 1%;}
.introduce .txt h3 {font-size: 28px; line-height: 1.4; letter-spacing: -.03em; margin-top: 40px;}
.introduce .txt p {font-size: 20px; color: #505050; line-height: 1.8; letter-spacing: -.03em; margin-bottom: 30px;}
.introduce .img {order: 2; width: 50%; padding-left: 30px; text-align: right;}

.history {}
.history .row {margin-bottom: 85px;}
.history .row:last-child {margin-bottom: 0;}
.history .row h3 {font-size: 40px; line-height: 1.2; letter-spacing: -.04em; padding: 25px 0 20px; text-align: center;}
.history .head {display: table; width: 100%; height: 310px; margin-bottom: 60px; color: #fff; text-align: center; background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.history .head.bg1 {background-image:url("../images/sub/bg_historyH1.jpg");}
.history .head.bg2 {background-image:url("../images/sub/bg_historyH2.jpg");}
.history .head.bg3 {background-image:url("../images/sub/bg_historyH3.jpg");}
.history .head .cell {display: table-cell; vertical-align:middle; padding: 20px;}
.history .head span {display: block; margin-bottom: 18px; font-size: 18px; font-weight: 700; line-height: 1.4;}
.history .head p {font-size: 40px; font-weight: 700; line-height: 1.3; letter-spacing: -.04em;}

.history .body {position: relative;}
.history .body:before {content:""; position: absolute; top: 15px; left: 50%; width: 1px; background: #dfdfdf; }
.history .body .group{position:relative; width:50%; top:0; margin-bottom: 45px;}
.history .body .group:after { content:""; position:absolute; top:14px; width:11px; height:11px; background:#db1415; border-radius:100%; }
.history .body .group:last-child{margin-bottom:0;}
.history .body .group .year {font-size:32px; line-height: 1.2; letter-spacing:-.03em; margin-bottom: 25px;}
.history .body .group ul li {display: flex; font-size: 18px; color: #878787; letter-spacing: -.03em; margin-bottom: .5em;}
.history .body .group ul li:last-child {margin-bottom: 0;}
.history .body .group ul li .month {min-width: 44px; color:#505050; font-size: 1.111em; font-weight: 700;}

.history .row:nth-child(1) .body:before {bottom: 105px;}
.history .row:nth-child(2) .body:before {bottom: 185px;}
.history .row:nth-child(3) .body:before {bottom: 70px;}

.history .body .group:nth-child(odd){padding-left:30px; margin-left:50%;}
.history .body .group:nth-child(even){text-align:right; padding-right:30px;}
.history .body .group:nth-child(odd):after{left:-5px;}
.history .body .group:nth-child(even):after{right:-6px;}
.history .body .group:nth-child(even) ul li {justify-content: flex-end;}
.history .body .group:nth-child(even) ul li .month {order: 2;}

.dot-flashing {position: relative; width: 10px; height: 10px; border-radius: 5px; background-color: #a8a8a8; color: #a8a8a8; margin: 20px auto; -webkit-animation: dot-flashing 1s infinite linear alternate; animation: dot-flashing 1s infinite linear alternate; -webkit-animation-delay: .5s; animation-delay: .5s;}
.dot-flashing::before, 
.dot-flashing::after {content: '';display: inline-block;position: absolute;left: 0; width: 10px; height: 10px; border-radius: 5px; background-color: #a8a8a8; color: #a8a8a8; -webkit-animation: dot-flashing 1s infinite alternate; animation: dot-flashing 1s infinite alternate;}
.dot-flashing::before {top: -20px; -webkit-animation-delay: 0s; animation-delay: 0s;}
.dot-flashing::after {top: 20px; -webkit-animation-delay: 1s; animation-delay: 1s;}

@-webkit-keyframes dot-flashing {
  0% {
    background-color: #a8a8a8;
  }
  50%{
	background-color: #e3e3e3;
  }
  100% {
    background-color: #f2f2f2;
  }
}

@keyframes dot-flashing {
  0% {
    background-color: #a8a8a8;
  }
  50%{
	background-color: #e3e3e3;
  }
  100% {
    background-color: #f2f2f2;
  }
}

.founder .group {display: flex; margin-bottom: 115px;}
.founder .group:last-child {margin-bottom: 0;}
.founder .group .img {width: 50%;}
.founder .group:nth-child(odd) .img {order: 2; text-align: right;}
.founder .group .txt {flex: 1 1 auto; min-width: 0; width: 1%;}
.founder .group:nth-child(odd) .txt {padding-right: 40px;}
.founder .group:nth-child(even) .txt {position: relative; right: -100px; padding-left: 40px;}
.founder .txt h3 {font-size: 36px; line-height: 1.611em; letter-spacing: -.04em; margin-bottom: 55px;}
.founder .txt p {color: #505050; font-size: 19px; line-height: 1.895em; letter-spacing: -.04em; margin-bottom: 30px;}
.founder .txt p span {font-weight: 700; display: block;}
.founder .txt p strong {font-size: 1.158em; font-weight: 600;}
.founder .txt p.sign {color: #2c2c2c; margin-top: 55px; margin-bottom: 0;}
.founder .txt p.sign .name {display: inline-block; font-weight: 700;}
.founder .txt p.sign img {vertical-align:middle; margin-left: 12px;}

/* .csr h3 {font-size: 36px; line-height: 1.611em; letter-spacing: -.04em; text-align: center; margin-bottom: 110px;}
.csr .body {}
.csr .body .row {display: flex;align-items: flex-start; margin-bottom: 30px;}
.csr .body .row:last-child {margin-bottom: 0;}
.csr .body .img {width: 46%; padding-right: 30px; text-align: center;}
.csr .body .img IMG {display: block; margin-bottom: 30px;}
.csr .body .cnt {flex: 1 1 auto; min-width: 0; width: 1%;}
.csr .cnt {position: relative;}
.csr .cnt:before {content:""; position: absolute; top: 12px; bottom: 15px; left: 110px; width: 1px; background: #dfdfdf;}
.csr .cnt .group {position: relative; display: flex; margin-bottom: 40px;}
.csr .cnt .group:last-child {margin-bottom: 0;}
.csr .cnt .group:after {content:""; position:absolute; top:8px; left: 105px; width:11px; height:11px; background:#db1415; border-radius:100%;}
.csr .cnt .group .year {width: 110px; font-size:32px; font-weight: 700; letter-spacing:-.03em;}
.csr .cnt .group .list {flex: 1 1 auto; min-width: 0; width: 1%; padding-left: 30px; color: #505050; font-size: 19px; line-height: 1.3; letter-spacing: -.04em;}
.csr .cnt .group .list p {margin-bottom: .5em;}
.csr .cnt .group .list p:last-child {margin-bottom: 0;} */

.csr2 h3 {font-size: 36px; line-height: 1.611em; letter-spacing: -.04em; text-align: center; margin-bottom: 110px;}
.csr2 .body .img {margin-bottom:55px; display:flex; justify-content:space-between;} 
.csr2 .body .img img {width:31.66%; max-width:380px;}
.csr2 .cnt {position: relative;}
.csr2 .cnt .group {position: relative; display: flex; margin-bottom: 40px;}
.csr2 .cnt .group:last-child {margin-bottom: 0;}
.csr2 .cnt .group:nth-child(odd) {padding-left:50%;}
.csr2 .cnt .group:nth-child(odd) .list {padding-left:100px;}
.csr2 .cnt .group:nth-child(odd) .list:after {left:65px;}
.csr2 .cnt .group:nth-child(even) {flex-direction:row-reverse; text-align:right; padding-right:50%;}
.csr2 .cnt .group:nth-child(even) .list {padding-right:100px;}
.csr2 .cnt .group:nth-child(even) .list:after {right:65px;}
.csr2 .cnt .group .year {position: absolute; left:50%; transform:translateX(-50%); font-size:32px; font-weight: 700; letter-spacing:-.03em;}
.csr2 .cnt .group .list {position:relative;color: #505050; font-size: 19px; line-height: 1.3; letter-spacing: -.04em;}
.csr2 .cnt .group .list:after {content:""; position:absolute; top:8px;  width:11px; height:11px; background:#db1415; border-radius:100%;}
.csr2 .cnt .group .list p {margin-bottom: .5em;}
.csr2 .cnt .group .list p:last-child {margin-bottom: 0;}

.invest .chartArea {display: flex;justify-content: space-between; margin-bottom: 40px;}
.invest .chartArea .box {width: calc(33.3333333% - 15px); border: 1px solid #dfdfdf; padding: 35px 28px 0px;}
.invest .chartArea .box h3 {text-align: center; font-size: 20px; font-weight: 600; line-height: 1.3; letter-spacing: -.03em; margin-bottom: 25px;}

.invest .tableArea {margin-bottom: 80px;}
.invest .tableArea:last-child {margin-bottom: 0;}
.invest .tableArea .title-wrap {display: flex;align-items: flex-end;justify-content: space-between; margin-bottom: 25px;}
.invest .tableArea .title-wrap h3 {font-size: 28px; font-weight: 600; line-height: 1.4; letter-spacing: -.03em;}
.invest .tableArea .title-wrap .unit {display: block; color: #878787; font-size: 14px; font-weight: 300; line-height: 1.5; letter-spacing: -.03em;}

.apexcharts-canvas {border-top:1px solid #a8a8a8;}
.apexcharts-canvas * {font-family:'Pretendard',sans-serif !important; line-height:1em !important; letter-spacing:-.02em !important;}
.apexcharts-xaxis * {font-size:14px !important; font-weight:500 !important;}

.stockholder {display: flex;justify-content: center;align-items: center;}
.stockholder .chart-graph {position: relative; margin-right: 30px;}
.stockholder .chart-graph .tatal {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10; font-size: 34px; font-weight: 800; line-height: 1.1; letter-spacing: -.06em;}

.stockholder .chart-lables ul li {position: relative; padding-left: 37px; font-size: 19px; font-weight: 500; line-height: 1.4; letter-spacing: -.03em; margin-bottom: 20px;}
.stockholder .chart-lables ul li:last-child {margin-bottom: 0;}
.stockholder .chart-lables ul li .pan {position: absolute; top: 5px; left: 0; width: 16px; height: 16px;}
.stockholder .chart-lables ul li .pan.c1 {background: #db1415;}
.stockholder .chart-lables ul li .pan.c2 {background: #ed6a69;}
.stockholder .chart-lables ul li .pan.c3 {background: #f29f9f;}
.stockholder .chart-lables ul li .pan.c4 {background: #757574;}

.stock {}
.stock .head {margin-bottom: 80px;}
.stock .head .compNm {font-size: 18px; font-weight: 500; line-height: 1.5; letter-spacing: -.03em; margin-bottom: 20px;}
.stock .head .compNm span {display: inline-block; margin-left: 6px;}
.stock .head .info {display: flex;justify-content: space-between;align-items: flex-end; margin-bottom: 40px;}
.stock .head .info .todayState {margin-right: 30px; flex: 1 1 auto; min-width: 0; width: 1%;}
.stock .head .info .todayState > div {display: inline-block;}
.stock .head .todayState .price {font-size: 40px; font-weight: 600; line-height: 1.2; letter-spacing: -.03em; margin-right: 26px;}
.stock .head .todayState .price span {display: inline-block; margin-left: 11px; width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent;}
.stock .head .todayState .price .up {border-bottom: 12px solid #db1415;}
.stock .head .todayState .price .dw {border-top: 12px solid #2f4de9;}
.stock .head .todayState .price .same {display: none;}
.stock .head .todayState .fluc {margin: 0 -16px;}
.stock .head .todayState .fluc > span {position: relative; padding: 0 16px;}
.stock .head .todayState .fluc > span:after {content:""; position: absolute; top: 50%; right: -1px; margin-top: -9px; width: 1px; height: 18px; background: #dfdfdf;}
.stock .head .todayState .fluc > span:last-child:after {display: none;}
.stock .head .info .date {color: #888; font-weight: 300;}

.stock .state.up {color: #db1415;}
.stock .state.dw {color: #2f4de9;}

.stock .state {position: relative;}
.stock .state:after {content:""; display: inline-block;  vertical-align: middle; margin: -.2em 0 0 6px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent;}
.stock .state.up:after {border-bottom: 8px solid #db1415;}
.stock .state.dw:after {border-top: 8px solid #2f4de9;}
.stock .state.same:after {display: none;}

.ir-book .cate {max-width: 285px; margin: 0 auto 40px;}
.ir-book .cate .input {width: 100%;}
.ir-book .list {max-width: 1024px; margin: 0 auto;}
.ir-book .list ul {display: flex;justify-content: center; margin: -10px; text-align: center;}
.ir-book .list ul li {width: 25%; padding: 10px;}
.ir-book .list ul li a {position: relative; display: block; padding: 45px 10px;}
.ir-book .list ul li a:after {content:""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; border: 1px solid #dfdfdf;}
.ir-book .list ul li a:hover:after {border: 3px solid #db1415;}
.ir-book .list .icon {}
.ir-book .list .tit {font-size: 22px; font-weight: 600; line-height: 1.3; letter-spacing: -.03em; margin: 20px 0 40px;}
.ir-book .list .down {color: #505050; font-size: 15px; line-height: 1.3;}
.ir-book .list .down:before {content:""; display: inline-block; vertical-align:middle; margin: -.02em 6px 0 0; width: 24px; height: 24px; background: no-repeat url("../images/sub/icon_down.png") center center / contain;}

.apexcharts-canvas {margin: 0 auto;}

.people .group {padding-bottom: 135px;}
.people .group.bg {padding-top: 135px; background: #f5f5f5;}

.people ul {display: flex;flex-wrap:wrap; text-align: center;}
.people ul li .tit {color: #db1415; font-size: 1.063em; font-weight: 600; line-height: 1.5; letter-spacing: -.03em; margin-top: 12px;}
.people .talent .titleBox{margin-bottom: 90px;}
.people .talent ul {margin: -58px -10px 0;}
.people .talent ul li {width: 33.3333333%; padding: 58px 10px 0; margin-top: 58px; border-top: 1px solid #dfdfdf;}
.people .talent ul li:nth-child(1),
.people .talent ul li:nth-child(2),
.people .talent ul li:nth-child(3) {border-top: 0; padding-top: 0;}
.people .talent ul li .desc {font-size: 22px; line-height: 1.727em; letter-spacing: -.03em; margin-top: 18px;}
.people .welfare ul {margin-bottom: -32px;}
.people .welfare ul li {width: 20%; padding: 0 32px; margin-bottom: 32px;}

.recruit-step {text-align: center;}
.recruit-step h3 {font-size: 32px; line-height: 1.688em; letter-spacing: -.04em; margin-bottom: 70px;}
.recruit-step ol {display: flex;flex-wrap:wrap; margin: 0 -33px;}
.recruit-step ol li {position: relative; width: 25%; padding: 0 33px;}
.recruit-step ol li:after {content:""; position: absolute; width: 23px; height: 23px; top: 50%; margin-top: -11px; right: -11px; background: no-repeat url("../images/sub/arrow.png") center center / contain;}
.recruit-step ol li:last-child:after {display: none;}
.recruit-step ol li .in {position: relative; border: 1px solid #dfdfdf; height: 100%; padding: 65px 10px 50px;}
.recruit-step ol li .in:before {content:""; position: absolute; top: 0; left: 50%; margin-left: -1px; width: 2px; height: 38px; background: #db1415;}
.recruit-step ol li .tit {font-size: 24px; font-weight: 500; line-height: 1.3; letter-spacing: -.03em; margin: 12px 0 9px;}
.recruit-step ol li .step {color: #878787; font-size: 0.875em; line-height: 1.3; letter-spacing: 0;}

.root_daum_roughmap {width:100% !important;}
.location-info {margin-top:55px; display:flex; text-align:center;}
.location-info .col {flex:1; padding:20px; border-left:1px solid #dfdfdf;}
.location-info .col:first-child {border-left:0;}
.location-info .ico {margin-bottom:20px;}
.location-info dt {color:#db1415; font-weight:600; margin-bottom:8px;}
.location-info dd.lg {font-size:1.125em; }

.odm-oem .group {margin-bottom: 135px;}
.odm-oem .group.bg {padding: 135px 0; background: #f5f5f5;}

.odm-oem .overview .dot-flashing {margin: 38px auto 48px;}
.odm-oem .overview .cnt {max-width: 890px; margin: 0 auto; text-align: center;}
.odm-oem .overview .cnt > ul {display: flex; margin: 0 -42px;}
.odm-oem .overview .cnt > ul > li {width: 33.3333333%; padding: 0 42px;}
.odm-oem .overview .tit {position:relative; padding-bottom:100%; overflow:hidden; border-radius: 100%;}
.odm-oem .overview .tit.bg1 {background: #727171;}
.odm-oem .overview .tit.bg2 {background: #c9c9ca;}
.odm-oem .overview .tit.bg3 {background: #db1415;}
.odm-oem .overview .tit p {color: #fff; font-size: 28px; font-weight: 700; line-height: 1.3; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}
.odm-oem .overview .hypen-list {display: inline-block; text-align: left; color: #505050; font-size: 18px; line-height: 1.5em; letter-spacing: -.03em;}
.odm-oem .overview .hypen-list li {margin-bottom: .5em;}
.odm-oem .overview .hypen-list li:last-child {margin-bottom: 0;}

.odm-oem .vision {overflow:hidden;}
.odm-oem .vision .row {position: relative; padding: 65px 0;}
.odm-oem .vision .row:first-child {padding-top: 0;}
.odm-oem .vision .row:before {content:""; position: absolute; bottom: 0; left: 0; height: 1px; background: #dfdfdf;}
.odm-oem .vision .row:after {position: absolute; bottom: -21px; font-family: 'Oooh Baby', cursive; font-size: 36px; line-height: 1.3; letter-spacing: 0;}
.odm-oem .vision .row1:before {left: -200%; right: 165px;}
.odm-oem .vision .row1:after {content:"Accuracy"; right: 0;}
.odm-oem .vision .row2:before {left: 330px; right: -200%;}
.odm-oem .vision .row2:after {content:"Customized Curation"; left: 0;}
.odm-oem .vision .row3:before {left: -200%; right: 222px;}
.odm-oem .vision .row3:after {content:"Globalization"; right: 0;}
.odm-oem .vision .row .txt {max-width: 355px; margin: 0 auto;}
.odm-oem .vision .row p {position: relative; padding-left: 22px; color: #505050; font-size: 24px; line-height: 1.5; letter-spacing: -.03em;}
.odm-oem .vision .row p strong {color: #db1415; font-weight: 700; position: absolute; top: 0; left: 0;}

.odm-oem .solution .list {text-align: center;}
.odm-oem .solution .list ul {display: flex;flex-wrap:wrap; margin: 0 -10px -50px;}
.odm-oem .solution .list ul li {width: 33.3333333%; padding: 0 10px; margin-bottom: 70px; padding-bottom: 70px; border-bottom: 1px solid #dfdfdf;}
.odm-oem .solution .list ul li:nth-last-child(-n+3) {border-bottom: 0;}
.odm-oem .solution .list ul li .tit {margin-top: 26px; color: #db1415; font-size: 1.063em; line-height: 1.529em; letter-spacing: -.03em; font-weight: 600;}

.odm-oem .solution .country ul {display: flex;justify-content: center; margin: -8px;}
.odm-oem .solution .country ul {display: flex;justify-content: center; margin: -8px;}
.odm-oem .solution .country ul li {padding: 8px;}

.odm-oem .competitiveness ul {display: flex; text-align: center; margin: 0 -15px;}
.odm-oem .competitiveness ul li {position: relative; width: 33.3333333%; padding: 0 15px;}
.odm-oem .competitiveness ul li:after {content:""; position: absolute; width: 54px; height: 54px; top: 26%; right: -27px; background: no-repeat url("../images/sub/icon_x.png") center center / contain;}
.odm-oem .competitiveness ul li:last-child:after {display: none;}
.odm-oem .competitiveness ul li .tit {color: #db1415; font-size: 26px; font-weight: 700; line-height: 1.5; letter-spacing: -.03em; margin: 22px 0 10px;}
.odm-oem .competitiveness ul li .desc {font-size: 20px; line-height: 1.6; letter-spacing: -.03em;}

.odm-oem .category ul {display: flex; text-align: center; margin: 0 -18px;}
.odm-oem .category ul li {padding: 0 18px;}
.odm-oem .category .txt-list {max-width: 995px; margin: 140px auto;}
.odm-oem .category .txt-list li {width: 50%;}
.odm-oem .category .txt-list li .tit {margin-bottom: 15px; font-size: 24px; font-weight: 700; line-height: 1.583em; letter-spacing: -.03em;}
.odm-oem .category .txt-list li .tit span {display: block; color: #db1415;}
.odm-oem .category .txt-list li .desc {color: #505050; line-height: 2em; letter-spacing: -.03em;}
.odm-oem .category .img-list li {width: 20%;}
.odm-oem .category .img-list li .tit {margin: 20px 0 10px; font-size: 22px; font-weight: 600; line-height: 1.583em; letter-spacing: -.03em;}
.odm-oem .category .img-list li .desc {color: #505050; font-size: 0.875em; line-height: 1.857em; letter-spacing: -.03em;}

.odm-oem .contact .cnt {text-align: center;}

.go-links {margin-top: 80px; text-align: center;}
.go-links ul {display: flex;justify-content: center; margin: -5px -7px;}
.go-links ul li {padding: 5px 7px;}
.go-links a {display: block;}
.go-links a:hover .icon {background: #db1415;}
.go-links .icon {display: flex;justify-content: center;align-items: center; width: 58px; height: 58px; border-radius:100%; background: #333; margin: 0 auto;}
.go-links .txt {color: #878787; font-size: 13px; line-height: 1.5; letter-spacing: -.04em; margin-top: 10px;}

.brand .group {margin-bottom: 150px;}
.brand .group.bg {background: #f5f5f5; padding: 150px 0;}

.brand-tit {text-align: center; margin-bottom: 80px; font-size: 34px; line-height: 1.5; letter-spacing: -.04em;}

.brand .intro {margin-bottom: 270px;}
.brand .intro .contain {display: flex;align-items: center;}
.brand .intro .img {width: 50%; padding-right: 30px;}
.brand .intro .txt {flex: 1 1 auto; min-width: 0; width: 1%;}
.brand .intro .txt h3 {margin-bottom: 55px; font-size: 50px; line-height: 1.2; letter-spacing: -.04em;}
.brand .intro .txt p {color: #505050; font-size: 19px; line-height: 1.895em; letter-spacing: -.04em; margin-bottom: 35px;}
.brand .intro .txt p:last-child {margin-bottom: 0;}
.brand .intro .slogan {margin-top: 70px;}
.brand .intro .slogan p {font-weight: 600; margin-bottom: 10px;}
.brand .intro .slogan p strong {color: #2c2c2c; font-size: 1.579em; margin-right: 15px;}
.brand .intro .txtInimg {margin-top: 70px;}

.brand .product {padding-top: 0 !important; text-align: center;}
.brand .product .head {position: relative; display: flex; height: 359px; text-align: center; top: -120px;}
.brand .product .head .col {width: 50%;}
.brand .product .head .img {background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.brand .product .head .img.bg1 {background-image:url("../images/sub/bg_tis_prdtit.jpg");}
.brand .product .head .img.bg2 {background-image:url("../images/sub/bg_stq_prdtit.jpg");}
.brand .product .head .tit {display: table; background: #121212; color: #fff;}
.brand .product .head .tit .cell {display: table-cell; vertical-align:middle;}
.brand .product .head .tit h3 {position: relative; display: inline-block;}
.brand .product .head .tit h3:before,
.brand .product .head .tit h3:after {content:""; position: absolute; top: 50%; width: 32%; height: 1px; background: #454545;}
.brand .product .head .tit h3:before {left: -55%;}
.brand .product .head .tit h3:after {right: -55%;}
.brand .product .brand-tit {margin-bottom: 0 !important;}

.brand .product .txt {margin-bottom: 120px;}
.brand .product .txt p {font-size: 19px; font-weight: 600; line-height: 1.895em; letter-spacing: -.04em; margin-bottom: 10px;}
.brand .product .txt p strong {color: #2c2c2c; font-size: 1.579em;}

.brand .product-issue {}
.brand .product-issue ul {display: flex;flex-wrap:wrap; margin: 0 -2px -30px;}
.brand .product-issue ul li {width: 50%; padding: 0 2px; margin-bottom: 30px;}
.brand .product-issue ul li .tit {display: table; width: 100%; min-height: 74px; text-align: center; padding: 0 10px; background: #454545; color: #fff; font-size: 22px; font-weight: 600; line-height: 1.4; letter-spacing: -.04em;}
.brand .product-issue ul li .tit p {display: table-cell; vertical-align:middle;}

.brand .shop .list {}
.brand .shop .list ul {text-align: center; display: flex; }
.brand .shop .list ul li {width: 25%; padding: 0 50px;}
.brand .shop .list ul li img {border-radius:100%; box-shadow:rgba(0,0,0,.1) 0px 10px 20px;}
.brand .shop .list ul li p {color: #505050; line-height: 1.5; margin-top: 32px;}

.brand.tis .product .txt {display: inline-block; text-align: left;}
.brand.tis .product .txt p strong {margin-right: 15px;}
.brand.fsh .intro {margin-bottom: 150px;}
.brand.stq .intro .contain {align-items: flex-end;}
.brand.stq .go-links {margin-top: 100px;}